@crossmint/client-sdk-react-ui 1.11.0 → 1.11.1

package/dist/chunk-LBGALVRW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/providers/CrossmintWalletProvider.tsx","../src/hooks/useWallet.ts","../src/hooks/useAuth.ts","../src/providers/CrossmintAuthProvider.tsx","../src/components/auth/AuthFormDialog.tsx","../src/providers/auth/AuthFormProvider.tsx","../src/hooks/useCrossmintAuth.ts","../src/components/auth/AuthForm.tsx","../src/components/auth/methods/email/EmailAuthFlow.tsx","../src/components/auth/methods/email/EmailOTPInput.tsx","../src/components/auth/AuthFormBackButton.tsx","../src/components/auth/methods/email/EmailSignIn.tsx","../src/components/common/Divider.tsx","../src/hooks/useOAuthWindowListener.ts","../src/components/auth/methods/google/GoogleSignIn.tsx","../src/components/auth/methods/farcaster/FarcasterSignIn.tsx"],"sourcesContent":["import { type ReactNode, createContext, useMemo, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport {\n    type EVMSmartWallet,\n    type EVMSmartWalletChain,\n    SmartWalletError,\n    SmartWalletSDK,\n    type WalletParams,\n    type PasskeySigner,\n} from \"@crossmint/client-sdk-smart-wallet\";\n\nimport { useCrossmint } from \"../hooks\";\nimport type { UIConfig } from \"@crossmint/common-sdk-base\";\nimport { PasskeyPrompt } from \"@/components/auth/PasskeyPrompt\";\n\ntype WalletStatus = \"not-loaded\" | \"in-progress\" | \"loaded\" | \"loading-error\";\n\ntype ValidPasskeyPromptType =\n    | \"create-wallet\"\n    | \"transaction\"\n    | \"not-supported\"\n    | \"create-wallet-error\"\n    | \"transaction-error\";\ntype PasskeyPromptState =\n    | {\n          type: ValidPasskeyPromptType;\n          open: true;\n          primaryActionOnClick: () => void;\n          secondaryActionOnClick?: () => void;\n      }\n    | { open: false };\n\ntype ValidWalletState =\n    | { status: \"not-loaded\" | \"in-progress\" }\n    | { status: \"loaded\"; wallet: EVMSmartWallet }\n    | { status: \"loading-error\"; error: SmartWalletError };\n\ntype WalletContext = {\n    status: WalletStatus;\n    wallet?: EVMSmartWallet;\n    error?: SmartWalletError;\n    getOrCreateWallet: (\n        config?: Pick<WalletConfig, \"signer\" | \"type\">\n    ) => Promise<{ startedCreation: boolean; reason?: string }>;\n    clearWallet: () => void;\n};\n\nexport const WalletContext = createContext<WalletContext>({\n    status: \"not-loaded\",\n    getOrCreateWallet: () => Promise.resolve({ startedCreation: false }),\n    clearWallet: () => {},\n});\n\nexport type WalletConfig = WalletParams & { type: \"evm-smart-wallet\" };\n\nexport function CrossmintWalletProvider({\n    children,\n    defaultChain,\n    showPasskeyHelpers = true, // enabled by default\n    appearance,\n}: {\n    children: ReactNode;\n    defaultChain: EVMSmartWalletChain;\n    showPasskeyHelpers?: boolean;\n    appearance?: UIConfig;\n}) {\n    const { crossmint } = useCrossmint(\"CrossmintWalletProvider must be used within CrossmintProvider\");\n    const smartWalletSDK = useMemo(() => SmartWalletSDK.init({ clientApiKey: crossmint.apiKey }), [crossmint.apiKey]);\n\n    const [walletState, setWalletState] = useState<ValidWalletState>({ status: \"not-loaded\" });\n    const [passkeyPromptState, setPasskeyPromptState] = useState<PasskeyPromptState>({ open: false });\n\n    const getOrCreateWallet = async (\n        config: WalletConfig = { type: \"evm-smart-wallet\", signer: { type: \"PASSKEY\" } }\n    ) => {\n        if (walletState.status == \"in-progress\") {\n            console.log(\"Wallet already loading\");\n            return { startedCreation: false, reason: \"Wallet is already loading.\" };\n        }\n\n        if (crossmint.jwt == null) {\n            return { startedCreation: false, reason: `Jwt not set in \"CrossmintProvider\".` };\n        }\n\n        try {\n            setWalletState({ status: \"in-progress\" });\n            const wallet = await smartWalletSDK.getOrCreateWallet(\n                { jwt: crossmint.jwt as string },\n                defaultChain,\n                enhanceConfigWithPasskeyPrompts(config)\n            );\n            setWalletState({ status: \"loaded\", wallet });\n        } catch (error: unknown) {\n            console.error(\"There was an error creating a wallet \", error);\n            setWalletState(deriveErrorState(error));\n        }\n        return { startedCreation: true };\n    };\n\n    const enhanceConfigWithPasskeyPrompts = (config: WalletConfig) => {\n        if (showPasskeyHelpers && (config.signer as PasskeySigner).type === \"PASSKEY\") {\n            return {\n                ...config,\n                signer: {\n                    ...config.signer,\n                    onPrePasskeyRegistration: createPasskeyPrompt(\"create-wallet\"),\n                    onPasskeyRegistrationError: createPasskeyPrompt(\"create-wallet-error\"),\n                    onFirstTimePasskeySigning: createPasskeyPrompt(\"transaction\"),\n                    onFirstTimePasskeySigningError: createPasskeyPrompt(\"transaction-error\"),\n                },\n            };\n        }\n        return config;\n    };\n\n    const createPasskeyPrompt = (type: ValidPasskeyPromptType) => () =>\n        new Promise<void>((resolve) => {\n            setPasskeyPromptState({\n                type,\n                open: true,\n                primaryActionOnClick: () => {\n                    setPasskeyPromptState({ open: false });\n                    resolve();\n                },\n                secondaryActionOnClick: () => {\n                    setPasskeyPromptState({ open: false });\n                    resolve();\n                },\n            });\n        });\n\n    const clearWallet = () => {\n        setWalletState({ status: \"not-loaded\" });\n    };\n\n    return (\n        <WalletContext.Provider value={{ ...walletState, getOrCreateWallet, clearWallet }}>\n            {children}\n            {passkeyPromptState.open\n                ? createPortal(<PasskeyPrompt state={passkeyPromptState} appearance={appearance} />, document.body)\n                : null}\n        </WalletContext.Provider>\n    );\n}\n\nfunction deriveErrorState(error: unknown): { status: \"loading-error\"; error: SmartWalletError } {\n    if (error instanceof SmartWalletError) {\n        return { status: \"loading-error\", error };\n    }\n\n    const message = error instanceof Error ? error.message : String(error);\n    const stack = error instanceof Error ? error.stack : undefined;\n    return { status: \"loading-error\", error: new SmartWalletError(`Unknown Wallet Error: ${message}`, stack) };\n}\n","import { useContext } from \"react\";\n\nimport { WalletContext } from \"../providers/CrossmintWalletProvider\";\n\nexport function useWallet() {\n    const walletContext = useContext(WalletContext);\n\n    if (!walletContext) {\n        throw new Error(\"useWallet must be used within CrossmintAuthProvider or CrossmintWalletProvider\");\n    }\n\n    return walletContext;\n}\n","import { useContext } from \"react\";\n\nimport { AuthContext, type AuthContextType } from \"../providers\";\n\nexport function useAuth(): AuthContextType {\n    const context = useContext(AuthContext);\n    if (context === undefined) {\n        throw new Error(\"useAuth must be used within an AuthProvider\");\n    }\n    return context;\n}\n","import { type ReactNode, createContext, useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { CrossmintAuth, getCookie } from \"@crossmint/client-sdk-auth\";\nimport type { EVMSmartWalletChain } from \"@crossmint/client-sdk-smart-wallet\";\nimport { type UIConfig, validateApiKeyAndGetCrossmintBaseUrl } from \"@crossmint/common-sdk-base\";\nimport { type AuthMaterialWithUser, SESSION_PREFIX, type SDKExternalUser } from \"@crossmint/common-sdk-auth\";\n\nimport AuthFormDialog from \"../components/auth/AuthFormDialog\";\nimport { useCrossmint, useWallet } from \"../hooks\";\nimport { CrossmintWalletProvider } from \"./CrossmintWalletProvider\";\nimport { AuthFormProvider } from \"./auth/AuthFormProvider\";\nimport { TwindProvider } from \"./TwindProvider\";\n\nexport type CrossmintAuthWalletConfig = {\n    defaultChain: EVMSmartWalletChain;\n    createOnLogin: \"all-users\" | \"off\";\n    type: \"evm-smart-wallet\";\n    showPasskeyHelpers?: boolean;\n};\n\nexport type LoginMethod = \"email\" | \"google\" | \"farcaster\" | \"web3\";\n\nexport type CrossmintAuthProviderProps = {\n    embeddedWallets?: CrossmintAuthWalletConfig;\n    appearance?: UIConfig;\n    children: ReactNode;\n    loginMethods?: LoginMethod[];\n    refreshRoute?: string;\n    logoutRoute?: string;\n};\n\ntype AuthStatus = \"logged-in\" | \"logged-out\" | \"in-progress\";\n\nexport interface AuthContextType {\n    crossmintAuth?: CrossmintAuth;\n    login: () => void;\n    logout: () => void;\n    jwt?: string;\n    user?: SDKExternalUser;\n    status: AuthStatus;\n    getUser: () => void;\n}\n\nconst defaultContextValue: AuthContextType = {\n    crossmintAuth: undefined,\n    login: () => {},\n    logout: () => {},\n    jwt: undefined,\n    user: undefined,\n    status: \"logged-out\",\n    getUser: () => {},\n};\n\nexport const AuthContext = createContext<AuthContextType>(defaultContextValue);\n\nconst defaultEmbeddedWallets: CrossmintAuthWalletConfig = {\n    defaultChain: \"base-sepolia\",\n    createOnLogin: \"off\",\n    type: \"evm-smart-wallet\",\n};\n\nexport function CrossmintAuthProvider({\n    embeddedWallets = defaultEmbeddedWallets,\n    children,\n    appearance,\n    loginMethods = [\"email\", \"google\"],\n    refreshRoute,\n    logoutRoute,\n}: CrossmintAuthProviderProps) {\n    const [user, setUser] = useState<SDKExternalUser | undefined>(undefined);\n    const { crossmint, setJwt } = useCrossmint(\"CrossmintAuthProvider must be used within CrossmintProvider\");\n    // Only create the CrossmintAuth instance once, even in StrictMode, as the constructor calls /refresh\n    // It can only be called once to avoid race conditions\n    const crossmintAuthRef = useRef<CrossmintAuth | null>(null);\n    // biome-ignore lint/correctness/useExhaustiveDependencies: crossmint can't be a dependency because it updates with each jwt change\n    const crossmintAuth = useMemo(() => {\n        if (!crossmintAuthRef.current) {\n            crossmintAuthRef.current = CrossmintAuth.from(crossmint, {\n                callbacks: {\n                    onLogout: () => {\n                        setJwt(undefined);\n                        setUser(undefined);\n                    },\n                    onTokenRefresh: (authMaterial: AuthMaterialWithUser) => {\n                        setJwt(authMaterial.jwt);\n                        setUser(authMaterial.user);\n                    },\n                },\n                refreshRoute,\n                logoutRoute,\n            });\n        }\n        return crossmintAuthRef.current;\n    }, []);\n\n    const crossmintBaseUrl = validateApiKeyAndGetCrossmintBaseUrl(crossmint.apiKey);\n    const [dialogOpen, setDialogOpen] = useState(false);\n\n    useEffect(() => {\n        if (crossmint.jwt == null) {\n            const jwt = getCookie(SESSION_PREFIX);\n            setJwt(jwt);\n        }\n    }, []);\n\n    useEffect(() => {\n        if (crossmint.jwt == null) {\n            return;\n        }\n\n        setDialogOpen(false);\n    }, [crossmint.jwt]);\n\n    const login = () => {\n        if (crossmint.jwt != null) {\n            console.log(\"User already logged in\");\n            return;\n        }\n\n        setDialogOpen(true);\n    };\n\n    const logout = () => {\n        crossmintAuth.logout();\n    };\n\n    const getAuthStatus = (): AuthStatus => {\n        if (crossmint.jwt != null) {\n            return \"logged-in\";\n        }\n        if (dialogOpen) {\n            return \"in-progress\";\n        }\n        return \"logged-out\";\n    };\n\n    const getUser = async () => {\n        if (crossmint.jwt == null) {\n            console.log(\"User not logged in\");\n            return;\n        }\n\n        const user = await crossmintAuth.getUser();\n        setUser(user);\n    };\n\n    return (\n        <TwindProvider>\n            <AuthContext.Provider\n                value={{\n                    crossmintAuth,\n                    login,\n                    logout,\n                    jwt: crossmint.jwt,\n                    user,\n                    status: getAuthStatus(),\n                    getUser,\n                }}\n            >\n                <CrossmintWalletProvider\n                    defaultChain={embeddedWallets.defaultChain}\n                    showPasskeyHelpers={embeddedWallets.showPasskeyHelpers}\n                    appearance={appearance}\n                >\n                    <AuthFormProvider\n                        initialState={{\n                            appearance,\n                            setDialogOpen,\n                            loginMethods,\n                            embeddedWallets,\n                            baseUrl: crossmintBaseUrl,\n                        }}\n                    >\n                        <WalletManager embeddedWallets={embeddedWallets} accessToken={crossmint.jwt}>\n                            {children}\n                        </WalletManager>\n\n                        <AuthFormDialog open={dialogOpen} />\n                    </AuthFormProvider>\n                </CrossmintWalletProvider>\n            </AuthContext.Provider>\n        </TwindProvider>\n    );\n}\n\nfunction WalletManager({\n    embeddedWallets,\n    children,\n    accessToken,\n}: {\n    embeddedWallets: CrossmintAuthWalletConfig;\n    children: ReactNode;\n    accessToken: string | undefined;\n}) {\n    const { getOrCreateWallet, clearWallet, status } = useWallet();\n\n    useEffect(() => {\n        if (embeddedWallets.createOnLogin === \"all-users\" && status === \"not-loaded\" && accessToken != null) {\n            getOrCreateWallet({\n                type: embeddedWallets.type,\n                signer: { type: \"PASSKEY\" },\n            });\n        }\n\n        if (status === \"loaded\" && accessToken == null) {\n            clearWallet();\n        }\n    }, [accessToken, status]);\n\n    return <>{children}</>;\n}\n","import { VisuallyHidden } from \"@radix-ui/react-visually-hidden\";\nimport { useAuthForm } from \"@/providers/auth/AuthFormProvider\";\nimport { AuthForm } from \"./AuthForm\";\nimport { Dialog, DialogContent, DialogDescription, DialogTitle } from \"../common/Dialog\";\nimport { useEffect } from \"react\";\n\nexport default function AuthFormDialog({ open }: { open: boolean }) {\n    const { appearance, setDialogOpen } = useAuthForm();\n\n    useEffect(() => {\n        document.body.style.overflow = open ? \"hidden\" : \"\";\n    }, [open]);\n\n    return (\n        <Dialog modal={false} open={open} onOpenChange={setDialogOpen}>\n            <DialogContent\n                onInteractOutside={(e) => e.preventDefault()}\n                onOpenAutoFocus={(e) => e.preventDefault()}\n                closeButtonColor={appearance?.colors?.textPrimary}\n                closeButtonRingColor={appearance?.colors?.accent}\n                className=\"cm-responsive-border-radius-auth-dialog !p-0 !min-[480px]:p-0\"\n                style={{\n                    borderRadius: appearance?.borderRadius,\n                    backgroundColor: appearance?.colors?.background,\n                }}\n            >\n                <VisuallyHidden asChild>\n                    <DialogTitle>Crossmint Auth</DialogTitle>\n                </VisuallyHidden>\n                <VisuallyHidden asChild>\n                    <DialogDescription>Sign in via Crossmint</DialogDescription>\n                </VisuallyHidden>\n\n                <AuthForm className=\"max-w-[448px]\" />\n            </DialogContent>\n        </Dialog>\n    );\n}\n","import { createContext, useCallback, useContext, useEffect, useState, type ReactNode } from \"react\";\nimport type { OAuthProvider } from \"@crossmint/common-sdk-auth\";\nimport type { UIConfig } from \"@crossmint/common-sdk-base\";\nimport type { CrossmintAuthWalletConfig, LoginMethod } from \"../CrossmintAuthProvider\";\nimport { useCrossmintAuth } from \"@/hooks/useCrossmintAuth\";\n\ntype AuthStep = \"initial\" | \"otp\" | \"qrCode\" | \"web3\" | \"web3/metamask\" | \"web3/walletconnect\";\n\ntype OAuthUrlMap = Record<OAuthProvider, string>;\nconst initialOAuthUrlMap: OAuthUrlMap = {\n    google: \"\",\n    // Farcaster is not included here as it uses a different authentication method\n};\ninterface AuthFormContextType {\n    step: AuthStep;\n    error: string | null;\n    appearance?: UIConfig;\n    loginMethods: LoginMethod[];\n    oauthUrlMap: OAuthUrlMap;\n    isLoadingOauthUrlMap: boolean;\n    baseUrl: string;\n    setStep: (step: AuthStep) => void;\n    setError: (error: string | null) => void;\n    setDialogOpen: (open: boolean) => void;\n}\n\ntype ContextInitialStateProps = {\n    appearance?: UIConfig;\n    loginMethods: LoginMethod[];\n    baseUrl: string;\n    setDialogOpen?: (open: boolean) => void;\n    embeddedWallets: CrossmintAuthWalletConfig;\n};\n\nconst AuthFormContext = createContext<AuthFormContextType | undefined>(undefined);\n\nexport const useAuthForm = () => {\n    const context = useContext(AuthFormContext);\n    if (!context) {\n        throw new Error(\"useAuthForm must be used within an AuthFormProvider\");\n    }\n    return context;\n};\n\nexport const AuthFormProvider = ({\n    children,\n    initialState,\n}: { children: ReactNode; initialState: ContextInitialStateProps }) => {\n    const { crossmintAuth } = useCrossmintAuth();\n    const [step, setStep] = useState<AuthStep>(\"initial\");\n    const [error, setError] = useState<string | null>(null);\n    const [oauthUrlMap, setOauthUrlMap] = useState<OAuthUrlMap>(initialOAuthUrlMap);\n    const [isLoadingOauthUrlMap, setIsLoadingOauthUrlMap] = useState(true);\n\n    const { loginMethods, baseUrl, setDialogOpen, appearance, embeddedWallets } = initialState;\n\n    if (loginMethods.includes(\"web3\") && embeddedWallets?.createOnLogin === \"all-users\") {\n        throw new Error(\"Creating wallets on login is not yet supported for web3 login method\");\n    }\n\n    const preFetchAndSetOauthUrl = useCallback(async () => {\n        setIsLoadingOauthUrlMap(true);\n        try {\n            const oauthProviders = loginMethods.filter(\n                (method): method is OAuthProvider => method in initialOAuthUrlMap\n            );\n\n            const oauthPromiseList = oauthProviders.map(async (provider) => {\n                const url = await crossmintAuth?.getOAuthUrl(provider);\n                return { [provider]: url };\n            });\n\n            const oauthUrlMap = Object.assign({}, ...(await Promise.all(oauthPromiseList)));\n            setOauthUrlMap(oauthUrlMap);\n        } catch (error) {\n            console.error(\"Error fetching OAuth URLs:\", error);\n            setError(\"Unable to load oauth providers. Please try again later.\");\n        } finally {\n            setIsLoadingOauthUrlMap(false);\n        }\n    }, [loginMethods, crossmintAuth]);\n\n    useEffect(() => {\n        preFetchAndSetOauthUrl();\n    }, [preFetchAndSetOauthUrl]);\n\n    const handleToggleDialog = (open: boolean) => {\n        setDialogOpen?.(open);\n        if (!open) {\n            // Delay to allow the close transition to complete before resetting the step\n            setTimeout(() => setStep(\"initial\"), 250);\n        }\n    };\n\n    const value: AuthFormContextType = {\n        step,\n        error,\n        baseUrl,\n        appearance,\n        loginMethods,\n        oauthUrlMap,\n        isLoadingOauthUrlMap,\n        setDialogOpen: handleToggleDialog,\n        setError,\n        setStep,\n    };\n\n    return <AuthFormContext.Provider value={value}>{children}</AuthFormContext.Provider>;\n};\n","import { useContext } from \"react\";\nimport { AuthContext } from \"../providers/CrossmintAuthProvider\";\n\nexport function useCrossmintAuth() {\n    const context = useContext(AuthContext);\n\n    if (!context) {\n        throw new Error(\"useCrossmintAuth must be used within a CrossmintAuthProvider\");\n    }\n\n    return context;\n}\n","import { lazy } from \"react\";\nimport Color from \"color\";\nimport { useAuthForm } from \"@/providers/auth/AuthFormProvider\";\nimport { EmailAuthFlow } from \"./methods/email/EmailAuthFlow\";\nimport { Divider } from \"../common/Divider\";\nimport { GoogleSignIn } from \"./methods/google/GoogleSignIn\";\nimport { FarcasterSignIn } from \"./methods/farcaster/FarcasterSignIn\";\nimport { PoweredByCrossmint } from \"../common/PoweredByCrossmint\";\nimport { FarcasterProvider } from \"../../providers/auth/FarcasterProvider\";\nimport { classNames } from \"@/utils/classNames\";\nimport { AlertIcon } from \"@/icons/alert\";\n\nconst Web3AuthFlow = lazy(() =>\n    // @ts-expect-error - Error because we dont use 'module' field in tsconfig, which is expected because we use tsup to compile\n    import(\"./methods/web3/Web3AuthFlow\").then((mod) => ({\n        default: mod.Web3AuthFlow,\n    }))\n);\n\nexport function AuthForm({ className }: { className?: string }) {\n    const { step, appearance, loginMethods, baseUrl, error } = useAuthForm();\n\n    return (\n        <div\n            className={classNames(\n                \"relative p-6 pb-4 !min-[480px]:p-10 !min-[480px]:pb-8 flex flex-col gap-[10px] antialiased animate-none\",\n                className\n            )}\n        >\n            {error ? (\n                <div\n                    className=\"flex items-start justify-start w-full rounded-lg p-2 mt-4 bg-cm-danger-muted\"\n                    style={{\n                        backgroundColor: new Color(appearance?.colors?.danger ?? \"#f44336\").alpha(0.12).toString(),\n                    }}\n                >\n                    <AlertIcon customColor={appearance?.colors?.danger ?? \"#f44336\"} />\n                    <p className=\"ml-2 text-sm\" style={{ color: appearance?.colors?.danger ?? \"#f44336\" }}>\n                        {error}\n                    </p>\n                </div>\n            ) : null}\n\n            {step === \"initial\" ? (\n                <div>\n                    <h1\n                        className=\"text-2xl font-bold text-cm-text-primary\"\n                        style={{ color: appearance?.colors?.textPrimary }}\n                    >\n                        Sign In\n                    </h1>\n                    <p\n                        className=\"text-base font-normal mb-3 text-cm-text-secondary\"\n                        style={{ color: appearance?.colors?.textSecondary }}\n                    >\n                        Sign in using one of the options below\n                    </p>\n                </div>\n            ) : null}\n\n            {loginMethods.includes(\"email\") ? (\n                <>\n                    <EmailAuthFlow />\n                    {loginMethods.length > 1 ? <Divider appearance={appearance} text=\"OR\" /> : null}\n                </>\n            ) : null}\n\n            {loginMethods.includes(\"google\") ? <GoogleSignIn /> : null}\n            {loginMethods.includes(\"farcaster\") ? (\n                <FarcasterProvider baseUrl={baseUrl}>\n                    <FarcasterSignIn />\n                </FarcasterProvider>\n            ) : null}\n            {loginMethods.includes(\"web3\") ? <Web3AuthFlow /> : null}\n\n            {step === \"initial\" || step === \"otp\" ? (\n                <PoweredByCrossmint\n                    className=\"mt-4 justify-center\"\n                    color={appearance?.colors?.textSecondary ?? \"#A4AFB2\"}\n                />\n            ) : null}\n        </div>\n    );\n}\n","import { useState } from \"react\";\nimport { EmailOTPInput } from \"./EmailOTPInput\";\nimport { EmailSignIn } from \"./EmailSignIn\";\nimport { useAuthForm } from \"@/providers/auth/AuthFormProvider\";\nimport type { OtpEmailPayload } from \"@/types/auth\";\n\nexport function EmailAuthFlow() {\n    const { step } = useAuthForm();\n    const [otpEmailData, setOtpEmailData] = useState<OtpEmailPayload | null>(null);\n\n    if (step === \"otp\") {\n        return <EmailOTPInput otpEmailData={otpEmailData} setOtpEmailData={setOtpEmailData} />;\n    }\n    if (step === \"initial\") {\n        return <EmailSignIn setOtpEmailData={setOtpEmailData} />;\n    }\n\n    return null;\n}\n","import { useState } from \"react\";\nimport { InputOTP, InputOTPGroup, InputOTPSlot } from \"@/components/common/InputOTP\";\nimport { EmailOtpIcon } from \"@/icons/emailOTP\";\nimport { useAuthForm } from \"@/providers/auth/AuthFormProvider\";\nimport type { OtpEmailPayload } from \"@/types/auth\";\nimport { AuthFormBackButton } from \"../../AuthFormBackButton\";\nimport { useCrossmintAuth } from \"@/hooks/useCrossmintAuth\";\n\nexport const EMAIL_VERIFICATION_TOKEN_LENGTH = 6;\n\nexport function EmailOTPInput({\n    otpEmailData,\n    setOtpEmailData,\n}: { otpEmailData: OtpEmailPayload | null; setOtpEmailData: (data: OtpEmailPayload | null) => void }) {\n    const { crossmintAuth } = useCrossmintAuth();\n    const { appearance, setDialogOpen, setStep, setError } = useAuthForm();\n\n    const [token, setToken] = useState(\"\");\n    const [hasError, setHasError] = useState(false);\n    const [loading, setLoading] = useState(false);\n\n    const handleOnSubmit = async () => {\n        setLoading(true);\n        try {\n            const oneTimeSecret = await crossmintAuth?.confirmEmailOtp(\n                otpEmailData?.email ?? \"\",\n                otpEmailData?.emailId ?? \"\",\n                token\n            );\n\n            await crossmintAuth?.handleRefreshAuthMaterial(oneTimeSecret as string);\n            setDialogOpen(false);\n            setStep(\"initial\");\n        } catch (error) {\n            console.error(\"Error confirming email OTP\", error);\n            setError(\"Invalid code. Please try again.\");\n            setHasError(true);\n        } finally {\n            setLoading(false);\n        }\n    };\n\n    const handleOnBack = () => {\n        setStep(\"initial\");\n        setOtpEmailData(null);\n    };\n\n    return (\n        <div>\n            <AuthFormBackButton\n                onClick={handleOnBack}\n                iconColor={appearance?.colors?.textPrimary}\n                ringColor={appearance?.colors?.accent}\n            />\n\n            <div className=\"flex flex-col items-center justify-start w-full\">\n                <div className=\"relative left-3\">\n                    <EmailOtpIcon\n                        customAccentColor={appearance?.colors?.accent}\n                        customButtonBackgroundColor={appearance?.colors?.buttonBackground}\n                        customBackgroundColor={appearance?.colors?.background}\n                    />\n                </div>\n                <p\n                    className=\"text-base font-normal mt-4 mb-1 text-center text-cm-text-primary\"\n                    style={{ color: appearance?.colors?.textPrimary }}\n                >\n                    {\"Check your email\"}\n                </p>\n                <p\n                    className=\"text-center text-cm-text-secondary px-4\"\n                    style={{ color: appearance?.colors?.textSecondary }}\n                >\n                    {\"A temporary login code has been sent to your email\"}\n                </p>\n                <div className=\"py-8\">\n                    <InputOTP\n                        maxLength={EMAIL_VERIFICATION_TOKEN_LENGTH}\n                        value={token}\n                        onChange={(val) => {\n                            setToken(val);\n                            setHasError(false);\n                            setError(null);\n                        }}\n                        onComplete={handleOnSubmit}\n                        disabled={loading}\n                        customStyles={{\n                            accent: appearance?.colors?.accent ?? \"#04AA6D\",\n                            danger: appearance?.colors?.danger ?? \"#f44336\",\n                            border: appearance?.colors?.border ?? \"#E5E7EB\",\n                            textPrimary: appearance?.colors?.textPrimary ?? \"#909ca3\",\n                            buttonBackground: appearance?.colors?.buttonBackground ?? \"#eff6ff\",\n                            inputBackground: appearance?.colors?.inputBackground ?? \"#FFFFFF\",\n                            borderRadius: appearance?.borderRadius,\n                        }}\n                    >\n                        <InputOTPGroup>\n                            <InputOTPSlot index={0} hasError={hasError} />\n                            <InputOTPSlot index={1} hasError={hasError} />\n                            <InputOTPSlot index={2} hasError={hasError} />\n                            <InputOTPSlot index={3} hasError={hasError} />\n                            <InputOTPSlot index={4} hasError={hasError} />\n                            <InputOTPSlot index={5} hasError={hasError} />\n                        </InputOTPGroup>\n                    </InputOTP>\n                </div>\n\n                <p className=\"text-sm leading-tight text-cm-text-secondary text-center\">\n                    <span style={{ color: appearance?.colors?.textSecondary }}>\n                        Can't find the email? Check spam folder or contact\n                    </span>{\" \"}\n                    <a\n                        key=\"resend-email-link\"\n                        className=\"transition-opacity duration-150 text-cm-link hover:opacity-70\"\n                        style={{ color: appearance?.colors?.textLink }}\n                        href=\"mailto:support@crossmint.io\"\n                    >\n                        support@crossmint.io\n                    </a>\n                </p>\n            </div>\n        </div>\n    );\n}\n","import type React from \"react\";\nimport { classNames } from \"../../utils/classNames\";\nimport { LeftArrowIcon } from \"@/icons/leftArrow\";\nimport { useAuthForm } from \"@/providers/auth/AuthFormProvider\";\n\nexport const AuthFormBackButton = ({\n    className,\n    iconColor,\n    ringColor,\n    onClick,\n    ...props\n}: React.HTMLAttributes<HTMLButtonElement> & { iconColor?: string; ringColor?: string }) => {\n    const { setError } = useAuthForm();\n\n    return (\n        <button\n            className={classNames(\n                \"absolute left-4 top-4 min-[480px]:!left-6 min-[480px]:!top-6 rounded-full opacity-70 ring-offset-background text-cm-text-primary transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-cm-accent focus:ring-offset-2 disabled:pointer-events-none\",\n                className\n            )}\n            onClick={(event) => {\n                setError(null);\n                onClick?.(event);\n            }}\n            {...props}\n        >\n            <LeftArrowIcon className=\"w-6 h-6\" style={{ color: iconColor }} />\n        </button>\n    );\n};\n","import { type FormEvent, useState } from \"react\";\nimport Color from \"color\";\n\nimport { Spinner } from \"@/components/common/Spinner\";\nimport { classNames } from \"@/utils/classNames\";\nimport { AlertIcon } from \"../../../../icons/alert\";\nimport { isEmailValid } from \"@crossmint/common-sdk-auth\";\nimport { useAuthForm } from \"@/providers/auth/AuthFormProvider\";\nimport type { OtpEmailPayload } from \"@/types/auth\";\nimport { useCrossmintAuth } from \"@/hooks/useCrossmintAuth\";\n\nexport function EmailSignIn({ setOtpEmailData }: { setOtpEmailData: (data: OtpEmailPayload) => void }) {\n    const { crossmintAuth } = useCrossmintAuth();\n    const { appearance, setStep, setError } = useAuthForm();\n\n    const [emailInput, setEmailInput] = useState(\"\");\n    const [emailError, setEmailError] = useState(\"\");\n    const [isLoading, setIsLoading] = useState(false);\n\n    async function handleOnSubmit(e: FormEvent<HTMLFormElement>) {\n        e.preventDefault();\n\n        if (!isEmailValid(emailInput)) {\n            setEmailError(\"Please enter a valid email address\");\n            return;\n        }\n\n        setIsLoading(true);\n\n        try {\n            const trimmedEmailInput = emailInput.trim().toLowerCase();\n            const emailSignInRes = (await crossmintAuth?.sendEmailOtp(trimmedEmailInput)) as { emailId: string };\n\n            setOtpEmailData({ email: trimmedEmailInput, emailId: emailSignInRes.emailId });\n            setStep(\"otp\");\n        } catch (_e: unknown) {\n            setIsLoading(false);\n            setError(\"Failed to send email. Please try again or contact support.\");\n        }\n    }\n\n    return (\n        <>\n            <div className=\"flex flex-col items-start justify-start w-full rounded-lg\">\n                <div className=\"w-full\">\n                    <form\n                        role=\"form\"\n                        className=\"relative\"\n                        onSubmit={handleOnSubmit}\n                        noValidate // we want to handle validation ourselves\n                    >\n                        <label htmlFor=\"emailInput\" className=\"sr-only\">\n                            Email\n                        </label>\n                        <input\n                            className={classNames(\n                                \"flex-grow text-cm-text-secondary text-left pl-[16px] pr-[80px] h-[58px] w-full border border-cm-border rounded-xl bg-cm-background-primary placeholder:text-sm placeholder:text-opacity-60\",\n                                \"transition-none duration-200 ease-in-out\",\n                                \"focus:outline-none focus-ring-custom\", // Add focus ring\n                                emailError ? \"border-red-500\" : \"\"\n                            )}\n                            style={{\n                                color: appearance?.colors?.textPrimary,\n                                borderRadius: appearance?.borderRadius,\n                                borderColor: emailError ? appearance?.colors?.danger : appearance?.colors?.border,\n                                backgroundColor: appearance?.colors?.inputBackground,\n                                // @ts-expect-error Add custom ring color to tailwind\n                                \"--focus-ring-color\": new Color(appearance?.colors?.accent ?? \"#04AA6D\")\n                                    .alpha(0.18)\n                                    .toString(),\n                            }}\n                            type=\"email\"\n                            placeholder=\"Enter email\"\n                            value={emailInput}\n                            onChange={(e) => {\n                                setEmailInput(e.target.value);\n                                setEmailError(\"\");\n                                setError(null);\n                            }}\n                            readOnly={isLoading}\n                            aria-describedby=\"emailError\"\n                        />\n                        <div className=\"absolute inset-y-0 right-0 flex items-center pr-4\">\n                            {emailError && <AlertIcon customColor={appearance?.colors?.danger} />}\n                            {isLoading && (\n                                <Spinner\n                                    style={{\n                                        color: appearance?.colors?.textSecondary,\n                                        fill: appearance?.colors?.textPrimary,\n                                    }}\n                                />\n                            )}\n                            {!emailError && !isLoading && (\n                                <button\n                                    type=\"submit\"\n                                    className={classNames(\"cursor-pointer font-medium text-cm-accent text-nowrap\")}\n                                    style={{ color: appearance?.colors?.accent }}\n                                    disabled={!emailInput}\n                                >\n                                    Sign in\n                                </button>\n                            )}\n                        </div>\n                    </form>\n                    {emailError && <p className=\"text-xs text-red-500 mb-2 pt-2\">{emailError}</p>}\n                </div>\n            </div>\n        </>\n    );\n}\n","import { useAuthForm } from \"@/providers/auth/AuthFormProvider\";\nimport type { UIConfig } from \"@crossmint/common-sdk-base\";\n\nexport function Divider({ appearance, text }: { appearance?: UIConfig; text?: string }) {\n    const { step } = useAuthForm();\n\n    if (step !== \"initial\") {\n        return null;\n    }\n\n    return (\n        <div className=\"flex items-center justify-center w-full pt-2 pb-3\">\n            <span className=\"w-full h-[1px] bg-cm-border\" style={{ backgroundColor: appearance?.colors?.border }} />\n            {text != null ? (\n                <p\n                    className=\"flex-none px-2 text-sm text-cm-text-primary\"\n                    style={{ color: appearance?.colors?.textSecondary }}\n                >\n                    {text}\n                </p>\n            ) : null}\n            <span className=\"w-full h-[1px] bg-cm-border\" style={{ backgroundColor: appearance?.colors?.border }} />\n        </div>\n    );\n}\n","import type { OAuthProvider } from \"@crossmint/common-sdk-auth\";\nimport { ChildWindow, PopupWindow } from \"@crossmint/client-sdk-window\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { z } from \"zod\";\nimport { useAuthForm } from \"@/providers/auth/AuthFormProvider\";\nimport { useCrossmintAuth } from \"./useCrossmintAuth\";\n\nexport const useOAuthWindowListener = (provider: OAuthProvider) => {\n    const { crossmintAuth } = useCrossmintAuth();\n    const { oauthUrlMap, setError } = useAuthForm();\n    const [isLoading, setIsLoading] = useState(false);\n    const childRef = useRef<ChildWindow<IncomingEvents, OutgoingEvents> | null>(null);\n\n    useEffect(() => {\n        if (childRef.current == null) {\n            childRef.current = new ChildWindow<IncomingEvents, OutgoingEvents>(window.opener || window.parent, \"*\", {\n                incomingEvents,\n            });\n        }\n\n        return () => {\n            if (childRef.current != null) {\n                childRef.current.off(\"authMaterialFromPopupCallback\");\n            }\n        };\n    }, []);\n\n    const createPopupAndSetupListeners = async () => {\n        if (childRef.current == null) {\n            throw new Error(\"Child window not initialized\");\n        }\n        setIsLoading(true);\n        setError(null);\n        const popup = await PopupWindow.init(oauthUrlMap[provider], {\n            awaitToLoad: false,\n            crossOrigin: true,\n            width: 400,\n            height: 700,\n        });\n\n        const handleAuthMaterial = async (data: { oneTimeSecret: string }) => {\n            await crossmintAuth?.handleRefreshAuthMaterial(data.oneTimeSecret);\n            childRef.current?.off(\"authMaterialFromPopupCallback\");\n            popup.window.close();\n            setIsLoading(false);\n        };\n\n        const handleError = (data: { error: string }) => {\n            setError(data.error);\n            childRef.current?.off(\"errorFromPopupCallback\");\n            popup.window.close();\n            setIsLoading(false);\n        };\n\n        childRef.current.on(\"authMaterialFromPopupCallback\", handleAuthMaterial);\n        childRef.current.on(\"errorFromPopupCallback\", handleError);\n        // Add a check for manual window closure\n        // Ideally we should find a more explicit way of doing this, but I think this is fine for now.\n        const checkWindowClosure = setInterval(() => {\n            if (popup.window.closed) {\n                clearInterval(checkWindowClosure);\n                setIsLoading(false);\n                childRef.current?.off(\"authMaterialFromPopupCallback\");\n            }\n        }, 2500); // Check every 2.5 seconds\n    };\n\n    return {\n        createPopupAndSetupListeners,\n        isLoading,\n    };\n};\n\nconst incomingEvents = {\n    authMaterialFromPopupCallback: z.object({ oneTimeSecret: z.string() }),\n    errorFromPopupCallback: z.object({ error: z.string() }),\n};\n\ntype IncomingEvents = {\n    authMaterialFromPopupCallback: typeof incomingEvents.authMaterialFromPopupCallback;\n    errorFromPopupCallback: typeof incomingEvents.errorFromPopupCallback;\n};\n\ntype OutgoingEvents = Record<string, never>;\n","import type { ButtonHTMLAttributes } from \"react\";\nimport { GoogleIcon } from \"@/icons/google\";\nimport { useOAuthWindowListener } from \"@/hooks/useOAuthWindowListener\";\nimport { Spinner } from \"@/components/common/Spinner\";\nimport { useAuthForm } from \"@/providers/auth/AuthFormProvider\";\nimport { classNames } from \"@/utils/classNames\";\n\nexport function GoogleSignIn({ ...props }: ButtonHTMLAttributes<HTMLButtonElement>) {\n    const { step, appearance, isLoadingOauthUrlMap } = useAuthForm();\n    const { createPopupAndSetupListeners, isLoading: isLoadingOAuthWindow } = useOAuthWindowListener(\"google\");\n    const isLoading = isLoadingOauthUrlMap || isLoadingOAuthWindow;\n\n    if (step !== \"initial\") {\n        return null;\n    }\n\n    return (\n        <button\n            className={classNames(\n                \"relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center\",\n                \"transition-colors duration-200 ease-in-out\",\n                \"hover:bg-cm-hover focus:bg-cm-hover outline-none\",\n                isLoading ? \"cursor-not-allowed hover:bg-cm-muted-primary\" : \"\"\n            )}\n            style={{\n                borderRadius: appearance?.borderRadius,\n                backgroundColor: appearance?.colors?.buttonBackground,\n            }}\n            onClick={isLoading ? undefined : createPopupAndSetupListeners}\n            {...props}\n        >\n            <>\n                <GoogleIcon className=\"h-[25px] w-[25px] absolute left-[18px]\" />\n                {isLoading ? (\n                    <Spinner\n                        style={{\n                            color: appearance?.colors?.textSecondary,\n                            fill: appearance?.colors?.textPrimary,\n                        }}\n                    />\n                ) : (\n                    <span\n                        className=\"font-medium\"\n                        style={{ margin: \"0px 32px\", color: appearance?.colors?.textPrimary }}\n                    >\n                        Sign in with Google\n                    </span>\n                )}\n            </>\n            <span className=\"sr-only\">Sign in with Google</span>\n        </button>\n    );\n}\n","import { useEffect, useMemo, useState } from \"react\";\nimport { useSignIn, QRCode, type UseSignInData } from \"@farcaster/auth-kit\";\nimport { FarcasterIcon } from \"@/icons/farcaster\";\nimport { useAuthForm } from \"@/providers/auth/AuthFormProvider\";\nimport { Spinner } from \"@/components/common/Spinner\";\nimport { classNames } from \"@/utils/classNames\";\nimport { AuthFormBackButton } from \"../../AuthFormBackButton\";\nimport { useCrossmintAuth } from \"@/hooks/useCrossmintAuth\";\nexport function FarcasterSignIn() {\n    const { step, appearance, setStep, setError } = useAuthForm();\n\n    if (step === \"initial\") {\n        return (\n            <div>\n                <button\n                    className={classNames(\n                        \"relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center\",\n                        \"transition-colors duration-200 ease-in-out\",\n                        \"hover:bg-cm-hover focus:bg-cm-hover outline-none\"\n                    )}\n                    style={{\n                        borderRadius: appearance?.borderRadius,\n                        backgroundColor: appearance?.colors?.buttonBackground,\n                    }}\n                    onClick={() => {\n                        setStep(\"qrCode\");\n                        setError(null);\n                    }}\n                >\n                    <FarcasterIcon className=\"h-[25px] w-[25px] absolute left-[18px]\" />\n                    <span\n                        className=\"font-medium\"\n                        style={{ margin: \"0px 32px\", color: appearance?.colors?.textPrimary }}\n                    >\n                        Sign in with Farcaster\n                    </span>\n                    <span className=\"sr-only\">Sign in with Farcaster</span>\n                </button>\n            </div>\n        );\n    }\n\n    if (step === \"qrCode\") {\n        return <FarcasterQRCode />;\n    }\n\n    return null;\n}\n\n// We want this to be a separate component so it can completely un-render when the user goes back to the initial screen\nfunction FarcasterQRCode() {\n    const { crossmintAuth } = useCrossmintAuth();\n    const { appearance, setStep, setDialogOpen, setError } = useAuthForm();\n    const [farcasterData, setFarcasterData] = useState<UseSignInData | null>(null);\n\n    const farcasterProps = useMemo(\n        () => ({\n            onSuccess: (data: UseSignInData) => {\n                // Step 3. set the farcaster data once the sign in is successful\n                setFarcasterData(data);\n            },\n        }),\n        []\n    );\n\n    const { signIn, url: qrCodeUrl, connect, signOut, isConnected } = useSignIn(farcasterProps);\n\n    const handleFarcasterSignIn = async (data: UseSignInData) => {\n        setError(null);\n        try {\n            const oneTimeSecret = await crossmintAuth?.signInWithFarcaster(data);\n            // Step 5. fetch the auth material, close the dialog, and unrender any farcaster client stuff\n            await crossmintAuth?.handleRefreshAuthMaterial(oneTimeSecret as string);\n            setDialogOpen(false);\n            setStep(\"initial\");\n        } catch (error) {\n            console.error(\"Error during Farcaster sign-in:\", error);\n            setError(\"Failed to sign in with Farcaster\");\n        }\n    };\n\n    useEffect(() => {\n        if (farcasterData != null) {\n            // Step 4. call the handleFarcasterSignInfunction to handle the sign in\n            handleFarcasterSignIn(farcasterData);\n        }\n    }, [farcasterData]);\n\n    useEffect(() => {\n        if (isConnected) {\n            // Step 2. once connected, call the signIn function to start the sign in process\n            signIn();\n        }\n    }, [isConnected]);\n\n    useEffect(() => {\n        // Step 1. call the connect function to initialize the connection\n        connect();\n    }, []);\n\n    return (\n        <div>\n            <AuthFormBackButton\n                onClick={() => {\n                    signOut();\n                    setStep(\"initial\");\n                }}\n                iconColor={appearance?.colors?.textPrimary}\n                ringColor={appearance?.colors?.accent}\n            />\n\n            <div className=\"flex flex-col items-center gap-4\">\n                <div className=\"text-center\">\n                    <h3\n                        className=\"text-lg font-semibold text-cm-text-primary mb-2\"\n                        style={{ color: appearance?.colors?.textPrimary }}\n                    >\n                        Sign in with Farcaster\n                    </h3>\n                    <p\n                        className=\"text-base font-normal text-cm-text-secondary\"\n                        style={{ color: appearance?.colors?.textSecondary }}\n                    >\n                        Scan with your phone's camera to continue.\n                    </p>\n                </div>\n                <div\n                    className=\"bg-white aspect-square rounded-lg p-4\"\n                    style={{\n                        backgroundColor: appearance?.colors?.inputBackground,\n                        borderRadius: appearance?.borderRadius,\n                    }}\n                >\n                    {qrCodeUrl != null ? (\n                        <QRCode uri={qrCodeUrl} size={280} />\n                    ) : (\n                        <div className=\"min-h-[246px] flex items-center justify-center\">\n                            <Spinner\n                                style={{\n                                    color: appearance?.colors?.textSecondary,\n                                    fill: appearance?.colors?.textPrimary,\n                                }}\n                            />\n                        </div>\n                    )}\n                </div>\n                {qrCodeUrl ? (\n                    <>\n                        <p\n                            className=\"text-base text-center font-normal text-cm-text-secondary\"\n                            style={{ color: appearance?.colors?.textSecondary }}\n                        >\n                            Alternatively, click on this link to open Warpcast.\n                        </p>\n                        <a\n                            href={qrCodeUrl}\n                            rel=\"noopener noreferrer\"\n                            target=\"_blank\"\n                            className=\"text-base font-normal text-cm-link\"\n                            style={{ color: appearance?.colors?.textLink }}\n                        >\n                            Open Warpcast\n                        </a>\n                    </>\n                ) : null}\n            </div>\n        </div>\n    );\n}\n"],"mappings":"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","names":["createContext","useMemo","useState","useContext","createContext","useEffect","useMemo","useRef","useState","useContext","useContext","useContext","useContext","oauthUrlMap","error","Color","useState","useState","jsx","jsx","useState","_a","_b","useState","jsx","jsxs","useState","_e","jsx","useState","jsx","jsxs","useEffect","useState","useState","useEffect","Fragment","jsx","jsxs","_a","useEffect","useState","Fragment","jsx","jsxs","useState","useEffect","Fragment","jsx","jsxs","Color","useEffect","jsx","jsxs","Fragment","jsx","jsxs","createContext","useState","useRef","useMemo","useEffect","user","useContext","jsx","jsxs","createContext","useMemo","useState"]}

