@athoscommerce/snap-preact 1.1.4 → 1.2.0

package/dist/esm/components/src/components/Templates/Recommendation/Recommendation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Recommendation.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/Recommendation/Recommendation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAK,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAO9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAO9D,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,eAAe,EAAe,MAAM,gBAAgB,CAAC;AAGhG,OAAO,EAAE,IAAI,EAAW,MAAM,gBAAgB,CAAC;AAY/C,eAAO,MAAM,cAAc,gBAAyB,mBAAmB;;CA+LrE,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG;IACjC,UAAU,EAAE,wBAAwB,CAAC;IACrC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,IAAI,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAC/B,GAAG,iCAAiC,GACpC,cAAc,CAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,MAAM,iCAAiC,GAAG;IAC/C,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,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,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE;QACZ,OAAO,EAAE,OAAO,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC,GAAG,IAAI,CAAC,aAAa,EAAE,aAAa,GAAG,eAAe,CAAC,GACvD,cAAc,CAAC;AAEhB,MAAM,WAAW,kBAAkB;IAClC,SAAS,CAAC,EAAE,IAAI,CAAC;QAChB,UAAU,EAAE,wBAAwB,CAAC;KACrC,CAAC,CAAC;CACH"}
+{"version":3,"file":"Recommendation.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/Recommendation/Recommendation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAK,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAO9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAO9D,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAe,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG7F,OAAO,EAAE,IAAI,EAAW,MAAM,gBAAgB,CAAC;AAY/C,eAAO,MAAM,cAAc,gBAAyB,mBAAmB;;CAkMrE,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG;IACjC,UAAU,EAAE,wBAAwB,CAAC;IACrC,eAAe,CAAC,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7C,IAAI,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAC/B,GAAG,iCAAiC,GACpC,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,iCAAiC,GAAG;IAC/C,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,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,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE;QACZ,OAAO,EAAE,OAAO,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC,GAAG,IAAI,CAAC,aAAa,EAAE,aAAa,GAAG,eAAe,CAAC,GACvD,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,WAAW,kBAAkB;IAClC,SAAS,CAAC,EAAE,IAAI,CAAC;QAChB,UAAU,EAAE,wBAAwB,CAAC;KACrC,CAAC,CAAC;CACH"}

package/dist/esm/components/src/components/Templates/Recommendation/Recommendation.js

@@ -6,7 +6,7 @@ import { observer } from 'mobx-react-lite';
 import deepmerge from 'deepmerge';
 import { Carousel, defaultCarouselBreakpoints, defaultVerticalCarouselBreakpoints } from '../../Molecules/Carousel';
 import { Result } from '../../Molecules/Result';
-import { defined, mergeProps, mergeStyles } from '../../../utilities';
+import { cloneWithProps, defined, mergeProps, mergeStyles } from '../../../utilities';
 import { useIntersection } from '../../../hooks';
 import { useTheme, CacheProvider, useTreePath } from '../../../providers';
 import { useDisplaySettings } from '../../../hooks/useDisplaySettings';
