avada-components-seoon 1.0.27 → 1.0.29

package/README.md

@@ -14,6 +14,119 @@ npm install avada-components-seoon
 
 ## Components
 
+### CrossAppBanner
+
+A smart banner component that promotes other Avada apps to users. It automatically checks installation status and displays the highest priority non-installed app with a beautiful loading state.
+
+#### Features
+
+- ✨ Automatic installation status checking
+- 🎯 Priority-based app display
+- 💾 Remember dismissed banners per page
+- 🔄 Loading skeleton during data fetching
+- 📱 Responsive design with Shopify Polaris
+- 🎨 Modern UI with smooth animations
+
+#### Basic Usage
+
+```tsx
+import { CrossAppBanner } from 'avada-components-seoon';
+
+function App() {
+  return <CrossAppBanner shopDomain="your-store.myshopify.com" />;
+}
+```
+
+#### Advanced Usage
+
+```tsx
+import { CrossAppBanner } from 'avada-components-seoon';
+
+function App() {
+  return (
+    <CrossAppBanner
+      shopDomain="your-store.myshopify.com"
+      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"
+    />
+  );
+}
+```
+
+#### 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                             |
+
+#### Available App IDs
+
+You can specify which apps to promote using the `appIds` prop:
+
+```tsx
+// SEOon Suite Apps
+const SEOON_APPS = [
+  'avada-seo-suite', // Avada SEO Suite
+  'seoon-blog', // SEOon Blog
+  'ai-product-copy', // AI Product Copy Writer
+  'ap-speed-optimizer', // Speed Optimizer
+];
+
+// Other Avada Apps
+const OTHER_APPS = [
+  'joy-loyalty', // Joy Loyalty
+  'chatty-ai', // Chatty AI
+  'gem-pages-landing', // Gem Pages Landing
+];
+
+// Example: Only show SEO-related apps
+<CrossAppBanner shopDomain="store.myshopify.com" appIds={['avada-seo-suite', 'ai-product-copy']} />;
+```
+
+#### 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
+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
+
+#### Styling
+
+The component uses Shopify Polaris components and includes default styles. The banner automatically adapts to your Polaris theme.
+
+If you need custom styling, you can override the CSS classes:
+
+```css
+.AC-CrossAppBanner {
+  /* Custom styles */
+}
+
+.AC-CrossAppBanner__Thumbnail {
+  /* Customize thumbnail area */
+}
+
+.AC-CrossAppBanner__Content {
+  /* Customize content area */
+}
+
+.AC-CrossAppBanner__Install {
+  /* Customize install button area */
+}
+
+.AC-CrossAppBanner__Close {
+  /* Customize close button */
+}
+```
+
 ### SeoScore
 
 A component for displaying SEO performance metrics and issues for a Shopify store.
