@superlogic/spree-pay 0.5.2 → 0.5.4

package/build/index.css

@@ -936,6 +936,15 @@
     var(--tw-ring-shadow),
     var(--tw-shadow);
 }
+.sl-spreepay .shadow {
+  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+  box-shadow:
+    var(--tw-inset-shadow),
+    var(--tw-inset-ring-shadow),
+    var(--tw-ring-offset-shadow),
+    var(--tw-ring-shadow),
+    var(--tw-shadow);
+}
 .sl-spreepay .shadow-\[0_6\.25px_25px_0_rgba\(0\,0\,0\,0\.05\)\] {
   --tw-shadow: 0 6.25px 25px 0 var(--tw-shadow-color, rgba(0,0,0,0.05));
   box-shadow:

package/build/index.js

@@ -8,10 +8,10 @@ import {
   getSplitAmount,
   getTransactionFee,
   useSlapiBalance
-} from "./chunk-VBGTP4XP.js";
+} from "./chunk-H7S3CTS3.js";
 import {
   Iframe3ds
-} from "./chunk-ABVIUWRK.js";
+} from "./chunk-QJCZPYQC.js";
 import {
   InfoBanner,
   LogLevel,
@@ -27,6 +27,7 @@ import {
   StaticConfigProvider,
   cn,
   configureLogger,
+  esm_default,
   isDeclineStatus,
   isNewCard,
   isPaymentError,
@@ -42,11 +43,10 @@ import {
   useSpreePayRegister,
   useSpreePaymentMethod,
   useStaticConfig
-} from "./chunk-ECIGRDXS.js";
+} from "./chunk-RZ43EXC2.js";
 
 // src/SpreePay.tsx
 import { useCallback as useCallback8, useEffect as useEffect8, useMemo as useMemo9, useState as useState12 } from "react";
-import NiceModal4 from "@ebay/nice-modal-react";
 import { SWRConfig } from "swr";
 
 // src/SpreePayContent.tsx
@@ -56,7 +56,6 @@ import { Suspense, lazy, useEffect as useEffect6 } from "react";
 import { useCallback as useCallback6, useEffect as useEffect5, useState as useState10 } from "react";
 
 // src/hooks/payments/useCardPayment.ts
-import NiceModal from "@ebay/nice-modal-react";
 var cardPaymentLogger = logger.child("card-payment");
 var useCardPayment = () => {
   const { selectedPaymentMethod } = useSpreePaymentMethod();
@@ -120,7 +119,7 @@ var useCardPayment = () => {
       cardPaymentLogger.debug("Starting 3DS flow", {
         paymentId: paymentResData.id
       });
-      const paymentIntent = await NiceModal.show(Iframe3ds, { url: paymentResData.redirectUrl });
+      const paymentIntent = await esm_default.show(Iframe3ds, { url: paymentResData.redirectUrl });
       if (paymentIntent) {
         cardPaymentLogger.debug("3DS completed, validating", {
           paymentId: paymentResData.id,
@@ -258,7 +257,6 @@ async function handleSendErc20(params) {
 }
 
 // src/hooks/payments/utils.ts
-import NiceModal2 from "@ebay/nice-modal-react";
 var REFRESH_INTERVAL = 3 * 1e3;
 var MAX_RETRIES = 10;
 async function longPollPoints(paymentId) {
@@ -303,7 +301,7 @@ async function longPollCardStatus(paymentId) {
       return detail.status;
     }
     if (!shown3ds && detail.card?.redirectUrl) {
-      const paymentIntent = await NiceModal2.show(Iframe3ds, { url: detail.card?.redirectUrl });
+      const paymentIntent = await esm_default.show(Iframe3ds, { url: detail.card?.redirectUrl });
       shown3ds = true;
       if (paymentIntent) {
         await SlapiPaymentService.validate3DS({ paymentId });
@@ -424,7 +422,6 @@ var usePointsPayment = (mode = "web2") => {
 };
 
 // src/hooks/payments/useSplitCardPayments.ts
-import NiceModal3 from "@ebay/nice-modal-react";
 var splitPaymentLogger = logger.child("split-card-payment");
 var useSplitCardPayments = (mode = "web2") => {
   const { selectedPaymentMethod } = useSpreePaymentMethod();
@@ -480,7 +477,7 @@ var useSplitCardPayments = (mode = "web2") => {
     });
     if (paymentResData.redirectUrl) {
       splitPaymentLogger.debug("Starting 3DS flow for card portion", { paymentId: paymentResData.id });
-      const paymentIntent = await NiceModal3.show(Iframe3ds, { url: paymentResData.redirectUrl });
+      const paymentIntent = await esm_default.show(Iframe3ds, { url: paymentResData.redirectUrl });
       if (paymentIntent) {
         splitPaymentLogger.debug("3DS completed, validating", { paymentId: paymentResData.id });
         await SlapiPaymentService.validate3DS({ paymentId: paymentResData.id });
@@ -2171,12 +2168,12 @@ var CreditCardTab = () => {
         }
         return settlePaymentResult(res, failureMessage, failureCode);
       } catch (e) {
-        return Promise.reject(toPaymentError(e, failureMessage, failureCode));
+        throw toPaymentError(e, failureMessage, failureCode);
       } finally {
-        mutateBalance();
+        mutateBalance().catch(() => void 0);
         if (selectedPaymentMethod.type === "CREDIT_CARD" /* CREDIT_CARD */ && selectedPaymentMethod.method && isNewCard(selectedPaymentMethod.method)) {
           const knownIds = new Set(cards.map((c) => c.id));
-          const updated = await mutateCards();
+          const updated = await mutateCards().catch(() => void 0);
           const newSavedCard = (updated?.data ?? []).find((c) => c.active && !knownIds.has(c.id));
           setSelectedPaymentMethod({
             ...selectedPaymentMethod,
@@ -2185,7 +2182,7 @@ var CreditCardTab = () => {
           });
           setNewCards([]);
         } else {
-          mutateCards();
+          mutateCards().catch(() => void 0);
         }
       }
     },
@@ -2284,9 +2281,9 @@ var TabButtons = (props) => {
 
 // src/SpreePayContent.tsx
 import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
-var CryptoTab = lazy(() => import("./CryptoTab-XJZHGZ5E.js").then((module) => ({ default: module.CryptoTab })));
+var CryptoTab = lazy(() => import("./CryptoTab-G55XLBX2.js").then((module) => ({ default: module.CryptoTab })));
 var CryptoComTab = lazy(
-  () => import("./CryptoComTab-EKWP4XOV.js").then((module) => ({ default: module.CryptoComTab }))
+  () => import("./CryptoComTab-WXKBRJF3.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)" }),
@@ -2498,7 +2495,7 @@ var SpreePayInner = () => {
           revalidateOnFocus: false,
           revalidateIfStale: false
         },
-        children: /* @__PURE__ */ jsx20(PortalContainerProvider, { container: portalEl, children: /* @__PURE__ */ jsx20(NiceModal4.Provider, { children: /* @__PURE__ */ jsx20(LoginStatusProvider, { isLoggedIn: Boolean(_accessToken), children: /* @__PURE__ */ jsx20(SpreePayContent, {}) }) }) })
+        children: /* @__PURE__ */ jsx20(PortalContainerProvider, { container: portalEl, children: /* @__PURE__ */ jsx20(esm_default.Provider, { children: /* @__PURE__ */ jsx20(LoginStatusProvider, { isLoggedIn: Boolean(_accessToken), children: /* @__PURE__ */ jsx20(SpreePayContent, {}) }) }) })
       }
     );
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superlogic/spree-pay",
-  "version": "0.5.2",
+  "version": "0.5.4",
   "description": "Spree-pay React component and utilities",
   "private": false,
   "type": "module",
@@ -42,7 +42,6 @@
     "react-dom": "^18 || ^19"
   },
   "dependencies": {
-    "@ebay/nice-modal-react": "^1.2.13",
     "@mocanetwork/airkit": "1.7.0",
     "@radix-ui/react-checkbox": "^1.1.3",
     "@radix-ui/react-dialog": "^1.1.15",
@@ -65,6 +64,7 @@
     "xss": "^1.0.15"
   },
   "devDependencies": {
+    "@ebay/nice-modal-react": "^1.2.13",
     "@repo/eslint-config": "^1.0.0",
     "@tailwindcss/postcss": "^4.3.0",
     "@types/react": "^19",
@@ -96,6 +96,8 @@
       "react-dom",
       "swr"
     ],
-    "noExternal": []
+    "noExternal": [
+      "@ebay/nice-modal-react"
+    ]
   }
 }