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

package/dist/chunk-BUB4U2GE.js

@@ -0,0 +1,44 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkQ7YPX4RJjs = require('./chunk-Q7YPX4RJ.js');
+
+// src/components/embed/v3/crypto/PayerConnectionHandler.tsx
+var _react = require('react');
+function PayerConnectionHandler({
+  payer,
+  webViewClient
+}) {
+  _react.useEffect.call(void 0, () => {
+    if (webViewClient == null) {
+      return;
+    }
+    const signTransactionListener = webViewClient.on(
+      "crypto:send-transaction",
+      (_0) => _chunkQ7YPX4RJjs.__async.call(void 0, this, [_0], function* ({ chain, serializedTransaction }) {
+        try {
+          yield payer.handleChainSwitch(chain);
+          const tx = yield payer.handleSignAndSendTransaction(serializedTransaction);
+          if (tx.success) {
+            webViewClient.send("crypto:send-transaction:success", { txId: tx.txId });
+          } else {
+            webViewClient.send("crypto:send-transaction:failed", { error: tx.errorMessage });
+          }
+        } catch (error) {
+          console.error("[PayerConnectionHandler] Failed to send transaction", error);
+          webViewClient.send("crypto:send-transaction:failed", {
+            error: error.message || "An unknown error occurred"
+          });
+        }
+      })
+    );
+    return () => {
+      webViewClient.off(signTransactionListener);
+    };
+  }, [webViewClient]);
+  return null;
+}
+
+
+
+exports.PayerConnectionHandler = PayerConnectionHandler;
+//# sourceMappingURL=chunk-BUB4U2GE.js.map

package/dist/chunk-BUB4U2GE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/embed/v3/crypto/PayerConnectionHandler.tsx"],"names":[],"mappings":";;;;;AAAA,SAAS,iBAAiB;AAMnB,SAAS,uBAAuB;AAAA,EACnC;AAAA,EACA;AACJ,GAMG;AACC,YAAU,MAAM;AACZ,QAAI,iBAAiB,MAAM;AACvB;AAAA,IACJ;AAEA,UAAM,0BAA0B,cAAc;AAAA,MAC1C;AAAA,MACA,CAAO,OAAqC,eAArC,KAAqC,WAArC,EAAE,OAAO,sBAAsB,GAAM;AACxC,YAAI;AACA,gBAAM,MAAM,kBAAkB,KAAkC;AAChE,gBAAM,KAAK,MAAM,MAAM,6BAA6B,qBAAqB;AACzE,cAAI,GAAG,SAAS;AACZ,0BAAc,KAAK,mCAAmC,EAAE,MAAM,GAAG,KAAK,CAAC;AAAA,UAC3E,OAAO;AACH,0BAAc,KAAK,kCAAkC,EAAE,OAAO,GAAG,aAAa,CAAC;AAAA,UACnF;AAAA,QACJ,SAAS,OAAO;AACZ,kBAAQ,MAAM,uDAAuD,KAAK;AAC1E,wBAAc,KAAK,kCAAkC;AAAA,YACjD,OAAQ,MAAgB,WAAW;AAAA,UACvC,CAAC;AAAA,QACL;AAAA,MACJ;AAAA,IACJ;AAEA,WAAO,MAAM;AACT,oBAAc,IAAI,uBAAuB;AAAA,IAC7C;AAAA,EACJ,GAAG,CAAC,aAAa,CAAC;AAElB,SAAO;AACX","sourcesContent":["import { useEffect } from \"react\";\nimport type { EmbeddedCheckoutPayer } from \"@crossmint/client-sdk-base\";\nimport type { PayerSupportedBlockchains } from \"@crossmint/common-sdk-base\";\nimport type { WebViewParent } from \"@crossmint/client-sdk-rn-window\";\nimport type { embeddedCheckoutV3IncomingEvents, embeddedCheckoutV3OutgoingEvents } from \"@crossmint/client-sdk-base\";\n\nexport function PayerConnectionHandler({\n    payer,\n    webViewClient,\n}: {\n    payer: EmbeddedCheckoutPayer;\n    webViewClient: WebViewParent<\n        typeof embeddedCheckoutV3IncomingEvents,\n        typeof embeddedCheckoutV3OutgoingEvents\n    > | null;\n}) {\n    useEffect(() => {\n        if (webViewClient == null) {\n            return;\n        }\n\n        const signTransactionListener = webViewClient.on(\n            \"crypto:send-transaction\",\n            async ({ chain, serializedTransaction }) => {\n                try {\n                    await payer.handleChainSwitch(chain as PayerSupportedBlockchains);\n                    const tx = await payer.handleSignAndSendTransaction(serializedTransaction);\n                    if (tx.success) {\n                        webViewClient.send(\"crypto:send-transaction:success\", { txId: tx.txId });\n                    } else {\n                        webViewClient.send(\"crypto:send-transaction:failed\", { error: tx.errorMessage });\n                    }\n                } catch (error) {\n                    console.error(\"[PayerConnectionHandler] Failed to send transaction\", error);\n                    webViewClient.send(\"crypto:send-transaction:failed\", {\n                        error: (error as Error).message || \"An unknown error occurred\",\n                    });\n                }\n            }\n        );\n\n        return () => {\n            webViewClient.off(signTransactionListener);\n        };\n    }, [webViewClient]);\n\n    return null;\n}\n"]}

package/dist/chunk-BUTZZ7JB.js