package/dist/chunk-LDTLGSZB.cjs

@@ -1,83 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _chunkZ6QSH522cjs = require('./chunk-Z6QSH522.cjs');
-
-
-var _chunkQP2A7HRUcjs = require('./chunk-QP2A7HRU.cjs');
-
-
-var _chunkKEKBOJCFcjs = require('./chunk-KEKBOJCF.cjs');
-
-
-
-
-var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
-
-// src/components/hosted/v3/CrossmintHostedCheckoutV3.tsx
-
-
-
-var _clientsdkbase = require('@crossmint/client-sdk-base');
-var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);
-var _react = require('react');
-var _jsxruntime = require('react/jsx-runtime');
-function CrossmintHostedCheckout_Alpha(props) {
-  const [didInjectCss, setDidInjectCss] = _react.useState.call(void 0, false);
-  const { crossmint } = _chunkKEKBOJCFcjs.useCrossmint.call(void 0, );
-  const apiClient = _chunkQP2A7HRUcjs.createCrossmintApiClient.call(void 0, crossmint);
-  const _a = props, { receipient, locale, webhookPassthroughData, lineItems, payment, appearance } = _a, buttonProps = _chunk4DAZAO6Ycjs.__objRest.call(void 0, _a, ["receipient", "locale", "webhookPassthroughData", "lineItems", "payment", "appearance"]);
-  const customProps = {
-    receipient,
-    locale,
-    webhookPassthroughData,
-    lineItems,
-    payment,
-    appearance
-  };
-  const hostedCheckoutService = _clientsdkbase.crossmintHostedCheckoutV3Service.call(void 0, { apiClient, hostedCheckoutProps: customProps });
-  const stylesService = _clientsdkbase.crossmintHostedCheckoutV3StylesService.call(void 0, customProps);
-  const _b = buttonProps, { onClick, className, children } = _b, restButtonProps = _chunk4DAZAO6Ycjs.__objRest.call(void 0, _b, ["onClick", "className", "children"]);
-  function _onClick(e) {
-    e.preventDefault();
-    e.stopPropagation();
-    hostedCheckoutService.createWindow();
-    if (onClick) {
-      onClick(e);
-    }
-  }
-  const css = stylesService.generateCss();
-  _react.useEffect.call(void 0, () => {
-    const { cleanup } = stylesService.injectCss(css);
-    setDidInjectCss(true);
-    return cleanup;
-  }, [css]);
-  if (!didInjectCss) {
-    return null;
-  }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "button",
-    _chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {
-      onClick: _onClick,
-      className: _clsx2.default.call(void 0, stylesService.identifiers.buttonClassNames, className)
-    }, restButtonProps), {
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkZ6QSH522cjs.CrossmintLogoV2,
-          {
-            style: { marginRight: "12px", flex: "none" },
-            displayType: "icon-only",
-            id: stylesService.identifiers.logoId,
-            height: 16,
-            width: 16
-          }
-        ),
-        children != null ? children : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { style: { margin: 0 }, children: stylesService.getButtonText() })
-      ]
-    })
-  );
-}
-
-
-
-exports.CrossmintHostedCheckout_Alpha = CrossmintHostedCheckout_Alpha;
-//# sourceMappingURL=chunk-LDTLGSZB.cjs.map

