@superlogic/spree-pay 0.4.12 → 0.4.14

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

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

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

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

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

@@ -6,7 +6,7 @@ import {
   useSpreePayEnv,
   useSpreePaymentMethod,
   useStaticConfig
-} from "./chunk-WRFG6YIS.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-JXZZJ7NS.js → chunk-VZWGJKM3.js}

@@ -3,7 +3,7 @@ import {
   DialogContent,
   DialogDescription,
   DialogTitle
-} from "./chunk-WRFG6YIS.js";
+} from "./chunk-XFJYLJZ4.js";
 
 // src/modals/Iframe3ds.tsx
 import { useEffect } from "react";

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

@@ -10,7 +10,7 @@ var PaymentType = /* @__PURE__ */ ((PaymentType2) => {
 })(PaymentType || {});
 
 // package.json
-var version = "0.4.12";
+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.12";
+    version = "0.4.14";
   }
 });
 
@@ -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.js

@@ -8,10 +8,10 @@ import {
   getSplitAmount,
   getTransactionFee,
   useSlapiBalance
-} from "./chunk-RORSHUSF.js";
+} from "./chunk-UT65MGD2.js";
 import {
   Iframe3ds
-} from "./chunk-JXZZJ7NS.js";
+} from "./chunk-VZWGJKM3.js";
 import {
   InfoBanner,
   LogLevel,
@@ -32,7 +32,7 @@ import {
   useSpreePayRegister,
   useSpreePaymentMethod,
   useStaticConfig
-} from "./chunk-WRFG6YIS.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-57MMM4AG.js").then((module) => ({ default: module.CryptoTab })));
+var CryptoTab = lazy(() => import("./CryptoTab-4IC63YD5.js").then((module) => ({ default: module.CryptoTab })));
 var CryptoComTab = lazy(
-  () => import("./CryptoComTab-DAKL7IZF.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.12",
+  "version": "0.4.14",
   "description": "Spree-pay React component and utilities",
   "private": false,
   "type": "module",