@crossmint/client-sdk-react-ui 1.18.3 → 1.19.0-alpha.0

package/dist/chunk-SZMTAO74.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useCrossmintCheckout.tsx"],"names":["order","orderClientSecret"],"mappings":";;;;;;;;AAAA,SAAS,eAA+B,YAAY,WAAW,gBAAgB;AA2CvE;AAhCR,IAAM,2BAA2B,cAAoD,MAAS;AAEvF,SAAS,0BAA0B,EAAE,SAAS,GAA4B;AAC7E,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA4B,MAAS;AAC/D,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAA6B,MAAS;AAExF,QAAM,EAAE,UAAU,IAAI,aAAa;AACnC,QAAM,YAAY,yBAAyB,WAAW;AAAA,IAClD,aAAa;AAAA,EACjB,CAAC;AAED,YAAU,MAAM;AACZ,UAAM,WAAW,CAAC,UAAwB;AACtC,UAAI,MAAM,WAAW,IAAI,IAAI,UAAU,OAAO,EAAE,QAAQ;AACpD;AAAA,MACJ;AACA,UAAI,MAAM,KAAK,UAAU,iBAAiB;AACtC;AAAA,MACJ;AACA,YAAM,EAAE,OAAAA,QAAO,mBAAAC,mBAAkB,IAAI,MAAM,KAAK;AAGhD,eAASD,MAAK;AACd,2BAAqBC,kBAAiB;AAAA,IAC1C;AACA,WAAO,iBAAiB,WAAW,QAAQ;AAC3C,WAAO,MAAM;AACT,aAAO,oBAAoB,WAAW,QAAQ;AAAA,IAClD;AAAA,EACJ,GAAG,CAAC,KAAK,CAAC;AAEV,SACI,oBAAC,yBAAyB,UAAzB,EAAkC,OAAO,EAAE,OAAO,kBAAkB,GAChE,UACL;AAER;AAEO,SAAS,uBAAuB;AACnC,QAAM,UAAU,WAAW,wBAAwB;AACnD,MAAI,CAAC,SAAS;AACV,UAAM,IAAI,MAAM,sEAAsE;AAAA,EAC1F;AACA,SAAO;AACX","sourcesContent":["import { createContext, type ReactNode, useContext, useEffect, useState } from \"react\";\nimport type { embeddedCheckoutV3IncomingEvents, Order } from \"@crossmint/client-sdk-base\";\nimport type { z } from \"zod\";\nimport { useCrossmint } from \"./useCrossmint\";\nimport { createCrossmintApiClient } from \"@/utils/createCrossmintApiClient\";\n\nexport interface CrossmintCheckoutContext {\n    order?: Order;\n    orderClientSecret?: string;\n}\n\nconst CrossmintCheckoutContext = createContext<CrossmintCheckoutContext | undefined>(undefined);\n\nexport function CrossmintCheckoutProvider({ children }: { children: ReactNode }) {\n    const [order, setOrder] = useState<Order | undefined>(undefined);\n    const [orderClientSecret, setOrderClientSecret] = useState<string | undefined>(undefined);\n\n    const { crossmint } = useCrossmint();\n    const apiClient = createCrossmintApiClient(crossmint, {\n        usageOrigin: \"client\",\n    });\n\n    useEffect(() => {\n        const listener = (event: MessageEvent) => {\n            if (event.origin !== new URL(apiClient.baseUrl).origin) {\n                return;\n            }\n            if (event.data.event !== \"order:updated\") {\n                return;\n            }\n            const { order, orderClientSecret } = event.data.data as z.infer<\n                (typeof embeddedCheckoutV3IncomingEvents)[\"order:updated\"]\n            >;\n            setOrder(order);\n            setOrderClientSecret(orderClientSecret);\n        };\n        window.addEventListener(\"message\", listener);\n        return () => {\n            window.removeEventListener(\"message\", listener);\n        };\n    }, [order]);\n\n    return (\n        <CrossmintCheckoutContext.Provider value={{ order, orderClientSecret }}>\n            {children}\n        </CrossmintCheckoutContext.Provider>\n    );\n}\n\nexport function useCrossmintCheckout() {\n    const context = useContext(CrossmintCheckoutContext);\n    if (!context) {\n        throw new Error(\"useCrossmintCheckout must be used within a CrossmintCheckoutProvider\");\n    }\n    return context;\n}\n"]}

package/dist/chunk-TKFSXTH5.js

@@ -0,0 +1,51 @@
+// src/icons/google.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function GoogleIcon({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "25",
+      height: "25",
+      x: "0px",
+      y: "0px",
+      viewBox: "0 0 48 48",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: "#fbc02d",
+            d: "M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12	s5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24s8.955,20,20,20	s20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: "#e53935",
+            d: "M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039	l5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: "#4caf50",
+            d: "M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36	c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: "#1565c0",
+            d: "M43.611,20.083L43.595,20L42,20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571	c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  GoogleIcon
+};
+//# sourceMappingURL=chunk-TKFSXTH5.js.map

package/dist/chunk-TKFSXTH5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/google.tsx"],"sourcesContent":["export function GoogleIcon({ className }: { className?: string }) {\n    return (\n        <svg\n            width=\"25\"\n            height=\"25\"\n            x=\"0px\"\n            y=\"0px\"\n            viewBox=\"0 0 48 48\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className={className}\n        >\n            <path\n                fill=\"#fbc02d\"\n                d=\"M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12\ts5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24s8.955,20,20,20\ts20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z\"\n            ></path>\n            <path\n                fill=\"#e53935\"\n                d=\"M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039\tl5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z\"\n            ></path>\n            <path\n                fill=\"#4caf50\"\n                d=\"M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36\tc-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z\"\n            ></path>\n            <path\n                fill=\"#1565c0\"\n                d=\"M43.611,20.083L43.595,20L42,20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571\tc0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z\"\n            ></path>\n        </svg>\n    );\n}\n"],"mappings":";AAEQ,SASI,KATJ;AAFD,SAAS,WAAW,EAAE,UAAU,GAA2B;AAC9D,SACI;AAAA,IAAC;AAAA;AAAA,MACG,OAAM;AAAA,MACN,QAAO;AAAA,MACP,GAAE;AAAA,MACF,GAAE;AAAA,MACF,SAAQ;AAAA,MACR,OAAM;AAAA,MACN;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACG,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACL;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACG,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACL;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACG,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACL;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACG,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACL;AAAA;AAAA;AAAA,EACL;AAER;","names":[]}