@tagadapay/plugin-sdk 2.6.2 → 2.6.4

package/dist/react/hooks/{useExpressPayment.d.ts → useExpressPaymentMethods.d.ts}

@@ -30,9 +30,17 @@ type ExpressShippingMethod = {
     identifier: string;
     detail: string;
 };
-export interface ExpressPaymentContextType {
+export interface ExpressPaymentMethodsContextType {
+    paymentMethods: PaymentMethod[] | undefined;
     applePayPaymentMethod?: PaymentMethod;
     googlePayPaymentMethod?: PaymentMethod;
+    paypalPaymentMethod?: PaymentMethod;
+    klarnaPaymentMethod?: PaymentMethod;
+    availableExpressPaymentMethodIds: string[];
+    setAvailableExpressPaymentMethodIds: (value: string[]) => void;
+    handleAddExpressId: (id: string) => void;
+    shippingMethods: ExpressShippingMethod[];
+    lineItems: ExpressOrderLineItem[];
     reComputeOrderSummary: () => Promise<{
         lineItems: ExpressOrderLineItem[];
         total: {
@@ -41,12 +49,6 @@ export interface ExpressPaymentContextType {
         };
         shippingMethods: ExpressShippingMethod[];
     } | undefined>;
-    loading?: boolean;
-    availableExpressPaymentMethodIds: string[];
-    setAvailableExpressPaymentMethodIds: (value: string[]) => void;
-    shippingMethods: ExpressShippingMethod[];
-    lineItems: ExpressOrderLineItem[];
-    handleAddExpressId: (id: string) => void;
     updateCheckoutSessionValues: (input: {
         data: {
             shippingAddress: Address;
@@ -58,14 +60,15 @@ export interface ExpressPaymentContextType {
             email: string;
         };
     }) => Promise<void>;
+    loading?: boolean;
     error: string | null;
     setError: (error: string | null) => void;
 }
-interface ExpressPaymentProviderProps {
+interface ExpressPaymentMethodsProviderProps {
     children: ReactNode;
     customerId?: string;
     checkout?: CheckoutData;
 }
-export declare const ExpressPaymentProvider: React.FC<ExpressPaymentProviderProps>;
-export declare const useExpressPayment: () => ExpressPaymentContextType;
+export declare const ExpressPaymentMethodsProvider: React.FC<ExpressPaymentMethodsProviderProps>;
+export declare const useExpressPaymentMethods: () => ExpressPaymentMethodsContextType;
 export {};

package/dist/react/hooks/{useExpressPayment.js → useExpressPaymentMethods.js}

@@ -3,8 +3,8 @@ import React, { createContext, useCallback, useContext, useMemo, useState } from
 import { useTagadaContext } from '../providers/TagadaProvider';
 import { useOrderSummary } from './useOrderSummary';
 import { useShippingRates } from './useShippingRates';
-const ExpressPaymentContext = createContext(undefined);
-export const ExpressPaymentProvider = ({ children, customerId, checkout, }) => {
+const ExpressPaymentMethodsContext = createContext(undefined);
+export const ExpressPaymentMethodsProvider = ({ children, customerId, checkout, }) => {
     const { apiService } = useTagadaContext();
     const [availableExpressPaymentMethodIds, setAvailableExpressPaymentMethodIds] = useState([]);
     const [error, setError] = useState(null);
@@ -37,7 +37,7 @@ export const ExpressPaymentProvider = ({ children, customerId, checkout, }) => {
         return () => {
             mounted = false;
         };
-    }, [apiService, checkoutSessionId]);
+    }, [apiService, checkoutSessionId, checkout]);
     const handleAddExpressId = (id) => {
         setAvailableExpressPaymentMethodIds((prev) => (prev.includes(id) ? prev : [...prev, id]));
     };
@@ -128,14 +128,20 @@ export const ExpressPaymentProvider = ({ children, customerId, checkout, }) => {
             body: input,
         });
     }, [apiService, customerId]);
+    // Identify specific payment method types
     const enabledApplePayPaymentMethod = useMemo(() => paymentMethods?.find((p) => p.type === 'apple_pay'), [paymentMethods]);
     const enabledGooglePayPaymentMethod = useMemo(() => paymentMethods?.find((p) => p.type === 'google_pay'), [paymentMethods]);