@@ -24,10 +137,9 @@ import { SeoScore } from 'avada-components-seoon';
 function App() {
   return (
     <SeoScore
-      type="widget" // or "banner"
+      type="widget"
       shop={{
         shopifyDomain: 'my-store.myshopify.com',
-        // other shop properties...
       }}
     />
   );
@@ -36,26 +148,62 @@ function App() {
 
 #### Props
 
-| Prop | Type                   | Required | Default    | Description                    |
-| ---- | ---------------------- | -------- | ---------- | ------------------------------ |
-| type | `'widget' \| 'banner'` | No       | `'widget'` | Display style of the SEO score |
-| shop | `Shop`                 | Yes      | -          | Shop information object        |
+| Prop   | Type                   | Required | Default    | Description                    |
+| ------ | ---------------------- | -------- | ---------- | ------------------------------ |
+| `type` | `'widget' \| 'banner'` | No       | `'widget'` | Display style of the SEO score |
+| `shop` | `Shop`                 | Yes      | -          | Shop information object        |
 
 ## TypeScript Support
 
-This package is written in TypeScript and includes type definitions. You'll get full type support when using the components:
+This package is written in TypeScript and includes full type definitions. You'll get complete type safety when using the components:
 
 ```tsx
-import { SeoScore, type SeoScoreProps } from 'avada-components-seoon';
+import { CrossAppBanner, type CrossAppBannerProps, type AppIdKeys } from 'avada-components-seoon';
 
 // Props will be type-checked
-const props: SeoScoreProps = {
-  type: 'widget',
+const props: CrossAppBannerProps = {
+  shopDomain: 'my-store.myshopify.com',
+  appIds: ['avada-seo-suite', 'ai-product-copy'],
+  clickInstallCallback: () => console.log('Clicked'),
 };
 
 function App() {
-  return <SeoScore {...props} />;
+  return <CrossAppBanner {...props} />;
 }
+
+// Use type helpers
+const myApps: AppIdKeys[] = ['avada-seo-suite', 'seoon-blog'];
+```
+
+## Examples
+
+### Show Only Specific Apps
+
+```tsx
+<CrossAppBanner shopDomain="store.myshopify.com" appIds={['avada-seo-suite', 'ai-product-copy']} />
+```
+
+### With Analytics Tracking
+
+```tsx
+<CrossAppBanner
+  shopDomain="store.myshopify.com"
+  clickInstallCallback={() => {
+    // Track to Google Analytics
+    gtag('event', 'cross_app_banner_click', {
+      app_name: 'cross-promotion',
+    });
+
+    // Track to custom analytics
+    analytics.track('Banner Install Clicked');
+  }}
+/>
+```
+
+### Custom Banner Data Source
+
+```tsx
+<CrossAppBanner shopDomain="store.myshopify.com" urlJson="https://cdn.example.com/custom-banners.json" />
 ```
 
 ## Contributing

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { AppBannerItem } from '../../hooks/useFetchBannerData';
+import { AppIdKeys } from './types';
+export interface BannerCardProps {
+    app: AppBannerItem;
+    appId: AppIdKeys;
+    isOutsideApp?: boolean;
+    onDismiss: (appId: AppIdKeys) => void;
+    onInstallClick?: () => void;
+}
+export declare const BannerCard: React.FC<BannerCardProps>;
+//# sourceMappingURL=BannerCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BannerCard.d.ts","sourceRoot":"","sources":["../../../src/components/CrossAppBanner/BannerCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,aAAa,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACtC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqChD,CAAC"}

package/dist/components/CrossAppBanner/BannerCard.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AppProvider, Button, LegacyCard, Text, Thumbnail } from '@shopify/polaris';
+import { XIcon } from '@shopify/polaris-icons';
+import { v4 as uuidV4 } from 'uuid';
+import { getUTMParams } from '../../helpers/getProxyEndPoint';
+export const BannerCard = ({ app, appId, isOutsideApp = false, onDismiss, onInstallClick, }) => {
+    const handleInstallClick = () => {
+        const url = isOutsideApp ? `${app.url}&utm_source=${getUTMParams(window.location.origin)}` : app.url;
+        window.open(`${url}&search_id=${uuidV4()}`);
+        onInstallClick?.();
+    };
+    return (_jsx(AppProvider, { i18n: {}, children: _jsx(LegacyCard, { sectioned: true, children: _jsxs("div", { className: "AC-CrossAppBanner", children: [_jsx("div", { className: "AC-CrossAppBanner__Thumbnail", children: _jsx(Thumbnail, { size: "small", source: app.image, alt: "" }) }), _jsxs("div", { className: "AC-CrossAppBanner__Content", children: [_jsx(Text, { variant: "headingMd", as: "strong", children: app.title }), _jsx("br", {}), _jsx("div", { dangerouslySetInnerHTML: { __html: app.description } })] }), _jsx("div", { className: "AC-CrossAppBanner__Install", children: _jsx(Button, { onClick: handleInstallClick, children: app.actionLabel }) }), _jsx("div", { className: "AC-CrossAppBanner__Close", children: _jsx(Button, { icon: XIcon, variant: "tertiary", onClick: () => onDismiss(appId) }) })] }) }) }));
+};
+//# sourceMappingURL=BannerCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BannerCard.js","sourceRoot":"","sources":["../../../src/components/CrossAppBanner/BannerCard.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAa,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC/F,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAY9D,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EACpD,GAAG,EACH,KAAK,EACL,YAAY,GAAG,KAAK,EACpB,SAAS,EACT,cAAc,GACf,EAAE,EAAE;IACH,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,MAAM,GAAG,GAAG,YAAY,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,eAAe,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;QACrG,MAAM,CAAC,IAAI,CAAC,GAAG,GAAG,cAAc,MAAM,EAAE,EAAE,CAAC,CAAC;QAC5C,cAAc,EAAE,EAAE,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,YACnB,KAAC,UAAU,IAAC,SAAS,kBACnB,eAAK,SAAS,EAAC,mBAAmB,aAChC,cAAK,SAAS,EAAC,8BAA8B,YAC3C,KAAC,SAAS,IAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAE,GAAG,CAAC,KAAK,EAAE,GAAG,EAAC,EAAE,GAAG,GAChD,EACN,eAAK,SAAS,EAAC,4BAA4B,aACzC,KAAC,IAAI,IAAC,OAAO,EAAC,WAAW,EAAC,EAAE,EAAC,QAAQ,YAClC,GAAG,CAAC,KAAK,GACL,EACP,cAAM,EACN,cAAK,uBAAuB,EAAE,EAAE,MAAM,EAAE,GAAG,CAAC,WAAW,EAAE,GAAI,IACzD,EACN,cAAK,SAAS,EAAC,4BAA4B,YACzC,KAAC,MAAM,IAAC,OAAO,EAAE,kBAAkB,YAAG,GAAG,CAAC,WAAW,GAAU,GAC3D,EACN,cAAK,SAAS,EAAC,0BAA0B,YACvC,KAAC,MAAM,IAAC,IAAI,EAAE,KAA4B,EAAE,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,GAAI,GAC9F,IACF,GACK,GACD,CACf,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const BannerLoadingSkeleton: React.FC;
+//# sourceMappingURL=BannerLoadingSkeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BannerLoadingSkeleton.d.ts","sourceRoot":"","sources":["../../../src/components/CrossAppBanner/BannerLoadingSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAuBzC,CAAC"}

package/dist/components/CrossAppBanner/BannerLoadingSkeleton.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AppProvider, LegacyCard, SkeletonBodyText, BlockStack, SkeletonDisplayText } from '@shopify/polaris';
+export const BannerLoadingSkeleton = () => {
+    return (_jsx(AppProvider, { i18n: {}, children: _jsx(LegacyCard, { sectioned: true, children: _jsxs("div", { className: "AC-CrossAppBanner", style: { padding: '4px 0px' }, children: [_jsx("div", { className: "AC-CrossAppBanner__Thumbnail", children: _jsx("div", { style: { width: '40px', height: '40px', background: '#f4f6f8', borderRadius: '8px' } }) }), _jsx("div", { className: "AC-CrossAppBanner__Content", children: _jsxs(BlockStack, { gap: "400", children: [_jsx("div", { style: { width: '160px' }, children: _jsx(SkeletonBodyText, { lines: 1 }) }), _jsx(SkeletonBodyText, { lines: 2 })] }) }), _jsx("div", { className: "AC-CrossAppBanner__Install", children: _jsx(SkeletonDisplayText, { size: "small" }) })] }) }) }));
+};
+//# sourceMappingURL=BannerLoadingSkeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BannerLoadingSkeleton.js","sourceRoot":"","sources":["../../../src/components/CrossAppBanner/BannerLoadingSkeleton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,gBAAgB,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE9G,MAAM,CAAC,MAAM,qBAAqB,GAAa,GAAG,EAAE;IAClD,OAAO,CACL,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,YACnB,KAAC,UAAU,IAAC,SAAS,kBACnB,eAAK,SAAS,EAAC,mBAAmB,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,aAC9D,cAAK,SAAS,EAAC,8BAA8B,YAC3C,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,GAAI,GACzF,EACN,cAAK,SAAS,EAAC,4BAA4B,YACzC,MAAC,UAAU,IAAC,GAAG,EAAC,KAAK,aACnB,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAC5B,KAAC,gBAAgB,IAAC,KAAK,EAAE,CAAC,GAAI,GAC1B,EACN,KAAC,gBAAgB,IAAC,KAAK,EAAE,CAAC,GAAI,IACnB,GACT,EACN,cAAK,SAAS,EAAC,4BAA4B,YACzC,KAAC,mBAAmB,IAAC,IAAI,EAAC,OAAO,GAAG,GAChC,IACF,GACK,GACD,CACf,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,22 @@
+import { AppIdKeys, AppIdValues, CheckInstalledResponse } from './types';
+/**
+ * Create initial dismissed state for all app IDs
+ */
+export declare const createInitialDismissedState: () => Record<AppIdKeys, boolean>;
+/**
+ * Create initial installed state for all app ID values
+ */
+export declare const createInitialInstalledState: () => Record<AppIdValues, boolean>;
+/**
+ * Get current page path from window location
+ */
+export declare const getCurrentPagePath: () => string;
+/**
+ * Generate storage key for dismissed banner
+ */
+export declare const getStorageKey: (appId: AppIdKeys) => string;
+/**
+ * Check if app is installed based on the response data
+ */
+export declare const checkIfAppInstalled: (currentAppId: AppIdKeys, data: CheckInstalledResponse) => boolean;
+//# sourceMappingURL=helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/CrossAppBanner/helpers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,sBAAsB,EAAwB,MAAM,SAAS,CAAC;AAE/F;;GAEG;AACH,eAAO,MAAM,2BAA2B,QAAO,MAAM,CAAC,SAAS,EAAE,OAAO,CAEvE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,2BAA2B,QAAO,MAAM,CAAC,WAAW,EAAE,OAAO,CAKzE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,QAAO,MAGrC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,OAAO,SAAS,KAAG,MAIhD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,cAAc,SAAS,EAAE,MAAM,sBAAsB,KAAG,OAG3F,CAAC"}

