@superlogic/spree-pay 0.4.11 → 0.4.14

package/build/{CryptoComTab-OCWI7MFM.js → CryptoComTab-NMS7BP25.js}

@@ -1,6 +1,6 @@
 import {
   Iframe3ds
-} from "./chunk-VDX65MBD.js";
+} from "./chunk-VZWGJKM3.js";
 import {
   InfoBanner,
   Legal,
@@ -12,7 +12,7 @@ import {
   useSpreePayRegister,
   useSpreePaymentMethod,
   useStaticConfig
-} from "./chunk-NAY4SEME.js";
+} from "./chunk-XFJYLJZ4.js";
 
 // src/components/CryptoComTab/CryptoComTab.tsx
 import { useCallback, useEffect } from "react";

package/build/{CryptoTab-4WXYLS43.js → CryptoTab-4IC63YD5.js}

@@ -2,7 +2,7 @@ import {
   CheckoutButton,
   PointsSwitch,
   cn as cn2
-} from "./chunk-WHTBHEIN.js";
+} from "./chunk-UT65MGD2.js";
 import {
   Dialog,
   DialogContent,
@@ -16,7 +16,7 @@ import {
   useSpreePayConfig,
   useSpreePayRegister,
   useSpreePaymentMethod
-} from "./chunk-NAY4SEME.js";
+} from "./chunk-XFJYLJZ4.js";
 
 // src/components/CryptoTab/Crypto/CryptoWrapper.tsx
 import { useMemo as useMemo2 } from "react";

package/build/{chunk-WHTBHEIN.js → chunk-UT65MGD2.js}

@@ -6,7 +6,7 @@ import {
   useSpreePayEnv,
   useSpreePaymentMethod,
   useStaticConfig
-} from "./chunk-NAY4SEME.js";
+} from "./chunk-XFJYLJZ4.js";
 
 // src/components/common/PointsSwitch.tsx
 import { useId } from "react";
