@superlogic/spree-pay 0.2.0 → 0.2.2

package/build/CryptoComTab-7DN7HG7M.js

@@ -0,0 +1,169 @@
+import {
+  Iframe3ds
+} from "./chunk-4BDR3N7M.js";
+import {
+  InfoBanner,
+  Legal,
+  PaymentError,
+  SlapiPaymentService,
+  logger,
+  useSpreePayConfig,
+  useSpreePayEnv,
+  useSpreePayRegister,
+  useSpreePaymentMethod,
+  useStaticConfig
+} from "./chunk-KPMIOTDR.js";
+
+// src/components/CryptoComTab/CryptoComTab.tsx
+import { useCallback, useEffect } from "react";
+
+// src/hooks/payments/useCryptoComPayment.ts
+import NiceModal from "@ebay/nice-modal-react";
+var cryptoComLogger = logger.child("crypto-com-payment");
+var useCryptoComPayment = () => {
+  const { selectedPaymentMethod } = useSpreePaymentMethod();
+  const { env } = useSpreePayEnv();
+  const cryptoComPayment = async (params) => {
+    if (selectedPaymentMethod.type !== "CDC" /* CDC */) {
+      throw new Error("Unsupported payment method");
+    }
+    const { hash, metadata } = params;
+    cryptoComLogger.info("Starting Crypto.com Pay payment", { hash });
+    const { data: paymentResData } = await SlapiPaymentService.createPayment({
+      hash,
+      metadata,
+      type: "CDC" /* CDC */,
+      cdc: {
+        returnUrl: `${typeof window !== "undefined" ? window.location.origin : ""}${env.redirect3dsURI}?payment_intent=success`,
+        cancelUrl: `${typeof window !== "undefined" ? window.location.origin : ""}${env.redirect3dsURI}?payment_intent=canceled`
+      }
+    });
+    cryptoComLogger.info("Payment created", {
+      paymentId: paymentResData.id,
+      status: paymentResData.status,
+      hasRedirect: Boolean(paymentResData.redirectUrl)
+    });
+    let { status } = paymentResData;
+    if (paymentResData.redirectUrl) {
+      cryptoComLogger.debug("Opening CDC payment redirect", { paymentId: paymentResData.id });
+      const paymentIntent = await NiceModal.show(Iframe3ds, { url: paymentResData.redirectUrl });
+      cryptoComLogger.info("CDC payment redirect completed", { paymentIntent });
+      if (paymentIntent === "success") {
+        cryptoComLogger.debug("Validating CDC payment", { paymentId: paymentResData.id });
+        const { data: validateData } = await SlapiPaymentService.validateCDC({ paymentId: paymentResData.id });
+        ({ status } = validateData);
+        cryptoComLogger.info("CDC payment validated", { paymentId: paymentResData.id, status });
+      } else {
+        status = "FAILED" /* FAILED */;
+        cryptoComLogger.warn("CDC payment canceled or failed", { paymentIntent });
+      }
+    }
+    cryptoComLogger.info("Crypto.com Pay payment completed", {
+      paymentId: paymentResData.id,
+      status,
+      txId: paymentResData.txId
+    });
+    return {
+      status,
+      paymentType: "CDC" /* CDC */,
+      paymentId: paymentResData.id,
+      txId: paymentResData.txId,
+      txHash: null
+    };
+  };
+  return { cryptoComPayment };
+};
+
+// src/components/CryptoComTab/Checkout.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Checkout = () => {
+  const { appProps } = useStaticConfig();
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      onClick: appProps.onProcess,
+      disabled: appProps.isProcessing,
+      className: "flex flex-col items-center rounded-md bg-(--crypto-pay-bg) p-2 text-(--brand-primary) hover:bg-(--crypto-pay-bg-hover) disabled:cursor-not-allowed disabled:bg-(--crypto-pay-bg-hover) disabled:text-(--disabled)",
+      children: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-7 w-[76px]", fill: "none", viewBox: "0 0 76 28", children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: "currentColor",
+            fillRule: "evenodd",
+            d: "M47.42 9.06c0 4.02-3.25 6.09-7.1 6.09h-4.38v6.53h-2.03V3.16h6.75c4.08 0 6.76 2.22 6.76 5.9m-2.06.08c0-2.68-1.94-4.05-4.85-4.05h-4.57v8.15h4.47c2.99 0 4.95-1.64 4.95-4.1m9.28.47c-1.57 0-2.81.43-4.05 1.01L50 8.95a11 11 0 0 1 4.86-1.14c3.63 0 5.67 1.9 5.67 5.5v8.37h-1.9v-2.06a5.8 5.8 0 0 1-4.83 2.35c-2.48 0-4.98-1.43-4.98-4.28 0-2.92 2.32-4.45 5.7-4.45 1.7 0 2.92.24 4.1.58v-.47c0-2.47-1.47-3.74-3.97-3.74m.08 5.14c1.62 0 2.94.29 3.92.58v1.32c0 2.17-2.01 3.71-4.46 3.71-1.8 0-3.36-1-3.36-2.75s1.4-2.86 3.9-2.86m12.23 11.8 1.75-4.7-6.14-13.8h2.2l4.84 11.4 4.28-11.4H76l-7.32 18.5z",
+            clipRule: "evenodd"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: "currentColor",
+            fillRule: "evenodd",
+            d: "M0 6.77V20.3l11.66 6.77 11.66-6.77V6.77L11.66 0zM1.03 19.7V7.36L11.66 1.2 22.3 7.36v12.35l-10.64 6.17z",
+            clipRule: "evenodd"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: "currentColor",
+            fillRule: "evenodd",
+            d: "M16.23 5.84H7.07L6 10.54h11.33zM8.7 17v-3.12l-2.72-1.73-3.07 2.3 4.19 7.31h1.67l1.98-1.85v-.93z",
+            clipRule: "evenodd"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: "currentColor",
+            fillRule: "evenodd",
+            d: "M14.64 11.25H8.7l1 2.62-.3 2.94h4.54l-.28-2.94z",
+            clipRule: "evenodd"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: "currentColor",
+            fillRule: "evenodd",
+            d: "m17.35 12.13-2.68 1.75V17l-2.05 1.98v.93l1.98 1.83h1.65l4.16-7.3z",
+            clipRule: "evenodd"
+          }
+        )
+      ] })
+    }
+  );
+};
+
+// src/components/CryptoComTab/CryptoComTab.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var CryptoComTab = () => {
+  const { register } = useSpreePayRegister();
+  const { cryptoComPayment } = useCryptoComPayment();
+  const { spreePayConfig } = useSpreePayConfig();
+  const handlePay = useCallback(
+    async (data) => {
+      try {
+        const res = await cryptoComPayment(data);
+        if (["AUTHORIZED" /* AUTHORIZED */, "CAPTURED" /* CAPTURED */].includes(res.status)) {
+          return Promise.resolve(res);
+        }
+        return Promise.reject(new PaymentError("Crypto payment failed", res.status));
+      } catch (_) {
+        return Promise.reject(new PaymentError("Payment failed", "FAILED" /* FAILED */));
+      }
+    },
+    [cryptoComPayment]
+  );
+  useEffect(() => {
+    register(handlePay);
+  }, [register, handlePay]);
+  return /* @__PURE__ */ jsxs2("div", { className: "flex w-full flex-col gap-4 border-b border-b-(--border-component-specific-card) px-5 py-5 md:px-7 md:py-6", children: [
+    spreePayConfig?.cryptoCom.infoMessage && /* @__PURE__ */ jsx2(InfoBanner, { message: spreePayConfig.cryptoCom.infoMessage }),
+    /* @__PURE__ */ jsx2(Legal, {}),
+    /* @__PURE__ */ jsx2(Checkout, {})
+  ] });
+};
+export {
+  CryptoComTab
+};