@crossmint/client-sdk-react-ui 1.9.3 → 1.10.0

package/dist/chunk-RZPQIRIY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/classNames.ts"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n/**\n * Combines multiple class names into a single string.\n *\n * @param inputs - The class names to combine.\n * @returns The combined class names as a string.\n */\nexport function classNames(...inputs: ClassValue[]) {\n    return twMerge(clsx(inputs));\n}\n"],"mappings":";AAAA,SAA0B,YAAY;AACtC,SAAS,eAAe;AAQjB,SAAS,cAAc,QAAsB;AAChD,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC/B;","names":[]}

package/dist/chunk-RZT2J42J.js

@@ -0,0 +1,29 @@
+import {
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/components/dynamic-xyz/DynamicContextProviderWrapper.tsx
+import { DynamicContextProvider } from "@dynamic-labs/sdk-react-core";
+import { jsx } from "react/jsx-runtime";
+function DynamicContextProviderWrapper({
+  children,
+  settings,
+  apiKeyEnvironment
+}) {
+  return /* @__PURE__ */ jsx(
+    DynamicContextProvider,
+    {
+      settings: __spreadValues({
+        initialAuthenticationMode: "connect-only",
+        environmentId: apiKeyEnvironment === "production" ? "3fc6c24e-6a8e-45f8-aae1-a87d7a027e12" : "cd53135a-b32b-4704-bfca-324b665e9329",
+        cssOverrides: `.powered-by-dynamic { display: none !important; }`
+      }, settings),
+      children
+    }
+  );
+}
+
+export {
+  DynamicContextProviderWrapper
+};
+//# sourceMappingURL=chunk-RZT2J42J.js.map

package/dist/chunk-RZT2J42J.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/dynamic-xyz/DynamicContextProviderWrapper.tsx"],"sourcesContent":["import type { APIKeyEnvironmentPrefix } from \"@crossmint/common-sdk-base\";\nimport { type DynamicContextProps, DynamicContextProvider } from \"@dynamic-labs/sdk-react-core\";\nimport type { ReactNode } from \"react\";\n\nexport interface DynamicContextProviderWrapperProps {\n    children?: ReactNode;\n    settings: Omit<DynamicContextProps[\"settings\"], \"initialAuthenticationMode\" | \"environmentId\">;\n    apiKeyEnvironment: APIKeyEnvironmentPrefix;\n}\n\nexport default function DynamicContextProviderWrapper({\n    children,\n    settings,\n    apiKeyEnvironment,\n}: DynamicContextProviderWrapperProps) {\n    return (\n        <DynamicContextProvider\n            settings={{\n                initialAuthenticationMode: \"connect-only\",\n                environmentId:\n                    apiKeyEnvironment === \"production\"\n                        ? \"3fc6c24e-6a8e-45f8-aae1-a87d7a027e12\"\n                        : \"cd53135a-b32b-4704-bfca-324b665e9329\",\n                cssOverrides: `.powered-by-dynamic { display: none !important; }`,\n                ...settings,\n            }}\n        >\n            {children}\n        </DynamicContextProvider>\n    );\n}\n"],"mappings":";;;;;AACA,SAAmC,8BAA8B;AAezD;AANO,SAAR,8BAA+C;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AACJ,GAAuC;AACnC,SACI;AAAA,IAAC;AAAA;AAAA,MACG,UAAU;AAAA,QACN,2BAA2B;AAAA,QAC3B,eACI,sBAAsB,eAChB,yCACA;AAAA,QACV,cAAc;AAAA,SACX;AAAA,MAGN;AAAA;AAAA,EACL;AAER;","names":[]}

package/dist/chunk-SBA6FMFT.cjs

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/hooks/useDeepEffect.ts
+var _lodashisequal = require('lodash.isequal'); var _lodashisequal2 = _interopRequireDefault(_lodashisequal);
+var _react = require('react');
+function useDeepEffect(callback, dependencies) {
+  const dependenciesRef = _react.useRef.call(void 0, dependencies);
+  _react.useEffect.call(void 0, () => {
+    const hasChanged = dependencies.some((dep, i) => !_lodashisequal2.default.call(void 0, dep, dependenciesRef.current[i]));
+    if (hasChanged) {
+      dependenciesRef.current = dependencies;
+      return callback();
+    }
+  }, [dependencies]);
+}
+
+
+
+exports.useDeepEffect = useDeepEffect;
+//# sourceMappingURL=chunk-SBA6FMFT.cjs.map

package/dist/chunk-SBA6FMFT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useDeepEffect.ts"],"names":[],"mappings":";AAAA,OAAO,aAAa;AACpB,SAAmD,WAAW,cAAc;AAE7D,SAAR,cAA+B,UAA0B,cAAoC;AAChG,QAAM,kBAAkB,OAAO,YAAY;AAE3C,YAAU,MAAM;AACZ,UAAM,aAAa,aAAa,KAAK,CAAC,KAAK,MAAM,CAAC,QAAQ,KAAK,gBAAgB,QAAQ,CAAC,CAAC,CAAC;AAE1F,QAAI,YAAY;AACZ,sBAAgB,UAAU;AAC1B,aAAO,SAAS;AAAA,IACpB;AAAA,EACJ,GAAG,CAAC,YAAY,CAAC;AACrB","sourcesContent":["import isEqual from \"lodash.isequal\";\nimport { type DependencyList, type EffectCallback, useEffect, useRef } from \"react\";\n\nexport default function useDeepEffect(callback: EffectCallback, dependencies: DependencyList): void {\n    const dependenciesRef = useRef(dependencies);\n\n    useEffect(() => {\n        const hasChanged = dependencies.some((dep, i) => !isEqual(dep, dependenciesRef.current[i]));\n\n        if (hasChanged) {\n            dependenciesRef.current = dependencies;\n            return callback();\n        }\n    }, [dependencies]);\n}\n"]}

package/dist/chunk-SZA3XDJ5.cjs

