@crossmint/client-sdk-react-ui 4.0.0-beta.6 → 4.0.0

package/README.md

@@ -1,19 +1,26 @@
 # Crossmint React SDK
 
+React SDK for integrating [Crossmint Wallets](https://docs.crossmint.com) into your application. Provides providers, hooks, and built-in UI for wallet creation, signing, OTP verification, and passkey flows.
 
-> **Create chain-agnostic wallets for your users in minutes**  
-> Supports Solana, 20+ EVM chains (Polygon, Base, etc.), with custodial and non-custodial options.
+## Prerequisites
 
-## 🚀 Quick Start
+Get a **client** API key from the [Crossmint developer console](https://docs.crossmint.com/introduction/platform/api-keys). Ensure your key has the **Wallet API** scopes enabled.
+
+## Installation
 
 ```bash
+npm install @crossmint/client-sdk-react-ui
+# or
 pnpm add @crossmint/client-sdk-react-ui
+# or
+yarn add @crossmint/client-sdk-react-ui
 ```
 
+## Quick Start
 
 ### 1. Setup Providers
 
-**Option A: With Crossmint Authentication (Recommended)**
+**With Crossmint Authentication (Recommended for quickstarts only)**
 
 ```tsx
 "use client";
@@ -21,17 +28,17 @@ pnpm add @crossmint/client-sdk-react-ui
 import {
   CrossmintProvider,
   CrossmintAuthProvider,
-  CrossmintWalletProvider
+  CrossmintWalletProvider,
 } from "@crossmint/client-sdk-react-ui";
 
 export default function App({ children }) {
   return (
     <CrossmintProvider apiKey={process.env.NEXT_PUBLIC_CROSSMINT_API_KEY}>
-      <CrossmintAuthProvider authModalTitle="Sign in to MyApp">
+      <CrossmintAuthProvider>
         <CrossmintWalletProvider
-          createOnLogin={{ 
-            chain: "polygon-amoy", 
-            signer: { type: "email" } 
+          createOnLogin={{
+            chain: "base-sepolia",
+            recovery: { type: "email" },
           }}
         >
           {children}
@@ -42,32 +49,30 @@ export default function App({ children }) {
 }
 ```
 
-**Option B: 🔧 Bring Your Own Authentication**
-
-Already have authentication? Skip Crossmint Auth and use wallets with your existing system:
+**Bring Your Own Authentication**
 
-📖 **[Complete Custom Auth Guide](https://docs.crossmint.com/wallets/advanced/bring-your-own-auth)** - Full setup with examples and implementation details.
+Already have authentication? Skip `CrossmintAuthProvider` and use wallets with your existing auth system. See the [Custom Auth Guide](https://docs.crossmint.com/wallets/advanced/bring-your-own-auth) for full details.
 
 ```tsx
 "use client";
 
 import {
   CrossmintProvider,
-  CrossmintWalletProvider
+  CrossmintWalletProvider,
 } from "@crossmint/client-sdk-react-ui";
 
 export default function App({ children }) {
   return (
     <CrossmintProvider apiKey={process.env.NEXT_PUBLIC_CROSSMINT_API_KEY}>
-      {/* No CrossmintAuthProvider needed! */}
-      <CrossmintWalletProvider 
-        createOnLogin={{ 
-            chain: "solana", 
-            signer: { 
-                type: "email", 
-                email: "<email-from-your-auth-system>" 
-            } 
-        }}>
+      <CrossmintWalletProvider
+        createOnLogin={{
+          chain: "base-sepolia",
+          recovery: {
+            type: "email",
+            email: "user@example.com",
+          },
+        }}
+      >
         {children}
       </CrossmintWalletProvider>
     </CrossmintProvider>
@@ -75,158 +80,122 @@ export default function App({ children }) {
 }
 ```
 
-### 2. Use Authentication & Wallets
+### 2. Use Wallets
 
 ```tsx
-import { useAuth, useWallet } from "@crossmint/client-sdk-react-ui";
-
-export default function MyComponent() {
-  const { login, logout, user, status } = useAuth();
-  const { wallet, status: walletStatus } = useWallet();
-
-  if (status === "logged-out") {
-    return <button onClick={login}>Sign In</button>;
-  }
-
-  if (walletStatus === "loaded") {
-    return (
-      <div>
-        <p>Welcome {user?.email}!</p>
-        <p>Wallet: {wallet?.address}</p>
-        <button onClick={() => wallet?.send(recipient, "usdc", "1.0")}>
-          Send 1 USDC
-        </button>
-        <button onClick={logout}>Logout</button>
-      </div>
-    );
-  }
-
-  return <div>Loading wallet...</div>;
-}
-```
+import { useWallet } from "@crossmint/client-sdk-react-ui";
 
-## 🔐 Authentication
+function WalletActions() {
+  const { wallet, status } = useWallet();
 
-### Supported Login Methods
-- **Email OTP**: Passwordless sign-in with verification code
-- **Social Accounts**: Google, Twitter/X, Farcaster
-- **Web3 Wallets**: Connect external wallets for authentication
-- **Custom UI**: Headed or headless authentication flows
+  if (status === "in-progress") return <p>Loading wallet...</p>;
+  if (!wallet) return <p>No wallet</p>;
 
-### Provider Configuration
-```tsx
-<CrossmintAuthProvider
-  loginMethods={["email", "google", "twitter", "farcaster", "web3"]}
-  authModalTitle="Welcome to MyApp"
-  // Optional: Customize the appearance of the auth modal. 
-  // -> See https://docs.crossmint.com/authentication/customization for more details.
-  appearance={{
-    borderRadius: "12px",
-    colors: {
-      background: "#ffffff",
-      textPrimary: "#000000",
-      accent: "#6366f1"
-    }
-  }}
->
+  const handleSend = async () => {
+    const tx = await wallet.send("0xRecipient", "usdc", "10");
+    console.log("Transaction:", tx.explorerLink);
+  };
+
+  return (
+    <div>
+      <p>Wallet: {wallet.address}</p>
+      <button onClick={handleSend}>Send 10 USDC</button>
+    </div>
+  );
+}
 ```
 
-## 💳 Wallets
+## Providers
+
+| Provider | Purpose |
+|---|---|
+| `CrossmintProvider` | Root provider. Required for all Crossmint features. |
+| `CrossmintAuthProvider` | Authentication (email OTP, Google, Twitter/X). Optional if using your own auth. |
+| `CrossmintWalletProvider` | Wallet creation, device signer management, and built-in OTP/passkey UI. |
 
-### Multi-Chain Support
-- **Solana**: Native SOL, SPL tokens
-- **EVM Chains**: Ethereum, Polygon, Base, Arbitrum, and 15+ more
-- **Unified API**: Same code works across all chains
+### `createOnLogin` Configuration
+
+When `createOnLogin` is set on `CrossmintWalletProvider`, a wallet is automatically created when the user logs in:
 
-### Wallet Creation Options
 ```tsx
 <CrossmintWalletProvider
   createOnLogin={{
-    chain: "solana", // or EVM chains: "polygon", "base", etc.
-    signer: { 
-      type: "email" // or "api-key", "passkey", "external-wallet"
-    }
+    chain: "base-sepolia",       // required — the blockchain
+    recovery: { type: "email" }, // required — recovery signer config
+    signers: [{ type: "device" }], // optional — defaults to device signer
   }}
 >
 ```
 
-### Using Wallets
-```tsx
-const { wallet, getOrCreateWallet } = useWallet();
+## Hooks
 
-// Get wallet info
-const address = wallet?.address;
-const balance = await wallet?.balances();
+### `useWallet()`
 
-// Send tokens
-const tx = await wallet?.send(recipient, "usdc", "10.5");
-console.log("Transaction:", tx.explorerLink);
+Returns the wallet instance and management functions:
 
-// For advanced use cases
-const customWallet = await getOrCreateWallet({
-  chain: "<your-chain>",
-  signer: { type: "<your-signer-type>" }
-});
+```tsx
+const {
+  wallet,              // Wallet | undefined
+  status,              // "not-loaded" | "in-progress" | "loaded" | "error"
+  getWallet,           // (props: { chain, alias? }) => Promise<Wallet | undefined>
+  createWallet,        // (props: ClientSideWalletCreateArgs) => Promise<Wallet | undefined>
+  createDeviceSigner,  // () => Promise<DeviceSignerDescriptor> | undefined
+  createPasskeySigner, // (name: string) => Promise<RegisterSignerPasskeyParams>
+} = useWallet();
 ```
 
-## 🎨 UI Components
+### `useWalletOtpSigner()`
 
-Ready-to-use components for displaying wallet content:
+For custom OTP UI when using email/phone recovery signers:
 
 ```tsx
-import { 
-  CrossmintNFTCollectionView,
-  CrossmintNFTDetail 
-} from "@crossmint/client-sdk-react-ui";
+const { needsAuth, sendOtp, verifyOtp, reject } = useWalletOtpSigner();
+```
+
+### `useAuth()`
 
-// Display user's NFT collection
-<CrossmintNFTCollectionView {...props} />
+Authentication state and login methods:
 
-// Show NFT details
-<CrossmintNFTDetail {...props} />
+```tsx
+const { login, logout, user, status } = useAuth();
 ```
 
-## 📱 React Native
+## Components
 
-For React Native apps, use our dedicated [npm package](https://www.npmjs.com/package/@crossmint/client-sdk-react-native-ui).
+### `ExportPrivateKeyButton`
 
+Renders a button to export the wallet's private key via TEE. Only renders for email/phone signers.
 
-```bash
-pnpm add @crossmint/client-sdk-react-native-ui
+```tsx
+import { ExportPrivateKeyButton } from "@crossmint/client-sdk-react-ui";
+
+<ExportPrivateKeyButton appearance={{ borderRadius: "12px" }} />
 ```
 
-## 🛠️ Environment Setup
+## React Native
 
-1. Get your API key from [Crossmint Console](https://staging.crossmint.com/console/projects/apiKeys)
+For React Native apps, see [`@crossmint/client-sdk-react-native-ui`](https://www.npmjs.com/package/@crossmint/client-sdk-react-native-ui).
 
-2. Add to your `.env`:
-```bash
-NEXT_PUBLIC_CROSSMINT_API_KEY=your_api_key_here
-```
+## Wallets SDK
 
-## 📖 SDK Reference Docs Generation
+The `wallet` object returned by `useWallet()` is a [`Wallet`](https://www.npmjs.com/package/@crossmint/wallets-sdk) instance. For wallet method documentation (send, balances, sign, etc.), see the [`@crossmint/wallets-sdk` README](https://www.npmjs.com/package/@crossmint/wallets-sdk).
 
-```
-Source JSDoc → TypeDoc → api.json ─┐
-                                   ├→ generate-reference.mjs → MDX pages (docs/<product>/)
-                    examples.json ─┘
-```
-
-Run with `pnpm generate:docs` or `node scripts/generate-reference.mjs --product wallets`.
+## Documentation
 
-**Key details for maintainers:**
+- [Crossmint Wallets Docs](https://docs.crossmint.com)
+- [SDK Reference](https://docs.crossmint.com/sdk-reference/wallets/react)
+- [Custom Auth Guide](https://docs.crossmint.com/wallets/advanced/bring-your-own-auth)
 
-- **`api.json` and `docs/` are gitignored** — they're build artifacts, not checked in.
-- **Adding a new product** only requires a new entry in the `PRODUCTS` config at the top of `generate-reference.mjs`. No other script changes needed.
-- **Exports are auto-classified** by naming convention: `*Provider` → providers page, `use*` → hooks page, everything else → components page.
-- **`examples.json`** holds all code snippets, keyed by export name (e.g. `"CrossmintProvider"`, `"useWallet"`). The script validates that every export has a matching example.
-- **`MANUAL_RETURNS` / `EXPANDABLE_CHILDREN`** are escape hatches for cross-package types that TypeDoc can't resolve (e.g. wallet args, hook return types). If a new hook's return type shows as `unknown`, you likely need to add an entry here.
-- **`skipErrorChecking: true`** in the TypeDoc config is intentional — React packages have peer deps that break type resolution without it.
+## SDK Reference Docs Generation
 
-## 📚 Examples & Documentation
+```
+Source JSDoc -> TypeDoc -> api.json -+
+                                    +-> generate-reference.mjs -> MDX pages (docs/<product>/)
+                     examples.json -+
+```
 
-- **[Quickstarts](https://www.crossmint.com/quickstarts)** - Find your quickstart for your use case.
+Run with `pnpm generate:docs` or `node scripts/generate-reference.mjs --product wallets`.
 
----
+## License
 
-**Questions?** Visit our [documentation](https://docs.crossmint.com/introduction/about-crossmint) or contact our support team. 
+Apache-2.0

package/dist/{chunk-EEDRQBCG.js → chunk-4Q7ET6JJ.js}

@@ -1 +1 @@
-import{a as e}from"./chunk-5KPIOFHP.js";import{a as t}from"./chunk-PXDN3KFO.js";import{jsx as m}from"react/jsx-runtime";function s(n){return m(e,t({},n))}export{s as a};
+import{a as e}from"./chunk-IEFM4XHV.js";import{a as t}from"./chunk-PXDN3KFO.js";import{jsx as m}from"react/jsx-runtime";function s(n){return m(e,t({},n))}export{s as a};

package/dist/chunk-5HK2YWWM.js

@@ -0,0 +1 @@
+import{a as m}from"./chunk-ETAEFFCS.js";import{a as l}from"./chunk-HHJC55PV.js";import{a as c}from"./chunk-DX2X3VXF.js";import{a as t}from"./chunk-PXDN3KFO.js";import{useEffect as P,useMemo as d}from"react";import{CrossmintWalletBaseProvider as C,useCrossmint as u}from"@crossmint/client-sdk-react-base";import{IframeDeviceSignerKeyStorage as v}from"@crossmint/wallets-sdk";import{Fragment as S,jsx as n,jsxs as b}from"react/jsx-runtime";function y(r){return({emailSignerProps:i,phoneSignerProps:e,passkeyPromptProps:o})=>b(S,{children:[r&&n(m,t({},i)),r&&n(l,t({},e)),o!=null&&n(c,t({},o))]})}function w({children:r,showPasskeyHelpers:i=!0,showOtpSignerPrompt:e=!0,appearance:o,createOnLogin:p,callbacks:f}){let{crossmint:a}=u("CrossmintWalletProvider must be used within CrossmintProvider"),s=d(()=>new v(a.apiKey),[a.apiKey]);P(()=>()=>s.destroy(),[s]);let g=d(()=>y(e),[e]);return n(C,{createOnLogin:p,appearance:o,showPasskeyHelpers:i,showOtpSignerPrompt:e,callbacks:f,renderUI:g,deviceSignerKeyStorage:s,children:r})}export{w as a};

package/dist/{chunk-OZE5U6MD.cjs → chunk-5NYH62AA.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkWAEOQ6CDcjs = require('./chunk-WAEOQ6CD.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _jsxruntime = require('react/jsx-runtime');function r(n){return _jsxruntime.jsx.call(void 0, _chunkWAEOQ6CDcjs.a,_chunk2WSEHVNPcjs.a.call(void 0, {},n))}exports.a = r;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkZLZLLTGZcjs = require('./chunk-ZLZLLTGZ.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _jsxruntime = require('react/jsx-runtime');function r(n){return _jsxruntime.jsx.call(void 0, _chunkZLZLLTGZcjs.a,_chunk2WSEHVNPcjs.a.call(void 0, {},n))}exports.a = r;

package/dist/{chunk-H2ZOOSOQ.js → chunk-77T6GVZ3.js}

@@ -1 +1 @@
-import{a as t}from"./chunk-Q6P3EIKK.js";import{assertValidValidateNFTDetailProps as e,getNFTDetailSrc as i}from"@crossmint/client-sdk-base";import{jsx as s}from"react/jsx-runtime";function d(r){e(r);let o=i(r,t);return s("iframe",{src:o,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-details"})}export{d as a};
+import{a as t}from"./chunk-AOT5533W.js";import{assertValidValidateNFTDetailProps as e,getNFTDetailSrc as i}from"@crossmint/client-sdk-base";import{jsx as s}from"react/jsx-runtime";function d(r){e(r);let o=i(r,t);return s("iframe",{src:o,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-details"})}export{d as a};

package/dist/chunk-AOT5533W.js

@@ -0,0 +1 @@
+import{a as o}from"./chunk-RP5PZAEJ.js";var i=o;export{i as a};

package/dist/{chunk-J7THUGSQ.js → chunk-AYOMB2MD.js}

@@ -1 +1 @@
-import{a as h}from"./chunk-6SBTKAH5.js";import{a as f}from"./chunk-SQ4E72JC.js";import{a,b as y}from"./chunk-PXDN3KFO.js";import{useCrossmint as S}from"@crossmint/client-sdk-react-base";import{lazy as V,useEffect as s,useRef as c,useState as d}from"react";import{crossmintEmbeddedCheckoutV3Service as I}from"@crossmint/client-sdk-base";import{Fragment as F,jsx as o,jsxs as L}from"react/jsx-runtime";var w=V(()=>import("./components/embed/v3/crypto/CryptoWalletConnectionHandler.js").then(t=>({default:t.CryptoWalletConnectionHandler})));function N(t){var l;let[e,C]=d(null),[b,P]=d(0),[g,k]=d(!1),E=c((l=t.payment.crypto.payer)==null?void 0:l.initialChain),n=c(t);if(x(t,n.current)){let r=a({},t),p=H(t,E.current);p.shouldPreserve&&(r.payment.crypto.payer=p.updatedPayer),n.current=r}let{crossmint:v}=S(),m=f(v,{usageOrigin:"client"}),u=I({apiClient:m}),i=c(null);return s(()=>{let r=i.current;!r||e||C(u.iframe.createClient(r))},[i.current,e]),s(()=>{if(e!=null)return e.on("ui:height.changed",r=>P(r.height)),()=>{e.off("ui:height.changed")}},[e]),s(()=>{if(e==null)return;let r=e.on("crypto:load",()=>{k(!0),e.send("crypto:load.success",{})});return()=>{e.off(r)}},[e]),L(F,{children:[o("iframe",{ref:i,src:u.iframe.getUrl(n.current),id:"crossmint-embedded-checkout.iframe",role:"crossmint-embedded-checkout.iframe",allow:"payment *; microphone; camera",style:{boxShadow:"none",border:"none",padding:"0px",width:"100%",minWidth:"100%",overflow:"hidden",display:"block",userSelect:"none",transform:"translate(0px)",opacity:"1",transition:"ease 0s, opacity 0.4s ease 0.1s",height:`${b}px`,backgroundColor:"transparent"}}),g||n.current.payment.crypto.enabled?n.current.payment.crypto.payer!=null?o(h,{payer:n.current.payment.crypto.payer,iframeClient:e}):o(w,{iframeClient:e,apiKeyEnvironment:m.parsedAPIKey.environment}):null,o("span",{id:"crossmint-focus-target",tabIndex:-1})]})}function x(t,e){return JSON.stringify(t)!==JSON.stringify(e)}function H(t,e){return t.payment.crypto.payer&&e!=null?{shouldPreserve:!0,updatedPayer:y(a({},t.payment.crypto.payer),{initialChain:e})}:{shouldPreserve:!1}}export{N as a};
+import{a as h}from"./chunk-6SBTKAH5.js";import{a as f}from"./chunk-SSBIPH4L.js";import{a,b as y}from"./chunk-PXDN3KFO.js";import{useCrossmint as S}from"@crossmint/client-sdk-react-base";import{lazy as V,useEffect as s,useRef as c,useState as d}from"react";import{crossmintEmbeddedCheckoutV3Service as I}from"@crossmint/client-sdk-base";import{Fragment as F,jsx as o,jsxs as L}from"react/jsx-runtime";var w=V(()=>import("./components/embed/v3/crypto/CryptoWalletConnectionHandler.js").then(t=>({default:t.CryptoWalletConnectionHandler})));function N(t){var l;let[e,C]=d(null),[b,P]=d(0),[g,k]=d(!1),E=c((l=t.payment.crypto.payer)==null?void 0:l.initialChain),n=c(t);if(x(t,n.current)){let r=a({},t),p=H(t,E.current);p.shouldPreserve&&(r.payment.crypto.payer=p.updatedPayer),n.current=r}let{crossmint:v}=S(),m=f(v,{usageOrigin:"client"}),u=I({apiClient:m}),i=c(null);return s(()=>{let r=i.current;!r||e||C(u.iframe.createClient(r))},[i.current,e]),s(()=>{if(e!=null)return e.on("ui:height.changed",r=>P(r.height)),()=>{e.off("ui:height.changed")}},[e]),s(()=>{if(e==null)return;let r=e.on("crypto:load",()=>{k(!0),e.send("crypto:load.success",{})});return()=>{e.off(r)}},[e]),L(F,{children:[o("iframe",{ref:i,src:u.iframe.getUrl(n.current),id:"crossmint-embedded-checkout.iframe",role:"crossmint-embedded-checkout.iframe",allow:"payment *; microphone; camera",style:{boxShadow:"none",border:"none",padding:"0px",width:"100%",minWidth:"100%",overflow:"hidden",display:"block",userSelect:"none",transform:"translate(0px)",opacity:"1",transition:"ease 0s, opacity 0.4s ease 0.1s",height:`${b}px`,backgroundColor:"transparent"}}),g||n.current.payment.crypto.enabled?n.current.payment.crypto.payer!=null?o(h,{payer:n.current.payment.crypto.payer,iframeClient:e}):o(w,{iframeClient:e,apiKeyEnvironment:m.parsedAPIKey.environment}):null,o("span",{id:"crossmint-focus-target",tabIndex:-1})]})}function x(t,e){return JSON.stringify(t)!==JSON.stringify(e)}function H(t,e){return t.payment.crypto.payer&&e!=null?{shouldPreserve:!0,updatedPayer:y(a({},t.payment.crypto.payer),{initialChain:e})}:{shouldPreserve:!1}}export{N as a};

package/dist/{chunk-GRGNHNDP.js → chunk-BGRZIW73.js}

@@ -1 +1 @@
-import{a as H}from"./chunk-EA7H4AXL.js";import{a as f}from"./chunk-SQ4E72JC.js";import{a as k,b as P,c as h}from"./chunk-PXDN3KFO.js";import{useEffect as b,useState as A}from"react";import{useCrossmint as B}from"@crossmint/client-sdk-react-base";import{crossmintHostedCheckoutV3Service as N,crossmintHostedCheckoutV3StylesService as J,isHostedCheckoutV3ExistingOrderProps as R}from"@crossmint/client-sdk-base";import X from"clsx";import{jsx as V,jsxs as O}from"react/jsx-runtime";function M(e){if(R(e)){let t=e,{orderId:c,clientSecret:s,locale:y,payment:S,appearance:g,onClick:E,className:I,children:v}=t,x=h(t,["orderId","clientSecret","locale","payment","appearance","onClick","className","children"]);return{customProps:{orderId:c,clientSecret:s,locale:y,payment:S,appearance:g},onClick:E,className:I,children:v,restButtonProps:x}}let i=e,{lineItems:p,payment:m,recipient:u,locale:l,appearance:n,metadata:r,onClick:C,className:o,children:a}=i,d=h(i,["lineItems","payment","recipient","locale","appearance","metadata","onClick","className","children"]);return{customProps:{lineItems:p,payment:m,recipient:u,locale:l,appearance:n,metadata:r},onClick:C,className:o,children:a,restButtonProps:d}}function z(e){let[p,m]=A(!1),{crossmint:u}=B(),l=f(u),{customProps:n,onClick:r,className:C,children:o,restButtonProps:a}=M(e),d=N({apiClient:l,hostedCheckoutProps:n}),t=J(n);function i(s){s.preventDefault(),s.stopPropagation(),d.createWindow(),r&&r(s)}let c=t.generateCss();return b(()=>{let{cleanup:s}=t.injectCss(c);return m(!0),s},[c]),p?O("button",P(k({onClick:i,className:X(t.identifiers.buttonClassNames,C)},a),{children:[V(H,{style:{marginRight:"12px",flex:"none"},displayType:"icon-only",id:t.identifiers.logoId,height:16,width:16}),o!=null?o:V("p",{style:{margin:0},children:t.getButtonText()})]})):null}export{z as a};
+import{a as H}from"./chunk-EA7H4AXL.js";import{a as f}from"./chunk-SSBIPH4L.js";import{a as k,b as P,c as h}from"./chunk-PXDN3KFO.js";import{useEffect as b,useState as A}from"react";import{useCrossmint as B}from"@crossmint/client-sdk-react-base";import{crossmintHostedCheckoutV3Service as N,crossmintHostedCheckoutV3StylesService as J,isHostedCheckoutV3ExistingOrderProps as R}from"@crossmint/client-sdk-base";import X from"clsx";import{jsx as V,jsxs as O}from"react/jsx-runtime";function M(e){if(R(e)){let t=e,{orderId:c,clientSecret:s,locale:y,payment:S,appearance:g,onClick:E,className:I,children:v}=t,x=h(t,["orderId","clientSecret","locale","payment","appearance","onClick","className","children"]);return{customProps:{orderId:c,clientSecret:s,locale:y,payment:S,appearance:g},onClick:E,className:I,children:v,restButtonProps:x}}let i=e,{lineItems:p,payment:m,recipient:u,locale:l,appearance:n,metadata:r,onClick:C,className:o,children:a}=i,d=h(i,["lineItems","payment","recipient","locale","appearance","metadata","onClick","className","children"]);return{customProps:{lineItems:p,payment:m,recipient:u,locale:l,appearance:n,metadata:r},onClick:C,className:o,children:a,restButtonProps:d}}function z(e){let[p,m]=A(!1),{crossmint:u}=B(),l=f(u),{customProps:n,onClick:r,className:C,children:o,restButtonProps:a}=M(e),d=N({apiClient:l,hostedCheckoutProps:n}),t=J(n);function i(s){s.preventDefault(),s.stopPropagation(),d.createWindow(),r&&r(s)}let c=t.generateCss();return b(()=>{let{cleanup:s}=t.injectCss(c);return m(!0),s},[c]),p?O("button",P(k({onClick:i,className:X(t.identifiers.buttonClassNames,C)},a),{children:[V(H,{style:{marginRight:"12px",flex:"none"},displayType:"icon-only",id:t.identifiers.logoId,height:16,width:16}),o!=null?o:V("p",{style:{margin:0},children:t.getButtonText()})]})):null}export{z as a};

package/dist/{chunk-EYNS2BZQ.js → chunk-BPOSHE4H.js}

@@ -1 +1 @@
-import{b as r}from"./chunk-22W2VBN3.js";import{a as s,c as n}from"./chunk-PXDN3KFO.js";import{CrossmintProvider as C,initReactLogger as d,createLoggerContext as c}from"@crossmint/client-sdk-react-base";import{useMemo as p}from"react";import{jsx as i}from"react/jsx-runtime";var v=c();function u(a){var t=a,{apiKey:o,consoleLogLevel:e}=t,m=n(t,["apiKey","consoleLogLevel"]);let g=p(()=>d(o,r.name,r.version,e),[o,e]);return i(v.Provider,{value:g,children:i(C,s({apiKey:o},m))})}export{v as a,u as b};
+import{b as r}from"./chunk-RP5PZAEJ.js";import{a as s,c as n}from"./chunk-PXDN3KFO.js";import{CrossmintProvider as C,initReactLogger as d,createLoggerContext as c}from"@crossmint/client-sdk-react-base";import{useMemo as p}from"react";import{jsx as i}from"react/jsx-runtime";var v=c();function u(a){var t=a,{apiKey:o,consoleLogLevel:e}=t,m=n(t,["apiKey","consoleLogLevel"]);let g=p(()=>d(o,r.name,r.version,e),[o,e]);return i(v.Provider,{value:g,children:i(C,s({apiKey:o},m))})}export{v as a,u as b};

package/dist/{chunk-BAJEIWL7.js → chunk-BTW6OX3M.js}

@@ -1 +1 @@
-import{a as e}from"./chunk-Q6P3EIKK.js";import{assertValidNFTCollectionViewProps as r,getNFTCollectionViewSrc as t}from"@crossmint/client-sdk-base";import{jsx as n}from"react/jsx-runtime";function w(o){r(o);let i=t(o,e);return n("iframe",{src:i,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-collection-view"})}export{w as a};
+import{a as e}from"./chunk-AOT5533W.js";import{assertValidNFTCollectionViewProps as r,getNFTCollectionViewSrc as t}from"@crossmint/client-sdk-base";import{jsx as n}from"react/jsx-runtime";function w(o){r(o);let i=t(o,e);return n("iframe",{src:i,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-collection-view"})}export{w as a};

package/dist/chunk-E5BIHAET.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _reactagentic = require('@basis-theory/react-agentic');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');function B(n){return _jsxruntime.jsx.call(void 0, _reactagentic.BtAiProvider,{apiKey:n.config.btApiKey,environment:n.config.environment,children:_jsxruntime.jsx.call(void 0, O,_chunk2WSEHVNPcjs.a.call(void 0, {},n))})}function O({orderIntent:n,onVerificationComplete:o,onVerificationError:c}){let{verifyInstruction:s,ready:d}=_reactagentic.useBtAi.call(void 0, ),I=_react.useRef.call(void 0, s),t=_react.useRef.call(void 0, o),e=_react.useRef.call(void 0, c);_react.useEffect.call(void 0, ()=>{I.current=s},[s]),_react.useEffect.call(void 0, ()=>{t.current=o},[o]),_react.useEffect.call(void 0, ()=>{e.current=c},[c]);let y=n.payment.btAgentId,v=n.payment.btInstructionId;return _react.useEffect.call(void 0, ()=>{if(!d)return;let f=!1;return I.current(y,v).then(u=>{var r;f||(r=t.current)==null||r.call(t,u)}).catch(u=>{var r;f||(r=e.current)==null||r.call(e,u)}),()=>{f=!0}},[d,y,v]),null}exports.a = B;

package/dist/{chunk-7MRMMVB7.cjs → chunk-GSJW3GHT.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunk56YL3XJWcjs = require('./chunk-56YL3XJW.cjs');var _chunkR4IFNGLCcjs = require('./chunk-R4IFNGLC.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _react = require('react');var _clientsdkreactbase = require('@crossmint/client-sdk-react-base');var _clientsdkbase = require('@crossmint/client-sdk-base');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _jsxruntime = require('react/jsx-runtime');function M(e){if(_clientsdkbase.isHostedCheckoutV3ExistingOrderProps.call(void 0, e)){let t=e,{orderId:c,clientSecret:s,locale:y,payment:S,appearance:g,onClick:E,className:I,children:v}=t,x=_chunk2WSEHVNPcjs.c.call(void 0, t,["orderId","clientSecret","locale","payment","appearance","onClick","className","children"]);return{customProps:{orderId:c,clientSecret:s,locale:y,payment:S,appearance:g},onClick:E,className:I,children:v,restButtonProps:x}}let i=e,{lineItems:p,payment:m,recipient:u,locale:l,appearance:n,metadata:r,onClick:C,className:o,children:a}=i,d=_chunk2WSEHVNPcjs.c.call(void 0, i,["lineItems","payment","recipient","locale","appearance","metadata","onClick","className","children"]);return{customProps:{lineItems:p,payment:m,recipient:u,locale:l,appearance:n,metadata:r},onClick:C,className:o,children:a,restButtonProps:d}}function q(e){let[p,m]=_react.useState.call(void 0, !1),{crossmint:u}=_clientsdkreactbase.useCrossmint.call(void 0, ),l=_chunkR4IFNGLCcjs.a.call(void 0, u),{customProps:n,onClick:r,className:C,children:o,restButtonProps:a}=M(e),d=_clientsdkbase.crossmintHostedCheckoutV3Service.call(void 0, {apiClient:l,hostedCheckoutProps:n}),t=_clientsdkbase.crossmintHostedCheckoutV3StylesService.call(void 0, n);function i(s){s.preventDefault(),s.stopPropagation(),d.createWindow(),r&&r(s)}let c=t.generateCss();return _react.useEffect.call(void 0, ()=>{let{cleanup:s}=t.injectCss(c);return m(!0),s},[c]),p?_jsxruntime.jsxs.call(void 0, "button",_chunk2WSEHVNPcjs.b.call(void 0, _chunk2WSEHVNPcjs.a.call(void 0, {onClick:i,className:_clsx2.default.call(void 0, t.identifiers.buttonClassNames,C)},a),{children:[_jsxruntime.jsx.call(void 0, _chunk56YL3XJWcjs.a,{style:{marginRight:"12px",flex:"none"},displayType:"icon-only",id:t.identifiers.logoId,height:16,width:16}),o!=null?o:_jsxruntime.jsx.call(void 0, "p",{style:{margin:0},children:t.getButtonText()})]})):null}exports.a = q;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunk56YL3XJWcjs = require('./chunk-56YL3XJW.cjs');var _chunkRD7EYWRHcjs = require('./chunk-RD7EYWRH.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _react = require('react');var _clientsdkreactbase = require('@crossmint/client-sdk-react-base');var _clientsdkbase = require('@crossmint/client-sdk-base');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _jsxruntime = require('react/jsx-runtime');function M(e){if(_clientsdkbase.isHostedCheckoutV3ExistingOrderProps.call(void 0, e)){let t=e,{orderId:c,clientSecret:s,locale:y,payment:S,appearance:g,onClick:E,className:I,children:v}=t,x=_chunk2WSEHVNPcjs.c.call(void 0, t,["orderId","clientSecret","locale","payment","appearance","onClick","className","children"]);return{customProps:{orderId:c,clientSecret:s,locale:y,payment:S,appearance:g},onClick:E,className:I,children:v,restButtonProps:x}}let i=e,{lineItems:p,payment:m,recipient:u,locale:l,appearance:n,metadata:r,onClick:C,className:o,children:a}=i,d=_chunk2WSEHVNPcjs.c.call(void 0, i,["lineItems","payment","recipient","locale","appearance","metadata","onClick","className","children"]);return{customProps:{lineItems:p,payment:m,recipient:u,locale:l,appearance:n,metadata:r},onClick:C,className:o,children:a,restButtonProps:d}}function q(e){let[p,m]=_react.useState.call(void 0, !1),{crossmint:u}=_clientsdkreactbase.useCrossmint.call(void 0, ),l=_chunkRD7EYWRHcjs.a.call(void 0, u),{customProps:n,onClick:r,className:C,children:o,restButtonProps:a}=M(e),d=_clientsdkbase.crossmintHostedCheckoutV3Service.call(void 0, {apiClient:l,hostedCheckoutProps:n}),t=_clientsdkbase.crossmintHostedCheckoutV3StylesService.call(void 0, n);function i(s){s.preventDefault(),s.stopPropagation(),d.createWindow(),r&&r(s)}let c=t.generateCss();return _react.useEffect.call(void 0, ()=>{let{cleanup:s}=t.injectCss(c);return m(!0),s},[c]),p?_jsxruntime.jsxs.call(void 0, "button",_chunk2WSEHVNPcjs.b.call(void 0, _chunk2WSEHVNPcjs.a.call(void 0, {onClick:i,className:_clsx2.default.call(void 0, t.identifiers.buttonClassNames,C)},a),{children:[_jsxruntime.jsx.call(void 0, _chunk56YL3XJWcjs.a,{style:{marginRight:"12px",flex:"none"},displayType:"icon-only",id:t.identifiers.logoId,height:16,width:16}),o!=null?o:_jsxruntime.jsx.call(void 0, "p",{style:{margin:0},children:t.getButtonText()})]})):null}exports.a = q;

package/dist/chunk-HEN676DS.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var t="4.0.0";var c={name:"@crossmint/client-sdk-react-ui",version:t,repository:"https://github.com/Crossmint/crossmint-sdk",license:"Apache-2.0",author:"Paella Labs Inc",sideEffects:!1,type:"module",exports:{import:"./dist/index.js",require:"./dist/index.cjs"},main:"./dist/index.cjs",module:"./dist/index.js",types:"./dist/index.d.ts",files:["dist","LICENSE"],scripts:{build:"cross-env NODE_OPTIONS='--max-old-space-size=16384' tsup",dev:"cross-env NODE_OPTIONS='--max-old-space-size=16384' tsup --watch","test:vitest":"vitest run","generate:docs":"typedoc && node scripts/generate-reference.mjs"},dependencies:{"@basis-theory/react-agentic":"1.0.2","@crossmint/client-sdk-auth":"workspace:*","@crossmint/client-sdk-base":"workspace:*","@crossmint/client-sdk-react-base":"workspace:*","@crossmint/client-sdk-window":"workspace:*","@crossmint/client-signers":"workspace:*","@crossmint/common-sdk-auth":"workspace:*","@crossmint/common-sdk-base":"workspace:*","@crossmint/wallets-sdk":"workspace:*","@dynamic-labs/ethereum":"4.28.0","@dynamic-labs/sdk-react-core":"4.28.0","@dynamic-labs/solana":"4.28.0","@dynamic-labs/sui":"4.28.0","@emotion/react":"^11.11.0","@emotion/styled":"11.14.1","@ethersproject/transactions":"5.7.0","@mysten/sui":"1.24.0","@solana/web3.js":"1.98.1",bs58:"5.0.0",clsx:"2.1.1",color:"4.2.3","input-otp":"1.4.2","lodash.isequal":"4.5.0",ox:"0.6.9","react-jss":"10.10.0","react-transition-group":"4.4.5",viem:"2.33.1",zod:"3.22.4"},devDependencies:{"@testing-library/react":"^16.0.1","@types/color":"4.2.0","@types/lodash.isequal":"4.5.6","@types/react":"^19.1.10","@types/react-dom":"^19.1.0","@types/react-transition-group":"4.4.12","pino-pretty":"^7.6.0",react:"^19.1.0","react-dom":"^19.1.0",typedoc:"0.28.16"},peerDependencies:{"@solana/web3.js":"^1.98.1",react:">=17.0.2","react-dom":">=17.0.2"}};exports.a = t; exports.b = c;

package/dist/{chunk-5KPIOFHP.js → chunk-IEFM4XHV.js}

@@ -1 +1 @@
-import{a as i}from"./chunk-SQ4E72JC.js";import{createPaymentMethodManagementService as g}from"@crossmint/client-sdk-base";import{useCrossmint as u}from"@crossmint/client-sdk-react-base";import{useEffect as o,useRef as y,useState as c}from"react";import{jsx as M}from"react/jsx-runtime";function I(n){let[e,s]=c(null),[l,d]=c(0),m=y(null),{crossmint:f}=u(),h=i(f,{usageOrigin:"client"}),r=g({apiClient:h});return o(()=>{let t=m.current;!t||e||s(r.iframe.createClient(t))},[m.current,e]),o(()=>{if(e!=null)return e.on("ui:height.changed",t=>d(t.height)),e.on("payment-method:selected",t=>{var a;return(a=n.onPaymentMethodSelected)==null?void 0:a.call(n,t)}),e.on("agentic-enrollment:created",t=>{var a;return(a=n.onAgenticEnrollmentCreated)==null?void 0:a.call(n,t.agenticEnrollment,t.verificationConfig)}),()=>{e.off("ui:height.changed"),e.off("payment-method:selected"),e.off("agentic-enrollment:created")}},[e]),M("iframe",{ref:m,src:r.iframe.getUrl(n),id:"crossmint-payment-method-management.iframe",role:"crossmint-payment-method-management.iframe",allow:"payment *; microphone; camera",style:{boxShadow:"none",border:"none",padding:"0px",width:"100%",minWidth:"100%",overflow:"hidden",display:"block",userSelect:"none",transform:"translate(0px)",opacity:"1",transition:"ease 0s, opacity 0.4s ease 0.1s",height:`${l}px`,backgroundColor:"transparent"}})}export{I as a};
+import{a as i}from"./chunk-SSBIPH4L.js";import{createPaymentMethodManagementService as g}from"@crossmint/client-sdk-base";import{useCrossmint as u}from"@crossmint/client-sdk-react-base";import{useEffect as o,useRef as y,useState as c}from"react";import{jsx as M}from"react/jsx-runtime";function I(n){let[e,s]=c(null),[l,d]=c(0),m=y(null),{crossmint:f}=u(),h=i(f,{usageOrigin:"client"}),r=g({apiClient:h});return o(()=>{let t=m.current;!t||e||s(r.iframe.createClient(t))},[m.current,e]),o(()=>{if(e!=null)return e.on("ui:height.changed",t=>d(t.height)),e.on("payment-method:selected",t=>{var a;return(a=n.onPaymentMethodSelected)==null?void 0:a.call(n,t)}),e.on("agentic-enrollment:created",t=>{var a;return(a=n.onAgenticEnrollmentCreated)==null?void 0:a.call(n,t.agenticEnrollment,t.verificationConfig)}),()=>{e.off("ui:height.changed"),e.off("payment-method:selected"),e.off("agentic-enrollment:created")}},[e]),M("iframe",{ref:m,src:r.iframe.getUrl(n),id:"crossmint-payment-method-management.iframe",role:"crossmint-payment-method-management.iframe",allow:"payment *; microphone; camera",style:{boxShadow:"none",border:"none",padding:"0px",width:"100%",minWidth:"100%",overflow:"hidden",display:"block",userSelect:"none",transform:"translate(0px)",opacity:"1",transition:"ease 0s, opacity 0.4s ease 0.1s",height:`${l}px`,backgroundColor:"transparent"}})}export{I as a};

package/dist/chunk-KDRXPDNN.js

@@ -0,0 +1 @@
+import{a as y}from"./chunk-PXDN3KFO.js";import{useBtAi as g,BtAiProvider as A}from"@basis-theory/react-agentic";import{useEffect as i,useRef as l}from"react";import{jsx as d}from"react/jsx-runtime";function B(n){return d(A,{apiKey:n.config.btApiKey,environment:n.config.environment,children:d(P,y({},n))})}function P({agentEnrollmentId:n,onVerificationComplete:o,onVerificationError:c}){let{verifyEnrollment:f,ready:u}=g(),m=l(f),t=l(o),r=l(c);return i(()=>{m.current=f},[f]),i(()=>{t.current=o},[o]),i(()=>{r.current=c},[c]),i(()=>{if(!u)return;let s=!1;return m.current(n).then(a=>{var e;s||(e=t.current)==null||e.call(t,a)}).catch(a=>{var e;s||(e=r.current)==null||e.call(r,a)}),()=>{s=!0}},[u,n]),null}export{B as a};

package/dist/{chunk-E3EETJ7Y.cjs → chunk-ME6GFFTG.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkLHGS2OLGcjs = require('./chunk-LHGS2OLG.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _clientsdkreactbase = require('@crossmint/client-sdk-react-base');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var v=_clientsdkreactbase.createLoggerContext.call(void 0, );function x(a){var t=a,{apiKey:o,consoleLogLevel:e}=t,m=_chunk2WSEHVNPcjs.c.call(void 0, t,["apiKey","consoleLogLevel"]);let g=_react.useMemo.call(void 0, ()=>_clientsdkreactbase.initReactLogger.call(void 0, o,_chunkLHGS2OLGcjs.b.name,_chunkLHGS2OLGcjs.b.version,e),[o,e]);return _jsxruntime.jsx.call(void 0, v.Provider,{value:g,children:_jsxruntime.jsx.call(void 0, _clientsdkreactbase.CrossmintProvider,_chunk2WSEHVNPcjs.a.call(void 0, {apiKey:o},m))})}exports.a = v; exports.b = x;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkHEN676DScjs = require('./chunk-HEN676DS.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _clientsdkreactbase = require('@crossmint/client-sdk-react-base');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var v=_clientsdkreactbase.createLoggerContext.call(void 0, );function x(a){var t=a,{apiKey:o,consoleLogLevel:e}=t,m=_chunk2WSEHVNPcjs.c.call(void 0, t,["apiKey","consoleLogLevel"]);let g=_react.useMemo.call(void 0, ()=>_clientsdkreactbase.initReactLogger.call(void 0, o,_chunkHEN676DScjs.b.name,_chunkHEN676DScjs.b.version,e),[o,e]);return _jsxruntime.jsx.call(void 0, v.Provider,{value:g,children:_jsxruntime.jsx.call(void 0, _clientsdkreactbase.CrossmintProvider,_chunk2WSEHVNPcjs.a.call(void 0, {apiKey:o},m))})}exports.a = v; exports.b = x;

package/dist/chunk-MJAQS7QL.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkHEN676DScjs = require('./chunk-HEN676DS.cjs');var e=_chunkHEN676DScjs.a;exports.a = e;

package/dist/{chunk-3AIZLLGP.js → chunk-NMJE6M72.js}

@@ -1 +1 @@
-import{a as o}from"./chunk-SQ4E72JC.js";import{createContext as p,useContext as h,useEffect as l,useState as i}from"react";import{useCrossmint as g}from"@crossmint/client-sdk-react-base";import{jsx as k}from"react/jsx-runtime";var s=p(void 0);function b({children:e}){let[r,d]=i(void 0),[c,u]=i(void 0),{crossmint:C}=g(),m=o(C,{usageOrigin:"client"});return l(()=>{let n=t=>{if(t.origin!==new URL(m.baseUrl).origin||t.data.event!=="order:updated")return;let{order:a,orderClientSecret:f}=t.data.data;d(a),u(f)};return window.addEventListener("message",n),()=>{window.removeEventListener("message",n)}},[r]),k(s.Provider,{value:{order:r,orderClientSecret:c},children:e})}function S(){let e=h(s);if(!e)throw new Error("useCrossmintCheckout must be used within a CrossmintCheckoutProvider");return e}export{b as a,S as b};
+import{a as o}from"./chunk-SSBIPH4L.js";import{createContext as p,useContext as h,useEffect as l,useState as i}from"react";import{useCrossmint as g}from"@crossmint/client-sdk-react-base";import{jsx as k}from"react/jsx-runtime";var s=p(void 0);function b({children:e}){let[r,d]=i(void 0),[c,u]=i(void 0),{crossmint:C}=g(),m=o(C,{usageOrigin:"client"});return l(()=>{let n=t=>{if(t.origin!==new URL(m.baseUrl).origin||t.data.event!=="order:updated")return;let{order:a,orderClientSecret:f}=t.data.data;d(a),u(f)};return window.addEventListener("message",n),()=>{window.removeEventListener("message",n)}},[r]),k(s.Provider,{value:{order:r,orderClientSecret:c},children:e})}function S(){let e=h(s);if(!e)throw new Error("useCrossmintCheckout must be used within a CrossmintCheckoutProvider");return e}export{b as a,S as b};

package/dist/{chunk-VMUDLVFO.js → chunk-NT7MWYAT.js}

@@ -1 +1 @@
-import{a as o}from"./chunk-J7THUGSQ.js";import{a as e}from"./chunk-PXDN3KFO.js";import{jsx as t}from"react/jsx-runtime";function i(d){return t(o,e({},d))}export{i as a};
+import{a as o}from"./chunk-AYOMB2MD.js";import{a as e}from"./chunk-PXDN3KFO.js";import{jsx as t}from"react/jsx-runtime";function i(d){return t(o,e({},d))}export{i as a};

package/dist/{chunk-PC45IKUG.cjs → chunk-OHRKIITQ.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkL74XKVWPcjs = require('./chunk-L74XKVWP.cjs');var _clientsdkbase = require('@crossmint/client-sdk-base');var _jsxruntime = require('react/jsx-runtime');function m(o){_clientsdkbase.assertValidNFTCollectionViewProps.call(void 0, o);let i=_clientsdkbase.getNFTCollectionViewSrc.call(void 0, o,_chunkL74XKVWPcjs.a);return _jsxruntime.jsx.call(void 0, "iframe",{src:i,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-collection-view"})}exports.a = m;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkMJAQS7QLcjs = require('./chunk-MJAQS7QL.cjs');var _clientsdkbase = require('@crossmint/client-sdk-base');var _jsxruntime = require('react/jsx-runtime');function m(o){_clientsdkbase.assertValidNFTCollectionViewProps.call(void 0, o);let i=_clientsdkbase.getNFTCollectionViewSrc.call(void 0, o,_chunkMJAQS7QLcjs.a);return _jsxruntime.jsx.call(void 0, "iframe",{src:i,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-collection-view"})}exports.a = m;

package/dist/chunk-Q746DXP7.js

@@ -0,0 +1 @@
+import{a as m}from"./chunk-PXDN3KFO.js";import{useBtAi as p,BtAiProvider as A}from"@basis-theory/react-agentic";import{useEffect as i,useRef as a}from"react";import{jsx as g}from"react/jsx-runtime";function V(n){return g(A,{apiKey:n.config.btApiKey,environment:n.config.environment,children:g(O,m({},n))})}function O({orderIntent:n,onVerificationComplete:o,onVerificationError:c}){let{verifyInstruction:s,ready:d}=p(),I=a(s),t=a(o),e=a(c);i(()=>{I.current=s},[s]),i(()=>{t.current=o},[o]),i(()=>{e.current=c},[c]);let y=n.payment.btAgentId,v=n.payment.btInstructionId;return i(()=>{if(!d)return;let f=!1;return I.current(y,v).then(u=>{var r;f||(r=t.current)==null||r.call(t,u)}).catch(u=>{var r;f||(r=e.current)==null||r.call(e,u)}),()=>{f=!0}},[d,y,v]),null}export{V as a};

package/dist/{chunk-R4IFNGLC.cjs → chunk-RD7EYWRH.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkL74XKVWPcjs = require('./chunk-L74XKVWP.cjs');var _commonsdkbase = require('@crossmint/common-sdk-base');function C(t,i){return new (0, _commonsdkbase.CrossmintApiClient)(t,{internalConfig:{sdkMetadata:{name:"@crossmint/client-sdk-react-ui",version:_chunkL74XKVWPcjs.a},apiKeyExpectations:i}})}exports.a = C;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkMJAQS7QLcjs = require('./chunk-MJAQS7QL.cjs');var _commonsdkbase = require('@crossmint/common-sdk-base');function C(t,i){return new (0, _commonsdkbase.CrossmintApiClient)(t,{internalConfig:{sdkMetadata:{name:"@crossmint/client-sdk-react-ui",version:_chunkMJAQS7QLcjs.a},apiKeyExpectations:i}})}exports.a = C;

package/dist/chunk-RP5PZAEJ.js

@@ -0,0 +1 @@
+var t="4.0.0";var c={name:"@crossmint/client-sdk-react-ui",version:t,repository:"https://github.com/Crossmint/crossmint-sdk",license:"Apache-2.0",author:"Paella Labs Inc",sideEffects:!1,type:"module",exports:{import:"./dist/index.js",require:"./dist/index.cjs"},main:"./dist/index.cjs",module:"./dist/index.js",types:"./dist/index.d.ts",files:["dist","LICENSE"],scripts:{build:"cross-env NODE_OPTIONS='--max-old-space-size=16384' tsup",dev:"cross-env NODE_OPTIONS='--max-old-space-size=16384' tsup --watch","test:vitest":"vitest run","generate:docs":"typedoc && node scripts/generate-reference.mjs"},dependencies:{"@basis-theory/react-agentic":"1.0.2","@crossmint/client-sdk-auth":"workspace:*","@crossmint/client-sdk-base":"workspace:*","@crossmint/client-sdk-react-base":"workspace:*","@crossmint/client-sdk-window":"workspace:*","@crossmint/client-signers":"workspace:*","@crossmint/common-sdk-auth":"workspace:*","@crossmint/common-sdk-base":"workspace:*","@crossmint/wallets-sdk":"workspace:*","@dynamic-labs/ethereum":"4.28.0","@dynamic-labs/sdk-react-core":"4.28.0","@dynamic-labs/solana":"4.28.0","@dynamic-labs/sui":"4.28.0","@emotion/react":"^11.11.0","@emotion/styled":"11.14.1","@ethersproject/transactions":"5.7.0","@mysten/sui":"1.24.0","@solana/web3.js":"1.98.1",bs58:"5.0.0",clsx:"2.1.1",color:"4.2.3","input-otp":"1.4.2","lodash.isequal":"4.5.0",ox:"0.6.9","react-jss":"10.10.0","react-transition-group":"4.4.5",viem:"2.33.1",zod:"3.22.4"},devDependencies:{"@testing-library/react":"^16.0.1","@types/color":"4.2.0","@types/lodash.isequal":"4.5.6","@types/react":"^19.1.10","@types/react-dom":"^19.1.0","@types/react-transition-group":"4.4.12","pino-pretty":"^7.6.0",react:"^19.1.0","react-dom":"^19.1.0",typedoc:"0.28.16"},peerDependencies:{"@solana/web3.js":"^1.98.1",react:">=17.0.2","react-dom":">=17.0.2"}};export{t as a,c as b};

package/dist/{chunk-SQ4E72JC.js → chunk-SSBIPH4L.js}

@@ -1 +1 @@
-import{a as n}from"./chunk-Q6P3EIKK.js";import{CrossmintApiClient as e}from"@crossmint/common-sdk-base";function m(t,i){return new e(t,{internalConfig:{sdkMetadata:{name:"@crossmint/client-sdk-react-ui",version:n},apiKeyExpectations:i}})}export{m as a};
+import{a as n}from"./chunk-AOT5533W.js";import{CrossmintApiClient as e}from"@crossmint/common-sdk-base";function m(t,i){return new e(t,{internalConfig:{sdkMetadata:{name:"@crossmint/client-sdk-react-ui",version:n},apiKeyExpectations:i}})}export{m as a};

package/dist/{chunk-M2KYISOZ.cjs → chunk-TAXLKQM3.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkR4IFNGLCcjs = require('./chunk-R4IFNGLC.cjs');var _react = require('react');var _clientsdkreactbase = require('@crossmint/client-sdk-react-base');var _jsxruntime = require('react/jsx-runtime');var s=_react.createContext.call(void 0, void 0);function O({children:e}){let[r,d]=_react.useState.call(void 0, void 0),[c,u]=_react.useState.call(void 0, void 0),{crossmint:C}=_clientsdkreactbase.useCrossmint.call(void 0, ),m=_chunkR4IFNGLCcjs.a.call(void 0, C,{usageOrigin:"client"});return _react.useEffect.call(void 0, ()=>{let n=t=>{if(t.origin!==new URL(m.baseUrl).origin||t.data.event!=="order:updated")return;let{order:a,orderClientSecret:f}=t.data.data;d(a),u(f)};return window.addEventListener("message",n),()=>{window.removeEventListener("message",n)}},[r]),_jsxruntime.jsx.call(void 0, s.Provider,{value:{order:r,orderClientSecret:c},children:e})}function b(){let e=_react.useContext.call(void 0, s);if(!e)throw new Error("useCrossmintCheckout must be used within a CrossmintCheckoutProvider");return e}exports.a = O; exports.b = b;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkRD7EYWRHcjs = require('./chunk-RD7EYWRH.cjs');var _react = require('react');var _clientsdkreactbase = require('@crossmint/client-sdk-react-base');var _jsxruntime = require('react/jsx-runtime');var s=_react.createContext.call(void 0, void 0);function O({children:e}){let[r,d]=_react.useState.call(void 0, void 0),[c,u]=_react.useState.call(void 0, void 0),{crossmint:C}=_clientsdkreactbase.useCrossmint.call(void 0, ),m=_chunkRD7EYWRHcjs.a.call(void 0, C,{usageOrigin:"client"});return _react.useEffect.call(void 0, ()=>{let n=t=>{if(t.origin!==new URL(m.baseUrl).origin||t.data.event!=="order:updated")return;let{order:a,orderClientSecret:f}=t.data.data;d(a),u(f)};return window.addEventListener("message",n),()=>{window.removeEventListener("message",n)}},[r]),_jsxruntime.jsx.call(void 0, s.Provider,{value:{order:r,orderClientSecret:c},children:e})}function b(){let e=_react.useContext.call(void 0, s);if(!e)throw new Error("useCrossmintCheckout must be used within a CrossmintCheckoutProvider");return e}exports.a = O; exports.b = b;

package/dist/chunk-UKX4TPZZ.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _reactagentic = require('@basis-theory/react-agentic');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');function p(n){return _jsxruntime.jsx.call(void 0, _reactagentic.BtAiProvider,{apiKey:n.config.btApiKey,environment:n.config.environment,children:_jsxruntime.jsx.call(void 0, P,_chunk2WSEHVNPcjs.a.call(void 0, {},n))})}function P({agentEnrollmentId:n,onVerificationComplete:o,onVerificationError:c}){let{verifyEnrollment:f,ready:u}=_reactagentic.useBtAi.call(void 0, ),m=_react.useRef.call(void 0, f),t=_react.useRef.call(void 0, o),r=_react.useRef.call(void 0, c);return _react.useEffect.call(void 0, ()=>{m.current=f},[f]),_react.useEffect.call(void 0, ()=>{t.current=o},[o]),_react.useEffect.call(void 0, ()=>{r.current=c},[c]),_react.useEffect.call(void 0, ()=>{if(!u)return;let s=!1;return m.current(n).then(a=>{var e;s||(e=t.current)==null||e.call(t,a)}).catch(a=>{var e;s||(e=r.current)==null||e.call(r,a)}),()=>{s=!0}},[u,n]),null}exports.a = p;

package/dist/{chunk-QVRHM26C.cjs → chunk-WNVJ2J7F.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkTI75G4SWcjs = require('./chunk-TI75G4SW.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _jsxruntime = require('react/jsx-runtime');function s(d){return _jsxruntime.jsx.call(void 0, _chunkTI75G4SWcjs.a,_chunk2WSEHVNPcjs.a.call(void 0, {},d))}exports.a = s;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkWR2473M4cjs = require('./chunk-WR2473M4.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _jsxruntime = require('react/jsx-runtime');function s(d){return _jsxruntime.jsx.call(void 0, _chunkWR2473M4cjs.a,_chunk2WSEHVNPcjs.a.call(void 0, {},d))}exports.a = s;

package/dist/{chunk-TI75G4SW.cjs → chunk-WR2473M4.cjs}

@@ -1 +1 @@
-"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 _chunkTRJUDJBNcjs = require('./chunk-TRJUDJBN.cjs');var _chunkR4IFNGLCcjs = require('./chunk-R4IFNGLC.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _clientsdkreactbase = require('@crossmint/client-sdk-react-base');var _react = require('react');var _clientsdkbase = require('@crossmint/client-sdk-base');var _jsxruntime = require('react/jsx-runtime');var w=_react.lazy.call(void 0, ()=>Promise.resolve().then(() => _interopRequireWildcard(require("./components/embed/v3/crypto/CryptoWalletConnectionHandler.cjs"))).then(t=>({default:t.CryptoWalletConnectionHandler})));function K(t){var l;let[e,C]=_react.useState.call(void 0, null),[b,P]=_react.useState.call(void 0, 0),[g,k]=_react.useState.call(void 0, !1),E=_react.useRef.call(void 0, (l=t.payment.crypto.payer)==null?void 0:l.initialChain),n=_react.useRef.call(void 0, t);if(x(t,n.current)){let r=_chunk2WSEHVNPcjs.a.call(void 0, {},t),p=H(t,E.current);p.shouldPreserve&&(r.payment.crypto.payer=p.updatedPayer),n.current=r}let{crossmint:v}=_clientsdkreactbase.useCrossmint.call(void 0, ),m=_chunkR4IFNGLCcjs.a.call(void 0, v,{usageOrigin:"client"}),u=_clientsdkbase.crossmintEmbeddedCheckoutV3Service.call(void 0, {apiClient:m}),i=_react.useRef.call(void 0, null);return _react.useEffect.call(void 0, ()=>{let r=i.current;!r||e||C(u.iframe.createClient(r))},[i.current,e]),_react.useEffect.call(void 0, ()=>{if(e!=null)return e.on("ui:height.changed",r=>P(r.height)),()=>{e.off("ui:height.changed")}},[e]),_react.useEffect.call(void 0, ()=>{if(e==null)return;let r=e.on("crypto:load",()=>{k(!0),e.send("crypto:load.success",{})});return()=>{e.off(r)}},[e]),_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, "iframe",{ref:i,src:u.iframe.getUrl(n.current),id:"crossmint-embedded-checkout.iframe",role:"crossmint-embedded-checkout.iframe",allow:"payment *; microphone; camera",style:{boxShadow:"none",border:"none",padding:"0px",width:"100%",minWidth:"100%",overflow:"hidden",display:"block",userSelect:"none",transform:"translate(0px)",opacity:"1",transition:"ease 0s, opacity 0.4s ease 0.1s",height:`${b}px`,backgroundColor:"transparent"}}),g||n.current.payment.crypto.enabled?n.current.payment.crypto.payer!=null?_jsxruntime.jsx.call(void 0, _chunkTRJUDJBNcjs.a,{payer:n.current.payment.crypto.payer,iframeClient:e}):_jsxruntime.jsx.call(void 0, w,{iframeClient:e,apiKeyEnvironment:m.parsedAPIKey.environment}):null,_jsxruntime.jsx.call(void 0, "span",{id:"crossmint-focus-target",tabIndex:-1})]})}function x(t,e){return JSON.stringify(t)!==JSON.stringify(e)}function H(t,e){return t.payment.crypto.payer&&e!=null?{shouldPreserve:!0,updatedPayer:_chunk2WSEHVNPcjs.b.call(void 0, _chunk2WSEHVNPcjs.a.call(void 0, {},t.payment.crypto.payer),{initialChain:e})}:{shouldPreserve:!1}}exports.a = K;
+"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 _chunkTRJUDJBNcjs = require('./chunk-TRJUDJBN.cjs');var _chunkRD7EYWRHcjs = require('./chunk-RD7EYWRH.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _clientsdkreactbase = require('@crossmint/client-sdk-react-base');var _react = require('react');var _clientsdkbase = require('@crossmint/client-sdk-base');var _jsxruntime = require('react/jsx-runtime');var w=_react.lazy.call(void 0, ()=>Promise.resolve().then(() => _interopRequireWildcard(require("./components/embed/v3/crypto/CryptoWalletConnectionHandler.cjs"))).then(t=>({default:t.CryptoWalletConnectionHandler})));function K(t){var l;let[e,C]=_react.useState.call(void 0, null),[b,P]=_react.useState.call(void 0, 0),[g,k]=_react.useState.call(void 0, !1),E=_react.useRef.call(void 0, (l=t.payment.crypto.payer)==null?void 0:l.initialChain),n=_react.useRef.call(void 0, t);if(x(t,n.current)){let r=_chunk2WSEHVNPcjs.a.call(void 0, {},t),p=H(t,E.current);p.shouldPreserve&&(r.payment.crypto.payer=p.updatedPayer),n.current=r}let{crossmint:v}=_clientsdkreactbase.useCrossmint.call(void 0, ),m=_chunkRD7EYWRHcjs.a.call(void 0, v,{usageOrigin:"client"}),u=_clientsdkbase.crossmintEmbeddedCheckoutV3Service.call(void 0, {apiClient:m}),i=_react.useRef.call(void 0, null);return _react.useEffect.call(void 0, ()=>{let r=i.current;!r||e||C(u.iframe.createClient(r))},[i.current,e]),_react.useEffect.call(void 0, ()=>{if(e!=null)return e.on("ui:height.changed",r=>P(r.height)),()=>{e.off("ui:height.changed")}},[e]),_react.useEffect.call(void 0, ()=>{if(e==null)return;let r=e.on("crypto:load",()=>{k(!0),e.send("crypto:load.success",{})});return()=>{e.off(r)}},[e]),_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, "iframe",{ref:i,src:u.iframe.getUrl(n.current),id:"crossmint-embedded-checkout.iframe",role:"crossmint-embedded-checkout.iframe",allow:"payment *; microphone; camera",style:{boxShadow:"none",border:"none",padding:"0px",width:"100%",minWidth:"100%",overflow:"hidden",display:"block",userSelect:"none",transform:"translate(0px)",opacity:"1",transition:"ease 0s, opacity 0.4s ease 0.1s",height:`${b}px`,backgroundColor:"transparent"}}),g||n.current.payment.crypto.enabled?n.current.payment.crypto.payer!=null?_jsxruntime.jsx.call(void 0, _chunkTRJUDJBNcjs.a,{payer:n.current.payment.crypto.payer,iframeClient:e}):_jsxruntime.jsx.call(void 0, w,{iframeClient:e,apiKeyEnvironment:m.parsedAPIKey.environment}):null,_jsxruntime.jsx.call(void 0, "span",{id:"crossmint-focus-target",tabIndex:-1})]})}function x(t,e){return JSON.stringify(t)!==JSON.stringify(e)}function H(t,e){return t.payment.crypto.payer&&e!=null?{shouldPreserve:!0,updatedPayer:_chunk2WSEHVNPcjs.b.call(void 0, _chunk2WSEHVNPcjs.a.call(void 0, {},t.payment.crypto.payer),{initialChain:e})}:{shouldPreserve:!1}}exports.a = K;

package/dist/chunk-ZFTGN3FE.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkHNV3LB4Acjs = require('./chunk-HNV3LB4A.cjs');var _chunkWOSI63Y5cjs = require('./chunk-WOSI63Y5.cjs');var _chunkFY5C3KSCcjs = require('./chunk-FY5C3KSC.cjs');var _chunk2WSEHVNPcjs = require('./chunk-2WSEHVNP.cjs');var _react = require('react');var _clientsdkreactbase = require('@crossmint/client-sdk-react-base');var _walletssdk = require('@crossmint/wallets-sdk');var _jsxruntime = require('react/jsx-runtime');function y(r){return({emailSignerProps:i,phoneSignerProps:e,passkeyPromptProps:o})=>_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[r&&_jsxruntime.jsx.call(void 0, _chunkHNV3LB4Acjs.a,_chunk2WSEHVNPcjs.a.call(void 0, {},i)),r&&_jsxruntime.jsx.call(void 0, _chunkWOSI63Y5cjs.a,_chunk2WSEHVNPcjs.a.call(void 0, {},e)),o!=null&&_jsxruntime.jsx.call(void 0, _chunkFY5C3KSCcjs.a,_chunk2WSEHVNPcjs.a.call(void 0, {},o))]})}function L({children:r,showPasskeyHelpers:i=!0,showOtpSignerPrompt:e=!0,appearance:o,createOnLogin:p,callbacks:f}){let{crossmint:a}=_clientsdkreactbase.useCrossmint.call(void 0, "CrossmintWalletProvider must be used within CrossmintProvider"),s=_react.useMemo.call(void 0, ()=>new (0, _walletssdk.IframeDeviceSignerKeyStorage)(a.apiKey),[a.apiKey]);_react.useEffect.call(void 0, ()=>()=>s.destroy(),[s]);let g=_react.useMemo.call(void 0, ()=>y(e),[e]);return _jsxruntime.jsx.call(void 0, _clientsdkreactbase.CrossmintWalletBaseProvider,{createOnLogin:p,appearance:o,showPasskeyHelpers:i,showOtpSignerPrompt:e,callbacks:f,renderUI:g,deviceSignerKeyStorage:s,children:r})}exports.a = L;

package/dist/{chunk-TBTY7HRN.cjs → chunk-ZJ42BXRT.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkL74XKVWPcjs = require('./chunk-L74XKVWP.cjs');var _clientsdkbase = require('@crossmint/client-sdk-base');var _jsxruntime = require('react/jsx-runtime');function n(r){_clientsdkbase.assertValidValidateNFTDetailProps.call(void 0, r);let o=_clientsdkbase.getNFTDetailSrc.call(void 0, r,_chunkL74XKVWPcjs.a);return _jsxruntime.jsx.call(void 0, "iframe",{src:o,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-details"})}exports.a = n;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkMJAQS7QLcjs = require('./chunk-MJAQS7QL.cjs');var _clientsdkbase = require('@crossmint/client-sdk-base');var _jsxruntime = require('react/jsx-runtime');function n(r){_clientsdkbase.assertValidValidateNFTDetailProps.call(void 0, r);let o=_clientsdkbase.getNFTDetailSrc.call(void 0, r,_chunkMJAQS7QLcjs.a);return _jsxruntime.jsx.call(void 0, "iframe",{src:o,width:"100%",height:"100%",style:{flexGrow:"1",border:"none",margin:"0",padding:"0"},role:"nft-details"})}exports.a = n;

package/dist/{chunk-WAEOQ6CD.cjs → chunk-ZLZLLTGZ.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkR4IFNGLCcjs = require('./chunk-R4IFNGLC.cjs');var _clientsdkbase = require('@crossmint/client-sdk-base');var _clientsdkreactbase = require('@crossmint/client-sdk-react-base');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');function b(n){let[e,s]=_react.useState.call(void 0, null),[l,d]=_react.useState.call(void 0, 0),m=_react.useRef.call(void 0, null),{crossmint:f}=_clientsdkreactbase.useCrossmint.call(void 0, ),h=_chunkR4IFNGLCcjs.a.call(void 0, f,{usageOrigin:"client"}),r=_clientsdkbase.createPaymentMethodManagementService.call(void 0, {apiClient:h});return _react.useEffect.call(void 0, ()=>{let t=m.current;!t||e||s(r.iframe.createClient(t))},[m.current,e]),_react.useEffect.call(void 0, ()=>{if(e!=null)return e.on("ui:height.changed",t=>d(t.height)),e.on("payment-method:selected",t=>{var a;return(a=n.onPaymentMethodSelected)==null?void 0:a.call(n,t)}),e.on("agentic-enrollment:created",t=>{var a;return(a=n.onAgenticEnrollmentCreated)==null?void 0:a.call(n,t.agenticEnrollment,t.verificationConfig)}),()=>{e.off("ui:height.changed"),e.off("payment-method:selected"),e.off("agentic-enrollment:created")}},[e]),_jsxruntime.jsx.call(void 0, "iframe",{ref:m,src:r.iframe.getUrl(n),id:"crossmint-payment-method-management.iframe",role:"crossmint-payment-method-management.iframe",allow:"payment *; microphone; camera",style:{boxShadow:"none",border:"none",padding:"0px",width:"100%",minWidth:"100%",overflow:"hidden",display:"block",userSelect:"none",transform:"translate(0px)",opacity:"1",transition:"ease 0s, opacity 0.4s ease 0.1s",height:`${l}px`,backgroundColor:"transparent"}})}exports.a = b;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkRD7EYWRHcjs = require('./chunk-RD7EYWRH.cjs');var _clientsdkbase = require('@crossmint/client-sdk-base');var _clientsdkreactbase = require('@crossmint/client-sdk-react-base');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');function b(n){let[e,s]=_react.useState.call(void 0, null),[l,d]=_react.useState.call(void 0, 0),m=_react.useRef.call(void 0, null),{crossmint:f}=_clientsdkreactbase.useCrossmint.call(void 0, ),h=_chunkRD7EYWRHcjs.a.call(void 0, f,{usageOrigin:"client"}),r=_clientsdkbase.createPaymentMethodManagementService.call(void 0, {apiClient:h});return _react.useEffect.call(void 0, ()=>{let t=m.current;!t||e||s(r.iframe.createClient(t))},[m.current,e]),_react.useEffect.call(void 0, ()=>{if(e!=null)return e.on("ui:height.changed",t=>d(t.height)),e.on("payment-method:selected",t=>{var a;return(a=n.onPaymentMethodSelected)==null?void 0:a.call(n,t)}),e.on("agentic-enrollment:created",t=>{var a;return(a=n.onAgenticEnrollmentCreated)==null?void 0:a.call(n,t.agenticEnrollment,t.verificationConfig)}),()=>{e.off("ui:height.changed"),e.off("payment-method:selected"),e.off("agentic-enrollment:created")}},[e]),_jsxruntime.jsx.call(void 0, "iframe",{ref:m,src:r.iframe.getUrl(n),id:"crossmint-payment-method-management.iframe",role:"crossmint-payment-method-management.iframe",allow:"payment *; microphone; camera",style:{boxShadow:"none",border:"none",padding:"0px",width:"100%",minWidth:"100%",overflow:"hidden",display:"block",userSelect:"none",transform:"translate(0px)",opacity:"1",transition:"ease 0s, opacity 0.4s ease 0.1s",height:`${l}px`,backgroundColor:"transparent"}})}exports.a = b;

package/dist/components/CrossmintNFTCollectionView.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkPC45IKUGcjs = require('../chunk-PC45IKUG.cjs');require('../chunk-L74XKVWP.cjs');require('../chunk-LHGS2OLG.cjs');require('../chunk-2WSEHVNP.cjs');exports.CrossmintNFTCollectionView = _chunkPC45IKUGcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkOHRKIITQcjs = require('../chunk-OHRKIITQ.cjs');require('../chunk-MJAQS7QL.cjs');require('../chunk-HEN676DS.cjs');require('../chunk-2WSEHVNP.cjs');exports.CrossmintNFTCollectionView = _chunkOHRKIITQcjs.a;

package/dist/components/CrossmintNFTCollectionView.js

@@ -1 +1 @@
-import{a}from"../chunk-BAJEIWL7.js";import"../chunk-Q6P3EIKK.js";import"../chunk-22W2VBN3.js";import"../chunk-PXDN3KFO.js";export{a as CrossmintNFTCollectionView};
+import{a}from"../chunk-BTW6OX3M.js";import"../chunk-AOT5533W.js";import"../chunk-RP5PZAEJ.js";import"../chunk-PXDN3KFO.js";export{a as CrossmintNFTCollectionView};

package/dist/components/CrossmintNFTDetail.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkTBTY7HRNcjs = require('../chunk-TBTY7HRN.cjs');require('../chunk-L74XKVWP.cjs');require('../chunk-LHGS2OLG.cjs');require('../chunk-2WSEHVNP.cjs');exports.CrossmintNFTDetail = _chunkTBTY7HRNcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkZJ42BXRTcjs = require('../chunk-ZJ42BXRT.cjs');require('../chunk-MJAQS7QL.cjs');require('../chunk-HEN676DS.cjs');require('../chunk-2WSEHVNP.cjs');exports.CrossmintNFTDetail = _chunkZJ42BXRTcjs.a;

package/dist/components/CrossmintNFTDetail.js

@@ -1 +1 @@
-import{a}from"../chunk-H2ZOOSOQ.js";import"../chunk-Q6P3EIKK.js";import"../chunk-22W2VBN3.js";import"../chunk-PXDN3KFO.js";export{a as CrossmintNFTDetail};
+import{a}from"../chunk-77T6GVZ3.js";import"../chunk-AOT5533W.js";import"../chunk-RP5PZAEJ.js";import"../chunk-PXDN3KFO.js";export{a as CrossmintNFTDetail};

package/dist/components/auth/AuthForm.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkX4OZYT2Scjs = require('../../chunk-X4OZYT2S.cjs');require('../../chunk-B6QHHE3H.cjs');require('../../chunk-XBXL7GMY.cjs');require('../../chunk-GTOPYCJZ.cjs');require('../../chunk-MJEEI5UM.cjs');require('../../chunk-P3VXDTFO.cjs');require('../../chunk-UMWTEGO6.cjs');require('../../chunk-YB6BIIMR.cjs');require('../../chunk-HNV3LB4A.cjs');require('../../chunk-WOSI63Y5.cjs');require('../../chunk-M2ROWHEX.cjs');require('../../chunk-OVJIGWD7.cjs');require('../../chunk-DJZOP4MT.cjs');require('../../chunk-AHMPKIEY.cjs');require('../../chunk-S4BKL6MR.cjs');require('../../chunk-FY5C3KSC.cjs');require('../../chunk-O3H2EYFA.cjs');require('../../chunk-XP33TL43.cjs');require('../../chunk-FQ246XXN.cjs');require('../../chunk-QYQERFYL.cjs');require('../../chunk-VXAHFAP4.cjs');require('../../chunk-EO53B7LL.cjs');require('../../chunk-BPEDL7VV.cjs');require('../../chunk-VI6TW7JT.cjs');require('../../chunk-TWX7ZBKZ.cjs');require('../../chunk-EDALAJ5I.cjs');require('../../chunk-YGN7O63X.cjs');require('../../chunk-QHI4DOG7.cjs');require('../../chunk-3X24JZVG.cjs');require('../../chunk-EAWYV5ZO.cjs');require('../../chunk-NRN4WNQL.cjs');require('../../chunk-I4GMMHQR.cjs');require('../../chunk-M2KYISOZ.cjs');require('../../chunk-R4IFNGLC.cjs');require('../../chunk-L74XKVWP.cjs');require('../../chunk-LHGS2OLG.cjs');require('../../chunk-2WSEHVNP.cjs');exports.AuthForm = _chunkX4OZYT2Scjs.j;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkX4OZYT2Scjs = require('../../chunk-X4OZYT2S.cjs');require('../../chunk-B6QHHE3H.cjs');require('../../chunk-XBXL7GMY.cjs');require('../../chunk-GTOPYCJZ.cjs');require('../../chunk-MJEEI5UM.cjs');require('../../chunk-P3VXDTFO.cjs');require('../../chunk-UMWTEGO6.cjs');require('../../chunk-ZFTGN3FE.cjs');require('../../chunk-HNV3LB4A.cjs');require('../../chunk-WOSI63Y5.cjs');require('../../chunk-M2ROWHEX.cjs');require('../../chunk-OVJIGWD7.cjs');require('../../chunk-DJZOP4MT.cjs');require('../../chunk-AHMPKIEY.cjs');require('../../chunk-S4BKL6MR.cjs');require('../../chunk-FY5C3KSC.cjs');require('../../chunk-O3H2EYFA.cjs');require('../../chunk-XP33TL43.cjs');require('../../chunk-FQ246XXN.cjs');require('../../chunk-QYQERFYL.cjs');require('../../chunk-VXAHFAP4.cjs');require('../../chunk-EO53B7LL.cjs');require('../../chunk-BPEDL7VV.cjs');require('../../chunk-VI6TW7JT.cjs');require('../../chunk-TWX7ZBKZ.cjs');require('../../chunk-EDALAJ5I.cjs');require('../../chunk-YGN7O63X.cjs');require('../../chunk-QHI4DOG7.cjs');require('../../chunk-3X24JZVG.cjs');require('../../chunk-EAWYV5ZO.cjs');require('../../chunk-NRN4WNQL.cjs');require('../../chunk-I4GMMHQR.cjs');require('../../chunk-TAXLKQM3.cjs');require('../../chunk-RD7EYWRH.cjs');require('../../chunk-MJAQS7QL.cjs');require('../../chunk-HEN676DS.cjs');require('../../chunk-2WSEHVNP.cjs');exports.AuthForm = _chunkX4OZYT2Scjs.j;