@@ -0,0 +1,36 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkXUGJXLWCjs = require('./chunk-XUGJXLWC.js');
+
+// src/hooks/useCrossmintCheckout.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var CrossmintCheckoutContext = _react.createContext.call(void 0, void 0);
+function CrossmintCheckoutProvider({ children }) {
+  const [order, setOrder] = _react.useState.call(void 0, void 0);
+  const [orderClientSecret, setOrderClientSecret] = _react.useState.call(void 0, void 0);
+  _react.useEffect.call(void 0, () => {
+    const handleOrderUpdated = (data) => {
+      setOrder(data.order);
+      setOrderClientSecret(data.orderClientSecret);
+    };
+    _chunkXUGJXLWCjs.localEventEmitter.on("order:updated", handleOrderUpdated);
+    return () => {
+      _chunkXUGJXLWCjs.localEventEmitter.off("order:updated", handleOrderUpdated);
+    };
+  }, []);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CrossmintCheckoutContext.Provider, { value: { order, orderClientSecret }, children });
+}
+function useCrossmintCheckout() {
+  const context = _react.useContext.call(void 0, CrossmintCheckoutContext);
+  if (!context) {
+    throw new Error("useCrossmintCheckout must be used within a CrossmintCheckoutProvider");
+  }
+  return context;
+}
+
+
+
+
+exports.CrossmintCheckoutProvider = CrossmintCheckoutProvider; exports.useCrossmintCheckout = useCrossmintCheckout;
+//# sourceMappingURL=chunk-BUTZZ7JB.js.map

package/dist/chunk-BUTZZ7JB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useCrossmintCheckout.tsx"],"names":[],"mappings":";;;;;AAAA,SAAS,eAA+B,YAAY,WAAW,gBAAgB;AA6BvE;AApBR,IAAM,2BAA2B,cAAoD,MAAS;AAEvF,SAAS,0BAA0B,EAAE,SAAS,GAA4B;AAC7E,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA4B,MAAS;AAC/D,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAA6B,MAAS;AAExF,YAAU,MAAM;AACZ,UAAM,qBAAqB,CAAC,SAAmD;AAC3E,eAAS,KAAK,KAAK;AACnB,2BAAqB,KAAK,iBAAiB;AAAA,IAC/C;AAEA,sBAAkB,GAAG,iBAAiB,kBAAkB;AAExD,WAAO,MAAM;AACT,wBAAkB,IAAI,iBAAiB,kBAAkB;AAAA,IAC7D;AAAA,EACJ,GAAG,CAAC,CAAC;AAEL,SACI,oBAAC,yBAAyB,UAAzB,EAAkC,OAAO,EAAE,OAAO,kBAAkB,GAChE,UACL;AAER;AAEO,SAAS,uBAAuB;AACnC,QAAM,UAAU,WAAW,wBAAwB;AACnD,MAAI,CAAC,SAAS;AACV,UAAM,IAAI,MAAM,sEAAsE;AAAA,EAC1F;AACA,SAAO;AACX","sourcesContent":["import { createContext, type ReactNode, useContext, useEffect, useState } from \"react\";\nimport type { Order } from \"@crossmint/client-sdk-base\";\nimport { localEventEmitter, type LocalEventEmitterEvents } from \"@/utils/eventEmitter\";\n\nexport interface CrossmintCheckoutContext {\n    order?: Order;\n    orderClientSecret?: string;\n}\n\nconst CrossmintCheckoutContext = createContext<CrossmintCheckoutContext | undefined>(undefined);\n\nexport function CrossmintCheckoutProvider({ children }: { children: ReactNode }) {\n    const [order, setOrder] = useState<Order | undefined>(undefined);\n    const [orderClientSecret, setOrderClientSecret] = useState<string | undefined>(undefined);\n\n    useEffect(() => {\n        const handleOrderUpdated = (data: LocalEventEmitterEvents[\"order:updated\"]) => {\n            setOrder(data.order);\n            setOrderClientSecret(data.orderClientSecret);\n        };\n\n        localEventEmitter.on(\"order:updated\", handleOrderUpdated);\n\n        return () => {\n            localEventEmitter.off(\"order:updated\", handleOrderUpdated);\n        };\n    }, []);\n\n    return (\n        <CrossmintCheckoutContext.Provider value={{ order, orderClientSecret }}>\n            {children}\n        </CrossmintCheckoutContext.Provider>\n    );\n}\n\nexport function useCrossmintCheckout() {\n    const context = useContext(CrossmintCheckoutContext);\n    if (!context) {\n        throw new Error(\"useCrossmintCheckout must be used within a CrossmintCheckoutProvider\");\n    }\n    return context;\n}\n"]}

package/dist/chunk-CFHHVHNZ.mjs

