@volr/react-ui 0.1.119 → 0.1.120

package/dist/index.cjs

@@ -531,6 +531,7 @@ var en = {
     titleTouchId: "Set up Touch ID login",
     titleFaceId: "Set up Face ID login",
     titleFingerprint: "Set up fingerprint login",
+    titleQrCode: "Set up mobile login",
     // Short description
     description: "Sign in instantly, every time.",
     // Legacy keys for backward compatibility
@@ -560,6 +561,7 @@ var en = {
       outdatedSamsung: "Please update Samsung Internet to the latest version.",
       outdatedIOS: "iOS 17.4 or later is required. Please check for software updates in Settings.",
       firefoxNotSupported: "Secure login is not available in Firefox. Please use Chrome or Safari.",
+      whaleNotSupported: "Secure login is not available in Whale browser. Please use Chrome.",
       unknownBrowser: "Secure login may not work properly in this browser.",
       openInExternalBrowser: "Open in external browser",
       updateBrowser: "Update browser",
@@ -758,6 +760,7 @@ var ko = {
     titleTouchId: "Touch ID \uB85C\uADF8\uC778 \uC124\uC815",
     titleFaceId: "Face ID \uB85C\uADF8\uC778 \uC124\uC815",
     titleFingerprint: "\uC9C0\uBB38 \uB85C\uADF8\uC778 \uC124\uC815",
+    titleQrCode: "\uD734\uB300\uD3F0\uC73C\uB85C \uB85C\uADF8\uC778 \uC124\uC815",
     // Short description
     description: "\uD55C \uBC88 \uB4F1\uB85D\uD558\uBA74, \uB2E4\uC74C\uBD80\uD130 \uBC14\uB85C \uB85C\uADF8\uC778",
     // Legacy keys for backward compatibility
@@ -787,6 +790,7 @@ var ko = {
       outdatedSamsung: "Samsung Internet\uC744 \uCD5C\uC2E0 \uBC84\uC804\uC73C\uB85C \uC5C5\uB370\uC774\uD2B8\uD574\uC8FC\uC138\uC694.",
       outdatedIOS: "iOS 17.4 \uC774\uC0C1 \uBC84\uC804\uC774 \uD544\uC694\uD569\uB2C8\uB2E4. \uC124\uC815\uC5D0\uC11C \uC18C\uD504\uD2B8\uC6E8\uC5B4 \uC5C5\uB370\uC774\uD2B8\uB97C \uD655\uC778\uD574\uC8FC\uC138\uC694.",
       firefoxNotSupported: "Firefox\uC5D0\uC11C\uB294 \uBCF4\uC548 \uB85C\uADF8\uC778\uC744 \uC0AC\uC6A9\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4. Chrome \uB610\uB294 Safari\uB97C \uC0AC\uC6A9\uD574\uC8FC\uC138\uC694.",
+      whaleNotSupported: "\uC6E8\uC77C \uBE0C\uB77C\uC6B0\uC800\uC5D0\uC11C\uB294 \uBCF4\uC548 \uB85C\uADF8\uC778\uC744 \uC0AC\uC6A9\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4. Chrome\uC744 \uC0AC\uC6A9\uD574\uC8FC\uC138\uC694.",
       unknownBrowser: "\uC774 \uBE0C\uB77C\uC6B0\uC800\uC5D0\uC11C\uB294 \uBCF4\uC548 \uB85C\uADF8\uC778\uC774 \uC81C\uB300\uB85C \uC791\uB3D9\uD558\uC9C0 \uC54A\uC744 \uC218 \uC788\uC2B5\uB2C8\uB2E4.",
       openInExternalBrowser: "\uC678\uBD80 \uBE0C\uB77C\uC6B0\uC800\uC5D0\uC11C \uC5F4\uAE30",
       updateBrowser: "\uBE0C\uB77C\uC6B0\uC800 \uC5C5\uB370\uC774\uD2B8",
@@ -1371,13 +1375,21 @@ var ModalHeader = ({
 
 // src/components/features/passkey/utils/biometric.ts
 function getBiometricType() {
+  if (typeof navigator === "undefined") return "fingerprint";
   const ua = navigator.userAgent;
+  const platform = navigator.platform || "";
   if (/iPhone|iPad|iPod/.test(ua)) {
     return "faceId";
   }
   if (/Macintosh|MacIntel/.test(ua)) {
+    if (navigator.maxTouchPoints > 1) {
+      return "faceId";
+    }
     return "touchId";
   }
+  if (/Win/.test(platform)) {
+    return "qrCode";
+  }
   return "fingerprint";
 }
 function getUserFriendlyError(error, t) {
@@ -1625,12 +1637,44 @@ function FingerprintIcon({ size }) {
     }
   );
 }
+function QrCodeIcon({ size }) {
+  const fill = "#f87171";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "3", width: "7", height: "7", rx: "1", fill }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "14", y: "3", width: "7", height: "7", rx: "1", fill }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1", fill }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "5", y: "5", width: "3", height: "3", fill: "white" }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "16", y: "5", width: "3", height: "3", fill: "white" }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "5", y: "16", width: "3", height: "3", fill: "white" }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "14", y: "14", width: "2", height: "2", fill }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "17", y: "14", width: "2", height: "2", fill }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "14", y: "17", width: "2", height: "2", fill }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "19", y: "17", width: "2", height: "2", fill }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "17", y: "19", width: "2", height: "2", fill }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "11", y: "3", width: "2", height: "2", fill }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "11", y: "6", width: "2", height: "2", fill }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "11", y: "11", width: "2", height: "2", fill }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "11", width: "2", height: "2", fill }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "6", y: "11", width: "2", height: "2", fill })
+      ]
+    }
+  );
+}
 function BiometricIcon({ type, size = 80, animate = false }) {
   const className = animate ? "volr:animate-pulse" : "";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, children: [
     type === "faceId" && /* @__PURE__ */ jsxRuntime.jsx(FaceIdIcon, { size }),
     type === "touchId" && /* @__PURE__ */ jsxRuntime.jsx(TouchIdIcon, { size }),
-    type === "fingerprint" && /* @__PURE__ */ jsxRuntime.jsx(FingerprintIcon, { size })
+    type === "fingerprint" && /* @__PURE__ */ jsxRuntime.jsx(FingerprintIcon, { size }),
+    type === "qrCode" && /* @__PURE__ */ jsxRuntime.jsx(QrCodeIcon, { size })
   ] });
 }
 var sizeMap = {
@@ -1965,13 +2009,16 @@ function PasskeyEnrollView({
     }
   };
   const getBiometricTitle = () => {
-    if (biometricType === "faceId") {
-      return t("passkey.titleFaceId");
-    }
-    if (biometricType === "touchId") {
-      return t("passkey.titleTouchId");
+    switch (biometricType) {
+      case "faceId":
+        return t("passkey.titleFaceId");
+      case "touchId":
+        return t("passkey.titleTouchId");
+      case "qrCode":
+        return t("passkey.titleQrCode");
+      default:
+        return t("passkey.titleFingerprint");
     }
-    return t("passkey.titleFingerprint");
   };
   const getBiometricDescription = () => {
     return t("passkey.description");