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

package/dist/chunk-ALMDA3KN.mjs

@@ -0,0 +1,199 @@
+import {
+  theme
+} from "./chunk-3AWDWMZ2.mjs";
+import {
+  __async
+} from "./chunk-7SPIOD4K.mjs";
+
+// src/components/signers/BaseCodeInput.tsx
+import { useState } from "react";
+import { View, Text, TextInput, TouchableOpacity, StyleSheet, ActivityIndicator } from "react-native";
+import { jsx, jsxs } from "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] = useState("");
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [resendCooldown, setResendCooldown] = useState(0);
+  const handleSubmitOTP = () => __async(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 = () => __async(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 = 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) || 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) || 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) || theme["cm-danger"] : ((_d = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _d.border) || theme["cm-border"],
+      borderRadius: (appearance == null ? void 0 : appearance.borderRadius) || 12,
+      backgroundColor: ((_e = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _e.inputBackground) || theme["cm-muted-primary"],
+      padding: 16,
+      fontSize: 16,
+      color: ((_f = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _f.textPrimary) || theme["cm-text-primary"],
+      marginBottom: 16,
+      textAlign: "center"
+    },
+    errorText: {
+      fontSize: 14,
+      color: ((_g = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _g.danger) || theme["cm-danger"],
+      textAlign: "center",
+      marginBottom: 16
+    },
+    helpText: {
+      fontSize: 12,
+      color: ((_h = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _h.textSecondary) || theme["cm-text-secondary"],
+      textAlign: "center",
+      marginBottom: 16,
+      lineHeight: 16
+    },
+    submitButton: {
+      backgroundColor: ((_i = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _i.accent) || 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) || 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) || theme["cm-accent"],
+      textAlign: "center"
+    },
+    resendButtonDisabled: {
+      opacity: 0.6
+    }
+  });
+  return /* @__PURE__ */ jsxs(View, { style: dynamicStyles.container, children: [
+    /* @__PURE__ */ jsx(View, { style: dynamicStyles.iconContainer, children: icon }),
+    /* @__PURE__ */ jsx(Text, { style: dynamicStyles.title, children: title }),
+    /* @__PURE__ */ jsx(Text, { style: dynamicStyles.description, children: description }),
+    /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        style: dynamicStyles.otpInput,
+        placeholder: "Enter code",
+        placeholderTextColor: ((_l = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _l.textSecondary) || theme["cm-text-secondary"],
+        value: otpCode,
+        onChangeText: (text) => {
+          setOtpCode(text);
+          setError(null);
+        },
+        keyboardType,
+        autoComplete,
+        textContentType,
+        editable: !isLoading,
+        maxLength: otpLength
+      }
+    ),
+    error && /* @__PURE__ */ jsx(Text, { style: dynamicStyles.errorText, children: error }),
+    /* @__PURE__ */ jsx(Text, { style: dynamicStyles.helpText, children: helpText }),
+    /* @__PURE__ */ jsx(
+      TouchableOpacity,
+      {
+        style: [
+          dynamicStyles.submitButton,
+          (otpCode.length === 0 || isLoading) && dynamicStyles.submitButtonDisabled
+        ],
+        onPress: handleSubmitOTP,
+        disabled: otpCode.length === 0 || isLoading,
+        children: isLoading ? /* @__PURE__ */ jsx(ActivityIndicator, { color: ((_m = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _m.background) || theme["cm-background-primary"] }) : /* @__PURE__ */ jsx(Text, { style: dynamicStyles.submitButtonText, children: "Submit" })
+      }
+    ),
+    onResendCode && /* @__PURE__ */ jsx(
+      TouchableOpacity,
+      {
+        style: [dynamicStyles.resendButton, resendCooldown > 0 && dynamicStyles.resendButtonDisabled],
+        onPress: handleResendCode,
+        disabled: resendCooldown > 0 || isLoading,
+        children: /* @__PURE__ */ jsx(Text, { style: dynamicStyles.resendButtonText, children: resendCooldown > 0 ? `Re-send code in ${resendCooldown}s` : "Re-send code" })
+      }
+    )
+  ] });
+}
+
+export {
+  BaseCodeInput
+};
+//# sourceMappingURL=chunk-ALMDA3KN.mjs.map