@@ -112,8 +112,11 @@ export const Recommendation = observer((properties) => {
                             ? children.map((child, idx) => (_jsx(ResultTracker, { controller: controller, result: resultsToRender[idx], children: child })))
                             : resultsToRender.map((result) => (_jsx(ResultTracker, { controller: controller, result: result, children: (() => {
                                     if (resultComponent && controller) {
-                                        const ResultComponent = resultComponent;
-                                        return _jsx(ResultComponent, { controller: controller, result: result, treePath: subProps.result.treePath });
+                                        return cloneWithProps(resultComponent, {
+                                            controller,
+                                            result,
+                                            treePath: subProps.result.treePath,
+                                        });
                                     }
                                     else {
                                         return _jsx(Result, { ...subProps.result, controller: controller, result: result }, result.id);

package/dist/esm/components/src/components/Templates/RecommendationBundle/RecommendationBundle.d.ts

@@ -1,5 +1,5 @@
 import { CarouselProps as CarouselProps } from '../../Molecules/Carousel';
-import { ComponentProps, BreakpointsProps, ResultComponent } from '../../../types';
+import { ComponentProps, BreakpointsProps, JSXComponent } from '../../../types';
 import { IconProps, IconType } from '../../Atoms/Icon';
 import type { RecommendationController } from '@athoscommerce/snap-controller';
 import type { CartStore, Product } from '@athoscommerce/snap-store-mobx';
@@ -17,16 +17,11 @@ type BundleCarouselProps = {
 export type RecommendationBundleProps = {
     controller: RecommendationController;
     breakpoints?: BreakpointsProps;
-    resultComponent?: ResultComponent<{
-        controller: RecommendationController;
-        seed?: boolean;
-        selected?: boolean;
-        onProductSelect?: (product: Product) => void;
-    }>;
+    resultComponent?: JSXComponent | JSX.Element;
     alias?: string;
     lang?: Partial<RecommendationBundleLang>;
     results?: Product[];
-} & RecommendationBundleTemplatesLegalProps & ComponentProps<RecommendationBundleProps>;
+} & RecommendationBundleTemplatesLegalProps & Omit<ComponentProps, 'customComponent'>;
 export type RecommendationBundleTemplatesLegalProps = {
     limit?: number;
     onAddToCart?: (e: MouseEvent, items: Product[]) => void;

package/dist/esm/components/src/components/Templates/RecommendationBundle/RecommendationBundle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RecommendationBundle.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/RecommendationBundle/RecommendationBundle.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"RecommendationBundle.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/RecommendationBundle/RecommendationBundle.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/src/components/Templates/RecommendationBundle/RecommendationBundle.js

@@ -168,7 +168,7 @@ export const RecommendationBundle = observer((properties) => {
             };
         }
     }
-    const { title, description, controller, breakpoints, results, carousel, preselectedCount, separatorIcon, hideCheckboxes, limit, seedText, vertical, onAddToCart, separatorIconSeedOnly, resultComponent, ctaSlot, hideSeed, ctaButtonText, ctaButtonSuccessText, ctaButtonSuccessTimeout, disableStyles, ctaIcon, ctaInline, hideSeedText, lazyRender, className, internalClassName, style: _, styleScript: __, themeStyleScript: ___, treePath, ...additionalProps } = props;
+    const { title, description, controller, breakpoints, results, carousel, preselectedCount, separatorIcon, hideCheckboxes, limit, seedText, vertical, onAddToCart, separatorIconSeedOnly, resultComponent, ctaSlot, hideSeed, ctaButtonText, ctaButtonSuccessText, ctaButtonSuccessTimeout, disableStyles, ctaIcon, ctaInline, hideSeedText, lazyRender, className, internalClassName, alias, style: _, styleScript: __, themeStyleScript: ___, treePath, ...additionalProps } = props;
     const mergedlazyRender = {
         enabled: true,
         offset: '10%',
@@ -200,6 +200,7 @@ export const RecommendationBundle = observer((properties) => {
     const seed = results
         ? results.filter((result) => result.bundleSeed == true).pop()
         : controller.store?.results?.filter((result) => result.bundleSeed == true).pop();
+    const resultSubProps = alias == 'recommendationBundleList' ? { hideImage: true, hideBadge: true } : {};
     const subProps = {
         carousel: {
             loop: loop,
@@ -216,6 +217,7 @@ export const RecommendationBundle = observer((properties) => {
         result: {
             // default props
             internalClassName: 'ss__recommendation__result',
+            ...resultSubProps,
             // inherited props
             ...defined({
                 disableStyles,
@@ -410,8 +412,14 @@ export const RecommendationBundle = observer((properties) => {
                                                     onProductSelect(seed);
                                                 }, checked: selectedItems.findIndex((item) => item.id == seed.id) > -1, icon: separatorIcon, hideCheckboxes: hideCheckboxes, theme: props.theme, ref: seedRef, treePath: treePath, classNamePrefix: classNamePrefix, lang: { seedText: lang.seedText }, children: (() => {
                                                     if (resultComponent && controller) {
-                                                        const ResultComponent = resultComponent;
-                                                        return (_jsx(ResultComponent, { controller: controller, seed: true, selected: selectedItems.findIndex((item) => item.id == seed.id) > -1, onProductSelect: onProductSelect, result: seed, treePath: treePath }));
+                                                        return cloneWithProps(resultComponent, {
+                                                            controller,
+                                                            seed: true,
+                                                            selected: selectedItems.findIndex((item) => item.id == seed.id) > -1,
+                                                            onProductSelect,
+                                                            result: seed,
+                                                            treePath,
+                                                        });
                                                     }
                                                     else {
                                                         return _jsx(Result, { ...subProps.result, controller: controller, result: seed });

package/dist/esm/components/src/components/Templates/RecommendationBundleEasyAdd/RecommendationBundleEasyAdd.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps, ResultComponent } from '../../../types';
+import { ComponentProps } from '../../../types';
 import { RecommendationBundleLang, RecommendationBundleProps } from '../RecommendationBundle';
 import { Product } from '@athoscommerce/snap-store-mobx';
 import { AbstractController, RecommendationController } from '@athoscommerce/snap-controller';
@@ -7,15 +7,9 @@ export declare const RecommendationBundleEasyAdd: ((properties: RecommendationBu
 };
 export type RecommendationBundleEasyAddProps = {
     controller: RecommendationController & AbstractController;
-    resultComponent?: ResultComponent<{
-        controller: RecommendationController;
-        seed?: boolean;
-        selected?: boolean;
-        onProductSelect?: (product: Product) => void;
-    }> | undefined;
     alias?: string | undefined;
     lang?: Partial<RecommendationBundleLang> | undefined;
     results?: Product[] | undefined;
-} & RecommendationBundleEasyAddTemplatesLegalProps & ComponentProps<RecommendationBundleEasyAddProps>;
-export type RecommendationBundleEasyAddTemplatesLegalProps = Omit<RecommendationBundleProps, 'controller' | 'resultComponent' | 'alias' | 'lang' | 'results' | 'hideSeed' | 'limit' | 'hideCheckboxes' | 'carousel' | 'separatorIcon' | 'separatorIconSeedOnly' | 'preselectedCount' | 'breakpoints'>;
+} & RecommendationBundleEasyAddTemplatesLegalProps & Omit<ComponentProps, 'customComponent'>;
+export type RecommendationBundleEasyAddTemplatesLegalProps = Omit<RecommendationBundleProps, 'controller' | 'alias' | 'lang' | 'results' | 'hideSeed' | 'limit' | 'hideCheckboxes' | 'carousel' | 'separatorIcon' | 'separatorIconSeedOnly' | 'preselectedCount' | 'breakpoints'>;
 //# sourceMappingURL=RecommendationBundleEasyAdd.d.ts.map

package/dist/esm/components/src/components/Templates/RecommendationBundleEasyAdd/RecommendationBundleEasyAdd.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RecommendationBundleEasyAdd.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/RecommendationBundleEasyAdd/RecommendationBundleEasyAdd.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAe,MAAM,gBAAgB,CAAC;AAC9E,OAAO,EAAwB,wBAAwB,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACpH,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAY9F,eAAO,MAAM,2BAA2B,gBAAyB,gCAAgC;;CAwC/F,CAAC;AAEH,MAAM,MAAM,gCAAgC,GAAG;IAC9C,UAAU,EAAE,wBAAwB,GAAG,kBAAkB,CAAC;IAC1D,eAAe,CAAC,EACb,eAAe,CAAC;QAChB,UAAU,EAAE,wBAAwB,CAAC;QACrC,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;KAC5C,CAAC,GACF,SAAS,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,GAAG,SAAS,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC;CAChC,GAAG,8CAA8C,GACjD,cAAc,CAAC,gCAAgC,CAAC,CAAC;AAElD,MAAM,MAAM,8CAA8C,GAAG,IAAI,CAChE,yBAAyB,EACvB,YAAY,GACZ,iBAAiB,GACjB,OAAO,GACP,MAAM,GACN,SAAS,GACT,UAAU,GACV,OAAO,GACP,gBAAgB,GAChB,UAAU,GACV,eAAe,GACf,uBAAuB,GACvB,kBAAkB,GAClB,aAAa,CACf,CAAC"}
+{"version":3,"file":"RecommendationBundleEasyAdd.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/RecommendationBundleEasyAdd/RecommendationBundleEasyAdd.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAwB,wBAAwB,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACpH,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAY9F,eAAO,MAAM,2BAA2B,gBAAyB,gCAAgC;;CAwC/F,CAAC;AAEH,MAAM,MAAM,gCAAgC,GAAG;IAC9C,UAAU,EAAE,wBAAwB,GAAG,kBAAkB,CAAC;IAC1D,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,GAAG,SAAS,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC;CAChC,GAAG,8CAA8C,GACjD,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,8CAA8C,GAAG,IAAI,CAChE,yBAAyB,EACvB,YAAY,GACZ,OAAO,GACP,MAAM,GACN,SAAS,GACT,UAAU,GACV,OAAO,GACP,gBAAgB,GAChB,UAAU,GACV,eAAe,GACf,uBAAuB,GACvB,kBAAkB,GAClB,aAAa,CACf,CAAC"}

package/dist/esm/components/src/components/Templates/RecommendationBundleList/RecommendationBundleList.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps, ResultComponent } from '../../../types';
+import { ComponentProps } from '../../../types';
 import { RecommendationBundleLang, RecommendationBundleProps } from '../RecommendationBundle';
 import { BundledCTAProps } from '../RecommendationBundle/BundleCTA';
 import { AbstractController, RecommendationController } from '@athoscommerce/snap-controller';
@@ -8,17 +8,11 @@ export declare const RecommendationBundleList: ((properties: RecommendationBundl
 };
 export type RecommendationBundleListProps = {
     controller: RecommendationController & AbstractController;
-    resultComponent?: ResultComponent<{
-        controller: RecommendationController;
-        seed?: boolean;
-        selected?: boolean;
-        onProductSelect?: (product: Product) => void;
-    }> | undefined;
     alias?: string | undefined;
     lang?: Partial<RecommendationBundleLang> | undefined;
     results?: Product[] | undefined;
-} & RecommendationBundleListTemplatesLegalProps & ComponentProps<RecommendationBundleListProps>;
-export type RecommendationBundleListTemplatesLegalProps = Omit<RecommendationBundleProps, 'controller' | 'resultComponent' | 'alias' | 'lang' | 'results' | 'seedText' | 'ctaInline' | 'ctaIcon' | 'vertical' | 'slidesPerView' | 'carousel' | 'breakpoints'>;
+} & RecommendationBundleListTemplatesLegalProps & Omit<ComponentProps, 'customComponent'>;
+export type RecommendationBundleListTemplatesLegalProps = Omit<RecommendationBundleProps, 'controller' | 'alias' | 'lang' | 'results' | 'seedText' | 'ctaInline' | 'ctaIcon' | 'vertical' | 'slidesPerView' | 'carousel' | 'breakpoints'>;
 export declare const CTASlot: ((props: BundledCTAProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };

package/dist/esm/components/src/components/Templates/RecommendationBundleList/RecommendationBundleList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RecommendationBundleList.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/RecommendationBundleList/RecommendationBundleList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAe,MAAM,gBAAgB,CAAC;AAE9E,OAAO,EAAwB,wBAAwB,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAMpH,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAMpE,OAAO,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC9F,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAwDzD,eAAO,MAAM,wBAAwB,gBAAyB,6BAA6B;;CA0CzF,CAAC;AAEH,MAAM,MAAM,6BAA6B,GAAG;IAC3C,UAAU,EAAE,wBAAwB,GAAG,kBAAkB,CAAC;IAC1D,eAAe,CAAC,EACb,eAAe,CAAC;QAChB,UAAU,EAAE,wBAAwB,CAAC;QACrC,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;KAC5C,CAAC,GACF,SAAS,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,GAAG,SAAS,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC;CAChC,GAAG,2CAA2C,GAC9C,cAAc,CAAC,6BAA6B,CAAC,CAAC;AAE/C,MAAM,MAAM,2CAA2C,GAAG,IAAI,CAC7D,yBAAyB,EACvB,YAAY,GACZ,iBAAiB,GACjB,OAAO,GACP,MAAM,GACN,SAAS,GACT,UAAU,GACV,WAAW,GACX,SAAS,GACT,UAAU,GACV,eAAe,GACf,UAAU,GACV,aAAa,CACf,CAAC;AAcF,eAAO,MAAM,OAAO,WAAoB,eAAe;;CAmIrD,CAAC"}
+{"version":3,"file":"RecommendationBundleList.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/RecommendationBundleList/RecommendationBundleList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAE7D,OAAO,EAAwB,wBAAwB,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAKpH,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAMpE,OAAO,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC9F,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAwDzD,eAAO,MAAM,wBAAwB,gBAAyB,6BAA6B;;CAyCzF,CAAC;AAEH,MAAM,MAAM,6BAA6B,GAAG;IAC3C,UAAU,EAAE,wBAAwB,GAAG,kBAAkB,CAAC;IAC1D,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,GAAG,SAAS,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC;CAChC,GAAG,2CAA2C,GAC9C,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,2CAA2C,GAAG,IAAI,CAC7D,yBAAyB,EACzB,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,eAAe,GAAG,UAAU,GAAG,aAAa,CAC9I,CAAC;AAcF,eAAO,MAAM,OAAO,WAAoB,eAAe;;CAmIrD,CAAC"}

package/dist/esm/components/src/components/Templates/RecommendationBundleList/RecommendationBundleList.js

@@ -7,7 +7,6 @@ import { Price } from '../../Atoms/Price';
 import { Button } from '../../Atoms/Button';
 import { Icon } from '../../Atoms/Icon';
 import { Image } from '../../Atoms/Image';
-import { Result } from '../../Molecules/Result';
 import { componentNameToClassName } from '../../../utilities/componentNameToClassName';
 import classNames from 'classnames';
 import { useState } from 'preact/hooks';
@@ -77,7 +76,6 @@ export const RecommendationBundleList = observer((properties) => {
                 seedInCarousel: true,
             },
             ctaSlot: (props) => _jsx(CTASlot, { ...props }),
-            resultComponent: (props) => _jsx(Result, { hideImage: true, hideBadge: true, ...props }),
             vertical: true,
             separatorIcon: false,
             alias: alias,

package/dist/esm/components/src/components/Templates/RecommendationBundleVertical/RecommendationBundleVertical.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps, ResultComponent } from '../../../types';
+import { ComponentProps } from '../../../types';
 import { RecommendationBundleLang, RecommendationBundleProps } from '../RecommendationBundle';
 import { Product } from '@athoscommerce/snap-store-mobx';
 import { AbstractController, RecommendationController } from '@athoscommerce/snap-controller';
@@ -7,15 +7,9 @@ export declare const RecommendationBundleVertical: ((properties: RecommendationB
 };
 export type RecommendationBundleVerticalProps = {
     controller: RecommendationController & AbstractController;
-    resultComponent?: ResultComponent<{
-        controller: RecommendationController;
-        seed?: boolean;
-        selected?: boolean;
-        onProductSelect?: (product: Product) => void;
-    }> | undefined;
     alias?: string | undefined;
     lang?: Partial<RecommendationBundleLang> | undefined;
     results?: Product[] | undefined;
-} & RecommendationBundleVerticalTemplatesLegalProps & ComponentProps<RecommendationBundleVerticalProps>;
-export type RecommendationBundleVerticalTemplatesLegalProps = Omit<RecommendationBundleProps, 'controller' | 'resultComponent' | 'alias' | 'lang' | 'results' | 'vertical' | 'ctaInline' | 'carousel' | 'slidesPerView'>;
+} & RecommendationBundleVerticalTemplatesLegalProps & Omit<ComponentProps, 'customComponent'>;
+export type RecommendationBundleVerticalTemplatesLegalProps = Omit<RecommendationBundleProps, 'controller' | 'alias' | 'lang' | 'results' | 'vertical' | 'ctaInline' | 'carousel' | 'slidesPerView'>;
 //# sourceMappingURL=RecommendationBundleVertical.d.ts.map

package/dist/esm/components/src/components/Templates/RecommendationBundleVertical/RecommendationBundleVertical.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RecommendationBundleVertical.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/RecommendationBundleVertical/RecommendationBundleVertical.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAe,MAAM,gBAAgB,CAAC;AAC9E,OAAO,EAAwB,wBAAwB,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACpH,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAe9F,eAAO,MAAM,4BAA4B,gBAAyB,iCAAiC;;CAkCjG,CAAC;AAEH,MAAM,MAAM,iCAAiC,GAAG;IAC/C,UAAU,EAAE,wBAAwB,GAAG,kBAAkB,CAAC;IAC1D,eAAe,CAAC,EACb,eAAe,CAAC;QAChB,UAAU,EAAE,wBAAwB,CAAC;QACrC,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;KAC5C,CAAC,GACF,SAAS,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,GAAG,SAAS,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC;CAChC,GAAG,+CAA+C,GAClD,cAAc,CAAC,iCAAiC,CAAC,CAAC;AAEnD,MAAM,MAAM,+CAA+C,GAAG,IAAI,CACjE,yBAAyB,EACzB,YAAY,GAAG,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,eAAe,CACzH,CAAC"}
+{"version":3,"file":"RecommendationBundleVertical.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/RecommendationBundleVertical/RecommendationBundleVertical.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAwB,wBAAwB,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACpH,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAe9F,eAAO,MAAM,4BAA4B,gBAAyB,iCAAiC;;CAkCjG,CAAC;AAEH,MAAM,MAAM,iCAAiC,GAAG;IAC/C,UAAU,EAAE,wBAAwB,GAAG,kBAAkB,CAAC;IAC1D,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,GAAG,SAAS,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC;CAChC,GAAG,+CAA+C,GAClD,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,+CAA+C,GAAG,IAAI,CACjE,yBAAyB,EACzB,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,eAAe,CACrG,CAAC"}

package/dist/esm/components/src/components/Templates/RecommendationEmail/RecommendationEmail.d.ts

@@ -2,18 +2,16 @@ import type { RecommendationController } from '@athoscommerce/snap-controller';
 import type { Product } from '@athoscommerce/snap-store-mobx';
 import { ResultProps } from '../../Molecules/Result';
 import { ThemeComponent } from '../../../providers';
-import { ComponentProps, ResultComponent } from '../../../types';
-export declare const recommendationEmailThemeComponentProps: ThemeComponent<'recommendationEmailThemeComponentProps', RecommendationEmailProps>;
+import { ComponentProps, JSXComponent } from '../../../types';
+export declare const recommendationEmailThemeComponentProps: ThemeComponent<'recommendationEmailThemeComponentProps', RecommendationEmailProps, RecommendationEmailTemplatesLegalProps>;
 export declare const RecommendationEmail: ((properties: RecommendationEmailProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
 export type RecommendationEmailProps = {
     controller?: RecommendationController;
     results?: Product[];
-    resultComponent?: ResultComponent<{
-        email: boolean;
-    }>;
-} & RecommendationEmailTemplatesLegalProps & ComponentProps<RecommendationEmailProps>;
+    resultComponent?: JSXComponent | JSX.Element;
+} & RecommendationEmailTemplatesLegalProps & Omit<ComponentProps, 'customComponent'>;
 export type RecommendationEmailTemplatesLegalProps = {
     resultProps?: Partial<ResultProps> | Record<string, any>;
     resultWidth?: string;

package/dist/esm/components/src/components/Templates/RecommendationEmail/RecommendationEmail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RecommendationEmail.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/RecommendationEmail/RecommendationEmail.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAsB,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AACnG,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAE9D,OAAO,EAAU,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,EAAS,cAAc,EAAyB,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,eAAe,EAAe,MAAM,gBAAgB,CAAC;AAE9E,eAAO,MAAM,sCAAsC,EAAE,cAAc,CAAC,wCAAwC,EAAE,wBAAwB,CAKrI,CAAC;AAMF,eAAO,MAAM,mBAAmB,gBAAyB,wBAAwB;;CAuE/E,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG;IACtC,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;IACpB,eAAe,CAAC,EAAE,eAAe,CAAC;QAAE,KAAK,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CACtD,GAAG,sCAAsC,GACzC,cAAc,CAAC,wBAAwB,CAAC,CAAC;AAE1C,MAAM,MAAM,sCAAsC,GAAG;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC"}
+{"version":3,"file":"RecommendationEmail.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/RecommendationEmail/RecommendationEmail.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAE9D,OAAO,EAAU,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,EAAS,cAAc,EAAyB,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,cAAc,EAAe,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE3E,eAAO,MAAM,sCAAsC,EAAE,cAAc,CAClE,wCAAwC,EACxC,wBAAwB,EACxB,sCAAsC,CAMtC,CAAC;AAMF,eAAO,MAAM,mBAAmB,gBAAyB,wBAAwB;;CA0E/E,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG;IACtC,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;IACpB,eAAe,CAAC,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC;CAC7C,GAAG,sCAAsC,GACzC,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,sCAAsC,GAAG;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC"}

package/dist/esm/components/src/components/Templates/RecommendationEmail/RecommendationEmail.js

@@ -3,7 +3,7 @@ import { css } from '@emotion/react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { Result } from '../../Molecules/Result';
-import { defined, mergeProps, mergeStyles } from '../../../utilities';
+import { cloneWithProps, defined, mergeProps, mergeStyles } from '../../../utilities';
 import { useTheme, useTreePath } from '../../../providers';
 export const recommendationEmailThemeComponentProps = {
     default: {},
@@ -41,8 +41,13 @@ export const RecommendationEmail = observer((properties) => {
     const resultsToRender = results || controller?.store?.results || [];
     return resultsToRender.length > 0 ? (_jsx("div", { className: classnames('ss__recommendation-email', className, internalClassName), ...styling, children: resultsToRender.map((result, idx) => (_jsx("div", { id: `ss-emailrec${idx}`, className: classnames('ss__recommendation-email__result-wrapper'), style: { display: 'block', width: resultWidth }, children: (() => {
                 if (resultComponent) {
-                    const ResultComponent = resultComponent;
-                    return (_jsx(ResultComponent, { controller: controller, result: result, ...resultProps, email: true, treePath: treePath }));
+                    return cloneWithProps(resultComponent, {
+                        controller,
+                        result,
+                        ...resultProps,
+                        email: true,
+                        treePath,
+                    });
                 }
                 else {
                     return (_jsx(Result, { result: result, hideBadge: true, theme: {

package/dist/esm/components/src/components/Templates/RecommendationGrid/RecommendationGrid.d.ts

@@ -1,15 +1,15 @@
 import type { RecommendationController } from '@athoscommerce/snap-controller';
 import type { Product } from '@athoscommerce/snap-store-mobx';
-import { ComponentProps, BreakpointsProps, ResultComponent } from '../../../types';
+import { ComponentProps, BreakpointsProps, JSXComponent } from '../../../types';
 export declare const RecommendationGrid: ((properties: RecommendationGridProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
     displayName: string;
 };
 export type RecommendationGridProps = {
     controller: RecommendationController;
     breakpoints?: BreakpointsProps;
-    resultComponent?: ResultComponent;
+    resultComponent?: JSXComponent | JSX.Element;
     results?: Product[];
-} & RecommendationGridTemplatesLegalProps & ComponentProps<RecommendationGridProps>;
+} & RecommendationGridTemplatesLegalProps & Omit<ComponentProps, 'customComponent'>;
 export type RecommendationGridTemplatesLegalProps = {
     title?: string;
     columns?: number;

package/dist/esm/components/src/components/Templates/RecommendationGrid/RecommendationGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RecommendationGrid.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/RecommendationGrid/RecommendationGrid.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,eAAe,EAAe,MAAM,gBAAgB,CAAC;AA6BhG,eAAO,MAAM,kBAAkB,gBAAyB,uBAAuB;;CA4H7E,CAAC;AAEH,MAAM,MAAM,uBAAuB,GAAG;IACrC,UAAU,EAAE,wBAAwB,CAAC;IACrC,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;CACpB,GAAG,qCAAqC,GACxC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAEzC,MAAM,MAAM,qCAAqC,GAAG;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE;QACZ,OAAO,EAAE,OAAO,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACF,CAAC"}
+{"version":3,"file":"RecommendationGrid.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/RecommendationGrid/RecommendationGrid.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAe,YAAY,EAAE,MAAM,gBAAgB,CAAC;AA6B7F,eAAO,MAAM,kBAAkB,gBAAyB,uBAAuB;;CAgI7E,CAAC;AAEH,MAAM,MAAM,uBAAuB,GAAG;IACrC,UAAU,EAAE,wBAAwB,CAAC;IACrC,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,CAAC,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7C,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;CACpB,GAAG,qCAAqC,GACxC,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,qCAAqC,GAAG;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE;QACZ,OAAO,EAAE,OAAO,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACF,CAAC"}

package/dist/esm/components/src/components/Templates/RecommendationGrid/RecommendationGrid.js

@@ -4,7 +4,7 @@ import { css } from '@emotion/react';
 import classnames from 'classnames';
 import deepmerge from 'deepmerge';
 import { Result } from '../../Molecules/Result';
-import { defined, mergeProps, mergeStyles } from '../../../utilities';
+import { cloneWithProps, defined, mergeProps, mergeStyles } from '../../../utilities';
 import { useTheme, CacheProvider, useTreePath } from '../../../providers';
 import { useDisplaySettings } from '../../../hooks/useDisplaySettings';
 import { RecommendationProfileTracker } from '../../Trackers/Recommendation/ProfileTracker';
@@ -103,8 +103,12 @@ export const RecommendationGrid = observer((properties) => {
     }
     return results?.length ? (_jsx(CacheProvider, { children: _jsx("div", { ...styling, ref: recsRef, className: classnames('ss__recommendation-grid', className, internalClassName), children: isVisible ? (_jsxs(RecommendationProfileTracker, { controller: controller, children: [title && _jsx("h3", { className: "ss__recommendation-grid__title", children: title }), _jsx("div", { className: "ss__recommendation-grid__results", children: results.map((result) => (() => {
                             if (resultComponent && controller) {
-                                const ResultComponent = resultComponent;
-                                return _jsx(ResultComponent, { controller: controller, result: result, theme: theme, treePath: treePath });
+                                return cloneWithProps(resultComponent, {
+                                    controller,
+                                    result: result,
+                                    theme,
+                                    treePath,
+                                });
                             }
                             else {
                                 return (_jsx(ResultTracker, { result: result, controller: controller, children: _jsx(Result, { ...subProps.result, result: result, controller: controller, treePath: treePath }, result.id) }));

package/dist/esm/components/src/components/Templates/Search/Search.d.ts

@@ -1,5 +1,5 @@
 import type { SearchController } from '@athoscommerce/snap-controller';
-import { ComponentProps, ListOption, ResultComponent } from '../../../types';
+import { ComponentProps, ListOption, JSXComponent } from '../../../types';
 import { Lang } from '../../../hooks';
 import { SearchFilterStore } from '@athoscommerce/snap-store-mobx';
 export declare const Search: ((properties: SearchProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
@@ -9,8 +9,8 @@ export type SearchProps = {
     controller: SearchController;
     lang?: Partial<SearchLang>;
     alias?: 'searchCollapsible' | 'searchHorizontal';
-    resultComponent?: ResultComponent;
-} & SearchTemplatesLegalProps & ComponentProps<SearchProps>;
+    resultComponent?: JSXComponent | JSX.Element;
+} & SearchTemplatesLegalProps & Omit<ComponentProps, 'customComponent'>;
 export type SearchTemplatesLegalProps = {
     mobileDisplayAt?: string;
     hideSidebar?: boolean;

package/dist/esm/components/src/components/Templates/Search/Search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/Search/Search.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAGvE,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,eAAe,EAAe,MAAM,gBAAgB,CAAC;AAK1F,OAAO,EAAE,IAAI,EAA0B,MAAM,gBAAgB,CAAC;AAE9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAwCnE,eAAO,MAAM,MAAM,gBAAyB,WAAW;;CA+LrD,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG;IACzB,UAAU,EAAE,gBAAgB,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,mBAAmB,GAAG,kBAAkB,CAAC;IACjD,eAAe,CAAC,EAAE,eAAe,CAAC;CAClC,GAAG,yBAAyB,GAC5B,cAAc,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,MAAM,yBAAyB,GAAG;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,UAAU,EAAE,CAAC;CAC7B,CAAC;AAEF,MAAM,WAAW,UAAU;IAC1B,uBAAuB,CAAC,EAAE,IAAI,CAAC;QAAE,OAAO,EAAE,iBAAiB,CAAC;QAAC,gBAAgB,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CAC1F"}
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/Search/Search.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAGvE,OAAO,EAAE,cAAc,EAAE,UAAU,EAAe,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAKvF,OAAO,EAAE,IAAI,EAA0B,MAAM,gBAAgB,CAAC;AAE9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAwCnE,eAAO,MAAM,MAAM,gBAAyB,WAAW;;CA+LrD,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG;IACzB,UAAU,EAAE,gBAAgB,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,mBAAmB,GAAG,kBAAkB,CAAC;IACjD,eAAe,CAAC,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC;CAC7C,GAAG,yBAAyB,GAC5B,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,yBAAyB,GAAG;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,UAAU,EAAE,CAAC;CAC7B,CAAC;AAEF,MAAM,WAAW,UAAU;IAC1B,uBAAuB,CAAC,EAAE,IAAI,CAAC;QAAE,OAAO,EAAE,iBAAiB,CAAC;QAAC,gBAAgB,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CAC1F"}

package/dist/esm/components/src/components/Templates/SearchCollapsible/SearchCollapsible.d.ts

@@ -6,6 +6,6 @@ export declare const SearchCollapsible: ((properties: SearchCollapsibleProps) =>
 };
 export type SearchCollapsibleProps = {
     controller: SearchController;
-} & SearchProps & SearchCollapsibleTemplatesLegalProps & ComponentProps<SearchCollapsibleProps>;
+} & SearchProps & SearchCollapsibleTemplatesLegalProps & Omit<ComponentProps, 'customComponent'>;
 export type SearchCollapsibleTemplatesLegalProps = SearchTemplatesLegalProps;
 //# sourceMappingURL=SearchCollapsible.d.ts.map

package/dist/esm/components/src/components/Templates/SearchCollapsible/SearchCollapsible.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchCollapsible.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/SearchCollapsible/SearchCollapsible.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,OAAO,EAAU,WAAW,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAElF,eAAO,MAAM,iBAAiB,gBAAyB,sBAAsB;;CAM3E,CAAC;AAIH,MAAM,MAAM,sBAAsB,GAAG;IACpC,UAAU,EAAE,gBAAgB,CAAC;CAC7B,GAAG,WAAW,GACd,oCAAoC,GACpC,cAAc,CAAC,sBAAsB,CAAC,CAAC;AAExC,MAAM,MAAM,oCAAoC,GAAG,yBAAyB,CAAC"}
+{"version":3,"file":"SearchCollapsible.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/SearchCollapsible/SearchCollapsible.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,OAAO,EAAU,WAAW,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAElF,eAAO,MAAM,iBAAiB,gBAAyB,sBAAsB;;CAM3E,CAAC;AAIH,MAAM,MAAM,sBAAsB,GAAG;IACpC,UAAU,EAAE,gBAAgB,CAAC;CAC7B,GAAG,WAAW,GACd,oCAAoC,GACpC,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,oCAAoC,GAAG,yBAAyB,CAAC"}

package/dist/esm/components/src/components/Templates/SearchHorizontal/SearchHorizontal.d.ts

@@ -6,6 +6,6 @@ export declare const SearchHorizontal: ((properties: SearchHorizontalProps) => i
 };
 export type SearchHorizontalProps = {
     controller: SearchController;
-} & SearchProps & SearchHorizontalTemplatesLegalProps & ComponentProps<SearchHorizontalProps>;
+} & SearchProps & SearchHorizontalTemplatesLegalProps & Omit<ComponentProps, 'customComponent'>;
 export type SearchHorizontalTemplatesLegalProps = SearchTemplatesLegalProps;
 //# sourceMappingURL=SearchHorizontal.d.ts.map

package/dist/esm/components/src/components/Templates/SearchHorizontal/SearchHorizontal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchHorizontal.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/SearchHorizontal/SearchHorizontal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,OAAO,EAAU,WAAW,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAElF,eAAO,MAAM,gBAAgB,gBAAyB,qBAAqB;;CAMzE,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG;IACnC,UAAU,EAAE,gBAAgB,CAAC;CAC7B,GAAG,WAAW,GACd,mCAAmC,GACnC,cAAc,CAAC,qBAAqB,CAAC,CAAC;AAEvC,MAAM,MAAM,mCAAmC,GAAG,yBAAyB,CAAC"}
+{"version":3,"file":"SearchHorizontal.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/SearchHorizontal/SearchHorizontal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,OAAO,EAAU,WAAW,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAElF,eAAO,MAAM,gBAAgB,gBAAyB,qBAAqB;;CAMzE,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG;IACnC,UAAU,EAAE,gBAAgB,CAAC;CAC7B,GAAG,WAAW,GACd,mCAAmC,GACnC,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,mCAAmC,GAAG,yBAAyB,CAAC"}

package/dist/esm/components/src/hooks/createRecommendationTemplate.d.ts

@@ -1,7 +1,6 @@
 import { h } from 'preact';
 import { RecommendationController, RecommendationControllerConfig } from '@athoscommerce/snap-controller';
-import { Theme } from '../providers';
-import { ResultComponent, RecommendationComponentNames, RecommendationComponentProps } from '../types';
+import { JSXComponent, RecommendationComponentNames, RecommendationComponentProps } from '../types';
 export type TemplatesType = {
     recommendation?: {
         enabled: boolean;
@@ -12,9 +11,9 @@ export type TemplatesType = {
 };
 type ReturnType = {
     RecommendationTemplateComponent: ((props: RecommendationComponentProps) => h.JSX.Element | null) | undefined;
-    RecommendationTemplateResultComponent: ResultComponent | undefined;
+    RecommendationTemplateResultComponent: JSXComponent | undefined;
     recsController: RecommendationController | undefined;
 };
-export declare function createRecommendationTemplate(templates: TemplatesType, theme?: Theme): ReturnType;
+export declare function createRecommendationTemplate(templates: TemplatesType): ReturnType;
 export {};
 //# sourceMappingURL=createRecommendationTemplate.d.ts.map

package/dist/esm/components/src/hooks/createRecommendationTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createRecommendationTemplate.d.ts","sourceRoot":"","sources":["../../../../../components/src/hooks/createRecommendationTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAC3B,OAAO,EAAE,wBAAwB,EAAE,8BAA8B,EAAE,MAAM,gCAAgC,CAAC;AAE1G,OAAO,EAAE,KAAK,EAAW,MAAM,cAAc,CAAC;AAG9C,OAAO,EAAE,eAAe,EAAE,4BAA4B,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAC;AAEvG,MAAM,MAAM,aAAa,GAAG;IAC3B,cAAc,CAAC,EAAE;QAChB,OAAO,EAAE,OAAO,CAAC;QACjB,SAAS,CAAC,EAAE,4BAA4B,CAAC;QACzC,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,MAAM,CAAC,EAAE,OAAO,CAAC,8BAA8B,CAAC,CAAC;KACjD,CAAC;CACF,CAAC;AAEF,KAAK,UAAU,GAAG;IACjB,+BAA+B,EAAE,CAAC,CAAC,KAAK,EAAE,4BAA4B,KAAK,CAAC,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAC7G,qCAAqC,EAAE,eAAe,GAAG,SAAS,CAAC;IACnE,cAAc,EAAE,wBAAwB,GAAG,SAAS,CAAC;CACrD,CAAC;AAEF,wBAAgB,4BAA4B,CAAC,SAAS,EAAE,aAAa,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,UAAU,CAiDhG"}
+{"version":3,"file":"createRecommendationTemplate.d.ts","sourceRoot":"","sources":["../../../../../components/src/hooks/createRecommendationTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAC3B,OAAO,EAAE,wBAAwB,EAAE,8BAA8B,EAAE,MAAM,gCAAgC,CAAC;AAK1G,OAAO,EAAE,YAAY,EAAE,4BAA4B,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAC;AAEpG,MAAM,MAAM,aAAa,GAAG;IAC3B,cAAc,CAAC,EAAE;QAChB,OAAO,EAAE,OAAO,CAAC;QACjB,SAAS,CAAC,EAAE,4BAA4B,CAAC;QACzC,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,MAAM,CAAC,EAAE,OAAO,CAAC,8BAA8B,CAAC,CAAC;KACjD,CAAC;CACF,CAAC;AAEF,KAAK,UAAU,GAAG;IACjB,+BAA+B,EAAE,CAAC,CAAC,KAAK,EAAE,4BAA4B,KAAK,CAAC,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAC7G,qCAAqC,EAAE,YAAY,GAAG,SAAS,CAAC;IAChE,cAAc,EAAE,wBAAwB,GAAG,SAAS,CAAC;CACrD,CAAC;AAEF,wBAAgB,4BAA4B,CAAC,SAAS,EAAE,aAAa,GAAG,UAAU,CA6CjF"}

package/dist/esm/components/src/hooks/createRecommendationTemplate.js

@@ -1,7 +1,7 @@
 import { useSnap } from '../providers';
 import { useCreateController } from './useCreateController';
 import { useComponent } from './useComponent';
-export function createRecommendationTemplate(templates, theme) {
+export function createRecommendationTemplate(templates) {
     let recommendationTemplateComponent;
     let recommendationTemplateResultComponent;
     let recsController;
@@ -9,11 +9,7 @@ export function createRecommendationTemplate(templates, theme) {
         const componentName = templates?.recommendation?.component || 'RecommendationGrid';
         const snap = useSnap();
         if (snap?.templates) {
-            const themeName = theme?.name;
-            let defaultResultComponentFromTheme;
-            if (themeName) {
-                defaultResultComponentFromTheme = snap?.templates?.config.theme?.resultComponent;
-            }
+            const defaultResultComponentFromTheme = 'Result';
             const resultComponentName = (templates?.recommendation?.resultComponent || defaultResultComponentFromTheme);
             const mergedConfig = Object.assign({
                 id: '',

package/dist/esm/components/src/hooks/useComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useComponent.d.ts","sourceRoot":"","sources":["../../../../../components/src/hooks/useComponent.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAEtD,eAAO,MAAM,YAAY,QAAS,YAAY,QAAQ,MAAM,KAAG,YAAY,GAAG,SAkB7E,CAAC"}
+{"version":3,"file":"useComponent.d.ts","sourceRoot":"","sources":["../../../../../components/src/hooks/useComponent.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAEtD,eAAO,MAAM,YAAY,QAAS,YAAY,QAAQ,MAAM,KAAG,YAAY,GAAG,SAoB7E,CAAC"}

package/dist/esm/components/src/hooks/useComponent.js

@@ -14,6 +14,9 @@ export const useComponent = (map, name) => {
                 setImportedComponent(() => componentFn);
             }
         }
+        else {
+            console.warn(`Component "${name}" not found in component map.`);
+        }
     }, []);
     return importedComponent;
 };

package/dist/esm/components/src/index.d.ts

@@ -10,7 +10,7 @@ export * from './components/Atoms/FormattedNumber';
 export * from './components/Atoms/Icon';
 export * from './components/Atoms/Image';
 export * from './components/Atoms/InlineBanner';
-export * from './components/Atoms/Loading';
+export * from './components/Atoms/LoadingBar';
 export * from './components/Atoms/Overlay';
 export * from './components/Atoms/PaginationInfo';
 export * from './components/Atoms/Price';
@@ -31,6 +31,7 @@ export * from './components/Molecules/List';
 export * from './components/Molecules/LoadMore';
 export * from './components/Molecules/Grid';
 export * from './components/Molecules/List';
+export * from './components/Molecules/Modal';
 export * from './components/Molecules/OverlayBadge';
 export * from './components/Molecules/Pagination';
 export * from './components/Molecules/PerPage';
@@ -68,6 +69,7 @@ export * from './components/Templates/RecommendationGrid';
 export * from './components/Templates/RecommendationEmail';
 export * from './components/Templates/Search';
 export * from './components/Templates/SearchHorizontal';
+export * from './components/Templates/SearchCollapsible';
 export * from './types';
 export * from './components/Trackers/Recommendation/ProfileTracker';
 export * from './components/Trackers/ResultTracker';

package/dist/esm/components/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/src/index.ts"],"names":[],"mappings":"AACA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AACnD,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mCAAmC,CAAC;AAClD,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAG5C,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,yCAAyC,CAAC;AACxD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,yCAAyC,CAAC;AACxD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,oCAAoC,CAAC;AAEnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wCAAwC,CAAC;AACvD,cAAc,iCAAiC,CAAC;AAChD,cAAc,kCAAkC,CAAC;AACjD,cAAc,yCAAyC,CAAC;AACxD,cAAc,8BAA8B,CAAC;AAG7C,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yCAAyC,CAAC;AACxD,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qCAAqC,CAAC;AACpD,cAAc,kCAAkC,CAAC;AAGjD,cAAc,uCAAuC,CAAC;AACtD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,oDAAoD,CAAC;AACnE,cAAc,iDAAiD,CAAC;AAChE,cAAc,qDAAqD,CAAC;AACpE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yCAAyC,CAAC;AAGxD,cAAc,SAAS,CAAC;AAGxB,cAAc,qDAAqD,CAAC;AACpE,cAAc,qCAAqC,CAAC;AACpD,OAAO,EACN,aAAa,IAAI,2BAA2B,EAC5C,kBAAkB,IAAI,gCAAgC,GACtD,MAAM,qCAAqC,CAAC;AAG7C,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/src/index.ts"],"names":[],"mappings":"AACA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AACnD,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mCAAmC,CAAC;AAClD,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAG5C,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,yCAAyC,CAAC;AACxD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,yCAAyC,CAAC;AACxD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,oCAAoC,CAAC;AAEnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wCAAwC,CAAC;AACvD,cAAc,iCAAiC,CAAC;AAChD,cAAc,kCAAkC,CAAC;AACjD,cAAc,yCAAyC,CAAC;AACxD,cAAc,8BAA8B,CAAC;AAG7C,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yCAAyC,CAAC;AACxD,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qCAAqC,CAAC;AACpD,cAAc,kCAAkC,CAAC;AAGjD,cAAc,uCAAuC,CAAC;AACtD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,oDAAoD,CAAC;AACnE,cAAc,iDAAiD,CAAC;AAChE,cAAc,qDAAqD,CAAC;AACpE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yCAAyC,CAAC;AACxD,cAAc,0CAA0C,CAAC;AAGzD,cAAc,SAAS,CAAC;AAGxB,cAAc,qDAAqD,CAAC;AACpE,cAAc,qCAAqC,CAAC;AACpD,OAAO,EACN,aAAa,IAAI,2BAA2B,EAC5C,kBAAkB,IAAI,gCAAgC,GACtD,MAAM,qCAAqC,CAAC;AAG7C,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC"}

package/dist/esm/components/src/index.js

@@ -11,7 +11,7 @@ export * from './components/Atoms/FormattedNumber';
 export * from './components/Atoms/Icon';
 export * from './components/Atoms/Image';
 export * from './components/Atoms/InlineBanner';
-export * from './components/Atoms/Loading';
+export * from './components/Atoms/LoadingBar';
 export * from './components/Atoms/Overlay';
 export * from './components/Atoms/PaginationInfo';
 export * from './components/Atoms/Price';
@@ -34,6 +34,7 @@ export * from './components/Molecules/List';
 export * from './components/Molecules/LoadMore';
 export * from './components/Molecules/Grid';
 export * from './components/Molecules/List';
+export * from './components/Molecules/Modal';
 export * from './components/Molecules/OverlayBadge';
 export * from './components/Molecules/Pagination';
 export * from './components/Molecules/PerPage';
@@ -73,6 +74,7 @@ export * from './components/Templates/RecommendationGrid';
 export * from './components/Templates/RecommendationEmail';
 export * from './components/Templates/Search';
 export * from './components/Templates/SearchHorizontal';
+export * from './components/Templates/SearchCollapsible';
 // TYPES
 export * from './types';
 // TRACKERS

package/dist/esm/components/src/providers/theme.d.ts

@@ -35,11 +35,11 @@ export type Theme = {
     overrides?: ThemeOverrides;
     activeBreakpoint?: ResponsiveKeys;
 };
-export type ThemeComponent<Template extends string, Props> = {
-    default?: ThemeComponentTemplateOverrides<Template, Props>;
-    mobile?: ThemeComponentTemplateOverrides<Template, Props>;
-    tablet?: ThemeComponentTemplateOverrides<Template, Props>;
-    desktop?: ThemeComponentTemplateOverrides<Template, Props>;
+export type ThemeComponent<Template extends string, Props extends LegalProps, LegalProps> = {
+    default?: ThemeComponentTemplateOverrides<Template, Props, LegalProps>;
+    mobile?: ThemeComponentTemplateOverrides<Template, Props, LegalProps>;
+    tablet?: ThemeComponentTemplateOverrides<Template, Props, LegalProps>;
+    desktop?: ThemeComponentTemplateOverrides<Template, Props, LegalProps>;
 };
 export type ThemeComplete = Required<Omit<Theme, 'overrides' | 'activeBreakpoint' | 'components'>> & {
     components: ThemeComponentsRestricted;
@@ -52,6 +52,20 @@ export type ThemeResponsive = {
 export type ThemeResponsiveComplete = ThemeResponsive & {
     default?: ThemeComponentsRestricted;
 };
+type WithCustomComponent<T> = {
+    [K in keyof T]: T[K] & {
+        customComponent?: string;
+    };
+};
+export type ThemeComponentsRestrictedWithCustomComponent = WithCustomComponent<ThemeComponentsRestricted>;
+export type ThemeResponsiveUnlocked = {
+    mobile?: ThemeComponentsRestrictedWithCustomComponent;
+    tablet?: ThemeComponentsRestrictedWithCustomComponent;
+    desktop?: ThemeComponentsRestrictedWithCustomComponent;
+};
+export type ThemeResponsiveCompleteUnlocked = ThemeResponsiveUnlocked & {
+    default?: ThemeComponentsRestrictedWithCustomComponent;
+};
 export type ResponsiveKeys = 'default' | 'desktop' | 'tablet' | 'mobile';
 export type ThemePartial = Omit<Theme, 'variables' | 'name' | 'components'> & {
     variables?: ThemeVariablesPartial;