@tagadapay/plugin-sdk 2.4.2 → 2.4.4

package/dist/react/hooks/useExpressPayment.d.ts

@@ -0,0 +1,70 @@
+import React, { ReactNode } from 'react';
+export interface Address {
+    address1: string;
+    address2?: string;
+    lastName?: string;
+    firstName?: string;
+    city?: string;
+    state?: string;
+    country?: string;
+    postal?: string;
+    phone?: string;
+    email?: string;
+}
+type PaymentMethod = {
+    id: string;
+    type: string;
+    title: string;
+    iconUrl: string;
+    default: boolean;
+    metadata?: Record<string, unknown>;
+};
+type ExpressOrderLineItem = {
+    label: string;
+    amount: string;
+};
+type ExpressShippingMethod = {
+    label: string;
+    amount: string;
+    identifier: string;
+    detail: string;
+};
+export interface ExpressPaymentContextType {
+    applePayPaymentMethod?: PaymentMethod;
+    googlePayPaymentMethod?: PaymentMethod;
+    reComputeOrderSummary: () => Promise<{
+        lineItems: ExpressOrderLineItem[];
+        total: {
+            label: string;
+            amount: string;
+        };
+        shippingMethods: ExpressShippingMethod[];
+    } | undefined>;
+    loading?: boolean;
+    availableExpressPaymentMethodIds: string[];
+    setAvailableExpressPaymentMethodIds: (value: string[]) => void;
+    shippingMethods: ExpressShippingMethod[];
+    lineItems: ExpressOrderLineItem[];
+    handleAddExpressId: (id: string) => void;
+    updateCheckoutSessionValues: (input: {
+        data: {
+            shippingAddress: Address;
+            billingAddress?: Address | null;
+        };
+    }) => Promise<void>;
+    updateCustomerEmail: (input: {
+        data: {
+            email: string;
+        };
+    }) => Promise<void>;
+    error: string | null;
+    setError: (error: string | null) => void;
+}
+interface ExpressPaymentProviderProps {
+    children: ReactNode;
+    checkoutSessionId: string;
+    customerId?: string;
+}
+export declare const ExpressPaymentProvider: React.FC<ExpressPaymentProviderProps>;
+export declare const useExpressPayment: () => ExpressPaymentContextType;
+export {};

package/dist/react/hooks/useExpressPayment.js

