@tagadapay/plugin-sdk 2.6.2 → 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/dist/v2/react/providers/TagadaProvider.js

@@ -41,11 +41,11 @@ const InitializationLoader = () => (_jsxs("div", { style: {
                 borderTop: '1.5px solid #9ca3af',
                 borderRadius: '50%',
                 animation: 'tagada-spin 1s linear infinite',
-            } }), _jsx("span", { children: "Loading..." }), _jsx("style", { children: `
-        @keyframes tagada-spin {
-          0% { transform: rotate(0deg); }
-          100% { transform: rotate(360deg); }
-        }
+            } }), _jsx("span", { children: "Loading..." }), _jsx("style", { children: `
+        @keyframes tagada-spin {
+          0% { transform: rotate(0deg); }
+          100% { transform: rotate(360deg); }
+        }
       ` })] }));
 const TagadaContext = createContext(null);
 // Global instance tracking for TagadaProvider

package/package.json

@@ -1,90 +1,90 @@
-{
-  "name": "@tagadapay/plugin-sdk",
-  "version": "2.6.2",
-  "description": "Modern React SDK for building Tagada Pay plugins",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.js"
-    },
-    "./react": {
-      "types": "./dist/react/index.d.ts",
-      "import": "./dist/react/index.js",
-      "require": "./dist/react/index.js"
-    },
-    "./v2": {
-      "types": "./dist/v2/index.d.ts",
-      "import": "./dist/v2/index.js",
-      "require": "./dist/v2/index.js"
-    }
-  },
-  "scripts": {
-    "build": "tsc",
-    "clean": "rm -rf dist",
-    "lint": "echo \"No linting configured\"",
-    "test": "echo \"No tests yet\" && exit 0",
-    "dev": "tsc --watch",
-    "prepublishOnly": "npm run clean && npm run build",
-    "publish:patch": "npm version patch && npm publish",
-    "publish:minor": "npm version minor && npm publish",
-    "publish:major": "npm version major && npm publish",
-    "publish:beta": "npm version prerelease --preid=beta && npm publish --tag beta",
-    "publish:alpha": "npm version prerelease --preid=alpha && npm publish --tag alpha",
-    "version:patch": "npm version patch",
-    "version:minor": "npm version minor",
-    "version:major": "npm version major",
-    "version:beta": "npm version prerelease --preid=beta",
-    "version:alpha": "npm version prerelease --preid=alpha",
-    "version:check": "node version-sync.js check",
-    "version:sync": "node version-sync.js sync",
-    "version:list": "node version-sync.js list",
-    "version:next": "node version-sync.js next",
-    "postversion": "echo \"✅ Version updated to $(node -p 'require(\"./package.json\").version')\" && (git push && git push --tags || echo \"⚠️ Git push failed - you may need to pull and push manually\")"
-  },
-  "keywords": [
-    "tagadapay",
-    "cms",
-    "plugin",
-    "sdk",
-    "react",
-    "typescript"
-  ],
-  "author": "Tagada Pay",
-  "license": "MIT",
-  "dependencies": {
-    "@basis-theory/apple-pay-js": "^2.0.2",
-    "@basis-theory/basis-theory-js": "^4.30.0",
-    "@basis-theory/basis-theory-react": "^1.32.5",
-    "@basis-theory/web-threeds": "^1.0.1",
-    "@tanstack/react-query": "^5.90.2",
-    "axios": "^1.10.0",
-    "iso3166-2-db": "^2.3.11",
-    "react-intl": "^7.1.11",
-    "swr": "^2.3.6"
-  },
-  "devDependencies": {
-    "@types/node": "^18.0.0",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "typescript": "^5.0.0"
-  },
-  "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
-  },
-  "files": [
-    "dist/**/*",
-    "README.md"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/tagadapay/plugin-sdk.git"
-  },
-  "bugs": {
-    "url": "https://github.com/tagadapay/plugin-sdk/issues"
-  },
-  "homepage": "https://github.com/tagadapay/plugin-sdk#readme"
-}
+{
+  "name": "@tagadapay/plugin-sdk",
+  "version": "2.6.6",
+  "description": "Modern React SDK for building Tagada Pay plugins",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.js"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js",
+      "require": "./dist/react/index.js"
+    },
+    "./v2": {
+      "types": "./dist/v2/index.d.ts",
+      "import": "./dist/v2/index.js",
+      "require": "./dist/v2/index.js"
+    }
+  },
+  "scripts": {
+    "build": "tsc",
+    "clean": "rm -rf dist",
+    "lint": "echo \"No linting configured\"",
+    "test": "echo \"No tests yet\" && exit 0",
+    "dev": "tsc --watch",
+    "prepublishOnly": "npm run clean && npm run build",
+    "publish:patch": "npm version patch && npm publish",
+    "publish:minor": "npm version minor && npm publish",
+    "publish:major": "npm version major && npm publish",
+    "publish:beta": "npm version prerelease --preid=beta && npm publish --tag beta",
+    "publish:alpha": "npm version prerelease --preid=alpha && npm publish --tag alpha",
+    "version:patch": "npm version patch",
+    "version:minor": "npm version minor",
+    "version:major": "npm version major",
+    "version:beta": "npm version prerelease --preid=beta",
+    "version:alpha": "npm version prerelease --preid=alpha",
+    "version:check": "node version-sync.js check",
+    "version:sync": "node version-sync.js sync",
+    "version:list": "node version-sync.js list",
+    "version:next": "node version-sync.js next",
+    "postversion": "echo \"✅ Version updated to $(node -p 'require(\"./package.json\").version')\" && (git push && git push --tags || echo \"⚠️ Git push failed - you may need to pull and push manually\")"
+  },
+  "keywords": [
+    "tagadapay",
+    "cms",
+    "plugin",
+    "sdk",
+    "react",
+    "typescript"
+  ],
+  "author": "Tagada Pay",
+  "license": "MIT",
+  "dependencies": {
+    "@basis-theory/apple-pay-js": "^2.0.2",
+    "@basis-theory/basis-theory-js": "^4.30.0",
+    "@basis-theory/basis-theory-react": "^1.32.5",
+    "@basis-theory/web-threeds": "^1.0.1",
+    "@tanstack/react-query": "^5.90.2",
+    "axios": "^1.10.0",
+    "iso3166-2-db": "^2.3.11",
+    "react-intl": "^7.1.11",
+    "swr": "^2.3.6"
+  },
+  "devDependencies": {
+    "@types/node": "^18.0.0",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "typescript": "^5.0.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "files": [
+    "dist/**/*",
+    "README.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tagadapay/plugin-sdk.git"
+  },
+  "bugs": {
+    "url": "https://github.com/tagadapay/plugin-sdk/issues"
+  },
+  "homepage": "https://github.com/tagadapay/plugin-sdk#readme"
+}