@@ -0,0 +1 @@
+"use strict";//# sourceMappingURL=chunk-SZA3XDJ5.cjs.map

package/dist/chunk-SZA3XDJ5.cjs.map

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

package/dist/chunk-U2D3L4DZ.cjs

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkCIZ2K2TAcjs = require('./chunk-CIZ2K2TA.cjs');
+
+
+var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
+
+// src/components/embed/v3/CrossmintEmbeddedCheckoutV3.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function CrossmintEmbeddedCheckout_Alpha(props) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCIZ2K2TAcjs.EmbeddedCheckoutV3IFrame, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {}, props));
+}
+
+
+
+exports.CrossmintEmbeddedCheckout_Alpha = CrossmintEmbeddedCheckout_Alpha;
+//# sourceMappingURL=chunk-U2D3L4DZ.cjs.map

package/dist/chunk-U2D3L4DZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/embed/v3/CrossmintEmbeddedCheckoutV3.tsx"],"names":[],"mappings":";;;;;;;;AAKW;AADJ,SAAS,gCAAgC,OAAyC;AACrF,SAAO,oBAAC,6CAA6B,MAAO;AAChD","sourcesContent":["import type { CrossmintEmbeddedCheckoutV3Props } from \"@crossmint/client-sdk-base\";\n\nimport { EmbeddedCheckoutV3IFrame } from \"./EmbeddedCheckoutV3IFrame\";\n\nexport function CrossmintEmbeddedCheckout_Alpha(props: CrossmintEmbeddedCheckoutV3Props) {\n    return <EmbeddedCheckoutV3IFrame {...props} />;\n}\n"]}

package/dist/chunk-U5EONMPH.js

@@ -0,0 +1,30 @@
+import {
+  CrossmintFiatEmbeddedCheckout
+} from "./chunk-2T2VCED7.js";
+import {
+  CrossmintCryptoEmbeddedCheckout
+} from "./chunk-ZUIS3FET.js";
+import {
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/components/embed/index.tsx
+import {
+  isCryptoEmbeddedCheckoutProps,
+  isFiatEmbeddedCheckoutProps
+} from "@crossmint/client-sdk-base";
+import { jsx } from "react/jsx-runtime";
+function CrossmintPaymentElement(props) {
+  if (isFiatEmbeddedCheckoutProps(props)) {
+    return /* @__PURE__ */ jsx(CrossmintFiatEmbeddedCheckout, __spreadValues({}, props));
+  }
+  if (isCryptoEmbeddedCheckoutProps(props)) {
+    return /* @__PURE__ */ jsx(CrossmintCryptoEmbeddedCheckout, __spreadValues({}, props));
+  }
+  throw new Error("Unsupported: Fiat is the only supported payment method.");
+}
+
+export {
+  CrossmintPaymentElement
+};
+//# sourceMappingURL=chunk-U5EONMPH.js.map

package/dist/chunk-U5EONMPH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/embed/index.tsx"],"sourcesContent":["import {\n    type CrossmintEmbeddedCheckoutProps,\n    isCryptoEmbeddedCheckoutProps,\n    isFiatEmbeddedCheckoutProps,\n} from \"@crossmint/client-sdk-base\";\n\nimport { CrossmintCryptoEmbeddedCheckout } from \"./crypto/CryptoEmbeddedCheckout\";\nimport { CrossmintFiatEmbeddedCheckout } from \"./fiat/FiatEmbeddedCheckout\";\n\n// TODO: Rename to CrossmintEmbeddedCheckout on v2 major publish, prior announcement since its a breaking change\nexport function CrossmintPaymentElement(props: CrossmintEmbeddedCheckoutProps) {\n    if (isFiatEmbeddedCheckoutProps(props)) {\n        return <CrossmintFiatEmbeddedCheckout {...props} />;\n    }\n    if (isCryptoEmbeddedCheckoutProps(props)) {\n        return <CrossmintCryptoEmbeddedCheckout {...props} />;\n    }\n    throw new Error(\"Unsupported: Fiat is the only supported payment method.\");\n}\n"],"mappings":";;;;;;;;;;;AAAA;AAAA,EAEI;AAAA,EACA;AAAA,OACG;AAQQ;AAFR,SAAS,wBAAwB,OAAuC;AAC3E,MAAI,4BAA4B,KAAK,GAAG;AACpC,WAAO,oBAAC,kDAAkC,MAAO;AAAA,EACrD;AACA,MAAI,8BAA8B,KAAK,GAAG;AACtC,WAAO,oBAAC,oDAAoC,MAAO;AAAA,EACvD;AACA,QAAM,IAAI,MAAM,yDAAyD;AAC7E;","names":[]}

package/dist/chunk-UASNCH3A.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/passkey.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function PasskeyIcon() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "16.5", cy: "7.5", r: ".5", fill: "currentColor" })
+      ]
+    }
+  );
+}
+
+
+
+exports.PasskeyIcon = PasskeyIcon;
+//# sourceMappingURL=chunk-UASNCH3A.cjs.map

package/dist/chunk-UASNCH3A.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/passkey.tsx"],"names":[],"mappings":";AAEQ,SAWI,KAXJ;AAFO,SAAR,cAA+B;AAClC,SACI;AAAA,IAAC;AAAA;AAAA,MACG,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MAEf;AAAA,4BAAC,UAAK,GAAE,8KAA6K;AAAA,QACrL,oBAAC,YAAO,IAAG,QAAO,IAAG,OAAM,GAAE,MAAK,MAAK,gBAAe;AAAA;AAAA;AAAA,EAC1D;AAER","sourcesContent":["export default function PasskeyIcon() {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n        >\n            <path d=\"M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z\" />\n            <circle cx=\"16.5\" cy=\"7.5\" r=\".5\" fill=\"currentColor\" />\n        </svg>\n    );\n}\n"]}

package/dist/chunk-UC3GWTEN.js