@@ -0,0 +1,157 @@
+import {
+  BaseCodeInput
+} from "./chunk-ALMDA3KN.mjs";
+import {
+  BaseConfirmation
+} from "./chunk-2TEAOLM6.mjs";
+import {
+  theme
+} from "./chunk-3AWDWMZ2.mjs";
+
+// src/components/signers/EmailSignersDialog.tsx
+import { View, Modal, StyleSheet, Dimensions, TouchableOpacity, Text } from "react-native";
+import { MailCheckIcon, MailIcon, X } from "lucide-react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
+var { width: screenWidth } = Dimensions.get("window");
+function EmailSignersDialog({
+  email,
+  open,
+  setOpen,
+  step,
+  onSubmitOTP,
+  onResendOTPCode,
+  onSubmitEmail,
+  rejectRef,
+  appearance
+}) {
+  var _a, _b, _c, _d, _e, _f;
+  function handleOnCancel() {
+    var _a2;
+    if (open) {
+      (_a2 = rejectRef.current) == null ? void 0 : _a2.call(rejectRef, new Error());
+      setOpen(false);
+    }
+  }
+  const dynamicStyles = StyleSheet.create({
+    centeredView: {
+      flex: 1,
+      backgroundColor: "rgba(0, 0, 0, 0.5)",
+      justifyContent: "center",
+      alignItems: "center",
+      padding: 16
+    },
+    modalView: {
+      backgroundColor: ((_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.background) || theme["cm-background-primary"],
+      borderRadius: (appearance == null ? void 0 : appearance.borderRadius) || 12,
+      padding: 32,
+      alignItems: "center",
+      width: Math.min(screenWidth - 32, 400),
+      maxHeight: "80%",
+      position: "relative",
+      shadowColor: "#000",
+      shadowOffset: {
+        width: 0,
+        height: 2
+      },
+      shadowOpacity: 0.25,
+      shadowRadius: 4,
+      elevation: 5
+    },
+    closeButton: {
+      position: "absolute",
+      top: 16,
+      right: 16,
+      width: 32,
+      height: 32,
+      borderRadius: 6,
+      backgroundColor: ((_b = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _b.inputBackground) || theme["cm-muted-primary"],
+      alignItems: "center",
+      justifyContent: "center",
+      zIndex: 1
+    }
+  });
+  if (!open) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      visible: open,
+      transparent: true,
+      animationType: "fade",
+      onRequestClose: handleOnCancel,
+      statusBarTranslucent: true,
+      children: /* @__PURE__ */ jsx(View, { style: dynamicStyles.centeredView, children: /* @__PURE__ */ jsxs(View, { style: dynamicStyles.modalView, children: [
+        /* @__PURE__ */ jsx(
+          TouchableOpacity,
+          {
+            style: dynamicStyles.closeButton,
+            onPress: handleOnCancel,
+            hitSlop: { top: 10, bottom: 10, left: 10, right: 10 },
+            children: /* @__PURE__ */ jsx(X, { size: 16, color: ((_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.textSecondary) || theme["cm-text-secondary"] })
+          }
+        ),
+        step === "initial" ? /* @__PURE__ */ jsx(
+          BaseConfirmation,
+          {
+            contactInfo: email != null ? email : "",
+            contactType: "email",
+            icon: /* @__PURE__ */ jsx(
+              MailIcon,
+              {
+                size: 22,
+                color: ((_d = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _d.textPrimary) || theme["cm-text-primary"]
+              }
+            ),
+            onConfirm: onSubmitEmail,
+            onCancel: handleOnCancel,
+            appearance
+          }
+        ) : /* @__PURE__ */ jsx(
+          BaseCodeInput,
+          {
+            contactInfo: email != null ? email : "",
+            contactType: "email",
+            icon: /* @__PURE__ */ jsx(
+              View,
+              {
+                style: {
+                  backgroundColor: ((_e = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _e.accent) || theme["cm-accent"],
+                  borderRadius: 999,
+                  padding: 12
+                },
+                children: /* @__PURE__ */ jsx(
+                  MailCheckIcon,
+                  {
+                    size: 22,
+                    color: ((_f = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _f.background) || theme["cm-background-primary"]
+                  }
+                )
+              }
+            ),
+            title: "Check your email",
+            description: /* @__PURE__ */ jsxs(Text, { children: [
+              "A temporary login code has been sent to",
+              " ",
+              /* @__PURE__ */ jsx(Text, { style: { fontWeight: "bold" }, children: email })
+            ] }),
+            helpText: `Can't find the email? Check spam folder.
+Some emails may take several minutes to arrive.`,
+            onSubmitOTP,
+            onResendCode: onResendOTPCode,
+            appearance,
+            otpLength: 9,
+            keyboardType: "default",
+            autoComplete: "one-time-code",
+            textContentType: "oneTimeCode"
+          }
+        )
+      ] }) })
+    }
+  );
+}
+
+export {
+  EmailSignersDialog
+};
+//# sourceMappingURL=chunk-CFHHVHNZ.mjs.map

package/dist/chunk-CFHHVHNZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/signers/EmailSignersDialog.tsx"],"sourcesContent":["import type { MutableRefObject } from \"react\";\nimport { View, Modal, StyleSheet, Dimensions, TouchableOpacity, Text } from \"react-native\";\nimport type { UIConfig } from \"@crossmint/common-sdk-base\";\nimport { MailCheckIcon, MailIcon, X } from \"lucide-react-native\";\nimport { BaseConfirmation } from \"./BaseConfirmation\";\nimport { BaseCodeInput } from \"./BaseCodeInput\";\nimport { theme } from \"../../styles/theme\";\n\ninterface EmailSignersDialogProps {\n    email?: string;\n    open: boolean;\n    setOpen: (open: boolean) => void;\n    step: \"initial\" | \"otp\";\n    onSubmitOTP: (token: string) => Promise<void>;\n    onResendOTPCode: () => Promise<void>;\n    onSubmitEmail: () => Promise<void>;\n    rejectRef: MutableRefObject<((error: Error) => void) | undefined>;\n    appearance?: UIConfig;\n}\n\nconst { width: screenWidth } = Dimensions.get(\"window\");\n\nexport function EmailSignersDialog({\n    email,\n    open,\n    setOpen,\n    step,\n    onSubmitOTP,\n    onResendOTPCode,\n    onSubmitEmail,\n    rejectRef,\n    appearance,\n}: EmailSignersDialogProps) {\n    function handleOnCancel() {\n        if (open) {\n            rejectRef.current?.(new Error());\n            setOpen(false);\n        }\n    }\n\n    const dynamicStyles = StyleSheet.create({\n        centeredView: {\n            flex: 1,\n            backgroundColor: \"rgba(0, 0, 0, 0.5)\",\n            justifyContent: \"center\",\n            alignItems: \"center\",\n            padding: 16,\n        },\n        modalView: {\n            backgroundColor: appearance?.colors?.background || theme[\"cm-background-primary\"],\n            borderRadius: appearance?.borderRadius || 12,\n            padding: 32,\n            alignItems: \"center\",\n            width: Math.min(screenWidth - 32, 400),\n            maxHeight: \"80%\",\n            position: \"relative\",\n            shadowColor: \"#000\",\n            shadowOffset: {\n                width: 0,\n                height: 2,\n            },\n            shadowOpacity: 0.25,\n            shadowRadius: 4,\n            elevation: 5,\n        },\n        closeButton: {\n            position: \"absolute\",\n            top: 16,\n            right: 16,\n            width: 32,\n            height: 32,\n            borderRadius: 6,\n            backgroundColor: appearance?.colors?.inputBackground || theme[\"cm-muted-primary\"],\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            zIndex: 1,\n        },\n    });\n\n    if (!open) {\n        return null;\n    }\n\n    return (\n        <Modal\n            visible={open}\n            transparent={true}\n            animationType=\"fade\"\n            onRequestClose={handleOnCancel}\n            statusBarTranslucent={true}\n        >\n            <View style={dynamicStyles.centeredView}>\n                <View style={dynamicStyles.modalView}>\n                    <TouchableOpacity\n                        style={dynamicStyles.closeButton}\n                        onPress={handleOnCancel}\n                        hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}\n                    >\n                        <X size={16} color={appearance?.colors?.textSecondary || theme[\"cm-text-secondary\"]} />\n                    </TouchableOpacity>\n\n                    {step === \"initial\" ? (\n                        <BaseConfirmation\n                            contactInfo={email ?? \"\"}\n                            contactType=\"email\"\n                            icon={\n                                <MailIcon\n                                    size={22}\n                                    color={appearance?.colors?.textPrimary || theme[\"cm-text-primary\"]}\n                                />\n                            }\n                            onConfirm={onSubmitEmail}\n                            onCancel={handleOnCancel}\n                            appearance={appearance}\n                        />\n                    ) : (\n                        <BaseCodeInput\n                            contactInfo={email ?? \"\"}\n                            contactType=\"email\"\n                            icon={\n                                <View\n                                    style={{\n                                        backgroundColor: appearance?.colors?.accent || theme[\"cm-accent\"],\n                                        borderRadius: 999,\n                                        padding: 12,\n                                    }}\n                                >\n                                    <MailCheckIcon\n                                        size={22}\n                                        color={appearance?.colors?.background || theme[\"cm-background-primary\"]}\n                                    />\n                                </View>\n                            }\n                            title=\"Check your email\"\n                            description={\n                                <Text>\n                                    A temporary login code has been sent to{\" \"}\n                                    <Text style={{ fontWeight: \"bold\" }}>{email}</Text>\n                                </Text>\n                            }\n                            helpText={`Can't find the email? Check spam folder.\\nSome emails may take several minutes to arrive.`}\n                            onSubmitOTP={onSubmitOTP}\n                            onResendCode={onResendOTPCode}\n                            appearance={appearance}\n                            otpLength={9}\n                            keyboardType=\"default\"\n                            autoComplete=\"one-time-code\"\n                            textContentType=\"oneTimeCode\"\n                        />\n                    )}\n                </View>\n            </View>\n        </Modal>\n    );\n}\n"],"mappings":"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","names":["_a"]}

package/dist/chunk-CV6RWU2T.js

@@ -0,0 +1,50 @@
+"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; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkIMME6ZBVjs = require('./chunk-IMME6ZBV.js');
+
+// src/logger/init.ts
+var _commonsdkbase = require('@crossmint/common-sdk-base');
+var _reactnative = require('react-native');
+var _expoconstants = require('expo-constants'); var _expoconstants2 = _interopRequireDefault(_expoconstants);
+var _expodevice = require('expo-device'); var Device = _interopRequireWildcard(_expodevice);
+function initReactNativeLogger(apiKey, consoleLogLevel) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  const validationResult = _commonsdkbase.validateAPIKey.call(void 0, apiKey);
+  if (!validationResult.isValid) {
+    throw new Error(`Invalid API key: ${validationResult.message}`);
+  }
+  const { environment, projectId } = validationResult;
+  const logger = new (0, _commonsdkbase.SdkLogger)({
+    packageName: _chunkIMME6ZBVjs.package_default.name,
+    packageVersion: _chunkIMME6ZBVjs.package_default.version,
+    environment,
+    projectId,
+    platform: "react-native",
+    consoleLogLevel
+  });
+  const bundleId = (_f = (_e = (_b = (_a = _expoconstants2.default.expoConfig) == null ? void 0 : _a.ios) == null ? void 0 : _b.bundleIdentifier) != null ? _e : (_d = (_c = _expoconstants2.default.expoConfig) == null ? void 0 : _c.android) == null ? void 0 : _d.package) != null ? _f : void 0;
+  const agentInfo = {};
+  if (Device != null) {
+    agentInfo.device = (_i = (_h = (_g = Device.modelName) != null ? _g : Device.deviceName) != null ? _h : Device.brand) != null ? _i : void 0;
+    agentInfo.os_version = (_j = Device.osVersion) != null ? _j : void 0;
+    agentInfo.os_name = (_k = Device.osName) != null ? _k : void 0;
+  }
+  const sink = new (0, _commonsdkbase.ReactNativeDatadogSink)(environment, bundleId, agentInfo);
+  logger.addSink(sink);
+  setupReactNativeFlushListeners(logger);
+  return logger;
+}
+function setupReactNativeFlushListeners(logger) {
+  _reactnative.AppState.addEventListener("change", (nextAppState) => {
+    if (nextAppState === "background" || nextAppState === "inactive") {
+      if (typeof logger.flush === "function") {
+        void logger.flush();
+      }
+    }
+  });
+}
+
+
+
+exports.initReactNativeLogger = initReactNativeLogger;
+//# sourceMappingURL=chunk-CV6RWU2T.js.map

package/dist/chunk-CV6RWU2T.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/logger/init.ts"],"names":[],"mappings":";;;;;AAAA,SAAS,WAAW,wBAAwB,sBAA4C;AACxF,SAAS,gBAAgB;AACzB,OAAO,eAAe;AACtB,YAAY,YAAY;AAYjB,SAAS,sBAAsB,QAAgB,iBAA8C;AAfpG;AAgBI,QAAM,mBAAmB,eAAe,MAAM;AAC9C,MAAI,CAAC,iBAAiB,SAAS;AAC3B,UAAM,IAAI,MAAM,oBAAoB,iBAAiB,OAAO,EAAE;AAAA,EAClE;AACA,QAAM,EAAE,aAAa,UAAU,IAAI;AACnC,QAAM,SAAS,IAAI,UAAU;AAAA,IACzB,aAAa,gBAAY;AAAA,IACzB,gBAAgB,gBAAY;AAAA,IAC5B;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,EACJ,CAAC;AAGD,QAAM,YACF,iCAAU,eAAV,mBAAsB,QAAtB,mBAA2B,qBAA3B,aAA+C,qBAAU,eAAV,mBAAsB,YAAtB,mBAA+B,YAA9E,YAAyF;AAG7F,QAAM,YAAgD,CAAC;AACvD,MAAI,UAAU,MAAM;AAChB,cAAU,UAAS,iBAAO,qBAAP,YAA2B,sBAA3B,YAAgD,iBAAhD,YAAyD;AAC5E,cAAU,cAAa,KAAO,qBAAP,YAAoB;AAC3C,cAAU,WAAU,KAAO,kBAAP,YAAiB;AAAA,EACzC;AAKA,QAAM,OAAO,IAAI,uBAAuB,aAAa,UAAU,SAAS;AACxE,SAAO,QAAQ,IAAI;AAInB,iCAA+B,MAAM;AAErC,SAAO;AACX;AAKA,SAAS,+BAA+B,QAAyB;AAC7D,WAAS,iBAAiB,UAAU,CAAC,iBAAiB;AAElD,QAAI,iBAAiB,gBAAgB,iBAAiB,YAAY;AAC9D,UAAI,OAAO,OAAO,UAAU,YAAY;AACpC,aAAK,OAAO,MAAM;AAAA,MACtB;AAAA,IACJ;AAAA,EACJ,CAAC;AACL","sourcesContent":["import { SdkLogger, ReactNativeDatadogSink, validateAPIKey, type ConsoleLogLevel } from \"@crossmint/common-sdk-base\";\nimport { AppState } from \"react-native\";\nimport Constants from \"expo-constants\";\nimport * as Device from \"expo-device\";\nimport packageJson from \"../../package.json\";\n\n/**\n * Initialize the SDK logger for the React Native UI SDK\n * Should be called once when the SDK is initialized (typically in CrossmintProvider)\n * This handles React Native-specific Datadog sink initialization\n *\n * @param apiKey - API key to determine environment (development/staging/production) and project ID\n * @param consoleLogLevel - Minimum log level for console output (or \"silent\" to suppress all output). Defaults to \"debug\" for backward compatibility\n * @returns The initialized logger instance\n */\nexport function initReactNativeLogger(apiKey: string, consoleLogLevel?: ConsoleLogLevel): SdkLogger {\n    const validationResult = validateAPIKey(apiKey);\n    if (!validationResult.isValid) {\n        throw new Error(`Invalid API key: ${validationResult.message}`);\n    }\n    const { environment, projectId } = validationResult;\n    const logger = new SdkLogger({\n        packageName: packageJson.name,\n        packageVersion: packageJson.version,\n        environment,\n        projectId,\n        platform: \"react-native\",\n        consoleLogLevel,\n    });\n\n    // Get app bundle ID to use as service name in Datadog logs\n    const bundleId: string | undefined =\n        Constants.expoConfig?.ios?.bundleIdentifier ?? Constants.expoConfig?.android?.package ?? undefined;\n\n    // Collect device and OS information for agent info\n    const agentInfo: Record<string, string | undefined> = {};\n    if (Device != null) {\n        agentInfo.device = Device.modelName ?? Device.deviceName ?? Device.brand ?? undefined;\n        agentInfo.os_version = Device.osVersion ?? undefined;\n        agentInfo.os_name = Device.osName ?? undefined;\n    }\n\n    // Create HTTP-based Datadog sink that sends logs directly via telemetry proxy\n    // This bypasses the Datadog React Native SDK entirely, ensuring isolation\n    // Service name is set to the app bundle ID for better log identification\n    const sink = new ReactNativeDatadogSink(environment, bundleId, agentInfo);\n    logger.addSink(sink);\n\n    // Set up app state change listener to flush logs when app goes to background\n    // This ensures logs are sent before the app is closed or backgrounded\n    setupReactNativeFlushListeners(logger);\n\n    return logger;\n}\n\n/**\n * Set up React Native app state change listeners to flush logs when app goes to background\n */\nfunction setupReactNativeFlushListeners(logger: SdkLogger): void {\n    AppState.addEventListener(\"change\", (nextAppState) => {\n        // Flush logs when app goes to background or inactive\n        if (nextAppState === \"background\" || nextAppState === \"inactive\") {\n            if (typeof logger.flush === \"function\") {\n                void logger.flush();\n            }\n        }\n    });\n}\n"]}

