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

package/dist/core/SDKManager.d.ts

@@ -0,0 +1,230 @@
+/**
+ * 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';
+interface SDKState {
+    initialized: boolean;
+    shopInfo?: ShopInfo;
+    locale: SupportedLocale;
+    translations: SDKTranslations;
+    config: SDKInternalConfig;
+    loading: boolean;
+    error?: Error;
+}
+interface SDKOptions {
+    shopInfo?: ShopInfo;
+    locale?: SupportedLocale;
+    translations?: Partial<SDKTranslations>;
+    config?: Partial<SDKInternalConfig>;
+}
+declare class SDKManagerClass {
+    private state;
+    private listeners;
+    private initPromise?;
+    private localeObserver?;
+    private currentDetectedLocale?;
+    constructor();
+    /**
+     * Auto-detect current locale from browser/Shopify context
+     */
+    private autoDetectLocale;
+    /**
+     * Get locale from Shopify Admin context
+     */
+    private getShopifyAdminLocale;
+    /**
+     * Setup watcher for locale changes in the DOM
+     */
+    private setupLocaleWatcher;
+    /**
+     * Handle custom locale change events
+     */
+    private handleCustomLocaleChange;
+    /**
+     * Handle locale changes (re-fetch data and translations)
+     */
+    private handleLocaleChange;
+    /**
+     * Refresh API data with new locale
+     */
+    private refreshDataWithNewLocale;
+    /**
+     * Normalize locale string to supported format
+     */
+    private normalizeLocale;
+    /**
+     * Manually update locale (for programmatic changes)
+     */
+    updateLocale(newLocale: string | SupportedLocale): Promise<void>;
+    /**
+     * Auto-detect shop info from Shopify App Bridge or URL
+     */
+    private autoDetectShopInfo;
+    /**
+     * Initialize SDK with options (called automatically by components)
+     */
+    initialize(options?: SDKOptions): Promise<void>;
+    private performInitialization;
+    /**
+     * Update SDK state and notify listeners
+     */
+    private updateState;
+    /**
+     * Update configuration (called when components pass new props)
+     */
+    updateConfig(options: SDKOptions): Promise<void>;
+    /**
+     * Get current state
+     */
+    getState(): SDKState;
+    /**
+     * Subscribe to state changes
+     */
+    subscribe(listener: () => void): () => void;
+    private notifyListeners;
+    /**
+     * Get component defaults
+     */
+    getDefaults(): {
+        readonly topBanner: {
+            readonly open: true;
+            readonly closable: true;
+            readonly sticky: false;
+        };
+        readonly whatsNew: {
+            readonly maxUpdates: 5;
+            readonly maxArticles: 10;
+            readonly showNavigation: true;
+            readonly showViewAllButton: true;
+            readonly enableSwipe: true;
+        };
+        readonly growApps: {
+            readonly maxItems: 6;
+            readonly showDismiss: true;
+            readonly showNavigation: true;
+            readonly dismissKey: "ts-dashboard-growapps-dismissed";
+            readonly dismissDuration: number;
+        };
+        readonly popupBanner: {
+            readonly autoShow: true;
+            readonly showDelay: 0;
+            readonly persistClose: true;
+            readonly storageKey: "ts-dashboard-popup-closed";
+        };
+        readonly partnerIntegration: {
+            readonly showEmptyState: true;
+            readonly maxItems: 12;
+        };
+        readonly ui: {
+            readonly animationDuration: 300;
+            readonly debounceDelay: 100;
+            readonly skeletonCount: 3;
+            readonly enableHapticFeedback: false;
+        };
+        readonly cls: {
+            readonly reserveSpace: true;
+            readonly useSkeletons: true;
+            readonly lazyLoadImages: true;
+            readonly preventLayoutShift: true;
+        };
+        readonly loading: {
+            readonly retryAttempts: 3;
+            readonly retryDelay: 1000;
+            readonly loadingDelay: 200;
+            readonly showSpinner: false;
+        };
+        readonly storage: {
+            readonly keyPrefix: "ts-sdk-";
+            readonly persistenceEnabled: true;
+            readonly encryptStorage: false;
+        };
+    };
+    /**
+     * Check if SDK is ready for use
+     */
+    isReady(): boolean;
+    /**
+     * Cleanup observers and listeners
+     */
+    destroy(): void;
+}
+export declare const SDKManager: SDKManagerClass;
+export interface UseSDKOptions {
+    shopInfo?: ShopInfo;
+    locale?: SupportedLocale;
+    translations?: Partial<SDKTranslations>;
+    config?: Partial<SDKInternalConfig>;
+}
+/**
+ * Hook for components to connect to SDK Manager
+ * Automatically initializes SDK on first use
+ */
+export declare function useSDK(options?: UseSDKOptions): {
+    isInitializing: boolean;
+    defaults: {
+        readonly topBanner: {
+            readonly open: true;
+            readonly closable: true;
+            readonly sticky: false;
+        };
+        readonly whatsNew: {
+            readonly maxUpdates: 5;
+            readonly maxArticles: 10;
+            readonly showNavigation: true;
+            readonly showViewAllButton: true;
+            readonly enableSwipe: true;
+        };
+        readonly growApps: {
+            readonly maxItems: 6;
+            readonly showDismiss: true;
+            readonly showNavigation: true;
+            readonly dismissKey: "ts-dashboard-growapps-dismissed";
+            readonly dismissDuration: number;
+        };
+        readonly popupBanner: {
+            readonly autoShow: true;
+            readonly showDelay: 0;
+            readonly persistClose: true;
+            readonly storageKey: "ts-dashboard-popup-closed";
+        };
+        readonly partnerIntegration: {
+            readonly showEmptyState: true;
+            readonly maxItems: 12;
+        };
+        readonly ui: {
+            readonly animationDuration: 300;
+            readonly debounceDelay: 100;
+            readonly skeletonCount: 3;
+            readonly enableHapticFeedback: false;
+        };
+        readonly cls: {
+            readonly reserveSpace: true;
+            readonly useSkeletons: true;
+            readonly lazyLoadImages: true;
+            readonly preventLayoutShift: true;
+        };
+        readonly loading: {
+            readonly retryAttempts: 3;
+            readonly retryDelay: 1000;
+            readonly loadingDelay: 200;
+            readonly showSpinner: false;
+        };
+        readonly storage: {
+            readonly keyPrefix: "ts-sdk-";
+            readonly persistenceEnabled: true;
+            readonly encryptStorage: false;
+        };
+    };
+    isReady: boolean;
+    initialized: boolean;
+    shopInfo?: ShopInfo;
+    locale: SupportedLocale;
+    translations: SDKTranslations;
+    config: SDKInternalConfig;
+    loading: boolean;
+    error?: Error;
+};
+export default SDKManager;
+//# sourceMappingURL=SDKManager.d.ts.map

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

