@crossmint/client-sdk-react-native-ui 0.13.33 → 0.13.34

package/dist/chunk-24MMQ2R4.js

@@ -0,0 +1,15 @@
+"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; } }// src/utils/embed/userAgent.ts
+var _reactnative = require('react-native');
+var _expodevice = require('expo-device'); var Device = _interopRequireWildcard(_expodevice);
+var osVersion2 = Device.osVersion || "0";
+var modelName2 = Device.modelName || "Unknown";
+var userAgent = _reactnative.Platform.OS === "ios" ? `Mozilla/5.0 (iPhone; CPU iPhone OS ${osVersion2.toString().replace(/\./g, "_")} like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/${Math.floor(
+  Number(osVersion2) / 2
+)}.0 Mobile/15E148 Safari/604.1` : `Mozilla/5.0 (Linux; Android ${osVersion2}; ${modelName2}) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.181 Mobile Safari/537.36`;
+
+
+
+
+
+exports.osVersion = osVersion2; exports.modelName = modelName2; exports.userAgent = userAgent;
+//# sourceMappingURL=chunk-24MMQ2R4.js.map

package/dist/chunk-24MMQ2R4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/embed/userAgent.ts"],"names":["osVersion","modelName"],"mappings":";AAAA,SAAS,gBAAgB;AACzB,YAAY,YAAY;AAEjB,IAAMA,aAAmB,oBAAa;AACtC,IAAMC,aAAmB,oBAAa;AAEtC,IAAM,YACT,SAAS,OAAO,QACV,sCAAsCD,WACjC,SAAS,EACT,QAAQ,OAAO,GAAG,CAAC,oEAAoE,KAAK;AAAA,EAC7F,OAAOA,UAAS,IAAI;AACxB,CAAC,kCACD,+BAA+BA,UAAS,KAAKC,UAAS","sourcesContent":["import { Platform } from \"react-native\";\nimport * as Device from \"expo-device\";\n\nexport const osVersion = Device.osVersion || \"0\";\nexport const modelName = Device.modelName || \"Unknown\";\n\nexport const userAgent =\n    Platform.OS === \"ios\"\n        ? `Mozilla/5.0 (iPhone; CPU iPhone OS ${osVersion\n              .toString()\n              .replace(/\\./g, \"_\")} like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/${Math.floor(\n              Number(osVersion) / 2\n          )}.0 Mobile/15E148 Safari/604.1`\n        : `Mozilla/5.0 (Linux; Android ${osVersion}; ${modelName}) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.181 Mobile Safari/537.36`;\n"]}

package/dist/chunk-2DNOAXOE.mjs

@@ -0,0 +1,8 @@
+// src/utils/eventEmitter.ts
+import mitt from "mitt";
+var localEventEmitter = mitt();
+
+export {
+  localEventEmitter
+};
+//# sourceMappingURL=chunk-2DNOAXOE.mjs.map

package/dist/chunk-2DNOAXOE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/eventEmitter.ts"],"sourcesContent":["import type { Order } from \"@crossmint/client-sdk-base\";\nimport mitt from \"mitt\";\n\nexport type LocalEventEmitterEvents = {\n    \"order:updated\": {\n        order?: Order;\n        orderClientSecret?: string;\n    };\n    \"order:creation-failed\": {\n        errorMessage: string;\n    };\n};\n\n// Create a singleton instance for global use\nexport const localEventEmitter = mitt<LocalEventEmitterEvents>();\n"],"mappings":";AACA,OAAO,UAAU;AAaV,IAAM,oBAAoB,KAA8B;","names":[]}

package/dist/chunk-2TEAOLM6.mjs

