@athoscommerce/snap-preact 1.0.0

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

@@ -0,0 +1,67 @@
+"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.Price = Price;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var snap_toolbox_1 = require("@athoscommerce/snap-toolbox");
+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;
+    var theme = _a.theme;
+    return (0, react_1.css)({
+        color: (_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.primary,
+        '&.ss__price--strike': {
+            textDecoration: 'line-through',
+            color: 'initial',
+        },
+    });
+};
+function Price(properties) {
+    var globalTheme = (0, providers_1.useTheme)();
+    var globalTreePath = (0, providers_1.useTreePath)();
+    var defaultProps = {
+        symbol: '$',
+        decimalPlaces: 2,
+        padDecimalPlaces: true,
+        thousandsSeparator: ',',
+        decimalSeparator: '.',
+        symbolAfter: false,
+        lineThrough: false,
+        treePath: globalTreePath,
+    };
+    var props = (0, utilities_1.mergeProps)('price', globalTheme, defaultProps, properties);
+    var lineThrough = props.lineThrough, value = props.value, symbol = props.symbol, decimalPlaces = props.decimalPlaces, padDecimalPlaces = props.padDecimalPlaces, thousandsSeparator = props.thousandsSeparator, decimalSeparator = props.decimalSeparator, symbolAfter = props.symbolAfter, raw = props.raw, className = props.className, internalClassName = props.internalClassName;
+    var formattedPrice;
+    if (value) {
+        formattedPrice = snap_toolbox_1.filters.currency(value, {
+            symbol: '',
+            decimalPlaces: decimalPlaces,
+            padDecimalPlaces: padDecimalPlaces,
+            thousandsSeparator: thousandsSeparator,
+            decimalSeparator: decimalSeparator,
+        });
+    }
+    var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
+    if (formattedPrice) {
+        return raw ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: formattedPrice })) : ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsxs)("span", __assign({}, styling, { className: (0, classnames_1.default)('ss__price', { 'ss__price--strike': lineThrough }, className, internalClassName), children: [symbol && !symbolAfter ? (0, jsx_runtime_1.jsx)("span", { className: 'ss__price__symbol', children: symbol }) : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}), (0, jsx_runtime_1.jsx)("span", { className: 'ss__price__value', children: formattedPrice }), symbol && symbolAfter ? (0, jsx_runtime_1.jsx)("span", { className: 'ss__price__symbol', children: symbol }) : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})] })) }));
+    }
+    else {
+        return null;
+    }
+}

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

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

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

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

package/dist/cjs/components/src/components/Atoms/Price/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("./Price"), exports);

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

