@tagadapay/plugin-sdk 2.6.4 → 2.6.6

package/dist/v2/react/providers/ExpressPaymentMethodsProvider.js

@@ -0,0 +1,165 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Express Payment Methods Context Provider using v2 Architecture
+ * Manages express payment methods (Apple Pay, Google Pay, PayPal, Klarna)
+ */
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { createContext, useCallback, useMemo, useState } from 'react';
+import { ExpressPaymentMethodsResource, } from '../../core/resources/expressPaymentMethods';
+import { getGlobalApiClient } from '../hooks/useApiQuery';
+import { useShippingRatesQuery } from '../hooks/useShippingRatesQuery';
+export const ExpressPaymentMethodsContext = createContext(undefined);
+export const ExpressPaymentMethodsProvider = ({ children, customerId, checkout, }) => {
+    const queryClient = useQueryClient();
+    const [availableExpressPaymentMethodIds, setAvailableExpressPaymentMethodIds] = useState([]);
+    const [error, setError] = useState(null);
+    const checkoutSessionId = checkout?.checkoutSession?.id;
+    // Create express payment methods resource client
+    const expressPaymentResource = useMemo(() => {
+        try {
+            return new ExpressPaymentMethodsResource(getGlobalApiClient());
+        }
+        catch (error) {
+            throw new Error('Failed to initialize express payment methods resource: ' +
+                (error instanceof Error ? error.message : 'Unknown error'));
+        }
+    }, []);
+    // Fetch payment methods using TanStack Query
+    const { data: paymentMethods, isLoading: isLoadingPaymentMethods } = useQuery({
+        queryKey: ['payment-methods', checkoutSessionId],
+        queryFn: () => expressPaymentResource.getPaymentMethods(checkoutSessionId),
+        enabled: !!checkoutSessionId,
+        staleTime: 60000, // 1 minute
+        refetchOnWindowFocus: false,
+    });
+    // Use v2 shipping rates hook
+    const { shippingRates, refetch: refetchRates } = useShippingRatesQuery({ checkout });
+    // Get order summary from checkout data
+    const orderSummary = checkout?.summary;
+    const handleAddExpressId = useCallback((id) => {
+        setAvailableExpressPaymentMethodIds((prev) => (prev.includes(id) ? prev : [...prev, id]));
+    }, []);
+    const minorUnitsToCurrencyString = useCallback((amountMinor, currency) => {
+        if (!amountMinor || !currency)
+            return '0.00';
+        return (amountMinor / 100).toFixed(2);
+    }, []);
+    // Convert shipping rates to express shipping methods
+    const shippingMethods = useMemo(() => (shippingRates || []).map((rate) => ({
+        label: rate.shippingRateName,
+        amount: minorUnitsToCurrencyString(rate.amount, rate.currency),
+        identifier: rate.id,
+        detail: rate.description || '',
+    })), [shippingRates, minorUnitsToCurrencyString]);
+    // Convert order summary to line items
+    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, minorUnitsToCurrencyString]);
+    // Update checkout session address mutation
+    const updateAddressMutation = useMutation({
+        mutationFn: (data) => expressPaymentResource.updateCheckoutSessionAddress(checkoutSessionId, { data }),
+        onSuccess: () => {
+            // Invalidate checkout query to refresh data
+            void queryClient.invalidateQueries({ queryKey: ['checkout'] });
+        },
+    });
+    // Update customer email mutation
+    const updateEmailMutation = useMutation({
+        mutationFn: (data) => expressPaymentResource.updateCustomerEmail(customerId, { data }),
+    });
+    // Recompute order summary (refetch after updates)
+    const reComputeOrderSummary = useCallback(async () => {
+        try {
+            // Invalidate and refetch checkout to get latest data
+            await queryClient.invalidateQueries({ queryKey: ['checkout'] });
+            await refetchRates();
+            // Wait a bit for queries to settle
+            await new Promise((resolve) => setTimeout(resolve, 100));
+            // Get fresh data from cache
+            const freshCheckout = queryClient.getQueryData(['checkout']);
+            const freshSummary = freshCheckout?.summary;
+            if (!freshSummary || !shippingRates)
+                return;
+            const recomputedLineItems = [
+                {
+                    label: 'Subtotal',
+                    amount: minorUnitsToCurrencyString(freshSummary.subtotalAdjustedAmount, freshSummary.currency),
+                },
+                {
+                    label: 'Shipping',
+                    amount: minorUnitsToCurrencyString(freshSummary.shippingCost ?? 0, freshSummary.currency),
+                },
+                {
+                    label: 'Tax',
+                    amount: minorUnitsToCurrencyString(freshSummary.totalTaxAmount, freshSummary.currency),
+                },
+            ];
+            const total = {
+                label: 'Order Total',
+                amount: minorUnitsToCurrencyString(freshSummary.totalAdjustedAmount, freshSummary.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) {
+            console.error('Error recomputing order summary:', e);
+            return undefined;
+        }
+    }, [queryClient, refetchRates, shippingRates, minorUnitsToCurrencyString]);
+    // Update checkout session values
+    const updateCheckoutSessionValues = useCallback(async (input) => {
+        await updateAddressMutation.mutateAsync(input.data);
+    }, [updateAddressMutation]);
+    // Update customer email
+    const updateCustomerEmail = useCallback(async (input) => {
+        if (!customerId)
+            return;
+        await updateEmailMutation.mutateAsync(input.data);
+    }, [customerId, updateEmailMutation]);
+    // Identify specific payment method types
+    const applePayPaymentMethod = useMemo(() => paymentMethods?.find((p) => p.type === 'apple_pay'), [paymentMethods]);
+    const googlePayPaymentMethod = useMemo(() => paymentMethods?.find((p) => p.type === 'google_pay'), [paymentMethods]);
+    const paypalPaymentMethod = useMemo(() => paymentMethods?.find((p) => p.type === 'paypal'), [paymentMethods]);
+    const klarnaPaymentMethod = useMemo(() => paymentMethods?.find((p) => p.type === 'klarna'), [paymentMethods]);
+    const loading = !paymentMethods || isLoadingPaymentMethods;
+    const contextValue = {
+        paymentMethods,
+        availableExpressPaymentMethodIds,
+        setAvailableExpressPaymentMethodIds,
+        applePayPaymentMethod,
+        googlePayPaymentMethod,
+        paypalPaymentMethod,
+        klarnaPaymentMethod,
+        shippingMethods,
+        lineItems,
+        reComputeOrderSummary,
+        loading,
+        handleAddExpressId,
+        updateCheckoutSessionValues,
+        updateCustomerEmail,
+        error,
+        setError,
+    };
+    const hasAnyEnabled = Boolean(applePayPaymentMethod || googlePayPaymentMethod || paypalPaymentMethod || klarnaPaymentMethod);
+    return (_jsx(ExpressPaymentMethodsContext.Provider, { value: contextValue, children: hasAnyEnabled ? _jsx(_Fragment, { children: children }) : _jsx(_Fragment, {}) }));
+};

package/package.json

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