@datlv-trustshop/shopify-inapp-components 0.3.4 → 0.3.5

package/dist/hooks/useMarketingCampaign.js

@@ -0,0 +1,103 @@
+import { useState, useEffect, useMemo } from "react";
+import { useSDK } from "../core/SDKManager";
+import SDKManager from "../core/SDKManager";
+/**
+ * Hook to fetch and manage marketing campaign card data
+ * Uses SDK-managed campaigns data
+ */
+export function useMarketingCampaign(options = {}) {
+    const { shopInfo, locale, translations, config } = options;
+    const sdk = useSDK({
+        shopInfo,
+        locale: locale,
+        translations,
+        config,
+    });
+    const [isDismissed, setIsDismissed] = useState(false);
+    const campaignsData = SDKManager.getCampaignsData();
+    const campaignData = useMemo(() => {
+        if (!campaignsData || !Array.isArray(campaignsData)) {
+            // console.log("[useMarketingCampaign] No campaigns data available");
+            return null;
+        }
+        // console.log("[useMarketingCampaign] Processing campaigns:", campaignsData);
+        const marketingCampaigns = campaignsData.filter((campaign) => campaign.type === "marketing-card");
+        if (marketingCampaigns.length > 0) {
+            return marketingCampaigns[0];
+        }
+        return null;
+    }, [campaignsData]);
+    // Check if campaign is dismissed
+    useEffect(() => {
+        if (!campaignData)
+            return;
+        const dismissKey = `trustshop_marketing_campaign_dismissed_${campaignData.key || campaignData.id}`;
+        try {
+            const dismissedData = localStorage.getItem(dismissKey);
+            if (dismissedData) {
+                const parsed = JSON.parse(dismissedData);
+                const sevenDaysAgo = Date.now() - 7 * 24 * 60 * 60 * 1000;
+                if (parsed.timestamp > sevenDaysAgo) {
+                    setIsDismissed(true);
+                }
+                else {
+                    // Clear expired dismiss data
+                    localStorage.removeItem(dismissKey);
+                }
+            }
+        }
+        catch (error) {
+            console.error("Failed to check dismiss state:", error);
+        }
+    }, [campaignData]);
+    // Dismiss campaign handler
+    const dismissCampaign = () => {
+        if (!campaignData)
+            return;
+        const dismissKey = `trustshop_marketing_campaign_dismissed_${campaignData.key || campaignData.id}`;
+        const dismissData = {
+            timestamp: Date.now(),
+            dismissed: true,
+            campaignId: campaignData.id,
+            campaignKey: campaignData.key,
+        };
+        try {
+            localStorage.setItem(dismissKey, JSON.stringify(dismissData));
+            setIsDismissed(true);
+        }
+        catch (error) {
+            console.error("Failed to save dismiss state:", error);
+        }
+    };
+    // Reset dismissed state
+    const resetDismissed = () => {
+        if (!campaignData)
+            return;
+        const dismissKey = `trustshop_marketing_campaign_dismissed_${campaignData.key || campaignData.id}`;
+        try {
+            localStorage.removeItem(dismissKey);
+            setIsDismissed(false);
+        }
+        catch (error) {
+            console.error("Failed to clear dismiss state:", error);
+        }
+    };
+    useEffect(() => {
+        const handleCampaignsRefresh = (_event) => {
+            // console.log("Marketing campaigns refreshed via SDK");
+        };
+        window.addEventListener("trustshop-campaigns-refresh", handleCampaignsRefresh);
+        return () => {
+            window.removeEventListener("trustshop-campaigns-refresh", handleCampaignsRefresh);
+        };
+    }, []);
+    return {
+        campaignData,
+        loading: sdk.campaignsLoading || false,
+        error: sdk.campaignsError || null,
+        isDismissed,
+        dismissCampaign,
+        resetDismissed,
+    };
+}
+//# sourceMappingURL=useMarketingCampaign.js.map

