@athoscommerce/snap-preact 1.6.0 → 1.7.1-beta.121

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

@@ -1,18 +1,19 @@
 import type { AutocompleteController } from '@athoscommerce/snap-controller';
 import { ComponentProps, JSXComponent } from '../../../types';
-import { AutocompleteLayoutProps } from '../../Organisms/AutocompleteLayout';
+import { AutocompleteLayoutProps, AutocompleteLayoutTemplatesLegalProps } from '../../Organisms/AutocompleteLayout';
 import { SlideDirectionType } from '../../Molecules/Slideout';
-export declare const AutocompleteSlideout: ((properties: AutocompleteSlideoutProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
+export declare const AutocompleteSlideout: ((properties: AutocompleteSlideoutProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
 export type AutocompleteSlideoutProps = {
     controller: AutocompleteController;
     resultComponent?: JSXComponent | JSX.Element;
-} & AutocompleteSlideoutTemplatesLegalProps & Omit<ComponentProps, 'customComponent'>;
+} & Omit<AutocompleteSlideoutTemplatesLegalProps, 'resultComponent'> & AutocompleteLayoutProps & Omit<ComponentProps, 'customComponent'>;
 export type AutocompleteSlideoutTemplatesLegalProps = {
+    resultComponent?: string;
     overlayColor?: string;
     slideDirection?: SlideDirectionType;
     buttonSelector?: string | Element;
     renderInput?: boolean;
-} & AutocompleteLayoutProps;
+} & AutocompleteLayoutTemplatesLegalProps;
 //# sourceMappingURL=AutocompleteSlideout.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteSlideout.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/AutocompleteSlideout/AutocompleteSlideout.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAG7E,OAAO,EAAE,cAAc,EAAe,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAsB,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AACjG,OAAO,EAAE,kBAAkB,EAA2B,MAAM,0BAA0B,CAAC;AAsBvF,eAAO,MAAM,oBAAoB,gBAAyB,yBAAyB;;CAsJjF,CAAC;AAOH,MAAM,MAAM,yBAAyB,GAAG;IACvC,UAAU,EAAE,sBAAsB,CAAC;IACnC,eAAe,CAAC,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC;CAC7C,GAAG,uCAAuC,GAC1C,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,uCAAuC,GAAG;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,uBAAuB,CAAC"}
+{"version":3,"file":"AutocompleteSlideout.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/AutocompleteSlideout/AutocompleteSlideout.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAG7E,OAAO,EAAE,cAAc,EAAe,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAsB,uBAAuB,EAAE,qCAAqC,EAAE,MAAM,oCAAoC,CAAC;AACxI,OAAO,EAAE,kBAAkB,EAA2B,MAAM,0BAA0B,CAAC;AAsBvF,eAAO,MAAM,oBAAoB,gBAAyB,yBAAyB;;CA6JjF,CAAC;AAOH,MAAM,MAAM,yBAAyB,GAAG;IACvC,UAAU,EAAE,sBAAsB,CAAC;IACnC,eAAe,CAAC,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC;CAC7C,GAAG,IAAI,CAAC,uCAAuC,EAAE,iBAAiB,CAAC,GACnE,uBAAuB,GACvB,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,uCAAuC,GAAG;IACrD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,qCAAqC,CAAC"}

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

@@ -100,6 +100,9 @@ export const AutocompleteSlideout = observer((properties) => {
                 onClick: () => reset(),
                 icon: 'angle-left',
             },
+            chatButton: {
+                onClick: () => controller.openChat(),
+            },
             // inherited props
             ...defined({
                 disableStyles,
@@ -134,5 +137,5 @@ export const AutocompleteSlideout = observer((properties) => {
     delete acProps.styleScript;
     delete acProps.themeStyleScript;
     /***************************************/
-    return layout?.length ? (_jsx(CacheProvider, { children: _jsx(Slideout, { ...styling, ...subProps.slideout, className: classNames('ss__autocomplete-slideout', 'ss__autocomplete-slideout__slideout', className, internalClassName), active: active, children: _jsxs("div", { className: "ss__autocomplete-slideout__inner", ref: (e) => useA11y(e, 0, true, reset), children: [renderInput ? (_jsx(SearchInput, { ...subProps.searchInput, value: controller.store.state.input || '', inputRef: renderedInputRef })) : (_jsx(_Fragment, {})), _jsx(AutocompleteLayout, { ...acProps, ...subProps.autocompleteLayout, input: _input, controller: controller, treePath: `${treePath} slideout` })] }) }) })) : null;
+    return (_jsx(_Fragment, { children: layout?.length ? (_jsx(CacheProvider, { children: _jsx(Slideout, { ...styling, ...subProps.slideout, className: classNames('ss__autocomplete-slideout', 'ss__autocomplete-slideout__slideout', className, internalClassName), active: active, children: _jsxs("div", { className: "ss__autocomplete-slideout__inner", ref: (e) => useA11y(e, 0, true, reset), children: [renderInput ? (_jsx(SearchInput, { ...subProps.searchInput, value: controller.store.state.input || '', inputRef: renderedInputRef })) : (_jsx(_Fragment, {})), _jsx(AutocompleteLayout, { ...acProps, ...subProps.autocompleteLayout, input: _input, controller: controller, treePath: `${treePath} slideout` })] }) }) })) : null }));
 });

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

@@ -0,0 +1,12 @@
+import { ComponentProps } from '../../../types';
+import { ChatTemplatesLegalProps, ChatLang } from '../../Organisms/Chat';
+import type { ChatController } from '@athoscommerce/snap-controller';
+export declare const Chat: ((properties: ChatProps) => JSX.Element) & {
+    displayName: string;
+};
+export type ChatProps = {
+    controller: ChatController;
+    lang?: Partial<ChatLang>;
+} & ChatTemplatesLegalProps & Omit<ComponentProps, 'customComponent'>;
+export type { ChatTemplatesLegalProps, ChatLang };
+//# sourceMappingURL=Chat.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/Chat/Chat.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAI7D,OAAO,EAAmC,uBAAuB,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1G,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAUrE,eAAO,MAAM,IAAI,gBAAyB,SAAS,KAAG,GAAG,CAAC,OAAO;;CAsC/D,CAAC;AAMH,MAAM,MAAM,SAAS,GAAG;IACvB,UAAU,EAAE,cAAc,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;CACzB,GAAG,uBAAuB,GAC1B,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,YAAY,EAAE,uBAAuB,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { css } from '@emotion/react';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { useTheme, CacheProvider, useTreePath } from '../../../providers';
+import { defined, mergeProps, mergeStyles } from '../../../utilities';
+import { useLang } from '../../../hooks';
+import deepmerge from 'deepmerge';
+import { ChatOrganism } from '../../Organisms/Chat';
+const defaultStyles = () => {
+    // The template itself is layout-free — the underlying Chat organism handles
+    // fixed positioning and sizing. The wrapper exists purely so theme overrides
+    // flow through mergeProps('chat', ...) and so the Chat surface can be themed
+    // per-template like Search and Recommendation.
+    return css({});
+};
+export const Chat = observer((properties) => {
+    const globalTheme = useTheme();
+    const globalTreePath = useTreePath();
+    const defaultProps = {
+        treePath: globalTreePath,
+    };
+    const props = mergeProps('chat', globalTheme, defaultProps, properties);
+    const { className, internalClassName, controller, disableStyles, treePath } = props;
+    // Lang scaffold — keeps the Template ready for future i18n overrides
+    const defaultLang = {};
+    const lang = deepmerge(defaultLang, props.lang || {});
+    useLang(lang, { controller });
+    const subProps = {
+        Chat: {
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props.theme,
+            treePath,
+        },
+    };
+    const styling = mergeStyles(props, defaultStyles);
+    return (_jsx(CacheProvider, { children: _jsx("div", { ...styling, className: classnames('ss__chat', className, internalClassName), children: _jsx(ChatOrganism, { ...subProps.Chat, ...props, controller: controller }) }) }));
+});

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

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

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

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

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

@@ -0,0 +1 @@
+export * from './Chat';

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

@@ -12,8 +12,9 @@ export type RecommendationProps = {
     resultComponent?: JSXComponent | JSX.Element;
     lang?: Partial<RecommendationLang>;
     breakpoints?: BreakpointsProps;
-} & RecommendationTemplatesLegalProps & Omit<ComponentProps, 'customComponent'>;
+} & Omit<RecommendationTemplatesLegalProps, 'resultComponent'> & Omit<ComponentProps, 'customComponent'>;
 export type RecommendationTemplatesLegalProps = {
+    resultComponent?: string;
     title?: JSX.Element | string;
     description?: string;
     hideTitle?: boolean;

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,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG7F,OAAO,EAAE,IAAI,EAAW,MAAM,gBAAgB,CAAC;AAY/C,eAAO,MAAM,cAAc,gBAAyB,mBAAmB;;CAiMrE,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"}
+{"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;AAa/C,eAAO,MAAM,cAAc,gBAAyB,mBAAmB;;CA8MrE,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,IAAI,CAAC,iCAAiC,EAAE,iBAAiB,CAAC,GAC7D,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,iCAAiC,GAAG;IAC/C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,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

@@ -7,8 +7,8 @@ import deepmerge from 'deepmerge';
 import { Carousel, defaultCarouselBreakpoints, defaultVerticalCarouselBreakpoints } from '../../Molecules/Carousel';
 import { Result } from '../../Molecules/Result';
 import { cloneWithProps, defined, mergeProps, mergeStyles } from '../../../utilities';
-import { useIntersection } from '../../../hooks';
-import { useTheme, CacheProvider, useTreePath } from '../../../providers';
+import { useIntersection, useComponent } from '../../../hooks';
+import { useTheme, CacheProvider, useTreePath, useSnap } from '../../../providers';
 import { useDisplaySettings } from '../../../hooks/useDisplaySettings';
 import { RecommendationProfileTracker } from '../../Trackers/Recommendation/ProfileTracker';
 import { useLang } from '../../../hooks';
@@ -53,7 +53,14 @@ export const Recommendation = observer((properties) => {
             };
         }
     }
-    const { title, description, controller, children, loop, results, pagination, nextButton, prevButton, hideButtons, resultComponent, disableStyles, className, internalClassName, style: _, styleScript: __, themeStyleScript: ___, lazyRender, vertical, hideTitle, treePath, ...additionalProps } = props;
+    const { title, description, controller, children, loop, results, pagination, nextButton, prevButton, hideButtons, disableStyles, className, internalClassName, style: _, styleScript: __, themeStyleScript: ___, lazyRender, vertical, hideTitle, treePath, ...additionalProps } = props;
+    const resultComponent = props.resultComponent;
+    const snap = useSnap();
+    const isNamedResultComponent = typeof resultComponent === 'string';
+    const resultComponentName = isNamedResultComponent ? resultComponent : '';
+    const resultComponentMap = snap?.templates?.library.import.component.result || {};
+    const { ComponentOverride: resultComponentOverride, shouldWaitForNamedOverride: shouldWaitForNamedResultComponent } = useComponent(resultComponentMap, isNamedResultComponent ? resultComponentName : undefined);
+    const resolvedResultComponent = isNamedResultComponent ? resultComponentOverride : resultComponent;
     const mergedlazyRender = {
         enabled: true,
         offset: '10%',
@@ -111,14 +118,17 @@ export const Recommendation = observer((properties) => {
     return (Array.isArray(children) && children.length) || resultsToRender?.length ? (_jsx(CacheProvider, { children: _jsx("div", { ...styling, className: classnames('ss__recommendation', className, internalClassName), ref: recsRef, children: isVisible ? (_jsxs(RecommendationProfileTracker, { controller: controller, children: [title && !hideTitle && (_jsx("h3", { className: "ss__recommendation__title", ...mergedLang.titleText?.all, children: title })), description && _jsx("p", { className: "ss__recommendation__description", children: description }), _jsx(Carousel, { prevButton: prevButton, nextButton: nextButton, hideButtons: hideButtons, loop: loop, pagination: pagination, ...subProps.carousel, ...additionalProps, children: Array.isArray(children) && children.length
                             ? 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) {
-                                        return cloneWithProps(resultComponent, {
+                                    if (resolvedResultComponent && controller) {
+                                        return cloneWithProps(resolvedResultComponent, {
                                             controller,
                                             result,
                                             treePath: subProps.result.treePath,
                                         });
                                     }
                                     else {
+                                        if (shouldWaitForNamedResultComponent) {
+                                            return null;
+                                        }
                                         return _jsx(Result, { ...subProps.result, controller: controller, result: result }, result.id);
                                     }
                                 })() }))) })] })) : (_jsx(RecommendationProfileTracker, { controller: controller, children: Array.isArray(children) && children.length

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

@@ -21,8 +21,9 @@ export type RecommendationBundleProps = {
     alias?: string;
     lang?: Partial<RecommendationBundleLang>;
     results?: Product[];
-} & RecommendationBundleTemplatesLegalProps & Omit<ComponentProps, 'customComponent'>;
+} & Omit<RecommendationBundleTemplatesLegalProps, 'resultComponent'> & Omit<ComponentProps, 'customComponent'>;
 export type RecommendationBundleTemplatesLegalProps = {
+    resultComponent?: string;
     limit?: number;
     onAddToCart?: (e: MouseEvent, items: Product[]) => void;
     title?: JSX.Element | string;

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

@@ -7,13 +7,13 @@ import deepmerge from 'deepmerge';
 import { Carousel } from '../../Molecules/Carousel';
 import { Result } from '../../Molecules/Result';
 import { cloneWithProps, defined, mergeProps, mergeStyles } from '../../../utilities';
-import { useTheme, CacheProvider, useTreePath } from '../../../providers';
+import { useTheme, CacheProvider, useTreePath, useSnap } from '../../../providers';
 import { useDisplaySettings } from '../../../hooks/useDisplaySettings';
 import { RecommendationProfileTracker } from '../../Trackers/Recommendation/ProfileTracker';
 import { ResultTracker } from '../../Trackers/ResultTracker';
 import { BundleSelector } from './BundleSelector';
 import { BundledCTA } from './BundleCTA';
-import { useIntersection } from '../../../hooks';
+import { useIntersection, useComponent } from '../../../hooks';
 import { componentNameToClassName } from '../../../utilities/componentNameToClassName';
 const defaultStyles = ({ vertical, separatorIcon, carousel, ctaInline, hasSeed, hideSeed, carouselEnabled, limit, alias: inherits, }) => {
     let classNamePrefix = 'ss__recommendation-bundle';
@@ -168,7 +168,14 @@ 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, alias, style: _, styleScript: __, themeStyleScript: ___, treePath, ...additionalProps } = props;
+    const { title, description, controller, breakpoints, results, carousel, preselectedCount, separatorIcon, hideCheckboxes, limit, seedText, vertical, onAddToCart, separatorIconSeedOnly, ctaSlot, hideSeed, ctaButtonText, ctaButtonSuccessText, ctaButtonSuccessTimeout, disableStyles, ctaIcon, ctaInline, hideSeedText, lazyRender, className, internalClassName, alias, style: _, styleScript: __, themeStyleScript: ___, treePath, ...additionalProps } = props;
+    const resultComponent = props.resultComponent;
+    const snap = useSnap();
+    const isNamedResultComponent = typeof resultComponent === 'string';
+    const resultComponentName = isNamedResultComponent ? resultComponent : '';
+    const resultComponentMap = snap?.templates?.library.import.component.result || {};
+    const { ComponentOverride: resultComponentOverride, shouldWaitForNamedOverride: shouldWaitForNamedResultComponent } = useComponent(resultComponentMap, isNamedResultComponent ? resultComponentName : undefined);
+    const resolvedResultComponent = isNamedResultComponent ? resultComponentOverride : resultComponent;
     const mergedlazyRender = {
         enabled: true,
         offset: '10%',
@@ -387,7 +394,14 @@ export const RecommendationBundle = observer((properties) => {
                     lang: { seedText: lang.seedText },
                 };
             }
-            return !isSeed || ((seedInCarousel || carousel?.enabled == false) && isSeed && !hideSeed) ? (_jsx(ResultTracker, { controller: controller, result: result, track: { impression: Boolean(!isSeed) }, children: _jsx(BundleSelector, { ...attributes, children: resultComponent ? (cloneWithProps(resultComponent, { controller: controller, treePath: treePath, result: result, seed: isSeed, selected, onProductSelect })) : (_jsx(Result, { ...subProps.result, controller: controller, result: result })) }) }, result.id)) : null;
+            return !isSeed || ((seedInCarousel || carousel?.enabled == false) && isSeed && !hideSeed) ? (_jsx(ResultTracker, { controller: controller, result: result, track: { impression: Boolean(!isSeed) }, children: _jsx(BundleSelector, { ...attributes, children: resolvedResultComponent ? (cloneWithProps(resolvedResultComponent, {
+                        controller: controller,
+                        treePath: treePath,
+                        result: result,
+                        seed: isSeed,
+                        selected,
+                        onProductSelect,
+                    })) : shouldWaitForNamedResultComponent ? null : (_jsx(Result, { ...subProps.result, controller: controller, result: result })) }) }, result.id)) : null;
         });
     }, [
         resultsToRender,
@@ -397,7 +411,8 @@ export const RecommendationBundle = observer((properties) => {
         separatorIcon,
         seedInCarousel,
         hideSeed,
-        resultComponent,
+        shouldWaitForNamedResultComponent,
+        resolvedResultComponent,
         props.theme,
         seedText,
     ]);
@@ -411,8 +426,8 @@ export const RecommendationBundle = observer((properties) => {
                                                     e.stopPropagation();
                                                     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) {
-                                                        return cloneWithProps(resultComponent, {
+                                                    if (resolvedResultComponent && controller) {
+                                                        return cloneWithProps(resolvedResultComponent, {
                                                             controller,
                                                             seed: true,
                                                             selected: selectedItems.findIndex((item) => item.id == seed.id) > -1,
@@ -421,6 +436,9 @@ export const RecommendationBundle = observer((properties) => {
                                                             treePath,
                                                         });
                                                     }
+                                                    else if (shouldWaitForNamedResultComponent) {
+                                                        return null;
+                                                    }
                                                     else {
                                                         return _jsx(Result, { ...subProps.result, controller: controller, result: seed });
                                                     }

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

@@ -10,6 +10,6 @@ export type RecommendationBundleEasyAddProps = {
     alias?: string | undefined;
     lang?: Partial<RecommendationBundleLang> | undefined;
     results?: Product[] | undefined;
-} & RecommendationBundleEasyAddTemplatesLegalProps & Omit<ComponentProps, 'customComponent'>;
+} & Omit<RecommendationBundleEasyAddTemplatesLegalProps, 'resultComponent'> & 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,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"}
+{"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,IAAI,CAAC,8CAA8C,EAAE,iBAAiB,CAAC,GAC1E,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

@@ -11,7 +11,7 @@ export type RecommendationBundleListProps = {
     alias?: string | undefined;
     lang?: Partial<RecommendationBundleLang> | undefined;
     results?: Product[] | undefined;
-} & RecommendationBundleListTemplatesLegalProps & Omit<ComponentProps, 'customComponent'>;
+} & Omit<RecommendationBundleListTemplatesLegalProps, 'resultComponent'> & 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,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"}
+{"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,IAAI,CAAC,2CAA2C,EAAE,iBAAiB,CAAC,GACvE,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/RecommendationBundleVertical/RecommendationBundleVertical.d.ts

@@ -10,6 +10,6 @@ export type RecommendationBundleVerticalProps = {
     alias?: string | undefined;
     lang?: Partial<RecommendationBundleLang> | undefined;
     results?: Product[] | undefined;
-} & RecommendationBundleVerticalTemplatesLegalProps & Omit<ComponentProps, 'customComponent'>;
+} & Omit<RecommendationBundleVerticalTemplatesLegalProps, 'resultComponent'> & 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,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"}
+{"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,IAAI,CAAC,+CAA+C,EAAE,iBAAiB,CAAC,GAC3E,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

@@ -11,8 +11,9 @@ export type RecommendationEmailProps = {
     controller?: RecommendationController;
     results?: Product[];
     resultComponent?: JSXComponent | JSX.Element;
-} & RecommendationEmailTemplatesLegalProps & Omit<ComponentProps, 'customComponent'>;
+} & Omit<RecommendationEmailTemplatesLegalProps, 'resultComponent'> & Omit<ComponentProps, 'customComponent'>;
 export type RecommendationEmailTemplatesLegalProps = {
+    resultComponent?: string;
     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,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"}
+{"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,EAAkC,MAAM,oBAAoB,CAAC;AAC3F,OAAO,EAAE,cAAc,EAAe,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI3E,eAAO,MAAM,sCAAsC,EAAE,cAAc,CAClE,wCAAwC,EACxC,wBAAwB,EACxB,sCAAsC,CAMtC,CAAC;AAMF,eAAO,MAAM,mBAAmB,gBAAyB,wBAAwB;;CAuF/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,IAAI,CAAC,sCAAsC,EAAE,iBAAiB,CAAC,GAClE,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,sCAAsC,GAAG;IACpD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,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

@@ -4,7 +4,8 @@ import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { Result } from '../../Molecules/Result';
 import { cloneWithProps, defined, mergeProps, mergeStyles } from '../../../utilities';
-import { useTheme, useTreePath } from '../../../providers';
+import { useTheme, useTreePath, useSnap } from '../../../providers';
+import { useComponent } from '../../../hooks';
 export const recommendationEmailThemeComponentProps = {
     default: {},
     mobile: {},
@@ -23,7 +24,14 @@ export const RecommendationEmail = observer((properties) => {
         treePath: globalTreePath,
     };
     const props = mergeProps('recommendationEmail', globalTheme, defaultProps, properties);
-    const { controller, results, resultComponent, resultProps, resultWidth, treePath, disableStyles, internalClassName, className } = props;
+    const { controller, results, resultProps, resultWidth, treePath, disableStyles, internalClassName, className } = props;
+    const resultComponent = props.resultComponent;
+    const snap = useSnap();
+    const isNamedResultComponent = typeof resultComponent === 'string';
+    const resultComponentName = isNamedResultComponent ? resultComponent : '';
+    const resultComponentMap = snap?.templates?.library.import.component.result || {};
+    const { ComponentOverride: resultComponentOverride, shouldWaitForNamedOverride: shouldWaitForNamedResultComponent } = useComponent(resultComponentMap, isNamedResultComponent ? resultComponentName : undefined);
+    const resolvedResultComponent = isNamedResultComponent ? resultComponentOverride : resultComponent;
     const subProps = {
         result: {
             // default props
@@ -40,8 +48,8 @@ export const RecommendationEmail = observer((properties) => {
     const styling = mergeStyles(props, defaultStyles);
     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) {
-                    return cloneWithProps(resultComponent, {
+                if (resolvedResultComponent) {
+                    return cloneWithProps(resolvedResultComponent, {
                         controller,
                         result,
                         ...resultProps,
@@ -50,6 +58,9 @@ export const RecommendationEmail = observer((properties) => {
                     });
                 }
                 else {
+                    if (shouldWaitForNamedResultComponent) {
+                        return null;
+                    }
                     return (_jsx(Result, { result: result, hideBadge: true, theme: {
                             components: {
                                 image: {

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

@@ -9,8 +9,9 @@ export type RecommendationGridProps = {
     breakpoints?: BreakpointsProps;
     resultComponent?: JSXComponent | JSX.Element;
     results?: Product[];
-} & RecommendationGridTemplatesLegalProps & Omit<ComponentProps, 'customComponent'>;
+} & Omit<RecommendationGridTemplatesLegalProps, 'resultComponent'> & Omit<ComponentProps, 'customComponent'>;
 export type RecommendationGridTemplatesLegalProps = {
+    resultComponent?: string;
     title?: string;
     columns?: number;
     rows?: 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,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"}
+{"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;AA8B7F,eAAO,MAAM,kBAAkB,gBAAyB,uBAAuB;;CA6I7E,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,IAAI,CAAC,qCAAqC,EAAE,iBAAiB,CAAC,GACjE,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,qCAAqC,GAAG;IACnD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,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

@@ -5,13 +5,13 @@ import classnames from 'classnames';
 import deepmerge from 'deepmerge';
 import { Result } from '../../Molecules/Result';
 import { cloneWithProps, defined, mergeProps, mergeStyles } from '../../../utilities';
-import { useTheme, CacheProvider, useTreePath } from '../../../providers';
+import { useTheme, CacheProvider, useTreePath, useSnap } from '../../../providers';
 import { useDisplaySettings } from '../../../hooks/useDisplaySettings';
 import { RecommendationProfileTracker } from '../../Trackers/Recommendation/ProfileTracker';
 import { ResultTracker } from '../../Trackers/ResultTracker';
 import { useState } from 'react';
 import { useRef } from 'preact/hooks';
-import { useIntersection } from '../../../hooks';
+import { useIntersection, useComponent } from '../../../hooks';
 const defaultStyles = ({ gapSize, columns }) => {
     return css({
         maxWidth: '100%',
@@ -54,7 +54,14 @@ export const RecommendationGrid = observer((properties) => {
             theme,
         };
     }
-    const { disableStyles, title, resultComponent, trim, lazyRender, className, internalClassName, treePath, theme, controller } = props;
+    const { disableStyles, title, trim, lazyRender, className, internalClassName, treePath, theme, controller } = props;
+    const resultComponent = props.resultComponent;
+    const snap = useSnap();
+    const isNamedResultComponent = typeof resultComponent === 'string';
+    const resultComponentName = isNamedResultComponent ? resultComponent : '';
+    const resultComponentMap = snap?.templates?.library.import.component.result || {};
+    const { ComponentOverride: resultComponentOverride, shouldWaitForNamedOverride: shouldWaitForNamedResultComponent } = useComponent(resultComponentMap, isNamedResultComponent ? resultComponentName : undefined);
+    const resolvedResultComponent = isNamedResultComponent ? resultComponentOverride : resultComponent;
     const mergedlazyRender = {
         enabled: true,
         offset: '10%',
@@ -102,8 +109,8 @@ export const RecommendationGrid = observer((properties) => {
         setIsVisible(true);
     }
     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) {
-                                return cloneWithProps(resultComponent, {
+                            if (resolvedResultComponent && controller) {
+                                return cloneWithProps(resolvedResultComponent, {
                                     controller,
                                     result: result,
                                     theme,
@@ -111,6 +118,9 @@ export const RecommendationGrid = observer((properties) => {
                                 });
                             }
                             else {
+                                if (shouldWaitForNamedResultComponent) {
+                                    return null;
+                                }
                                 return (_jsx(ResultTracker, { result: result, controller: controller, children: _jsx(Result, { ...subProps.result, result: result, controller: controller, treePath: treePath }, result.id) }));
                             }
                         })()) })] })) : (_jsx(RecommendationProfileTracker, { controller: controller, children: results.map((result) => (_jsx(ResultTracker, { controller: controller, result: result, children: _jsx(_Fragment, {}) }))) })) }) })) : null;

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

@@ -10,8 +10,9 @@ export type SearchProps = {
     lang?: Partial<SearchLang>;
     alias?: 'searchCollapsible' | 'searchHorizontal';
     resultComponent?: JSXComponent | JSX.Element;
-} & SearchTemplatesLegalProps & Omit<ComponentProps, 'customComponent'>;
+} & Omit<SearchTemplatesLegalProps, 'resultComponent'> & Omit<ComponentProps, 'customComponent'>;
 export type SearchTemplatesLegalProps = {
+    resultComponent?: string;
     mobileDisplayAt?: string;
     hideSidebar?: boolean;
     hideTopToolbar?: 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,YAAY,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAKlG,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,qBAAqB,CAAC;CACtC,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,YAAY,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAKlG,OAAO,EAAE,IAAI,EAA0B,MAAM,gBAAgB,CAAC;AAE9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAwCnE,eAAO,MAAM,MAAM,gBAAyB,WAAW;;CA6LrD,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,IAAI,CAAC,yBAAyB,EAAE,iBAAiB,CAAC,GACrD,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,yBAAyB,GAAG;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,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,qBAAqB,CAAC;CACtC,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/Search/Search.js

@@ -59,10 +59,8 @@ export const Search = observer((properties) => {
     if (props.alias) {
         classNamePrefix = `ss__${componentNameToClassName(props.alias)}`;
     }
-    // handle selected layoutOptions
-    if (globalTheme?.name && props.layoutOptions) {
-        useLayoutOptions(props, globalTheme);
-    }
+    // handle selected layoutOptions - must always call to preserve hook order
+    useLayoutOptions(props, globalTheme);
     const store = controller.store;
     const isMobile = useMediaQuery(`(max-width: ${mobileDisplayAt})`);
     const [sidebarOpenState, setSidebarOpenState] = useState(Boolean(alias !== 'searchHorizontal' && !toggleSidebarStartClosed));

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 & Omit<ComponentProps, 'customComponent'>;
+} & SearchProps & Omit<SearchCollapsibleTemplatesLegalProps, 'resultComponent'> & 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,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,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,IAAI,CAAC,oCAAoC,EAAE,iBAAiB,CAAC,GAC7D,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 & Omit<ComponentProps, 'customComponent'>;
+} & SearchProps & Omit<SearchHorizontalTemplatesLegalProps, 'resultComponent'> & 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,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,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,IAAI,CAAC,mCAAmC,EAAE,iBAAiB,CAAC,GAC5D,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,mCAAmC,GAAG,yBAAyB,CAAC"}

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;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"}
+{"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,CAqDjF"}