@@ -257,15 +257,12 @@ var CheckoutButton = ({ isLoggedIn }) => {
   const checkoutClass = "text-(--inverse) h-14 leading-14 w-full cursor-pointer rounded-4xl bg-(--s-brand) hover:bg-(--s-brand-hover) px-4 text-center text-xl leading-6 font-medium disabled:cursor-not-allowed disabled:bg-(--s-disabled) disabled:text-(--disabled)";
   return /* @__PURE__ */ jsxs3("div", { className: "flex w-full flex-col gap-4 p-6 text-xs leading-5 font-medium text-(--secondary) md:px-7", children: [
     /* @__PURE__ */ jsx5(Legal, {}),
-    isLoggedIn ? /* @__PURE__ */ jsx5(Fragment, { children: onProcess && /* @__PURE__ */ jsx5("button", { disabled: isDisabled, onClick: onProcess, className: checkoutClass, children: getCheckoutContent() }) }) : /* @__PURE__ */ jsxs3(
+    isLoggedIn ? /* @__PURE__ */ jsx5(Fragment, { children: onProcess && /* @__PURE__ */ jsx5("button", { disabled: isDisabled, onClick: onProcess, className: checkoutClass, children: getCheckoutContent() }) }) : /* @__PURE__ */ jsx5(
       "a",
       {
         href: `${staticConfig.keycloakUrl}/realms/${tenantId}/protocol/openid-connect/auth?client_id=${keycloakClientId ?? "oneof-next"}&response_type=code&redirect_uri=${window.location.href}`,
         className: checkoutClass,
-        children: [
-          "Log in / Sign up",
-          tenantId === "moca" ? " for an AIR account" : ""
-        ]
+        children: spreePayConfig?.loginLabel || "Log in / Sign up"
       }
     ),
     /* @__PURE__ */ jsxs3("a", { href: "https://www.spree.finance/", className: "flex items-center justify-center gap-2 hover:underline", children: [

package/build/{chunk-VDX65MBD.js → chunk-VZWGJKM3.js}

@@ -3,7 +3,7 @@ import {
   DialogContent,
   DialogDescription,
   DialogTitle
-} from "./chunk-NAY4SEME.js";
+} from "./chunk-XFJYLJZ4.js";
 
 // src/modals/Iframe3ds.tsx
 import { useEffect } from "react";
@@ -37,7 +37,7 @@ var Iframe3ds = NiceModal.create(({ url }) => {
     modal.reject();
     modal.remove();
   };
-  return /* @__PURE__ */ jsx(Dialog, { open: modal.visible, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-h-[600px] w-full max-w-[680px] p-0", children: [
+  return /* @__PURE__ */ jsx(Dialog, { open: modal.visible, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-h-[90dvh] w-full max-w-[680px] overflow-hidden p-0", children: [
     /* @__PURE__ */ jsx(DialogTitle, { className: "sr-only", children: "Payment Verification" }),
     /* @__PURE__ */ jsx(DialogDescription, { className: "sr-only", children: "Complete 3D Secure verification to finalize your payment" }),
     /* @__PURE__ */ jsx(
@@ -45,8 +45,8 @@ var Iframe3ds = NiceModal.create(({ url }) => {
       {
         src: url,
         id: "3ds-iframe",
-        title: "Payment Verificatio",
-        className: "h-[731px] w-full rounded-lg border-0"
+        title: "Payment Verification",
+        className: "h-[731px] max-h-[90dvh] w-full rounded-lg border-0"
       }
     )
   ] }) });

package/build/{chunk-NAY4SEME.js → chunk-XFJYLJZ4.js}

@@ -10,7 +10,7 @@ var PaymentType = /* @__PURE__ */ ((PaymentType2) => {
 })(PaymentType || {});
 
 // package.json
-var version = "0.4.11";
+var version = "0.4.14";
 
 // src/utils/logger.ts
 var LogLevel = /* @__PURE__ */ ((LogLevel2) => {

package/build/index.cjs

@@ -69,7 +69,7 @@ var init_payments = __esm({
 var version;
 var init_package = __esm({
   "package.json"() {
-    version = "0.4.11";
+    version = "0.4.14";
   }
 });
 
@@ -595,7 +595,7 @@ var init_Iframe3ds = __esm({
         modal.reject();
         modal.remove();
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Dialog, { open: modal.visible, onOpenChange: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(DialogContent, { className: "max-h-[600px] w-full max-w-[680px] p-0", children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Dialog, { open: modal.visible, onOpenChange: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(DialogContent, { className: "max-h-[90dvh] w-full max-w-[680px] overflow-hidden p-0", children: [
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DialogTitle, { className: "sr-only", children: "Payment Verification" }),
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DialogDescription, { className: "sr-only", children: "Complete 3D Secure verification to finalize your payment" }),
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
@@ -603,8 +603,8 @@ var init_Iframe3ds = __esm({
           {
             src: url,
             id: "3ds-iframe",
-            title: "Payment Verificatio",
-            className: "h-[731px] w-full rounded-lg border-0"
+            title: "Payment Verification",
+            className: "h-[731px] max-h-[90dvh] w-full rounded-lg border-0"
           }
         )
       ] }) });
@@ -1302,15 +1302,12 @@ var init_CheckoutButton = __esm({
       const checkoutClass = "text-(--inverse) h-14 leading-14 w-full cursor-pointer rounded-4xl bg-(--s-brand) hover:bg-(--s-brand-hover) px-4 text-center text-xl leading-6 font-medium disabled:cursor-not-allowed disabled:bg-(--s-disabled) disabled:text-(--disabled)";
       return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex w-full flex-col gap-4 p-6 text-xs leading-5 font-medium text-(--secondary) md:px-7", children: [
         /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Legal, {}),
-        isLoggedIn ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_jsx_runtime11.Fragment, { children: onProcess && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { disabled: isDisabled, onClick: onProcess, className: checkoutClass, children: getCheckoutContent() }) }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+        isLoggedIn ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_jsx_runtime11.Fragment, { children: onProcess && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { disabled: isDisabled, onClick: onProcess, className: checkoutClass, children: getCheckoutContent() }) }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           "a",
           {
             href: `${staticConfig.keycloakUrl}/realms/${tenantId}/protocol/openid-connect/auth?client_id=${keycloakClientId ?? "oneof-next"}&response_type=code&redirect_uri=${window.location.href}`,
             className: checkoutClass,
-            children: [
-              "Log in / Sign up",
-              tenantId === "moca" ? " for an AIR account" : ""
-            ]
+            children: spreePayConfig?.loginLabel || "Log in / Sign up"
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("a", { href: "https://www.spree.finance/", className: "flex items-center justify-center gap-2 hover:underline", children: [
@@ -3496,6 +3493,14 @@ var CreditCard = ({ newCards, setNewCards }) => {
     },
     [setNewCards]
   );
+  const handleAddNewCard = () => {
+    setSelectedPaymentMethod({
+      ...selectedPaymentMethod,
+      type: "CREDIT_CARD" /* CREDIT_CARD */,
+      method: null
+    });
+    setShowForm(true);
+  };
   const handleCancel = () => {
     setShowForm(false);
   };
@@ -3515,7 +3520,7 @@ var CreditCard = ({ newCards, setNewCards }) => {
       /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "button",
         {
-          onClick: () => setShowForm(true),
+          onClick: handleAddNewCard,
           disabled: !spreePayConfig?.stripePublicKey,
           className: "text-md text-(--brand-primary) hover:underline disabled:cursor-not-allowed disabled:no-underline disabled:opacity-50",
           children: "Add new card"

package/build/index.css

@@ -430,12 +430,12 @@
 .sl-spreepay .max-h-\[40vh\] {
   max-height: 40vh;
 }
+.sl-spreepay .max-h-\[90dvh\] {
+  max-height: 90dvh;
+}
 .sl-spreepay .max-h-\[90vh\] {
   max-height: 90vh;
 }
-.sl-spreepay .max-h-\[600px\] {
-  max-height: 600px;
-}
 .sl-spreepay .min-h-11 {
   min-height: calc(var(--spacing) * 11);
 }

package/build/index.js

@@ -8,10 +8,10 @@ import {
   getSplitAmount,
   getTransactionFee,
   useSlapiBalance
-} from "./chunk-WHTBHEIN.js";
+} from "./chunk-UT65MGD2.js";
 import {
   Iframe3ds
-} from "./chunk-VDX65MBD.js";
+} from "./chunk-VZWGJKM3.js";
 import {
   InfoBanner,
   LogLevel,
@@ -32,7 +32,7 @@ import {
   useSpreePayRegister,
   useSpreePaymentMethod,
   useStaticConfig
-} from "./chunk-NAY4SEME.js";
+} from "./chunk-XFJYLJZ4.js";
 
 // src/SpreePay.tsx
 import { useCallback as useCallback8, useEffect as useEffect7, useMemo as useMemo9, useState as useState12 } from "react";
@@ -892,6 +892,14 @@ var CreditCard = ({ newCards, setNewCards }) => {
     },
     [setNewCards]
   );
+  const handleAddNewCard = () => {
+    setSelectedPaymentMethod({
+      ...selectedPaymentMethod,
+      type: "CREDIT_CARD" /* CREDIT_CARD */,
+      method: null
+    });
+    setShowForm(true);
+  };
   const handleCancel = () => {
     setShowForm(false);
   };
@@ -911,7 +919,7 @@ var CreditCard = ({ newCards, setNewCards }) => {
       /* @__PURE__ */ jsx5(
         "button",
         {
-          onClick: () => setShowForm(true),
+          onClick: handleAddNewCard,
           disabled: !spreePayConfig?.stripePublicKey,
           className: "text-md text-(--brand-primary) hover:underline disabled:cursor-not-allowed disabled:no-underline disabled:opacity-50",
           children: "Add new card"
@@ -2260,9 +2268,9 @@ var TabButtons = (props) => {
 
 // src/SpreePayContent.tsx
 import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
-var CryptoTab = lazy(() => import("./CryptoTab-4WXYLS43.js").then((module) => ({ default: module.CryptoTab })));
+var CryptoTab = lazy(() => import("./CryptoTab-4IC63YD5.js").then((module) => ({ default: module.CryptoTab })));
 var CryptoComTab = lazy(
-  () => import("./CryptoComTab-OCWI7MFM.js").then((module) => ({ default: module.CryptoComTab }))
+  () => import("./CryptoComTab-NMS7BP25.js").then((module) => ({ default: module.CryptoComTab }))
 );
 var TabLoadingFallback = () => /* @__PURE__ */ jsx18("div", { className: "flex items-center justify-center px-5 py-8 md:px-7", children: /* @__PURE__ */ jsxs11("div", { className: "flex flex-col items-center gap-3", children: [
   /* @__PURE__ */ jsx18("div", { className: "h-8 w-8 animate-spin rounded-full border-4 border-(--border-component-specific-card) border-t-(--brand-primary)" }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superlogic/spree-pay",
-  "version": "0.4.11",
+  "version": "0.4.14",
   "description": "Spree-pay React component and utilities",
   "private": false,
   "type": "module",