package/dist/hooks/useMarketingCampaign.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMarketingCampaign.js","sourceRoot":"","sources":["../../src/hooks/useMarketingCampaign.ts"],"names":[],"mappings":"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","sourcesContent":["import { useState, useEffect, useMemo } from \"react\";\nimport { useSDK } from \"../core/SDKManager\";\nimport SDKManager from \"../core/SDKManager\";\nimport type { MarketingCampaignData } from \"../components/MarketingCampaignCard\";\nimport type { SupportedLocale } from \"../translations/translation-manager\";\n\ninterface UseMarketingCampaignOptions {\n  shopInfo?: { id: string; domain?: string };\n  shopId?: string;\n  locale?: string | SupportedLocale;\n  translations?: any;\n  config?: any;\n}\n\ninterface UseMarketingCampaignReturn {\n  campaignData: MarketingCampaignData | null;\n  loading: boolean;\n  error: Error | null;\n  isDismissed: boolean;\n  dismissCampaign: () => void;\n  resetDismissed: () => void;\n}\n\n/**\n * Hook to fetch and manage marketing campaign card data\n * Uses SDK-managed campaigns data\n */\nexport function useMarketingCampaign(\n  options: UseMarketingCampaignOptions = {},\n): UseMarketingCampaignReturn {\n  const { shopInfo, locale, translations, config } = options;\n\n  const sdk = useSDK({\n    shopInfo,\n    locale: locale as SupportedLocale | undefined,\n    translations,\n    config,\n  });\n\n  const [isDismissed, setIsDismissed] = useState(false);\n  const campaignsData = SDKManager.getCampaignsData();\n\n  const campaignData = useMemo(() => {\n    if (!campaignsData || !Array.isArray(campaignsData)) {\n      // console.log(\"[useMarketingCampaign] No campaigns data available\");\n      return null;\n    }\n\n    // console.log(\"[useMarketingCampaign] Processing campaigns:\", campaignsData);\n\n    const marketingCampaigns = campaignsData.filter(\n      (campaign: any) => campaign.type === \"marketing-card\",\n    );\n\n    if (marketingCampaigns.length > 0) {\n      return marketingCampaigns[0] as MarketingCampaignData;\n    }\n\n    return null;\n  }, [campaignsData]);\n\n  // Check if campaign is dismissed\n  useEffect(() => {\n    if (!campaignData) return;\n\n    const dismissKey = `trustshop_marketing_campaign_dismissed_${campaignData.key || campaignData.id}`;\n    try {\n      const dismissedData = localStorage.getItem(dismissKey);\n      if (dismissedData) {\n        const parsed = JSON.parse(dismissedData);\n        const sevenDaysAgo = Date.now() - 7 * 24 * 60 * 60 * 1000;\n        if (parsed.timestamp > sevenDaysAgo) {\n          setIsDismissed(true);\n        } else {\n          // Clear expired dismiss data\n          localStorage.removeItem(dismissKey);\n        }\n      }\n    } catch (error) {\n      console.error(\"Failed to check dismiss state:\", error);\n    }\n  }, [campaignData]);\n\n  // Dismiss campaign handler\n  const dismissCampaign = () => {\n    if (!campaignData) return;\n\n    const dismissKey = `trustshop_marketing_campaign_dismissed_${campaignData.key || campaignData.id}`;\n    const dismissData = {\n      timestamp: Date.now(),\n      dismissed: true,\n      campaignId: campaignData.id,\n      campaignKey: campaignData.key,\n    };\n\n    try {\n      localStorage.setItem(dismissKey, JSON.stringify(dismissData));\n      setIsDismissed(true);\n    } catch (error) {\n      console.error(\"Failed to save dismiss state:\", error);\n    }\n  };\n\n  // Reset dismissed state\n  const resetDismissed = () => {\n    if (!campaignData) return;\n\n    const dismissKey = `trustshop_marketing_campaign_dismissed_${campaignData.key || campaignData.id}`;\n    try {\n      localStorage.removeItem(dismissKey);\n      setIsDismissed(false);\n    } catch (error) {\n      console.error(\"Failed to clear dismiss state:\", error);\n    }\n  };\n\n  useEffect(() => {\n    const handleCampaignsRefresh = (_event: any) => {\n      // console.log(\"Marketing campaigns refreshed via SDK\");\n    };\n\n    window.addEventListener(\n      \"trustshop-campaigns-refresh\",\n      handleCampaignsRefresh,\n    );\n\n    return () => {\n      window.removeEventListener(\n        \"trustshop-campaigns-refresh\",\n        handleCampaignsRefresh,\n      );\n    };\n  }, []);\n\n  return {\n    campaignData,\n    loading: sdk.campaignsLoading || false,\n    error: sdk.campaignsError || null,\n    isDismissed,\n    dismissCampaign,\n    resetDismissed,\n  };\n}\n"]}