@@ -0,0 +1,136 @@
+import {
+  handleSendTransaction
+} from "./chunk-5VZNJ4VT.js";
+import {
+  DynamicContextProviderWrapper
+} from "./chunk-RZT2J42J.js";
+import {
+  __async,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/components/embed/v3/crypto/CryptoWalletConnectionHandler.tsx
+import {
+  chainIdToBlockchain
+} from "@crossmint/common-sdk-base";
+import { EthereumWalletConnectors } from "@dynamic-labs/ethereum";
+import { useDynamicContext } from "@dynamic-labs/sdk-react-core";
+import { SolanaWalletConnectors } from "@dynamic-labs/solana";
+import { useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+function CryptoWalletConnectionHandler(props) {
+  const { iframeClient, apiKeyEnvironment } = props;
+  return /* @__PURE__ */ jsx(
+    DynamicContextProviderWrapper,
+    {
+      apiKeyEnvironment,
+      settings: {
+        walletConnectors: [EthereumWalletConnectors, SolanaWalletConnectors],
+        events: {
+          onAuthFlowCancel() {
+            console.log("[CryptoWalletConnectionHandler] onAuthFlowCancel");
+            iframeClient == null ? void 0 : iframeClient.send("crypto:connect-wallet.failed", {
+              error: "cancelled"
+            });
+          },
+          onAuthFlowClose() {
+            console.log("[CryptoWalletConnectionHandler] onAuthFlowClose");
+          },
+          onAuthFailure(data, reason) {
+            console.error("[CryptoWalletConnectionHandler] onAuthFailure", data, reason);
+          },
+          onAuthSuccess(data) {
+            console.log("[CryptoWalletConnectionHandler] onAuthSuccess", data);
+          }
+        },
+        handlers: {
+          handleConnectedWallet: (wallet) => __async(this, null, function* () {
+            var _a;
+            console.log("[CryptoWalletConnectionHandler] handleConnectedWallet", wallet);
+            const address = wallet.address;
+            if (!address) {
+              console.error("[CryptoWalletConnectionHandler] handleConnectedWallet: address is missing");
+              iframeClient == null ? void 0 : iframeClient.send("crypto:connect-wallet.failed", {
+                error: "address is missing"
+              });
+              return false;
+            }
+            const chain = yield dynamicChainToCrossmintChain(wallet);
+            iframeClient == null ? void 0 : iframeClient.send("crypto:connect-wallet.success", {
+              address,
+              chain,
+              walletProviderKey: (_a = wallet.connector) == null ? void 0 : _a.key
+            });
+            return true;
+          })
+        }
+      },
+      children: /* @__PURE__ */ jsx(_CryptoWalletConnectionHandler, __spreadValues({}, props))
+    }
+  );
+}
+function _CryptoWalletConnectionHandler({ iframeClient }) {
+  const { setShowAuthFlow, primaryWallet, handleLogOut } = useDynamicContext();
+  useEffect(() => {
+    if (iframeClient == null) {
+      return;
+    }
+    const showAuthFlowListener = iframeClient.on("crypto:connect-wallet.show", (_0) => __async(this, [_0], function* ({ show }) {
+      yield handleLogOut();
+      setShowAuthFlow(show);
+    }));
+    return () => {
+      iframeClient.off(showAuthFlowListener);
+    };
+  }, [iframeClient, handleLogOut, setShowAuthFlow]);
+  useEffect(() => {
+    if (iframeClient == null) {
+      return;
+    }
+    const signTransactionListener = iframeClient.on(
+      "crypto:send-transaction",
+      (_0) => __async(this, [_0], function* ({ chain, serializedTransaction }) {
+        if (primaryWallet == null) {
+          console.error("[CryptoWalletConnectionHandler] signTransaction: primaryWallet is missing");
+          iframeClient.send("crypto:send-transaction:failed", {
+            error: "primaryWallet is missing"
+          });
+          return;
+        }
+        yield handleSendTransaction(
+          primaryWallet,
+          chain,
+          serializedTransaction,
+          iframeClient
+        );
+      })
+    );
+    return () => {
+      iframeClient.off(signTransactionListener);
+    };
+  }, [iframeClient, primaryWallet]);
+  return null;
+}
+function dynamicChainToCrossmintChain(wallet) {
+  return __async(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 = chainIdToBlockchain(chainId);
+    if (!chainFromChainId) {
+      throw new Error(`ChainId ${chainId} is not supported`);
+    }
+    return chainFromChainId;
+  });
+}
+
+export {
+  CryptoWalletConnectionHandler
+};
+//# sourceMappingURL=chunk-UC3GWTEN.js.map

package/dist/chunk-UC3GWTEN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/embed/v3/crypto/CryptoWalletConnectionHandler.tsx"],"sourcesContent":["import DynamicContextProviderWrapper from \"@/components/dynamic-xyz/DynamicContextProviderWrapper\";\nimport type { EmbeddedCheckoutV3IFrameEmitter } from \"@crossmint/client-sdk-base\";\nimport {\n    type APIKeyEnvironmentPrefix,\n    type BlockchainIncludingTestnet,\n    chainIdToBlockchain,\n} from \"@crossmint/common-sdk-base\";\nimport { EthereumWalletConnectors } from \"@dynamic-labs/ethereum\";\nimport { type HandleConnectedWallet, useDynamicContext } from \"@dynamic-labs/sdk-react-core\";\nimport { SolanaWalletConnectors } from \"@dynamic-labs/solana\";\nimport { useEffect } from \"react\";\nimport { handleSendTransaction } from \"./utils/handleSendTransaction\";\n\nexport function CryptoWalletConnectionHandler(props: {\n    iframeClient: EmbeddedCheckoutV3IFrameEmitter | null;\n    apiKeyEnvironment: APIKeyEnvironmentPrefix;\n}) {\n    const { iframeClient, apiKeyEnvironment } = props;\n\n    return (\n        <DynamicContextProviderWrapper\n            apiKeyEnvironment={apiKeyEnvironment}\n            settings={{\n                walletConnectors: [EthereumWalletConnectors, SolanaWalletConnectors],\n                events: {\n                    onAuthFlowCancel() {\n                        console.log(\"[CryptoWalletConnectionHandler] onAuthFlowCancel\");\n                        iframeClient?.send(\"crypto:connect-wallet.failed\", {\n                            error: \"cancelled\",\n                        });\n                    },\n                    onAuthFlowClose() {\n                        console.log(\"[CryptoWalletConnectionHandler] onAuthFlowClose\");\n                    },\n                    onAuthFailure(data, reason) {\n                        console.error(\"[CryptoWalletConnectionHandler] onAuthFailure\", data, reason);\n                    },\n                    onAuthSuccess(data) {\n                        console.log(\"[CryptoWalletConnectionHandler] onAuthSuccess\", data);\n                    },\n                },\n                handlers: {\n                    handleConnectedWallet: async (wallet) => {\n                        console.log(\"[CryptoWalletConnectionHandler] handleConnectedWallet\", wallet);\n\n                        const address = wallet.address;\n                        if (!address) {\n                            console.error(\"[CryptoWalletConnectionHandler] handleConnectedWallet: address is missing\");\n                            iframeClient?.send(\"crypto:connect-wallet.failed\", {\n                                error: \"address is missing\",\n                            });\n                            return false;\n                        }\n\n                        const chain = await dynamicChainToCrossmintChain(wallet);\n\n                        iframeClient?.send(\"crypto:connect-wallet.success\", {\n                            address,\n                            chain,\n                            walletProviderKey: wallet.connector?.key,\n                        });\n\n                        return true;\n                    },\n                },\n            }}\n        >\n            <_CryptoWalletConnectionHandler {...props} />\n        </DynamicContextProviderWrapper>\n    );\n}\n\nfunction _CryptoWalletConnectionHandler({ iframeClient }: Parameters<typeof CryptoWalletConnectionHandler>[0]) {\n    const { setShowAuthFlow, primaryWallet, handleLogOut } = useDynamicContext();\n\n    useEffect(() => {\n        if (iframeClient == null) {\n            return;\n        }\n        const showAuthFlowListener = iframeClient.on(\"crypto:connect-wallet.show\", async ({ show }) => {\n            await handleLogOut();\n            setShowAuthFlow(show);\n        });\n\n        return () => {\n            iframeClient.off(showAuthFlowListener);\n        };\n    }, [iframeClient, handleLogOut, setShowAuthFlow]);\n\n    useEffect(() => {\n        if (iframeClient == null) {\n            return;\n        }\n        const signTransactionListener = iframeClient.on(\n            \"crypto:send-transaction\",\n            async ({ chain, serializedTransaction }) => {\n                if (primaryWallet == null) {\n                    console.error(\"[CryptoWalletConnectionHandler] signTransaction: primaryWallet is missing\");\n                    iframeClient.send(\"crypto:send-transaction:failed\", {\n                        error: \"primaryWallet is missing\",\n                    });\n                    return;\n                }\n\n                await handleSendTransaction(\n                    primaryWallet,\n                    chain as BlockchainIncludingTestnet,\n                    serializedTransaction,\n                    iframeClient\n                );\n            }\n        );\n\n        return () => {\n            iframeClient.off(signTransactionListener);\n        };\n    }, [iframeClient, primaryWallet]);\n\n    return null;\n}\n\nasync 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"],"mappings":"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","names":[]}

