@athoscommerce/snap-preact 1.1.4 → 1.2.0

package/dist/cjs/components/src/components/Atoms/Icon/paths.js

@@ -29,9 +29,91 @@ exports.iconPaths = {
     eye: 'M28 20.374q3.098 0 5.362 2.264t2.264 5.362-2.264 5.362-5.362 2.264-5.362-2.264-2.264-5.362 2.264-5.362 5.362-2.264zM28 40.749q5.243 0 8.996-3.753t3.753-8.996-3.753-8.996-8.996-3.753-8.996 3.753-3.753 8.996 3.753 8.996 8.996 3.753zM28 8.936q9.413 0 17.038 5.243t10.962 13.821q-3.336 8.579-10.962 13.821t-17.038 5.243-17.038-5.243-10.962-13.821q3.336-8.579 10.962-13.821t17.038-5.243z',
     'eye-thin': 'M52 28c-2.969-4.594-7.031-8.531-11.906-11.031 1.25 2.125 1.906 4.563 1.906 7.031 0 7.719-6.281 14-14 14s-14-6.281-14-14c0-2.469 0.656-4.906 1.906-7.031-4.875 2.5-8.938 6.437-11.906 11.031 5.344 8.25 13.969 14 24 14s18.656-5.75 24-14zM29.5 16c0-0.812-0.687-1.5-1.5-1.5-5.219 0-9.5 4.281-9.5 9.5 0 0.812 0.687 1.5 1.5 1.5s1.5-0.687 1.5-1.5c0-3.563 2.937-6.5 6.5-6.5 0.812 0 1.5-0.687 1.5-1.5zM56 28c0 0.781-0.25 1.5-0.625 2.156-5.75 9.469-16.281 15.844-27.375 15.844s-21.625-6.406-27.375-15.844c-0.375-0.656-0.625-1.375-0.625-2.156s0.25-1.5 0.625-2.156c5.75-9.437 16.281-15.844 27.375-15.844s21.625 6.406 27.375 15.844c0.375 0.656 0.625 1.375 0.625 2.156z',
     filter: 'M25.519 21.889c0 0-0.241-4.089-0.241-4.089s0-13.471 0-13.471c0.002-1.162-0.005-2.636 0.825-3.553 1.104-1.224 3.156-0.929 4.022 0.435 0.498 0.787 0.443 1.744 0.445 2.636 0 0 0 25.258 0 25.258s-5.052 0-5.052 0c0 0 0-7.217 0-7.217zM42.358 3.848c0.019-1.576 0.281-3.476 2.165-3.794 2.798-0.471 3.125 2.24 3.127 4.275 0 0 0 11.546 0 11.546s-2.646-0.233-2.646-0.233c0 0-2.646 0.233-2.646 0.233s0-12.028 0-12.028zM8.44 3.848c0.014-1.181 0.147-2.442 1.229-3.163 1.484-0.986 3.286-0.156 3.825 1.479 0.322 0.984 0.238 2.545 0.238 3.608 0 0 0 6.014 0 6.014s-2.646-0.197-2.646-0.197c0 0-2.646 0.197-2.646 0.197s0-7.938 0-7.938zM13.010 13.556c5.509 1.855 5.477 10.377-1.203 11.551-5.121 0.902-8.455-5.015-5.867-9.23 0.907-1.475 2.314-2.151 3.943-2.535 1.176-0.166 1.985-0.171 3.127 0.214zM46.207 28.993c-5.564 1.051-8.874-4.833-6.348-9.028 1.046-1.737 2.533-2.357 4.424-2.774 7.57-0.883 9.36 10.399 1.924 11.802zM13.732 26.46c0 0 0 24.536 0 24.536-0.002 1.215-0.067 3.079-0.844 4.063-1.066 1.352-3.094 1.222-3.984-0.226-0.496-0.808-0.462-1.958-0.464-2.875 0 0 0-25.499 0-25.499s5.292 0 5.292 0zM33.219 33.436c1.936 3.286-0.019 8.15-3.851 8.821-1.169 0.207-3.019 0.135-4.089-0.402-4.71-2.355-4.39-9.803 1.443-11.193 2.673-0.375 5.056 0.33 6.497 2.774zM45.004 30.77c0 0 2.646-0.221 2.646-0.221s0 21.409 0 21.409c-0.002 1.034 0.034 2.215-0.649 3.074-0.977 1.224-3.017 1.224-3.993 0-0.637-0.799-0.645-1.867-0.649-2.834 0 0 0-21.65 0-21.65s2.646 0.221 2.646 0.221zM27.684 43.998c0 0 2.887-0.219 2.887-0.219s0 8.66 0 8.66c-0.022 1.758-0.654 3.861-2.887 3.517-1.912-0.296-2.384-2.114-2.406-3.757 0 0 0-8.419 0-8.419s2.406 0.219 2.406 0.219z',
-    filters: 'M 1 15 L 8 15 L 8 19 L 1 19 Z M 28 15 L 55 15 L 55 19 L 28 19 Z M 1 37 L 28 37 L 28 41 L 1 41 Z M 48 37 L 55 37 L 55 41 L 48 41 Z M 8 17 A 10 10 0 1 1 28 17 A 10 10 0 1 1 8 17 Z M 13 17 A 5 5 0 1 0 23 17 A 5 5 0 1 0 13 17 Z M 28 39 A 10 10 0 1 1 48 39 A 10 10 0 1 1 28 39 Z M 33 39 A 5 5 0 1 0 43 39 A 5 5 0 1 0 33 39 Z',
-    bullet: 'M8 28 A20 20 0 1 1 48 28 A20 20 0 1 1 8 28 Z',
-    'bullet-o': 'M8 28 A20 20 0 1 1 48 28 A20 20 0 1 1 8 28 Z M15 28 A13 13 0 1 0 41 28 A13 13 0 1 0 15 28 Z',
+    filters: [
+        {
+            type: 'path',
+            attributes: {
+                x1: '1',
+                y1: '17',
+                x2: '55',
+                y2: '17',
+                'stroke-width': '4',
+                'stroke-linecap': 'round',
+                'stroke-linejoin': 'round',
+                stroke: 'currentColor',
+            },
+        },
+        {
+            type: 'line',
+            attributes: {
+                x1: '1',
+                y1: '39',
+                x2: '55',
+                y2: '39',
+                'stroke-width': '4',
+                'stroke-linecap': 'round',
+                'stroke-linejoin': 'round',
+                stroke: 'currentColor',
+            },
+        },
+        {
+            type: 'circle',
+            attributes: {
+                cx: '18',
+                cy: '17',
+                r: '8',
+                fill: 'white',
+                'stroke-width': '4',
+                stroke: 'currentColor',
+            },
+        },
+        {
+            type: 'circle',
+            attributes: {
+                cx: '38',
+                cy: '39',
+                r: '8',
+                fill: 'white',
+                stroke: 'currentColor',
+                'stroke-width': '4',
+            },
+        },
+    ],
+    bullet: [
+        {
+            type: 'circle',
+            attributes: {
+                cx: '28',
+                cy: '28',
+                r: '20',
+                'stroke-width': '3',
+                fill: 'white',
+                stroke: 'currentColor',
+            },
+        },
+        {
+            type: 'circle',
+            attributes: {
+                cx: '28',
+                cy: '28',
+                r: '13',
+                'stroke-width': '0',
+            },
+        },
+    ],
+    'bullet-o': [
+        {
+            type: 'circle',
+            attributes: {
+                cx: '28',
+                cy: '28',
+                r: '20',
+                'stroke-width': '3',
+                fill: 'white',
+                stroke: 'currentColor',
+            },
+        },
+    ],
     heart: 'M28 52c-0.5 0-1-0.188-1.375-0.563l-19.5-18.813c-0.25-0.219-7.125-6.5-7.125-14 0-9.156 5.594-14.625 14.938-14.625 5.469 0 10.594 4.312 13.062 6.75 2.469-2.437 7.594-6.75 13.062-6.75 9.344 0 14.938 5.469 14.938 14.625 0 7.5-6.875 13.781-7.156 14.063l-19.469 18.75c-0.375 0.375-0.875 0.563-1.375 0.563z',
     'heart-o': 'M52 18.625c0-8.781-5.937-10.625-10.938-10.625-4.656 0-9.906 5.031-11.531 6.969-0.75 0.906-2.313 0.906-3.063 0-1.625-1.938-6.875-6.969-11.531-6.969-5 0-10.938 1.844-10.938 10.625 0 5.719 5.781 11.031 5.844 11.094l18.156 17.5 18.125-17.469c0.094-0.094 5.875-5.406 5.875-11.125zM56 18.625c0 7.5-6.875 13.781-7.156 14.063l-19.469 18.75c-0.375 0.375-0.875 0.563-1.375 0.563s-1-0.188-1.375-0.563l-19.5-18.813c-0.25-0.219-7.125-6.5-7.125-14 0-9.156 5.594-14.625 14.938-14.625 5.469 0 10.594 4.312 13.062 6.75 2.469-2.437 7.594-6.75 13.062-6.75 9.344 0 14.938 5.469 14.938 14.625z',
     info: 'M56.1425 28.2143C56.1425 43.6783 43.6065 56.2143 28.1425 56.2143C12.6786 56.2143 0.142578 43.6783 0.142578 28.2143C0.142578 12.7504 12.6786 0.214325 28.1425 0.214325C43.6065 0.214325 56.1425 12.7504 56.1425 28.2143ZM32.2543 16.7406C33.1441 15.8361 33.587 14.7358 33.587 13.4469C33.587 12.1603 33.1441 11.0578 32.2543 10.1417C31.3665 9.22792 30.2961 8.76988 29.0452 8.76988C27.7901 8.76988 26.7156 9.22562 25.8194 10.1417C24.9232 11.0578 24.4741 12.1603 24.4741 13.4469C24.4741 14.7358 24.9232 15.8361 25.8194 16.7406C26.7177 17.6498 27.7901 18.1032 29.0452 18.1032C30.2961 18.1032 31.3665 17.6498 32.2543 16.7406ZM29.9419 45.5994C30.7373 45.2628 31.8057 44.7746 33.1417 44.1326C33.1417 44.1326 32.9859 42.1999 32.4746 42.3716C31.9633 42.5432 31.5033 42.6302 31.0983 42.6302C30.237 42.6302 29.6304 42.4585 29.2785 42.113C28.9285 41.7675 28.7544 41.1188 28.7544 40.1669C28.7544 39.7902 28.8076 39.2285 28.9175 38.4928C29.0238 37.7527 29.1466 37.0951 29.2822 36.52L30.9462 29.3555C31.1093 28.6979 31.2211 27.9756 31.2816 27.1865C31.342 26.3996 31.3714 25.849 31.3714 25.5369C31.3714 24.0255 30.9352 22.7995 30.0647 21.8543C29.1942 20.9091 27.9536 20.4365 26.3464 20.4365C25.4521 20.4365 24.5065 20.6305 23.5059 21.0161C22.5053 21.4018 21.4588 21.8654 20.3648 22.4071C20.3648 22.4071 20.6323 24.3198 21.0868 24.157C21.5395 23.9943 21.983 23.9096 22.4155 23.9096C23.2969 23.9096 23.8907 24.0924 24.2022 24.4535C24.5138 24.8146 24.6695 25.4566 24.6695 26.3751C24.6695 26.8833 24.6201 27.4473 24.5174 28.0603C24.4167 28.6778 24.2902 29.3309 24.1418 30.0198L22.4704 37.2111C22.322 37.9667 22.2139 38.6444 22.1461 39.2441C22.0783 39.8437 22.0453 40.4322 22.0453 41.0051C22.0453 42.483 22.4943 43.7024 23.3922 44.6632C24.2902 45.6217 25.5492 46.1032 27.1674 46.1032C28.2211 46.1032 29.1466 45.936 29.9419 45.5994Z',

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

@@ -1 +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"}
+{"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;AAK7D,eAAO,MAAM,kBAAkB,qDAAqD,CAAC;AAuBrF,wBAAgB,KAAK,CAAC,UAAU,EAAE,UAAU,oDA+E3C;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

@@ -22,6 +22,7 @@ var react_1 = require("@emotion/react");
 var classnames_1 = __importDefault(require("classnames"));
 var providers_1 = require("../../../providers");
 var utilities_1 = require("../../../utilities");
+var hooks_2 = require("../../../hooks");
 exports.FALLBACK_IMAGE_URL = '//cdn.athoscommerce.net/snap/images/fallback.png';
 var defaultStyles = function (_a) {
     var height = _a.height;
@@ -44,7 +45,9 @@ var defaultStyles = function (_a) {
     });
 };
 function Image(properties) {
+    var _a;
     var globalTheme = (0, providers_1.useTheme)();
+    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         fallback: exports.FALLBACK_IMAGE_URL,
@@ -52,9 +55,15 @@ function Image(properties) {
         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 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, customComponent = props.customComponent;
+    if (customComponent) {
+        var ComponentOverride = (0, hooks_2.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.image) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
+    var _b = (0, hooks_1.useState)(false), visibile = _b[0], setVisibile = _b[1];
+    var _c = (0, hooks_1.useState)(false), isHovering = _c[0], setHover = _c[1];
     var prevSrcRef = (0, hooks_1.useRef)('');
     (0, hooks_1.useEffect)(function () {
         prevSrcRef.current = src;

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

@@ -1 +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"}
+{"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;AA0BpH,eAAO,MAAM,YAAY,KAgDxB,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

@@ -23,6 +23,7 @@ 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 hooks_1 = require("../../../hooks");
 var defaultStyles = function (_a) {
     var width = _a.width;
     return (0, react_1.css)({
@@ -46,7 +47,9 @@ var defaultStyles = function (_a) {
     });
 };
 exports.InlineBanner = (0, providers_1.withController)((0, providers_1.withTracking)((0, mobx_react_lite_1.observer)(function (properties) {
+    var _a;
     var globalTheme = (0, providers_1.useTheme)();
+    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         layout: types_1.ResultsLayout.grid,
@@ -54,7 +57,13 @@ exports.InlineBanner = (0, providers_1.withController)((0, providers_1.withTrack
         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 banner = props.banner, className = props.className, internalClassName = props.internalClassName, disableA11y = props.disableA11y, layout = props.layout, onClick = props.onClick, customComponent = props.customComponent;
+    if (customComponent) {
+        var ComponentOverride = (0, hooks_1.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.inlineBanner) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
     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);

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingBar.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/LoadingBar/LoadingBar.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAuC7D,eAAO,MAAM,UAAU,gBAAyB,eAAe;;CA8B7D,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}/LoadingBar.js

@@ -21,6 +21,7 @@ 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 _b, _c, _d, _e;
     var color = _a.color, height = _a.height, backgroundColor = _a.backgroundColor, theme = _a.theme;
@@ -55,14 +56,22 @@ var defaultStyles = function (_a) {
     });
 };
 exports.LoadingBar = (0, mobx_react_lite_1.observer)(function (properties) {
+    var _a;
     var globalTheme = (0, providers_1.useTheme)();
+    var snap = (0, providers_1.useSnap)();
     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 active = props.active, className = props.className, internalClassName = props.internalClassName, customComponent = props.customComponent;
+    if (customComponent) {
+        var ComponentOverride = (0, hooks_1.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.loadingBar) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
     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/LoadingBar/index.d.ts.map

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

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

@@ -1 +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"}
+{"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;AAuB7D,wBAAgB,OAAO,CAAC,UAAU,EAAE,YAAY,oDAkC/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

@@ -21,6 +21,7 @@ var classnames_1 = __importDefault(require("classnames"));
 var providers_1 = require("../../../providers");
 var utilities_1 = require("../../../utilities");
 var hooks_1 = require("../../../hooks");
+var hooks_2 = require("../../../hooks");
 var defaultStyles = function (_a) {
     var transitionSpeed = _a.transitionSpeed, color = _a.color;
     return (0, react_1.css)({
@@ -39,7 +40,9 @@ var defaultStyles = function (_a) {
     });
 };
 function Overlay(properties) {
+    var _a;
     var globalTheme = (0, providers_1.useTheme)();
+    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         color: 'rgba(0,0,0,0.8)',
@@ -47,7 +50,13 @@ function Overlay(properties) {
         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 active = props.active, onClick = props.onClick, disableA11y = props.disableA11y, className = props.className, internalClassName = props.internalClassName, customComponent = props.customComponent;
+    if (customComponent) {
+        var ComponentOverride = (0, hooks_1.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.overlay) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
     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)) }));
+    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_2.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/PaginationInfo/PaginationInfo.d.ts.map

@@ -1 +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"}
+{"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,EAAyB,MAAM,gBAAgB,CAAC;AAO7D,eAAO,MAAM,cAAc,gBAAyB,mBAAmB;;CA4DrE,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

@@ -27,8 +27,9 @@ 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 _a, _b, _c, _d, _e, _f;
     var globalTheme = (0, providers_1.useTheme)();
+    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var pagination = ((_a = properties.controller) === null || _a === void 0 ? void 0 : _a.store.pagination) || properties.pagination;
     var defaultProps = {
@@ -36,15 +37,21 @@ exports.PaginationInfo = (0, mobx_react_lite_1.observer)(function (properties) {
         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 controller = props.controller, infoText = props.infoText, className = props.className, internalClassName = props.internalClassName, customComponent = props.customComponent;
+    if (customComponent) {
+        var ComponentOverride = (0, hooks_1.useComponent)(((_b = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _b === void 0 ? void 0 : _b.library.import.component.paginationInfo) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
+    var store = pagination || ((_c = controller === null || controller === void 0 ? void 0 : controller.store) === null || _c === void 0 ? void 0 : _c.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, "\"") : ''),
+                '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(((_d = controller === null || controller === void 0 ? void 0 : controller.store) === null || _d === void 0 ? void 0 : _d.search.query) ? "for \"".concat((_e = controller === null || controller === void 0 ? void 0 : controller.store) === null || _e === void 0 ? void 0 : _e.search.query.string, "\"") : ''),
             },
         },
     };
@@ -53,5 +60,5 @@ exports.PaginationInfo = (0, mobx_react_lite_1.observer)(function (properties) {
     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;
+    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) }, (_f = mergedLang.infoText) === null || _f === void 0 ? void 0 : _f.all)) })) : null;
 });

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

@@ -1 +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"}
+{"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;AAe7D,wBAAgB,KAAK,CAAC,UAAU,EAAE,UAAU,2DAoE3C;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"}

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

@@ -21,6 +21,7 @@ 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 _b, _c;
     var theme = _a.theme;
@@ -33,7 +34,9 @@ var defaultStyles = function (_a) {
     });
 };
 function Price(properties) {
+    var _a;
     var globalTheme = (0, providers_1.useTheme)();
+    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         symbol: '$',
@@ -46,7 +49,13 @@ function Price(properties) {
         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 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, customComponent = props.customComponent;
+    if (customComponent) {
+        var ComponentOverride = (0, hooks_1.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.price) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
     var formattedPrice;
     if (value) {
         formattedPrice = snap_toolbox_1.filters.currency(value, {

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

@@ -1 +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"}
+{"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;AAQ3C,eAAO,MAAM,YAAY,gBAAyB,iBAAiB;;CA8JjE,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

@@ -27,8 +27,9 @@ 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 _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
     var globalTheme = (0, providers_1.useTheme)();
+    var snap = (0, providers_1.useSnap)();
     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;
@@ -44,7 +45,13 @@ exports.SearchHeader = (0, mobx_react_lite_1.observer)(function (properties) {
         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 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, customComponent = props.customComponent;
+    if (customComponent) {
+        var ComponentOverride = (0, hooks_1.useComponent)(((_k = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _k === void 0 ? void 0 : _k.library.import.component.searchHeader) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
     var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
     //initialize lang
     var defaultLang = {
@@ -73,5 +80,5 @@ exports.SearchHeader = (0, mobx_react_lite_1.observer)(function (properties) {
         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)))] })) })) }));
+    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" }, (_l = mergedLang.expandedSearchText) === null || _l === void 0 ? void 0 : _l.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" }, (_m = mergedLang.titleText) === null || _m === void 0 ? void 0 : _m.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" }, (_o = mergedLang.correctedQueryText) === null || _o === void 0 ? void 0 : _o.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" }, (_p = mergedLang.noResultsText) === null || _p === void 0 ? void 0 : _p.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" }, (_q = mergedLang.didYouMeanText) === null || _q === void 0 ? void 0 : _q.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" }, (_r = mergedLang.subtitleText) === null || _r === void 0 ? void 0 : _r.all)))] })) })) }));
 });

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