package/dist/chunk-ALMDA3KN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/signers/BaseCodeInput.tsx"],"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"],"mappings":"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","names":["error"]}

package/dist/chunk-BE4HT2U7.mjs

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

package/dist/chunk-BE4HT2U7.mjs.map

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

package/dist/chunk-BTH5QRIT.js

@@ -0,0 +1,149 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkHELXBZ7Djs = require('./chunk-HELXBZ7D.js');
+
+
+var _chunkQ7YPX4RJjs = require('./chunk-Q7YPX4RJ.js');
+
+// src/components/signers/BaseConfirmation.tsx
+var _react = require('react');
+var _reactnative = require('react-native');
+var _jsxruntime = require('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] = _react.useState.call(void 0, false);
+  const [error, setError] = _react.useState.call(void 0, null);
+  const handleConfirm = () => _chunkQ7YPX4RJjs.__async.call(void 0, 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 = _reactnative.StyleSheet.create({
+    container: {
+      width: "100%"
+    },
+    title: {
+      fontSize: 24,
+      fontWeight: "600",
+      color: ((_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.textPrimary) || _chunkHELXBZ7Djs.theme["cm-text-primary"],
+      textAlign: "center",
+      marginBottom: 8
+    },
+    description: {
+      fontSize: 16,
+      color: ((_b = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _b.textSecondary) || _chunkHELXBZ7Djs.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) || _chunkHELXBZ7Djs.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) || _chunkHELXBZ7Djs.theme["cm-text-primary"],
+      marginLeft: 12,
+      flex: 1
+    },
+    errorText: {
+      fontSize: 14,
+      color: ((_e = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _e.danger) || _chunkHELXBZ7Djs.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) || _chunkHELXBZ7Djs.theme["cm-accent"]
+    },
+    secondaryButton: {
+      backgroundColor: "transparent",
+      borderWidth: 1,
+      borderColor: ((_g = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _g.border) || _chunkHELXBZ7Djs.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) || _chunkHELXBZ7Djs.theme["cm-background-primary"]
+    },
+    secondaryButtonText: {
+      color: ((_i = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _i.textPrimary) || _chunkHELXBZ7Djs.theme["cm-text-primary"]
+    }
+  });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _reactnative.View, { style: dynamicStyles.container, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { style: dynamicStyles.title, children: "Confirm it's you" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _reactnative.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__ */ _jsxruntime.jsxs.call(void 0, _reactnative.View, { style: dynamicStyles.contactContainer, children: [
+      icon,
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { style: dynamicStyles.contactText, children: contactInfo })
+    ] }),
+    error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { style: dynamicStyles.errorText, children: error }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _reactnative.View, { style: dynamicStyles.buttonContainer, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _reactnative.TouchableOpacity,
+        {
+          style: [dynamicStyles.button, dynamicStyles.secondaryButton],
+          onPress: onCancel,
+          disabled: isLoading,
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { style: [dynamicStyles.buttonText, dynamicStyles.secondaryButtonText], children: "Cancel" })
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _reactnative.TouchableOpacity,
+        {
+          style: [
+            dynamicStyles.button,
+            dynamicStyles.primaryButton,
+            isLoading && dynamicStyles.disabledButton
+          ],
+          onPress: handleConfirm,
+          disabled: isLoading,
+          children: isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.ActivityIndicator, { color: ((_j = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _j.background) || _chunkHELXBZ7Djs.theme["cm-background-primary"] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { style: dynamicStyles.buttonText, children: "Send code" })
+        }
+      )
+    ] })
+  ] });
+}
+
+
+
+exports.BaseConfirmation = BaseConfirmation;
+//# sourceMappingURL=chunk-BTH5QRIT.js.map

package/dist/chunk-BTH5QRIT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/signers/BaseConfirmation.tsx"],"names":["error"],"mappings":"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","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"]}

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