@@ -0,0 +1,42 @@
+import { ComponentProps } from '../../../types';
+import type { SearchController } from '@athoscommerce/snap-controller';
+import { SearchMerchandisingStore, SearchPaginationStore, SearchQueryStore } from '@athoscommerce/snap-store-mobx';
+import type { Lang } from '../../../hooks';
+export declare const SearchHeader: ((properties: SearchHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export type SearchHeaderProps = {
+    controller?: SearchController;
+    query?: SearchQueryStore;
+    pagination?: SearchPaginationStore;
+    merchandising?: SearchMerchandisingStore;
+    lang?: Partial<SearchHeaderLang>;
+} & SearchHeaderTemplatesLegalProps & ComponentProps<SearchHeaderProps>;
+export type SearchHeaderTemplatesLegalProps = {
+    titleText?: string | ((data: SearchHeaderPropData) => string);
+    subtitleText?: string | ((data: SearchHeaderPropData) => string);
+    correctedQueryText?: string | ((data: SearchHeaderPropData) => string);
+    noResultsText?: string | ((data: SearchHeaderPropData) => string);
+    didYouMeanText?: string | ((data: SearchHeaderPropData) => string);
+    expandedSearchText?: string | ((data: SearchHeaderPropData) => string);
+    hideTitleText?: boolean;
+    hideSubtitleText?: boolean;
+    hideCorrectedQueryText?: boolean;
+    hideNoResultsText?: boolean;
+    hideDidYouMeanText?: boolean;
+    hideExpandedSearchText?: boolean;
+};
+export interface SearchHeaderLang {
+    titleText: Lang<SearchHeaderPropData>;
+    correctedQueryText: Lang<SearchHeaderPropData>;
+    noResultsText: Lang<SearchHeaderPropData>;
+    didYouMeanText: Lang<SearchHeaderPropData>;
+    expandedSearchText: Lang<SearchHeaderPropData>;
+    subtitleText?: Lang<SearchHeaderPropData>;
+}
+interface SearchHeaderPropData {
+    pagination?: SearchPaginationStore;
+    search?: SearchQueryStore;
+}
+export {};
+//# sourceMappingURL=SearchHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchHeader.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/SearchHeader/SearchHeader.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAGnH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAO3C,eAAO,MAAM,YAAY,gBAAyB,iBAAiB;;CAqJjE,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG;IAC/B,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,aAAa,CAAC,EAAE,wBAAwB,CAAC;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;CACjC,GAAG,+BAA+B,GAClC,cAAc,CAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,MAAM,+BAA+B,GAAG;IAC7C,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,oBAAoB,KAAK,MAAM,CAAC,CAAC;IAC9D,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,oBAAoB,KAAK,MAAM,CAAC,CAAC;IACjE,kBAAkB,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,oBAAoB,KAAK,MAAM,CAAC,CAAC;IACvE,aAAa,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,oBAAoB,KAAK,MAAM,CAAC,CAAC;IAClE,cAAc,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,oBAAoB,KAAK,MAAM,CAAC,CAAC;IACnE,kBAAkB,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,oBAAoB,KAAK,MAAM,CAAC,CAAC;IACvE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,sBAAsB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAChC,SAAS,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;IACtC,kBAAkB,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;IAC/C,aAAa,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;IAC1C,cAAc,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;IAC3C,kBAAkB,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;IAC/C,YAAY,CAAC,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;CAC1C;AAED,UAAU,oBAAoB;IAC7B,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC1B"}

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

@@ -0,0 +1,77 @@
+"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.SearchHeader = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = require("@emotion/react");
+var mobx_react_lite_1 = require("mobx-react-lite");
+var providers_1 = require("../../../providers");
+var utilities_1 = require("../../../utilities");
+var classnames_1 = __importDefault(require("classnames"));
+var hooks_1 = require("../../../hooks");
+var deepmerge_1 = __importDefault(require("deepmerge"));
+var defaultStyles = function () {
+    return (0, react_1.css)({});
+};
+exports.SearchHeader = (0, mobx_react_lite_1.observer)(function (properties) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+    var globalTheme = (0, providers_1.useTheme)();
+    var globalTreePath = (0, providers_1.useTreePath)();
+    var landingPage = ((_a = properties.controller) === null || _a === void 0 ? void 0 : _a.store.merchandising.landingPage) || ((_b = properties.merchandising) === null || _b === void 0 ? void 0 : _b.landingPage);
+    var pagination = ((_c = properties.controller) === null || _c === void 0 ? void 0 : _c.store.pagination) || properties.pagination;
+    var search = ((_d = properties.controller) === null || _d === void 0 ? void 0 : _d.store.search) || properties.query;
+    var defaultProps = {
+        titleText: "Search result".concat((pagination === null || pagination === void 0 ? void 0 : pagination.totalResults) == 1 ? '' : 's', " ").concat((search === null || search === void 0 ? void 0 : search.query) ? "for \"<span class=\"ss__search-header__results-query\">".concat(search.query.string, "</span>\"") : ''),
+        correctedQueryText: "No results found for \"<em>".concat((_e = search === null || search === void 0 ? void 0 : search.originalQuery) === null || _e === void 0 ? void 0 : _e.string, "</em>\", showing results for \"<em>").concat((_f = search === null || search === void 0 ? void 0 : search.query) === null || _f === void 0 ? void 0 : _f.string, "</em>\" instead."),
+        didYouMeanText: "Did you mean <a href=".concat((_g = search === null || search === void 0 ? void 0 : search.didYouMean) === null || _g === void 0 ? void 0 : _g.url.href, ">").concat((_h = search === null || search === void 0 ? void 0 : search.didYouMean) === null || _h === void 0 ? void 0 : _h.string, "</a>?"),
+        noResultsText: "".concat((search === null || search === void 0 ? void 0 : search.query)
+            ? "<span>\n\t\t\tNo results for \"<span class=\"ss__search-header__results-query\">".concat(search.query.string, "</span>\" found.\n\t\t</span>")
+            : "<span>No results found.</span>"),
+        expandedSearchText: "We couldn't find an exact match for \"<span class=\"ss__search-header__results-query\">".concat((_j = search === null || search === void 0 ? void 0 : search.query) === null || _j === void 0 ? void 0 : _j.string, "</span>\", but here's something similar:"),
+        treePath: globalTreePath,
+    };
+    var props = (0, utilities_1.mergeProps)('searchHeader', globalTheme, defaultProps, properties);
+    var className = props.className, internalClassName = props.internalClassName, titleText = props.titleText, subtitleText = props.subtitleText, correctedQueryText = props.correctedQueryText, noResultsText = props.noResultsText, didYouMeanText = props.didYouMeanText, expandedSearchText = props.expandedSearchText, hideTitleText = props.hideTitleText, hideSubtitleText = props.hideSubtitleText, hideCorrectedQueryText = props.hideCorrectedQueryText, hideNoResultsText = props.hideNoResultsText, hideExpandedSearchText = props.hideExpandedSearchText, hideDidYouMeanText = props.hideDidYouMeanText;
+    var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
+    //initialize lang
+    var defaultLang = {
+        titleText: {
+            value: titleText,
+        },
+        subtitleText: {
+            value: subtitleText,
+        },
+        correctedQueryText: {
+            value: correctedQueryText,
+        },
+        noResultsText: {
+            value: noResultsText,
+        },
+        didYouMeanText: {
+            value: didYouMeanText,
+        },
+        expandedSearchText: {
+            value: expandedSearchText,
+        },
+    };
+    //deep merge with props.lang
+    var lang = (0, deepmerge_1.default)(defaultLang, props.lang || {});
+    var mergedLang = (0, hooks_1.useLang)(lang, {
+        pagination: pagination,
+        search: search,
+    });
+    return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("header", __assign({}, styling, { className: (0, classnames_1.default)('ss__search-header', className, internalClassName), children: landingPage ? ((0, jsx_runtime_1.jsx)("h3", { className: (0, classnames_1.default)('ss__search-header__title', 'ss__search-header__title--landing-page'), children: landingPage.title })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(pagination === null || pagination === void 0 ? void 0 : pagination.totalResults) ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!hideExpandedSearchText && (search === null || search === void 0 ? void 0 : search.matchType) && search.matchType == 'expanded' ? ((0, jsx_runtime_1.jsx)("h3", __assign({ className: (0, classnames_1.default)('ss__search-header__title', 'ss__search-header__title--expanded'), "aria-atomic": "true", "aria-live": "polite" }, (_k = mergedLang.expandedSearchText) === null || _k === void 0 ? void 0 : _k.all))) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})), !hideTitleText && ((search === null || search === void 0 ? void 0 : search.matchType) !== 'expanded' || hideExpandedSearchText) && ((0, jsx_runtime_1.jsx)("h3", __assign({ className: (0, classnames_1.default)('ss__search-header__title', 'ss__search-header__title--results'), "aria-atomic": "true", "aria-live": "polite" }, (_l = mergedLang.titleText) === null || _l === void 0 ? void 0 : _l.all))), (search === null || search === void 0 ? void 0 : search.originalQuery) && !hideCorrectedQueryText && ((0, jsx_runtime_1.jsx)("h5", __assign({ className: (0, classnames_1.default)('ss__search-header__subtitle', 'ss__search-header__subtitle--corrected'), "aria-atomic": "true", "aria-live": "polite" }, (_m = mergedLang.correctedQueryText) === null || _m === void 0 ? void 0 : _m.all)))] })) : ((pagination === null || pagination === void 0 ? void 0 : pagination.totalResults) === 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "ss__search-header__no-results-wrapper", children: [!hideNoResultsText && ((0, jsx_runtime_1.jsx)("h3", __assign({ className: (0, classnames_1.default)('ss__search-header__title', 'ss__search-header__title--no-results'), "aria-atomic": "true", "aria-live": "polite" }, (_o = mergedLang.noResultsText) === null || _o === void 0 ? void 0 : _o.all))), (search === null || search === void 0 ? void 0 : search.didYouMean) && !hideDidYouMeanText && ((0, jsx_runtime_1.jsx)("h5", __assign({ className: (0, classnames_1.default)('ss__search-header__subtitle', 'ss__search-header__subtitle--dym'), "aria-atomic": "true", "aria-live": "polite" }, (_p = mergedLang.didYouMeanText) === null || _p === void 0 ? void 0 : _p.all)))] }))), (subtitleText || lang.subtitleText.value) && !hideSubtitleText && ((0, jsx_runtime_1.jsx)("h5", __assign({ className: (0, classnames_1.default)('ss__search-header__subtitle'), "aria-atomic": "true", "aria-live": "polite" }, (_q = mergedLang.subtitleText) === null || _q === void 0 ? void 0 : _q.all)))] })) })) }));
+});

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

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

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

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