package/dist/components/CrossAppBanner/helpers.js

@@ -0,0 +1,37 @@
+import { getAppIdByOrigin } from '../../helpers/getProxyEndPoint';
+import { APP_IDS, APP_ID_KEYS } from './types';
+/**
+ * Create initial dismissed state for all app IDs
+ */
+export const createInitialDismissedState = () => {
+    return Object.fromEntries(APP_ID_KEYS.map(key => [key, false]));
+};
+/**
+ * Create initial installed state for all app ID values
+ */
+export const createInitialInstalledState = () => {
+    return Object.fromEntries(Object.values(APP_IDS).map(value => [value, false]));
+};
+/**
+ * Get current page path from window location
+ */
+export const getCurrentPagePath = () => {
+    const pathMatch = window.location.href.match(/https?:\/\/[^/]+(\/[^?]+)/);
+    return pathMatch ? pathMatch[1] : '';
+};
+/**
+ * Generate storage key for dismissed banner
+ */
+export const getStorageKey = (appId) => {
+    const pagePath = getCurrentPagePath();
+    const appOriginId = getAppIdByOrigin(window.location.origin);
+    return `cross-app-banner-dismissed-${appOriginId}-${pagePath}-${appId}`;
+};
+/**
+ * Check if app is installed based on the response data
+ */
+export const checkIfAppInstalled = (currentAppId, data) => {
+    const isSeoOrBlogApp = currentAppId === 'avada-seo-suite' || currentAppId === 'seoon-blog';
+    return isSeoOrBlogApp ? data.userType === 'user' : !!data.isInstalled;
+};
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/CrossAppBanner/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAkD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE/F;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAA+B,EAAE;IAC1E,OAAO,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAA+B,CAAC;AAChG,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAiC,EAAE;IAC5E,OAAO,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAG5E,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAW,EAAE;IAC7C,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC;IAC1E,OAAO,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AACvC,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAgB,EAAU,EAAE;IACxD,MAAM,QAAQ,GAAG,kBAAkB,EAAE,CAAC;IACtC,MAAM,WAAW,GAAG,gBAAgB,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC7D,OAAO,8BAA8B,WAAW,IAAI,QAAQ,IAAI,KAAK,EAAE,CAAC;AAC1E,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,YAAuB,EAAE,IAA4B,EAAW,EAAE;IACpG,MAAM,cAAc,GAAG,YAAY,KAAK,iBAAiB,IAAI,YAAY,KAAK,YAAY,CAAC;IAC3F,OAAO,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC;AACxE,CAAC,CAAC"}

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