+    const enabledPaypalPaymentMethod = useMemo(() => paymentMethods?.find((p) => p.type === 'paypal'), [paymentMethods]);
+    const enabledKlarnaPaymentMethod = useMemo(() => paymentMethods?.find((p) => p.type === 'klarna'), [paymentMethods]);
     const loading = !paymentMethods || isLoadingPaymentMethods || isLoadingOrderSummary;
     const contextValue = {
+        paymentMethods: paymentMethods || undefined,
         availableExpressPaymentMethodIds,
         setAvailableExpressPaymentMethodIds,
         applePayPaymentMethod: enabledApplePayPaymentMethod,
         googlePayPaymentMethod: enabledGooglePayPaymentMethod,
+        paypalPaymentMethod: enabledPaypalPaymentMethod,
+        klarnaPaymentMethod: enabledKlarnaPaymentMethod,
         shippingMethods,
         lineItems,
         reComputeOrderSummary,
@@ -146,13 +152,16 @@ export const ExpressPaymentProvider = ({ children, customerId, checkout, }) => {
         error,
         setError,
     };
-    const hasAnyEnabled = Boolean(enabledApplePayPaymentMethod || enabledGooglePayPaymentMethod);
-    return (_jsx(ExpressPaymentContext.Provider, { value: contextValue, children: hasAnyEnabled ? _jsx(_Fragment, { children: children }) : _jsx(_Fragment, {}) }));
+    const hasAnyEnabled = Boolean(enabledApplePayPaymentMethod ||
+        enabledGooglePayPaymentMethod ||
+        enabledPaypalPaymentMethod ||
+        enabledKlarnaPaymentMethod);
+    return (_jsx(ExpressPaymentMethodsContext.Provider, { value: contextValue, children: hasAnyEnabled ? _jsx(_Fragment, { children: children }) : _jsx(_Fragment, {}) }));
 };