@@ -1 +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"}
+{"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;AA4C7D,eAAO,MAAM,QAAQ,gBAAyB,aAAa;;CA6BzD,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

@@ -21,6 +21,7 @@ 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 (_a) {
     var width = _a.width, height = _a.height, round = _a.round, backgroundColor = _a.backgroundColor, animatedColor = _a.animatedColor;
     var animation = (0, react_1.keyframes)({
@@ -57,7 +58,9 @@ var defaultStyles = function (_a) {
     });
 };
 exports.Skeleton = (0, mobx_react_lite_1.observer)(function (properties) {
+    var _a;
     var globalTheme = (0, providers_1.useTheme)();
+    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         backgroundColor: '#ebebeb',
@@ -65,7 +68,13 @@ exports.Skeleton = (0, mobx_react_lite_1.observer)(function (properties) {
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('skeleton', globalTheme, defaultProps, properties);
-    var className = props.className, internalClassName = props.internalClassName;
+    var className = props.className, internalClassName = props.internalClassName, customComponent = props.customComponent;
+    if (customComponent) {
+        var ComponentOverride = (0, hooks_1.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.skeleton) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
     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/TemplateSelect/TemplateSelect.d.ts.map

@@ -1 +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"}
+{"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;AAE3H,eAAO,MAAM,cAAc,gBAAyB,mBAAmB;;CA8BrE,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

@@ -27,7 +27,7 @@ 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 _a, _b;
     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);
@@ -36,27 +36,13 @@ exports.TemplateSelect = (0, mobx_react_lite_1.observer)(function (properties) {
         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 themeLocation = (_a = templatesStore === null || templatesStore === void 0 ? void 0 : templatesStore.themes) === null || _a === void 0 ? void 0 : _a[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)) {
+    if (!loading && !theme && !((_b = templatesStore.settings) === null || _b === void 0 ? void 0 : _b.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;
+    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 }, otherProps)) }) }) }) })) : null;
 });

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

