@tagadapay/plugin-sdk 3.1.8 → 3.1.10

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

@@ -84,38 +84,51 @@ export const ExpressPaymentMethodsProvider = ({ children, customerId, checkout,
         mutationFn: (data) => expressPaymentResource.updateCustomerEmail(customerId, { data }),
     });
     // Recompute order summary (refetch after updates)
-    // Uses current checkout prop and refetches shipping rates
+    // Refetches checkout and shipping rates to get fresh data
     const reComputeOrderSummary = useCallback(async () => {
         try {
-            // Only refetch shipping rates - checkout is managed by parent
+            // Refetch checkout to get latest data
+            await queryClient.refetchQueries({ queryKey: ['checkout'] });
             await refetchRates();
-            // Use current checkout prop (will be updated by parent after address mutation)
-            const currentSummary = checkout?.summary;
-            if (!currentSummary || !shippingRates) {
+            // Wait a bit for queries to settle
+            await new Promise((resolve) => setTimeout(resolve, 100));
+            // Get fresh data from cache
+            const queryCache = queryClient.getQueryCache();
+            const checkoutQueries = queryCache.findAll({ queryKey: ['checkout'] });
+            // Try to find the checkout that matches our current session ID
+            const currentSessionId = checkout?.checkoutSession?.id;
+            const matchingCheckout = checkoutQueries.find((query) => query.state.data && query.state.data?.checkoutSession?.id === currentSessionId);
+            const freshCheckout = matchingCheckout
+                ? matchingCheckout.state.data
+                : checkoutQueries.length > 0
+                    ? checkoutQueries[0].state.data
+                    : checkout;
+            const freshSummary = freshCheckout?.summary || checkout?.summary;
+            if (!freshSummary || !shippingRates) {
                 console.error('[ExpressProvider] Missing data:', {
-                    hasSummary: !!currentSummary,
+                    hasSummary: !!freshSummary,
                     hasShippingRates: !!shippingRates,
-                    checkout,
+                    checkout: freshCheckout || checkout,
                 });
                 return undefined;
             }
             const recomputedLineItems = [
                 {
                     label: 'Subtotal',
-                    amount: minorUnitsToCurrencyString(currentSummary.subtotalAdjustedAmount, currentSummary.currency),
+                    amount: minorUnitsToCurrencyString(freshSummary.subtotalAdjustedAmount, freshSummary.currency),
                 },
                 {
                     label: 'Shipping',
-                    amount: minorUnitsToCurrencyString(currentSummary.shippingCost ?? 0, currentSummary.currency),
+                    amount: minorUnitsToCurrencyString(freshSummary.shippingCost ?? 0, freshSummary.currency),
                 },
                 {
                     label: 'Tax',
-                    amount: minorUnitsToCurrencyString(currentSummary.totalTaxAmount, currentSummary.currency),
+                    amount: minorUnitsToCurrencyString(freshSummary.totalTaxAmount, freshSummary.currency),
                 },
             ];
             const total = {
                 label: 'Order Total',
-                amount: minorUnitsToCurrencyString(currentSummary.totalAdjustedAmount, currentSummary.currency),
+                amount: minorUnitsToCurrencyString(freshSummary.totalAdjustedAmount, freshSummary.currency),
             };
             const recomputedShippingMethods = (shippingRates || []).map((rate) => ({
                 label: rate.shippingRateName,
@@ -123,17 +136,20 @@ export const ExpressPaymentMethodsProvider = ({ children, customerId, checkout,
                 identifier: rate.id,
                 detail: rate.description || '',
             }));
+            // Get selected shipping rate ID from fresh checkout
+            const selectedShippingRateId = freshCheckout?.checkoutSession?.shippingRate?.id;
             return {
                 lineItems: recomputedLineItems,
                 total,
                 shippingMethods: recomputedShippingMethods,
+                selectedShippingRateId,
             };
         }
         catch (e) {
             console.error('Error recomputing order summary:', e);
             return undefined;
         }
-    }, [refetchRates, shippingRates, minorUnitsToCurrencyString, checkout]);
+    }, [refetchRates, shippingRates, minorUnitsToCurrencyString, checkout, queryClient]);
     // Update checkout session values
     const updateCheckoutSessionValues = useCallback(async (input) => {
         await updateAddressMutation.mutateAsync(input.data);
@@ -144,8 +160,12 @@ export const ExpressPaymentMethodsProvider = ({ children, customerId, checkout,
             return;
         await updateEmailMutation.mutateAsync(input.data);
     }, [customerId, updateEmailMutation]);
+    // Check if Apple Pay is available (window.ApplePaySession only exists on Apple devices)
+    const isApplePayAvailable = typeof window !== 'undefined' && typeof window.ApplePaySession !== 'undefined';
     // Identify specific payment method types
-    const applePayPaymentMethod = useMemo(() => paymentMethods?.find((p) => p.type === 'apple_pay'), [paymentMethods]);
+    const applePayPaymentMethod = useMemo(() => {
+        return isApplePayAvailable ? paymentMethods?.find((p) => p.type === 'apple_pay') : undefined;
+    }, [paymentMethods, isApplePayAvailable]);
     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]);

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

@@ -11,6 +11,7 @@ import { TagadaClient } from '../../core/client';
 import { default as DebugDrawer } from '../components/DebugDrawer';
 import { FunnelScriptInjector } from '../components/FunnelScriptInjector';
 import { setGlobalApiClient } from '../hooks/useApiQuery';
+import { PixelTrackingProvider } from '../hooks/usePixelTracking';
 // Professional, subtle loading component for initialization
 const InitializationLoader = () => (_jsxs("div", { style: {
         position: 'fixed',
@@ -37,11 +38,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);
 export function TagadaProvider({ children, environment, customApiConfig, debugMode, localConfig, blockUntilSessionReady = false, rawPluginConfig, features, funnelId, autoInitializeFunnel = true, onNavigate, onFunnelError, debugScripts = [], }) {
@@ -319,22 +320,22 @@ export function TagadaProvider({ children, environment, customApiConfig, debugMo
     // Loading State Logic
     const shouldShowLoading = state.isLoading || state.pluginConfigLoading || (blockUntilSessionReady && !state.isSessionInitialized);
     const canRenderChildren = !state.pluginConfigLoading && (!blockUntilSessionReady || state.isSessionInitialized);
-    return (_jsx(QueryClientProvider, { client: queryClient, children: _jsxs(TagadaContext.Provider, { value: contextValue, children: [_jsx(FunnelScriptInjector, { ...funnelState }), shouldShowLoading && _jsx(InitializationLoader, {}), state.debugMode && canRenderChildren && (_jsxs(_Fragment, { children: [_jsx("button", { onClick: () => setIsDebugDrawerOpen(true), style: {
-                                position: 'fixed',
-                                bottom: '16px',
-                                right: '16px',
-                                backgroundColor: '#f97316',
-                                color: 'white',
-                                border: 'none',
-                                borderRadius: '50%',
-                                width: '56px',
-                                height: '56px',
-                                fontSize: '20px',
-                                cursor: 'pointer',
-                                boxShadow: '0 4px 12px rgba(0, 0, 0, 0.3)',
-                                zIndex: 999997,
-                                transition: 'all 0.2s ease',
-                            }, title: "Open TagadaPay SDK Debug Panel", children: "\uD83D\uDC1B" }), _jsx(DebugDrawer, { isOpen: isDebugDrawerOpen, onClose: () => setIsDebugDrawerOpen(false) })] })), canRenderChildren && children] }) }));
+    return (_jsx(QueryClientProvider, { client: queryClient, children: _jsx(TagadaContext.Provider, { value: contextValue, children: _jsxs(PixelTrackingProvider, { children: [_jsx(FunnelScriptInjector, { ...funnelState }), shouldShowLoading && _jsx(InitializationLoader, {}), state.debugMode && canRenderChildren && (_jsxs(_Fragment, { children: [_jsx("button", { onClick: () => setIsDebugDrawerOpen(true), style: {
+                                    position: 'fixed',
+                                    bottom: '16px',
+                                    right: '16px',
+                                    backgroundColor: '#f97316',
+                                    color: 'white',
+                                    border: 'none',
+                                    borderRadius: '50%',
+                                    width: '56px',
+                                    height: '56px',
+                                    fontSize: '20px',
+                                    cursor: 'pointer',
+                                    boxShadow: '0 4px 12px rgba(0, 0, 0, 0.3)',
+                                    zIndex: 999997,
+                                    transition: 'all 0.2s ease',
+                                }, title: "Open TagadaPay SDK Debug Panel", children: "\uD83D\uDC1B" }), _jsx(DebugDrawer, { isOpen: isDebugDrawerOpen, onClose: () => setIsDebugDrawerOpen(false) })] })), canRenderChildren && children] }) }) }));
 }
 export function useTagadaContext() {
     const context = useContext(TagadaContext);

package/dist/v2/standalone/index.js

@@ -19,7 +19,7 @@ export function createTagadaClient(config = {}) {
 // Re-export Core Classes
 export { TagadaClient, ApiClient, CheckoutResource };
 export { FunnelActionType } from '../core/resources/funnel';
-// Re-export Utilities
+// Re-export Utilities (includes formatMoney from core/utils/currency)
 export * from '../core/utils';
 // ============================================================================
 // EXTERNAL PAGE TRACKER

package/package.json

@@ -1,112 +1,112 @@
-{
-  "name": "@tagadapay/plugin-sdk",
-  "version": "3.1.8",
-  "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"
-    },
-    "./v2/standalone": {
-      "types": "./dist/v2/standalone/index.d.ts",
-      "import": "./dist/v2/standalone/index.js",
-      "require": "./dist/v2/standalone/index.js"
-    },
-    "./external-tracker": {
-      "browser": "./dist/external-tracker.min.js",
-      "default": "./dist/external-tracker.min.js"
-    }
-  },
-  "scripts": {
-    "build": "tsc && npm run build:cdn",
-    "build:cdn": "node build-cdn.js",
-    "build:ts": "tsc",
-    "clean": "rm -rf dist",
-    "lint": "echo \"No linting configured\"",
-    "test": "jest --no-watchman",
-    "test:watch": "jest --watch --no-watchman",
-    "test:coverage": "jest --coverage --no-watchman",
-    "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",
-    "@google-pay/button-react": "^3.0.10",
-    "@tagadapay/plugin-sdk": "link:",
-    "@tanstack/react-query": "^5.90.2",
-    "@ua-parser-js/pro-enterprise": "^2.0.6",
-    "axios": "^1.10.0",
-    "iso3166-2-db": "^2.3.11",
-    "path-to-regexp": "^8.2.0",
-    "react-intl": "^7.1.11",
-    "swr": "^2.3.6"
-  },
-  "devDependencies": {
-    "@types/jest": "^29.5.0",
-    "@types/node": "^18.0.0",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "esbuild": "^0.24.2",
-    "jest": "^29.5.0",
-    "ts-jest": "^29.1.0",
-    "typescript": "^5.0.0"
-  },
-  "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
-  },
-  "files": [
-    "dist/**/*",
-    "README.md",
-    "build-cdn.js"
-  ],
-  "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": "3.1.10",
+  "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"
+    },
+    "./v2/standalone": {
+      "types": "./dist/v2/standalone/index.d.ts",
+      "import": "./dist/v2/standalone/index.js",
+      "require": "./dist/v2/standalone/index.js"
+    },
+    "./external-tracker": {
+      "browser": "./dist/external-tracker.min.js",
+      "default": "./dist/external-tracker.min.js"
+    }
+  },
+  "scripts": {
+    "build": "tsc && npm run build:cdn",
+    "build:cdn": "node build-cdn.js",
+    "build:ts": "tsc",
+    "clean": "rm -rf dist",
+    "lint": "echo \"No linting configured\"",
+    "test": "jest --no-watchman",
+    "test:watch": "jest --watch --no-watchman",
+    "test:coverage": "jest --coverage --no-watchman",
+    "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",
+    "@google-pay/button-react": "^3.0.10",
+    "@tagadapay/plugin-sdk": "link:",
+    "@tanstack/react-query": "^5.90.2",
+    "@ua-parser-js/pro-enterprise": "^2.0.6",
+    "axios": "^1.10.0",
+    "iso3166-2-db": "^2.3.11",
+    "path-to-regexp": "^8.2.0",
+    "react-intl": "^7.1.11",
+    "swr": "^2.3.6"
+  },
+  "devDependencies": {
+    "@types/jest": "^29.5.0",
+    "@types/node": "^18.0.0",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "esbuild": "^0.24.2",
+    "jest": "^29.5.0",
+    "ts-jest": "^29.1.0",
+    "typescript": "^5.0.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "files": [
+    "dist/**/*",
+    "README.md",
+    "build-cdn.js"
+  ],
+  "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"
+}