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

package/dist/chunk-IBQK5B7B.js

@@ -1,71 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

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

package/dist/chunk-IHZNXV5S.js.map

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

package/dist/chunk-IMME6ZBV.js

@@ -1,61 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

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

package/dist/chunk-J2MDWDV6.mjs.map

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

package/dist/chunk-KK4SQ7WF.js

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

package/dist/chunk-KK4SQ7WF.js.map

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

package/dist/chunk-KOUCOMBE.js

@@ -1,148 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

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

package/dist/chunk-MMVER6VO.js.map

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

package/dist/chunk-MVLQR6RI.js

@@ -1,199 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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"]}