package/dist/chunk-UCQ5VAPT.cjs

@@ -0,0 +1,36 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk2QB7GW4Kcjs = require('./chunk-2QB7GW4K.cjs');
+
+
+var _chunkBYRVAFBZcjs = require('./chunk-BYRVAFBZ.cjs');
+
+
+
+
+var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
+
+// src/components/embed/v3/crypto/utils/handleSendTransaction.ts
+var _solana = require('@dynamic-labs/solana');
+var _ethereum = require('@dynamic-labs/ethereum');
+function handleSendTransaction(primaryWallet, chain, serializedTransaction, iframeClient) {
+  return _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
+    const commonParams = {
+      chain,
+      serializedTransaction,
+      iframeClient
+    };
+    if (_solana.isSolanaWallet.call(void 0, primaryWallet)) {
+      return yield _chunkBYRVAFBZcjs.handleSolanaTransaction.call(void 0, _chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {}, commonParams), {
+        primaryWallet
+      }));
+    } else if (_ethereum.isEthereumWallet.call(void 0, primaryWallet)) {
+      return yield _chunk2QB7GW4Kcjs.handleEvmTransaction.call(void 0, _chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {}, commonParams), { primaryWallet }));
+    }
+  });
+}
+
+
+
+exports.handleSendTransaction = handleSendTransaction;
+//# sourceMappingURL=chunk-UCQ5VAPT.cjs.map

package/dist/chunk-UCQ5VAPT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/embed/v3/crypto/utils/handleSendTransaction.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAMA,SAAS,sBAAsB;AAE/B,SAAS,wBAAwB;AAGjC,SAAsB,sBAClB,eACA,OACA,uBACA,cACF;AAAA;AACE,UAAM,eAAe;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,IACJ;AACA,QAAI,eAAe,aAAa,GAAG;AAC/B,aAAO,MAAM,wBAAwB,iCAC9B,eAD8B;AAAA,QAEjC;AAAA,MACJ,EAAC;AAAA,IACL,WAAW,iBAAiB,aAAa,GAAG;AACxC,aAAO,MAAM,qBAAqB,iCAAK,eAAL,EAAmB,cAAc,EAAC;AAAA,IACxE;AAAA,EACJ;AAAA","sourcesContent":["import type { Wallet } from \"@dynamic-labs/sdk-react-core\";\n\nimport type { BlockchainIncludingTestnet } from \"@crossmint/common-sdk-base\";\n\nimport { handleEvmTransaction } from \"./handleEvmTransaction\";\n\nimport { isSolanaWallet } from \"@dynamic-labs/solana\";\nimport { handleSolanaTransaction } from \"./handleSolanaTransaction\";\nimport { isEthereumWallet } from \"@dynamic-labs/ethereum\";\nimport type { EmbeddedCheckoutV3IFrameEmitter } from \"@crossmint/client-sdk-base\";\n\nexport async function handleSendTransaction(\n    primaryWallet: Wallet,\n    chain: BlockchainIncludingTestnet,\n    serializedTransaction: string,\n    iframeClient: EmbeddedCheckoutV3IFrameEmitter\n) {\n    const commonParams = {\n        chain,\n        serializedTransaction,\n        iframeClient,\n    };\n    if (isSolanaWallet(primaryWallet)) {\n        return await handleSolanaTransaction({\n            ...commonParams,\n            primaryWallet,\n        });\n    } else if (isEthereumWallet(primaryWallet)) {\n        return await handleEvmTransaction({ ...commonParams, primaryWallet });\n    }\n}\n"]}

