@crossmint/client-sdk-react-native-ui 0.13.27 → 0.13.29

package/dist/chunk-FQID5LOL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/createCrossmintApiClient.ts"],"names":[],"mappings":";;;;;AAAA,SAAyB,0BAAiE;AAGnF,SAAS,yBACZ,WACA,oBACF;AACE,SAAO,IAAI,mBAAmB,WAAW;AAAA,IACrC,gBAAgB;AAAA,MACZ,aAAa;AAAA,QACT,MAAM;AAAA,QACN,SAAS,gBAAY;AAAA,MACzB;AAAA,MACA;AAAA,IACJ;AAAA,EACJ,CAAC;AACL","sourcesContent":["import { type Crossmint, CrossmintApiClient, type CrossmintApiClientInternalConfig } from \"@crossmint/common-sdk-base\";\nimport packageJson from \"../../package.json\";\n\nexport function createCrossmintApiClient(\n    crossmint: Crossmint,\n    apiKeyExpectations?: CrossmintApiClientInternalConfig[\"apiKeyExpectations\"]\n) {\n    return new CrossmintApiClient(crossmint, {\n        internalConfig: {\n            sdkMetadata: {\n                name: \"@crossmint/client-sdk-react-native-ui\",\n                version: packageJson.version,\n            },\n            apiKeyExpectations,\n        },\n    });\n}\n"]}

package/dist/chunk-FRD6HEIM.mjs

@@ -0,0 +1,22 @@
+import {
+  package_default
+} from "./chunk-5V6ONJWT.mjs";
+
+// src/utils/createCrossmintApiClient.ts
+import { CrossmintApiClient } from "@crossmint/common-sdk-base";
+function createCrossmintApiClient(crossmint, apiKeyExpectations) {
+  return new CrossmintApiClient(crossmint, {
+    internalConfig: {
+      sdkMetadata: {
+        name: "@crossmint/client-sdk-react-native-ui",
+        version: package_default.version
+      },
+      apiKeyExpectations
+    }
+  });
+}
+
+export {
+  createCrossmintApiClient
+};
+//# sourceMappingURL=chunk-FRD6HEIM.mjs.map

package/dist/chunk-FRD6HEIM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/createCrossmintApiClient.ts"],"sourcesContent":["import { type Crossmint, CrossmintApiClient, type CrossmintApiClientInternalConfig } from \"@crossmint/common-sdk-base\";\nimport packageJson from \"../../package.json\";\n\nexport function createCrossmintApiClient(\n    crossmint: Crossmint,\n    apiKeyExpectations?: CrossmintApiClientInternalConfig[\"apiKeyExpectations\"]\n) {\n    return new CrossmintApiClient(crossmint, {\n        internalConfig: {\n            sdkMetadata: {\n                name: \"@crossmint/client-sdk-react-native-ui\",\n                version: packageJson.version,\n            },\n            apiKeyExpectations,\n        },\n    });\n}\n"],"mappings":";;;;;AAAA,SAAyB,0BAAiE;AAGnF,SAAS,yBACZ,WACA,oBACF;AACE,SAAO,IAAI,mBAAmB,WAAW;AAAA,IACrC,gBAAgB;AAAA,MACZ,aAAa;AAAA,QACT,MAAM;AAAA,QACN,SAAS,gBAAY;AAAA,MACzB;AAAA,MACA;AAAA,IACJ;AAAA,EACJ,CAAC;AACL;","names":[]}

package/dist/chunk-GYBEEYGB.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-GYBEEYGB.mjs.map

package/dist/chunk-GYBEEYGB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-HELXBZ7D.js

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/styles/theme.ts
+var theme = {
+  "cm-text-primary": "#00150D",
+  "cm-text-secondary": "#67797F",
+  "cm-background-primary": "#FFFFFF",
+  "cm-muted-primary": "#F0F2F4",
+  "cm-hover": "#E9ECF0",
+  "cm-border": "#D9D9D9",
+  "cm-link": "#1A74E9",
+  "cm-accent": "#4CAF50",
+  // old 04AA6D
+  "cm-danger": "#f44336"
+};
+
+
+
+exports.theme = theme;
+//# sourceMappingURL=chunk-HELXBZ7D.js.map

package/dist/chunk-HELXBZ7D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/styles/theme.ts"],"names":[],"mappings":";AAAO,IAAM,QAAQ;AAAA,EACjB,mBAAmB;AAAA,EACnB,qBAAqB;AAAA,EACrB,yBAAyB;AAAA,EACzB,oBAAoB;AAAA,EACpB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,WAAW;AAAA,EACX,aAAa;AAAA;AAAA,EACb,aAAa;AACjB","sourcesContent":["export const theme = {\n    \"cm-text-primary\": \"#00150D\",\n    \"cm-text-secondary\": \"#67797F\",\n    \"cm-background-primary\": \"#FFFFFF\",\n    \"cm-muted-primary\": \"#F0F2F4\",\n    \"cm-hover\": \"#E9ECF0\",\n    \"cm-border\": \"#D9D9D9\",\n    \"cm-link\": \"#1A74E9\",\n    \"cm-accent\": \"#4CAF50\", // old 04AA6D\n    \"cm-danger\": \"#f44336\",\n} as const;\n"]}

package/dist/chunk-IBQK5B7B.js