package/dist/chunk-DD2MVD6A.mjs

@@ -0,0 +1,36 @@
+import {
+  localEventEmitter
+} from "./chunk-2DNOAXOE.mjs";
+
+// src/hooks/useCrossmintCheckout.tsx
+import { createContext, useContext, useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var CrossmintCheckoutContext = createContext(void 0);
+function CrossmintCheckoutProvider({ children }) {
+  const [order, setOrder] = useState(void 0);
+  const [orderClientSecret, setOrderClientSecret] = useState(void 0);
+  useEffect(() => {
+    const handleOrderUpdated = (data) => {
+      setOrder(data.order);
+      setOrderClientSecret(data.orderClientSecret);
+    };
+    localEventEmitter.on("order:updated", handleOrderUpdated);
+    return () => {
+      localEventEmitter.off("order:updated", handleOrderUpdated);
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(CrossmintCheckoutContext.Provider, { value: { order, orderClientSecret }, children });
+}
+function useCrossmintCheckout() {
+  const context = useContext(CrossmintCheckoutContext);
+  if (!context) {
+    throw new Error("useCrossmintCheckout must be used within a CrossmintCheckoutProvider");
+  }
+  return context;
+}
+
+export {
+  CrossmintCheckoutProvider,
+  useCrossmintCheckout
+};
+//# sourceMappingURL=chunk-DD2MVD6A.mjs.map

package/dist/chunk-DD2MVD6A.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useCrossmintCheckout.tsx"],"sourcesContent":["import { createContext, type ReactNode, useContext, useEffect, useState } from \"react\";\nimport type { Order } from \"@crossmint/client-sdk-base\";\nimport { localEventEmitter, type LocalEventEmitterEvents } from \"@/utils/eventEmitter\";\n\nexport interface CrossmintCheckoutContext {\n    order?: Order;\n    orderClientSecret?: string;\n}\n\nconst CrossmintCheckoutContext = createContext<CrossmintCheckoutContext | undefined>(undefined);\n\nexport function CrossmintCheckoutProvider({ children }: { children: ReactNode }) {\n    const [order, setOrder] = useState<Order | undefined>(undefined);\n    const [orderClientSecret, setOrderClientSecret] = useState<string | undefined>(undefined);\n\n    useEffect(() => {\n        const handleOrderUpdated = (data: LocalEventEmitterEvents[\"order:updated\"]) => {\n            setOrder(data.order);\n            setOrderClientSecret(data.orderClientSecret);\n        };\n\n        localEventEmitter.on(\"order:updated\", handleOrderUpdated);\n\n        return () => {\n            localEventEmitter.off(\"order:updated\", handleOrderUpdated);\n        };\n    }, []);\n\n    return (\n        <CrossmintCheckoutContext.Provider value={{ order, orderClientSecret }}>\n            {children}\n        </CrossmintCheckoutContext.Provider>\n    );\n}\n\nexport function useCrossmintCheckout() {\n    const context = useContext(CrossmintCheckoutContext);\n    if (!context) {\n        throw new Error(\"useCrossmintCheckout must be used within a CrossmintCheckoutProvider\");\n    }\n    return context;\n}\n"],"mappings":";;;;;AAAA,SAAS,eAA+B,YAAY,WAAW,gBAAgB;AA6BvE;AApBR,IAAM,2BAA2B,cAAoD,MAAS;AAEvF,SAAS,0BAA0B,EAAE,SAAS,GAA4B;AAC7E,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA4B,MAAS;AAC/D,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAA6B,MAAS;AAExF,YAAU,MAAM;AACZ,UAAM,qBAAqB,CAAC,SAAmD;AAC3E,eAAS,KAAK,KAAK;AACnB,2BAAqB,KAAK,iBAAiB;AAAA,IAC/C;AAEA,sBAAkB,GAAG,iBAAiB,kBAAkB;AAExD,WAAO,MAAM;AACT,wBAAkB,IAAI,iBAAiB,kBAAkB;AAAA,IAC7D;AAAA,EACJ,GAAG,CAAC,CAAC;AAEL,SACI,oBAAC,yBAAyB,UAAzB,EAAkC,OAAO,EAAE,OAAO,kBAAkB,GAChE,UACL;AAER;AAEO,SAAS,uBAAuB;AACnC,QAAM,UAAU,WAAW,wBAAwB;AACnD,MAAI,CAAC,SAAS;AACV,UAAM,IAAI,MAAM,sEAAsE;AAAA,EAC1F;AACA,SAAO;AACX;","names":[]}

package/dist/chunk-EKXEDMRD.mjs

@@ -0,0 +1,71 @@
+import {
+  __async
+} from "./chunk-7SPIOD4K.mjs";
+
+// src/utils/SecureStorage.ts
+import * as SecureStore from "expo-secure-store";
+var SecureStorage = class {
+  get(key) {
+    return __async(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 __async(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 __async(this, null, function* () {
+      try {
+        yield SecureStore.deleteItemAsync(key);
+      } catch (error) {
+        console.error("Error removing from SecureStore:", error);
+      }
+    });
+  }
+  isAvailable() {
+    return __async(this, null, function* () {
+      try {
+        return yield SecureStore.isAvailableAsync();
+      } catch (e) {
+        return false;
+      }
+    });
+  }
+};
+
+export {
+  SecureStorage
+};
+//# sourceMappingURL=chunk-EKXEDMRD.mjs.map

package/dist/chunk-EKXEDMRD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/SecureStorage.ts"],"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"],"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;","names":[]}

package/dist/chunk-FCDPEDXH.mjs

@@ -0,0 +1,148 @@
+import {
+  userAgent
+} from "./chunk-RSCBYS6I.mjs";
+import {
+  PayerConnectionHandler
+} from "./chunk-4AJTICKY.mjs";
+import {
+  createCrossmintApiClient
+} from "./chunk-FRD6HEIM.mjs";
+import {
+  localEventEmitter
+} from "./chunk-2DNOAXOE.mjs";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-7SPIOD4K.mjs";
+
+// src/components/embed/v3/EmbeddedCheckoutV3WebView.tsx
+import { useCrossmint } from "@crossmint/client-sdk-react-base";
+import { useEffect, useRef, useState } from "react";
+import { View } from "react-native";
+import { crossmintEmbeddedCheckoutV3Service } from "@crossmint/client-sdk-base";
+import { RNWebView, WebViewParent } from "@crossmint/client-sdk-rn-window";
+import { embeddedCheckoutV3IncomingEvents, embeddedCheckoutV3OutgoingEvents } from "@crossmint/client-sdk-base";
+import { jsx, jsxs } from "react/jsx-runtime";
+function EmbeddedCheckoutV3WebView(props) {
+  var _a;
+  const [webViewClient, setWebViewClient] = useState(null);
+  const [height, setHeight] = useState(0);
+  const initialChainRef = useRef((_a = props.payment.crypto.payer) == null ? void 0 : _a.initialChain);
+  const memoizedProps = useRef(props);
+  if (havePropsChanged(props, memoizedProps.current)) {
+    const newProps = __spreadValues({}, props);
+    const initialChainPreservation = shouldPreserveInitialChain(props, initialChainRef.current);
+    if (initialChainPreservation.shouldPreserve) {
+      newProps.payment.crypto.payer = initialChainPreservation.updatedPayer;
+    }
+    memoizedProps.current = newProps;
+  }
+  const { crossmint } = useCrossmint();
+  const apiClient = createCrossmintApiClient(crossmint, {
+    usageOrigin: "client"
+  });
+  const embeddedCheckoutService = crossmintEmbeddedCheckoutV3Service({ apiClient });
+  const webViewRef = useRef(null);
+  useEffect(() => {
+    const webView = webViewRef.current;
+    if (!webView || webViewClient) {
+      return;
+    }
+    const client = new WebViewParent(
+      { current: webView },
+      {
+        incomingEvents: embeddedCheckoutV3IncomingEvents,
+        outgoingEvents: embeddedCheckoutV3OutgoingEvents
+      }
+    );
+    setWebViewClient(client);
+  }, [webViewRef.current, webViewClient]);
+  useEffect(() => {
+    if (webViewClient == null) {
+      return;
+    }
+    const handleHeightChanged = (data) => setHeight(data.height);
+    webViewClient.on("ui:height.changed", handleHeightChanged);
+    const handleOrderUpdated = (data) => {
+      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__ */ jsxs(View, { style: { flex: 1 }, children: [
+    /* @__PURE__ */ jsx(
+      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,
+        paymentRequestEnabled: true
+      }
+    ),
+    memoizedProps.current.payment.crypto.enabled ? memoizedProps.current.payment.crypto.payer != null ? /* @__PURE__ */ jsx(
+      PayerConnectionHandler,
+      {
+        payer: memoizedProps.current.payment.crypto.payer,
+        webViewClient
+      }
+    ) : /* @__PURE__ */ jsx(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: __spreadProps(__spreadValues({}, props.payment.crypto.payer), {
+        initialChain: storedInitialChain
+      })
+    };
+  }
+  return { shouldPreserve: false };
+}
+function ThrowError({ message }) {
+  throw new Error(message);
+  return null;
+}
+
+export {
+  EmbeddedCheckoutV3WebView
+};
+//# sourceMappingURL=chunk-FCDPEDXH.mjs.map

package/dist/chunk-FCDPEDXH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/embed/v3/EmbeddedCheckoutV3WebView.tsx"],"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"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,SAAS,oBAAoB;AAC7B,SAAS,WAAW,QAAQ,gBAAgB;AAC5C,SAAS,YAAY;AAGrB,SAAgD,0CAA0C;AAC1F,SAAS,WAAW,qBAAqB;AACzC,SAAS,kCAAkC,wCAAwC;AA8E3E,SACI,KADJ;AAtED,SAAS,0BAA0B,OAAyC;AAfnF;AAgBI,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAGhC,IAAI;AACd,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,CAAC;AAEtC,QAAM,kBAAkB,QAAO,WAAM,QAAQ,OAAO,UAArB,mBAA4B,YAAY;AAEvE,QAAM,gBAAgB,OAAO,KAAK;AAClC,MAAI,iBAAiB,OAAO,cAAc,OAAO,GAAG;AAChD,UAAM,WAAW,mBAAK;AACtB,UAAM,2BAA2B,2BAA2B,OAAO,gBAAgB,OAAO;AAC1F,QAAI,yBAAyB,gBAAgB;AACzC,eAAS,QAAQ,OAAO,QAAQ,yBAAyB;AAAA,IAC7D;AACA,kBAAc,UAAU;AAAA,EAC5B;AAEA,QAAM,EAAE,UAAU,IAAI,aAAa;AACnC,QAAM,YAAY,yBAAyB,WAAW;AAAA,IAClD,aAAa;AAAA,EACjB,CAAC;AACD,QAAM,0BAA0B,mCAAmC,EAAE,UAAU,CAAC;AAEhF,QAAM,aAAa,OAAgB,IAAI;AAEvC,YAAU,MAAM;AACZ,UAAM,UAAU,WAAW;AAC3B,QAAI,CAAC,WAAW,eAAe;AAC3B;AAAA,IACJ;AAEA,UAAM,SAAS,IAAI;AAAA,MACf,EAAE,SAAS,QAAQ;AAAA,MACnB;AAAA,QACI,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,MACpB;AAAA,IACJ;AACA,qBAAiB,MAAM;AAAA,EAC3B,GAAG,CAAC,WAAW,SAAS,aAAa,CAAC;AAEtC,YAAU,MAAM;AACZ,QAAI,iBAAiB,MAAM;AACvB;AAAA,IACJ;AAEA,UAAM,sBAAsB,CAAC,SAA6B,UAAU,KAAK,MAAM;AAC/E,kBAAc,GAAG,qBAAqB,mBAAmB;AAGzD,UAAM,qBAAqB,CAAC,SAAmD;AAC3E,wBAAkB,KAAK,iBAAiB,IAAI;AAAA,IAChD;AACA,kBAAc,GAAG,iBAAiB,kBAAkB;AAEpD,WAAO,MAAM;AACT,oBAAc,IAAI,mBAAmB;AACrC,oBAAc,IAAI,eAAe;AAAA,IACrC;AAAA,EACJ,GAAG,CAAC,aAAa,CAAC;AAElB,QAAM,gBAAgB,CAAC,UAA+B;AAClD,QAAI,eAAe;AACf,oBAAc,cAAc,KAAK;AAAA,IACrC;AAAA,EACJ;AAEA,SACI,qBAAC,QAAK,OAAO,EAAE,MAAM,EAAE,GACnB;AAAA;AAAA,MAAC;AAAA;AAAA,QACG,KAAK;AAAA,QACL,SAAS,UAAU,QAAQ,EAAE,gBAAgB,UAAU,MAAM,IAAI;AAAA,QACjE,QAAQ,EAAE,KAAK,wBAAwB,OAAO,OAAO,cAAc,OAAO,EAAE;AAAA,QAC5E,WAAW;AAAA,QACX,OAAO;AAAA,UACH,OAAO;AAAA,UACP,UAAU;AAAA,UACV;AAAA,UACA,iBAAiB;AAAA,UACjB,UAAU;AAAA,UACV,SAAS;AAAA,UACT,SAAS;AAAA,UACT,WAAW;AAAA,UACX,aAAa;AAAA,UACb,WAAW,CAAC,EAAE,YAAY,EAAE,CAAC;AAAA,QACjC;AAAA,QACA,2BAA2B;AAAA,QAC3B,iCAAiC;AAAA,QACjC,qCAAqC;AAAA,QACrC,mBAAmB;AAAA,QACnB,eAAe;AAAA,QACf,SAAS;AAAA,QACT,gCAAgC;AAAA,QAChC,8BAA8B;AAAA,QAC9B,mBAAmB;AAAA,QACnB,kBAAiB;AAAA,QACjB,iBAAiB;AAAA,QACjB,kCAAkC;AAAA,QAClC,oBAAoB;AAAA,QACpB;AAAA,QACA,uBAAuB;AAAA;AAAA,IAC3B;AAAA,IACC,cAAc,QAAQ,QAAQ,OAAO,UAClC,cAAc,QAAQ,QAAQ,OAAO,SAAS,OAC1C;AAAA,MAAC;AAAA;AAAA,QACG,OAAO,cAAc,QAAQ,QAAQ,OAAO;AAAA,QAC5C;AAAA;AAAA,IACJ,IAEA,oBAAC,cAAW,SAAQ,2IAA0I,IAElK;AAAA,KACR;AAER;AAEA,SAAS,iBACL,aACA,iBACO;AACP,SAAO,KAAK,UAAU,WAAW,MAAM,KAAK,UAAU,eAAe;AACzE;AAEA,SAAS,2BACL,OACA,oBACqG;AACrG,MAAI,MAAM,QAAQ,OAAO,SAAS,sBAAsB,MAAM;AAC1D,WAAO;AAAA,MACH,gBAAgB;AAAA,MAChB,cAAc,iCACP,MAAM,QAAQ,OAAO,QADd;AAAA,QAEV,cAAc;AAAA,MAClB;AAAA,IACJ;AAAA,EACJ;AACA,SAAO,EAAE,gBAAgB,MAAM;AACnC;AAEA,SAAS,WAAW,EAAE,QAAQ,GAAwB;AAClD,QAAM,IAAI,MAAM,OAAO;AAEvB,SAAO;AACX;","names":[]}

package/dist/chunk-FQID5LOL.js

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkIMME6ZBVjs = require('./chunk-IMME6ZBV.js');
+
+// src/utils/createCrossmintApiClient.ts
+var _commonsdkbase = require('@crossmint/common-sdk-base');
+function createCrossmintApiClient(crossmint, apiKeyExpectations) {
+  return new (0, _commonsdkbase.CrossmintApiClient)(crossmint, {
+    internalConfig: {
+      sdkMetadata: {
+        name: "@crossmint/client-sdk-react-native-ui",
+        version: _chunkIMME6ZBVjs.package_default.version
+      },
+      apiKeyExpectations
+    }
+  });
+}
+
+
+
+exports.createCrossmintApiClient = createCrossmintApiClient;
+//# sourceMappingURL=chunk-FQID5LOL.js.map