@athoscommerce/snap-preact 1.0.0

package/dist/cjs/components/src/components/Atoms/Image/Image.d.ts

@@ -0,0 +1,19 @@
+import { ComponentProps } from '../../../types';
+export declare const FALLBACK_IMAGE_URL = "//cdn.athoscommerce.net/snap/images/fallback.png";
+export declare function Image(properties: ImageProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export type ImageProps = ImageTemplatesLegalProps & ComponentProps<ImageProps>;
+export type ImageTemplatesLegalProps = {
+    alt: string;
+    src: string;
+    title?: string;
+    fallback?: string;
+    height?: string;
+    hoverSrc?: string;
+    onMouseOver?: (e: React.MouseEvent<HTMLImageElement>) => void;
+    onMouseOut?: (e: React.MouseEvent<HTMLImageElement>) => void;
+    onError?: (e: React.MouseEvent<HTMLImageElement>) => void;
+    onLoad?: (e: React.MouseEvent<HTMLImageElement>) => void;
+    onClick?: (e: React.MouseEvent<HTMLImageElement>) => void;
+    lazy?: boolean;
+};
+//# sourceMappingURL=Image.d.ts.map

package/dist/cjs/components/src/components/Atoms/Image/Image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/Image/Image.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAG7D,eAAO,MAAM,kBAAkB,qDAAqD,CAAC;AAuBrF,wBAAgB,KAAK,CAAC,UAAU,EAAE,UAAU,oDAwD3C;AAED,MAAM,MAAM,UAAU,GAAG,wBAAwB,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;AAE/E,MAAM,MAAM,wBAAwB,GAAG;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;CACf,CAAC"}

package/dist/cjs/components/src/components/Atoms/Image/Image.js

@@ -0,0 +1,79 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FALLBACK_IMAGE_URL = void 0;
+exports.Image = Image;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var hooks_1 = require("preact/hooks");
+var react_1 = require("@emotion/react");
+var classnames_1 = __importDefault(require("classnames"));
+var providers_1 = require("../../../providers");
+var utilities_1 = require("../../../utilities");
+exports.FALLBACK_IMAGE_URL = '//cdn.athoscommerce.net/snap/images/fallback.png';
+var defaultStyles = function (_a) {
+    var height = _a.height;
+    return (0, react_1.css)({
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'center',
+        height: height ? height : 'auto',
+        '& img': {
+            flexShrink: '0',
+            objectFit: 'contain',
+            maxWidth: '100%',
+            maxHeight: '100%',
+        },
+        '&.ss__image--hidden': {
+            '& img': {
+                visibility: 'hidden',
+            },
+        },
+    });
+};
+function Image(properties) {
+    var globalTheme = (0, providers_1.useTheme)();
+    var globalTreePath = (0, providers_1.useTreePath)();
+    var defaultProps = {
+        fallback: exports.FALLBACK_IMAGE_URL,
+        lazy: true,
+        treePath: globalTreePath,
+    };
+    var props = (0, utilities_1.mergeProps)('image', globalTheme, defaultProps, properties);
+    var alt = props.alt, src = props.src, fallback = props.fallback, title = props.title, hoverSrc = props.hoverSrc, lazy = props.lazy, onMouseOver = props.onMouseOver, onMouseOut = props.onMouseOut, onError = props.onError, onLoad = props.onLoad, onClick = props.onClick, className = props.className, internalClassName = props.internalClassName;
+    var _a = (0, hooks_1.useState)(false), visibile = _a[0], setVisibile = _a[1];
+    var _b = (0, hooks_1.useState)(false), isHovering = _b[0], setHover = _b[1];
+    var prevSrcRef = (0, hooks_1.useRef)('');
+    (0, hooks_1.useEffect)(function () {
+        prevSrcRef.current = src;
+    });
+    if (prevSrcRef.current && prevSrcRef.current != src) {
+        setVisibile(false);
+    }
+    var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
+    return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__image', { 'ss__image--hidden': !visibile }, className, internalClassName), children: (0, jsx_runtime_1.jsx)("img", { src: (isHovering ? hoverSrc : src) || fallback, alt: alt, title: title || alt, loading: lazy ? 'lazy' : undefined, onLoad: function (e) {
+                    setVisibile(true);
+                    onLoad && onLoad(e);
+                }, onClick: function (e) { return onClick && onClick(e); }, onError: function (e) {
+                    e.target.src = fallback || '';
+                    onError && onError(e);
+                }, onMouseOver: function (e) {
+                    hoverSrc && setHover(true);
+                    onMouseOver && onMouseOver(e);
+                }, onMouseOut: function (e) {
+                    hoverSrc && setHover(false);
+                    onMouseOut && onMouseOut(e);
+                } }) })) }));
+}