@@ -0,0 +1,71 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
+
+var _chunkQ7YPX4RJjs = require('./chunk-Q7YPX4RJ.js');
+
+// src/utils/SecureStorage.ts
+var _exposecurestore = require('expo-secure-store'); var SecureStore = _interopRequireWildcard(_exposecurestore);
+var SecureStorage = class {
+  get(key) {
+    return _chunkQ7YPX4RJjs.__async.call(void 0, this, null, function* () {
+      try {
+        const storedData = yield SecureStore.getItemAsync(key);
+        if (!storedData) {
+          return void 0;
+        }
+        try {
+          const parsed = JSON.parse(storedData);
+          if (parsed.expiresAt && new Date(parsed.expiresAt) < /* @__PURE__ */ new Date()) {
+            yield this.remove(key);
+            return void 0;
+          }
+          return parsed.value;
+        } catch (e) {
+          return storedData;
+        }
+      } catch (error) {
+        console.error("Error reading from SecureStore:", error);
+        return void 0;
+      }
+    });
+  }
+  set(key, value, expiresAt) {
+    return _chunkQ7YPX4RJjs.__async.call(void 0, this, null, function* () {
+      try {
+        if (expiresAt) {
+          const data = JSON.stringify({
+            value,
+            expiresAt
+          });
+          yield SecureStore.setItemAsync(key, data);
+        } else {
+          yield SecureStore.setItemAsync(key, value);
+        }
+      } catch (error) {
+        console.error("Error writing to SecureStore:", error);
+      }
+    });
+  }
+  remove(key) {
+    return _chunkQ7YPX4RJjs.__async.call(void 0, this, null, function* () {
+      try {
+        yield SecureStore.deleteItemAsync(key);
+      } catch (error) {
+        console.error("Error removing from SecureStore:", error);
+      }
+    });
+  }
+  isAvailable() {
+    return _chunkQ7YPX4RJjs.__async.call(void 0, this, null, function* () {
+      try {
+        return yield SecureStore.isAvailableAsync();
+      } catch (e) {
+        return false;
+      }
+    });
+  }
+};
+
+
+
+exports.SecureStorage = SecureStorage;
+//# sourceMappingURL=chunk-IBQK5B7B.js.map

package/dist/chunk-IBQK5B7B.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/SecureStorage.ts"],"names":[],"mappings":";;;;;AAAA,YAAY,iBAAiB;AAGtB,IAAM,gBAAN,MAA+C;AAAA,EAC5C,IAAI,KAA0C;AAAA;AAChD,UAAI;AACA,cAAM,aAAa,MAAkB,yBAAa,GAAG;AACrD,YAAI,CAAC,YAAY;AACb,iBAAO;AAAA,QACX;AAGA,YAAI;AACA,gBAAM,SAAS,KAAK,MAAM,UAAU;AACpC,cAAI,OAAO,aAAa,IAAI,KAAK,OAAO,SAAS,IAAI,oBAAI,KAAK,GAAG;AAE7D,kBAAM,KAAK,OAAO,GAAG;AACrB,mBAAO;AAAA,UACX;AACA,iBAAO,OAAO;AAAA,QAClB,SAAQ;AAEJ,iBAAO;AAAA,QACX;AAAA,MACJ,SAAS,OAAO;AACZ,gBAAQ,MAAM,mCAAmC,KAAK;AACtD,eAAO;AAAA,MACX;AAAA,IACJ;AAAA;AAAA,EAEM,IAAI,KAAa,OAAe,WAAmC;AAAA;AACrE,UAAI;AACA,YAAI,WAAW;AAEX,gBAAM,OAAO,KAAK,UAAU;AAAA,YACxB;AAAA,YACA;AAAA,UACJ,CAAC;AACD,gBAAkB,yBAAa,KAAK,IAAI;AAAA,QAC5C,OAAO;AACH,gBAAkB,yBAAa,KAAK,KAAK;AAAA,QAC7C;AAAA,MACJ,SAAS,OAAO;AACZ,gBAAQ,MAAM,iCAAiC,KAAK;AAAA,MACxD;AAAA,IACJ;AAAA;AAAA,EAEM,OAAO,KAA4B;AAAA;AACrC,UAAI;AACA,cAAkB,4BAAgB,GAAG;AAAA,MACzC,SAAS,OAAO;AACZ,gBAAQ,MAAM,oCAAoC,KAAK;AAAA,MAC3D;AAAA,IACJ;AAAA;AAAA,EAEM,cAAgC;AAAA;AAClC,UAAI;AACA,eAAO,MAAkB,6BAAiB;AAAA,MAC9C,SAAQ;AACJ,eAAO;AAAA,MACX;AAAA,IACJ;AAAA;AACJ","sourcesContent":["import * as SecureStore from \"expo-secure-store\";\nimport type { StorageProvider } from \"@crossmint/client-sdk-auth\";\n\nexport class SecureStorage implements StorageProvider {\n    async get(key: string): Promise<string | undefined> {\n        try {\n            const storedData = await SecureStore.getItemAsync(key);\n            if (!storedData) {\n                return undefined;\n            }\n\n            // Check if it's a JSON string with expiry info\n            try {\n                const parsed = JSON.parse(storedData);\n                if (parsed.expiresAt && new Date(parsed.expiresAt) < new Date()) {\n                    // Value has expired, remove it\n                    await this.remove(key);\n                    return undefined;\n                }\n                return parsed.value;\n            } catch {\n                // Not JSON, return the raw value\n                return storedData;\n            }\n        } catch (error) {\n            console.error(\"Error reading from SecureStore:\", error);\n            return undefined;\n        }\n    }\n\n    async set(key: string, value: string, expiresAt?: string): Promise<void> {\n        try {\n            if (expiresAt) {\n                // Store with expiration information\n                const data = JSON.stringify({\n                    value,\n                    expiresAt,\n                });\n                await SecureStore.setItemAsync(key, data);\n            } else {\n                await SecureStore.setItemAsync(key, value);\n            }\n        } catch (error) {\n            console.error(\"Error writing to SecureStore:\", error);\n        }\n    }\n\n    async remove(key: string): Promise<void> {\n        try {\n            await SecureStore.deleteItemAsync(key);\n        } catch (error) {\n            console.error(\"Error removing from SecureStore:\", error);\n        }\n    }\n\n    async isAvailable(): Promise<boolean> {\n        try {\n            return await SecureStore.isAvailableAsync();\n        } catch {\n            return false;\n        }\n    }\n}\n"]}

package/dist/chunk-IHZNXV5S.js

@@ -0,0 +1 @@
+"use strict";//# sourceMappingURL=chunk-IHZNXV5S.js.map

package/dist/chunk-IHZNXV5S.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/chunk-IMME6ZBV.js