package/dist/utils/campaignCache.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Campaign API Cache Manager
+ * Prevents multiple identical API calls and caches responses
+ */
+declare class CampaignCacheManager {
+    private cache;
+    private readonly CACHE_DURATION;
+    private readonly DEDUPE_WINDOW;
+    /**
+     * Get cache key for campaigns
+     */
+    private getCacheKey;
+    /**
+     * Check if cache entry is still valid
+     */
+    private isValidCache;
+    /**
+     * Fetch campaigns with caching and deduplication
+     */
+    fetchCampaigns(shopId: string, locale: string, apiUrl: string, headers?: HeadersInit): Promise<any>;
+    /**
+     * Perform the actual fetch
+     */
+    private performFetch;
+    /**
+     * Clear cache for specific shop or all
+     */
+    clearCache(shopId?: string, locale?: string): void;
+    /**
+     * Get current cache size
+     */
+    getCacheSize(): number;
+    /**
+     * Debug: Get all cache keys
+     */
+    getCacheKeys(): string[];
+}
+export declare const campaignCache: CampaignCacheManager;
+export default CampaignCacheManager;
+//# sourceMappingURL=campaignCache.d.ts.map

package/dist/utils/campaignCache.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"campaignCache.d.ts","sourceRoot":"","sources":["../../src/utils/campaignCache.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAQH,cAAM,oBAAoB;IACxB,OAAO,CAAC,KAAK,CAAiC;IAC9C,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAiB;IAChD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAO;IAErC;;OAEG;IACH,OAAO,CAAC,WAAW;IAInB;;OAEG;IACH,OAAO,CAAC,YAAY;IAIpB;;OAEG;IACG,cAAc,CAClB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,OAAO,GAAE,WAAgB,GACxB,OAAO,CAAC,GAAG,CAAC;IAkDf;;OAEG;YACW,YAAY;IAuB1B;;OAEG;IACH,UAAU,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI;IAWlD;;OAEG;IACH,YAAY,IAAI,MAAM;IAItB;;OAEG;IACH,YAAY,IAAI,MAAM,EAAE;CAGzB;AAGD,eAAO,MAAM,aAAa,sBAA6B,CAAC;AAGxD,eAAe,oBAAoB,CAAC"}

package/dist/utils/campaignCache.js