package/dist/chunk-LDTLGSZB.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/hosted/v3/CrossmintHostedCheckoutV3.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAGA;AAAA,EACI;AAAA,EACA;AAAA,OAEG;AACP,OAAO,UAAU;AACjB,SAAoC,WAAW,gBAAgB;AAiDvD,SAKI,KALJ;AA7CD,SAAS,8BAA8B,OAA4C;AACtF,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,EAAE,UAAU,IAAI,aAAa;AACnC,QAAM,YAAY,yBAAyB,SAAS;AAGpD,QAAuG,YAA/F,cAAY,QAAQ,wBAAwB,WAAW,SAAS,WApB5E,IAoB2G,IAAhB,wBAAgB,IAAhB,CAA/E,cAAY,UAAQ,0BAAwB,aAAW,WAAS;AACxE,QAAM,cAA8C;AAAA,IAChD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAEA,QAAM,wBAAwB,iCAAiC,EAAE,WAAW,qBAAqB,YAAY,CAAC;AAC9G,QAAM,gBAAgB,uCAAuC,WAAW;AAExE,QAA6D,kBAArD,WAAS,WAAW,SAjChC,IAiCiE,IAApB,4BAAoB,IAApB,CAAjC,WAAS,aAAW;AAE5B,WAAS,SAAS,GAAkC;AAChD,MAAE,eAAe;AACjB,MAAE,gBAAgB;AAClB,0BAAsB,aAAa;AAEnC,QAAI,SAAS;AACT,cAAQ,CAAC;AAAA,IACb;AAAA,EACJ;AAEA,QAAM,MAAM,cAAc,YAAY;AAEtC,YAAU,MAAM;AACZ,UAAM,EAAE,QAAQ,IAAI,cAAc,UAAU,GAAG;AAC/C,oBAAgB,IAAI;AACpB,WAAO;AAAA,EACX,GAAG,CAAC,GAAG,CAAC;AAER,MAAI,CAAC,cAAc;AACf,WAAO;AAAA,EACX;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,SAAS;AAAA,MACT,WAAW,KAAK,cAAc,YAAY,kBAAkB,SAAS;AAAA,OACjE,kBAHP;AAAA,MAKG;AAAA;AAAA,UAAC;AAAA;AAAA,YACG,OAAO,EAAE,aAAa,QAAQ,MAAM,OAAO;AAAA,YAC3C,aAAY;AAAA,YACZ,IAAI,cAAc,YAAY;AAAA,YAC9B,QAAQ;AAAA,YACR,OAAO;AAAA;AAAA,QACX;AAAA,QACC,8BAAY,oBAAC,OAAE,OAAO,EAAE,QAAQ,EAAE,GAAI,wBAAc,cAAc,GAAE;AAAA;AAAA;AAAA,EACzE;AAER","sourcesContent":["import { CrossmintLogoV2 } from \"@/components/common/CrossmintLogoV2/CrossmintLogoV2\";\nimport { useCrossmint } from \"@/hooks/useCrossmint\";\nimport { createCrossmintApiClient } from \"@/utils/createCrossmintApiClient\";\nimport {\n    crossmintHostedCheckoutV3Service,\n    crossmintHostedCheckoutV3StylesService,\n    type CrossmintHostedCheckoutV3Props,\n} from \"@crossmint/client-sdk-base\";\nimport clsx from \"clsx\";\nimport { type MouseEvent, type JSX, useEffect, useState } from \"react\";\n\nexport type CrossmintHostedCheckoutV3ReactProps = CrossmintHostedCheckoutV3Props & JSX.IntrinsicElements[\"button\"];\n\nexport function CrossmintHostedCheckout_Alpha(props: CrossmintHostedCheckoutV3ReactProps) {\n    const [didInjectCss, setDidInjectCss] = useState(false);\n\n    const { crossmint } = useCrossmint();\n    const apiClient = createCrossmintApiClient(crossmint);\n\n    // separate custom props from jsx button props\n    const { receipient, locale, webhookPassthroughData, lineItems, payment, appearance, ...buttonProps } = props;\n    const customProps: CrossmintHostedCheckoutV3Props = {\n        receipient,\n        locale,\n        webhookPassthroughData,\n        lineItems,\n        payment,\n        appearance,\n    };\n\n    const hostedCheckoutService = crossmintHostedCheckoutV3Service({ apiClient, hostedCheckoutProps: customProps });\n    const stylesService = crossmintHostedCheckoutV3StylesService(customProps);\n\n    const { onClick, className, children, ...restButtonProps } = buttonProps;\n\n    function _onClick(e: MouseEvent<HTMLButtonElement>) {\n        e.preventDefault();\n        e.stopPropagation();\n        hostedCheckoutService.createWindow();\n\n        if (onClick) {\n            onClick(e);\n        }\n    }\n\n    const css = stylesService.generateCss();\n\n    useEffect(() => {\n        const { cleanup } = stylesService.injectCss(css);\n        setDidInjectCss(true);\n        return cleanup;\n    }, [css]);\n\n    if (!didInjectCss) {\n        return null;\n    }\n\n    return (\n        <button\n            onClick={_onClick}\n            className={clsx(stylesService.identifiers.buttonClassNames, className)}\n            {...restButtonProps}\n        >\n            <CrossmintLogoV2\n                style={{ marginRight: \"12px\", flex: \"none\" }}\n                displayType=\"icon-only\"\n                id={stylesService.identifiers.logoId}\n                height={16}\n                width={16}\n            />\n            {children ?? <p style={{ margin: 0 }}>{stylesService.getButtonText()}</p>}\n        </button>\n    );\n}\n"]}