-export const useExpressPayment = () => {
-    const context = useContext(ExpressPaymentContext);
+export const useExpressPaymentMethods = () => {
+    const context = useContext(ExpressPaymentMethodsContext);
     if (context === undefined) {
-        throw new Error('useExpressPayment must be used within an ExpressPaymentProvider');
+        throw new Error('useExpressPaymentMethods must be used within an ExpressPaymentMethodsProvider');
     }
     return context;
 };

package/dist/react/index.d.ts

@@ -4,6 +4,8 @@
 export { TagadaProvider } from './providers/TagadaProvider';
 export { useAuth } from './hooks/useAuth';
 export { useCheckout } from './hooks/useCheckout';
+export { useCheckoutSession } from './hooks/useCheckoutSession';
+export { useCheckoutToken } from './hooks/useCheckoutToken';
 export { useClubOffers } from './hooks/useClubOffers';
 export { useCurrency } from './hooks/useCurrency';
 export { useCustomer } from './hooks/useCustomer';
@@ -20,8 +22,6 @@ export { useOffers } from './hooks/useOffers';
 export { useOrderBump } from './hooks/useOrderBump';
 export { useOrderBumpV2 } from './hooks/useOrderBumpV2';
 export { useOrderBumpV3 } from './hooks/useOrderBumpV3';
-export { useCheckoutToken } from './hooks/useCheckoutToken';
-export { useCheckoutSession } from './hooks/useCheckoutSession';
 export { usePostPurchases } from './hooks/usePostPurchases';
 export { useProducts } from './hooks/useProducts';
 export { useSession } from './hooks/useSession';
@@ -32,7 +32,7 @@ export { useVipOffers } from './hooks/useVipOffers';
 export { useTagadaContext } from './providers/TagadaProvider';
 export { clearPluginConfigCache, debugPluginConfig, getPluginConfig, useBasePath, usePluginConfig } from './hooks/usePluginConfig';
 export type { PluginConfig } from './hooks/usePluginConfig';
-export { getAvailableLanguages, useCountryOptions, useISOData, useRegionOptions, useLanguageImport } from './hooks/useISOData';
+export { getAvailableLanguages, useCountryOptions, useISOData, useLanguageImport, useRegionOptions } from './hooks/useISOData';
 export type { ISOCountry, ISORegion, UseISODataResult } from './hooks/useISOData';
 export type { GeoLocationData, UseGeoLocationOptions, UseGeoLocationReturn } from './hooks/useGeoLocation';
 export type { ExtractedAddress, GoogleAddressComponent, GooglePlaceDetails, GooglePrediction, UseGoogleAutocompleteOptions, UseGoogleAutocompleteResult } from './hooks/useGoogleAutocomplete';
@@ -43,15 +43,16 @@ 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 { ExpressPaymentMethodsProvider, useExpressPaymentMethods } from './hooks/useExpressPaymentMethods';
+export type { ExpressPaymentMethodsContextType } from './hooks/useExpressPaymentMethods';
 export type { AuthState, Currency, Customer, CustomerInfos, 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';
+export type { UseCheckoutSessionOptions, UseCheckoutSessionResult } from './hooks/useCheckoutSession';
+export type { UseCheckoutTokenOptions, UseCheckoutTokenResult } from './hooks/useCheckoutToken';
 export type { OrderBumpPreview, UseOrderBumpOptions, UseOrderBumpResult } from './hooks/useOrderBump';
 export type { UseOrderBumpV2Options, UseOrderBumpV2Result } from './hooks/useOrderBumpV2';
 export type { UseOrderBumpV3Options, UseOrderBumpV3Result } from './hooks/useOrderBumpV3';
-export type { UseCheckoutTokenOptions, UseCheckoutTokenResult } from './hooks/useCheckoutToken';
-export type { UseCheckoutSessionOptions, UseCheckoutSessionResult } from './hooks/useCheckoutSession';
 export type { UseVipOffersOptions, UseVipOffersResult, VipOffer, VipPreviewResponse } from './hooks/useVipOffers';
 export type { PostPurchaseOffer, PostPurchaseOfferItem, PostPurchaseOfferLineItem, PostPurchaseOfferSummary, UsePostPurchasesOptions, UsePostPurchasesResult } from './hooks/usePostPurchases';
 export type { Payment, PaymentPollingHook, PollingOptions } from './hooks/usePaymentPolling';

package/dist/react/index.js

@@ -7,6 +7,8 @@ export { TagadaProvider } from './providers/TagadaProvider';
 // Hook exports
 export { useAuth } from './hooks/useAuth';
 export { useCheckout } from './hooks/useCheckout';
+export { useCheckoutSession } from './hooks/useCheckoutSession';
+export { useCheckoutToken } from './hooks/useCheckoutToken';
 export { useClubOffers } from './hooks/useClubOffers';
 export { useCurrency } from './hooks/useCurrency';
 export { useCustomer } from './hooks/useCustomer';
@@ -23,8 +25,6 @@ export { useOffers } from './hooks/useOffers';
 export { useOrderBump } from './hooks/useOrderBump';
 export { useOrderBumpV2 } from './hooks/useOrderBumpV2';
 export { useOrderBumpV3 } from './hooks/useOrderBumpV3';
-export { useCheckoutToken } from './hooks/useCheckoutToken';
-export { useCheckoutSession } from './hooks/useCheckoutSession';
 export { usePostPurchases } from './hooks/usePostPurchases';
 export { useProducts } from './hooks/useProducts';
 export { useSession } from './hooks/useSession';
@@ -35,7 +35,7 @@ export { useTagadaContext } from './providers/TagadaProvider';
 // Plugin configuration hooks
 export { clearPluginConfigCache, debugPluginConfig, getPluginConfig, useBasePath, usePluginConfig } from './hooks/usePluginConfig';
 // ISO Data hooks
-export { getAvailableLanguages, useCountryOptions, useISOData, useRegionOptions, useLanguageImport } from './hooks/useISOData';
+export { getAvailableLanguages, useCountryOptions, useISOData, useLanguageImport, useRegionOptions } from './hooks/useISOData';
 // Order hook exports
 export { useOrder } from './hooks/useOrder';
 // Payment hooks exports
@@ -46,7 +46,8 @@ export { useThreedsModal } from './hooks/useThreedsModal';
 // Apple Pay hooks exports
 export { useApplePay } from './hooks/useApplePay';
 // Express Payment context exports
-export { ExpressPaymentProvider, useExpressPayment } from './hooks/useExpressPayment';
+// Express Payment Methods (extended functionality)
+export { ExpressPaymentMethodsProvider, useExpressPaymentMethods } from './hooks/useExpressPaymentMethods';
 // Component exports
 export { ApplePayButton, Button } from './components';
 // Utility exports

package/dist/react/providers/TagadaProvider.js

@@ -38,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, // Remove default, will be set based on environment

package/dist/v2/core/googleAutocomplete.js

@@ -8,7 +8,7 @@ export class GoogleAutocompleteCore {
      */
     static initialize(apiKey) {
         this.apiKey = apiKey;
-        if (typeof window !== 'undefined' && window.google) {
+        if (typeof window !== 'undefined' && window.google?.maps?.places) {
             this.service = new window.google.maps.places.AutocompleteService();
         }
     }
@@ -25,7 +25,10 @@ export class GoogleAutocompleteCore {
                 types: options.types || ['address'],
                 componentRestrictions: options.componentRestrictions,
             }, (predictions, status) => {
-                if (status === window.google.maps.places.PlacesServiceStatus.OK && predictions) {
+                if (typeof window !== 'undefined' &&
+                    window.google?.maps?.places &&
+                    status === window.google.maps.places.PlacesServiceStatus.OK &&
+                    predictions) {
                     resolve(predictions);
                 }
                 else {
@@ -38,7 +41,7 @@ export class GoogleAutocompleteCore {
      * Get place details
      */
     static async getPlaceDetails(placeId) {
-        if (typeof window === 'undefined' || !window.google) {
+        if (typeof window === 'undefined' || !window.google?.maps?.places) {
             return null;
         }
         return new Promise((resolve, reject) => {
@@ -47,7 +50,10 @@ export class GoogleAutocompleteCore {
                 placeId,
                 fields: ['place_id', 'formatted_address', 'address_components', 'geometry'],
             }, (place, status) => {
-                if (status === window.google.maps.places.PlacesServiceStatus.OK && place) {
+                if (typeof window !== 'undefined' &&
+                    window.google?.maps?.places &&
+                    status === window.google.maps.places.PlacesServiceStatus.OK &&
+                    place) {
                     resolve(place);
                 }
                 else {

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.4",
+  "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"
+}