@@ -0,0 +1,61 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// package.json
+var package_default = {
+  name: "@crossmint/client-sdk-react-native-ui",
+  version: "0.13.28",
+  repository: "https://github.com/Crossmint/crossmint-sdk",
+  license: "Apache-2.0",
+  author: "Paella Labs Inc",
+  sideEffects: false,
+  main: "./dist/index.js",
+  module: "./dist/index.mjs",
+  types: "./dist/index.d.ts",
+  files: ["dist", "app.plugin.js", "LICENSE"],
+  scripts: {
+    build: "cross-env NODE_OPTIONS='--max-old-space-size=8192' tsup",
+    dev: "cross-env NODE_OPTIONS='--max-old-space-size=8192' tsup --watch",
+    "generate:docs": "typedoc && node scripts/generate-reference.mjs"
+  },
+  dependencies: {
+    "@crossmint/client-sdk-auth": "workspace:*",
+    "@crossmint/client-sdk-base": "workspace:*",
+    "@crossmint/client-sdk-react-base": "workspace:*",
+    "@crossmint/client-sdk-rn-window": "workspace:*",
+    "@crossmint/client-signers": "workspace:*",
+    "@crossmint/common-sdk-auth": "workspace:*",
+    "@crossmint/common-sdk-base": "workspace:*",
+    "@crossmint/wallets-sdk": "workspace:*",
+    "@solana/web3.js": "1.98.1",
+    bs58: "^5.0.0",
+    "lodash.clonedeep": "4.5.0",
+    "lodash.isequal": "4.5.0",
+    "lucide-react-native": "0.548.0",
+    mitt: "3.0.1",
+    "react-native-svg": "15.14.0",
+    zod: "3.22.4"
+  },
+  devDependencies: {
+    "@expo/config-plugins": "^9.0.17",
+    typedoc: "0.28.16",
+    "@types/react": "19.1.10",
+    "expo-constants": "~18.0.9",
+    "expo-device": "~8.0.9",
+    "expo-secure-store": "~15.0.7",
+    "expo-web-browser": "~15.0.8"
+  },
+  peerDependencies: {
+    "@expo/config-plugins": ">=9.0.0",
+    "@solana/web3.js": "^1.98.1",
+    "expo-constants": ">=17 <19",
+    "expo-device": ">=7 <9",
+    "expo-secure-store": ">=14 <16",
+    "expo-web-browser": ">=14 <16",
+    react: ">=17.0.2",
+    "react-native": ">=0.74.3",
+    "react-native-webview": ">=13.15.0 <14"
+  }
+};
+
+
+
+exports.package_default = package_default;
+//# sourceMappingURL=chunk-IMME6ZBV.js.map

package/dist/chunk-IMME6ZBV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../package.json"],"names":[],"mappings":";AAAA;AAAA,EACI,MAAQ;AAAA,EACR,SAAW;AAAA,EACX,YAAc;AAAA,EACd,SAAW;AAAA,EACX,QAAU;AAAA,EACV,aAAe;AAAA,EACf,MAAQ;AAAA,EACR,QAAU;AAAA,EACV,OAAS;AAAA,EACT,OAAS,CAAC,QAAQ,iBAAiB,SAAS;AAAA,EAC5C,SAAW;AAAA,IACP,OAAS;AAAA,IACT,KAAO;AAAA,IACP,iBAAiB;AAAA,EACrB;AAAA,EACA,cAAgB;AAAA,IACZ,8BAA8B;AAAA,IAC9B,8BAA8B;AAAA,IAC9B,oCAAoC;AAAA,IACpC,mCAAmC;AAAA,IACnC,6BAA6B;AAAA,IAC7B,8BAA8B;AAAA,IAC9B,8BAA8B;AAAA,IAC9B,0BAA0B;AAAA,IAC1B,mBAAmB;AAAA,IACnB,MAAQ;AAAA,IACR,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,IAClB,uBAAuB;AAAA,IACvB,MAAQ;AAAA,IACR,oBAAoB;AAAA,IACpB,KAAO;AAAA,EACX;AAAA,EACA,iBAAmB;AAAA,IACf,wBAAwB;AAAA,IACxB,SAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,IAClB,eAAe;AAAA,IACf,qBAAqB;AAAA,IACrB,oBAAoB;AAAA,EACxB;AAAA,EACA,kBAAoB;AAAA,IAChB,wBAAwB;AAAA,IACxB,mBAAmB;AAAA,IACnB,kBAAkB;AAAA,IAClB,eAAe;AAAA,IACf,qBAAqB;AAAA,IACrB,oBAAoB;AAAA,IACpB,OAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,wBAAwB;AAAA,EAC5B;AACJ","sourcesContent":["{\n    \"name\": \"@crossmint/client-sdk-react-native-ui\",\n    \"version\": \"0.13.28\",\n    \"repository\": \"https://github.com/Crossmint/crossmint-sdk\",\n    \"license\": \"Apache-2.0\",\n    \"author\": \"Paella Labs Inc\",\n    \"sideEffects\": false,\n    \"main\": \"./dist/index.js\",\n    \"module\": \"./dist/index.mjs\",\n    \"types\": \"./dist/index.d.ts\",\n    \"files\": [\"dist\", \"app.plugin.js\", \"LICENSE\"],\n    \"scripts\": {\n        \"build\": \"cross-env NODE_OPTIONS='--max-old-space-size=8192' tsup\",\n        \"dev\": \"cross-env NODE_OPTIONS='--max-old-space-size=8192' tsup --watch\",\n        \"generate:docs\": \"typedoc && node scripts/generate-reference.mjs\"\n    },\n    \"dependencies\": {\n        \"@crossmint/client-sdk-auth\": \"workspace:*\",\n        \"@crossmint/client-sdk-base\": \"workspace:*\",\n        \"@crossmint/client-sdk-react-base\": \"workspace:*\",\n        \"@crossmint/client-sdk-rn-window\": \"workspace:*\",\n        \"@crossmint/client-signers\": \"workspace:*\",\n        \"@crossmint/common-sdk-auth\": \"workspace:*\",\n        \"@crossmint/common-sdk-base\": \"workspace:*\",\n        \"@crossmint/wallets-sdk\": \"workspace:*\",\n        \"@solana/web3.js\": \"1.98.1\",\n        \"bs58\": \"^5.0.0\",\n        \"lodash.clonedeep\": \"4.5.0\",\n        \"lodash.isequal\": \"4.5.0\",\n        \"lucide-react-native\": \"0.548.0\",\n        \"mitt\": \"3.0.1\",\n        \"react-native-svg\": \"15.14.0\",\n        \"zod\": \"3.22.4\"\n    },\n    \"devDependencies\": {\n        \"@expo/config-plugins\": \"^9.0.17\",\n        \"typedoc\": \"0.28.16\",\n        \"@types/react\": \"19.1.10\",\n        \"expo-constants\": \"~18.0.9\",\n        \"expo-device\": \"~8.0.9\",\n        \"expo-secure-store\": \"~15.0.7\",\n        \"expo-web-browser\": \"~15.0.8\"\n    },\n    \"peerDependencies\": {\n        \"@expo/config-plugins\": \">=9.0.0\",\n        \"@solana/web3.js\": \"^1.98.1\",\n        \"expo-constants\": \">=17 <19\",\n        \"expo-device\": \">=7 <9\",\n        \"expo-secure-store\": \">=14 <16\",\n        \"expo-web-browser\": \">=14 <16\",\n        \"react\": \">=17.0.2\",\n        \"react-native\": \">=0.74.3\",\n        \"react-native-webview\": \">=13.15.0 <14\"\n    }\n}\n"]}

