avada-components-seoon 1.0.29 → 1.0.31

package/README.md

@@ -26,8 +26,13 @@ A smart banner component that promotes other Avada apps to users. It automatical
 - 🔄 Loading skeleton during data fetching
 - 📱 Responsive design with Shopify Polaris
 - 🎨 Modern UI with smooth animations
+- 🔧 **Three configuration methods**: Default, Legacy (with appIds), and Dynamic (with JSON config)
 
-#### Basic Usage
+#### Configuration Methods
+
+The component supports three different ways to configure which apps to display:
+
+##### 1. Default Method (Show all apps)
 
 ```tsx
 import { CrossAppBanner } from 'avada-components-seoon';
@@ -37,7 +42,9 @@ function App() {
 }
 ```
 
-#### Advanced Usage
+##### 2. Legacy Method (Explicit appIds)
+
+Specify exactly which apps to show in priority order:
 
 ```tsx
 import { CrossAppBanner } from 'avada-components-seoon';
@@ -46,29 +53,107 @@ function App() {
   return (
     <CrossAppBanner
       shopDomain="your-store.myshopify.com"
+      appIds={['avada-seo-suite', 'ai-product-copy', 'seoon-blog']}
       clickInstallCallback={() => {
         console.log('User clicked install button');
-        // Track analytics, show confirmation, etc.
       }}
-      appIds={['avada-seo-suite', 'ai-product-copy', 'seoon-blog']}
-      urlJson="https://your-custom-banner-data-url.com/banners.json"
     />
   );
 }
 ```
 
+##### 3. Dynamic Method (JSON Configuration)
+
+**Recommended for multi-app environments**: Configure apps dynamically from a JSON file without code changes:
+
+```tsx
+import { CrossAppBanner } from 'avada-components-seoon';
+
+function App() {
+  return (
+    <CrossAppBanner
+      shopDomain="your-store.myshopify.com"
+      appName="seoon"
+      position="homePage"
+      urlJson="https://cdn.example.com/bannerSeoApp.json"
+      clickInstallCallback={() => {
+        console.log('User clicked install button');
+      }}
+    />
+  );
+}
+```
+
+**JSON Configuration Structure:**
+
+```json
+{
+  "appSeoon": [
+    {
+      "title": "Avada SEO Suite",
+      "description": "Boost your store's SEO",
+      "image": "https://example.com/icon.png",
+      "url": "https://apps.shopify.com/avada-seo-suite",
+      "actionLabel": "Install Now",
+      "key": "seo"
+    }
+  ],
+  "appOutSide": [],
+  "settingApp": {
+    "seoon": {
+      "homePage": ["avada-seo-suite", "seoon-blog"],
+      "settingsPage": ["ai-product-copy"]
+    }
+  }
+}
+```
+
+With this approach, you can manage banner configurations for different apps and pages from a single JSON file.
+
+**Key Mapping Reference:**
+
+The `key` field in JSON must match these values:
+
+| App ID (appIds)      | JSON Key (key)      |
+| -------------------- | ------------------- |
+| `avada-seo-suite`    | `seo`               |
+| `seoon-blog`         | `blog`              |
+| `ai-product-copy`    | `aiCopy`            |
+| `ap-speed-optimizer` | `plaza`             |
+| `joy-loyalty`        | `joy-loyalty`       |
+| `chatty-ai`          | `chatty-ai`         |
+| `gem-pages-landing`  | `gem-pages-landing` |
+
 #### Props
 