@@ -1 +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"}
+{"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;;CAiDjE,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

@@ -31,7 +31,7 @@ var defaultStyles = function () {
     });
 };
 exports.CalloutBadge = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a, _b;
+    var _a, _b, _c;
     var globalTheme = (0, providers_1.useTheme)();
     var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
@@ -42,10 +42,16 @@ exports.CalloutBadge = (0, mobx_react_lite_1.observer)(function (properties) {
         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 result = props.result, tag = props.tag, renderEmpty = props.renderEmpty, limit = props.limit, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath, customComponent = props.customComponent;
+    if (customComponent) {
+        var ComponentOverride = (0, hooks_1.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.calloutBadge) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
+    var badgeComponentMap = __assign(__assign(__assign({}, utilities_1.defaultBadgeComponentMap), (((_b = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _b === void 0 ? void 0 : _b.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);
+    var badges = (_c = result === null || result === void 0 ? void 0 : result.display.badges) === null || _c === void 0 ? void 0 : _c.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);

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

@@ -1 +1 @@
-{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAK,cAAc,EAAE,MAAM,QAAQ,CAAC;AAW3C,OAAO,KAAK,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAGvE,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAe,MAAM,gBAAgB,CAAC;AAiJ/E,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BtC,CAAC;AAEF,eAAO,MAAM,kCAAkC;;;;;;CAM9C,CAAC;AAEF,eAAO,MAAM,QAAQ,gBAAyB,aAAa;;CA+QzD,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG;IAC3B,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAC/B,GAAG,2BAA2B,GAC9B,cAAc,CAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,MAAM,2BAA2B,GAAG;IACzC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC,SAAS,CAAC,EAAE,OAAO,GAAG,gBAAgB,CAAC;IACvC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,KAAK,IAAI,CAAC;IACnF,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC,GAAG,IAAI,CAAC,aAAa,EAAE,aAAa,GAAG,eAAe,CAAC,CAAC"}
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAK,cAAc,EAAE,MAAM,QAAQ,CAAC;AAW3C,OAAO,KAAK,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAGvE,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAe,MAAM,gBAAgB,CAAC;AAmJ/E,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BtC,CAAC;AAEF,eAAO,MAAM,kCAAkC;;;;;;CAM9C,CAAC;AAEF,eAAO,MAAM,QAAQ,gBAAyB,aAAa;;CAuRzD,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG;IAC3B,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAC/B,GAAG,2BAA2B,GAC9B,cAAc,CAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,MAAM,2BAA2B,GAAG;IACzC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC,SAAS,CAAC,EAAE,OAAO,GAAG,gBAAgB,CAAC;IACvC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,KAAK,IAAI,CAAC;IACnF,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC,GAAG,IAAI,CAAC,aAAa,EAAE,aAAa,GAAG,eAAe,CAAC,CAAC"}