@datlv-trustshop/shopify-inapp-components 0.1.11 → 0.1.13

package/dist/components/TopBanner.js

@@ -1,13 +1,38 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import { useState, useEffect } from "react";
 import { Banner, Button, Text, BlockStack, InlineStack, } from "@shopify/polaris";
 import { ExternalIcon } from "@shopify/polaris-icons";
 import { useTopBanner } from "../hooks/useBanner";
 export const TopBanner = ({ className = "", onClose, onAction, closable = true, renderBanner, }) => {
     const banner = useTopBanner();
-    const [isVisible, setIsVisible] = useState(true);
+    const [isDismissed, setIsDismissed] = useState(false);
+    const DISMISS_KEY = "ts-top-banner-dismissed";
+    const DISMISS_DURATION = 7 * 24 * 60 * 60 * 1000;
+    useEffect(() => {
+        const dismissedData = localStorage.getItem(DISMISS_KEY);
+        if (dismissedData) {
+            try {
+                const { timestamp } = JSON.parse(dismissedData);
+                const now = Date.now();
+                if (now - timestamp < DISMISS_DURATION) {
+                    setIsDismissed(true);
+                }
+                else {
+                    localStorage.removeItem(DISMISS_KEY);
+                }
+            }
+            catch (error) {
+                localStorage.removeItem(DISMISS_KEY);
+            }
+        }
+    }, []);
     const handleClose = () => {
-        setIsVisible(false);
+        const dismissData = {
+            timestamp: Date.now(),
+            dismissed: true,
+        };
+        localStorage.setItem(DISMISS_KEY, JSON.stringify(dismissData));
+        setIsDismissed(true);
         onClose?.();
     };
     const handleAction = () => {
@@ -18,7 +43,7 @@ export const TopBanner = ({ className = "", onClose, onAction, closable = true,
             onAction?.(banner);
         }
     };
-    if (!banner || !isVisible) {
+    if (!banner || isDismissed) {
         return null;
     }
     if (renderBanner) {

package/dist/core/global-manager.js

@@ -47,11 +47,20 @@ export class GlobalDashboardManager {
         if (config && !this.configEquals(this.lastConfig, config)) {
             this.updateGlobalConfig(config);
         }
-        // Check if we have a pending locale refresh
-        if (this.pendingLocaleRefresh && this.engine?.isInitialized()) {
+        // Check if we need to initialize due to pending locale refresh
+        // This handles the case where all providers have autoInit=false but want locale refresh
+        if (this.pendingLocaleRefresh && autoRefreshOnLocaleChange) {
             const locale = this.pendingLocaleRefresh;
             this.pendingLocaleRefresh = null;
-            this.engine.setLocale(locale).catch(console.error);
+            // Force initialization with the new locale if not initialized
+            if (!this.engine || !this.engine.isInitialized()) {
+                if (this.lastConfig) {
+                    this.init({ ...this.lastConfig, locale }).catch(console.error);
+                }
+            }
+            else {
+                this.engine.setLocale(locale).catch(console.error);
+            }
         }
     }
     /**
@@ -109,13 +118,17 @@ export class GlobalDashboardManager {
                     }
                 }
                 else {
-                    // Engine not initialized yet, update locale and mark for refresh
+                    // Engine not initialized yet
                     this.engine.updateLocale(config.locale);
-                    this.pendingLocaleRefresh = config.locale;
-                    // If any provider wants refresh and we have providers, force initialization
-                    if (shouldRefresh && this.providers.size > 0) {
+                    // If any provider wants refresh, force initialization NOW
+                    // This is critical for autoInit=false providers
+                    if (shouldRefresh) {
                         this.init(config).catch(console.error);
                     }
+                    else {
+                        // Mark for later refresh when a provider initializes
+                        this.pendingLocaleRefresh = config.locale;
+                    }
                 }
             }
         }
@@ -220,13 +233,17 @@ export class GlobalDashboardManager {
         if (this.lastConfig) {
             this.lastConfig = { ...this.lastConfig, locale };
         }
+        // Check if any provider wants auto-refresh
+        const shouldRefresh = Array.from(this.providers.values()).some(p => p.autoRefreshOnLocaleChange);
         if (!this.engine) {
-            // No engine yet, mark locale for refresh when engine is created
-            this.pendingLocaleRefresh = locale;
-            // If we have providers, initialize with the new locale
-            if (this.providers.size > 0 && this.lastConfig) {
+            // No engine yet, but if any provider wants refresh, initialize NOW
+            if (shouldRefresh && this.lastConfig) {
                 await this.init({ ...this.lastConfig, locale });
             }
+            else {
+                // Mark locale for refresh when engine is created
+                this.pendingLocaleRefresh = locale;
+            }
             return;
         }
         // Engine exists, update locale
@@ -234,9 +251,12 @@ export class GlobalDashboardManager {
             await this.engine.setLocale(locale);
         }
         else {
-            // Engine not initialized, update locale and initialize
+            // Engine exists but not initialized
             this.engine.updateLocale(locale);
-            await this.init();
+            // If any provider wants refresh, initialize now
+            if (shouldRefresh) {
+                await this.init();
+            }
         }
     }
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datlv-trustshop/shopify-inapp-components",
-  "version": "0.1.11",
+  "version": "0.1.13",
   "private": false,
   "description": "React TypeScript components for Shopify in-app dashboard content",
   "main": "dist/index.js",