package/dist/cjs/components/src/components/Atoms/SearchHeader/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("./SearchHeader"), exports);

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

@@ -0,0 +1,13 @@
+import { ComponentProps } from '../../../types';
+export declare const Skeleton: ((properties: SkeletonProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export type SkeletonProps = SkeletonTemplatesLegalProps & ComponentProps<SkeletonProps>;
+export type SkeletonTemplatesLegalProps = {
+    width: string;
+    height: string;
+    round?: boolean;
+    backgroundColor?: string;
+    animatedColor?: string;
+};
+//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AA0C7D,eAAO,MAAM,QAAQ,gBAAyB,aAAa;;CAqBzD,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,2BAA2B,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AACxF,MAAM,MAAM,2BAA2B,GAAG;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC"}

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

@@ -0,0 +1,71 @@
+"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.Skeleton = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = require("@emotion/react");
+var classnames_1 = __importDefault(require("classnames"));
+var mobx_react_lite_1 = require("mobx-react-lite");
+var providers_1 = require("../../../providers");
+var utilities_1 = require("../../../utilities");
+var defaultStyles = function (_a) {
+    var width = _a.width, height = _a.height, round = _a.round, backgroundColor = _a.backgroundColor, animatedColor = _a.animatedColor;
+    var animation = (0, react_1.keyframes)({
+        from: {
+            transform: 'translateX(-100%)',
+        },
+        to: {
+            transform: 'translateX(100%)',
+        },
+    });
+    return (0, react_1.css)({
+        width: width,
+        height: height,
+        borderRadius: round ? width : '0.25rem',
+        backgroundColor: backgroundColor,
+        display: 'inline-flex',
+        lineHeight: '1',
+        position: 'relative',
+        overflow: 'hidden',
+        zIndex: '1' /* Necessary for overflow: hidden to work correctly in Safari */,
+        '&:after': {
+            content: '""',
+            display: 'block',
+            position: 'absolute',
+            left: '0',
+            right: '0',
+            height: '100%',
+            backgroundRepeat: 'no-repeat',
+            backgroundImage: "linear-gradient(90deg, ".concat(backgroundColor, ", ").concat(animatedColor, ", ").concat(backgroundColor, ")"),
+            transform: 'translateX(-100%)',
+            animation: "".concat(animation, " 1.5s linear infinite"),
+            animationTimingFunction: 'ease-in-out',
+        },
+    });
+};
+exports.Skeleton = (0, mobx_react_lite_1.observer)(function (properties) {
+    var globalTheme = (0, providers_1.useTheme)();
+    var globalTreePath = (0, providers_1.useTreePath)();
+    var defaultProps = {
+        backgroundColor: '#ebebeb',
+        animatedColor: '#f5f5f5',
+        treePath: globalTreePath,
+    };
+    var props = (0, utilities_1.mergeProps)('skeleton', globalTheme, defaultProps, properties);
+    var 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({}, styling, { className: (0, classnames_1.default)('ss__skeleton', className, internalClassName) })) }));
+});

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

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

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

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