-| Prop                   | Type          | Required | Default     | Description                                                      |
-| ---------------------- | ------------- | -------- | ----------- | ---------------------------------------------------------------- |
-| `shopDomain`           | `string`      | Yes      | -           | The Shopify domain of the store (e.g., 'my-store.myshopify.com') |
-| `clickInstallCallback` | `() => void`  | No       | -           | Callback function triggered when user clicks the install button  |
-| `appIds`               | `AppIdKeys[]` | No       | All apps    | Array of app IDs to display in priority order                    |
-| `urlJson`              | `string`      | No       | Default URL | Custom URL to fetch banner data from                             |
+The component accepts different prop combinations depending on the configuration method:
+
+**Common Props (all methods):**
+
+| Prop                   | Type         | Required | Default | Description                                                      |
+| ---------------------- | ------------ | -------- | ------- | ---------------------------------------------------------------- |
+| `shopDomain`           | `string`     | Yes      | -       | The Shopify domain of the store (e.g., 'my-store.myshopify.com') |
+| `clickInstallCallback` | `() => void` | No       | -       | Callback function triggered when user clicks the install button  |
+| `urlJson`              | `string`     | No       | -       | URL to fetch banner data from                                    |
+
+**Legacy Method Props:**
+
+| Prop     | Type          | Required | Description                                   |
+| -------- | ------------- | -------- | --------------------------------------------- |
+| `appIds` | `AppIdKeys[]` | Yes      | Array of app IDs to display in priority order |
+
+**Dynamic Method Props:**
+
+| Prop       | Type     | Required | Description                                                          |
+| ---------- | -------- | -------- | -------------------------------------------------------------------- |
+| `appName`  | `string` | Yes      | App name to lookup in JSON config (e.g., 'seoon', 'email-marketing') |
+| `position` | `string` | Yes      | Page position identifier (e.g., 'homePage', 'settingsPage')          |
+
+> **Note:** You can only use **one** configuration method at a time. TypeScript will prevent you from mixing methods.
 
 #### Available App IDs
 
-You can specify which apps to promote using the `appIds` prop:
+You can specify which apps to promote using the `appIds` prop (Legacy Method):
 
 ```tsx
 // SEOon Suite Apps
@@ -90,14 +175,46 @@ const OTHER_APPS = [
 <CrossAppBanner shopDomain="store.myshopify.com" appIds={['avada-seo-suite', 'ai-product-copy']} />;
 ```
 
+#### Which Method Should You Use?
+
+**Use Default Method when:**
+
+- You want to show all available apps
+- Simple implementation with no customization needed
+- Quick integration for testing
+
+**Use Legacy Method when:**
+
+- You need app-specific customization in code
+- Different apps need different configurations
+- You prefer code-based configuration over JSON
+
+**Use Dynamic Method when:** ⭐ **Recommended**
+
+- Managing multiple apps from your organization
+- Need to update configurations without redeploying code
+- Different pages/sections need different app promotions
+- Want centralized configuration management
+- A/B testing different app combinations
+
 #### How It Works
 
-1. **Priority Check**: The component checks each app in the `appIds` array in order
-2. **Installation Status**: For each app, it verifies if it's already installed on the store
+##### Default & Legacy Methods:
+
+1. **App Selection**: Uses provided `appIds` or defaults to all available apps
+2. **Installation Check**: Checks each app in priority order
 3. **Display Logic**: Shows the first non-installed, non-dismissed app
 4. **Loading State**: Displays a skeleton loader while fetching data
-5. **Dismissal**: Users can dismiss the banner, and it won't show again on that page
-6. **Persistence**: Dismissed state is saved in localStorage per page
+5. **Dismissal**: Users can dismiss the banner (saved in localStorage)
+
+##### Dynamic Method:
+
+1. **Fetch Configuration**: Loads JSON from `urlJson`
+2. **Lookup Config**: Finds apps using `settingApp[appName][position]`
+3. **Get App List**: Retrieves the configured app IDs for that location
+4. **Installation Check**: Checks each app in the configured order
+5. **Display Logic**: Shows the first non-installed, non-dismissed app
+6. **Flexibility**: Change displayed apps by updating the JSON file (no code changes needed)
 
 #### Styling
 