@@ -0,0 +1,155 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import React, { createContext, useCallback, useContext, useMemo, useState } from 'react';
+import { useTagadaContext } from '../providers/TagadaProvider';
+import { useOrderSummary } from './useOrderSummary';
+import { useShippingRates } from './useShippingRates';
+const ExpressPaymentContext = createContext(undefined);
+export const ExpressPaymentProvider = ({ children, checkoutSessionId, customerId, }) => {
+    const { apiService } = useTagadaContext();
+    const [availableExpressPaymentMethodIds, setAvailableExpressPaymentMethodIds] = useState([]);
+    const [error, setError] = useState(null);
+    const [paymentMethods, setPaymentMethods] = useState(null);
+    const [isLoadingPaymentMethods, setIsLoadingPaymentMethods] = useState(false);
+    // Fetch enabled payment methods for this checkout session
+    React.useEffect(() => {
+        let mounted = true;
+        const fetchPaymentMethods = async () => {
+            try {
+                setIsLoadingPaymentMethods(true);
+                const response = await apiService.fetch(`/api/v1/payment-methods?checkoutSessionId=${encodeURIComponent(checkoutSessionId)}`);
+                if (mounted)
+                    setPaymentMethods(response);
+            }
+            catch (e) {
+                if (mounted)
+                    setPaymentMethods([]);
+            }
+            finally {
+                if (mounted)
+                    setIsLoadingPaymentMethods(false);
+            }
+        };
+        if (checkoutSessionId)
+            void fetchPaymentMethods();
+        return () => {
+            mounted = false;
+        };
+    }, [apiService, checkoutSessionId]);
+    const handleAddExpressId = (id) => {
+        setAvailableExpressPaymentMethodIds((prev) => (prev.includes(id) ? prev : [...prev, id]));
+    };
+    // Base data hooks
+    const { orderSummary, isLoading: isLoadingOrderSummary, isRefetching: isRefetchingOrderSummary, refetch: refetchOrderSummary, } = useOrderSummary({ sessionId: checkoutSessionId });
+    const { shippingRates, isLoading: isLoadingShippingRates, isFetching: isFetchingShippingRates, refetch: refetchRates, } = useShippingRates({ checkoutSessionId });
+    const minorUnitsToCurrencyString = (amountMinor, currency) => {
+        if (!amountMinor || !currency)
+            return '0.00';
+        return (amountMinor / 100).toFixed(2);
+    };
+    const shippingMethods = useMemo(() => (shippingRates || []).map((rate) => ({
+        label: rate.shippingRateName,
+        amount: minorUnitsToCurrencyString(rate.amount, rate.currency),
+        identifier: rate.id,
+        detail: rate.description || '',
+    })), [shippingRates]);
+    const lineItems = useMemo(() => [
+        {
+            label: 'Subtotal',
+            amount: minorUnitsToCurrencyString(orderSummary?.subtotalAdjustedAmount, orderSummary?.currency),
+        },
+        {
+            label: 'Shipping',
+            amount: minorUnitsToCurrencyString(orderSummary?.shippingCost ?? 0, orderSummary?.currency),
+        },
+        {
+            label: 'Tax',
+            amount: minorUnitsToCurrencyString(orderSummary?.totalTaxAmount, orderSummary?.currency),
+        },
+    ], [
+        orderSummary?.subtotalAdjustedAmount,
+        orderSummary?.shippingCost,
+        orderSummary?.totalTaxAmount,
+        orderSummary?.currency,
+    ]);
+    const reComputeOrderSummary = useCallback(async () => {
+        try {
+            await refetchOrderSummary();
+            await refetchRates();
+            if (!orderSummary || !shippingRates)
+                return;
+            const recomputedLineItems = [
+                {
+                    label: 'Subtotal',
+                    amount: minorUnitsToCurrencyString(orderSummary.subtotalAdjustedAmount, orderSummary.currency),
+                },
+                {
+                    label: 'Shipping',
+                    amount: minorUnitsToCurrencyString(orderSummary.shippingCost ?? 0, orderSummary.currency),
+                },
+                {
+                    label: 'Tax',
+                    amount: minorUnitsToCurrencyString(orderSummary.totalTaxAmount, orderSummary.currency),
+                },
+            ];
+            const total = {
+                label: 'Order Total',
+                amount: minorUnitsToCurrencyString(orderSummary.totalAdjustedAmount, orderSummary.currency),
+            };
+            const recomputedShippingMethods = (shippingRates || []).map((rate) => ({
+                label: rate.shippingRateName,
+                amount: minorUnitsToCurrencyString(rate.amount, rate.currency),
+                identifier: rate.id,
+                detail: rate.description || '',
+            }));
+            return {
+                lineItems: recomputedLineItems,
+                total,
+                shippingMethods: recomputedShippingMethods,
+            };
+        }
+        catch (e) {
+            return undefined;
+        }
+    }, [orderSummary, shippingRates, refetchOrderSummary, refetchRates]);
+    const updateCheckoutSessionValues = useCallback(async (input) => {
+        await apiService.fetch(`/api/v1/checkout-sessions/${checkoutSessionId}/address`, {
+            method: 'POST',
+            body: input,
+        });
+    }, [apiService, checkoutSessionId]);
+    const updateCustomerEmail = useCallback(async (input) => {
+        if (!customerId)
+            return;
+        await apiService.fetch(`/api/v1/customers/${customerId}`, {
+            method: 'POST',
+            body: input,
+        });
+    }, [apiService, customerId]);
+    const enabledApplePayPaymentMethod = useMemo(() => paymentMethods?.find((p) => p.type === 'apple_pay'), [paymentMethods]);
+    const enabledGooglePayPaymentMethod = useMemo(() => paymentMethods?.find((p) => p.type === 'google_pay'), [paymentMethods]);
+    const loading = !paymentMethods || isLoadingPaymentMethods || isLoadingOrderSummary;
+    const contextValue = {
+        availableExpressPaymentMethodIds,
+        setAvailableExpressPaymentMethodIds,
+        applePayPaymentMethod: enabledApplePayPaymentMethod,
+        googlePayPaymentMethod: enabledGooglePayPaymentMethod,
+        shippingMethods,
+        lineItems,
+        reComputeOrderSummary,
+        loading,
+        handleAddExpressId,
+        updateCheckoutSessionValues,
+        updateCustomerEmail,
+        error,
+        setError,
+    };
+    const hasAnyEnabled = Boolean(enabledApplePayPaymentMethod || enabledGooglePayPaymentMethod);
+    return (_jsx(ExpressPaymentContext.Provider, { value: contextValue, children: hasAnyEnabled ? _jsx(_Fragment, { children: children }) : _jsx(_Fragment, {}) }));
+};
+export const useExpressPayment = () => {
+    const context = useContext(ExpressPaymentContext);
+    if (context === undefined) {
+        throw new Error('useExpressPayment must be used within an ExpressPaymentProvider');
+    }
+    return context;
+};