package/dist/cjs/components/src/components/Atoms/Skeleton/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("./Skeleton"), exports);

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

@@ -0,0 +1,16 @@
+import { Controllers } from '@athoscommerce/snap-controller';
+import { Theme } from '../../../providers';
+import type { SnapTemplates } from '../../../../../src';
+import type { TemplatesStore, TemplateTypes } from '../../../../../src/Templates/Stores/TemplateStore';
+export declare const TemplateSelect: ((properties: TemplateSelectProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
+    displayName: string;
+};
+export interface TemplateSelectProps {
+    templatesStore: TemplatesStore;
+    targetId: string;
+    type: TemplateTypes;
+    controller: Controllers;
+    snap: SnapTemplates;
+    theme?: Theme;
+}
+//# sourceMappingURL=TemplateSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateSelect.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/TemplateSelect/TemplateSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAmD,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC5F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,cAAc,EAAsB,aAAa,EAAE,MAAM,mDAAmD,CAAC;AAG3H,eAAO,MAAM,cAAc,gBAAyB,mBAAmB;;CA8CrE,CAAC;AACH,MAAM,WAAW,mBAAmB;IACnC,cAAc,EAAE,cAAc,CAAC;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,aAAa,CAAC;IACpB,UAAU,EAAE,WAAW,CAAC;IACxB,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;CACd"}

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

@@ -0,0 +1,62 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TemplateSelect = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var mobx_react_lite_1 = require("mobx-react-lite");
+var providers_1 = require("../../../providers");
+exports.TemplateSelect = (0, mobx_react_lite_1.observer)(function (properties) {
+    var _a, _b, _c;
+    var snap = properties.snap, templatesStore = properties.templatesStore, targetId = properties.targetId, type = properties.type, controller = properties.controller, otherProps = __rest(properties, ["snap", "templatesStore", "targetId", "type", "controller"]);
+    var loading = templatesStore.loading;
+    var targeter = templatesStore.getTarget(type, targetId);
+    if (!targeter) {
+        controller.log.error("Target \"".concat(targetId, "\" not found in store for type \"").concat(type, "\""));
+        return null;
+    }
+    var Component = templatesStore.library.getComponent(type, targeter.component);
+    var ResultComponent = undefined;
+    if (targeter.resultComponent) {
+        ResultComponent = templatesStore.library.components.result[targeter.resultComponent];
+        if (!loading && !ResultComponent && !((_a = templatesStore.settings) === null || _a === void 0 ? void 0 : _a.editMode)) {
+            var error = "Result component \"".concat(targeter.resultComponent, "\" not found in library for target \"").concat(targetId, "\"");
+            controller.log.error(error);
+        }
+    }
+    var themeLocation = (_b = templatesStore === null || templatesStore === void 0 ? void 0 : templatesStore.themes) === null || _b === void 0 ? void 0 : _b[targeter.theme.location];
+    var themeStore = themeLocation && themeLocation[targeter.theme.name];
+    var theme = themeStore === null || themeStore === void 0 ? void 0 : themeStore.theme;
+    if (!loading && !theme && !((_c = templatesStore.settings) === null || _c === void 0 ? void 0 : _c.editMode)) {
+        var error = "Theme \"".concat(targeter.theme.name, "\" not found in library for target \"").concat(targetId, "\"");
+        controller.log.error(error);
+    }
+    var componentProp = {};
+    if (targeter.resultComponent && ResultComponent) {
+        componentProp = {
+            resultComponent: ResultComponent,
+        };
+    }
+    // ensuring that theme and component are ready to render
+    return !loading && theme && Component ? ((0, jsx_runtime_1.jsx)(providers_1.SnapProvider, { snap: snap, children: (0, jsx_runtime_1.jsx)(providers_1.ThemeProvider, { theme: theme, children: (0, jsx_runtime_1.jsx)(providers_1.ControllerProvider, { controller: controller, children: (0, jsx_runtime_1.jsx)("div", { className: "ss__template-select ss__theme__".concat(theme.name), children: (0, jsx_runtime_1.jsx)(Component, __assign({ controller: controller }, componentProp, otherProps)) }) }) }) })) : null;
+});

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

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

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

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

package/dist/cjs/components/src/components/Atoms/TemplateSelect/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("./TemplateSelect"), exports);