package/dist/chunk-LGY5FQOZ.cjs

@@ -1,29 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
-
-// src/utils/dynamic/dynamicChainToCrossmintChain.ts
-var _commonsdkbase = require('@crossmint/common-sdk-base');
-function dynamicChainToCrossmintChain(wallet) {
-  return _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
-    var _a;
-    const chain = wallet.chain;
-    if (chain === "SOL") {
-      return "solana";
-    }
-    const chainId = yield (_a = wallet.connector) == null ? void 0 : _a.getNetwork();
-    if (typeof chainId !== "number") {
-      throw new Error("chainId is not a number");
-    }
-    const chainFromChainId = _commonsdkbase.chainIdToBlockchain.call(void 0, chainId);
-    if (!chainFromChainId) {
-      throw new Error(`ChainId ${chainId} is not supported`);
-    }
-    return chainFromChainId;
-  });
-}
-
-
-
-exports.dynamicChainToCrossmintChain = dynamicChainToCrossmintChain;
-//# sourceMappingURL=chunk-LGY5FQOZ.cjs.map

package/dist/chunk-LGY5FQOZ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/dynamic/dynamicChainToCrossmintChain.ts"],"names":[],"mappings":";;;;;AAAA,SAAS,2BAA4D;AAGrE,SAAsB,6BAClB,QACmC;AAAA;AALvC;AAMI,UAAM,QAAQ,OAAO;AACrB,QAAI,UAAU,OAAO;AACjB,aAAO;AAAA,IACX;AACA,UAAM,UAAU,OAAM,YAAO,cAAP,mBAAkB;AACxC,QAAI,OAAO,YAAY,UAAU;AAC7B,YAAM,IAAI,MAAM,yBAAyB;AAAA,IAC7C;AACA,UAAM,mBAAmB,oBAAoB,OAAO;AACpD,QAAI,CAAC,kBAAkB;AACnB,YAAM,IAAI,MAAM,WAAW,OAAO,mBAAmB;AAAA,IACzD;AACA,WAAO;AAAA,EACX;AAAA","sourcesContent":["import { chainIdToBlockchain, type BlockchainIncludingTestnet } from \"@crossmint/common-sdk-base\";\nimport type { HandleConnectedWallet } from \"@dynamic-labs/sdk-react-core\";\n\nexport async function dynamicChainToCrossmintChain(\n    wallet: Parameters<HandleConnectedWallet>[0]\n): Promise<BlockchainIncludingTestnet> {\n    const chain = wallet.chain;\n    if (chain === \"SOL\") {\n        return \"solana\";\n    }\n    const chainId = await wallet.connector?.getNetwork();\n    if (typeof chainId !== \"number\") {\n        throw new Error(\"chainId is not a number\");\n    }\n    const chainFromChainId = chainIdToBlockchain(chainId);\n    if (!chainFromChainId) {\n        throw new Error(`ChainId ${chainId} is not supported`);\n    }\n    return chainFromChainId as BlockchainIncludingTestnet;\n}\n"]}