package/dist/react/hooks/useProducts.js

@@ -1,4 +1,4 @@
-import { useState, useCallback, useEffect, useMemo } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 import { useTagadaContext } from '../providers/TagadaProvider';
 import { usePluginConfig } from './usePluginConfig';
 export function useProducts(options = {}) {
@@ -42,6 +42,7 @@ export function useProducts(options = {}) {
                             productId,
                             storeId,
                         },
+                        skipAuth: true,
                     });
                 });
                 const fetchedProducts = await Promise.all(fetchPromises);
@@ -56,6 +57,7 @@ export function useProducts(options = {}) {
                         includeVariants,
                         includePrices,
                     },
+                    skipAuth: true,
                 });
                 setProducts(Array.isArray(data) ? data : (data.items ?? []));
             }

package/dist/react/index.d.ts

@@ -31,6 +31,7 @@ export { usePaymentPolling } from './hooks/usePaymentPolling';
 export { useThreeds } from './hooks/useThreeds';
 export { useThreedsModal } from './hooks/useThreedsModal';
 export { useApplePay } from './hooks/useApplePay';
+export { ExpressPaymentProvider, useExpressPayment } from './hooks/useExpressPayment';
 export type { AuthState, Currency, Customer, Environment, EnvironmentConfig, Locale, Order, OrderAddress, OrderItem, OrderSummary, PickupPoint, Session, Store } from './types';
 export type { CheckoutData, CheckoutInitParams, CheckoutLineItem, CheckoutSession, CheckoutSessionPreview, Promotion, UseCheckoutOptions, UseCheckoutResult } from './hooks/useCheckout';
 export type { Discount, DiscountCodeValidation, UseDiscountsOptions, UseDiscountsResult } from './hooks/useDiscounts';
@@ -41,5 +42,5 @@ export type { Payment, PaymentPollingHook, PollingOptions } from './hooks/usePay
 export type { PaymentInstrument, ThreedsChallenge, ThreedsHook, ThreedsOptions, ThreedsProvider, ThreedsSession } from './hooks/useThreeds';
 export type { ApplePayToken, CardPaymentMethod, PaymentHook, PaymentInstrumentResponse, PaymentOptions, PaymentResponse } from './hooks/usePayment';
 export type { ApplePayAddress, ApplePayConfig, ApplePayLineItem, ApplePayPaymentAuthorizedEvent, ApplePayPaymentRequest, ApplePayPaymentToken, ApplePayValidateMerchantEvent, BasisTheorySessionRequest, BasisTheoryTokenizeRequest, PayToken, UseApplePayOptions, UseApplePayResult } from './types/apple-pay';
-export { Button, ApplePayButton } from './components';
+export { ApplePayButton, Button } from './components';
 export { convertCurrency, formatMoney, formatMoneyWithoutSymbol, formatSimpleMoney, getCurrencyInfo, minorUnitsToMajorUnits, moneyStringOrNumberToMinorUnits } from './utils/money';

package/dist/react/index.js

@@ -35,7 +35,9 @@ export { useThreeds } from './hooks/useThreeds';
 export { useThreedsModal } from './hooks/useThreedsModal';
 // Apple Pay hooks exports
 export { useApplePay } from './hooks/useApplePay';
+// Express Payment context exports
+export { ExpressPaymentProvider, useExpressPayment } from './hooks/useExpressPayment';
 // Component exports
-export { Button, ApplePayButton } from './components';
+export { ApplePayButton, Button } from './components';
 // Utility exports
 export { convertCurrency, formatMoney, formatMoneyWithoutSymbol, formatSimpleMoney, getCurrencyInfo, minorUnitsToMajorUnits, moneyStringOrNumberToMinorUnits } from './utils/money';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tagadapay/plugin-sdk",
-  "version": "2.4.2",
+  "version": "2.4.4",
   "description": "Modern React SDK for building Tagada Pay plugins",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",