@datlv-trustshop/shopify-inapp-components 0.2.9 → 0.2.10

package/dist/core/SDKManager.d.ts

@@ -2,8 +2,10 @@
  * SDK Manager - Internal singleton for managing global state
  * Components automatically connect to this without manual provider setup
  */
-import { type SupportedLocale, type SDKTranslations } from '../translations/translation-manager';
-import { type ShopInfo, type SDKInternalConfig } from '../config/internal-config';
+import { type SupportedLocale, type SDKTranslations } from "../translations/translation-manager";
+import { type ShopInfo, type SDKInternalConfig } from "../config/internal-config";
+import { DashboardEngine } from "./engine";
+import { DashboardData } from "../types";
 interface SDKState {
     initialized: boolean;
     shopInfo?: ShopInfo;
@@ -12,6 +14,12 @@ interface SDKState {
     config: SDKInternalConfig;
     loading: boolean;
     error?: Error;
+    dashboardData?: DashboardData | null;
+    dashboardLoading?: boolean;
+    dashboardError?: Error | null;
+    campaignsData?: any[] | null;
+    campaignsLoading?: boolean;
+    campaignsError?: Error | null;
 }
 interface SDKOptions {
     shopInfo?: ShopInfo;
@@ -25,6 +33,7 @@ declare class SDKManagerClass {
     private initPromise?;
     private localeObserver?;
     private currentDetectedLocale?;
+    private dashboardEngine?;
     constructor();
     /**
      * Auto-detect current locale from browser/Shopify context
@@ -47,9 +56,13 @@ declare class SDKManagerClass {
      */
     private handleLocaleChange;
     /**
-     * Refresh API data with new locale
+     * Refresh dashboard data with new locale
      */
-    private refreshDataWithNewLocale;
+    private refreshDashboardData;
+    /**
+     * Refresh campaigns data with new locale
+     */
+    private refreshCampaignsData;
     /**
      * Normalize locale string to supported format
      */
@@ -141,6 +154,18 @@ declare class SDKManagerClass {
             readonly encryptStorage: false;
         };
     };
+    /**
+     * Get dashboard engine instance
+     */
+    getDashboardEngine(): DashboardEngine | undefined;
+    /**
+     * Get dashboard data
+     */
+    getDashboardData(): DashboardData | null | undefined;
+    /**
+     * Get campaigns data
+     */
+    getCampaignsData(): any[] | null | undefined;
     /**
      * Check if SDK is ready for use
      */
@@ -218,6 +243,7 @@ export declare function useSDK(options?: UseSDKOptions): {
         };
     };
     isReady: boolean;
+    dashboardEngine: DashboardEngine | undefined;
     initialized: boolean;
     shopInfo?: ShopInfo;
     locale: SupportedLocale;
@@ -225,6 +251,12 @@ export declare function useSDK(options?: UseSDKOptions): {
     config: SDKInternalConfig;
     loading: boolean;
     error?: Error;
+    dashboardData?: DashboardData | null;
+    dashboardLoading?: boolean;
+    dashboardError?: Error | null;
+    campaignsData?: any[] | null;
+    campaignsLoading?: boolean;
+    campaignsError?: Error | null;
 };
 export default SDKManager;
 //# sourceMappingURL=SDKManager.d.ts.map

package/dist/core/SDKManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SDKManager.d.ts","sourceRoot":"","sources":["../../src/core/SDKManager.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAIL,KAAK,eAAe,EACpB,KAAK,eAAe,EACrB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAA2B,KAAK,QAAQ,EAAE,KAAK,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAO3G,UAAU,QAAQ;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,EAAE,eAAe,CAAC;IACxB,YAAY,EAAE,eAAe,CAAC;IAC9B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;CACrC;AAMD,cAAM,eAAe;IACnB,OAAO,CAAC,KAAK,CAAW;IACxB,OAAO,CAAC,SAAS,CAA8B;IAC/C,OAAO,CAAC,WAAW,CAAC,CAAgB;IACpC,OAAO,CAAC,cAAc,CAAC,CAAmB;IAC1C,OAAO,CAAC,qBAAqB,CAAC,CAAkB;;IAiBhD;;OAEG;IACH,OAAO,CAAC,gBAAgB;IA0BxB;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAyB7B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAkC1B;;OAEG;IACH,OAAO,CAAC,wBAAwB,CAO9B;IAEF;;OAEG;YACW,kBAAkB;IA4BhC;;OAEG;IACH,OAAO,CAAC,wBAAwB;IAYhC;;OAEG;IACH,OAAO,CAAC,eAAe;IAqCvB;;OAEG;IACG,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC;IAKtE;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAgC1B;;OAEG;IACG,UAAU,CAAC,OAAO,GAAE,UAAe,GAAG,OAAO,CAAC,IAAI,CAAC;YAS3C,qBAAqB;IAmCnC;;OAEG;IACH,OAAO,CAAC,WAAW;IAKnB;;OAEG;IACG,YAAY,CAAC,OAAO,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC;IAWtD;;OAEG;IACH,QAAQ,IAAI,QAAQ;IAIpB;;OAEG;IACH,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI;IAK3C,OAAO,CAAC,eAAe;IAIvB;;OAEG;IACH,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIX;;OAEG;IACH,OAAO,IAAI,OAAO;IAIlB;;OAEG;IACH,OAAO,IAAI,IAAI;CAahB;AAMD,eAAO,MAAM,UAAU,iBAAwB,CAAC;AAQhD,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;CACrC;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,OAAO,GAAE,aAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBApanC,OAAO;eACT,QAAQ;YACX,eAAe;kBACT,eAAe;YACrB,iBAAiB;aAChB,OAAO;YACR,KAAK;EAicd;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"SDKManager.d.ts","sourceRoot":"","sources":["../../src/core/SDKManager.ts"],"names":[],"mappings":"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"}