@@ -1,39 +1,6 @@
 import React from 'react';
-import './index.scss';
 import { CrossAppBannerProps, CrossAppBannerComponent } from './types';
-/**
- * CrossAppBanner Component
- *
- * A banner component that displays promotional content for other Avada apps.
- * It checks the installation status of specified apps and shows the first non-installed app.
- * Each app can be dismissed independently.
- *
- * @example
- * ```tsx
- * // Basic usage
- * <CrossAppBanner
- *   shopDomain="your-store.myshopify.com"
- * />
- *
- * // With custom callbacks
- * <CrossAppBanner
- *   shopDomain="your-store.myshopify.com"
- *   clickInstallCallback={() => console.log('Install clicked')}
- * />
- *
- * // With specific apps to check
- * <CrossAppBanner
- *   shopDomain="your-store.myshopify.com"
- *   appIds={['avada-seo-suite', 'ai-product-copy']}
- * />
- * ```
- *
- * @param props - Component props
- * @param props.shopDomain - The shop domain to check app installation status
- * @param props.clickInstallCallback - Callback function when user clicks install button
- * @param props.appIds - List of app IDs to check in priority order, current support 'avada-seo-suite', 'seoon-blog', 'ai-product-copy', 'ap-speed-optimizer'
- * @returns JSX.Element | null
- */
+import './index.scss';
 export declare const CrossAppBanner: CrossAppBannerComponent;
 declare const _default: React.NamedExoticComponent<CrossAppBannerProps>;
 export default _default;

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":"AACA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAEhE,OAAO,cAAc,CAAC;AAYtB,OAAO,EAEL,mBAAmB,EAGnB,uBAAuB,EAIxB,MAAM,SAAS,CAAC;AAGjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,cAAc,EAAE,uBAmP5B,CAAC;;AACF,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,uBAoH5B,CAAC;;AAEF,wBAA0C"}

package/dist/components/CrossAppBanner/index.js

@@ -1,178 +1,85 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AppProvider, Button, LegacyCard, Text, Thumbnail } from '@shopify/polaris';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useEffect, useState } from 'react';
-import './index.scss';
-import { listCrossApps, listCrossAppsOutSideSeo } from '../../config/constants';
-import { getAppIdByOrigin, getCheckInstalledProxyUrl, getProxyAccessToken, getUTMParams, } from '../../helpers/getProxyEndPoint';
-import useFetchApi from '../../hooks/api/useFetchApi';
-import { XIcon } from '@shopify/polaris-icons';
-import { APP_IDS, APP_ID_KEYS, APP_ID_KEYS_OUT_SIDE_SEO, } from './types';
 import { isEmpty } from '../../helpers/isEmpty';