@@ -0,0 +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"}

package/dist/core/SDKManager.js

@@ -0,0 +1,380 @@
+/**
+ * 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';
+// ============================================
+// SDK Manager Singleton
+// ============================================
+class SDKManagerClass {
+    constructor() {
+        this.listeners = new Set();
+        /**
+         * Handle custom locale change events
+         */
+        this.handleCustomLocaleChange = (event) => {
+            const newLocale = event.detail?.locale || event.detail;
+            if (newLocale && typeof newLocale === 'string') {
+                const normalizedLocale = this.normalizeLocale(newLocale);
+                console.log('📡 Received locale change event:', normalizedLocale);
+                this.handleLocaleChange(normalizedLocale);
+            }
+        };
+        this.state = {
+            initialized: false,
+            locale: 'en',
+            translations: getTranslations('en'),
+            config: generateDashboardConfig(),
+            loading: false,
+        };
+        // Try to auto-detect Shopify context and locale
+        this.autoDetectShopInfo();
+        this.autoDetectLocale();
+        this.setupLocaleWatcher();
+    }
+    /**
+     * Auto-detect current locale from browser/Shopify context
+     */
+    autoDetectLocale() {
+        if (typeof window === 'undefined')
+            return;
+        try {
+            // Method 1: Check Shopify Admin locale (if available)
+            const shopifyLocale = this.getShopifyAdminLocale();
+            if (shopifyLocale) {
+                this.currentDetectedLocale = shopifyLocale;
+                this.updateLocale(shopifyLocale);
+                console.log('🌍 Auto-detected Shopify locale:', shopifyLocale);
+                return;
+            }
+            // Method 2: Browser language
+            const browserLocale = navigator.language || navigator.languages?.[0];
+            if (browserLocale) {
+                const normalizedLocale = this.normalizeLocale(browserLocale);
+                this.currentDetectedLocale = normalizedLocale;
+                this.updateLocale(normalizedLocale);
+                console.log('🌍 Auto-detected browser locale:', normalizedLocale);
+            }
+        }
+        catch (error) {
+            console.warn('Failed to auto-detect locale:', error);
+        }
+    }
+    /**
+     * Get locale from Shopify Admin context
+     */
+    getShopifyAdminLocale() {
+        try {
+            // Check if we can detect locale from Shopify admin
+            const html = document.documentElement;
+            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');
+                if (content) {
+                    return this.normalizeLocale(content);
+                }
+            }
+            return null;
+        }
+        catch {
+            return null;
+        }
+    }
+    /**
+     * Setup watcher for locale changes in the DOM
+     */
+    setupLocaleWatcher() {
+        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')) {
+                        const newLocale = this.getShopifyAdminLocale();
+                        if (newLocale && newLocale !== this.currentDetectedLocale) {
+                            console.log('🔄 Detected locale change:', this.currentDetectedLocale, '→', newLocale);
+                            this.currentDetectedLocale = newLocale;
+                            this.handleLocaleChange(newLocale);
+                        }
+                    }
+                });
+            });
+            // Watch for changes to document element attributes
+            this.localeObserver.observe(document.documentElement, {
+                attributes: true,
+                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');
+        }
+        catch (error) {
+            console.warn('Failed to setup locale watcher:', error);
+        }
+    }
+    /**
+     * Handle locale changes (re-fetch data and translations)
+     */
+    async handleLocaleChange(newLocale) {
+        if (newLocale === this.state.locale)
+            return;
+        try {
+            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 state
+            this.updateState({
+                locale: newLocale,
+                translations,
+                loading: false,
+            });
+            // Trigger re-fetch of API data with new locale
+            this.refreshDataWithNewLocale(newLocale);
+            console.log('✅ SDK locale updated successfully');
+        }
+        catch (error) {
+            console.error('❌ Failed to update SDK locale:', error);
+            this.updateState({ loading: false, error: error });
+        }
+    }
+    /**
+     * Refresh API 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);
+    }
+    /**
+     * Normalize locale string to supported format
+     */
+    normalizeLocale(locale) {
+        if (!locale)
+            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'
+        ];
+        // Direct match
+        if (SUPPORTED_LOCALES.includes(locale)) {
+            return locale;
+        }
+        // Extract base locale (en-US → en)
+        const base = locale.split(/[-_]/)[0].toLowerCase();
+        // Special mappings
+        const mappings = {
+            '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';
+    }
+    /**
+     * Manually update locale (for programmatic changes)
+     */
+    async updateLocale(newLocale) {
+        const normalizedLocale = this.normalizeLocale(newLocale);
+        await this.handleLocaleChange(normalizedLocale);
+    }
+    /**
+     * Auto-detect shop info from Shopify App Bridge or URL
+     */
+    autoDetectShopInfo() {
+        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;
+            const shopifyAdminMatch = currentUrl.match(/https:\/\/admin\.shopify\.com\/store\/([^\/]+)/);
+            if (shopifyAdminMatch) {
+                const [, storeName] = shopifyAdminMatch;
+                this.updateState({
+                    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);
+        }
+    }
+    /**
+     * Initialize SDK with options (called automatically by components)
+     */
+    async initialize(options = {}) {
+        if (this.initPromise) {
+            return this.initPromise;
+        }
+        this.initPromise = this.performInitialization(options);
+        return this.initPromise;
+    }
+    async performInitialization(options) {
+        try {
+            this.updateState({ loading: true });
+            const locale = options.locale || this.state.locale;
+            const shopInfo = options.shopInfo || this.state.shopInfo;
+            // Load translations
+            const baseTranslations = await loadTranslations(locale);
+            const translations = mergeTranslations(baseTranslations, options.translations);
+            // Generate config
+            const config = generateDashboardConfig(shopInfo, options.config);
+            this.updateState({
+                initialized: true,
+                locale,
+                shopInfo,
+                translations,
+                config,
+                loading: false,
+                error: undefined,
+            });
+            console.log('✅ SDK initialized successfully', { locale, shopInfo });
+        }
+        catch (error) {
+            this.updateState({
+                loading: false,
+                error: error,
+            });
+            console.error('❌ SDK initialization failed:', error);
+            throw error;
+        }
+    }
+    /**
+     * Update SDK state and notify listeners
+     */
+    updateState(updates) {
+        this.state = { ...this.state, ...updates };
+        this.notifyListeners();
+    }
+    /**
+     * Update configuration (called when components pass new props)
+     */
+    async updateConfig(options) {
+        const hasChanges = options.locale !== this.state.locale ||
+            JSON.stringify(options.shopInfo) !== JSON.stringify(this.state.shopInfo);
+        if (hasChanges) {
+            this.initPromise = undefined; // Reset init promise to allow re-initialization
+            await this.initialize(options);
+        }
+    }
+    /**
+     * Get current state
+     */
+    getState() {
+        return this.state;
+    }
+    /**
+     * Subscribe to state changes
+     */
+    subscribe(listener) {
+        this.listeners.add(listener);
+        return () => this.listeners.delete(listener);
+    }
+    notifyListeners() {
+        this.listeners.forEach(listener => listener());
+    }
+    /**
+     * Get component defaults
+     */
+    getDefaults() {
+        return COMPONENT_DEFAULTS;
+    }
+    /**
+     * Check if SDK is ready for use
+     */
+    isReady() {
+        return this.state.initialized && !this.state.loading && !this.state.error;
+    }
+    /**
+     * Cleanup observers and listeners
+     */
+    destroy() {
+        if (this.localeObserver) {
+            this.localeObserver.disconnect();
+        }
+        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');
+    }
+}
+// ============================================
+// Export Singleton Instance
+// ============================================
+export const SDKManager = new SDKManagerClass();
+// ============================================
+// React Hook for Components
+// ============================================
+import { useState, useEffect } from 'react';
+/**
+ * Hook for components to connect to SDK Manager
+ * Automatically initializes SDK on first use
+ */
+export function useSDK(options = {}) {
+    const [state, setState] = useState(() => SDKManager.getState());
+    const [isInitializing, setIsInitializing] = useState(false);
+    // Subscribe to state changes
+    useEffect(() => {
+        const unsubscribe = SDKManager.subscribe(() => {
+            setState(SDKManager.getState());
+        });
+        return unsubscribe;
+    }, []);
+    // Auto-initialize SDK when component mounts
+    useEffect(() => {
+        if (!state.initialized && !isInitializing) {
+            setIsInitializing(true);
+            SDKManager.initialize(options).finally(() => {
+                setIsInitializing(false);
+            });
+        }
+    }, [state.initialized, isInitializing]);
+    // Update config if options change
+    useEffect(() => {
+        if (state.initialized) {
+            SDKManager.updateConfig(options);
+        }
+    }, [state.initialized, JSON.stringify(options)]);
+    return {
+        ...state,
+        isInitializing,
+        defaults: SDKManager.getDefaults(),
+        isReady: SDKManager.isReady(),
+    };
+}
+export default SDKManager;
+//# sourceMappingURL=SDKManager.js.map

