avada-components-seoon 2.2.0 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +13 -3
- package/dist/components/AdsBanner/AdsBannerCard.d.ts.map +1 -1
- package/dist/components/AdsBanner/AdsBannerCard.js +1 -2
- package/dist/components/AdsBanner/AdsBannerCard.js.map +1 -1
- package/dist/components/CrossAppBanner/BannerCard.d.ts +0 -5
- package/dist/components/CrossAppBanner/BannerCard.d.ts.map +1 -1
- package/dist/components/CrossAppBanner/BannerCard.js +9 -13
- package/dist/components/CrossAppBanner/BannerCard.js.map +1 -1
- package/dist/components/CrossAppBanner/BannerCarousel.d.ts +0 -6
- package/dist/components/CrossAppBanner/BannerCarousel.d.ts.map +1 -1
- package/dist/components/CrossAppBanner/BannerCarousel.js +2 -9
- package/dist/components/CrossAppBanner/BannerCarousel.js.map +1 -1
- package/dist/components/CrossAppBanner/BannerLoadingSkeleton.d.ts.map +1 -1
- package/dist/components/CrossAppBanner/BannerLoadingSkeleton.js +1 -2
- package/dist/components/CrossAppBanner/BannerLoadingSkeleton.js.map +1 -1
- package/dist/components/PageSpeed/index.d.ts.map +1 -1
- package/dist/components/PageSpeed/index.js +9 -21
- package/dist/components/PageSpeed/index.js.map +1 -1
- package/dist/components/PageSpeed/index.scss +9 -15
- package/package.json +3 -6
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Avada Components
|
|
2
2
|
|
|
3
|
-
A collection of React components built with Shopify Polaris for company-wide app usage.
|
|
3
|
+
A collection of React components built with Shopify Polaris web components (Polaris v2) for company-wide app usage.
|
|
4
4
|
|
|
5
5
|
## Installation
|
|
6
6
|
|
|
@@ -12,6 +12,16 @@ yarn add avada-components-seoon
|
|
|
12
12
|
npm install avada-components-seoon
|
|
13
13
|
```
|
|
14
14
|
|
|
15
|
+
### Requirement: Polaris web components (v3.0.0+)
|
|
16
|
+
|
|
17
|
+
From v3.0.0 the components render Polaris web components (`<s-button>`, `<s-section>`…) instead of `@shopify/polaris` React. Load the Polaris script once in your app's HTML, as Shopify recommends for App Home:
|
|
18
|
+
|
|
19
|
+
```html
|
|
20
|
+
<script src="https://cdn.shopify.com/shopifycloud/polaris-2.js"></script>
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
Apps still on `@shopify/polaris` React without this script should stay on `avada-components-seoon@^2`.
|
|
24
|
+
|
|
15
25
|
## Components
|
|
16
26
|
|
|
17
27
|
### CrossAppBanner
|
|
@@ -24,7 +34,7 @@ A smart banner component that promotes other Avada apps to users. It automatical
|
|
|
24
34
|
- 🎯 Priority-based app display
|
|
25
35
|
- 💾 Remember dismissed banners per page
|
|
26
36
|
- 🔄 Loading skeleton during data fetching
|
|
27
|
-
- 📱 Responsive design with Shopify Polaris
|
|
37
|
+
- 📱 Responsive design with Shopify Polaris web components
|
|
28
38
|
- 🎨 Modern UI with smooth animations
|
|
29
39
|
- 🔧 **Three configuration methods**: Default, Legacy (with appIds), and Dynamic (with JSON config)
|
|
30
40
|
|
|
@@ -218,7 +228,7 @@ const OTHER_APPS = [
|
|
|
218
228
|
|
|
219
229
|
#### Styling
|
|
220
230
|
|
|
221
|
-
The component uses Shopify Polaris components and includes default styles
|
|
231
|
+
The component uses Shopify Polaris web components and includes default styles, so it follows the admin theme loaded by `polaris-2.js`.
|
|
222
232
|
|
|
223
233
|
If you need custom styling, you can override the CSS classes:
|
|
224
234
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdsBannerCard.d.ts","sourceRoot":"","sources":["../../../src/components/AdsBanner/AdsBannerCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AdsBannerCard.d.ts","sourceRoot":"","sources":["../../../src/components/AdsBanner/AdsBannerCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAI7C,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4BtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { AppProvider, Button, Text } from '@shopify/polaris';
|
|
3
2
|
const DEFAULT_HEIGHT = '150px';
|
|
4
3
|
export const AdsBannerCard = ({ data, onInstallClick, height = DEFAULT_HEIGHT, }) => {
|
|
5
4
|
const handleInstallClick = () => {
|
|
6
5
|
window.open(data.url, '_blank');
|
|
7
6
|
onInstallClick?.(data.key);
|
|
8
7
|
};
|
|
9
|
-
return (_jsx(
|
|
8
|
+
return (_jsx("div", { className: "AC-AdsBanner__Card", style: { height }, children: _jsxs("div", { className: "AC-AdsBanner__CardContent", children: [_jsx("img", { src: data.image, alt: data.title, className: "AC-AdsBanner__Icon" }), _jsxs("div", { className: "AC-AdsBanner__Info", children: [_jsx("div", { className: "AC-AdsBanner__AppName", children: _jsx("s-text", { type: "strong", children: data.appName }) }), _jsx("div", { className: "AC-AdsBanner__Title", children: _jsx("s-text", { color: "subdued", children: data.title }) }), _jsx("div", { className: "AC-AdsBanner__ButtonGroup", children: _jsx("s-button", { onClick: handleInstallClick, children: data.actionLabel }) })] })] }) }));
|
|
10
9
|
};
|
|
11
10
|
export default AdsBannerCard;
|
|
12
11
|
//# sourceMappingURL=AdsBannerCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdsBannerCard.js","sourceRoot":"","sources":["../../../src/components/AdsBanner/AdsBannerCard.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"AdsBannerCard.js","sourceRoot":"","sources":["../../../src/components/AdsBanner/AdsBannerCard.tsx"],"names":[],"mappings":";AAGA,MAAM,cAAc,GAAG,OAAO,CAAC;AAE/B,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,IAAI,EACJ,cAAc,EACd,MAAM,GAAG,cAAc,GACxB,EAAE,EAAE;IACH,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;QAChC,cAAc,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,YACnD,eAAK,SAAS,EAAC,2BAA2B,aACxC,cAAK,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,EAAC,oBAAoB,GAAG,EACxE,eAAK,SAAS,EAAC,oBAAoB,aACjC,cAAK,SAAS,EAAC,uBAAuB,YACpC,iBAAQ,IAAI,EAAC,QAAQ,YAAE,IAAI,CAAC,OAAO,GAAU,GACzC,EACN,cAAK,SAAS,EAAC,qBAAqB,YAClC,iBAAQ,KAAK,EAAC,SAAS,YAAE,IAAI,CAAC,KAAK,GAAU,GACzC,EACN,cAAK,SAAS,EAAC,2BAA2B,YACxC,mBAAU,OAAO,EAAE,kBAAkB,YAAG,IAAI,CAAC,WAAW,GAAY,GAChE,IACF,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -10,10 +10,5 @@ export interface BannerCardProps {
|
|
|
10
10
|
locale?: string;
|
|
11
11
|
withCard?: boolean;
|
|
12
12
|
}
|
|
13
|
-
/**
|
|
14
|
-
* The card without its own AppProvider, so a caller rendering several of them
|
|
15
|
-
* (BannerCarousel) can wrap the whole set in a single provider.
|
|
16
|
-
*/
|
|
17
|
-
export declare const BannerCardContent: React.FC<BannerCardProps>;
|
|
18
13
|
export declare const BannerCard: React.FC<BannerCardProps>;
|
|
19
14
|
//# sourceMappingURL=BannerCard.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerCard.d.ts","sourceRoot":"","sources":["../../../src/components/CrossAppBanner/BannerCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BannerCard.d.ts","sourceRoot":"","sources":["../../../src/components/CrossAppBanner/BannerCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,aAAa,EAA0B,MAAM,gCAAgC,CAAC;AACvF,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;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyEhD,CAAC"}
|
|
@@ -1,24 +1,20 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { AppProvider, Button, LegacyCard, Text, Thumbnail } from '@shopify/polaris';
|
|
3
|
-
import { ExternalIcon, XIcon } from '@shopify/polaris-icons';
|
|
4
2
|
import { v4 as uuidV4 } from 'uuid';
|
|
5
3
|
import { getUTMParams } from '../../helpers/getProxyEndPoint';
|
|
6
4
|
import { resolveLocalizedString } from '../../hooks/useFetchBannerData';
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
*/
|
|
11
|
-
export const BannerCardContent = ({ app, appId, isOutsideApp = false, onDismiss, onInstallClick, locale = 'en', withCard = true, }) => {
|
|
5
|
+
export const BannerCard = ({ app, appId, isOutsideApp = false, onDismiss, onInstallClick, locale = 'en', withCard = true, }) => {
|
|
6
|
+
const title = resolveLocalizedString(app.title, locale);
|
|
7
|
+
const actionLabel = resolveLocalizedString(app.actionLabel, locale);
|
|
12
8
|
const handleInstallClick = () => {
|
|
13
9
|
const url = isOutsideApp ? `${app.url}&utm_source=${getUTMParams(window.location.origin)}` : app.url;
|
|
14
10
|
window.open(`${url}&search_id=${uuidV4()}`);
|
|
15
11
|
onInstallClick?.();
|
|
16
12
|
};
|
|
17
|
-
const
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
13
|
+
const closeButton = (_jsx("div", { className: "AC-CrossAppBanner__Close", children: _jsx("s-button", { icon: "x", variant: "tertiary", accessibilityLabel: "Dismiss", onClick: () => onDismiss(appId) }) }));
|
|
14
|
+
if (app.bannerImage) {
|
|
15
|
+
return (_jsxs("div", { className: "AC-CrossAppBanner AC-CrossAppBanner--Image", children: [_jsx("button", { type: "button", className: "AC-CrossAppBanner__Art", onClick: handleInstallClick, tabIndex: -1, "aria-hidden": "true", children: _jsx("img", { src: app.bannerImage, alt: "", loading: "lazy" }) }), _jsx("div", { className: "AC-CrossAppBanner__Cta", children: _jsx("s-button", { icon: "external", accessibilityLabel: `${actionLabel} — ${title}`, onClick: handleInstallClick, children: actionLabel }) }), closeButton] }));
|
|
16
|
+
}
|
|
17
|
+
const content = (_jsxs("div", { className: "AC-CrossAppBanner", children: [_jsx("div", { className: "AC-CrossAppBanner__Thumbnail", children: _jsx("s-thumbnail", { size: "small", src: app.image, alt: "" }) }), _jsxs("div", { className: "AC-CrossAppBanner__Content", children: [_jsx("s-heading", { children: title }), _jsx("div", { dangerouslySetInnerHTML: { __html: resolveLocalizedString(app.description, locale) } })] }), _jsx("div", { className: "AC-CrossAppBanner__Install", children: _jsx("s-button", { onClick: handleInstallClick, children: actionLabel }) }), closeButton] }));
|
|
18
|
+
return withCard ? (_jsx("s-box", { background: "base", border: "base", borderRadius: "large", padding: "base", children: content })) : (content);
|
|
22
19
|
};
|
|
23
|
-
export const BannerCard = props => (_jsx(AppProvider, { i18n: {}, children: _jsx(BannerCardContent, { ...props }) }));
|
|
24
20
|
//# sourceMappingURL=BannerCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerCard.js","sourceRoot":"","sources":["../../../src/components/CrossAppBanner/BannerCard.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"BannerCard.js","sourceRoot":"","sources":["../../../src/components/CrossAppBanner/BannerCard.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAiB,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAavF,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EACpD,GAAG,EACH,KAAK,EACL,YAAY,GAAG,KAAK,EACpB,SAAS,EACT,cAAc,EACd,MAAM,GAAG,IAAI,EACb,QAAQ,GAAG,IAAI,GAChB,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,sBAAsB,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACxD,MAAM,WAAW,GAAG,sBAAsB,CAAC,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IAEpE,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,MAAM,WAAW,GAAG,CAClB,cAAK,SAAS,EAAC,0BAA0B,YACvC,mBAAU,IAAI,EAAC,GAAG,EAAC,OAAO,EAAC,UAAU,EAAC,kBAAkB,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,GAAI,GAClG,CACP,CAAC;IAEF,IAAI,GAAG,CAAC,WAAW,EAAE,CAAC;QACpB,OAAO,CACL,eAAK,SAAS,EAAC,4CAA4C,aACzD,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAE,CAAC,CAAC,iBACA,MAAM,YAElB,cAAK,GAAG,EAAE,GAAG,CAAC,WAAW,EAAE,GAAG,EAAC,EAAE,EAAC,OAAO,EAAC,MAAM,GAAG,GAC5C,EACT,cAAK,SAAS,EAAC,wBAAwB,YACrC,mBACE,IAAI,EAAC,UAAU,EACf,kBAAkB,EAAE,GAAG,WAAW,MAAM,KAAK,EAAE,EAC/C,OAAO,EAAE,kBAAkB,YAE1B,WAAW,GACH,GACP,EACL,WAAW,IACR,CACP,CAAC;IACJ,CAAC;IAED,MAAM,OAAO,GAAG,CACd,eAAK,SAAS,EAAC,mBAAmB,aAChC,cAAK,SAAS,EAAC,8BAA8B,YAC3C,sBAAa,IAAI,EAAC,OAAO,EAAC,GAAG,EAAE,GAAG,CAAC,KAAK,EAAE,GAAG,EAAC,EAAE,GAAG,GAC/C,EACN,eAAK,SAAS,EAAC,4BAA4B,aACzC,8BAAY,KAAK,GAAa,EAC9B,cAAK,uBAAuB,EAAE,EAAE,MAAM,EAAE,sBAAsB,CAAC,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,EAAE,GAAI,IACzF,EACN,cAAK,SAAS,EAAC,4BAA4B,YACzC,mBAAU,OAAO,EAAE,kBAAkB,YAAG,WAAW,GAAY,GAC3D,EACL,WAAW,IACR,CACP,CAAC;IAEF,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,gBAAO,UAAU,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,YAAY,EAAC,OAAO,EAAC,OAAO,EAAC,MAAM,YACvE,OAAO,GACF,CACT,CAAC,CAAC,CAAC,CACF,OAAO,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -11,13 +11,7 @@ export interface BannerCarouselProps {
|
|
|
11
11
|
onDismiss: (appId: AppIdKeys) => void;
|
|
12
12
|
onInstallClick?: () => void;
|
|
13
13
|
locale?: string;
|
|
14
|
-
/** Milliseconds a slide stays before it fades to the next */
|
|
15
14
|
autoPlaySpeed?: number;
|
|
16
15
|
}
|
|
17
|
-
/**
|
|
18
|
-
* Auto-rotating cross-app banners, one visible at a time, crossfading in place.
|
|
19
|
-
* Rotation stops while the pointer or keyboard focus is inside the carousel so a merchant
|
|
20
|
-
* never loses the banner they are reading or about to click.
|
|
21
|
-
*/
|
|
22
16
|
export declare const BannerCarousel: React.FC<BannerCarouselProps>;
|
|
23
17
|
//# sourceMappingURL=BannerCarousel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerCarousel.d.ts","sourceRoot":"","sources":["../../../src/components/CrossAppBanner/BannerCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BannerCarousel.d.ts","sourceRoot":"","sources":["../../../src/components/CrossAppBanner/BannerCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAG/D,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,aAAa,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,SAAS,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACtC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAID,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6ExD,CAAC"}
|
|
@@ -1,19 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useEffect, useState } from 'react';
|
|
3
|
-
import {
|
|
4
|
-
import { BannerCardContent } from './BannerCard';
|
|
3
|
+
import { BannerCard } from './BannerCard';
|
|
5
4
|
const DEFAULT_AUTOPLAY_SPEED = 5000;
|
|
6
|
-
/**
|
|
7
|
-
* Auto-rotating cross-app banners, one visible at a time, crossfading in place.
|
|
8
|
-
* Rotation stops while the pointer or keyboard focus is inside the carousel so a merchant
|
|
9
|
-
* never loses the banner they are reading or about to click.
|
|
10
|
-
*/
|
|
11
5
|
export const BannerCarousel = ({ items, onDismiss, onInstallClick, locale = 'en', autoPlaySpeed = DEFAULT_AUTOPLAY_SPEED, }) => {
|
|
12
6
|
const [index, setIndex] = useState(0);
|
|
13
7
|
const [isPaused, setIsPaused] = useState(false);
|
|
14
8
|
const total = items.length;
|
|
15
9
|
const activeIndex = total ? Math.min(index, total - 1) : 0;
|
|
16
|
-
// Dismissing a banner shortens the list, which can leave the index past its end.
|
|
17
10
|
useEffect(() => {
|
|
18
11
|
setIndex(prev => (total ? Math.min(prev, total - 1) : 0));
|
|
19
12
|
}, [total]);
|
|
@@ -25,6 +18,6 @@ export const BannerCarousel = ({ items, onDismiss, onInstallClick, locale = 'en'
|
|
|
25
18
|
}, [total, isPaused, autoPlaySpeed]);
|
|
26
19
|
if (!total)
|
|
27
20
|
return null;
|
|
28
|
-
return (_jsx(
|
|
21
|
+
return (_jsx("div", { className: "AC-CrossAppBannerCarousel", "aria-roledescription": "carousel", onMouseEnter: () => setIsPaused(true), onMouseLeave: () => setIsPaused(false), onFocus: () => setIsPaused(true), onBlur: () => setIsPaused(false), children: _jsxs("s-box", { background: "base", border: "base", borderRadius: "large", padding: "base", children: [_jsx("div", { className: "AC-CrossAppBannerCarousel__Stage", children: items.map((item, slideIndex) => (_jsx("div", { className: "AC-CrossAppBannerCarousel__Slide", "data-active": slideIndex === activeIndex, "aria-hidden": slideIndex !== activeIndex, children: _jsx(BannerCard, { app: item.app, appId: item.appId, isOutsideApp: item.isOutsideApp, onDismiss: onDismiss, onInstallClick: onInstallClick, locale: locale, withCard: false }) }, item.app.key))) }), total > 1 && (_jsx("div", { className: "AC-CrossAppBannerCarousel__Nav", children: _jsx("div", { className: "AC-CrossAppBannerCarousel__Dots", role: "tablist", children: items.map((item, dotIndex) => (_jsx("button", { type: "button", role: "tab", className: "AC-CrossAppBannerCarousel__Dot", "aria-selected": dotIndex === activeIndex, "aria-label": `Banner ${dotIndex + 1}`, onClick: () => setIndex(dotIndex) }, item.app.key))) }) }))] }) }));
|
|
29
22
|
};
|
|
30
23
|
//# sourceMappingURL=BannerCarousel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerCarousel.js","sourceRoot":"","sources":["../../../src/components/CrossAppBanner/BannerCarousel.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BannerCarousel.js","sourceRoot":"","sources":["../../../src/components/CrossAppBanner/BannerCarousel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerLoadingSkeleton.d.ts","sourceRoot":"","sources":["../../../src/components/CrossAppBanner/BannerLoadingSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BannerLoadingSkeleton.d.ts","sourceRoot":"","sources":["../../../src/components/CrossAppBanner/BannerLoadingSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAsBzC,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { AppProvider, LegacyCard, SkeletonBodyText, BlockStack, SkeletonDisplayText } from '@shopify/polaris';
|
|
3
2
|
export const BannerLoadingSkeleton = () => {
|
|
4
|
-
return (_jsx(
|
|
3
|
+
return (_jsx("s-box", { background: "base", border: "base", borderRadius: "large", padding: "base", children: _jsxs("div", { className: "AC-CrossAppBanner", style: { padding: '4px 0px' }, children: [_jsx("div", { className: "AC-CrossAppBanner__Thumbnail", children: _jsx("s-box", { background: "strong", borderRadius: "base", inlineSize: "40px", blockSize: "40px" }) }), _jsx("div", { className: "AC-CrossAppBanner__Content", children: _jsxs("s-stack", { gap: "base", children: [_jsx("s-box", { background: "strong", borderRadius: "base", inlineSize: "160px", blockSize: "12px" }), _jsxs("s-stack", { gap: "small-300", children: [_jsx("s-box", { background: "strong", borderRadius: "base", blockSize: "12px" }), _jsx("s-box", { background: "strong", borderRadius: "base", inlineSize: "70%", blockSize: "12px" })] })] }) }), _jsx("div", { className: "AC-CrossAppBanner__Install", children: _jsx("s-box", { background: "strong", borderRadius: "base", blockSize: "28px" }) })] }) }));
|
|
5
4
|
};
|
|
6
5
|
//# sourceMappingURL=BannerLoadingSkeleton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerLoadingSkeleton.js","sourceRoot":"","sources":["../../../src/components/CrossAppBanner/BannerLoadingSkeleton.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"BannerLoadingSkeleton.js","sourceRoot":"","sources":["../../../src/components/CrossAppBanner/BannerLoadingSkeleton.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,qBAAqB,GAAa,GAAG,EAAE;IAClD,OAAO,CACL,gBAAO,UAAU,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,YAAY,EAAC,OAAO,EAAC,OAAO,EAAC,MAAM,YACxE,eAAK,SAAS,EAAC,mBAAmB,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,aAC9D,cAAK,SAAS,EAAC,8BAA8B,YAC3C,gBAAO,UAAU,EAAC,QAAQ,EAAC,YAAY,EAAC,MAAM,EAAC,UAAU,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,GAAG,GAChF,EACN,cAAK,SAAS,EAAC,4BAA4B,YACzC,mBAAS,GAAG,EAAC,MAAM,aACjB,gBAAO,UAAU,EAAC,QAAQ,EAAC,YAAY,EAAC,MAAM,EAAC,UAAU,EAAC,OAAO,EAAC,SAAS,EAAC,MAAM,GAAG,EACrF,mBAAS,GAAG,EAAC,WAAW,aACtB,gBAAO,UAAU,EAAC,QAAQ,EAAC,YAAY,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,GAAG,EAClE,gBAAO,UAAU,EAAC,QAAQ,EAAC,YAAY,EAAC,MAAM,EAAC,UAAU,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,GAAG,IAC3E,IACF,GACN,EACN,cAAK,SAAS,EAAC,4BAA4B,YACzC,gBAAO,UAAU,EAAC,QAAQ,EAAC,YAAY,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,GAAG,GAC9D,IACF,GACA,CACT,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PageSpeed/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PageSpeed/index.tsx"],"names":[],"mappings":"AACA,OAAO,cAAc,CAAC;AAMtB,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAGxC;;;GAGG;AACH,MAAM,WAAW,KAAK;IACpB,sCAAsC;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,4CAA4C;IAC5C,QAAQ,EAAE,OAAO,CAAC;IAClB,8BAA8B;IAC9B,QAAQ,EAAE;QACR,wCAAwC;QACxC,YAAY,EAAE,MAAM,CAAC;QACrB,yCAAyC;QACzC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE;YAAE,EAAE,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;KAC9D,CAAC;IACF,4BAA4B;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,gCAAgC;IAChC,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB;AAED;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAe,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,cAAc,kDAoPvF;AAED,eAAe,SAAS,CAAC"}
|
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { AppProvider, Banner, BlockStack, Box, Button, Grid, Icon, InlineStack, LegacyCard, Link, Page, Text, } from '@shopify/polaris';
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
2
|
import { useEffect, useState } from 'react';
|
|
4
3
|
import './index.scss';
|
|
5
4
|
import { buildStyles, CircularProgressbarWithChildren } from 'react-circular-progressbar';
|
|
6
5
|
import { formatBothDateTime } from '../../helpers/formatFullTime';
|
|
7
6
|
import useFetchApi from '../../hooks/api/useFetchApi';
|
|
8
|
-
import { ExternalIcon } from '@shopify/polaris-icons';
|
|
9
7
|
import { useI18n } from '../../hooks/useI18n';
|
|
10
8
|
import { SEO_API_PROXY_ENDPOINT } from '../../config/constants';
|
|
11
9
|
/**
|
|
@@ -103,10 +101,10 @@ export function PageSpeed({ type = 'widget', shop, accessToken, appUrl }) {
|
|
|
103
101
|
let ScoreComponent;
|
|
104
102
|
switch (type) {
|
|
105
103
|
case 'widget':
|
|
106
|
-
ScoreComponent = (_jsxs("div", { className: `AC-PageSpeed-Widget__Container ${isCollapsed ? 'collapsed' : ''}`, children: [_jsx("div", { className: "AC-PageSpeed-Widget__Item", children: _jsx(
|
|
104
|
+
ScoreComponent = (_jsxs("div", { className: `AC-PageSpeed-Widget__Container ${isCollapsed ? 'collapsed' : ''}`, children: [_jsx("div", { className: "AC-PageSpeed-Widget__Item", children: _jsx("s-text", { children: i18n.t('PageSpeed.webPerformanceIs', {
|
|
107
105
|
PERFORMANCE: _jsx("span", { style: { color }, children: title }),
|
|
108
106
|
}) }) }), _jsx("div", { className: "AC-PageSpeed-Widget__Item", children: i18n.t('PageSpeed.checkCritical', {
|
|
109
|
-
LINK: _jsx(
|
|
107
|
+
LINK: _jsx("s-link", { onClick: () => setIsExpandedPage(true), children: i18n.t('PageSpeed.here') }),
|
|
110
108
|
}) }), _jsx("div", { className: "AC-PageSpeed__CircularProgressBar", onClick: () => setIsCollapsed(!isCollapsed), children: _jsx(CircularProgressbarWithChildren, { value: score, background: true, backgroundPadding: 0, styles: buildStyles({
|
|
111
109
|
backgroundColor: 'white',
|
|
112
110
|
pathColor: color,
|
|
@@ -115,19 +113,15 @@ export function PageSpeed({ type = 'widget', shop, accessToken, appUrl }) {
|
|
|
115
113
|
break;
|
|
116
114
|
case 'banner':
|
|
117
115
|
default:
|
|
118
|
-
ScoreComponent = (_jsx(
|
|
116
|
+
ScoreComponent = (_jsx("s-banner", { tone: "critical", children: _jsx("s-text", { children: i18n.t('PageSpeed.checkCriticalWebPerformance', {
|
|
119
117
|
PERFORMANCE: title,
|
|
120
|
-
LINK: _jsx(
|
|
118
|
+
LINK: _jsx("s-link", { onClick: () => setIsExpandedPage(true), children: i18n.t('PageSpeed.here') }),
|
|
121
119
|
}) }) }));
|
|
122
120
|
break;
|
|
123
121
|
}
|
|
124
122
|
if (loading || !data || data.scanning || !data.homePage)
|
|
125
123
|
return null;
|
|
126
|
-
return (_jsxs(
|
|
127
|
-
onAction: () => {
|
|
128
|
-
setIsExpandedPage(false);
|
|
129
|
-
},
|
|
130
|
-
}, children: _jsxs(Grid, { columns: { sm: 3 }, children: [_jsx(Grid.Cell, { columnSpan: { xs: 6, sm: 6, md: 6, lg: 4, xl: 4 }, children: _jsx(LegacyCard, { title: i18n.t('PageSpeed.performanceScore'), sectioned: true, children: _jsxs(BlockStack, { gap: '400', children: [_jsxs(BlockStack, { gap: '200', inlineAlign: 'center', children: [_jsx("div", { className: `AC-PageSpeed__PerformanceScore`, children: _jsx(CircularProgressbarWithChildren, { value: score, background: true, backgroundPadding: 0, styles: buildStyles({
|
|
124
|
+
return (_jsxs(_Fragment, { children: [ScoreComponent, isExpandedPage && (_jsx("div", { className: "AC-PageSpeed__DetailReport", children: _jsxs("s-stack", { gap: "base", children: [_jsxs("s-stack", { direction: "inline", gap: "small-300", alignItems: "center", children: [_jsx("s-button", { icon: "arrow-left", variant: "tertiary", accessibilityLabel: "Back", onClick: () => setIsExpandedPage(false) }), _jsxs("s-stack", { gap: "none", children: [_jsx("s-heading", { children: i18n.t('PageSpeed.title') }), _jsx("s-text", { color: "subdued", children: i18n.t('PageSpeed.subtitle') })] })] }), _jsxs("div", { className: "AC-PageSpeed__Grid", children: [_jsx("s-box", { background: "base", border: "base", borderRadius: "large", padding: "base", children: _jsxs("s-stack", { gap: "base", children: [_jsx("s-heading", { children: i18n.t('PageSpeed.performanceScore') }), _jsxs("s-stack", { gap: "small-200", alignItems: "center", children: [_jsx("div", { className: `AC-PageSpeed__PerformanceScore`, children: _jsx(CircularProgressbarWithChildren, { value: score, background: true, backgroundPadding: 0, styles: buildStyles({
|
|
131
125
|
backgroundColor,
|
|
132
126
|
pathColor: color,
|
|
133
127
|
trailColor: 'transparent',
|
|
@@ -135,17 +129,11 @@ export function PageSpeed({ type = 'widget', shop, accessToken, appUrl }) {
|
|
|
135
129
|
color: color,
|
|
136
130
|
fontSize: '40px',
|
|
137
131
|
fontWeight: '650',
|
|
138
|
-
}, children: score }) }) }) }), _jsx(
|
|
132
|
+
}, children: score }) }) }) }), _jsx("s-text", { children: i18n.t('PageSpeed.yourScore', { SCORE: title }) }), _jsx("s-text", { color: "subdued", children: i18n.t('PageSpeed.lastScanTime', {
|
|
139
133
|
TIME: formatBothDateTime(data?.updatedAt || new Date()),
|
|
140
|
-
}) })] }), _jsxs(
|
|
134
|
+
}) })] }), _jsxs("s-stack", { gap: "small-200", alignItems: "center", children: [_jsx("s-button", { variant: "primary", onClick: () => {
|
|
141
135
|
window.open(`https://admin.shopify.com/store/${shop?.shopifyDomain.replace(/\.myshopify\.com$/, '')}/apps/avada-seo-suite/embed/speed-up`, '_blank');
|
|
142
|
-
}, children: i18n.t('PageSpeed.optimizeNow') }), _jsxs(
|
|
143
|
-
return (_jsx("div", { style: {
|
|
144
|
-
borderRadius: '8px',
|
|
145
|
-
padding: '16px',
|
|
146
|
-
outline: 'solid 2px #E3E3E3',
|
|
147
|
-
}, children: _jsxs(BlockStack, { gap: '300', children: [_jsx(Text, { as: 'span', variant: 'headingMd', tone: 'critical', children: issue.title }), _jsx(Text, { as: 'span', children: issue.description })] }) }, index));
|
|
148
|
-
}) }) }) })] }) }) }))] }));
|
|
136
|
+
}, children: i18n.t('PageSpeed.optimizeNow') }), _jsxs("s-stack", { direction: "inline", gap: "small-400", alignItems: "center", children: [_jsx("s-link", { href: `https://pagespeed.web.dev/analysis?url=${shop?.shopifyDomain}`, target: "_blank", tone: "neutral", children: i18n.t('PageSpeed.resultFrom') }), _jsx("s-icon", { type: "external", tone: "neutral" })] })] })] }) }), _jsx("s-box", { background: "base", border: "base", borderRadius: "large", padding: "base", children: _jsxs("s-stack", { gap: "base", children: [_jsx("s-heading", { children: i18n.t('PageSpeed.criticalIssue') }), issues.map(issue => (_jsx("s-box", { padding: "base", border: "base", borderRadius: "base", children: _jsxs("s-stack", { gap: "small-200", children: [_jsx("s-text", { type: "strong", tone: "critical", children: issue.title }), _jsx("s-text", { children: issue.description })] }) }, issue.id)))] }) })] })] }) }))] }));
|
|
149
137
|
}
|
|
150
138
|
export default PageSpeed;
|
|
151
139
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PageSpeed/index.tsx"],"names":[],"mappings":";AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PageSpeed/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -46,8 +46,15 @@
|
|
|
46
46
|
display: flex;
|
|
47
47
|
flex-direction: column;
|
|
48
48
|
|
|
49
|
-
.
|
|
50
|
-
|
|
49
|
+
.AC-PageSpeed__Grid {
|
|
50
|
+
display: grid;
|
|
51
|
+
grid-template-columns: 1fr 2fr;
|
|
52
|
+
gap: 16px;
|
|
53
|
+
align-items: start;
|
|
54
|
+
|
|
55
|
+
@media screen and (max-width: 768px) {
|
|
56
|
+
grid-template-columns: 1fr;
|
|
57
|
+
}
|
|
51
58
|
}
|
|
52
59
|
|
|
53
60
|
.AC-PageSpeed__PerformanceScore {
|
|
@@ -85,10 +92,6 @@
|
|
|
85
92
|
.AC-CircularProgressBar__Loading--text {
|
|
86
93
|
display: block;
|
|
87
94
|
}
|
|
88
|
-
|
|
89
|
-
.AC-CircularProgressBar__Loading .Polaris-Spinner {
|
|
90
|
-
display: none;
|
|
91
|
-
}
|
|
92
95
|
}
|
|
93
96
|
}
|
|
94
97
|
|
|
@@ -109,15 +112,6 @@
|
|
|
109
112
|
display: none;
|
|
110
113
|
}
|
|
111
114
|
}
|
|
112
|
-
|
|
113
|
-
.AC-PageSpeed__DetailedReport {
|
|
114
|
-
> .Polaris-LegacyCard__Section {
|
|
115
|
-
padding-bottom: 0;
|
|
116
|
-
}
|
|
117
|
-
.Polaris-ShadowBevel {
|
|
118
|
-
box-shadow: none;
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
115
|
}
|
|
122
116
|
|
|
123
117
|
@keyframes bubbleUp {
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "avada-components-seoon",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.0.0",
|
|
4
4
|
"type": "module",
|
|
5
|
-
"description": "A collection of React components built with Shopify Polaris",
|
|
5
|
+
"description": "A collection of React components built with Shopify Polaris web components",
|
|
6
6
|
"main": "dist/index.js",
|
|
7
7
|
"module": "dist/index.js",
|
|
8
8
|
"types": "dist/index.d.ts",
|
|
@@ -36,9 +36,6 @@
|
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@shopify/i18next-shopify": "^0.2.11",
|
|
39
|
-
"@shopify/polaris": "^13.0.0",
|
|
40
|
-
"@shopify/polaris-icons": "^9.3.1",
|
|
41
|
-
"@shopify/polaris-tokens": "^9.4.2",
|
|
42
39
|
"@shopify/react-i18n": "^7.14.0",
|
|
43
40
|
"i18next": "^25.0.1",
|
|
44
41
|
"react": "^18.0.0",
|
|
@@ -50,6 +47,7 @@
|
|
|
50
47
|
},
|
|
51
48
|
"devDependencies": {
|
|
52
49
|
"@google-cloud/translate": "8.0.2",
|
|
50
|
+
"@shopify/polaris-types": "^2.0.0",
|
|
53
51
|
"@types/react": "^19.1.2",
|
|
54
52
|
"@types/react-circular-progressbar": "^1.1.0",
|
|
55
53
|
"@types/react-dom": "^19.1.2",
|
|
@@ -77,7 +75,6 @@
|
|
|
77
75
|
"vite-plugin-dts": "^4.5.4"
|
|
78
76
|
},
|
|
79
77
|
"peerDependencies": {
|
|
80
|
-
"@shopify/polaris": "^13.0.0",
|
|
81
78
|
"react": "^18.0.0",
|
|
82
79
|
"react-dom": "^18.0.0"
|
|
83
80
|
},
|