-/**
- * CrossAppBanner Component
- *
- * A banner component that displays promotional content for other Avada apps.
- * It checks the installation status of specified apps and shows the first non-installed app.
- * Each app can be dismissed independently.
- *
- * @example
- * ```tsx
- * // Basic usage
- * <CrossAppBanner
- *   shopDomain="your-store.myshopify.com"
- * />
- *
- * // With custom callbacks
- * <CrossAppBanner
- *   shopDomain="your-store.myshopify.com"
- *   clickInstallCallback={() => console.log('Install clicked')}
- * />
- *
- * // With specific apps to check
- * <CrossAppBanner
- *   shopDomain="your-store.myshopify.com"
- *   appIds={['avada-seo-suite', 'ai-product-copy']}
- * />
- * ```
- *
- * @param props - Component props
- * @param props.shopDomain - The shop domain to check app installation status
- * @param props.clickInstallCallback - Callback function when user clicks install button
- * @param props.appIds - List of app IDs to check in priority order, current support 'avada-seo-suite', 'seoon-blog', 'ai-product-copy', 'ap-speed-optimizer'
- * @returns JSX.Element | null
- */
-export const CrossAppBanner = ({ shopDomain, clickInstallCallback, appIds = APP_ID_KEYS, }) => {
+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 { 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 = '', }) => {
+    const { bannerData, isLoadingBannerData } = useFetchBannerData({ url: urlJson });
     const [isBannerDismissed, setIsBannerDismissed] = useState(false);
-    const [dismissedApps, setDismissedApps] = useState(Object.fromEntries(APP_ID_KEYS.map(key => [key, false])));
+    const [dismissedApps, setDismissedApps] = useState(createInitialDismissedState());
     const [currentPriorityIndex, setCurrentPriorityIndex] = useState(0);
-    const [installedApps, setInstalledApps] = useState(Object.fromEntries(Object.values(APP_IDS).map(value => [value, false])));
+    const [installedApps, setInstalledApps] = useState(createInitialInstalledState());
     const [foundNonInstalledApp, setFoundNonInstalledApp] = useState(false);
-    // Check if any appIds are from outside SEO apps
     const hasOutsideSeoApps = appIds.some(appId => APP_ID_KEYS_OUT_SIDE_SEO.includes(appId));
-    const getCurrentPagePath = () => {
-        const url = window.location.href;
-        const pathMatch = url.match(/https?:\/\/[^/]+(\/[^?]+)/);
-        return pathMatch ? pathMatch[1] : '';
-    };
-    const getStorageKey = (appId) => {
-        const pagePath = getCurrentPagePath();
-        const appOriginId = getAppIdByOrigin(window.location.origin);
-        return `cross-app-banner-dismissed-${appOriginId}-${pagePath}-${appId}`;
-    };
     // Load dismissed apps from localStorage
     useEffect(() => {
-        const loadDismissedApps = () => {
-            const dismissed = Object.fromEntries(APP_ID_KEYS.map(key => [key, false]));
-            appIds.forEach(appId => {
-                const storedDismissed = localStorage.getItem(getStorageKey(appId));
-                if (storedDismissed === 'true') {
-                    dismissed[appId] = true;
-                }
-            });
-            setDismissedApps(dismissed);
-        };
-        loadDismissedApps();
+        const dismissed = createInitialDismissedState();
+        appIds.forEach(appId => localStorage.getItem(getStorageKey(appId)) === 'true' && (dismissed[appId] = true));
+        setDismissedApps(dismissed);
     }, [appIds]);
     // Get current app to check based on priority
     const currentAppId = appIds[currentPriorityIndex];
-    const shouldCheckCurrentApp = currentAppId && !foundNonInstalledApp;
-    // Only check installation for current priority app
-    const { fetchApi, data, loading } = useFetchApi({
-        url: getCheckInstalledProxyUrl(currentAppId),
-        headers: {
-            'X-SEO-Access-Token': getProxyAccessToken(currentAppId),
-            'X-SEO-Shop-Domain': shopDomain,
-        },
-        initLoad: false,
-        initLoading: false,
-        keepPreviousData: false,
-        onSuccess: data => {
-            return {
-                ...data,
-                appId: currentAppId,
-            };
-        },
+    const shouldCheckCurrentApp = !!currentAppId && !foundNonInstalledApp;
+    const isDismissed = currentAppId ? localStorage.getItem(getStorageKey(currentAppId)) === 'true' : false;
+    const { installedData, isCheckingInstalled } = useCheckAppInstalled({
+        appId: currentAppId,
+        shopDomain,
+        shouldCheck: shouldCheckCurrentApp && !isDismissed,
     });
-    // Effect to check app installation
+    // Effect to handle installation check result
     useEffect(() => {
-        if (shouldCheckCurrentApp) {
-            const isDismissed = localStorage.getItem(getStorageKey(currentAppId)) === 'true';
-            if (!isDismissed) {
-                fetchApi();
-            }
-            else {
-                // If app is dismissed, move to next app
-                setCurrentPriorityIndex(prev => prev + 1);
-            }
+        if (!installedData || !shouldCheckCurrentApp || isDismissed)
+            return;
+        const isInstalled = checkIfAppInstalled(currentAppId, installedData);
+        setInstalledApps(prev => ({ ...prev, [APP_IDS[currentAppId]]: isInstalled }));
+        if (isInstalled) {
+            setCurrentPriorityIndex(prev => prev + 1);
+            return;
         }
-    }, [currentAppId, shouldCheckCurrentApp]);
-    // Effect to handle installation check result
+        setFoundNonInstalledApp(true);
+    }, [installedData, currentAppId, shouldCheckCurrentApp, isDismissed]);
     useEffect(() => {
-        if (!isEmpty(data) && data.appId === currentAppId && shouldCheckCurrentApp) {
-            const newInstalledApps = { ...installedApps };
-            const isInstalled = currentAppId === 'avada-seo-suite' || currentAppId === 'seoon-blog'
-                ? data.userType === 'user'
-                : !!data.isInstalled;
-            newInstalledApps[APP_IDS[currentAppId]] = isInstalled;
-            setInstalledApps(newInstalledApps);
-            if (isInstalled) {
-                setCurrentPriorityIndex(prev => prev + 1);
-            }
-            else {
-                setFoundNonInstalledApp(true);
-            }
+        if (isDismissed && shouldCheckCurrentApp) {
+            setCurrentPriorityIndex(prev => prev + 1);
         }
-    }, [data, currentAppId, shouldCheckCurrentApp]);
+    }, [isDismissed, shouldCheckCurrentApp]);
     const handleDismiss = (appId) => {
         localStorage.setItem(getStorageKey(appId), 'true');
         setIsBannerDismissed(true);
     };
-    const checking = loading;
     const getFirstNonInstalledApp = () => {
-        if (isBannerDismissed)
+        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) {
-                return listCrossAppsOutSideSeo.find(app => app.key === outsideSeoApp);
-            }
-        }
-        if (appIds.length > 0) {
-            const priorityApp = appIds.find(appKey => {
-                const key = appKey;
-                return !installedApps[APP_IDS[key]] && !dismissedApps[key];
-            });
-            if (priorityApp) {
-                return listCrossApps.find(app => APP_IDS[priorityApp] === app.key);
+            if (outsideSeoApp && bannerData.appOutSide?.length) {
+                return bannerData.appOutSide.find(app => app.key === outsideSeoApp) ?? null;
             }
         }
-        // If no priority apps or all priority apps are installed, find first non-installed app from listCrossApps
-        return listCrossApps.find(app => {
-            const appId = Object.entries(APP_IDS).find(([_, value]) => value === app.key)?.[0];
-            return (!installedApps[app.key] && !dismissedApps[appId] && appIds.includes(appId));
+        const priorityApp = appIds.find((appKey) => {
+            return !installedApps[APP_IDS[appKey]] && !dismissedApps[appKey];
         });
-    };
-    const appToShow = getFirstNonInstalledApp();
-    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;');
-    // Skip installation check for outside SEO apps
-    if (hasOutsideSeoApps) {
-        if (!appToShow || isBannerDismissed)
+        if (!priorityApp || !bannerData.appSeoon)
             return null;
-        const currentAppIdToShow = appToShow.key;
-        return (_jsx(AppProvider, { i18n: {}, children: _jsx(LegacyCard, { sectioned: true, children: _jsxs("div", { className: 'AC-CrossAppBanner', children: [_jsx("div", { className: 'AC-CrossAppBanner__Thumbnail', children: _jsx(Thumbnail, { size: "small", source: appToShow.image, alt: '' }) }), _jsxs("div", { className: 'AC-CrossAppBanner__Content', children: [_jsx(Text, { variant: "headingMd", as: "strong", children: appToShow.title }), _jsx("br", {}), appToShow.description] }), _jsx("div", { className: 'AC-CrossAppBanner__Install', children: _jsx(Button, { onClick: () => {
-                                    window.open(appToShow.url + `&utm_source=${getUTMParams(window.location.origin)}`);
-                                    if (clickInstallCallback)
-                                        clickInstallCallback();
-                                }, children: appToShow.actionLabel }) }), _jsx("div", { className: 'AC-CrossAppBanner__Close', children: _jsx(Button, { icon: XIcon, variant: "tertiary", onClick: () => handleDismiss(currentAppIdToShow) }) })] }) }) }));
+        return bannerData.appSeoon.find(app => APP_IDS[priorityApp] === app.key) ?? null;
+    };
+    if (isLoadingBannerData || isCheckingInstalled) {
+        return _jsx(BannerLoadingSkeleton, {});
     }
-    if (checking || !appToShow || isBannerDismissed || isEmpty(data))
+    const appToShow = getFirstNonInstalledApp();
+    if (!appToShow || isBannerDismissed || isEmpty(bannerData)) {
         return null;
-    const currentAppIdToShow = Object.entries(APP_IDS).find(([_, value]) => value === appToShow.key)?.[0];
-    return (_jsx(AppProvider, { i18n: {}, children: _jsx(LegacyCard, { sectioned: true, children: _jsxs("div", { className: 'AC-CrossAppBanner', children: [_jsx("div", { className: 'AC-CrossAppBanner__Thumbnail', children: _jsx(Thumbnail, { size: "small", source: appToShow.image, alt: '' }) }), _jsxs("div", { className: 'AC-CrossAppBanner__Content', children: [_jsx(Text, { variant: "headingMd", as: "strong", children: appToShow.title }), _jsx("br", {}), appToShow.description] }), _jsx("div", { className: 'AC-CrossAppBanner__Install', children: _jsx(Button, { onClick: () => {
-                                window.open(appToShow.url);
-                                if (clickInstallCallback)
-                                    clickInstallCallback();
-                            }, children: appToShow.actionLabel }) }), _jsx("div", { className: 'AC-CrossAppBanner__Close', children: _jsx(Button, { icon: XIcon, variant: "tertiary", onClick: () => handleDismiss(currentAppIdToShow) }) })] }) }) }));
+    }
+    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 }) }));
 };
 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,14 +42,6 @@ export interface CheckInstalledResponse {
     userType?: string;
     appId?: AppIdKeys;
 }