package/dist/chunk-M7QMNNHL.cjs

@@ -1,31 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkW3P2I3UEcjs = require('./chunk-W3P2I3UE.cjs');
-
-// src/components/CrossmintNFTCollectionView.tsx
-var _clientsdkbase = require('@crossmint/client-sdk-base');
-var _jsxruntime = require('react/jsx-runtime');
-function CrossmintNFTCollectionView(props) {
-  _clientsdkbase.assertValidNFTCollectionViewProps.call(void 0, props);
-  const src = _clientsdkbase.getNFTCollectionViewSrc.call(void 0, props, _chunkW3P2I3UEcjs.LIB_VERSION);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "iframe",
-    {
-      src,
-      width: "100%",
-      height: "100%",
-      style: {
-        flexGrow: "1",
-        border: "none",
-        margin: "0",
-        padding: "0"
-      },
-      role: "nft-collection-view"
-    }
-  );
-}
-
-
-
-exports.CrossmintNFTCollectionView = CrossmintNFTCollectionView;
-//# sourceMappingURL=chunk-M7QMNNHL.cjs.map

package/dist/chunk-M7QMNNHL.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/CrossmintNFTCollectionView.tsx"],"names":[],"mappings":";;;;;AAAA,SAAS,mCAAmC,+BAA+B;AAWnE;AAND,SAAS,2BAA2B,OAA+B;AACtE,oCAAkC,KAAK;AAEvC,QAAM,MAAM,wBAAwB,OAAO,WAAW;AAEtD,SACI;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,OAAM;AAAA,MACN,QAAO;AAAA,MACP,OAAO;AAAA,QACH,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,MACb;AAAA,MACA,MAAK;AAAA;AAAA,EACT;AAER","sourcesContent":["import { assertValidNFTCollectionViewProps, getNFTCollectionViewSrc } from \"@crossmint/client-sdk-base\";\nimport type { NFTCollectionViewProps } from \"@crossmint/common-sdk-base\";\n\nimport { LIB_VERSION } from \"../consts/version\";\n\nexport function CrossmintNFTCollectionView(props: NFTCollectionViewProps) {\n    assertValidNFTCollectionViewProps(props);\n\n    const src = getNFTCollectionViewSrc(props, LIB_VERSION);\n\n    return (\n        <iframe\n            src={src}\n            width=\"100%\"\n            height=\"100%\"\n            style={{\n                flexGrow: \"1\",\n                border: \"none\",\n                margin: \"0\",\n                padding: \"0\",\n            }}\n            role=\"nft-collection-view\"\n        />\n    );\n}\n"]}

