@polyguard/sdk 1.0.0 → 1.0.1

package/dist/sdk.js

@@ -11515,7 +11515,21 @@
               } else if (data && data.qr_url) {
                 console.log("qr_url", data.qr_url);
                 const qrDiv = modal.querySelector("#polyguard-qr");
-                if (qrDiv) {
+                if (!qrDiv) return;
+                const isMobile = /Mobi|Android/i.test(navigator.userAgent);
+                if (isMobile) {
+                  qrDiv.innerHTML = `<button id="polyguard-open-app-button" style="background: #7be7c2; color: #222; font-weight: 600; border-radius: 8px; border: none; padding: 10px 32px; font-size: 16px; cursor: pointer;">Open Polyguard App</button>`;
+                  qrDiv.style.background = "transparent";
+                  qrDiv.querySelector("#polyguard-open-app-button").onclick = () => window.location.assign(data.qr_url);
+                  const instructionText = qrDiv.nextElementSibling;
+                  if (instructionText) {
+                    instructionText.textContent = "Tap the button to verify with the Polyguard app.";
+                  }
+                  const instructionList = instructionText.nextElementSibling;
+                  if (instructionList && instructionList.children[1]) {
+                    instructionList.children[1].textContent = "If you do not have the Polyguard app, you will be redirected to download it.";
+                  }
+                } else {
                   import_qrcode.default.toString(data.qr_url, { type: "svg" }, (err, svg) => {
                     if (!err) qrDiv.innerHTML = svg;
                   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@polyguard/sdk",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "main": "dist/sdk.js",
   "module": "dist/sdk.js",
   "browser": "dist/sdk.js",

package/src/PolyguardWebsocketClientImpl.js

@@ -128,9 +128,29 @@ export class PolyguardWebsocketClientImpl {
               return;
             } else if (data && data.qr_url) {
               console.log('qr_url', data.qr_url);
-              // Generate QR SVG from URL and display
+
               const qrDiv = modal.querySelector('#polyguard-qr');
-              if (qrDiv) {
+              if (!qrDiv) return;
+
+              const isMobile = /Mobi|Android/i.test(navigator.userAgent);
+
+              if (isMobile) {
+                // For mobile, display a button to open the app
+                qrDiv.innerHTML = `<button id="polyguard-open-app-button" style="background: #7be7c2; color: #222; font-weight: 600; border-radius: 8px; border: none; padding: 10px 32px; font-size: 16px; cursor: pointer;">Open Polyguard App</button>`;
+                qrDiv.style.background = 'transparent';
+                qrDiv.querySelector('#polyguard-open-app-button').onclick = () => window.location.assign(data.qr_url);
+
+                // Update surrounding text
+                const instructionText = qrDiv.nextElementSibling;
+                if (instructionText) {
+                  instructionText.textContent = 'Tap the button to verify with the Polyguard app.';
+                }
+                const instructionList = instructionText.nextElementSibling;
+                if (instructionList && instructionList.children[1]) {
+                  instructionList.children[1].textContent = 'If you do not have the Polyguard app, you will be redirected to download it.';
+                }
+              } else {
+                // For desktop, display the QR code
                 QRCode.toString(data.qr_url, { type: 'svg' }, (err, svg) => {
                   if (!err) qrDiv.innerHTML = svg;
                 });