@tagadapay/plugin-sdk 2.3.6 → 2.3.8

package/dist/react/hooks/useCheckout.js

@@ -179,6 +179,10 @@ export function useCheckout(options = {}) {
         }
     }, [apiService, currentCurrency, isSessionInitialized]);
     const refresh = useCallback(async () => {
+        console.log('🔄 [useCheckout] Refreshing checkout data...', {
+            checkoutToken: currentCheckoutTokenRef.current?.substring(0, 8) + '...',
+            timestamp: new Date().toISOString(),
+        });
         if (!currentCheckoutTokenRef.current) {
             throw new Error('No checkout session to refresh');
         }

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

@@ -0,0 +1,18 @@
+type Primitive = string | number | boolean | null | undefined;
+export interface TranslateOptions {
+    defaultValue?: string;
+}
+export interface UseTranslationsResult {
+    t: (key: string, vars?: Record<string, Primitive>, options?: TranslateOptions) => string;
+    messages: Record<string, string>;
+    locale: string;
+    language: string;
+    region: string;
+}
+/**
+ * useTranslations - Lightweight translator for SDK plugins
+ * - Reads `locale.messages` populated by TagadaProvider session init
+ * - Provides `t(key, vars, options)` with simple `{var}` interpolation
+ */
+export declare function useTranslations(targetLanguageCode?: string): UseTranslationsResult;
+export {};

package/dist/react/hooks/useTranslations.js

@@ -0,0 +1,77 @@
+'use client';
+import { useEffect, useMemo, useState } from 'react';
+import { useTagadaContext } from '../providers/TagadaProvider';
+function interpolate(template, vars) {
+    if (!vars)
+        return template;
+    return template.replace(/\{(\w+)\}/g, (_, name) => {
+        const value = vars[name];
+        return value === null || value === undefined ? '' : String(value);
+    });
+}
+/**
+ * useTranslations - Lightweight translator for SDK plugins
+ * - Reads `locale.messages` populated by TagadaProvider session init
+ * - Provides `t(key, vars, options)` with simple `{var}` interpolation
+ */
+export function useTranslations(targetLanguageCode) {
+    const { locale, apiService, pluginConfig } = useTagadaContext();
+    const selectedLanguage = targetLanguageCode || locale.language;
+    // Prefer backend messages for the selected language; fall back to provider
+    const [fetchedMessages, setFetchedMessages] = useState(null);
+    useEffect(() => {
+        let cancelled = false;
+        async function fetchMessages() {
+            const region = locale.region || 'US';
+            const desiredLanguage = selectedLanguage;
+            const targetLocale = `${desiredLanguage}-${region}`;
+            try {
+                const storeId = pluginConfig?.storeId;
+                if (!storeId) {
+                    setFetchedMessages(null);
+                    return;
+                }
+                const data = await apiService.fetch('/api/v1/translation-messages', {
+                    method: 'GET',
+                    params: { locale: targetLocale, storeId },
+                });
+                if (!cancelled) {
+                    setFetchedMessages(data || {});
+                }
+            }
+            catch (_err) {
+                if (!cancelled) {
+                    setFetchedMessages(null);
+                }
+            }
+        }
+        void fetchMessages();
+        return () => {
+            cancelled = true;
+        };
+    }, [selectedLanguage, locale.region, pluginConfig?.storeId, apiService]);
+    const messages = useMemo(() => {
+        if (fetchedMessages)
+            return fetchedMessages;
+        return locale.messages || {};
+    }, [fetchedMessages, locale.messages]);
+    const t = useMemo(() => {
+        return (key, vars, opts) => {
+            const raw = messages[key] ?? opts?.defaultValue ?? key;
+            return interpolate(raw, vars);
+        };
+    }, [messages]);
+    const computedLocale = useMemo(() => {
+        if (selectedLanguage === locale.language)
+            return locale.locale;
+        const region = locale.region || 'US';
+        return `${selectedLanguage}-${region}`;
+    }, [selectedLanguage, locale.locale, locale.language, locale.region]);
+    return {
+        t,
+        messages,
+        locale: computedLocale,
+        language: selectedLanguage,
+        region: computedLocale.split('-')[1] || 'US',
+    };
+}

package/dist/react/index.d.ts

@@ -16,6 +16,7 @@ export { useOrderBump } from './hooks/useOrderBump';
 export { usePostPurchases } from './hooks/usePostPurchases';
 export { useProducts } from './hooks/useProducts';
 export { useSession } from './hooks/useSession';
+export { useTranslations } from './hooks/useTranslations';
 export { useTagadaContext } from './providers/TagadaProvider';
 export { clearPluginConfigCache, debugPluginConfig, getPluginConfig, useBasePath, usePluginConfig } from './hooks/usePluginConfig';
 export type { PluginConfig } from './hooks/usePluginConfig';

package/dist/react/index.js

@@ -19,6 +19,7 @@ export { useOrderBump } from './hooks/useOrderBump';
 export { usePostPurchases } from './hooks/usePostPurchases';
 export { useProducts } from './hooks/useProducts';
 export { useSession } from './hooks/useSession';
+export { useTranslations } from './hooks/useTranslations';
 export { useTagadaContext } from './providers/TagadaProvider';
 // Plugin configuration hooks
 export { clearPluginConfigCache, debugPluginConfig, getPluginConfig, useBasePath, usePluginConfig } from './hooks/usePluginConfig';

package/package.json

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