package/dist/chunk-J2MDWDV6.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-J2MDWDV6.mjs.map

package/dist/chunk-J2MDWDV6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-KK4SQ7WF.js

@@ -0,0 +1 @@
+"use strict";//# sourceMappingURL=chunk-KK4SQ7WF.js.map

package/dist/chunk-KK4SQ7WF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/chunk-KOUCOMBE.js

@@ -0,0 +1,148 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk24MMQ2R4js = require('./chunk-24MMQ2R4.js');
+
+
+var _chunkBUB4U2GEjs = require('./chunk-BUB4U2GE.js');
+
+
+var _chunkFQID5LOLjs = require('./chunk-FQID5LOL.js');
+
+
+var _chunkXUGJXLWCjs = require('./chunk-XUGJXLWC.js');
+
+
+
+var _chunkQ7YPX4RJjs = require('./chunk-Q7YPX4RJ.js');
+
+// src/components/embed/v3/EmbeddedCheckoutV3WebView.tsx
+var _clientsdkreactbase = require('@crossmint/client-sdk-react-base');
+var _react = require('react');
+var _reactnative = require('react-native');
+var _clientsdkbase = require('@crossmint/client-sdk-base');
+var _clientsdkrnwindow = require('@crossmint/client-sdk-rn-window');
+
+var _jsxruntime = require('react/jsx-runtime');
+function EmbeddedCheckoutV3WebView(props) {
+  var _a;
+  const [webViewClient, setWebViewClient] = _react.useState.call(void 0, null);
+  const [height, setHeight] = _react.useState.call(void 0, 0);
+  const initialChainRef = _react.useRef.call(void 0, (_a = props.payment.crypto.payer) == null ? void 0 : _a.initialChain);
+  const memoizedProps = _react.useRef.call(void 0, props);
+  if (havePropsChanged(props, memoizedProps.current)) {
+    const newProps = _chunkQ7YPX4RJjs.__spreadValues.call(void 0, {}, props);
+    const initialChainPreservation = shouldPreserveInitialChain(props, initialChainRef.current);
+    if (initialChainPreservation.shouldPreserve) {
+      newProps.payment.crypto.payer = initialChainPreservation.updatedPayer;
+    }
+    memoizedProps.current = newProps;
+  }
+  const { crossmint } = _clientsdkreactbase.useCrossmint.call(void 0, );
+  const apiClient = _chunkFQID5LOLjs.createCrossmintApiClient.call(void 0, crossmint, {
+    usageOrigin: "client"
+  });
+  const embeddedCheckoutService = _clientsdkbase.crossmintEmbeddedCheckoutV3Service.call(void 0, { apiClient });
+  const webViewRef = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    const webView = webViewRef.current;
+    if (!webView || webViewClient) {
+      return;
+    }
+    const client = new (0, _clientsdkrnwindow.WebViewParent)(
+      { current: webView },
+      {
+        incomingEvents: _clientsdkbase.embeddedCheckoutV3IncomingEvents,
+        outgoingEvents: _clientsdkbase.embeddedCheckoutV3OutgoingEvents
+      }
+    );
+    setWebViewClient(client);
+  }, [webViewRef.current, webViewClient]);
+  _react.useEffect.call(void 0, () => {
+    if (webViewClient == null) {
+      return;
+    }
+    const handleHeightChanged = (data) => setHeight(data.height);
+    webViewClient.on("ui:height.changed", handleHeightChanged);
+    const handleOrderUpdated = (data) => {
+      _chunkXUGJXLWCjs.localEventEmitter.emit("order:updated", data);
+    };
+    webViewClient.on("order:updated", handleOrderUpdated);
+    return () => {
+      webViewClient.off("ui:height.changed");
+      webViewClient.off("order:updated");
+    };
+  }, [webViewClient]);
+  const handleMessage = (event) => {
+    if (webViewClient) {
+      webViewClient.handleMessage(event);
+    }
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _reactnative.View, { style: { flex: 1 }, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _clientsdkrnwindow.RNWebView,
+      {
+        ref: webViewRef,
+        globals: crossmint.appId ? { crossmintAppId: crossmint.appId } : void 0,
+        source: { uri: embeddedCheckoutService.iframe.getUrl(memoizedProps.current) },
+        onMessage: handleMessage,
+        style: {
+          width: "100%",
+          minWidth: "100%",
+          height,
+          backgroundColor: "transparent",
+          overflow: "hidden",
+          opacity: 1,
+          padding: 0,
+          boxShadow: "none",
+          borderWidth: 0,
+          transform: [{ translateX: 0 }]
+        },
+        allowsInlineMediaPlayback: true,
+        mediaPlaybackRequiresUserAction: false,
+        allowsBackForwardNavigationGestures: false,
+        allowsLinkPreview: false,
+        scrollEnabled: false,
+        bounces: false,
+        showsHorizontalScrollIndicator: false,
+        showsVerticalScrollIndicator: false,
+        domStorageEnabled: true,
+        mixedContentMode: "always",
+        allowFileAccess: true,
+        allowUniversalAccessFromFileURLs: true,
+        geolocationEnabled: true,
+        userAgent: _chunk24MMQ2R4js.userAgent,
+        paymentRequestEnabled: true
+      }
+    ),
+    memoizedProps.current.payment.crypto.enabled ? memoizedProps.current.payment.crypto.payer != null ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkBUB4U2GEjs.PayerConnectionHandler,
+      {
+        payer: memoizedProps.current.payment.crypto.payer,
+        webViewClient
+      }
+    ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThrowError, { message: "If 'payment.crypto.enabled' is true, 'payment.crypto.payer' must be provided. Support for not providing a payer is not yet implemented." }) : null
+  ] });
+}
+function havePropsChanged(parentProps, currentRefProps) {
+  return JSON.stringify(parentProps) !== JSON.stringify(currentRefProps);
+}
+function shouldPreserveInitialChain(props, storedInitialChain) {
+  if (props.payment.crypto.payer && storedInitialChain != null) {
+    return {
+      shouldPreserve: true,
+      updatedPayer: _chunkQ7YPX4RJjs.__spreadProps.call(void 0, _chunkQ7YPX4RJjs.__spreadValues.call(void 0, {}, props.payment.crypto.payer), {
+        initialChain: storedInitialChain
+      })
+    };
+  }
+  return { shouldPreserve: false };
+}
+function ThrowError({ message }) {
+  throw new Error(message);
+  return null;
+}
+
+
+
+exports.EmbeddedCheckoutV3WebView = EmbeddedCheckoutV3WebView;
+//# sourceMappingURL=chunk-KOUCOMBE.js.map