package/dist/cjs/components/src/components/Atoms/Image/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Image';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/src/components/Atoms/Image/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/Image/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/cjs/components/src/components/Atoms/Image/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Image"), exports);

package/dist/cjs/components/src/components/Atoms/InlineBanner/InlineBanner.d.ts

@@ -0,0 +1,15 @@
+import type { Banner } from '@athoscommerce/snap-store-mobx';
+import { ComponentProps, ResultsLayout } from '../../../types';
+import { AutocompleteController, RecommendationController, SearchController } from '@athoscommerce/snap-controller';
+export declare const InlineBanner: any;
+export type InlineBannerProps = {
+    controller?: SearchController | AutocompleteController | RecommendationController;
+    banner: Banner;
+} & InlineBannerTemplatesLegalProps & ComponentProps<InlineBannerProps>;
+export type InlineBannerTemplatesLegalProps = {
+    width?: string;
+    layout?: keyof typeof ResultsLayout | ResultsLayout;
+    onClick?: (e: React.MouseEvent, banner: Banner) => void;
+    disableA11y?: boolean;
+};
+//# sourceMappingURL=InlineBanner.d.ts.map

package/dist/cjs/components/src/components/Atoms/InlineBanner/InlineBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineBanner.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/InlineBanner/InlineBanner.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAE7D,OAAO,EAAE,cAAc,EAAe,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE5E,OAAO,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAwBpH,eAAO,MAAM,YAAY,KAwCxB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC/B,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;IAClF,MAAM,EAAE,MAAM,CAAC;CACf,GAAG,+BAA+B,GAClC,cAAc,CAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,MAAM,+BAA+B,GAAG;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,OAAO,aAAa,GAAG,aAAa,CAAC;IACpD,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC"}

package/dist/cjs/components/src/components/Atoms/InlineBanner/InlineBanner.js

@@ -0,0 +1,68 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InlineBanner = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = require("@emotion/react");
+var classnames_1 = __importDefault(require("classnames"));
+var providers_1 = require("../../../providers");
+var utilities_1 = require("../../../utilities");
+var useA11y_1 = require("../../../hooks/useA11y");
+var types_1 = require("../../../types");
+var mobx_react_lite_1 = require("mobx-react-lite");
+var defaultStyles = function (_a) {
+    var width = _a.width;
+    return (0, react_1.css)({
+        height: '100%',
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'center',
+        alignItems: 'center',
+        width: width,
+        '&.ss__inline-banner--grid': {
+            flexDirection: 'column',
+        },
+        '&.ss__inline-banner--list': {
+            flexDirection: 'row',
+            display: 'block',
+            width: '100%',
+        },
+        '& iframe': {
+            maxWidth: '100%',
+        },
+    });
+};
+exports.InlineBanner = (0, providers_1.withController)((0, providers_1.withTracking)((0, mobx_react_lite_1.observer)(function (properties) {
+    var globalTheme = (0, providers_1.useTheme)();
+    var globalTreePath = (0, providers_1.useTreePath)();
+    var defaultProps = {
+        layout: types_1.ResultsLayout.grid,
+        width: 'auto',
+        treePath: globalTreePath,
+    };
+    var props = (0, utilities_1.mergeProps)('inlineBanner', globalTheme, defaultProps, properties);
+    var banner = props.banner, className = props.className, internalClassName = props.internalClassName, disableA11y = props.disableA11y, layout = props.layout, onClick = props.onClick;
+    var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
+    return banner && banner.value ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", __assign({ onClick: function (e) {
+                onClick && onClick(e, banner);
+            }, role: 'article', ref: function (e) {
+                !disableA11y ? (0, useA11y_1.useA11y)(e) : null;
+                // @ts-ignore - gets it from withTracking HOC
+                properties.trackingRef.current = e;
+            }, className: (0, classnames_1.default)('ss__inline-banner', "ss__inline-banner--".concat(layout), className, internalClassName) }, styling, { dangerouslySetInnerHTML: {
+                __html: banner.value,
+            } })) })) : null;
+})));

package/dist/cjs/components/src/components/Atoms/InlineBanner/index.d.ts

@@ -0,0 +1,2 @@
+export * from './InlineBanner';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/src/components/Atoms/InlineBanner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/InlineBanner/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/cjs/components/src/components/Atoms/InlineBanner/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./InlineBanner"), exports);

package/dist/cjs/components/src/components/Atoms/Loading/LoadingBar.d.ts