package/dist/chunk-MARIDIHZ.js

@@ -1,50 +0,0 @@
-import {
-  createCrossmintApiClient
-} from "./chunk-NLGUTNQM.js";
-import {
-  useCrossmint
-} from "./chunk-3J6CUUWT.js";
-
-// 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);
-  const { crossmint } = useCrossmint();
-  const apiClient = createCrossmintApiClient(crossmint, {
-    usageOrigin: "client"
-  });
-  useEffect(() => {
-    const listener = (event) => {
-      if (event.origin !== new URL(apiClient.baseUrl).origin) {
-        return;
-      }
-      if (event.data.event !== "order:updated") {
-        return;
-      }
-      const { order: order2, orderClientSecret: orderClientSecret2 } = event.data.data;
-      setOrder(order2);
-      setOrderClientSecret(orderClientSecret2);
-    };
-    window.addEventListener("message", listener);
-    return () => {
-      window.removeEventListener("message", listener);
-    };
-  }, [order]);
-  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-MARIDIHZ.js.map

package/dist/chunk-MARIDIHZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/useCrossmintCheckout.tsx"],"sourcesContent":["import { createContext, type ReactNode, useContext, useEffect, useState } from \"react\";\nimport type { embeddedCheckoutV3IncomingEvents, Order } from \"@crossmint/client-sdk-base\";\nimport type { z } from \"zod\";\nimport { useCrossmint } from \"./useCrossmint\";\nimport { createCrossmintApiClient } from \"@/utils/createCrossmintApiClient\";\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    const { crossmint } = useCrossmint();\n    const apiClient = createCrossmintApiClient(crossmint, {\n        usageOrigin: \"client\",\n    });\n\n    useEffect(() => {\n        const listener = (event: MessageEvent) => {\n            if (event.origin !== new URL(apiClient.baseUrl).origin) {\n                return;\n            }\n            if (event.data.event !== \"order:updated\") {\n                return;\n            }\n            const { order, orderClientSecret } = event.data.data as z.infer<\n                (typeof embeddedCheckoutV3IncomingEvents)[\"order:updated\"]\n            >;\n            setOrder(order);\n            setOrderClientSecret(orderClientSecret);\n        };\n        window.addEventListener(\"message\", listener);\n        return () => {\n            window.removeEventListener(\"message\", listener);\n        };\n    }, [order]);\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;AA2CvE;AAhCR,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,QAAM,EAAE,UAAU,IAAI,aAAa;AACnC,QAAM,YAAY,yBAAyB,WAAW;AAAA,IAClD,aAAa;AAAA,EACjB,CAAC;AAED,YAAU,MAAM;AACZ,UAAM,WAAW,CAAC,UAAwB;AACtC,UAAI,MAAM,WAAW,IAAI,IAAI,UAAU,OAAO,EAAE,QAAQ;AACpD;AAAA,MACJ;AACA,UAAI,MAAM,KAAK,UAAU,iBAAiB;AACtC;AAAA,MACJ;AACA,YAAM,EAAE,OAAAA,QAAO,mBAAAC,mBAAkB,IAAI,MAAM,KAAK;AAGhD,eAASD,MAAK;AACd,2BAAqBC,kBAAiB;AAAA,IAC1C;AACA,WAAO,iBAAiB,WAAW,QAAQ;AAC3C,WAAO,MAAM;AACT,aAAO,oBAAoB,WAAW,QAAQ;AAAA,IAClD;AAAA,EACJ,GAAG,CAAC,KAAK,CAAC;AAEV,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":["order","orderClientSecret"]}