package/dist/chunk-KOUCOMBE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/embed/v3/EmbeddedCheckoutV3WebView.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCrossmint } from \"@crossmint/client-sdk-react-base\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { View } from \"react-native\";\nimport type { WebView, WebViewMessageEvent } from \"react-native-webview\";\n\nimport { type CrossmintEmbeddedCheckoutV3Props, crossmintEmbeddedCheckoutV3Service } from \"@crossmint/client-sdk-base\";\nimport { RNWebView, WebViewParent } from \"@crossmint/client-sdk-rn-window\";\nimport { embeddedCheckoutV3IncomingEvents, embeddedCheckoutV3OutgoingEvents } from \"@crossmint/client-sdk-base\";\n\nimport { createCrossmintApiClient } from \"@/utils/createCrossmintApiClient\";\nimport { userAgent } from \"@/utils/embed/userAgent\";\nimport { PayerConnectionHandler } from \"./crypto/PayerConnectionHandler\";\nimport type { PayerSupportedBlockchains } from \"@crossmint/common-sdk-base\";\nimport { localEventEmitter, type LocalEventEmitterEvents } from \"@/utils/eventEmitter\";\n\nexport function EmbeddedCheckoutV3WebView(props: CrossmintEmbeddedCheckoutV3Props) {\n    const [webViewClient, setWebViewClient] = useState<WebViewParent<\n        typeof embeddedCheckoutV3IncomingEvents,\n        typeof embeddedCheckoutV3OutgoingEvents\n    > | null>(null);\n    const [height, setHeight] = useState(0);\n\n    const initialChainRef = useRef(props.payment.crypto.payer?.initialChain);\n\n    const memoizedProps = useRef(props);\n    if (havePropsChanged(props, memoizedProps.current)) {\n        const newProps = { ...props };\n        const initialChainPreservation = shouldPreserveInitialChain(props, initialChainRef.current);\n        if (initialChainPreservation.shouldPreserve) {\n            newProps.payment.crypto.payer = initialChainPreservation.updatedPayer;\n        }\n        memoizedProps.current = newProps;\n    }\n\n    const { crossmint } = useCrossmint();\n    const apiClient = createCrossmintApiClient(crossmint, {\n        usageOrigin: \"client\",\n    });\n    const embeddedCheckoutService = crossmintEmbeddedCheckoutV3Service({ apiClient });\n\n    const webViewRef = useRef<WebView>(null);\n\n    useEffect(() => {\n        const webView = webViewRef.current;\n        if (!webView || webViewClient) {\n            return;\n        }\n\n        const client = new WebViewParent(\n            { current: webView },\n            {\n                incomingEvents: embeddedCheckoutV3IncomingEvents,\n                outgoingEvents: embeddedCheckoutV3OutgoingEvents,\n            }\n        );\n        setWebViewClient(client);\n    }, [webViewRef.current, webViewClient]);\n\n    useEffect(() => {\n        if (webViewClient == null) {\n            return;\n        }\n\n        const handleHeightChanged = (data: { height: number }) => setHeight(data.height);\n        webViewClient.on(\"ui:height.changed\", handleHeightChanged);\n\n        // Listen for order:updated events and re-emit as local event\n        const handleOrderUpdated = (data: LocalEventEmitterEvents[\"order:updated\"]) => {\n            localEventEmitter.emit(\"order:updated\", data);\n        };\n        webViewClient.on(\"order:updated\", handleOrderUpdated);\n\n        return () => {\n            webViewClient.off(\"ui:height.changed\");\n            webViewClient.off(\"order:updated\");\n        };\n    }, [webViewClient]);\n\n    const handleMessage = (event: WebViewMessageEvent) => {\n        if (webViewClient) {\n            webViewClient.handleMessage(event);\n        }\n    };\n\n    return (\n        <View style={{ flex: 1 }}>\n            <RNWebView\n                ref={webViewRef}\n                globals={crossmint.appId ? { crossmintAppId: crossmint.appId } : undefined}\n                source={{ uri: embeddedCheckoutService.iframe.getUrl(memoizedProps.current) }}\n                onMessage={handleMessage}\n                style={{\n                    width: \"100%\",\n                    minWidth: \"100%\",\n                    height,\n                    backgroundColor: \"transparent\",\n                    overflow: \"hidden\",\n                    opacity: 1,\n                    padding: 0,\n                    boxShadow: \"none\",\n                    borderWidth: 0,\n                    transform: [{ translateX: 0 }],\n                }}\n                allowsInlineMediaPlayback={true}\n                mediaPlaybackRequiresUserAction={false}\n                allowsBackForwardNavigationGestures={false}\n                allowsLinkPreview={false}\n                scrollEnabled={false}\n                bounces={false}\n                showsHorizontalScrollIndicator={false}\n                showsVerticalScrollIndicator={false}\n                domStorageEnabled={true}\n                mixedContentMode=\"always\"\n                allowFileAccess={true}\n                allowUniversalAccessFromFileURLs={true}\n                geolocationEnabled={true}\n                userAgent={userAgent}\n                paymentRequestEnabled={true}\n            />\n            {memoizedProps.current.payment.crypto.enabled ? (\n                memoizedProps.current.payment.crypto.payer != null ? (\n                    <PayerConnectionHandler\n                        payer={memoizedProps.current.payment.crypto.payer}\n                        webViewClient={webViewClient}\n                    />\n                ) : (\n                    <ThrowError message=\"If 'payment.crypto.enabled' is true, 'payment.crypto.payer' must be provided. Support for not providing a payer is not yet implemented.\" />\n                )\n            ) : null}\n        </View>\n    );\n}\n\nfunction havePropsChanged(\n    parentProps: CrossmintEmbeddedCheckoutV3Props,\n    currentRefProps: CrossmintEmbeddedCheckoutV3Props\n): boolean {\n    return JSON.stringify(parentProps) !== JSON.stringify(currentRefProps);\n}\n\nfunction shouldPreserveInitialChain(\n    props: CrossmintEmbeddedCheckoutV3Props,\n    storedInitialChain: PayerSupportedBlockchains | undefined\n): { shouldPreserve: true; updatedPayer: typeof props.payment.crypto.payer } | { shouldPreserve: false } {\n    if (props.payment.crypto.payer && storedInitialChain != null) {\n        return {\n            shouldPreserve: true,\n            updatedPayer: {\n                ...props.payment.crypto.payer,\n                initialChain: storedInitialChain,\n            },\n        };\n    }\n    return { shouldPreserve: false };\n}\n\nfunction ThrowError({ message }: { message: string }) {\n    throw new Error(message);\n    // biome-ignore lint/correctness/noUnreachable: Need a return statement to satisfy JSX return type\n    return null;\n}\n"]}

