@superlogic/spree-pay 0.1.14 → 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 };
 };
 
@@ -562,7 +573,7 @@ var SlapiPaymentService = {
 
 // src/services/cardPayment.ts
 var cardPayment = async (params) => {
-  const { card, redirect3dsURI, hash, capture, metadata } = params;
+  const { card, redirect3dsURI, hash, capture, metadata, transactionFee } = params;
   let cardId = card.id;
   if ("token" in card) {
     const { data: cardResData } = await SlapiPaymentService.addCard({ hash, source: card.token });
@@ -570,10 +581,14 @@ var cardPayment = async (params) => {
   }
   const { data: paymentResData } = await SlapiPaymentService.createPayment({
     hash,
-    type: "CREDIT_CARD" /* CREDIT_CARD */,
-    metadata,
     capture,
-    card: { cardId, returnUrl: `${window.location.origin}${redirect3dsURI}` }
+    metadata,
+    type: "CREDIT_CARD" /* CREDIT_CARD */,
+    card: {
+      cardId,
+      transactionFee,
+      returnUrl: `${window.location.origin}${redirect3dsURI}`
+    }
   });
   if (paymentResData.redirectUrl) {
     const paymentIntent = await import_nice_modal_react2.default.show(Iframe3ds, { url: paymentResData.redirectUrl });
@@ -668,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 = () => {
@@ -1012,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) => {
@@ -1032,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);
@@ -1197,6 +1205,7 @@ var useCryptoPayment = () => {
     if (selectedPaymentMethod.type !== "CRYPTO" /* CRYPTO */ || !selectedPaymentMethod.method?.symbol) {
       throw new Error("Unsupported payment method");
     }
+    const { capture, hash, metadata } = params;
     const TOKEN = selectedPaymentMethod.method.symbol;
     if (["MOCA" /* MOCA */, "WETH" /* WETH */, "USDC" /* USDC */, "USDT" /* USDT */].includes(TOKEN)) {
       const tokenAddress = selectedPaymentMethod.method.address;
@@ -1224,7 +1233,9 @@ var useCryptoPayment = () => {
       }
     }
     const paymentRes = await SlapiPaymentService.createPayment({
-      ...params,
+      hash,
+      capture,
+      metadata,
       type: "CRYPTO" /* CRYPTO */,
       crypto: {
         token: TOKEN,

package/build/index.d.cts

@@ -102,6 +102,7 @@ type ProcessFnParams = {
     hash: string;
     capture?: boolean;
     metadata?: Record<string, unknown>;
+    transactionFee?: number;
 };
 type ProcessFn = (data: ProcessFnParams) => Promise<PaymentMethodResult>;
 

package/build/index.d.ts

@@ -102,6 +102,7 @@ type ProcessFnParams = {
     hash: string;
     capture?: boolean;
     metadata?: Record<string, unknown>;
+    transactionFee?: number;
 };
 type ProcessFn = (data: ProcessFnParams) => Promise<PaymentMethodResult>;
 

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 };
 };
 
@@ -523,7 +534,7 @@ var SlapiPaymentService = {
 
 // src/services/cardPayment.ts
 var cardPayment = async (params) => {
-  const { card, redirect3dsURI, hash, capture, metadata } = params;
+  const { card, redirect3dsURI, hash, capture, metadata, transactionFee } = params;
   let cardId = card.id;
   if ("token" in card) {
     const { data: cardResData } = await SlapiPaymentService.addCard({ hash, source: card.token });
@@ -531,10 +542,14 @@ var cardPayment = async (params) => {
   }
   const { data: paymentResData } = await SlapiPaymentService.createPayment({
     hash,
-    type: "CREDIT_CARD" /* CREDIT_CARD */,
-    metadata,
     capture,
-    card: { cardId, returnUrl: `${window.location.origin}${redirect3dsURI}` }
+    metadata,
+    type: "CREDIT_CARD" /* CREDIT_CARD */,
+    card: {
+      cardId,
+      transactionFee,
+      returnUrl: `${window.location.origin}${redirect3dsURI}`
+    }
   });
   if (paymentResData.redirectUrl) {
     const paymentIntent = await NiceModal2.show(Iframe3ds, { url: paymentResData.redirectUrl });
@@ -629,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 = () => {
@@ -973,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) => {
@@ -993,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);
@@ -1158,6 +1166,7 @@ var useCryptoPayment = () => {
     if (selectedPaymentMethod.type !== "CRYPTO" /* CRYPTO */ || !selectedPaymentMethod.method?.symbol) {
       throw new Error("Unsupported payment method");
     }
+    const { capture, hash, metadata } = params;
     const TOKEN = selectedPaymentMethod.method.symbol;
     if (["MOCA" /* MOCA */, "WETH" /* WETH */, "USDC" /* USDC */, "USDT" /* USDT */].includes(TOKEN)) {
       const tokenAddress = selectedPaymentMethod.method.address;
@@ -1185,7 +1194,9 @@ var useCryptoPayment = () => {
       }
     }
     const paymentRes = await SlapiPaymentService.createPayment({
-      ...params,
+      hash,
+      capture,
+      metadata,
       type: "CRYPTO" /* CRYPTO */,
       crypto: {
         token: TOKEN,

package/package.json

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