package/dist/chunk-MH37OJT2.cjs

@@ -1,80 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
-
-var _chunk5RX5WFEWcjs = require('./chunk-5RX5WFEW.cjs');
-
-
-
-
-var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
-
-// src/components/common/InputOTP.tsx
-var _react = require('react'); var React = _interopRequireWildcard(_react);
-var _inputotp = require('input-otp');
-
-var _jsxruntime = require('react/jsx-runtime');
-var CustomStylesContext = _react.createContext.call(void 0, void 0);
-var InputOTP = React.forwardRef((_a, ref) => {
-  var _b = _a, { className, containerClassName, customStyles } = _b, props = _chunk4DAZAO6Ycjs.__objRest.call(void 0, _b, ["className", "containerClassName", "customStyles"]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CustomStylesContext.Provider, { value: customStyles, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _inputotp.OTPInput,
-    _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {
-      autoFocus: true,
-      ref,
-      containerClassName: _chunk5RX5WFEWcjs.classNames.call(void 0, "flex items-center gap-2 has-[:disabled]:opacity-50", containerClassName),
-      className: _chunk5RX5WFEWcjs.classNames.call(void 0, "disabled:cursor-not-allowed", className)
-    }, props)
-  ) });
-});
-InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className } = _b, props = _chunk4DAZAO6Ycjs.__objRest.call(void 0, _b, ["className"]);
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, { ref, className: _chunk5RX5WFEWcjs.classNames.call(void 0, "flex gap-2 items-center", className) }, props));
-  }
-);
-InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React.forwardRef((_a, ref) => {
-  var _b = _a, { index, className, hasError } = _b, props = _chunk4DAZAO6Ycjs.__objRest.call(void 0, _b, ["index", "className", "hasError"]);
-  const inputOTPContext = React.useContext(_inputotp.OTPInputContext);
-  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
-  const customStyles = _react.useContext.call(void 0, CustomStylesContext);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    _chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {
-      ref,
-      className: _chunk5RX5WFEWcjs.classNames.call(void 0, 
-        "relative flex h-14 w-12 items-center bg-cm-muted-primary justify-center border border-cm-border text-lg transition-all rounded-md text-cm-text-primary",
-        isActive && `z-10 ring-2 ring-offset-background`,
-        className
-      ),
-      style: {
-        borderRadius: customStyles == null ? void 0 : customStyles.borderRadius,
-        borderColor: hasError ? customStyles == null ? void 0 : customStyles.danger : customStyles == null ? void 0 : customStyles.border,
-        boxShadow: isActive ? `0 0 0 2px ${customStyles == null ? void 0 : customStyles.accent}` : "none",
-        backgroundColor: char ? customStyles == null ? void 0 : customStyles.buttonBackground : customStyles == null ? void 0 : customStyles.inputBackground
-      }
-    }, props), {
-      children: [
-        char,
-        hasFakeCaret && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "div",
-          {
-            className: "h-4 w-px animate-caret-blink duration-1000",
-            style: {
-              height: "18px",
-              backgroundColor: customStyles == null ? void 0 : customStyles.textPrimary
-            }
-          }
-        ) })
-      ]
-    })
-  );
-});
-InputOTPSlot.displayName = "InputOTPSlot";
-
-
-
-
-
-exports.InputOTP = InputOTP; exports.InputOTPGroup = InputOTPGroup; exports.InputOTPSlot = InputOTPSlot;
-//# sourceMappingURL=chunk-MH37OJT2.cjs.map