@@ -0,0 +1,119 @@
+/**
+ * Campaign API Cache Manager
+ * Prevents multiple identical API calls and caches responses
+ */
+class CampaignCacheManager {
+    constructor() {
+        this.cache = new Map();
+        this.CACHE_DURATION = 5 * 60 * 1000; // 5 minutes
+        this.DEDUPE_WINDOW = 100; // 100ms window for deduplication
+    }
+    /**
+     * Get cache key for campaigns
+     */
+    getCacheKey(shopId, locale) {
+        return `campaigns_${shopId}_${locale}`;
+    }
+    /**
+     * Check if cache entry is still valid
+     */
+    isValidCache(entry) {
+        return Date.now() - entry.timestamp < this.CACHE_DURATION;
+    }
+    /**
+     * Fetch campaigns with caching and deduplication
+     */
+    async fetchCampaigns(shopId, locale, apiUrl, headers = {}) {
+        const cacheKey = this.getCacheKey(shopId, locale);
+        const cached = this.cache.get(cacheKey);
+        // Return cached data if valid
+        if (cached && this.isValidCache(cached)) {
+            // console.log("[CampaignCache] Returning cached data for", cacheKey);
+            return cached.data;
+        }
+        // Check if there's an ongoing request for the same data
+        if (cached?.promise) {
+            // console.log("[CampaignCache] Reusing ongoing request for", cacheKey);
+            return cached.promise;
+        }
+        // Create new request promise
+        const promise = this.performFetch(apiUrl, headers)
+            .then((data) => {
+            this.cache.set(cacheKey, {
+                data,
+                timestamp: Date.now(),
+            });
+            // console.log("[CampaignCache] Cached new data for", cacheKey);
+            return data;
+        })
+            .catch((error) => {
+            // Remove failed request from cache
+            this.cache.delete(cacheKey);
+            throw error;
+        });
+        // Store the promise temporarily for deduplication
+        this.cache.set(cacheKey, {
+            data: cached?.data,
+            timestamp: cached?.timestamp || 0,
+            promise,
+        });
+        // Clean up promise after deduplication window
+        setTimeout(() => {
+            const entry = this.cache.get(cacheKey);
+            if (entry?.promise === promise) {
+                delete entry.promise;
+            }
+        }, this.DEDUPE_WINDOW);
+        return promise;
+    }
+    /**
+     * Perform the actual fetch
+     */
+    async performFetch(apiUrl, headers) {
+        // console.log("[CampaignCache] Fetching from API:", apiUrl);
+        const response = await fetch(apiUrl, {
+            method: "GET",
+            headers: {
+                Accept: "application/json",
+                "Content-Type": "application/json",
+                ...headers,
+            },
+            credentials: "include",
+        });
+        if (!response.ok) {
+            throw new Error(`Failed to fetch campaigns: ${response.statusText}`);
+        }
+        return response.json();
+    }
+    /**
+     * Clear cache for specific shop or all
+     */
+    clearCache(shopId, locale) {
+        if (shopId && locale) {
+            const cacheKey = this.getCacheKey(shopId, locale);
+            this.cache.delete(cacheKey);
+            // console.log("[CampaignCache] Cleared cache for", cacheKey);
+        }
+        else {
+            this.cache.clear();
+            // console.log("[CampaignCache] Cleared all cache");
+        }
+    }
+    /**
+     * Get current cache size
+     */
+    getCacheSize() {
+        return this.cache.size;
+    }
+    /**
+     * Debug: Get all cache keys
+     */
+    getCacheKeys() {
+        return Array.from(this.cache.keys());
+    }
+}
+// Export singleton instance
+export const campaignCache = new CampaignCacheManager();
+// Export for testing
+export default CampaignCacheManager;
+//# sourceMappingURL=campaignCache.js.map