package/dist/cjs/components/src/components/Molecules/CalloutBadge/CalloutBadge.d.ts

@@ -0,0 +1,15 @@
+import { ComponentProps, ComponentMap } from '../../../types';
+import type { Product } from '@athoscommerce/snap-store-mobx';
+export declare const CalloutBadge: ((properties: CalloutBadgeProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
+    displayName: string;
+};
+export type CalloutBadgeProps = {
+    result: Product;
+} & CalloutBadgeTemplatesLegalProps & ComponentProps<CalloutBadgeProps>;
+export type CalloutBadgeTemplatesLegalProps = {
+    tag?: string;
+    renderEmpty?: boolean;
+    componentMap?: ComponentMap;
+    limit?: number;
+};
+//# sourceMappingURL=CalloutBadge.d.ts.map

package/dist/cjs/components/src/components/Molecules/CalloutBadge/CalloutBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutBadge.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/CalloutBadge/CalloutBadge.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAe,MAAM,gBAAgB,CAAC;AAG3E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAY9D,eAAO,MAAM,YAAY,gBAAyB,iBAAiB;;CA0CjE,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG;IAC/B,MAAM,EAAE,OAAO,CAAC;CAChB,GAAG,+BAA+B,GAClC,cAAc,CAAC,iBAAiB,CAAC,CAAC;AACnC,MAAM,MAAM,+BAA+B,GAAG;IAC7C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC"}

package/dist/cjs/components/src/components/Molecules/CalloutBadge/CalloutBadge.js

@@ -0,0 +1,59 @@
+"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.CalloutBadge = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = require("@emotion/react");
+var classnames_1 = __importDefault(require("classnames"));
+var mobx_react_lite_1 = require("mobx-react-lite");
+var providers_1 = require("../../../providers");
+var utilities_1 = require("../../../utilities");
+var hooks_1 = require("../../../hooks");
+var defaultStyles = function () {
+    return (0, react_1.css)({
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        gap: '5px',
+    });
+};
+exports.CalloutBadge = (0, mobx_react_lite_1.observer)(function (properties) {
+    var _a, _b;
+    var globalTheme = (0, providers_1.useTheme)();
+    var snap = (0, providers_1.useSnap)();
+    var globalTreePath = (0, providers_1.useTreePath)();
+    var defaultProps = {
+        // default props
+        tag: 'callout',
+        limit: 1,
+        treePath: globalTreePath,
+    };
+    var props = (0, utilities_1.mergeProps)('calloutBadge', globalTheme, defaultProps, properties);
+    var result = props.result, tag = props.tag, renderEmpty = props.renderEmpty, limit = props.limit, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath;
+    var badgeComponentMap = __assign(__assign(__assign({}, utilities_1.defaultBadgeComponentMap), (((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.badge) || {})), props.componentMap);
+    var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
+    var badges = (_b = result === null || result === void 0 ? void 0 : result.display.badges) === null || _b === void 0 ? void 0 : _b.atLocation(tag).slice(0, limit);
+    if (renderEmpty || (badges === null || badges === void 0 ? void 0 : badges.length)) {
+        return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__callout-badge', "ss__callout-badge--".concat(tag === null || tag === void 0 ? void 0 : tag.replace('/', '-')), className, internalClassName), children: badges.map(function (badge) {
+                    var BadgeComponent = (0, hooks_1.useComponent)(badgeComponentMap, badge.component);
+                    if (!BadgeComponent) {
+                        return null;
+                    }
+                    return (0, jsx_runtime_1.jsx)(BadgeComponent, __assign({}, badge, badge.parameters, { treePath: treePath }));
+                }) })) }));
+    }
+    return null;
+});

package/dist/cjs/components/src/components/Molecules/CalloutBadge/index.d.ts

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

package/dist/cjs/components/src/components/Molecules/CalloutBadge/index.d.ts.map

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

package/dist/cjs/components/src/components/Molecules/CalloutBadge/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("./CalloutBadge"), exports);