package/dist/chunk-MH37OJT2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/common/InputOTP.tsx"],"names":["useContext"],"mappings":";;;;;;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,UAAU,uBAAuB;AAC1C,SAAS,eAAe,cAAAA,mBAAkB;AA2BlC,cA8BA,YA9BA;AAZR,IAAM,sBAAsB,cAAwC,MAAS;AAO7E,IAAM,WAAoG,iBAGxG,CAAC,IAA2D,QAAK;AAAhE,eAAE,aAAW,oBAAoB,aA7BpC,IA6BG,IAAkD,kBAAlD,IAAkD,CAAhD,aAAW,sBAAoB;AAChC,6BAAC,oBAAoB,UAApB,EAA6B,OAAO,cACjC;AAAA,IAAC;AAAA;AAAA,MACG,WAAS;AAAA,MACT;AAAA,MACA,oBAAoB,WAAW,sDAAsD,kBAAkB;AAAA,MACvG,WAAW,WAAW,+BAA+B,SAAS;AAAA,OAC1D;AAAA,EACR,GACJ;AAAA,CACH;AACD,SAAS,cAAc;AAEvB,IAAM,gBAAsB;AAAA,EACxB,CAAC,IAAyB,QAAK;AAA9B,iBAAE,YA3CP,IA2CK,IAAgB,kBAAhB,IAAgB,CAAd;AACC,+BAAC,wBAAI,KAAU,WAAW,WAAW,2BAA2B,SAAS,KAAO,MAAO;AAAA;AAE/F;AACA,cAAc,cAAc;AAE5B,IAAM,eAAqB,iBAMzB,CAAC,IAA0C,QAAQ;AAAlD,eAAE,SAAO,WAAW,SAvDvB,IAuDG,IAAiC,kBAAjC,IAAiC,CAA/B,SAAO,aAAW;AACnB,QAAM,kBAAwB,iBAAW,eAAe;AACxD,QAAM,EAAE,MAAM,cAAc,SAAS,IAAI,gBAAgB,MAAM,KAAK;AACpE,QAAM,eAAeA,YAAW,mBAAmB;AAEnD,SACI;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,WAAW;AAAA,QACP;AAAA,QACA,YAAY;AAAA,QACZ;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,QACH,cAAc,6CAAc;AAAA,QAC5B,aAAa,WAAW,6CAAc,SAAS,6CAAc;AAAA,QAC7D,WAAW,WAAW,aAAa,6CAAc,MAAM,KAAK;AAAA,QAC5D,iBAAiB,OAAO,6CAAc,mBAAmB,6CAAc;AAAA,MAC3E;AAAA,OACI,QAbP;AAAA,MAeI;AAAA;AAAA,QACA,gBACG,oBAAC,SAAI,WAAU,yEACX;AAAA,UAAC;AAAA;AAAA,YACG,WAAU;AAAA,YACV,OAAO;AAAA,cACH,QAAQ;AAAA,cACR,iBAAiB,6CAAc;AAAA,YACnC;AAAA;AAAA,QACJ,GACJ;AAAA;AAAA;AAAA,EAER;AAER,CAAC;AACD,aAAa,cAAc","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { OTPInput, OTPInputContext } from \"input-otp\";\nimport { createContext, useContext } from \"react\";\nimport { classNames } from \"@/utils/classNames\";\n\n// Define the type for customStyles\ntype CustomStyles = {\n    textPrimary: string;\n    inputBackground: string;\n    buttonBackground: string;\n    accent: string;\n    danger: string;\n    border: string;\n    borderRadius?: string;\n};\n\n// Create a context for customStyles\nconst CustomStylesContext = createContext<CustomStyles | undefined>(undefined);\n\ntype InputOTPProps = React.ComponentPropsWithoutRef<typeof OTPInput> & {\n    customStyles?: CustomStyles;\n};\ntype InputOTPRef = React.ElementRef<typeof OTPInput>;\n\nconst InputOTP: React.ForwardRefExoticComponent<InputOTPProps & React.RefAttributes<InputOTPRef>> = React.forwardRef<\n    InputOTPRef,\n    InputOTPProps\n>(({ className, containerClassName, customStyles, ...props }, ref) => (\n    <CustomStylesContext.Provider value={customStyles}>\n        <OTPInput\n            autoFocus\n            ref={ref}\n            containerClassName={classNames(\"flex items-center gap-2 has-[:disabled]:opacity-50\", containerClassName)}\n            className={classNames(\"disabled:cursor-not-allowed\", className)}\n            {...props}\n        />\n    </CustomStylesContext.Provider>\n));\nInputOTP.displayName = \"InputOTP\";\n\nconst InputOTPGroup = React.forwardRef<React.ElementRef<\"div\">, React.ComponentPropsWithoutRef<\"div\">>(\n    ({ className, ...props }, ref) => (\n        <div ref={ref} className={classNames(\"flex gap-2 items-center\", className)} {...props} />\n    )\n);\nInputOTPGroup.displayName = \"InputOTPGroup\";\n\nconst InputOTPSlot = React.forwardRef<\n    React.ElementRef<\"div\">,\n    React.ComponentPropsWithoutRef<\"div\"> & {\n        index: number;\n        hasError?: boolean;\n    }\n>(({ index, className, hasError, ...props }, ref) => {\n    const inputOTPContext = React.useContext(OTPInputContext);\n    const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];\n    const customStyles = useContext(CustomStylesContext);\n\n    return (\n        <div\n            ref={ref}\n            className={classNames(\n                \"relative flex h-14 w-12 items-center bg-cm-muted-primary justify-center border border-cm-border text-lg transition-all rounded-md text-cm-text-primary\",\n                isActive && `z-10 ring-2 ring-offset-background`,\n                className\n            )}\n            style={{\n                borderRadius: customStyles?.borderRadius,\n                borderColor: hasError ? customStyles?.danger : customStyles?.border,\n                boxShadow: isActive ? `0 0 0 2px ${customStyles?.accent}` : \"none\",\n                backgroundColor: char ? customStyles?.buttonBackground : customStyles?.inputBackground,\n            }}\n            {...props}\n        >\n            {char}\n            {hasFakeCaret && (\n                <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n                    <div\n                        className=\"h-4 w-px animate-caret-blink duration-1000\"\n                        style={{\n                            height: \"18px\",\n                            backgroundColor: customStyles?.textPrimary,\n                        }}\n                    />\n                </div>\n            )}\n        </div>\n    );\n});\nInputOTPSlot.displayName = \"InputOTPSlot\";\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot };\n"]}