@@ -0,0 +1,12 @@
+import { ComponentProps } from '../../../types';
+export declare const LoadingBar: ((properties: LoadingBarProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
+    displayName: string;
+};
+export type LoadingBarProps = LoadingBarTemplatesLegalProps & ComponentProps<LoadingBarProps>;
+export type LoadingBarTemplatesLegalProps = {
+    active: boolean;
+    color?: string;
+    backgroundColor?: string;
+    height?: string;
+};
+//# sourceMappingURL=LoadingBar.d.ts.map

package/dist/cjs/components/src/components/Atoms/Loading/LoadingBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingBar.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/Loading/LoadingBar.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAqC7D,eAAO,MAAM,UAAU,gBAAyB,eAAe;;CAsB7D,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,6BAA6B,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAE9F,MAAM,MAAM,6BAA6B,GAAG;IAC3C,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}

package/dist/cjs/components/src/components/Atoms/Loading/LoadingBar.js

@@ -0,0 +1,68 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadingBar = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var mobx_react_lite_1 = require("mobx-react-lite");
+var react_1 = require("@emotion/react");
+var classnames_1 = __importDefault(require("classnames"));
+var providers_1 = require("../../../providers");
+var utilities_1 = require("../../../utilities");
+var defaultStyles = function (_a) {
+    var _b, _c, _d, _e;
+    var color = _a.color, height = _a.height, backgroundColor = _a.backgroundColor, theme = _a.theme;
+    var animation = (0, react_1.keyframes)({
+        from: { left: '-200px', width: '30%' },
+        '50%': { width: '30%' },
+        '70%': { width: '70%' },
+        '80%': { left: '50%' },
+        '95%': { left: '120%' },
+        to: { left: '100%' },
+    });
+    return (0, react_1.css)({
+        height: height,
+        position: 'fixed',
+        top: '0',
+        left: '0',
+        right: '0',
+        margin: 'auto',
+        transition: 'opacity 0.3s ease',
+        opacity: '1',
+        visibility: 'visible',
+        zIndex: '10000',
+        background: backgroundColor || ((_c = (_b = theme === null || theme === void 0 ? void 0 : theme.variables) === null || _b === void 0 ? void 0 : _b.colors) === null || _c === void 0 ? void 0 : _c.secondary) || '#f8f8f8',
+        '& .ss__loading-bar__bar': {
+            position: 'absolute',
+            top: '0',
+            left: '-200px',
+            height: '100%',
+            background: "".concat(color || ((_e = (_d = theme === null || theme === void 0 ? void 0 : theme.variables) === null || _d === void 0 ? void 0 : _d.colors) === null || _e === void 0 ? void 0 : _e.primary) || '#ccc'),
+            animation: "".concat(animation, " 2s linear infinite"),
+        },
+    });
+};
+exports.LoadingBar = (0, mobx_react_lite_1.observer)(function (properties) {
+    var globalTheme = (0, providers_1.useTheme)();
+    var globalTreePath = (0, providers_1.useTreePath)();
+    var defaultProps = {
+        height: '5px',
+        treePath: globalTreePath,
+    };
+    var props = (0, utilities_1.mergeProps)('loadingBar', globalTheme, defaultProps, properties);
+    var active = props.active, className = props.className, internalClassName = props.internalClassName;
+    var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
+    return active ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__loading-bar', className, internalClassName), children: (0, jsx_runtime_1.jsx)("div", { className: "ss__loading-bar__bar" }) })) })) : null;
+});

package/dist/cjs/components/src/components/Atoms/Loading/index.d.ts

@@ -0,0 +1,2 @@
+export * from './LoadingBar';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/src/components/Atoms/Loading/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/Loading/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/cjs/components/src/components/Atoms/Loading/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./LoadingBar"), exports);

package/dist/cjs/components/src/components/Atoms/Overlay/Overlay.d.ts