-/**
- * Props for the CrossAppBanner component
- * @interface CrossAppBannerProps
- * @property {string} shopDomain - The shop domain to check app installation status
- * @property {() => void} [clickInstallCallback] - Callback function when user clicks install button
- * @property {string} [buttonContent] - Custom content for the install button
- * @property {AppIdKeys[]} [appIds] - List of app IDs to check in priority order
- */
 export interface CrossAppBannerProps {
     /** The shop domain to check app installation status */
     shopDomain: string;
@@ -59,6 +51,7 @@ export interface CrossAppBannerProps {
     buttonContent?: string;
     /** List of app IDs to check in priority order */
     appIds?: AppIdKeys[];
+    urlJson?: string;
 }
 /**
  * CrossAppBanner Component Type

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;;;;;;;GAOG;AACH,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;CACtB;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,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"}

package/dist/hooks/useCheckAppInstalled.d.ts

@@ -0,0 +1,14 @@
+import { AppIdKeys, CheckInstalledResponse } from '../components/CrossAppBanner/types';
+interface UseCheckAppInstalledParams {
+    appId: AppIdKeys;
+    shopDomain: string;
+    shouldCheck: boolean;
+}
+interface UseCheckAppInstalledReturn {
+    installedData: CheckInstalledResponse | undefined;
+    isCheckingInstalled: boolean;
+    checkInstalledError: unknown;
+}
+export declare const useCheckAppInstalled: ({ appId, shopDomain, shouldCheck, }: UseCheckAppInstalledParams) => UseCheckAppInstalledReturn;
+export {};
+//# sourceMappingURL=useCheckAppInstalled.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCheckAppInstalled.d.ts","sourceRoot":"","sources":["../../src/hooks/useCheckAppInstalled.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAEvF,UAAU,0BAA0B;IAClC,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,0BAA0B;IAClC,aAAa,EAAE,sBAAsB,GAAG,SAAS,CAAC;IAClD,mBAAmB,EAAE,OAAO,CAAC;IAC7B,mBAAmB,EAAE,OAAO,CAAC;CAC9B;AAID,eAAO,MAAM,oBAAoB,GAAI,qCAIlC,0BAA0B,KAAG,0BAgC/B,CAAC"}

package/dist/hooks/useCheckAppInstalled.js

@@ -0,0 +1,35 @@
+import useSWR from 'swr';
+import { getCheckInstalledProxyUrl, getProxyAccessToken } from '../helpers/getProxyEndPoint';
+import { fetchAuthenticatedApi } from '../helpers/api';
+const THREE_MINUTES = 1800000;
+export const useCheckAppInstalled = ({ appId, shopDomain, shouldCheck, }) => {
+    const swrKey = shouldCheck
+        ? [
+            getCheckInstalledProxyUrl(appId),
+            {
+                'X-SEO-Access-Token': getProxyAccessToken(appId),
+                'X-SEO-Shop-Domain': shopDomain,
+            },
+            appId,
+        ]
+        : null;
+    const fetcher = async ([url, headers]) => {
+        const fetchApiInstance = fetchAuthenticatedApi();
+        const response = await fetchApiInstance(url, { headers });
+        return response.data;
+    };
+    const { data, isLoading, error } = useSWR(swrKey, fetcher, {
+        revalidateOnFocus: false,
+        revalidateOnReconnect: false,
+        revalidateIfStale: false,
+        shouldRetryOnError: false,
+        dedupingInterval: THREE_MINUTES,
+        focusThrottleInterval: THREE_MINUTES,
+    });
+    return {
+        installedData: data,
+        isCheckingInstalled: isLoading,
+        checkInstalledError: error,
+    };
+};
+//# sourceMappingURL=useCheckAppInstalled.js.map

package/dist/hooks/useCheckAppInstalled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCheckAppInstalled.js","sourceRoot":"","sources":["../../src/hooks/useCheckAppInstalled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,KAAK,CAAC;AACzB,OAAO,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAC7F,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAevD,MAAM,aAAa,GAAG,OAAO,CAAC;AAE9B,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,KAAK,EACL,UAAU,EACV,WAAW,GACgB,EAA8B,EAAE;IAC3D,MAAM,MAAM,GAAG,WAAW;QACxB,CAAC,CAAC;YACE,yBAAyB,CAAC,KAAK,CAAC;YAChC;gBACE,oBAAoB,EAAE,mBAAmB,CAAC,KAAK,CAAC;gBAChD,mBAAmB,EAAE,UAAU;aAChC;YACD,KAAK;SACN;QACH,CAAC,CAAC,IAAI,CAAC;IAET,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC,GAAG,EAAE,OAAO,CAAmC,EAAE,EAAE;QACzE,MAAM,gBAAgB,GAAG,qBAAqB,EAAE,CAAC;QACjD,MAAM,QAAQ,GAAG,MAAM,gBAAgB,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;QAC1D,OAAO,QAAQ,CAAC,IAAI,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,MAAM,CAAyB,MAAM,EAAE,OAAO,EAAE;QACjF,iBAAiB,EAAE,KAAK;QACxB,qBAAqB,EAAE,KAAK;QAC5B,iBAAiB,EAAE,KAAK;QACxB,kBAAkB,EAAE,KAAK;QACzB,gBAAgB,EAAE,aAAa;QAC/B,qBAAqB,EAAE,aAAa;KACrC,CAAC,CAAC;IAEH,OAAO;QACL,aAAa,EAAE,IAAI;QACnB,mBAAmB,EAAE,SAAS;QAC9B,mBAAmB,EAAE,KAAK;KAC3B,CAAC;AACJ,CAAC,CAAC"}

package/dist/hooks/useFetchBannerData.d.ts

@@ -0,0 +1,25 @@
+export interface AppBannerItem {
+    title: string;
+    description: string;
+    image: string;
+    url: string;
+    actionLabel: string;
+    key: string;
+}
+export interface BannerSeoAppData {
+    appSeoon: AppBannerItem[];
+    appOutSide: AppBannerItem[];
+}
+interface UseFetchBannerDataOptions {
+    url?: string;
+    initLoad?: boolean;
+}
+interface UseFetchBannerDataReturn {
+    bannerData: BannerSeoAppData;
+    isLoadingBannerData: boolean;
+    fetchError: unknown;
+    refetchBannerData: () => Promise<BannerSeoAppData | undefined>;
+}
+export default function useFetchBannerData({ url, initLoad, }?: UseFetchBannerDataOptions): UseFetchBannerDataReturn;
+export {};
+//# sourceMappingURL=useFetchBannerData.d.ts.map

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

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

package/dist/hooks/useFetchBannerData.js

@@ -0,0 +1,28 @@
+import useSWR from 'swr';
+const TEN_MINUTES = 600000;
+export default function useFetchBannerData({ url = '', initLoad = true, } = {}) {
+    const swrKey = initLoad && url ? url : null;
+    const fetcher = async (fetchUrl) => {
+        const response = await fetch(fetchUrl);
+        if (!response.ok) {
+            throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        const responseData = await response.json();
+        return responseData;
+    };
+    const { data, isLoading, error, mutate } = useSWR(swrKey, fetcher, {
+        revalidateOnFocus: false,
+        revalidateOnReconnect: false,
+        revalidateIfStale: false,
+        shouldRetryOnError: false,
+        dedupingInterval: TEN_MINUTES,
+        focusThrottleInterval: TEN_MINUTES,
+    });
+    return {
+        bannerData: data ?? { appSeoon: [], appOutSide: [] },
+        isLoadingBannerData: isLoading,
+        fetchError: error,
+        refetchBannerData: () => mutate(),
+    };
+}
+//# sourceMappingURL=useFetchBannerData.js.map

package/dist/hooks/useFetchBannerData.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "avada-components-seoon",
-  "version": "1.0.27",
+  "version": "1.0.29",
   "type": "module",
   "description": "A collection of React components built with Shopify Polaris",
   "main": "dist/index.js",
@@ -19,7 +19,8 @@
     "prepare": "yarn build",
     "build": "tsc && copyfiles -u 1 \"src/**/*.scss\" dist",
     "watch": "tsc --watch",
-    "dev": "nodemon --watch src -e ts,tsx,scss --exec \"yarn build\"",
+    "dev": "vite",
+    "dev:build": "nodemon --watch src -e ts,tsx,scss --exec \"yarn build\"",
     "clean": "rm -rf dist",
     "lint": "eslint . --ext .ts,.tsx",
     "lint:fix": "eslint . --ext .ts,.tsx --fix",
@@ -43,6 +44,7 @@
     "react": "^18.0.0",
     "react-circular-progressbar": "^2.2.0",
     "react-dom": "^18.0.0",
+    "swr": "^2.3.6",
     "uuidv4": "6.2.13"
   },
   "devDependencies": {
@@ -53,6 +55,7 @@
     "@types/react-redux": "^7.1.34",
     "@typescript-eslint/eslint-plugin": "^8.30.1",
     "@typescript-eslint/parser": "^8.30.1",
+    "@vitejs/plugin-react": "^5.1.0",
     "autoprefixer": "^10.4.18",
     "concurrently": "^8.2.2",
     "copyfiles": "^2.4.1",
@@ -68,7 +71,9 @@
     "postcss": "^8.4.35",
     "prettier": "^3.5.3",
     "sass": "^1.86.3",
-    "typescript": "^5.8.3"
+    "typescript": "^5.8.3",
+    "vite": "^7.1.12",
+    "vite-plugin-dts": "^4.5.4"
   },
   "peerDependencies": {
     "@shopify/polaris": "^13.0.0",