@@ -155,21 +272,33 @@ function App() {
 
 ## TypeScript Support
 
-This package is written in TypeScript and includes full type definitions. You'll get complete type safety when using the components:
+This package is written in TypeScript and includes full type definitions with strict type safety:
 
 ```tsx
 import { CrossAppBanner, type CrossAppBannerProps, type AppIdKeys } from 'avada-components-seoon';
 
-// Props will be type-checked
-const props: CrossAppBannerProps = {
+// Legacy method - type checked
+const legacyProps: CrossAppBannerProps = {
   shopDomain: 'my-store.myshopify.com',
   appIds: ['avada-seo-suite', 'ai-product-copy'],
   clickInstallCallback: () => console.log('Clicked'),
 };
 
-function App() {
-  return <CrossAppBanner {...props} />;
-}
+// Dynamic method - type checked
+const dynamicProps: CrossAppBannerProps = {
+  shopDomain: 'my-store.myshopify.com',
+  appName: 'seoon',
+  position: 'homePage',
+  urlJson: 'https://cdn.example.com/banner.json',
+};
+
+// TypeScript will prevent invalid combinations
+const invalidProps: CrossAppBannerProps = {
+  shopDomain: 'my-store.myshopify.com',
+  appIds: ['avada-seo-suite'],
+  appName: 'seoon', // ❌ Error: Cannot use both methods
+  position: 'homePage',
+};
 
 // Use type helpers
 const myApps: AppIdKeys[] = ['avada-seo-suite', 'seoon-blog'];
@@ -177,21 +306,59 @@ const myApps: AppIdKeys[] = ['avada-seo-suite', 'seoon-blog'];
 
 ## Examples
 
-### Show Only Specific Apps
+### Example 1: Default Configuration
+
+Show all available apps with default priority:
+
+```tsx
+<CrossAppBanner shopDomain="store.myshopify.com" />
+```
+
+### Example 2: Legacy Method - Specific Apps
+
+Show only specific apps in a custom order:
 
 ```tsx
 <CrossAppBanner shopDomain="store.myshopify.com" appIds={['avada-seo-suite', 'ai-product-copy']} />
 ```
 
-### With Analytics Tracking
+### Example 3: Dynamic Method - Different Pages
+
+Configure different banners for different pages using JSON:
+
+```tsx
+// Home page
+<CrossAppBanner
+  shopDomain="store.myshopify.com"
+  appName="seoon"
+  position="homePage"
+  urlJson="https://cdn.example.com/bannerSeoApp.json"
+/>
+
+// Settings page
+<CrossAppBanner
+  shopDomain="store.myshopify.com"
+  appName="seoon"
+  position="settingsPage"
+  urlJson="https://cdn.example.com/bannerSeoApp.json"
+/>
+```
+
+### Example 4: With Analytics Tracking
+
+Track user interactions:
 
 ```tsx
 <CrossAppBanner
   shopDomain="store.myshopify.com"
+  appName="seoon"
+  position="homePage"
+  urlJson="https://cdn.example.com/bannerSeoApp.json"
   clickInstallCallback={() => {
     // Track to Google Analytics
     gtag('event', 'cross_app_banner_click', {
-      app_name: 'cross-promotion',
+      app_name: 'seoon',
+      position: 'homePage',
     });
 
     // Track to custom analytics
@@ -200,10 +367,41 @@ const myApps: AppIdKeys[] = ['avada-seo-suite', 'seoon-blog'];
 />
 ```
 
-### Custom Banner Data Source
+### Example 5: Multi-App Environment
+
+Use dynamic configuration for multiple apps:
+
+```json
+{
+  "settingApp": {
+    "seoon": {
+      "homePage": ["avada-seo-suite", "seoon-blog"],
+      "settingsPage": ["ai-product-copy"]
+    },
+    "email-marketing": {
+      "homePage": ["joy-loyalty", "chatty-ai"],
+      "campaignPage": ["gem-pages-landing"]
+    }
+  }
+}
+```
 
 ```tsx
-<CrossAppBanner shopDomain="store.myshopify.com" urlJson="https://cdn.example.com/custom-banners.json" />
+// In SEO app
+<CrossAppBanner
+  shopDomain="store.myshopify.com"
+  appName="seoon"
+  position="homePage"
+  urlJson="https://cdn.example.com/bannerSeoApp.json"
+/>
+
+// In Email Marketing app
+<CrossAppBanner
+  shopDomain="store.myshopify.com"
+  appName="email-marketing"
+  position="homePage"
+  urlJson="https://cdn.example.com/bannerSeoApp.json"
+/>
 ```
 
 ## Contributing

package/dist/components/CrossAppBanner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CrossAppBanner/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EACL,mBAAmB,EAGnB,uBAAuB,EAIxB,MAAM,SAAS,CAAC;AASjB,OAAO,cAAc,CAAC;AAEtB,eAAO,MAAM,cAAc,EAAE,uBAoH5B,CAAC;;AAEF,wBAA0C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CrossAppBanner/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EACL,mBAAmB,EAGnB,uBAAuB,EAIxB,MAAM,SAAS,CAAC;AASjB,OAAO,cAAc,CAAC;AAEtB,eAAO,MAAM,cAAc,EAAE,uBAsJ5B,CAAC;;AAEF,wBAA0C"}

package/dist/components/CrossAppBanner/index.js

@@ -3,19 +3,31 @@ import React, { useEffect, useState } from 'react';
 import { isEmpty } from '../../helpers/isEmpty';
 import useFetchBannerData from '../../hooks/useFetchBannerData';
 import { useCheckAppInstalled } from '../../hooks/useCheckAppInstalled';
-import { APP_IDS, APP_ID_KEYS, APP_ID_KEYS_OUT_SIDE_SEO, } from './types';
+import { APP_IDS, APP_ID_KEYS, } from './types';
 import { createInitialDismissedState, createInitialInstalledState, getStorageKey, checkIfAppInstalled, } from './helpers';
 import { BannerLoadingSkeleton } from './BannerLoadingSkeleton';
 import { BannerCard } from './BannerCard';
 import './index.scss';
-export const CrossAppBanner = ({ shopDomain, clickInstallCallback, appIds = APP_ID_KEYS, urlJson = '', }) => {
+export const CrossAppBanner = ({ shopDomain, clickInstallCallback, appIds: propAppIds, urlJson = '', appName, position, }) => {
     const { bannerData, isLoadingBannerData } = useFetchBannerData({ url: urlJson });
+    const getAppIdsFromConfig = () => {
+        if (appName && position && bannerData?.settingApp?.[appName]?.[position]) {
+            return bannerData.settingApp[appName][position];
+        }
+        return propAppIds ?? APP_ID_KEYS;
+    };
+    const [resolvedAppIds, setResolvedAppIds] = useState(propAppIds ?? APP_ID_KEYS);
     const [isBannerDismissed, setIsBannerDismissed] = useState(false);
     const [dismissedApps, setDismissedApps] = useState(createInitialDismissedState());
     const [currentPriorityIndex, setCurrentPriorityIndex] = useState(0);
     const [installedApps, setInstalledApps] = useState(createInitialInstalledState());
     const [foundNonInstalledApp, setFoundNonInstalledApp] = useState(false);
-    const hasOutsideSeoApps = appIds.some(appId => APP_ID_KEYS_OUT_SIDE_SEO.includes(appId));
+    useEffect(() => {
+        const newAppIds = getAppIdsFromConfig();
+        setResolvedAppIds(newAppIds);
+    }, [bannerData, appName, position, propAppIds]);
+    const appIds = resolvedAppIds;
+    const hasOutsideSeoApps = appIds.some(appId => bannerData?.appOutSide?.some(app => app.key === appId));
     // Load dismissed apps from localStorage
     useEffect(() => {
         const dismissed = createInitialDismissedState();
@@ -55,18 +67,31 @@ export const CrossAppBanner = ({ shopDomain, clickInstallCallback, appIds = APP_
     const getFirstNonInstalledApp = () => {
         if (isBannerDismissed || isEmpty(bannerData) || isLoadingBannerData)
             return null;
-        if (hasOutsideSeoApps) {
-            const outsideSeoApp = appIds.find(appKey => APP_ID_KEYS_OUT_SIDE_SEO.includes(appKey) && !dismissedApps[appKey]);
-            if (outsideSeoApp && bannerData.appOutSide?.length) {
-                return bannerData.appOutSide.find(app => app.key === outsideSeoApp) ?? null;
+        const firstNonDismissedApp = appIds.find(appKey => !dismissedApps[appKey]);
+        if (!firstNonDismissedApp)
+            return null;
+        if (bannerData.appOutSide?.length) {
+            const outsideApp = bannerData.appOutSide.find(app => app.key === firstNonDismissedApp);
+            if (outsideApp)
+                return outsideApp;
+        }
+        if (bannerData.appSeoon?.length) {
+            const seoApp = bannerData.appSeoon.find(app => {
+                if (app.key === firstNonDismissedApp)
+                    return true;
+                const mappedKey = APP_IDS[firstNonDismissedApp];
+                return mappedKey && app.key === mappedKey;
+            });
+            if (seoApp) {
+                const mappedKey = APP_IDS[firstNonDismissedApp];
+                if (mappedKey && installedApps[mappedKey]) {
+                    setDismissedApps(prev => ({ ...prev, [firstNonDismissedApp]: true }));
+                    return null;
+                }
+                return seoApp;
             }
         }
-        const priorityApp = appIds.find((appKey) => {
-            return !installedApps[APP_IDS[appKey]] && !dismissedApps[appKey];
-        });
-        if (!priorityApp || !bannerData.appSeoon)
-            return null;
-        return bannerData.appSeoon.find(app => APP_IDS[priorityApp] === app.key) ?? null;
+        return null;
     };
     if (isLoadingBannerData || isCheckingInstalled) {
         return _jsx(BannerLoadingSkeleton, {});
@@ -76,10 +101,14 @@ export const CrossAppBanner = ({ shopDomain, clickInstallCallback, appIds = APP_
         return null;
     }
     console.log('%c[Avada]%c Banner SEOon!', 'color: white; background: linear-gradient(90deg, #B7ECF5, #4CC9F0); padding: 2px 6px; border-radius: 4px;', 'color: #333; font-weight: bold;');
-    const currentAppIdToShow = hasOutsideSeoApps
-        ? appToShow.key
-        : Object.entries(APP_IDS).find(([_, value]) => value === appToShow.key)?.[0];
-    return (_jsx(_Fragment, { children: _jsx(BannerCard, { app: appToShow, appId: currentAppIdToShow, isOutsideApp: hasOutsideSeoApps, onDismiss: handleDismiss, onInstallClick: clickInstallCallback }) }));
+    const currentAppIdToShow = appIds.find(appId => {
+        if (appId === appToShow.key)
+            return true;
+        const mappedKey = APP_IDS[appId];
+        return mappedKey === appToShow.key;
+    });
+    const isCurrentAppOutside = bannerData?.appOutSide?.some(app => app.key === appToShow.key) ?? false;
+    return (_jsx(_Fragment, { children: _jsx(BannerCard, { app: appToShow, appId: currentAppIdToShow, isOutsideApp: isCurrentAppOutside, onDismiss: handleDismiss, onInstallClick: clickInstallCallback }) }));
 };
 export default React.memo(CrossAppBanner);
 //# sourceMappingURL=index.js.map

package/dist/components/CrossAppBanner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CrossAppBanner/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CrossAppBanner/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/CrossAppBanner/types.d.ts

@@ -42,17 +42,38 @@ export interface CheckInstalledResponse {
     userType?: string;
     appId?: AppIdKeys;
 }
-export interface CrossAppBannerProps {
+interface BaseCrossAppBannerProps {
     /** The shop domain to check app installation status */
     shopDomain: string;
     /** Callback function when user clicks install button */
     clickInstallCallback?: () => void;
     /** Custom content for the install button */
     buttonContent?: string;
-    /** List of app IDs to check in priority order */
-    appIds?: AppIdKeys[];
+    /** URL to fetch banner JSON configuration */
     urlJson?: string;
 }
+/** Legacy configuration with explicit appIds */
+interface LegacyCrossAppBannerProps extends BaseCrossAppBannerProps {
+    /** List of app IDs to check in priority order */
+    appIds: AppIdKeys[];
+    appName?: never;
+    position?: never;
+}
+/** New configuration with dynamic appName + position from JSON */
+interface DynamicCrossAppBannerProps extends BaseCrossAppBannerProps {
+    /** App name for dynamic configuration (e.g., 'seoon', 'email-marketing') */
+    appName: string;
+    /** Position/page name for dynamic configuration (e.g., 'homePage', 'settingsPage') */
+    position: string;
+    appIds?: never;
+}
+/** Default configuration (no appIds, no appName/position) */
+interface DefaultCrossAppBannerProps extends BaseCrossAppBannerProps {
+    appIds?: never;
+    appName?: never;
+    position?: never;
+}
+export type CrossAppBannerProps = LegacyCrossAppBannerProps | DynamicCrossAppBannerProps | DefaultCrossAppBannerProps;
 /**
  * CrossAppBanner Component Type
  *
@@ -61,23 +82,27 @@ export interface CrossAppBannerProps {
  *
  * @example
  * ```tsx
- * // Basic usage
+ * // Default usage (uses all apps from APP_ID_KEYS)
  * <CrossAppBanner
  *   shopDomain="your-store.myshopify.com"
  * />
  *
- * // With custom callbacks
+ * // Legacy method: with explicit appIds
  * <CrossAppBanner
  *   shopDomain="your-store.myshopify.com"
+ *   appIds={['avada-seo-suite', 'ai-product-copy']}
  *   clickInstallCallback={() => console.log('Install clicked')}
  * />
  *
- * // With specific apps to check
+ * // New method: with dynamic config from JSON
  * <CrossAppBanner
  *   shopDomain="your-store.myshopify.com"
- *   appIds={['avada-seo-suite', 'ai-product-copy']}
+ *   appName="seoon"
+ *   position="homePage"
+ *   urlJson="https://example.com/banner.json"
  * />
  * ```
  */
 export type CrossAppBannerComponent = React.FC<CrossAppBannerProps>;
+export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/CrossAppBanner/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/CrossAppBanner/types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,oBAAoB,CAAC;AACzC,eAAO,MAAM,QAAQ,eAAe,CAAC;AACrC,eAAO,MAAM,mBAAmB,oBAAoB,CAAC;AACrD,eAAO,MAAM,mBAAmB,uBAAuB,CAAC;AAExD,eAAO,MAAM,eAAe,gBAAgB,CAAC;AAC7C,eAAO,MAAM,UAAU,cAAc,CAAC;AACtC,eAAO,MAAM,qBAAqB,sBAAsB,CAAC;AAEzD,eAAO,MAAM,WAAW,UAQvB,CAAC;AACF,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAErD,eAAO,MAAM,wBAAwB,UAAuD,CAAC;AAE7F;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GACnB,KAAK,GACL,MAAM,GACN,QAAQ,GACR,OAAO,GACP,OAAO,eAAe,GACtB,OAAO,UAAU,GACjB,OAAO,qBAAqB,CAAC;AAEjC;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,SAAS,EAAE,WAAW,CAQlD,CAAC;AAEF;;;;;GAKG;AACH,MAAM,WAAW,sBAAsB;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,mBAAmB;IAClC,uDAAuD;IACvD,UAAU,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,4CAA4C;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iDAAiD;IACjD,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/CrossAppBanner/types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,oBAAoB,CAAC;AACzC,eAAO,MAAM,QAAQ,eAAe,CAAC;AACrC,eAAO,MAAM,mBAAmB,oBAAoB,CAAC;AACrD,eAAO,MAAM,mBAAmB,uBAAuB,CAAC;AAExD,eAAO,MAAM,eAAe,gBAAgB,CAAC;AAC7C,eAAO,MAAM,UAAU,cAAc,CAAC;AACtC,eAAO,MAAM,qBAAqB,sBAAsB,CAAC;AAEzD,eAAO,MAAM,WAAW,UAQvB,CAAC;AACF,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAErD,eAAO,MAAM,wBAAwB,UAAuD,CAAC;AAE7F;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GACnB,KAAK,GACL,MAAM,GACN,QAAQ,GACR,OAAO,GACP,OAAO,eAAe,GACtB,OAAO,UAAU,GACjB,OAAO,qBAAqB,CAAC;AAEjC;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,SAAS,EAAE,WAAW,CAQlD,CAAC;AAEF;;;;;GAKG;AACH,MAAM,WAAW,sBAAsB;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,UAAU,uBAAuB;IAC/B,uDAAuD;IACvD,UAAU,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,4CAA4C;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,gDAAgD;AAChD,UAAU,yBAA0B,SAAQ,uBAAuB;IACjE,iDAAiD;IACjD,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AAED,kEAAkE;AAClE,UAAU,0BAA2B,SAAQ,uBAAuB;IAClE,4EAA4E;IAC5E,OAAO,EAAE,MAAM,CAAC;IAChB,sFAAsF;IACtF,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC;CAChB;AAED,6DAA6D;AAC7D,UAAU,0BAA2B,SAAQ,uBAAuB;IAClE,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AAED,MAAM,MAAM,mBAAmB,GAC3B,yBAAyB,GACzB,0BAA0B,GAC1B,0BAA0B,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC"}

package/dist/hooks/useFetchBannerData.d.ts

@@ -9,6 +9,11 @@ export interface AppBannerItem {
 export interface BannerSeoAppData {
     appSeoon: AppBannerItem[];
     appOutSide: AppBannerItem[];
+    settingApp?: {
+        [appName: string]: {
+            [position: string]: string[];
+        };
+    };
 }
 interface UseFetchBannerDataOptions {
     url?: string;

package/dist/hooks/useFetchBannerData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFetchBannerData.d.ts","sourceRoot":"","sources":["../../src/hooks/useFetchBannerData.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,UAAU,EAAE,aAAa,EAAE,CAAC;CAC7B;AAED,UAAU,yBAAyB;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,wBAAwB;IAChC,UAAU,EAAE,gBAAgB,CAAC;IAC7B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,MAAM,OAAO,CAAC,gBAAgB,GAAG,SAAS,CAAC,CAAC;CAChE;AAID,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,GAAQ,EACR,QAAe,GAChB,GAAE,yBAA8B,GAAG,wBAAwB,CA6B3D"}
+{"version":3,"file":"useFetchBannerData.d.ts","sourceRoot":"","sources":["../../src/hooks/useFetchBannerData.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE;QACX,CAAC,OAAO,EAAE,MAAM,GAAG;YACjB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;SAC9B,CAAC;KACH,CAAC;CACH;AAED,UAAU,yBAAyB;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,wBAAwB;IAChC,UAAU,EAAE,gBAAgB,CAAC;IAC7B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,MAAM,OAAO,CAAC,gBAAgB,GAAG,SAAS,CAAC,CAAC;CAChE;AAID,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,GAAQ,EACR,QAAe,GAChB,GAAE,yBAA8B,GAAG,wBAAwB,CA8B3D"}

package/dist/hooks/useFetchBannerData.js

@@ -18,8 +18,9 @@ export default function useFetchBannerData({ url = '', initLoad = true, } = {})
         dedupingInterval: TEN_MINUTES,
         focusThrottleInterval: TEN_MINUTES,
     });
+    console.log(data);
     return {
-        bannerData: data ?? { appSeoon: [], appOutSide: [] },
+        bannerData: data ?? { appSeoon: [], appOutSide: [], settingApp: {} },
         isLoadingBannerData: isLoading,
         fetchError: error,
         refetchBannerData: () => mutate(),

package/dist/hooks/useFetchBannerData.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFetchBannerData.js","sourceRoot":"","sources":["../../src/hooks/useFetchBannerData.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,KAAK,CAAC;AA4BzB,MAAM,WAAW,GAAG,MAAM,CAAC;AAE3B,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,GAAG,GAAG,EAAE,EACR,QAAQ,GAAG,IAAI,MACc,EAAE;IAC/B,MAAM,MAAM,GAAG,QAAQ,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IAE5C,MAAM,OAAO,GAAG,KAAK,EAAE,QAAgB,EAA6B,EAAE;QACpE,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,QAAQ,CAAC,CAAC;QAEvC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,uBAAuB,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;QAC5D,CAAC;QAED,MAAM,YAAY,GAAqB,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;QAC7D,OAAO,YAAY,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,CAAmB,MAAM,EAAE,OAAO,EAAE;QACnF,iBAAiB,EAAE,KAAK;QACxB,qBAAqB,EAAE,KAAK;QAC5B,iBAAiB,EAAE,KAAK;QACxB,kBAAkB,EAAE,KAAK;QACzB,gBAAgB,EAAE,WAAW;QAC7B,qBAAqB,EAAE,WAAW;KACnC,CAAC,CAAC;IAEH,OAAO;QACL,UAAU,EAAE,IAAI,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE;QACpD,mBAAmB,EAAE,SAAS;QAC9B,UAAU,EAAE,KAAK;QACjB,iBAAiB,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE;KAClC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"useFetchBannerData.js","sourceRoot":"","sources":["../../src/hooks/useFetchBannerData.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,KAAK,CAAC;AAiCzB,MAAM,WAAW,GAAG,MAAM,CAAC;AAE3B,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,GAAG,GAAG,EAAE,EACR,QAAQ,GAAG,IAAI,MACc,EAAE;IAC/B,MAAM,MAAM,GAAG,QAAQ,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IAE5C,MAAM,OAAO,GAAG,KAAK,EAAE,QAAgB,EAA6B,EAAE;QACpE,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,QAAQ,CAAC,CAAC;QAEvC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,uBAAuB,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;QAC5D,CAAC;QAED,MAAM,YAAY,GAAqB,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;QAC7D,OAAO,YAAY,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,CAAmB,MAAM,EAAE,OAAO,EAAE;QACnF,iBAAiB,EAAE,KAAK;QACxB,qBAAqB,EAAE,KAAK;QAC5B,iBAAiB,EAAE,KAAK;QACxB,kBAAkB,EAAE,KAAK;QACzB,gBAAgB,EAAE,WAAW;QAC7B,qBAAqB,EAAE,WAAW;KACnC,CAAC,CAAC;IAEH,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAClB,OAAO;QACL,UAAU,EAAE,IAAI,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE;QACpE,mBAAmB,EAAE,SAAS;QAC9B,UAAU,EAAE,KAAK;QACjB,iBAAiB,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE;KAClC,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "avada-components-seoon",
-  "version": "1.0.29",
+  "version": "1.0.31",
   "type": "module",
   "description": "A collection of React components built with Shopify Polaris",
   "main": "dist/index.js",
@@ -45,7 +45,7 @@
     "react-circular-progressbar": "^2.2.0",
     "react-dom": "^18.0.0",
     "swr": "^2.3.6",
-    "uuidv4": "6.2.13"
+    "uuid": "^11.0.3"
   },
   "devDependencies": {
     "@google-cloud/translate": "8.0.2",