package/dist/chunk-MMVER6VO.js

@@ -0,0 +1 @@
+"use strict";//# sourceMappingURL=chunk-MMVER6VO.js.map

package/dist/chunk-MMVER6VO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/chunk-MVLQR6RI.js

@@ -0,0 +1,199 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkHELXBZ7Djs = require('./chunk-HELXBZ7D.js');
+
+
+var _chunkQ7YPX4RJjs = require('./chunk-Q7YPX4RJ.js');
+
+// src/components/signers/BaseCodeInput.tsx
+var _react = require('react');
+var _reactnative = require('react-native');
+var _jsxruntime = require('react/jsx-runtime');
+function BaseCodeInput({
+  icon,
+  title,
+  description,
+  helpText,
+  onSubmitOTP,
+  onResendCode,
+  appearance,
+  otpLength = 9,
+  keyboardType = "default",
+  autoComplete = "one-time-code",
+  textContentType = "oneTimeCode"
+}) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+  const [otpCode, setOtpCode] = _react.useState.call(void 0, "");
+  const [isLoading, setIsLoading] = _react.useState.call(void 0, false);
+  const [error, setError] = _react.useState.call(void 0, null);
+  const [resendCooldown, setResendCooldown] = _react.useState.call(void 0, 0);
+  const handleSubmitOTP = () => _chunkQ7YPX4RJjs.__async.call(void 0, this, null, function* () {
+    if (otpCode.length === 0) {
+      return;
+    }
+    setIsLoading(true);
+    setError(null);
+    try {
+      yield onSubmitOTP(otpCode);
+      setOtpCode("");
+    } catch (error2) {
+      console.error("Failed to verify OTP", error2);
+      setError("Invalid code. Please try again.");
+    } finally {
+      setIsLoading(false);
+    }
+  });
+  const handleResendCode = () => _chunkQ7YPX4RJjs.__async.call(void 0, this, null, function* () {
+    if (resendCooldown > 0 || !onResendCode) {
+      return;
+    }
+    setIsLoading(true);
+    setError(null);
+    try {
+      yield onResendCode();
+      setResendCooldown(60);
+      const timer = setInterval(() => {
+        setResendCooldown((prev) => {
+          if (prev <= 1) {
+            clearInterval(timer);
+            return 0;
+          }
+          return prev - 1;
+        });
+      }, 1e3);
+    } catch (error2) {
+      console.error("Failed to resend OTP", error2);
+      setError("Failed to resend code. Please try again.");
+    } finally {
+      setIsLoading(false);
+    }
+  });
+  const dynamicStyles = _reactnative.StyleSheet.create({
+    container: {
+      width: "100%"
+    },
+    iconContainer: {
+      alignItems: "center",
+      marginBottom: 8
+    },
+    title: {
+      fontSize: 18,
+      fontWeight: "600",
+      color: ((_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.textPrimary) || _chunkHELXBZ7Djs.theme["cm-text-primary"],
+      textAlign: "center",
+      marginBottom: 8,
+      marginTop: 16
+    },
+    description: {
+      fontSize: 14,
+      color: ((_b = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _b.textSecondary) || _chunkHELXBZ7Djs.theme["cm-text-secondary"],
+      textAlign: "center",
+      marginBottom: 24,
+      lineHeight: 20
+    },
+    otpInput: {
+      borderWidth: 1,
+      borderColor: error ? ((_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.danger) || _chunkHELXBZ7Djs.theme["cm-danger"] : ((_d = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _d.border) || _chunkHELXBZ7Djs.theme["cm-border"],
+      borderRadius: (appearance == null ? void 0 : appearance.borderRadius) || 12,
+      backgroundColor: ((_e = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _e.inputBackground) || _chunkHELXBZ7Djs.theme["cm-muted-primary"],
+      padding: 16,
+      fontSize: 16,
+      color: ((_f = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _f.textPrimary) || _chunkHELXBZ7Djs.theme["cm-text-primary"],
+      marginBottom: 16,
+      textAlign: "center"
+    },
+    errorText: {
+      fontSize: 14,
+      color: ((_g = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _g.danger) || _chunkHELXBZ7Djs.theme["cm-danger"],
+      textAlign: "center",
+      marginBottom: 16
+    },
+    helpText: {
+      fontSize: 12,
+      color: ((_h = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _h.textSecondary) || _chunkHELXBZ7Djs.theme["cm-text-secondary"],
+      textAlign: "center",
+      marginBottom: 16,
+      lineHeight: 16
+    },
+    submitButton: {
+      backgroundColor: ((_i = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _i.accent) || _chunkHELXBZ7Djs.theme["cm-accent"],
+      paddingVertical: 16,
+      paddingHorizontal: 32,
+      borderRadius: (appearance == null ? void 0 : appearance.borderRadius) || 12,
+      alignItems: "center",
+      marginBottom: 16
+    },
+    submitButtonDisabled: {
+      opacity: 0.6
+    },
+    submitButtonText: {
+      fontSize: 16,
+      fontWeight: "500",
+      color: ((_j = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _j.background) || _chunkHELXBZ7Djs.theme["cm-background-primary"]
+    },
+    resendButton: {
+      alignSelf: "center",
+      paddingVertical: 12,
+      paddingHorizontal: 16
+    },
+    resendButtonText: {
+      fontSize: 14,
+      color: ((_k = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _k.accent) || _chunkHELXBZ7Djs.theme["cm-accent"],
+      textAlign: "center"
+    },
+    resendButtonDisabled: {
+      opacity: 0.6
+    }
+  });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _reactnative.View, { style: dynamicStyles.container, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { style: dynamicStyles.iconContainer, children: icon }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { style: dynamicStyles.title, children: title }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { style: dynamicStyles.description, children: description }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _reactnative.TextInput,
+      {
+        style: dynamicStyles.otpInput,
+        placeholder: "Enter code",
+        placeholderTextColor: ((_l = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _l.textSecondary) || _chunkHELXBZ7Djs.theme["cm-text-secondary"],
+        value: otpCode,
+        onChangeText: (text) => {
+          setOtpCode(text);
+          setError(null);
+        },
+        keyboardType,
+        autoComplete,
+        textContentType,
+        editable: !isLoading,
+        maxLength: otpLength
+      }
+    ),
+    error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { style: dynamicStyles.errorText, children: error }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { style: dynamicStyles.helpText, children: helpText }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _reactnative.TouchableOpacity,
+      {
+        style: [
+          dynamicStyles.submitButton,
+          (otpCode.length === 0 || isLoading) && dynamicStyles.submitButtonDisabled
+        ],
+        onPress: handleSubmitOTP,
+        disabled: otpCode.length === 0 || isLoading,
+        children: isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.ActivityIndicator, { color: ((_m = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _m.background) || _chunkHELXBZ7Djs.theme["cm-background-primary"] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { style: dynamicStyles.submitButtonText, children: "Submit" })
+      }
+    ),
+    onResendCode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _reactnative.TouchableOpacity,
+      {
+        style: [dynamicStyles.resendButton, resendCooldown > 0 && dynamicStyles.resendButtonDisabled],
+        onPress: handleResendCode,
+        disabled: resendCooldown > 0 || isLoading,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { style: dynamicStyles.resendButtonText, children: resendCooldown > 0 ? `Re-send code in ${resendCooldown}s` : "Re-send code" })
+      }
+    )
+  ] });
+}
+
+
+
+exports.BaseCodeInput = BaseCodeInput;
+//# sourceMappingURL=chunk-MVLQR6RI.js.map

package/dist/chunk-MVLQR6RI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/signers/BaseCodeInput.tsx"],"names":["error"],"mappings":"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","sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { View, Text, TextInput, TouchableOpacity, StyleSheet, ActivityIndicator } from \"react-native\";\nimport type { UIConfig } from \"@crossmint/common-sdk-base\";\nimport { theme } from \"../../styles/theme\";\n\ninterface BaseCodeInputProps {\n    contactInfo: string;\n    contactType: \"email\" | \"phone\";\n    icon: ReactNode;\n    title: string;\n    description: string | ReactNode;\n    helpText: string;\n    onSubmitOTP: (token: string) => Promise<void>;\n    onResendCode?: () => Promise<void>;\n    appearance?: UIConfig;\n    otpLength?: number;\n    keyboardType?: \"default\" | \"number-pad\";\n    autoComplete?: \"one-time-code\" | \"sms-otp\";\n    textContentType?: \"oneTimeCode\";\n}\n\nexport function BaseCodeInput({\n    icon,\n    title,\n    description,\n    helpText,\n    onSubmitOTP,\n    onResendCode,\n    appearance,\n    otpLength = 9,\n    keyboardType = \"default\",\n    autoComplete = \"one-time-code\",\n    textContentType = \"oneTimeCode\",\n}: BaseCodeInputProps) {\n    const [otpCode, setOtpCode] = useState(\"\");\n    const [isLoading, setIsLoading] = useState(false);\n    const [error, setError] = useState<string | null>(null);\n    const [resendCooldown, setResendCooldown] = useState(0);\n\n    const handleSubmitOTP = async () => {\n        if (otpCode.length === 0) {\n            return;\n        }\n\n        setIsLoading(true);\n        setError(null);\n        try {\n            await onSubmitOTP(otpCode);\n            setOtpCode(\"\");\n        } catch (error) {\n            console.error(\"Failed to verify OTP\", error);\n            setError(\"Invalid code. Please try again.\");\n        } finally {\n            setIsLoading(false);\n        }\n    };\n\n    const handleResendCode = async () => {\n        if (resendCooldown > 0 || !onResendCode) {\n            return;\n        }\n\n        setIsLoading(true);\n        setError(null);\n        try {\n            await onResendCode();\n            setResendCooldown(60);\n            const timer = setInterval(() => {\n                setResendCooldown((prev) => {\n                    if (prev <= 1) {\n                        clearInterval(timer);\n                        return 0;\n                    }\n                    return prev - 1;\n                });\n            }, 1000);\n        } catch (error) {\n            console.error(\"Failed to resend OTP\", error);\n            setError(\"Failed to resend code. Please try again.\");\n        } finally {\n            setIsLoading(false);\n        }\n    };\n\n    const dynamicStyles = StyleSheet.create({\n        container: {\n            width: \"100%\",\n        },\n        iconContainer: {\n            alignItems: \"center\",\n            marginBottom: 8,\n        },\n        title: {\n            fontSize: 18,\n            fontWeight: \"600\",\n            color: appearance?.colors?.textPrimary || theme[\"cm-text-primary\"],\n            textAlign: \"center\",\n            marginBottom: 8,\n            marginTop: 16,\n        },\n        description: {\n            fontSize: 14,\n            color: appearance?.colors?.textSecondary || theme[\"cm-text-secondary\"],\n            textAlign: \"center\",\n            marginBottom: 24,\n            lineHeight: 20,\n        },\n        otpInput: {\n            borderWidth: 1,\n            borderColor: error\n                ? appearance?.colors?.danger || theme[\"cm-danger\"]\n                : appearance?.colors?.border || theme[\"cm-border\"],\n            borderRadius: appearance?.borderRadius || 12,\n            backgroundColor: appearance?.colors?.inputBackground || theme[\"cm-muted-primary\"],\n            padding: 16,\n            fontSize: 16,\n            color: appearance?.colors?.textPrimary || theme[\"cm-text-primary\"],\n            marginBottom: 16,\n            textAlign: \"center\",\n        },\n        errorText: {\n            fontSize: 14,\n            color: appearance?.colors?.danger || theme[\"cm-danger\"],\n            textAlign: \"center\",\n            marginBottom: 16,\n        },\n        helpText: {\n            fontSize: 12,\n            color: appearance?.colors?.textSecondary || theme[\"cm-text-secondary\"],\n            textAlign: \"center\",\n            marginBottom: 16,\n            lineHeight: 16,\n        },\n        submitButton: {\n            backgroundColor: appearance?.colors?.accent || theme[\"cm-accent\"],\n            paddingVertical: 16,\n            paddingHorizontal: 32,\n            borderRadius: appearance?.borderRadius || 12,\n            alignItems: \"center\",\n            marginBottom: 16,\n        },\n        submitButtonDisabled: {\n            opacity: 0.6,\n        },\n        submitButtonText: {\n            fontSize: 16,\n            fontWeight: \"500\",\n            color: appearance?.colors?.background || theme[\"cm-background-primary\"],\n        },\n        resendButton: {\n            alignSelf: \"center\",\n            paddingVertical: 12,\n            paddingHorizontal: 16,\n        },\n        resendButtonText: {\n            fontSize: 14,\n            color: appearance?.colors?.accent || theme[\"cm-accent\"],\n            textAlign: \"center\",\n        },\n        resendButtonDisabled: {\n            opacity: 0.6,\n        },\n    });\n\n    return (\n        <View style={dynamicStyles.container}>\n            <View style={dynamicStyles.iconContainer}>{icon}</View>\n\n            <Text style={dynamicStyles.title}>{title}</Text>\n            <Text style={dynamicStyles.description}>{description}</Text>\n\n            <TextInput\n                style={dynamicStyles.otpInput}\n                placeholder=\"Enter code\"\n                placeholderTextColor={appearance?.colors?.textSecondary || theme[\"cm-text-secondary\"]}\n                value={otpCode}\n                onChangeText={(text) => {\n                    setOtpCode(text);\n                    setError(null);\n                }}\n                keyboardType={keyboardType}\n                autoComplete={autoComplete}\n                textContentType={textContentType}\n                editable={!isLoading}\n                maxLength={otpLength}\n            />\n\n            {error && <Text style={dynamicStyles.errorText}>{error}</Text>}\n\n            <Text style={dynamicStyles.helpText}>{helpText}</Text>\n\n            <TouchableOpacity\n                style={[\n                    dynamicStyles.submitButton,\n                    (otpCode.length === 0 || isLoading) && dynamicStyles.submitButtonDisabled,\n                ]}\n                onPress={handleSubmitOTP}\n                disabled={otpCode.length === 0 || isLoading}\n            >\n                {isLoading ? (\n                    <ActivityIndicator color={appearance?.colors?.background || theme[\"cm-background-primary\"]} />\n                ) : (\n                    <Text style={dynamicStyles.submitButtonText}>Submit</Text>\n                )}\n            </TouchableOpacity>\n\n            {onResendCode && (\n                <TouchableOpacity\n                    style={[dynamicStyles.resendButton, resendCooldown > 0 && dynamicStyles.resendButtonDisabled]}\n                    onPress={handleResendCode}\n                    disabled={resendCooldown > 0 || isLoading}\n                >\n                    <Text style={dynamicStyles.resendButtonText}>\n                        {resendCooldown > 0 ? `Re-send code in ${resendCooldown}s` : \"Re-send code\"}\n                    </Text>\n                </TouchableOpacity>\n            )}\n        </View>\n    );\n}\n"]}