package/dist/utils/campaignCache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"campaignCache.js","sourceRoot":"","sources":["../../src/utils/campaignCache.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Campaign API Cache Manager\n * Prevents multiple identical API calls and caches responses\n */\n\ninterface CacheEntry {\n  data: any;\n  timestamp: number;\n  promise?: Promise<any>;\n}\n\nclass CampaignCacheManager {\n  private cache = new Map<string, CacheEntry>();\n  private readonly CACHE_DURATION = 5 * 60 * 1000; // 5 minutes\n  private readonly DEDUPE_WINDOW = 100; // 100ms window for deduplication\n\n  /**\n   * Get cache key for campaigns\n   */\n  private getCacheKey(shopId: string, locale: string): string {\n    return `campaigns_${shopId}_${locale}`;\n  }\n\n  /**\n   * Check if cache entry is still valid\n   */\n  private isValidCache(entry: CacheEntry): boolean {\n    return Date.now() - entry.timestamp < this.CACHE_DURATION;\n  }\n\n  /**\n   * Fetch campaigns with caching and deduplication\n   */\n  async fetchCampaigns(\n    shopId: string,\n    locale: string,\n    apiUrl: string,\n    headers: HeadersInit = {},\n  ): Promise<any> {\n    const cacheKey = this.getCacheKey(shopId, locale);\n    const cached = this.cache.get(cacheKey);\n\n    // Return cached data if valid\n    if (cached && this.isValidCache(cached)) {\n      // console.log(\"[CampaignCache] Returning cached data for\", cacheKey);\n      return cached.data;\n    }\n\n    // Check if there's an ongoing request for the same data\n    if (cached?.promise) {\n      // console.log(\"[CampaignCache] Reusing ongoing request for\", cacheKey);\n      return cached.promise;\n    }\n\n    // Create new request promise\n    const promise = this.performFetch(apiUrl, headers)\n      .then((data) => {\n        this.cache.set(cacheKey, {\n          data,\n          timestamp: Date.now(),\n        });\n        // console.log(\"[CampaignCache] Cached new data for\", cacheKey);\n        return data;\n      })\n      .catch((error) => {\n        // Remove failed request from cache\n        this.cache.delete(cacheKey);\n        throw error;\n      });\n\n    // Store the promise temporarily for deduplication\n    this.cache.set(cacheKey, {\n      data: cached?.data,\n      timestamp: cached?.timestamp || 0,\n      promise,\n    });\n\n    // Clean up promise after deduplication window\n    setTimeout(() => {\n      const entry = this.cache.get(cacheKey);\n      if (entry?.promise === promise) {\n        delete entry.promise;\n      }\n    }, this.DEDUPE_WINDOW);\n\n    return promise;\n  }\n\n  /**\n   * Perform the actual fetch\n   */\n  private async performFetch(\n    apiUrl: string,\n    headers: HeadersInit,\n  ): Promise<any> {\n    // console.log(\"[CampaignCache] Fetching from API:\", apiUrl);\n\n    const response = await fetch(apiUrl, {\n      method: \"GET\",\n      headers: {\n        Accept: \"application/json\",\n        \"Content-Type\": \"application/json\",\n        ...headers,\n      },\n      credentials: \"include\",\n    });\n\n    if (!response.ok) {\n      throw new Error(`Failed to fetch campaigns: ${response.statusText}`);\n    }\n\n    return response.json();\n  }\n\n  /**\n   * Clear cache for specific shop or all\n   */\n  clearCache(shopId?: string, locale?: string): void {\n    if (shopId && locale) {\n      const cacheKey = this.getCacheKey(shopId, locale);\n      this.cache.delete(cacheKey);\n      // console.log(\"[CampaignCache] Cleared cache for\", cacheKey);\n    } else {\n      this.cache.clear();\n      // console.log(\"[CampaignCache] Cleared all cache\");\n    }\n  }\n\n  /**\n   * Get current cache size\n   */\n  getCacheSize(): number {\n    return this.cache.size;\n  }\n\n  /**\n   * Debug: Get all cache keys\n   */\n  getCacheKeys(): string[] {\n    return Array.from(this.cache.keys());\n  }\n}\n\n// Export singleton instance\nexport const campaignCache = new CampaignCacheManager();\n\n// Export for testing\nexport default CampaignCacheManager;\n"]}

package/package.json

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

package/dist/core/global-manager.d.ts