@@ -0,0 +1,11 @@
+import { ComponentProps } from '../../../types';
+export declare function Overlay(properties: OverlayProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export type OverlayProps = OverlayTemplatesLegalProps & ComponentProps<OverlayProps>;
+export type OverlayTemplatesLegalProps = {
+    active: boolean;
+    color?: string;
+    transitionSpeed?: string;
+    onClick?: (e: React.MouseEvent<HTMLDivElement, Event>) => void;
+    disableA11y?: boolean;
+};
+//# sourceMappingURL=Overlay.d.ts.map

package/dist/cjs/components/src/components/Atoms/Overlay/Overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/Overlay/Overlay.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAqB7D,wBAAgB,OAAO,CAAC,UAAU,EAAE,YAAY,oDA0B/C;AAED,MAAM,MAAM,YAAY,GAAG,0BAA0B,GAAG,cAAc,CAAC,YAAY,CAAC,CAAC;AAErF,MAAM,MAAM,0BAA0B,GAAG;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;IAC/D,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC"}

package/dist/cjs/components/src/components/Atoms/Overlay/Overlay.js

@@ -0,0 +1,53 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Overlay = Overlay;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = require("@emotion/react");
+var classnames_1 = __importDefault(require("classnames"));
+var providers_1 = require("../../../providers");
+var utilities_1 = require("../../../utilities");
+var hooks_1 = require("../../../hooks");
+var defaultStyles = function (_a) {
+    var transitionSpeed = _a.transitionSpeed, color = _a.color;
+    return (0, react_1.css)({
+        transition: "background ".concat(transitionSpeed, " ease 0s, left 0s ease ").concat(transitionSpeed),
+        position: 'fixed',
+        zIndex: '10003',
+        height: '100%',
+        width: '100%',
+        top: '0',
+        left: '-100%',
+        '&.ss__overlay--active': {
+            transition: "background ".concat(transitionSpeed, " ease, left 0s ease"),
+            background: color,
+            left: '0',
+        },
+    });
+};
+function Overlay(properties) {
+    var globalTheme = (0, providers_1.useTheme)();
+    var globalTreePath = (0, providers_1.useTreePath)();
+    var defaultProps = {
+        color: 'rgba(0,0,0,0.8)',
+        transitionSpeed: '0.25s',
+        treePath: globalTreePath,
+    };
+    var props = (0, utilities_1.mergeProps)('overlay', globalTheme, defaultProps, properties);
+    var active = props.active, onClick = props.onClick, disableA11y = props.disableA11y, className = props.className, internalClassName = props.internalClassName;
+    var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
+    return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", __assign({ onClick: function (e) { return onClick && active && onClick(e); }, ref: function (e) { return (!disableA11y ? (0, hooks_1.useA11y)(e, active ? 0 : -1) : null); }, className: (0, classnames_1.default)('ss__overlay', { 'ss__overlay--active': active }, className, internalClassName) }, styling)) }));
+}

package/dist/cjs/components/src/components/Atoms/Overlay/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Overlay';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/src/components/Atoms/Overlay/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/Overlay/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/cjs/components/src/components/Atoms/Overlay/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Overlay"), exports);

package/dist/cjs/components/src/components/Atoms/PaginationInfo/PaginationInfo.d.ts

@@ -0,0 +1,23 @@
+import { ComponentProps } from '../../../types';
+import type { SearchPaginationStore } from '@athoscommerce/snap-store-mobx';
+import type { SearchController } from '@athoscommerce/snap-controller';
+import { Lang } from '../../../hooks';
+export declare const PaginationInfo: ((properties: PaginationInfoProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
+    displayName: string;
+};
+export type PaginationInfoProps = {
+    pagination?: SearchPaginationStore;
+    controller?: SearchController;
+    lang?: Partial<PaginationInfoLang>;
+} & PaginationInfoTemplatesLegalProps & ComponentProps<PaginationInfoProps>;
+export type PaginationInfoTemplatesLegalProps = {
+    infoText?: string | ((data: PaginationInfoPropData) => string);
+};
+export interface PaginationInfoLang {
+    infoText: Lang<PaginationInfoPropData>;
+}
+interface PaginationInfoPropData {
+    pagination?: SearchPaginationStore;
+}
+export {};
+//# sourceMappingURL=PaginationInfo.d.ts.map

package/dist/cjs/components/src/components/Atoms/PaginationInfo/PaginationInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationInfo.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/PaginationInfo/PaginationInfo.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAW,MAAM,gBAAgB,CAAC;AAM/C,eAAO,MAAM,cAAc,gBAAyB,mBAAmB;;CAoDrE,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG;IACjC,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;CACnC,GAAG,iCAAiC,GACpC,cAAc,CAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,MAAM,iCAAiC,GAAG;IAC/C,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,sBAAsB,KAAK,MAAM,CAAC,CAAC;CAC/D,CAAC;AAEF,MAAM,WAAW,kBAAkB;IAClC,QAAQ,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAC;CACvC;AAED,UAAU,sBAAsB;IAC/B,UAAU,CAAC,EAAE,qBAAqB,CAAC;CACnC"}

package/dist/cjs/components/src/components/Atoms/PaginationInfo/PaginationInfo.js

@@ -0,0 +1,57 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaginationInfo = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var mobx_react_lite_1 = require("mobx-react-lite");
+var react_1 = require("@emotion/react");
+var classnames_1 = __importDefault(require("classnames"));
+var providers_1 = require("../../../providers");
+var utilities_1 = require("../../../utilities");
+var deepmerge_1 = __importDefault(require("deepmerge"));
+var hooks_1 = require("../../../hooks");
+var defaultStyles = function (_a) {
+    return (0, react_1.css)({});
+};
+exports.PaginationInfo = (0, mobx_react_lite_1.observer)(function (properties) {
+    var _a, _b, _c, _d, _e;
+    var globalTheme = (0, providers_1.useTheme)();
+    var globalTreePath = (0, providers_1.useTreePath)();
+    var pagination = ((_a = properties.controller) === null || _a === void 0 ? void 0 : _a.store.pagination) || properties.pagination;
+    var defaultProps = {
+        infoText: "".concat((pagination === null || pagination === void 0 ? void 0 : pagination.multiplePages) ? "".concat(pagination === null || pagination === void 0 ? void 0 : pagination.begin, " - ").concat(pagination === null || pagination === void 0 ? void 0 : pagination.end, " of") : '', " ").concat("".concat(pagination === null || pagination === void 0 ? void 0 : pagination.totalResults, " result").concat((pagination === null || pagination === void 0 ? void 0 : pagination.totalResults) == 1 ? '' : 's')),
+        treePath: globalTreePath,
+    };
+    var props = (0, utilities_1.mergeProps)('paginationInfo', globalTheme, defaultProps, properties);
+    var controller = props.controller, infoText = props.infoText, className = props.className, internalClassName = props.internalClassName;
+    var store = pagination || ((_b = controller === null || controller === void 0 ? void 0 : controller.store) === null || _b === void 0 ? void 0 : _b.pagination);
+    var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
+    //initialize lang
+    var defaultLang = {
+        infoText: {
+            value: infoText,
+            attributes: {
+                'aria-label': "displaying ".concat((pagination === null || pagination === void 0 ? void 0 : pagination.multiplePages) ? "".concat(pagination === null || pagination === void 0 ? void 0 : pagination.begin, " - ").concat(pagination === null || pagination === void 0 ? void 0 : pagination.end, " of") : '', " ").concat(pagination === null || pagination === void 0 ? void 0 : pagination.totalResults, " result").concat((pagination === null || pagination === void 0 ? void 0 : pagination.totalResults) == 1 ? '' : 's', " ").concat(((_c = controller === null || controller === void 0 ? void 0 : controller.store) === null || _c === void 0 ? void 0 : _c.search.query) ? "for \"".concat((_d = controller === null || controller === void 0 ? void 0 : controller.store) === null || _d === void 0 ? void 0 : _d.search.query.string, "\"") : ''),
+            },
+        },
+    };
+    //deep merge with props.lang
+    var lang = (0, deepmerge_1.default)(defaultLang, props.lang || {});
+    var mergedLang = (0, hooks_1.useLang)(lang, {
+        pagination: store,
+    });
+    return (store === null || store === void 0 ? void 0 : store.totalResults) ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", __assign({}, styling, { "aria-atomic": true, "aria-live": "assertive", className: (0, classnames_1.default)('ss__pagination-info', className, internalClassName) }, (_e = mergedLang.infoText) === null || _e === void 0 ? void 0 : _e.all)) })) : null;
+});

package/dist/cjs/components/src/components/Atoms/PaginationInfo/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PaginationInfo';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/src/components/Atoms/PaginationInfo/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/PaginationInfo/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/cjs/components/src/components/Atoms/PaginationInfo/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./PaginationInfo"), exports);

package/dist/cjs/components/src/components/Atoms/Price/Price.d.ts

@@ -0,0 +1,10 @@
+import { FormattedNumberProps } from '../FormattedNumber/FormattedNumber';
+import { ComponentProps } from '../../../types';
+export declare function Price(properties: PriceProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+export type PriceProps = PriceTemplatesLegalProps & ComponentProps<PriceProps>;
+export interface PriceTemplatesLegalProps extends Omit<FormattedNumberProps, 'value' | 'themeStyleScript'> {
+    value?: number;
+    lineThrough?: boolean;
+}
+export type PriceNames = 'price' | 'msrp' | 'bundle-price' | 'bundle-msrp';
+//# sourceMappingURL=Price.d.ts.map

package/dist/cjs/components/src/components/Atoms/Price/Price.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Price.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/Price/Price.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAa7D,wBAAgB,KAAK,CAAC,UAAU,EAAE,UAAU,2DA2D3C;AAED,MAAM,MAAM,UAAU,GAAG,wBAAwB,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;AAC/E,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,kBAAkB,CAAC;IACzG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,cAAc,GAAG,aAAa,CAAC"}