package/dist/chunk-UQAKJ4T7.cjs

@@ -0,0 +1,29 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
+
+// src/components/dynamic-xyz/DynamicContextProviderWrapper.tsx
+var _sdkreactcore = require('@dynamic-labs/sdk-react-core');
+var _jsxruntime = require('react/jsx-runtime');
+function DynamicContextProviderWrapper({
+  children,
+  settings,
+  apiKeyEnvironment
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _sdkreactcore.DynamicContextProvider,
+    {
+      settings: _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {
+        initialAuthenticationMode: "connect-only",
+        environmentId: apiKeyEnvironment === "production" ? "3fc6c24e-6a8e-45f8-aae1-a87d7a027e12" : "cd53135a-b32b-4704-bfca-324b665e9329",
+        cssOverrides: `.powered-by-dynamic { display: none !important; }`
+      }, settings),
+      children
+    }
+  );
+}
+
+
+
+exports.DynamicContextProviderWrapper = DynamicContextProviderWrapper;
+//# sourceMappingURL=chunk-UQAKJ4T7.cjs.map

package/dist/chunk-UQAKJ4T7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/dynamic-xyz/DynamicContextProviderWrapper.tsx"],"names":[],"mappings":";;;;;AACA,SAAmC,8BAA8B;AAezD;AANO,SAAR,8BAA+C;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AACJ,GAAuC;AACnC,SACI;AAAA,IAAC;AAAA;AAAA,MACG,UAAU;AAAA,QACN,2BAA2B;AAAA,QAC3B,eACI,sBAAsB,eAChB,yCACA;AAAA,QACV,cAAc;AAAA,SACX;AAAA,MAGN;AAAA;AAAA,EACL;AAER","sourcesContent":["import type { APIKeyEnvironmentPrefix } from \"@crossmint/common-sdk-base\";\nimport { type DynamicContextProps, DynamicContextProvider } from \"@dynamic-labs/sdk-react-core\";\nimport type { ReactNode } from \"react\";\n\nexport interface DynamicContextProviderWrapperProps {\n    children?: ReactNode;\n    settings: Omit<DynamicContextProps[\"settings\"], \"initialAuthenticationMode\" | \"environmentId\">;\n    apiKeyEnvironment: APIKeyEnvironmentPrefix;\n}\n\nexport default function DynamicContextProviderWrapper({\n    children,\n    settings,\n    apiKeyEnvironment,\n}: DynamicContextProviderWrapperProps) {\n    return (\n        <DynamicContextProvider\n            settings={{\n                initialAuthenticationMode: \"connect-only\",\n                environmentId:\n                    apiKeyEnvironment === \"production\"\n                        ? \"3fc6c24e-6a8e-45f8-aae1-a87d7a027e12\"\n                        : \"cd53135a-b32b-4704-bfca-324b665e9329\",\n                cssOverrides: `.powered-by-dynamic { display: none !important; }`,\n                ...settings,\n            }}\n        >\n            {children}\n        </DynamicContextProvider>\n    );\n}\n"]}

package/dist/chunk-URKPLEPV.cjs