@@ -1,91 +0,0 @@
-import { DashboardEngine } from "./engine";
-import { DashboardConfig, DashboardState } from "../types";
-/**
- * GlobalDashboardManager - Singleton manager for shared SDK state
- *
- * This manager ensures all DashboardProvider instances share:
- * - The same engine instance
- * - The same data/cache
- * - The same locale state
- * - Deduplicated API calls
- *
- * Multiple providers can mount/unmount independently while maintaining
- * a stable, shared runtime.
- */
-export declare class GlobalDashboardManager {
-    private static instance;
-    private engine;
-    private providers;
-    private stateListeners;
-    private globalState;
-    private initPromise;
-    private lastConfig;
-    private pendingLocaleRefresh;
-    private constructor();
-    static getInstance(): GlobalDashboardManager;
-    /**
-     * Register a provider instance
-     */
-    registerProvider(id: string, config?: DashboardConfig, autoRefreshOnLocaleChange?: boolean): void;
-    /**
-     * Unregister a provider instance
-     */
-    unregisterProvider(id: string): void;
-    /**
-     * Get or create the shared engine instance
-     */
-    private getOrCreateEngine;
-    /**
-     * Update the global configuration
-     */
-    private updateGlobalConfig;
-    /**
-     * Check if two configs are equal
-     */
-    private configEquals;
-    /**
-     * Initialize the shared engine
-     */
-    init(config?: DashboardConfig): Promise<void>;
-    /**
-     * Refresh the dashboard data
-     */
-    refresh(): Promise<void>;
-    /**
-     * Update locale globally
-     */
-    setLocale(locale: string): Promise<void>;
-    /**
-     * Get the current locale
-     */
-    getCurrentLocale(): string;
-    /**
-     * Subscribe to global state changes
-     */
-    subscribe(id: string, callback: (state: DashboardState) => void): () => void;
-    /**
-     * Update and broadcast global state
-     */
-    private updateGlobalState;
-    /**
-     * Get the current global state
-     */
-    getState(): DashboardState;
-    /**
-     * Get the shared engine instance (if created)
-     */
-    getEngine(): DashboardEngine | null;
-    /**
-     * Check if manager is initialized
-     */
-    isInitialized(): boolean;
-    /**
-     * Get provider count
-     */
-    getProviderCount(): number;
-    /**
-     * Reset the global manager (for testing)
-     */
-    static reset(): void;
-}
-//# sourceMappingURL=global-manager.d.ts.map

package/dist/core/global-manager.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"global-manager.d.ts","sourceRoot":"","sources":["../../src/core/global-manager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAc3D;;;;;;;;;;;GAWG;AACH,qBAAa,sBAAsB;IACjC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAuC;IAC9D,OAAO,CAAC,MAAM,CAAgC;IAC9C,OAAO,CAAC,SAAS,CAAwC;IACzD,OAAO,CAAC,cAAc,CAAuC;IAC7D,OAAO,CAAC,WAAW,CAKjB;IACF,OAAO,CAAC,WAAW,CAA8B;IACjD,OAAO,CAAC,UAAU,CAAgC;IAClD,OAAO,CAAC,oBAAoB,CAAuB;IAEnD,OAAO;WAIO,WAAW,IAAI,sBAAsB;IAOnD;;OAEG;IACI,gBAAgB,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,eAAe,EAAE,yBAAyB,GAAE,OAAe,GAAG,IAAI;IA8B/G;;OAEG;IACI,kBAAkB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAW3C;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAsBzB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAwC1B;;OAEG;IACH,OAAO,CAAC,YAAY;IAWpB;;OAEG;IACU,IAAI,CAAC,MAAM,CAAC,EAAE,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC;IAoD1D;;OAEG;IACU,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IAgCrC;;OAEG;IACU,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAkCrD;;OAEG;IACI,gBAAgB,IAAI,MAAM;IAOjC;;OAEG;IACI,SAAS,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,GAAG,MAAM,IAAI;IAanF;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAazB;;OAEG;IACI,QAAQ,IAAI,cAAc;IAIjC;;OAEG;IACI,SAAS,IAAI,eAAe,GAAG,IAAI;IAI1C;;OAEG;IACI,aAAa,IAAI,OAAO;IAI/B;;OAEG;IACI,gBAAgB,IAAI,MAAM;IAIjC;;OAEG;WACW,KAAK,IAAI,IAAI;CAuB5B"}