package/dist/core/SDKManager.js

@@ -2,9 +2,10 @@
  * SDK Manager - Internal singleton for managing global state
  * Components automatically connect to this without manual provider setup
  */
-import { loadTranslations, getTranslations, mergeTranslations } from '../translations/translation-manager';
-import { generateDashboardConfig } from '../config/internal-config';
-import { COMPONENT_DEFAULTS } from '../config/component-defaults';
+import { loadTranslations, getTranslations, mergeTranslations, } from "../translations/translation-manager";
+import { generateDashboardConfig, } from "../config/internal-config";
+import { COMPONENT_DEFAULTS } from "../config/component-defaults";
+import { DashboardEngine } from "./engine";
 // ============================================
 // SDK Manager Singleton
 // ============================================
@@ -16,16 +17,16 @@ class SDKManagerClass {
          */
         this.handleCustomLocaleChange = (event) => {
             const newLocale = event.detail?.locale || event.detail;
-            if (newLocale && typeof newLocale === 'string') {
+            if (newLocale && typeof newLocale === "string") {
                 const normalizedLocale = this.normalizeLocale(newLocale);
-                console.log('📡 Received locale change event:', normalizedLocale);
+                // console.log("Received locale change event:", normalizedLocale);
                 this.handleLocaleChange(normalizedLocale);
             }
         };
         this.state = {
             initialized: false,
-            locale: 'en',
-            translations: getTranslations('en'),
+            locale: "en",
+            translations: getTranslations("en"),
             config: generateDashboardConfig(),
             loading: false,
         };
@@ -38,7 +39,7 @@ class SDKManagerClass {
      * Auto-detect current locale from browser/Shopify context
      */
     autoDetectLocale() {
-        if (typeof window === 'undefined')
+        if (typeof window === "undefined")
             return;
         try {
             // Method 1: Check Shopify Admin locale (if available)
@@ -46,7 +47,7 @@ class SDKManagerClass {
             if (shopifyLocale) {
                 this.currentDetectedLocale = shopifyLocale;
                 this.updateLocale(shopifyLocale);
-                console.log('🌍 Auto-detected Shopify locale:', shopifyLocale);
+                // console.log("Auto-detected Shopify locale:", shopifyLocale);
                 return;
             }
             // Method 2: Browser language
@@ -55,11 +56,11 @@ class SDKManagerClass {
                 const normalizedLocale = this.normalizeLocale(browserLocale);
                 this.currentDetectedLocale = normalizedLocale;
                 this.updateLocale(normalizedLocale);
-                console.log('🌍 Auto-detected browser locale:', normalizedLocale);
+                // console.log("Auto-detected browser locale:", normalizedLocale);
             }
         }
         catch (error) {
-            console.warn('Failed to auto-detect locale:', error);
+            console.warn("Failed to auto-detect locale:", error);
         }
     }
     /**
@@ -69,14 +70,14 @@ class SDKManagerClass {
         try {
             // Check if we can detect locale from Shopify admin
             const html = document.documentElement;
-            const lang = html.getAttribute('lang') || html.getAttribute('xml:lang');
+            const lang = html.getAttribute("lang") || html.getAttribute("xml:lang");
             if (lang) {
                 return this.normalizeLocale(lang);
             }
             // Check meta tags
             const metaLang = document.querySelector('meta[http-equiv="content-language"]');
             if (metaLang) {
-                const content = metaLang.getAttribute('content');
+                const content = metaLang.getAttribute("content");
                 if (content) {
                     return this.normalizeLocale(content);
                 }
@@ -91,16 +92,22 @@ class SDKManagerClass {
      * Setup watcher for locale changes in the DOM
      */
     setupLocaleWatcher() {
-        if (typeof window === 'undefined')
+        if (typeof window === "undefined")
             return;
         try {
             this.localeObserver = new MutationObserver((mutations) => {
                 mutations.forEach((mutation) => {
-                    if (mutation.type === 'attributes' &&
-                        (mutation.attributeName === 'lang' || mutation.attributeName === 'xml:lang')) {
+                    if (mutation.type === "attributes" &&
+                        (mutation.attributeName === "lang" ||
+                            mutation.attributeName === "xml:lang")) {
                         const newLocale = this.getShopifyAdminLocale();
                         if (newLocale && newLocale !== this.currentDetectedLocale) {
-                            console.log('🔄 Detected locale change:', this.currentDetectedLocale, '→', newLocale);
+                            // console.log(
+                            //   "Detected locale change:",
+                            //   this.currentDetectedLocale,
+                            //   "→",
+                            //   newLocale,
+                            // );
                             this.currentDetectedLocale = newLocale;
                             this.handleLocaleChange(newLocale);
                         }
@@ -110,15 +117,15 @@ class SDKManagerClass {
             // Watch for changes to document element attributes
             this.localeObserver.observe(document.documentElement, {
                 attributes: true,
-                attributeFilter: ['lang', 'xml:lang']
+                attributeFilter: ["lang", "xml:lang"],
             });
             // Also listen for custom locale change events
-            window.addEventListener('trustshop-locale-change', this.handleCustomLocaleChange.bind(this));
-            window.addEventListener('shopify-locale-change', this.handleCustomLocaleChange.bind(this));
-            console.log('🔍 Locale watcher initialized');
+            window.addEventListener("trustshop-locale-change", this.handleCustomLocaleChange.bind(this));
+            window.addEventListener("shopify-locale-change", this.handleCustomLocaleChange.bind(this));
+            // console.log("Locale watcher initialized");
         }
         catch (error) {
-            console.warn('Failed to setup locale watcher:', error);
+            console.warn("Failed to setup locale watcher:", error);
         }
     }
     /**
@@ -128,48 +135,161 @@ class SDKManagerClass {
         if (newLocale === this.state.locale)
             return;
         try {
-            console.log('🔄 Updating SDK locale:', this.state.locale, '→', newLocale);
+            // console.log(Updating SDK locale:", this.state.locale, "→", newLocale);
             this.updateState({ loading: true });
             // Load new translations
             const baseTranslations = await loadTranslations(newLocale);
             const translations = mergeTranslations(baseTranslations);
+            // Update config with new locale
+            const newConfig = { ...this.state.config, locale: newLocale };
             // Update state
             this.updateState({
                 locale: newLocale,
                 translations,
+                config: newConfig,
                 loading: false,
             });
             // Trigger re-fetch of API data with new locale
-            this.refreshDataWithNewLocale(newLocale);
-            console.log('✅ SDK locale updated successfully');
+            await this.refreshDashboardData(newLocale);
+            // console.log("SDK locale updated successfully");
         }
         catch (error) {
-            console.error('❌ Failed to update SDK locale:', error);
+            console.error(" Failed to update SDK locale:", error);
             this.updateState({ loading: false, error: error });
         }
     }
     /**
-     * Refresh API data with new locale
+     * Refresh dashboard data with new locale
      */
-    refreshDataWithNewLocale(locale) {
-        // Clear any cached data and trigger re-fetch
-        // This will cause all components to re-fetch their data
-        // Emit event for hooks to re-fetch data
-        window.dispatchEvent(new CustomEvent('trustshop-data-refresh', {
-            detail: { locale, reason: 'locale-change' }
-        }));
-        console.log('📡 Triggered data refresh for locale:', locale);
+    async refreshDashboardData(locale) {
+        try {
+            this.updateState({ dashboardLoading: true, dashboardError: null });
+            const currentLocale = locale || this.state.locale;
+            const config = { ...this.state.config, locale: currentLocale };
+            // Initialize or update dashboard engine
+            if (!this.dashboardEngine) {
+                this.dashboardEngine = DashboardEngine.getInstance(config);
+            }
+            else {
+                // Update engine config with new locale
+                await this.dashboardEngine.setLocale(currentLocale);
+            }
+            // Fetch dashboard data
+            await this.dashboardEngine.init();
+            const dashboardData = this.dashboardEngine.getData();
+            this.updateState({
+                dashboardData,
+                dashboardLoading: false,
+                dashboardError: null,
+            });
+            // Also refresh campaigns data
+            await this.refreshCampaignsData(currentLocale);
+            // Emit event for components to refresh
+            window.dispatchEvent(new CustomEvent("trustshop-data-refresh", {
+                detail: {
+                    locale: currentLocale,
+                    reason: "locale-change",
+                    data: dashboardData,
+                },
+            }));
+            // console.log(`Dashboard data refreshed for locale: ${currentLocale}`);
+        }
+        catch (error) {
+            console.error("Failed to refresh dashboard data:", error);
+            this.updateState({
+                dashboardLoading: false,
+                dashboardError: error,
+            });
+        }
+    }
+    /**
+     * Refresh campaigns data with new locale
+     */
+    async refreshCampaignsData(locale) {
+        try {
+            // Only fetch campaigns if we have a shop ID
+            if (!this.state.shopInfo?.id) {
+                // console.log("Skipping campaigns fetch - no shop ID available");
+                return;
+            }
+            this.updateState({ campaignsLoading: true, campaignsError: null });
+            const currentLocale = locale || this.state.locale;
+            const shopId = this.state.shopInfo.id;
+            // Build campaigns API URL
+            let baseUrl;
+            if (this.state.config?.apiUrl) {
+                const configUrl = this.state.config.apiUrl;
+                if (configUrl.includes("/dashboard")) {
+                    baseUrl = configUrl.replace("/dashboard", "");
+                }
+                else {
+                    baseUrl = configUrl;
+                }
+            }
+            else {
+                baseUrl =
+                    typeof window !== "undefined" &&
+                        window.location.hostname === "localhost"
+                        ? "/api"
+                        : "https://ops.trustshop.io/api";
+            }
+            const apiUrl = `${baseUrl}/campaigns?shop_id=${shopId}&locale=${currentLocale}`;
+            const response = await fetch(apiUrl, {
+                method: "GET",
+                headers: {
+                    Accept: "application/json",
+                    "Content-Type": "application/json",
+                    "Accept-Language": currentLocale,
+                    ...(this.state.config?.headers || {}),
+                },
+                credentials: "include",
+            });
+            if (!response.ok) {
+                throw new Error(`Failed to fetch campaigns: ${response.statusText}`);
+            }
+            const data = await response.json();
+            const campaignsData = data.success && Array.isArray(data.data) ? data.data : [];
+            this.updateState({
+                campaignsData,
+                campaignsLoading: false,
+                campaignsError: null,
+            });
+            // Emit event for campaigns refresh
+            window.dispatchEvent(new CustomEvent("trustshop-campaigns-refresh", {
+                detail: { locale: currentLocale, data: campaignsData, shopId },
+            }));
+        }
+        catch (error) {
+            console.error("Failed to refresh campaigns data:", error);
+            this.updateState({
+                campaignsLoading: false,
+                campaignsError: error,
+            });
+        }
     }
     /**
      * Normalize locale string to supported format
      */
     normalizeLocale(locale) {
         if (!locale)
-            return 'en';
+            return "en";
         // Use the same normalization as translation manager
         const SUPPORTED_LOCALES = [
-            'cn', 'de', 'dk', 'en', 'es', 'fr', 'ie', 'in',
-            'it', 'jp', 'nl', 'nz', 'pt', 'se', 'vi'
+            "cn",
+            "de",
+            "dk",
+            "en",
+            "es",
+            "fr",
+            "ie",
+            "in",
+            "it",
+            "jp",
+            "nl",
+            "nz",
+            "pt",
+            "se",
+            "vi",
         ];
         // Direct match
         if (SUPPORTED_LOCALES.includes(locale)) {
@@ -179,19 +299,19 @@ class SDKManagerClass {
         const base = locale.split(/[-_]/)[0].toLowerCase();
         // Special mappings
         const mappings = {
-            'zh': 'cn',
-            'da': 'dk',
-            'ga': 'ie',
-            'hi': 'in',
-            'ja': 'jp',
-            'mi': 'nz',
-            'sv': 'se',
+            zh: "cn",
+            da: "dk",
+            ga: "ie",
+            hi: "in",
+            ja: "jp",
+            mi: "nz",
+            sv: "se",
         };
         const mapped = mappings[base] || base;
         if (SUPPORTED_LOCALES.includes(mapped)) {
             return mapped;
         }
-        return 'en';
+        return "en";
     }
     /**
      * Manually update locale (for programmatic changes)
@@ -204,14 +324,12 @@ class SDKManagerClass {
      * Auto-detect shop info from Shopify App Bridge or URL
      */
     autoDetectShopInfo() {
-        if (typeof window === 'undefined')
+        if (typeof window === "undefined")
             return;
         try {
             // Method 1: Check if Shopify App Bridge is available
             const shopifyApp = window.ShopifyApp;
             if (shopifyApp) {
-                // Extract from App Bridge context if available
-                console.log('🔍 Detected Shopify App Bridge context');
             }
             // Method 2: Parse from URL (admin.shopify.com)
             const currentUrl = window.location.href;
@@ -222,13 +340,12 @@ class SDKManagerClass {
                     shopInfo: {
                         domain: `${storeName}.myshopify.com`,
                         id: storeName,
-                    }
+                    },
                 });
-                console.log('🔍 Auto-detected shop from URL:', storeName);
             }
         }
         catch (error) {
-            console.warn('Failed to auto-detect shop info:', error);
+            console.warn("Failed to auto-detect shop info:", error);
         }
     }
     /**
@@ -249,8 +366,11 @@ class SDKManagerClass {
             // Load translations
             const baseTranslations = await loadTranslations(locale);
             const translations = mergeTranslations(baseTranslations, options.translations);
-            // Generate config
-            const config = generateDashboardConfig(shopInfo, options.config);
+            // Generate config with locale
+            const config = {
+                ...generateDashboardConfig(shopInfo, options.config),
+                locale,
+            };
             this.updateState({
                 initialized: true,
                 locale,
@@ -260,14 +380,19 @@ class SDKManagerClass {
                 loading: false,
                 error: undefined,
             });
-            console.log('✅ SDK initialized successfully', { locale, shopInfo });
+            // Automatically fetch dashboard data after initialization
+            await this.refreshDashboardData(locale);
+            // console.log("SDK initialized successfully with dashboard data", {
+            //   locale,
+            //   shopInfo,
+            // });
         }
         catch (error) {
             this.updateState({
                 loading: false,
                 error: error,
             });
-            console.error('❌ SDK initialization failed:', error);
+            console.error("SDK initialization failed:", error);
             throw error;
         }
     }
@@ -303,7 +428,7 @@ class SDKManagerClass {
         return () => this.listeners.delete(listener);
     }
     notifyListeners() {
-        this.listeners.forEach(listener => listener());
+        this.listeners.forEach((listener) => listener());
     }
     /**
      * Get component defaults
@@ -311,11 +436,32 @@ class SDKManagerClass {
     getDefaults() {
         return COMPONENT_DEFAULTS;
     }
+    /**
+     * Get dashboard engine instance
+     */
+    getDashboardEngine() {
+        return this.dashboardEngine;
+    }
+    /**
+     * Get dashboard data
+     */
+    getDashboardData() {
+        return this.state.dashboardData;
+    }
+    /**
+     * Get campaigns data
+     */
+    getCampaignsData() {
+        return this.state.campaignsData;
+    }
     /**
      * Check if SDK is ready for use
      */
     isReady() {
-        return this.state.initialized && !this.state.loading && !this.state.error;
+        return (this.state.initialized &&
+            !this.state.loading &&
+            !this.state.error &&
+            !this.state.dashboardLoading);
     }
     /**
      * Cleanup observers and listeners
@@ -324,12 +470,12 @@ class SDKManagerClass {
         if (this.localeObserver) {
             this.localeObserver.disconnect();
         }
-        if (typeof window !== 'undefined') {
-            window.removeEventListener('trustshop-locale-change', this.handleCustomLocaleChange);
-            window.removeEventListener('shopify-locale-change', this.handleCustomLocaleChange);
+        if (typeof window !== "undefined") {
+            window.removeEventListener("trustshop-locale-change", this.handleCustomLocaleChange);
+            window.removeEventListener("shopify-locale-change", this.handleCustomLocaleChange);
         }
         this.listeners.clear();
-        console.log('🧹 SDK Manager cleaned up');
+        // console.log("SDK Manager cleaned up");
     }
 }
 // ============================================
@@ -339,7 +485,7 @@ export const SDKManager = new SDKManagerClass();
 // ============================================
 // React Hook for Components
 // ============================================
-import { useState, useEffect } from 'react';
+import { useState, useEffect } from "react";
 /**
  * Hook for components to connect to SDK Manager
  * Automatically initializes SDK on first use
@@ -374,6 +520,7 @@ export function useSDK(options = {}) {
         isInitializing,
         defaults: SDKManager.getDefaults(),
         isReady: SDKManager.isReady(),
+        dashboardEngine: SDKManager.getDashboardEngine(),
     };
 }
 export default SDKManager;