@@ -0,0 +1,189 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/emailOTP.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function EmailOtpIcon({
+  customAccentColor = "#04AA6D",
+  customButtonBackgroundColor = "#F2F3F7",
+  customBackgroundColor = "#ffffff"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: "136", height: "113", viewBox: "0 0 136 113", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "mask", { id: "mask0_944_1329", maskUnits: "userSpaceOnUse", x: "8", y: "8", width: "97", height: "97", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "path",
+      {
+        d: "M104.598 56.2539C104.598 82.7636 83.1073 104.254 56.5977 104.254C30.088 104.254 8.59766 82.7636 8.59766 56.2539C8.59766 29.7442 30.088 8.25391 56.5977 8.25391C83.1073 8.25391 104.598 29.7442 104.598 56.2539Z",
+        fill: "#D9D9D9"
+      }
+    ) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { mask: "url(#mask0_944_1329)", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "56.5977", cy: "56.2539", r: "48", fill: customButtonBackgroundColor }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { filter: "url(#filter0_d_944_1329)", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "mask", { id: "mask1_944_1329", maskUnits: "userSpaceOnUse", x: "29", y: "37", width: "55", height: "37", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { x: "29.2957", y: "37.5449", width: "54.604", height: "35.8658", rx: "3.212", fill: "#52E0B5" }) }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { mask: "url(#mask1_944_1329)", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "rect",
+            {
+              x: "29.2957",
+              y: "34.8662",
+              width: "54.604",
+              height: "38.544",
+              rx: "3.212",
+              fill: customBackgroundColor
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "mask", { id: "mask2_944_1329", maskUnits: "userSpaceOnUse", x: "29", y: "51", width: "55", height: "41", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "path",
+            {
+              d: "M31.8833 74.2272C29.1168 72.267 29.1866 68.1383 32.0178 66.2728L53.9469 51.8234C55.5553 50.7636 57.6403 50.7636 59.2487 51.8234L81.1779 66.2728C84.0091 68.1383 84.0789 72.267 81.3124 74.2272L56.5978 91.7381L31.8833 74.2272Z",
+              fill: "#52E0B5"
+            }
+          ) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { mask: "url(#mask2_944_1329)", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "path",
+            {
+              d: "M32.0675 73.9008C29.5307 72.1034 29.5947 68.3175 32.1909 66.6068L54.12 52.1574C55.5949 51.1856 57.5068 51.1856 58.9817 52.1574L80.9108 66.6068C83.507 68.3175 83.571 72.1034 81.0341 73.9008L56.5508 91.2479L32.0675 73.9008Z",
+              stroke: "#D0D5DD",
+              strokeWidth: "0.8"
+            }
+          ) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "path",
+            {
+              d: "M26.9443 36.6072C23.1618 33.6476 22.8212 28.0457 26.2172 24.6497L50.9406 -0.073638C54.0648 -3.19783 59.1301 -3.19783 62.2543 -0.0736384L86.9776 24.6497C90.3737 28.0457 90.033 33.6476 86.2506 36.6072L61.5272 55.9514C58.6312 58.2173 54.5636 58.2173 51.6677 55.9514L26.9443 36.6072Z",
+              fill: customBackgroundColor
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "path",
+            {
+              d: "M27.1908 36.2921C23.5974 33.4806 23.2738 28.1588 26.5001 24.9326L51.2234 0.209205C54.1914 -2.75878 59.0035 -2.75878 61.9714 0.209205L86.6948 24.9326C89.921 28.1588 89.5974 33.4806 86.0041 36.2921L61.2807 55.6364C58.5296 57.789 54.6653 57.789 51.9142 55.6364L27.1908 36.2921Z",
+              stroke: "#67797F",
+              strokeOpacity: "0.45",
+              strokeWidth: "0.8"
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { filter: "url(#filter1_d_944_1329)", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "path",
+      {
+        d: "M106.88 68.5039H82.8799C74.5956 68.5039 67.8799 75.2196 67.8799 83.5039C67.8799 91.7882 74.5956 98.5039 82.8799 98.5039H106.88C115.164 98.5039 121.88 91.7882 121.88 83.5039C121.88 75.2196 115.164 68.5039 106.88 68.5039Z",
+        fill: customBackgroundColor
+      }
+    ) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { clipPath: "url(#clip0_944_1329)", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "mask", { id: "mask3_944_1329", maskUnits: "userSpaceOnUse", x: "70", y: "71", width: "49", height: "25", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M118.88 71.5039H70.8799V95.5039H118.88V71.5039Z", fill: "white" }) }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { mask: "url(#mask3_944_1329)", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M118.88 71.5039H70.8799V95.5039H118.88V71.5039Z", fill: "url(#paint0_linear_944_1329)" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M118.88 71.5039H70.8799V95.5039H118.88V71.5039Z", fill: customAccentColor })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M80.5866 87.7014L80.7337 85.1127L78.5604 86.5381L77.7805 85.183L80.1009 84.0196L77.7805 82.8563L78.5604 81.5012L80.7337 82.9266L80.5866 80.3378H82.1399L81.9993 82.9266L84.1726 81.5012L84.9524 82.8563L82.6257 84.0196L84.9524 85.183L84.1726 86.5381L81.9993 85.1127L82.1399 87.7014H80.5866ZM90.0001 87.7014L90.1471 85.1127L87.9738 86.5381L87.194 85.183L89.5143 84.0196L87.194 82.8563L87.9738 81.5012L90.1471 82.9266L90.0001 80.3378H91.5534L91.4127 82.9266L93.586 81.5012L94.3659 82.8563L92.0391 84.0196L94.3659 85.183L93.586 86.5381L91.4127 85.1127L91.5534 87.7014H90.0001ZM99.4135 87.7014L99.5605 85.1127L97.3872 86.5381L96.6074 85.183L98.9277 84.0196L96.6074 82.8563L97.3872 81.5012L99.5605 82.9266L99.4135 80.3378H100.967L100.826 82.9266L102.999 81.5012L103.779 82.8563L101.453 84.0196L103.779 85.183L102.999 86.5381L100.826 85.1127L100.967 87.7014H99.4135ZM108.827 87.7014L108.974 85.1127L106.801 86.5381L106.021 85.183L108.341 84.0196L106.021 82.8563L106.801 81.5012L108.974 82.9266L108.827 80.3378H110.38L110.24 82.9266L112.413 81.5012L113.193 82.8563L110.866 84.0196L113.193 85.183L112.413 86.5381L110.24 85.1127L110.38 87.7014H108.827Z",
+          fill: customBackgroundColor
+        }
+      )
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "defs", { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "filter",
+        {
+          id: "filter0_d_944_1329",
+          x: "11.6957",
+          y: "28.7449",
+          width: "89.804",
+          height: "71.0657",
+          filterUnits: "userSpaceOnUse",
+          colorInterpolationFilters: "sRGB",
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "feColorMatrix",
+              {
+                in: "SourceAlpha",
+                type: "matrix",
+                values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                result: "hardAlpha"
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feOffset", { dy: "8.8" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feGaussianBlur", { stdDeviation: "8.8" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feComposite", { in2: "hardAlpha", operator: "out" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "feColorMatrix",
+              {
+                type: "matrix",
+                values: "0 0 0 0 0.0370486 0 0 0 0 0.087038 0 0 0 0 0.0916667 0 0 0 0.16 0"
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_944_1329" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_944_1329", result: "shape" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "filter",
+        {
+          id: "filter1_d_944_1329",
+          x: "53.8799",
+          y: "54.5039",
+          width: "82",
+          height: "58",
+          filterUnits: "userSpaceOnUse",
+          colorInterpolationFilters: "sRGB",
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "feColorMatrix",
+              {
+                in: "SourceAlpha",
+                type: "matrix",
+                values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                result: "hardAlpha"
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feOffset", {}),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feGaussianBlur", { stdDeviation: "7" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feComposite", { in2: "hardAlpha", operator: "out" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "feColorMatrix",
+              {
+                type: "matrix",
+                values: "0 0 0 0 0.0362847 0 0 0 0 0.0869733 0 0 0 0 0.0916667 0 0 0 0.12 0"
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_944_1329" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_944_1329", result: "shape" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "linearGradient",
+        {
+          id: "paint0_linear_944_1329",
+          x1: "103.915",
+          y1: "95.5039",
+          x2: "97.9027",
+          y2: "68.179",
+          gradientUnits: "userSpaceOnUse",
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { stopColor: "#2E996C" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "1", stopColor: "#D0F2E5" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "clipPath", { id: "clip0_944_1329", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M70.8799 83.5039C70.8799 76.8765 76.2525 71.5039 82.8799 71.5039H106.88C113.507 71.5039 118.88 76.8765 118.88 83.5039C118.88 90.1313 113.507 95.5039 106.88 95.5039H82.8799C76.2525 95.5039 70.8799 90.1313 70.8799 83.5039Z",
+          fill: customBackgroundColor
+        }
+      ) })
+    ] })
+  ] });
+}
+
+
+
+exports.EmailOtpIcon = EmailOtpIcon;
+//# sourceMappingURL=chunk-URKPLEPV.cjs.map

package/dist/chunk-URKPLEPV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/emailOTP.tsx"],"names":[],"mappings":"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","sourcesContent":["export function EmailOtpIcon({\n    customAccentColor = \"#04AA6D\",\n    customButtonBackgroundColor = \"#F2F3F7\",\n    customBackgroundColor = \"#ffffff\",\n}: { customAccentColor?: string; customButtonBackgroundColor?: string; customBackgroundColor?: string }) {\n    return (\n        <svg width=\"136\" height=\"113\" viewBox=\"0 0 136 113\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <mask id=\"mask0_944_1329\" maskUnits=\"userSpaceOnUse\" x=\"8\" y=\"8\" width=\"97\" height=\"97\">\n                <path\n                    d=\"M104.598 56.2539C104.598 82.7636 83.1073 104.254 56.5977 104.254C30.088 104.254 8.59766 82.7636 8.59766 56.2539C8.59766 29.7442 30.088 8.25391 56.5977 8.25391C83.1073 8.25391 104.598 29.7442 104.598 56.2539Z\"\n                    fill=\"#D9D9D9\"\n                />\n            </mask>\n            <g mask=\"url(#mask0_944_1329)\">\n                <circle cx=\"56.5977\" cy=\"56.2539\" r=\"48\" fill={customButtonBackgroundColor} />\n                <g filter=\"url(#filter0_d_944_1329)\">\n                    <mask id=\"mask1_944_1329\" maskUnits=\"userSpaceOnUse\" x=\"29\" y=\"37\" width=\"55\" height=\"37\">\n                        <rect x=\"29.2957\" y=\"37.5449\" width=\"54.604\" height=\"35.8658\" rx=\"3.212\" fill=\"#52E0B5\" />\n                    </mask>\n                    <g mask=\"url(#mask1_944_1329)\">\n                        <rect\n                            x=\"29.2957\"\n                            y=\"34.8662\"\n                            width=\"54.604\"\n                            height=\"38.544\"\n                            rx=\"3.212\"\n                            fill={customBackgroundColor}\n                        />\n                        <mask id=\"mask2_944_1329\" maskUnits=\"userSpaceOnUse\" x=\"29\" y=\"51\" width=\"55\" height=\"41\">\n                            <path\n                                d=\"M31.8833 74.2272C29.1168 72.267 29.1866 68.1383 32.0178 66.2728L53.9469 51.8234C55.5553 50.7636 57.6403 50.7636 59.2487 51.8234L81.1779 66.2728C84.0091 68.1383 84.0789 72.267 81.3124 74.2272L56.5978 91.7381L31.8833 74.2272Z\"\n                                fill=\"#52E0B5\"\n                            />\n                        </mask>\n                        <g mask=\"url(#mask2_944_1329)\">\n                            <path\n                                d=\"M32.0675 73.9008C29.5307 72.1034 29.5947 68.3175 32.1909 66.6068L54.12 52.1574C55.5949 51.1856 57.5068 51.1856 58.9817 52.1574L80.9108 66.6068C83.507 68.3175 83.571 72.1034 81.0341 73.9008L56.5508 91.2479L32.0675 73.9008Z\"\n                                stroke=\"#D0D5DD\"\n                                strokeWidth=\"0.8\"\n                            />\n                        </g>\n                        <path\n                            d=\"M26.9443 36.6072C23.1618 33.6476 22.8212 28.0457 26.2172 24.6497L50.9406 -0.073638C54.0648 -3.19783 59.1301 -3.19783 62.2543 -0.0736384L86.9776 24.6497C90.3737 28.0457 90.033 33.6476 86.2506 36.6072L61.5272 55.9514C58.6312 58.2173 54.5636 58.2173 51.6677 55.9514L26.9443 36.6072Z\"\n                            fill={customBackgroundColor}\n                        />\n                        <path\n                            d=\"M27.1908 36.2921C23.5974 33.4806 23.2738 28.1588 26.5001 24.9326L51.2234 0.209205C54.1914 -2.75878 59.0035 -2.75878 61.9714 0.209205L86.6948 24.9326C89.921 28.1588 89.5974 33.4806 86.0041 36.2921L61.2807 55.6364C58.5296 57.789 54.6653 57.789 51.9142 55.6364L27.1908 36.2921Z\"\n                            stroke=\"#67797F\"\n                            strokeOpacity=\"0.45\"\n                            strokeWidth=\"0.8\"\n                        />\n                    </g>\n                </g>\n            </g>\n            <g filter=\"url(#filter1_d_944_1329)\">\n                <path\n                    d=\"M106.88 68.5039H82.8799C74.5956 68.5039 67.8799 75.2196 67.8799 83.5039C67.8799 91.7882 74.5956 98.5039 82.8799 98.5039H106.88C115.164 98.5039 121.88 91.7882 121.88 83.5039C121.88 75.2196 115.164 68.5039 106.88 68.5039Z\"\n                    fill={customBackgroundColor}\n                />\n            </g>\n            <g clipPath=\"url(#clip0_944_1329)\">\n                <mask id=\"mask3_944_1329\" maskUnits=\"userSpaceOnUse\" x=\"70\" y=\"71\" width=\"49\" height=\"25\">\n                    <path d=\"M118.88 71.5039H70.8799V95.5039H118.88V71.5039Z\" fill=\"white\" />\n                </mask>\n                <g mask=\"url(#mask3_944_1329)\">\n                    <path d=\"M118.88 71.5039H70.8799V95.5039H118.88V71.5039Z\" fill=\"url(#paint0_linear_944_1329)\" />\n                    <path d=\"M118.88 71.5039H70.8799V95.5039H118.88V71.5039Z\" fill={customAccentColor} />\n                </g>\n                <path\n                    d=\"M80.5866 87.7014L80.7337 85.1127L78.5604 86.5381L77.7805 85.183L80.1009 84.0196L77.7805 82.8563L78.5604 81.5012L80.7337 82.9266L80.5866 80.3378H82.1399L81.9993 82.9266L84.1726 81.5012L84.9524 82.8563L82.6257 84.0196L84.9524 85.183L84.1726 86.5381L81.9993 85.1127L82.1399 87.7014H80.5866ZM90.0001 87.7014L90.1471 85.1127L87.9738 86.5381L87.194 85.183L89.5143 84.0196L87.194 82.8563L87.9738 81.5012L90.1471 82.9266L90.0001 80.3378H91.5534L91.4127 82.9266L93.586 81.5012L94.3659 82.8563L92.0391 84.0196L94.3659 85.183L93.586 86.5381L91.4127 85.1127L91.5534 87.7014H90.0001ZM99.4135 87.7014L99.5605 85.1127L97.3872 86.5381L96.6074 85.183L98.9277 84.0196L96.6074 82.8563L97.3872 81.5012L99.5605 82.9266L99.4135 80.3378H100.967L100.826 82.9266L102.999 81.5012L103.779 82.8563L101.453 84.0196L103.779 85.183L102.999 86.5381L100.826 85.1127L100.967 87.7014H99.4135ZM108.827 87.7014L108.974 85.1127L106.801 86.5381L106.021 85.183L108.341 84.0196L106.021 82.8563L106.801 81.5012L108.974 82.9266L108.827 80.3378H110.38L110.24 82.9266L112.413 81.5012L113.193 82.8563L110.866 84.0196L113.193 85.183L112.413 86.5381L110.24 85.1127L110.38 87.7014H108.827Z\"\n                    fill={customBackgroundColor}\n                />\n            </g>\n            <defs>\n                <filter\n                    id=\"filter0_d_944_1329\"\n                    x=\"11.6957\"\n                    y=\"28.7449\"\n                    width=\"89.804\"\n                    height=\"71.0657\"\n                    filterUnits=\"userSpaceOnUse\"\n                    colorInterpolationFilters=\"sRGB\"\n                >\n                    <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n                    <feColorMatrix\n                        in=\"SourceAlpha\"\n                        type=\"matrix\"\n                        values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n                        result=\"hardAlpha\"\n                    />\n                    <feOffset dy=\"8.8\" />\n                    <feGaussianBlur stdDeviation=\"8.8\" />\n                    <feComposite in2=\"hardAlpha\" operator=\"out\" />\n                    <feColorMatrix\n                        type=\"matrix\"\n                        values=\"0 0 0 0 0.0370486 0 0 0 0 0.087038 0 0 0 0 0.0916667 0 0 0 0.16 0\"\n                    />\n                    <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_944_1329\" />\n                    <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_944_1329\" result=\"shape\" />\n                </filter>\n                <filter\n                    id=\"filter1_d_944_1329\"\n                    x=\"53.8799\"\n                    y=\"54.5039\"\n                    width=\"82\"\n                    height=\"58\"\n                    filterUnits=\"userSpaceOnUse\"\n                    colorInterpolationFilters=\"sRGB\"\n                >\n                    <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n                    <feColorMatrix\n                        in=\"SourceAlpha\"\n                        type=\"matrix\"\n                        values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n                        result=\"hardAlpha\"\n                    />\n                    <feOffset />\n                    <feGaussianBlur stdDeviation=\"7\" />\n                    <feComposite in2=\"hardAlpha\" operator=\"out\" />\n                    <feColorMatrix\n                        type=\"matrix\"\n                        values=\"0 0 0 0 0.0362847 0 0 0 0 0.0869733 0 0 0 0 0.0916667 0 0 0 0.12 0\"\n                    />\n                    <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_944_1329\" />\n                    <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_944_1329\" result=\"shape\" />\n                </filter>\n                <linearGradient\n                    id=\"paint0_linear_944_1329\"\n                    x1=\"103.915\"\n                    y1=\"95.5039\"\n                    x2=\"97.9027\"\n                    y2=\"68.179\"\n                    gradientUnits=\"userSpaceOnUse\"\n                >\n                    <stop stopColor=\"#2E996C\" />\n                    <stop offset=\"1\" stopColor=\"#D0F2E5\" />\n                </linearGradient>\n                <clipPath id=\"clip0_944_1329\">\n                    <path\n                        d=\"M70.8799 83.5039C70.8799 76.8765 76.2525 71.5039 82.8799 71.5039H106.88C113.507 71.5039 118.88 76.8765 118.88 83.5039C118.88 90.1313 113.507 95.5039 106.88 95.5039H82.8799C76.2525 95.5039 70.8799 90.1313 70.8799 83.5039Z\"\n                        fill={customBackgroundColor}\n                    />\n                </clipPath>\n            </defs>\n        </svg>\n    );\n}\n"]}