package/dist/core/SDKManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SDKManager.js","sourceRoot":"","sources":["../../src/core/SDKManager.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * SDK Manager - Internal singleton for managing global state\n * Components automatically connect to this without manual provider setup\n */\n\nimport { \n  loadTranslations, \n  getTranslations, \n  mergeTranslations,\n  type SupportedLocale,\n  type SDKTranslations \n} from '../translations/translation-manager';\nimport { generateDashboardConfig, type ShopInfo, type SDKInternalConfig } from '../config/internal-config';\nimport { COMPONENT_DEFAULTS } from '../config/component-defaults';\n\n// ============================================\n// SDK Global State\n// ============================================\n\ninterface SDKState {\n  initialized: boolean;\n  shopInfo?: ShopInfo;\n  locale: SupportedLocale;\n  translations: SDKTranslations;\n  config: SDKInternalConfig;\n  loading: boolean;\n  error?: Error;\n}\n\ninterface SDKOptions {\n  shopInfo?: ShopInfo;\n  locale?: SupportedLocale;\n  translations?: Partial<SDKTranslations>;\n  config?: Partial<SDKInternalConfig>;\n}\n\n// ============================================\n// SDK Manager Singleton\n// ============================================\n\nclass SDKManagerClass {\n  private state: SDKState;\n  private listeners: Set<() => void> = new Set();\n  private initPromise?: Promise<void>;\n  private localeObserver?: MutationObserver;\n  private currentDetectedLocale?: SupportedLocale;\n\n  constructor() {\n    this.state = {\n      initialized: false,\n      locale: 'en',\n      translations: getTranslations('en'),\n      config: generateDashboardConfig(),\n      loading: false,\n    };\n\n    // Try to auto-detect Shopify context and locale\n    this.autoDetectShopInfo();\n    this.autoDetectLocale();\n    this.setupLocaleWatcher();\n  }\n\n  /**\n   * Auto-detect current locale from browser/Shopify context\n   */\n  private autoDetectLocale(): void {\n    if (typeof window === 'undefined') return;\n\n    try {\n      // Method 1: Check Shopify Admin locale (if available)\n      const shopifyLocale = this.getShopifyAdminLocale();\n      if (shopifyLocale) {\n        this.currentDetectedLocale = shopifyLocale;\n        this.updateLocale(shopifyLocale);\n        console.log('🌍 Auto-detected Shopify locale:', shopifyLocale);\n        return;\n      }\n\n      // Method 2: Browser language\n      const browserLocale = navigator.language || navigator.languages?.[0];\n      if (browserLocale) {\n        const normalizedLocale = this.normalizeLocale(browserLocale);\n        this.currentDetectedLocale = normalizedLocale;\n        this.updateLocale(normalizedLocale);\n        console.log('🌍 Auto-detected browser locale:', normalizedLocale);\n      }\n    } catch (error) {\n      console.warn('Failed to auto-detect locale:', error);\n    }\n  }\n\n  /**\n   * Get locale from Shopify Admin context\n   */\n  private getShopifyAdminLocale(): SupportedLocale | null {\n    try {\n      // Check if we can detect locale from Shopify admin\n      const html = document.documentElement;\n      const lang = html.getAttribute('lang') || html.getAttribute('xml:lang');\n      \n      if (lang) {\n        return this.normalizeLocale(lang);\n      }\n\n      // Check meta tags\n      const metaLang = document.querySelector('meta[http-equiv=\"content-language\"]');\n      if (metaLang) {\n        const content = metaLang.getAttribute('content');\n        if (content) {\n          return this.normalizeLocale(content);\n        }\n      }\n\n      return null;\n    } catch {\n      return null;\n    }\n  }\n\n  /**\n   * Setup watcher for locale changes in the DOM\n   */\n  private setupLocaleWatcher(): void {\n    if (typeof window === 'undefined') return;\n\n    try {\n      this.localeObserver = new MutationObserver((mutations) => {\n        mutations.forEach((mutation) => {\n          if (mutation.type === 'attributes' && \n              (mutation.attributeName === 'lang' || mutation.attributeName === 'xml:lang')) {\n            const newLocale = this.getShopifyAdminLocale();\n            if (newLocale && newLocale !== this.currentDetectedLocale) {\n              console.log('🔄 Detected locale change:', this.currentDetectedLocale, '→', newLocale);\n              this.currentDetectedLocale = newLocale;\n              this.handleLocaleChange(newLocale);\n            }\n          }\n        });\n      });\n\n      // Watch for changes to document element attributes\n      this.localeObserver.observe(document.documentElement, {\n        attributes: true,\n        attributeFilter: ['lang', 'xml:lang']\n      });\n\n      // Also listen for custom locale change events\n      window.addEventListener('trustshop-locale-change', this.handleCustomLocaleChange.bind(this));\n      window.addEventListener('shopify-locale-change', this.handleCustomLocaleChange.bind(this));\n      \n      console.log('🔍 Locale watcher initialized');\n    } catch (error) {\n      console.warn('Failed to setup locale watcher:', error);\n    }\n  }\n\n  /**\n   * Handle custom locale change events\n   */\n  private handleCustomLocaleChange = (event: any) => {\n    const newLocale = event.detail?.locale || event.detail;\n    if (newLocale && typeof newLocale === 'string') {\n      const normalizedLocale = this.normalizeLocale(newLocale);\n      console.log('📡 Received locale change event:', normalizedLocale);\n      this.handleLocaleChange(normalizedLocale);\n    }\n  };\n\n  /**\n   * Handle locale changes (re-fetch data and translations)\n   */\n  private async handleLocaleChange(newLocale: SupportedLocale): Promise<void> {\n    if (newLocale === this.state.locale) return;\n\n    try {\n      console.log('🔄 Updating SDK locale:', this.state.locale, '→', newLocale);\n      this.updateState({ loading: true });\n\n      // Load new translations\n      const baseTranslations = await loadTranslations(newLocale);\n      const translations = mergeTranslations(baseTranslations);\n\n      // Update state\n      this.updateState({\n        locale: newLocale,\n        translations,\n        loading: false,\n      });\n\n      // Trigger re-fetch of API data with new locale\n      this.refreshDataWithNewLocale(newLocale);\n\n      console.log('✅ SDK locale updated successfully');\n    } catch (error) {\n      console.error('❌ Failed to update SDK locale:', error);\n      this.updateState({ loading: false, error: error as Error });\n    }\n  }\n\n  /**\n   * Refresh API data with new locale\n   */\n  private refreshDataWithNewLocale(locale: SupportedLocale): void {\n    // Clear any cached data and trigger re-fetch\n    // This will cause all components to re-fetch their data\n    \n    // Emit event for hooks to re-fetch data\n    window.dispatchEvent(new CustomEvent('trustshop-data-refresh', {\n      detail: { locale, reason: 'locale-change' }\n    }));\n\n    console.log('📡 Triggered data refresh for locale:', locale);\n  }\n\n  /**\n   * Normalize locale string to supported format\n   */\n  private normalizeLocale(locale: string): SupportedLocale {\n    if (!locale) return 'en';\n    \n    // Use the same normalization as translation manager\n    const SUPPORTED_LOCALES: SupportedLocale[] = [\n      'cn', 'de', 'dk', 'en', 'es', 'fr', 'ie', 'in',\n      'it', 'jp', 'nl', 'nz', 'pt', 'se', 'vi'\n    ];\n    \n    // Direct match\n    if (SUPPORTED_LOCALES.includes(locale as SupportedLocale)) {\n      return locale as SupportedLocale;\n    }\n    \n    // Extract base locale (en-US → en)\n    const base = locale.split(/[-_]/)[0].toLowerCase();\n    \n    // Special mappings\n    const mappings: Record<string, SupportedLocale> = {\n      'zh': 'cn',\n      'da': 'dk',\n      'ga': 'ie',\n      'hi': 'in',\n      'ja': 'jp',\n      'mi': 'nz',\n      'sv': 'se',\n    };\n    \n    const mapped = mappings[base] || base;\n    \n    if (SUPPORTED_LOCALES.includes(mapped as SupportedLocale)) {\n      return mapped as SupportedLocale;\n    }\n    \n    return 'en';\n  }\n\n  /**\n   * Manually update locale (for programmatic changes)\n   */\n  async updateLocale(newLocale: string | SupportedLocale): Promise<void> {\n    const normalizedLocale = this.normalizeLocale(newLocale);\n    await this.handleLocaleChange(normalizedLocale);\n  }\n\n  /**\n   * Auto-detect shop info from Shopify App Bridge or URL\n   */\n  private autoDetectShopInfo(): void {\n    if (typeof window === 'undefined') return;\n\n    try {\n      // Method 1: Check if Shopify App Bridge is available\n      const shopifyApp = (window as any).ShopifyApp;\n      if (shopifyApp) {\n        // Extract from App Bridge context if available\n        console.log('🔍 Detected Shopify App Bridge context');\n      }\n\n      // Method 2: Parse from URL (admin.shopify.com)\n      const currentUrl = window.location.href;\n      const shopifyAdminMatch = currentUrl.match(\n        /https:\\/\\/admin\\.shopify\\.com\\/store\\/([^\\/]+)/\n      );\n      \n      if (shopifyAdminMatch) {\n        const [, storeName] = shopifyAdminMatch;\n        this.updateState({\n          shopInfo: {\n            domain: `${storeName}.myshopify.com`,\n            id: storeName,\n          }\n        });\n        console.log('🔍 Auto-detected shop from URL:', storeName);\n      }\n    } catch (error) {\n      console.warn('Failed to auto-detect shop info:', error);\n    }\n  }\n\n  /**\n   * Initialize SDK with options (called automatically by components)\n   */\n  async initialize(options: SDKOptions = {}): Promise<void> {\n    if (this.initPromise) {\n      return this.initPromise;\n    }\n\n    this.initPromise = this.performInitialization(options);\n    return this.initPromise;\n  }\n\n  private async performInitialization(options: SDKOptions): Promise<void> {\n    try {\n      this.updateState({ loading: true });\n\n      const locale = options.locale || this.state.locale;\n      const shopInfo = options.shopInfo || this.state.shopInfo;\n\n      // Load translations\n      const baseTranslations = await loadTranslations(locale);\n      const translations = mergeTranslations(baseTranslations, options.translations);\n\n      // Generate config\n      const config = generateDashboardConfig(shopInfo, options.config);\n\n      this.updateState({\n        initialized: true,\n        locale,\n        shopInfo,\n        translations,\n        config,\n        loading: false,\n        error: undefined,\n      });\n\n      console.log('✅ SDK initialized successfully', { locale, shopInfo });\n    } catch (error) {\n      this.updateState({\n        loading: false,\n        error: error as Error,\n      });\n      console.error('❌ SDK initialization failed:', error);\n      throw error;\n    }\n  }\n\n  /**\n   * Update SDK state and notify listeners\n   */\n  private updateState(updates: Partial<SDKState>): void {\n    this.state = { ...this.state, ...updates };\n    this.notifyListeners();\n  }\n\n  /**\n   * Update configuration (called when components pass new props)\n   */\n  async updateConfig(options: SDKOptions): Promise<void> {\n    const hasChanges = \n      options.locale !== this.state.locale ||\n      JSON.stringify(options.shopInfo) !== JSON.stringify(this.state.shopInfo);\n\n    if (hasChanges) {\n      this.initPromise = undefined; // Reset init promise to allow re-initialization\n      await this.initialize(options);\n    }\n  }\n\n  /**\n   * Get current state\n   */\n  getState(): SDKState {\n    return this.state;\n  }\n\n  /**\n   * Subscribe to state changes\n   */\n  subscribe(listener: () => void): () => void {\n    this.listeners.add(listener);\n    return () => this.listeners.delete(listener);\n  }\n\n  private notifyListeners(): void {\n    this.listeners.forEach(listener => listener());\n  }\n\n  /**\n   * Get component defaults\n   */\n  getDefaults() {\n    return COMPONENT_DEFAULTS;\n  }\n\n  /**\n   * Check if SDK is ready for use\n   */\n  isReady(): boolean {\n    return this.state.initialized && !this.state.loading && !this.state.error;\n  }\n\n  /**\n   * Cleanup observers and listeners\n   */\n  destroy(): void {\n    if (this.localeObserver) {\n      this.localeObserver.disconnect();\n    }\n    \n    if (typeof window !== 'undefined') {\n      window.removeEventListener('trustshop-locale-change', this.handleCustomLocaleChange);\n      window.removeEventListener('shopify-locale-change', this.handleCustomLocaleChange);\n    }\n    \n    this.listeners.clear();\n    console.log('🧹 SDK Manager cleaned up');\n  }\n}\n\n// ============================================\n// Export Singleton Instance\n// ============================================\n\nexport const SDKManager = new SDKManagerClass();\n\n// ============================================\n// React Hook for Components\n// ============================================\n\nimport { useState, useEffect } from 'react';\n\nexport interface UseSDKOptions {\n  shopInfo?: ShopInfo;\n  locale?: SupportedLocale;\n  translations?: Partial<SDKTranslations>;\n  config?: Partial<SDKInternalConfig>;\n}\n\n/**\n * Hook for components to connect to SDK Manager\n * Automatically initializes SDK on first use\n */\nexport function useSDK(options: UseSDKOptions = {}) {\n  const [state, setState] = useState(() => SDKManager.getState());\n  const [isInitializing, setIsInitializing] = useState(false);\n\n  // Subscribe to state changes\n  useEffect(() => {\n    const unsubscribe = SDKManager.subscribe(() => {\n      setState(SDKManager.getState());\n    });\n    return unsubscribe;\n  }, []);\n\n  // Auto-initialize SDK when component mounts\n  useEffect(() => {\n    if (!state.initialized && !isInitializing) {\n      setIsInitializing(true);\n      SDKManager.initialize(options).finally(() => {\n        setIsInitializing(false);\n      });\n    }\n  }, [state.initialized, isInitializing]);\n\n  // Update config if options change\n  useEffect(() => {\n    if (state.initialized) {\n      SDKManager.updateConfig(options);\n    }\n  }, [state.initialized, JSON.stringify(options)]);\n\n  return {\n    ...state,\n    isInitializing,\n    defaults: SDKManager.getDefaults(),\n    isReady: SDKManager.isReady(),\n  };\n}\n\nexport default SDKManager;"]}

package/dist/core/adapter.d.ts

@@ -4,3 +4,4 @@ export declare function adaptBanner(apiData: any): BannerItem;
 export declare function adaptApp(apiData: any, defaultGroup?: AppGroup): AppItem;
 export declare function adaptArticle(apiData: any): ArticleItem;
 export declare function adaptProductUpdate(apiData: any): ProductUpdateItem;
+//# sourceMappingURL=adapter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.d.ts","sourceRoot":"","sources":["../../src/core/adapter.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,UAAU,EACV,OAAO,EACP,WAAW,EACX,iBAAiB,EAEjB,QAAQ,EACT,MAAM,UAAU,CAAC;AAElB,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,GAAG,GAAG,aAAa,CAoC9D;AAQD,wBAAgB,WAAW,CAAC,OAAO,EAAE,GAAG,GAAG,UAAU,CAwCpD;AAoFD,wBAAgB,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAyBvE;AAQD,wBAAgB,YAAY,CAAC,OAAO,EAAE,GAAG,GAAG,WAAW,CAkCtD;AAgBD,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,GAAG,GAAG,iBAAiB,CAiElE"}