/home/kueuepay/public_html/storage/framework/views/fe38b24c8f7e8b1226251bd40c77b3e96e155b07.php
<?php if($basic_settings->push_notification_config != null && $basic_settings->push_notification_config->method == "pusher"): ?>
    <script src="https://js.pusher.com/beams/1.0/push-notifications-cdn.js"></script>
    <script>
        var clientInstanceId = "<?php echo e($basic_settings->push_notification_config->instance_id); ?>";
        const beamsClient = new PusherPushNotifications.Client({
            instanceId: clientInstanceId,
        });

        var generatePublisherId = "<?php echo e(make_user_id_for_pusher('admin', auth()->user()->id)); ?>";
        const beamsTokenProvider = new PusherPushNotifications.TokenProvider({
            url: "<?php echo e(setRoute('admin.pusher.beams.auth')); ?>",
        });

        beamsClient
            .start()
            .then((beamsClient) => beamsClient.getDeviceId())
            .then((response) => beamsClient.setUserId(generatePublisherId, beamsTokenProvider))
            .catch(console.error());
            
    </script>
<?php endif; ?>

<?php if($basic_settings->broadcast_config != null && $basic_settings->broadcast_config->method == "pusher"): ?>

    <script src="https://js.pusher.com/7.2/pusher.min.js"></script>
    <script>

    var primaryKey = "<?php echo e($basic_settings->broadcast_config->primary_key ?? ''); ?>";
    var cluster = "<?php echo e($basic_settings->broadcast_config->cluster ?? ""); ?>";

    var pusher = new Pusher(primaryKey, {
        cluster: cluster,
    });

    var channel = pusher.subscribe('admin');
    channel.bind('dashbord-push', function(data) {
        var jsonData = JSON.stringify(data);
        var object = JSON.parse(jsonData);
        document.querySelector(".header-notification-area .bling-area").classList.remove("d-none");
        document.querySelector(".notifications-clear-all-btn").classList.remove("d-none");
        var message = `
            <li>
                <div class="thumb">
                    <img src="${object.message.image}" alt="user">
                </div>
                <div class="content">
                    <h6 class="title">${object.message.title}</h6>
                    <span class="sub-title">${object.message.time}</span>
                </div>
            </li>
        `;
        if(document.querySelector(".notification-list .not-found") != null) {
            document.querySelector(".notification-list .not-found").remove();
        }
        document.querySelector(".notification-wrapper .notification-list").innerHTML += message;
    });
    </script>
<?php endif; ?>
<?php /**PATH D:\xampp\htdocs\git\nfcpay\resources\views/admin/partials/push-notification.blade.php ENDPATH**/ ?>
Best Practice

Best Practices

To ensure a smooth integration process and optimal performance, follow these best practices:

  1. Use secure HTTPS connections for all API requests.
  2. Implement robust error handling to handle potential issues gracefully.
  3. Regularly update your integration to stay current with any API changes or enhancements.