@superlogic/spree-pay 0.1.15 → 0.1.16

package/build/index.cjs

@@ -263,10 +263,21 @@ var SpreeLegal = () => {
 // src/components/CreditCardTab/CreditCardTab.tsx
 var import_react7 = require("react");
 
-// src/hooks/useSlapiBalance.ts
+// src/hooks/useCards.ts
 var import_swr = __toESM(require("swr"), 1);
+var useCards = () => {
+  const { data, isLoading, mutate } = (0, import_swr.default)(`/v1/payments/cards`);
+  return {
+    cards: data?.data.filter((c) => c.active) || [],
+    cardsIsLoading: isLoading,
+    mutateCards: mutate
+  };
+};
+
+// src/hooks/useSlapiBalance.ts
+var import_swr2 = __toESM(require("swr"), 1);
 var useSlapiBalance = () => {
-  const { data, isLoading, mutate } = (0, import_swr.default)(`/v1/loyalty/accounts`);
+  const { data, isLoading, mutate } = (0, import_swr2.default)(`/v1/loyalty/accounts`);
   return { balance: data?.detail, isBalanceLoading: isLoading, mutateBalance: mutate };
 };
 
@@ -672,17 +683,6 @@ var import_react6 = require("react");
 var import_react_stripe_js2 = require("@stripe/react-stripe-js");
 var import_stripe_js = require("@stripe/stripe-js");
 
-// src/hooks/useCards.ts
-var import_swr2 = __toESM(require("swr"), 1);
-var useCards = () => {
-  const { data, isLoading, mutate } = (0, import_swr2.default)(`/v1/payments/cards`);
-  return {
-    cards: data?.data.filter((c) => c.active) || [],
-    cardsIsLoading: isLoading,
-    mutateCards: mutate
-  };
-};
-
 // src/hooks/useConfig.ts
 var import_swr3 = __toESM(require("swr"), 1);
 var useConfig = () => {
@@ -1016,8 +1016,9 @@ var CreditCardTab = ({ pointsTitle, pointsConversionRatio }) => {
   const [usePoints, setUsePoints] = (0, import_react7.useState)(false);
   const [selectedPointsType, setSelectedPointsType] = (0, import_react7.useState)(null);
   const { balance, isBalanceLoading } = useSlapiBalance();
-  const { selectedPaymentMethod } = useSpreePaymentMethod();
+  const { selectedPaymentMethod, setSelectedPaymentMethod } = useSpreePaymentMethod();
   const { register } = useSpreePayRegister();
+  const { mutateCards } = useCards();
   const { env } = useSpreePayEnv();
   const handlePay = (0, import_react7.useCallback)(
     async (data) => {
@@ -1036,9 +1037,12 @@ var CreditCardTab = ({ pointsTitle, pointsConversionRatio }) => {
         return Promise.reject(new PaymentError("Unsupported payment method", "FAILED" /* FAILED */));
       } catch (_) {
         return Promise.reject(new PaymentError("Payment failed", "FAILED" /* FAILED */));
+      } finally {
+        setSelectedPaymentMethod({ type: "CREDIT_CARD" /* CREDIT_CARD */, method: null });
+        mutateCards();
       }
     },
-    [env.redirect3dsURI, selectedPaymentMethod]
+    [setSelectedPaymentMethod, mutateCards, env.redirect3dsURI, selectedPaymentMethod]
   );
   (0, import_react7.useEffect)(() => {
     register(handlePay);

package/build/index.js

@@ -224,10 +224,21 @@ var SpreeLegal = () => {
 // src/components/CreditCardTab/CreditCardTab.tsx
 import { useCallback as useCallback2, useEffect as useEffect2, useState as useState4 } from "react";
 
-// src/hooks/useSlapiBalance.ts
+// src/hooks/useCards.ts
 import useSWR from "swr";
+var useCards = () => {
+  const { data, isLoading, mutate } = useSWR(`/v1/payments/cards`);
+  return {
+    cards: data?.data.filter((c) => c.active) || [],
+    cardsIsLoading: isLoading,
+    mutateCards: mutate
+  };
+};
+
+// src/hooks/useSlapiBalance.ts
+import useSWR2 from "swr";
 var useSlapiBalance = () => {
-  const { data, isLoading, mutate } = useSWR(`/v1/loyalty/accounts`);
+  const { data, isLoading, mutate } = useSWR2(`/v1/loyalty/accounts`);
   return { balance: data?.detail, isBalanceLoading: isLoading, mutateBalance: mutate };
 };
 
@@ -633,17 +644,6 @@ import { useMemo, useState as useState3 } from "react";
 import { Elements } from "@stripe/react-stripe-js";
 import { loadStripe } from "@stripe/stripe-js";
 
-// src/hooks/useCards.ts
-import useSWR2 from "swr";
-var useCards = () => {
-  const { data, isLoading, mutate } = useSWR2(`/v1/payments/cards`);
-  return {
-    cards: data?.data.filter((c) => c.active) || [],
-    cardsIsLoading: isLoading,
-    mutateCards: mutate
-  };
-};
-
 // src/hooks/useConfig.ts
 import useSWR3 from "swr";
 var useConfig = () => {
@@ -977,8 +977,9 @@ var CreditCardTab = ({ pointsTitle, pointsConversionRatio }) => {
   const [usePoints, setUsePoints] = useState4(false);
   const [selectedPointsType, setSelectedPointsType] = useState4(null);
   const { balance, isBalanceLoading } = useSlapiBalance();
-  const { selectedPaymentMethod } = useSpreePaymentMethod();
+  const { selectedPaymentMethod, setSelectedPaymentMethod } = useSpreePaymentMethod();
   const { register } = useSpreePayRegister();
+  const { mutateCards } = useCards();
   const { env } = useSpreePayEnv();
   const handlePay = useCallback2(
     async (data) => {
@@ -997,9 +998,12 @@ var CreditCardTab = ({ pointsTitle, pointsConversionRatio }) => {
         return Promise.reject(new PaymentError("Unsupported payment method", "FAILED" /* FAILED */));
       } catch (_) {
         return Promise.reject(new PaymentError("Payment failed", "FAILED" /* FAILED */));
+      } finally {
+        setSelectedPaymentMethod({ type: "CREDIT_CARD" /* CREDIT_CARD */, method: null });
+        mutateCards();
       }
     },
-    [env.redirect3dsURI, selectedPaymentMethod]
+    [setSelectedPaymentMethod, mutateCards, env.redirect3dsURI, selectedPaymentMethod]
   );
   useEffect2(() => {
     register(handlePay);

package/package.json

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