@@ -0,0 +1,149 @@
+import {
+  theme
+} from "./chunk-3AWDWMZ2.mjs";
+import {
+  __async
+} from "./chunk-7SPIOD4K.mjs";
+
+// src/components/signers/BaseConfirmation.tsx
+import { useState } from "react";
+import { View, Text, TouchableOpacity, StyleSheet, ActivityIndicator } from "react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
+function BaseConfirmation({
+  contactInfo,
+  contactType,
+  icon,
+  onConfirm,
+  onCancel,
+  appearance
+}) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const handleConfirm = () => __async(this, null, function* () {
+    setIsLoading(true);
+    setError(null);
+    try {
+      yield onConfirm();
+    } catch (error2) {
+      console.error(`Failed to send ${contactType} code`, error2);
+      setError(`Failed to send ${contactType === "email" ? "email" : "SMS"}. Please try again.`);
+    } finally {
+      setIsLoading(false);
+    }
+  });
+  const dynamicStyles = StyleSheet.create({
+    container: {
+      width: "100%"
+    },
+    title: {
+      fontSize: 24,
+      fontWeight: "600",
+      color: ((_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.textPrimary) || theme["cm-text-primary"],
+      textAlign: "center",
+      marginBottom: 8
+    },
+    description: {
+      fontSize: 16,
+      color: ((_b = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _b.textSecondary) || theme["cm-text-secondary"],
+      textAlign: "center",
+      marginBottom: 24,
+      lineHeight: 22
+    },
+    contactContainer: {
+      borderWidth: 1,
+      borderColor: ((_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.border) || theme["cm-border"],
+      borderRadius: (appearance == null ? void 0 : appearance.borderRadius) || 12,
+      padding: 16,
+      marginBottom: 24,
+      flexDirection: "row",
+      alignItems: "center"
+    },
+    contactText: {
+      fontSize: 16,
+      color: ((_d = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _d.textPrimary) || theme["cm-text-primary"],
+      marginLeft: 12,
+      flex: 1
+    },
+    errorText: {
+      fontSize: 14,
+      color: ((_e = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _e.danger) || theme["cm-danger"],
+      textAlign: "center",
+      marginBottom: 16
+    },
+    buttonContainer: {
+      flexDirection: "row",
+      gap: 12
+    },
+    button: {
+      flex: 1,
+      paddingVertical: 16,
+      paddingHorizontal: 24,
+      borderRadius: 999,
+      alignItems: "center",
+      justifyContent: "center",
+      minHeight: 52
+    },
+    primaryButton: {
+      backgroundColor: ((_f = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _f.accent) || theme["cm-accent"]
+    },
+    secondaryButton: {
+      backgroundColor: "transparent",
+      borderWidth: 1,
+      borderColor: ((_g = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _g.border) || theme["cm-border"]
+    },
+    disabledButton: {
+      opacity: 0.6
+    },
+    buttonText: {
+      fontSize: 16,
+      fontWeight: "500",
+      color: ((_h = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _h.background) || theme["cm-background-primary"]
+    },
+    secondaryButtonText: {
+      color: ((_i = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _i.textPrimary) || theme["cm-text-primary"]
+    }
+  });
+  return /* @__PURE__ */ jsxs(View, { style: dynamicStyles.container, children: [
+    /* @__PURE__ */ jsx(Text, { style: dynamicStyles.title, children: "Confirm it's you" }),
+    /* @__PURE__ */ jsxs(Text, { style: dynamicStyles.description, children: [
+      "You're using this wallet for the first time on this device. Click 'Send code' to get a one-time verification code",
+      contactType === "phone" ? " via SMS" : "",
+      "."
+    ] }),
+    /* @__PURE__ */ jsxs(View, { style: dynamicStyles.contactContainer, children: [
+      icon,
+      /* @__PURE__ */ jsx(Text, { style: dynamicStyles.contactText, children: contactInfo })
+    ] }),
+    error && /* @__PURE__ */ jsx(Text, { style: dynamicStyles.errorText, children: error }),
+    /* @__PURE__ */ jsxs(View, { style: dynamicStyles.buttonContainer, children: [
+      /* @__PURE__ */ jsx(
+        TouchableOpacity,
+        {
+          style: [dynamicStyles.button, dynamicStyles.secondaryButton],
+          onPress: onCancel,
+          disabled: isLoading,
+          children: /* @__PURE__ */ jsx(Text, { style: [dynamicStyles.buttonText, dynamicStyles.secondaryButtonText], children: "Cancel" })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        TouchableOpacity,
+        {
+          style: [
+            dynamicStyles.button,
+            dynamicStyles.primaryButton,
+            isLoading && dynamicStyles.disabledButton
+          ],
+          onPress: handleConfirm,
+          disabled: isLoading,
+          children: isLoading ? /* @__PURE__ */ jsx(ActivityIndicator, { color: ((_j = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _j.background) || theme["cm-background-primary"] }) : /* @__PURE__ */ jsx(Text, { style: dynamicStyles.buttonText, children: "Send code" })
+        }
+      )
+    ] })
+  ] });
+}
+
+export {
+  BaseConfirmation
+};
+//# sourceMappingURL=chunk-2TEAOLM6.mjs.map

package/dist/chunk-2TEAOLM6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/signers/BaseConfirmation.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { View, Text, TouchableOpacity, StyleSheet, ActivityIndicator } from \"react-native\";\nimport type { UIConfig } from \"@crossmint/common-sdk-base\";\nimport { theme } from \"../../styles/theme\";\n\ninterface BaseConfirmationProps {\n    contactInfo: string;\n    contactType: \"email\" | \"phone\";\n    icon: ReactNode;\n    onConfirm: () => Promise<void>;\n    onCancel?: () => void;\n    appearance?: UIConfig;\n}\n\nexport function BaseConfirmation({\n    contactInfo,\n    contactType,\n    icon,\n    onConfirm,\n    onCancel,\n    appearance,\n}: BaseConfirmationProps) {\n    const [isLoading, setIsLoading] = useState(false);\n    const [error, setError] = useState<string | null>(null);\n\n    const handleConfirm = async () => {\n        setIsLoading(true);\n        setError(null);\n        try {\n            await onConfirm();\n        } catch (error) {\n            console.error(`Failed to send ${contactType} code`, error);\n            setError(`Failed to send ${contactType === \"email\" ? \"email\" : \"SMS\"}. Please try again.`);\n        } finally {\n            setIsLoading(false);\n        }\n    };\n\n    const dynamicStyles = StyleSheet.create({\n        container: {\n            width: \"100%\",\n        },\n        title: {\n            fontSize: 24,\n            fontWeight: \"600\",\n            color: appearance?.colors?.textPrimary || theme[\"cm-text-primary\"],\n            textAlign: \"center\",\n            marginBottom: 8,\n        },\n        description: {\n            fontSize: 16,\n            color: appearance?.colors?.textSecondary || theme[\"cm-text-secondary\"],\n            textAlign: \"center\",\n            marginBottom: 24,\n            lineHeight: 22,\n        },\n        contactContainer: {\n            borderWidth: 1,\n            borderColor: appearance?.colors?.border || theme[\"cm-border\"],\n            borderRadius: appearance?.borderRadius || 12,\n            padding: 16,\n            marginBottom: 24,\n            flexDirection: \"row\",\n            alignItems: \"center\",\n        },\n        contactText: {\n            fontSize: 16,\n            color: appearance?.colors?.textPrimary || theme[\"cm-text-primary\"],\n            marginLeft: 12,\n            flex: 1,\n        },\n        errorText: {\n            fontSize: 14,\n            color: appearance?.colors?.danger || theme[\"cm-danger\"],\n            textAlign: \"center\",\n            marginBottom: 16,\n        },\n        buttonContainer: {\n            flexDirection: \"row\",\n            gap: 12,\n        },\n        button: {\n            flex: 1,\n            paddingVertical: 16,\n            paddingHorizontal: 24,\n            borderRadius: 999,\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            minHeight: 52,\n        },\n        primaryButton: {\n            backgroundColor: appearance?.colors?.accent || theme[\"cm-accent\"],\n        },\n        secondaryButton: {\n            backgroundColor: \"transparent\",\n            borderWidth: 1,\n            borderColor: appearance?.colors?.border || theme[\"cm-border\"],\n        },\n        disabledButton: {\n            opacity: 0.6,\n        },\n        buttonText: {\n            fontSize: 16,\n            fontWeight: \"500\",\n            color: appearance?.colors?.background || theme[\"cm-background-primary\"],\n        },\n        secondaryButtonText: {\n            color: appearance?.colors?.textPrimary || theme[\"cm-text-primary\"],\n        },\n    });\n\n    return (\n        <View style={dynamicStyles.container}>\n            <Text style={dynamicStyles.title}>Confirm it's you</Text>\n            <Text style={dynamicStyles.description}>\n                You're using this wallet for the first time on this device. Click 'Send code' to get a one-time\n                verification code{contactType === \"phone\" ? \" via SMS\" : \"\"}.\n            </Text>\n\n            <View style={dynamicStyles.contactContainer}>\n                {icon}\n                <Text style={dynamicStyles.contactText}>{contactInfo}</Text>\n            </View>\n\n            {error && <Text style={dynamicStyles.errorText}>{error}</Text>}\n\n            <View style={dynamicStyles.buttonContainer}>\n                <TouchableOpacity\n                    style={[dynamicStyles.button, dynamicStyles.secondaryButton]}\n                    onPress={onCancel}\n                    disabled={isLoading}\n                >\n                    <Text style={[dynamicStyles.buttonText, dynamicStyles.secondaryButtonText]}>Cancel</Text>\n                </TouchableOpacity>\n\n                <TouchableOpacity\n                    style={[\n                        dynamicStyles.button,\n                        dynamicStyles.primaryButton,\n                        isLoading && dynamicStyles.disabledButton,\n                    ]}\n                    onPress={handleConfirm}\n                    disabled={isLoading}\n                >\n                    {isLoading ? (\n                        <ActivityIndicator color={appearance?.colors?.background || theme[\"cm-background-primary\"]} />\n                    ) : (\n                        <Text style={dynamicStyles.buttonText}>Send code</Text>\n                    )}\n                </TouchableOpacity>\n            </View>\n        </View>\n    );\n}\n"],"mappings":"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","names":["error"]}

package/dist/chunk-2YRJHM46.mjs

@@ -0,0 +1,50 @@
+import {
+  package_default
+} from "./chunk-R2M3HW3E.mjs";
+
+// src/logger/init.ts
+import { SdkLogger, ReactNativeDatadogSink, validateAPIKey } from "@crossmint/common-sdk-base";
+import { AppState } from "react-native";
+import Constants from "expo-constants";
+import * as Device from "expo-device";
+function initReactNativeLogger(apiKey, consoleLogLevel) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  const validationResult = validateAPIKey(apiKey);
+  if (!validationResult.isValid) {
+    throw new Error(`Invalid API key: ${validationResult.message}`);
+  }
+  const { environment, projectId } = validationResult;
+  const logger = new SdkLogger({
+    packageName: package_default.name,
+    packageVersion: package_default.version,
+    environment,
+    projectId,
+    platform: "react-native",
+    consoleLogLevel
+  });
+  const bundleId = (_f = (_e = (_b = (_a = Constants.expoConfig) == null ? void 0 : _a.ios) == null ? void 0 : _b.bundleIdentifier) != null ? _e : (_d = (_c = Constants.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 ReactNativeDatadogSink(environment, bundleId, agentInfo);
+  logger.addSink(sink);
+  setupReactNativeFlushListeners(logger);
+  return logger;
+}
+function setupReactNativeFlushListeners(logger) {
+  AppState.addEventListener("change", (nextAppState) => {
+    if (nextAppState === "background" || nextAppState === "inactive") {
+      if (typeof logger.flush === "function") {
+        void logger.flush();
+      }
+    }
+  });
+}
+
+export {
+  initReactNativeLogger
+};
+//# sourceMappingURL=chunk-2YRJHM46.mjs.map

package/dist/chunk-2YRJHM46.mjs.map

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

package/dist/chunk-34OVOZB2.mjs

@@ -0,0 +1,111 @@
+import {
+  __async
+} from "./chunk-7SPIOD4K.mjs";
+
+// src/components/wallets/ExportPrivateKeyButton.tsx
+import { useState, useCallback, useRef, useEffect } from "react";
+import { View, Text, StyleSheet, Alert } from "react-native";
+import { useWallet, useCrossmint } from "@crossmint/client-sdk-react-base";
+import { environmentUrlConfig, exportSignerInboundEvents, exportSignerOutboundEvents } from "@crossmint/client-signers";
+import { isExportableSigner } from "@crossmint/wallets-sdk";
+import { validateAPIKey } from "@crossmint/common-sdk-base";
+import { WebViewParent, RNWebView } from "@crossmint/client-sdk-rn-window";
+import { jsx } from "react/jsx-runtime";
+function ExportPrivateKeyButton({ appearance }) {
+  const { wallet } = useWallet();
+  const { crossmint } = useCrossmint();
+  const webViewRef = useRef(null);
+  const connectionRef = useRef(null);
+  const [frameUrl, setFrameUrl] = useState("");
+  useEffect(() => {
+    if (crossmint != null) {
+      try {
+        const parsedAPIKey = validateAPIKey(crossmint.apiKey);
+        if (parsedAPIKey.isValid) {
+          const baseUrl = environmentUrlConfig[parsedAPIKey.environment];
+          setFrameUrl(`${baseUrl}/export`);
+        }
+      } catch (error) {
+        console.error("Failed to get TEE URL:", error);
+      }
+    }
+  }, [crossmint]);
+  const handleWebViewLoadEnd = useCallback(
+    (syntheticEvent) => __async(this, null, function* () {
+      if (wallet == null || webViewRef.current == null || syntheticEvent.nativeEvent.loading) {
+        return;
+      }
+      try {
+        if (isExportableSigner(wallet.signer)) {
+          const connection = new WebViewParent(webViewRef, {
+            incomingEvents: exportSignerOutboundEvents,
+            outgoingEvents: exportSignerInboundEvents
+          });
+          connectionRef.current = connection;
+          yield connection.handshakeWithChild();
+          yield wallet.signer._exportPrivateKey(connection);
+        }
+      } catch (error) {
+        console.error("Failed to export private key:", error);
+        Alert.alert("Export Failed", "Failed to export private key. Please try again.");
+      }
+    }),
+    [wallet]
+  );
+  const handleWebViewError = useCallback((syntheticEvent) => {
+    const { nativeEvent } = syntheticEvent;
+    console.error("WebView error:", nativeEvent);
+    Alert.alert("Export Failed", "Failed to load export interface. Please try again.");
+  }, []);
+  const handleMessage = useCallback((event) => {
+    if (connectionRef.current) {
+      connectionRef.current.handleMessage(event);
+    }
+  }, []);
+  if (frameUrl === "" || wallet == null || !isExportableSigner(wallet.signer)) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(View, { style: styles.webViewContainer, children: /* @__PURE__ */ jsx(
+    RNWebView,
+    {
+      ref: webViewRef,
+      source: { uri: frameUrl },
+      style: styles.webView,
+      javaScriptEnabled: true,
+      domStorageEnabled: true,
+      onLoadEnd: handleWebViewLoadEnd,
+      onError: handleWebViewError,
+      onHttpError: handleWebViewError,
+      onMessage: handleMessage,
+      startInLoadingState: true,
+      renderLoading: () => /* @__PURE__ */ jsx(View, { style: styles.loadingContainer, children: /* @__PURE__ */ jsx(Text, { style: styles.loadingText, children: "Loading..." }) })
+    }
+  ) });
+}
+var styles = StyleSheet.create({
+  webViewContainer: {
+    height: 56,
+    borderWidth: 1,
+    borderColor: "#E5E5E5",
+    borderRadius: 12,
+    overflow: "hidden"
+  },
+  webView: {
+    flex: 1
+  },
+  loadingContainer: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "#F5F5F5"
+  },
+  loadingText: {
+    fontSize: 16,
+    color: "#666666"
+  }
+});
+
+export {
+  ExportPrivateKeyButton
+};
+//# sourceMappingURL=chunk-34OVOZB2.mjs.map

package/dist/chunk-34OVOZB2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/wallets/ExportPrivateKeyButton.tsx"],"sourcesContent":["import { useState, useCallback, useRef, useEffect } from \"react\";\nimport { View, Text, StyleSheet, Alert } from \"react-native\";\nimport type { WebView, WebViewMessageEvent } from \"react-native-webview\";\nimport { useWallet, useCrossmint } from \"@crossmint/client-sdk-react-base\";\nimport { environmentUrlConfig, exportSignerInboundEvents, exportSignerOutboundEvents } from \"@crossmint/client-signers\";\nimport { isExportableSigner } from \"@crossmint/wallets-sdk\";\nimport { validateAPIKey } from \"@crossmint/common-sdk-base\";\nimport type { UIConfig } from \"@crossmint/common-sdk-base\";\nimport { WebViewParent, RNWebView } from \"@crossmint/client-sdk-rn-window\";\n\nexport interface ExportPrivateKeyButtonProps {\n    /** Optional appearance configuration for styling the export button. */\n    appearance?: UIConfig;\n}\n\n/**\n * Renders a button that allows the user to export their wallet's private key.\n * Only works with email and phone signers. Will not render for passkey or external wallet signers.\n */\nexport function ExportPrivateKeyButton({ appearance }: ExportPrivateKeyButtonProps) {\n    const { wallet } = useWallet();\n    const { crossmint } = useCrossmint();\n    const webViewRef = useRef<WebView>(null);\n    const connectionRef = useRef<WebViewParent<\n        typeof exportSignerOutboundEvents,\n        typeof exportSignerInboundEvents\n    > | null>(null);\n    const [frameUrl, setFrameUrl] = useState<string>(\"\");\n\n    useEffect(() => {\n        if (crossmint != null) {\n            try {\n                const parsedAPIKey = validateAPIKey(crossmint.apiKey);\n                if (parsedAPIKey.isValid) {\n                    const baseUrl = environmentUrlConfig[parsedAPIKey.environment];\n                    setFrameUrl(`${baseUrl}/export`);\n                }\n            } catch (error) {\n                console.error(\"Failed to get TEE URL:\", error);\n            }\n        }\n    }, [crossmint]);\n\n    const handleWebViewLoadEnd = useCallback(\n        async (syntheticEvent: { nativeEvent: { loading: boolean } }) => {\n            if (wallet == null || webViewRef.current == null || syntheticEvent.nativeEvent.loading) {\n                return;\n            }\n\n            try {\n                if (isExportableSigner(wallet.signer)) {\n                    const connection = new WebViewParent(webViewRef, {\n                        incomingEvents: exportSignerOutboundEvents,\n                        outgoingEvents: exportSignerInboundEvents,\n                    });\n                    connectionRef.current = connection;\n                    await connection.handshakeWithChild();\n                    await wallet.signer._exportPrivateKey(connection);\n                }\n            } catch (error) {\n                console.error(\"Failed to export private key:\", error);\n                Alert.alert(\"Export Failed\", \"Failed to export private key. Please try again.\");\n            }\n        },\n        [wallet]\n    );\n\n    const handleWebViewError = useCallback((syntheticEvent: { nativeEvent: unknown }) => {\n        const { nativeEvent } = syntheticEvent;\n        console.error(\"WebView error:\", nativeEvent);\n        Alert.alert(\"Export Failed\", \"Failed to load export interface. Please try again.\");\n    }, []);\n\n    const handleMessage = useCallback((event: WebViewMessageEvent) => {\n        if (connectionRef.current) {\n            connectionRef.current.handleMessage(event);\n        }\n    }, []);\n\n    if (frameUrl === \"\" || wallet == null || !isExportableSigner(wallet.signer)) {\n        return null;\n    }\n\n    return (\n        <View style={styles.webViewContainer}>\n            <RNWebView\n                ref={webViewRef}\n                source={{ uri: frameUrl }}\n                style={styles.webView}\n                javaScriptEnabled={true}\n                domStorageEnabled={true}\n                onLoadEnd={handleWebViewLoadEnd}\n                onError={handleWebViewError}\n                onHttpError={handleWebViewError}\n                onMessage={handleMessage}\n                startInLoadingState={true}\n                renderLoading={() => (\n                    <View style={styles.loadingContainer}>\n                        <Text style={styles.loadingText}>Loading...</Text>\n                    </View>\n                )}\n            />\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    webViewContainer: {\n        height: 56,\n        borderWidth: 1,\n        borderColor: \"#E5E5E5\",\n        borderRadius: 12,\n        overflow: \"hidden\",\n    },\n    webView: {\n        flex: 1,\n    },\n    loadingContainer: {\n        flex: 1,\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        backgroundColor: \"#F5F5F5\",\n    },\n    loadingText: {\n        fontSize: 16,\n        color: \"#666666\",\n    },\n});\n"],"mappings":"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","names":[]}

package/dist/chunk-3AWDWMZ2.mjs

@@ -0,0 +1,18 @@
+// 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"
+};
+
+export {
+  theme
+};
+//# sourceMappingURL=chunk-3AWDWMZ2.mjs.map

package/dist/chunk-3AWDWMZ2.mjs.map

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