@athoscommerce/snap-preact 1.11.0 → 1.12.1-beta.152

package/dist/esm/components/src/themes/snappy/components/templates/chat.d.ts

@@ -0,0 +1,4 @@
+import type { ChatProps, ChatTemplatesLegalProps } from '../../../../components/Templates/Chat';
+import { ThemeComponent } from '../../../../providers';
+export declare const chat: ThemeComponent<'chat', ChatProps, ChatTemplatesLegalProps>;
+//# sourceMappingURL=chat.d.ts.map

package/dist/esm/components/src/themes/snappy/components/templates/chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snappy/components/templates/chat.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAEhG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGvD,eAAO,MAAM,IAAI,EAAE,cAAc,CAAC,MAAM,EAAE,SAAS,EAAE,uBAAuB,CAA2B,CAAC"}

package/dist/esm/components/src/themes/snappy/components/templates/chat.js

@@ -0,0 +1,3 @@
+import { chatThemeComponentProps } from '../../../themeComponents/chat';
+// Chat component props come from Template export
+export const chat = chatThemeComponentProps;

package/dist/esm/components/src/themes/snappy/components/templates/chatButton.d.ts

@@ -0,0 +1,4 @@
+import type { ChatButtonProps, ChatButtonTemplatesLegalProps } from '../../../../components/Templates/ChatButton';
+import { ThemeComponent } from '../../../../providers';
+export declare const chatButton: ThemeComponent<'chatButton', ChatButtonProps, ChatButtonTemplatesLegalProps>;
+//# sourceMappingURL=chatButton.d.ts.map

package/dist/esm/components/src/themes/snappy/components/templates/chatButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatButton.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snappy/components/templates/chatButton.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,6BAA6B,EAAE,MAAM,6CAA6C,CAAC;AAElH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGvD,eAAO,MAAM,UAAU,EAAE,cAAc,CAAC,YAAY,EAAE,eAAe,EAAE,6BAA6B,CAAiC,CAAC"}

package/dist/esm/components/src/themes/snappy/components/templates/chatButton.js

@@ -0,0 +1,3 @@
+import { chatButtonThemeComponentProps } from '../../../themeComponents/chatButton';
+// ChatButton component props come from Template export
+export const chatButton = chatButtonThemeComponentProps;

package/dist/esm/components/src/themes/snappy/components/templates/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snappy/components/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAiBhE,eAAO,MAAM,SAAS,EA6DN,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snappy/components/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAmBhE,eAAO,MAAM,SAAS,EAqEN,uBAAuB,CAAC"}

package/dist/esm/components/src/themes/snappy/components/templates/index.js

@@ -12,8 +12,12 @@ import { searchCollapsible } from './searchCollapsible';
 import { autocompleteSlideout } from './autocompleteSlideout';
 import { autocompleteModal } from './autocompleteModal';
 import { autocompleteFixed } from './autocompleteFixed';
+import { chat } from './chat';
+import { chatButton } from './chatButton';
 export const templates = {
     default: {
+        ...chat.default,
+        ...chatButton.default,
         ...autocompleteSlideout.default,
         ...autocompleteModal.default,
         ...autocompleteFixed.default,
@@ -29,6 +33,8 @@ export const templates = {
         ...searchHorizontal.default,
     },
     mobile: {
+        ...chat.mobile,
+        ...chatButton.mobile,
         ...autocompleteSlideout.mobile,
         ...autocompleteModal.mobile,
         ...autocompleteFixed.mobile,
@@ -44,6 +50,8 @@ export const templates = {
         ...searchHorizontal.mobile,
     },
     tablet: {
+        ...chat.tablet,
+        ...chatButton.tablet,
         ...autocompleteSlideout.tablet,
         ...autocompleteModal.tablet,
         ...autocompleteFixed.tablet,
@@ -59,6 +67,8 @@ export const templates = {
         ...searchHorizontal.tablet,
     },
     desktop: {
+        ...chat.desktop,
+        ...chatButton.desktop,
         ...autocompleteSlideout.desktop,
         ...autocompleteModal.desktop,
         ...autocompleteFixed.desktop,

package/dist/esm/components/src/themes/themeComponents/chat.d.ts

@@ -0,0 +1,4 @@
+import { ChatProps, ChatTemplatesLegalProps } from '../../components/Templates/Chat';
+import { ThemeComponent } from '../../providers';
+export declare const chatThemeComponentProps: ThemeComponent<'chat', ChatProps, ChatTemplatesLegalProps>;
+//# sourceMappingURL=chat.d.ts.map

package/dist/esm/components/src/themes/themeComponents/chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../../../../components/src/themes/themeComponents/chat.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AACrF,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,eAAO,MAAM,uBAAuB,EAAE,cAAc,CAAC,MAAM,EAAE,SAAS,EAAE,uBAAuB,CAU9F,CAAC"}

package/dist/esm/components/src/themes/themeComponents/chat.js

@@ -0,0 +1,11 @@
+export const chatThemeComponentProps = {
+    default: {
+        chat: {
+            position: 'right',
+            offset: '20px',
+        },
+    },
+    mobile: {},
+    tablet: {},
+    desktop: {},
+};

package/dist/esm/components/src/themes/themeComponents/chatButton.d.ts

@@ -0,0 +1,4 @@
+import { ChatButtonProps, ChatButtonTemplatesLegalProps } from '../../components/Templates/ChatButton';
+import { ThemeComponent } from '../../providers';
+export declare const chatButtonThemeComponentProps: ThemeComponent<'chatButton', ChatButtonProps, ChatButtonTemplatesLegalProps>;
+//# sourceMappingURL=chatButton.d.ts.map

package/dist/esm/components/src/themes/themeComponents/chatButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatButton.d.ts","sourceRoot":"","sources":["../../../../../../components/src/themes/themeComponents/chatButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,6BAA6B,EAAE,MAAM,uCAAuC,CAAC;AACvG,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,eAAO,MAAM,6BAA6B,EAAE,cAAc,CAAC,YAAY,EAAE,eAAe,EAAE,6BAA6B,CAKtH,CAAC"}

package/dist/esm/components/src/themes/themeComponents/chatButton.js

@@ -0,0 +1,6 @@
+export const chatButtonThemeComponentProps = {
+    default: {},
+    mobile: {},
+    tablet: {},
+    desktop: {},
+};

package/dist/esm/components/src/utilities/Colour/Colour.d.ts

@@ -12,11 +12,26 @@ export declare class Colour {
     opacity(offset: number): Colour;
     transparency(offset: number): Colour;
     opaque(offset: number): Colour;
+    /** Returns a hex string mixed linearly toward black. `amount` is a 0-1 proportion of
+     * black in the result — note this differs from `darken(offset)`, which takes a 0-100
+     * offset and returns a chainable `Colour`. 0.9 yields a near-black with a slight tint. */
+    mixBlack(amount?: number): string;
+    /** Returns a hex string mixed linearly toward white. `amount` is a 0-1 proportion of
+     * white in the result — note this differs from `lighten(offset)`, which takes a 0-100
+     * offset and returns a chainable `Colour`. 0.9 yields a near-white with a slight tint. */
+    mixWhite(amount?: number): string;
+    /** Returns the color only if it is a concrete value that can be manipulated and paired with
+     * other colors. Contextual CSS keywords (currentColor and the CSS-wide keywords) resolve
+     * against surrounding styles, so they would defeat `|| fallback` chains — those return undefined. */
+    static concrete(color: string | undefined): string | undefined;
     static isRgb(color: string): boolean;
     static isHex(color: string): boolean;
     static hexToRgb(hex: string): string;
     static rgbToHex(rgb: string): string;
     static opacity(color: string | undefined, offset: number): string | undefined;
+    /** Linear RGB mix between two hex colors. `amount` (0-1) is the proportion of `towardHex`
+     * in the result. Returns the source `hex` unchanged when either input is invalid. */
+    static mixToward(hex: string | undefined, towardHex: string, amount: number): string | undefined;
     static brightness(color: string | undefined, offset: number): string | undefined;
 }
 //# sourceMappingURL=Colour.d.ts.map

package/dist/esm/components/src/utilities/Colour/Colour.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Colour.d.ts","sourceRoot":"","sources":["../../../../../../components/src/utilities/Colour/Colour.ts"],"names":[],"mappings":"AAqBA,qBAAa,MAAM;IAClB,OAAO,CAAC,KAAK,CAAqB;IAClC,OAAO,CAAC,QAAQ,CAAqB;IACrC,OAAO,CAAC,QAAQ,CAAqB;IAErC,IAAW,GAAG,IAAI,MAAM,GAAG,SAAS,CAOnC;IAED,IAAW,GAAG,IAAI,MAAM,GAAG,SAAS,CAOnC;IAED,IAAW,QAAQ,IAAI,MAAM,GAAG,SAAS,CAoBxC;IAED,YAAY,KAAK,EAAE,MAAM,GAAG,SAAS,EAqBpC;IAED,KAAK,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAE5B;IAED,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAG9B;IAED,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAG7B;IAED,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAE9B;IAED,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAGnC;IAED,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAG7B;IAED,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAKnC;IAED,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEnC;IAED,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAcnC;IAED,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAkBnC;IAED,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CA6B5E;IAED,MAAM,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAmC/E;CACD"}
+{"version":3,"file":"Colour.d.ts","sourceRoot":"","sources":["../../../../../../components/src/utilities/Colour/Colour.ts"],"names":[],"mappings":"AAqBA,qBAAa,MAAM;IAClB,OAAO,CAAC,KAAK,CAAqB;IAClC,OAAO,CAAC,QAAQ,CAAqB;IACrC,OAAO,CAAC,QAAQ,CAAqB;IAErC,IAAW,GAAG,IAAI,MAAM,GAAG,SAAS,CAOnC;IAED,IAAW,GAAG,IAAI,MAAM,GAAG,SAAS,CAOnC;IAED,IAAW,QAAQ,IAAI,MAAM,GAAG,SAAS,CAoBxC;IAED,YAAY,KAAK,EAAE,MAAM,GAAG,SAAS,EAqBpC;IAED,KAAK,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAE5B;IAED,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAG9B;IAED,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAG7B;IAED,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAE9B;IAED,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAGnC;IAED,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAG7B;IAED;;8FAE0F;IAC1F,QAAQ,CAAC,MAAM,GAAE,MAAY,GAAG,MAAM,CAErC;IAED;;8FAE0F;IAC1F,QAAQ,CAAC,MAAM,GAAE,MAAY,GAAG,MAAM,CAErC;IAED;;yGAEqG;IACrG,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAK7D;IAED,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAKnC;IAED,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEnC;IAED,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAcnC;IAED,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAkBnC;IAED,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CA6B5E;IAED;yFACqF;IACrF,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAoB/F;IAED,MAAM,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAmC/E;CACD"}

package/dist/esm/components/src/utilities/Colour/Colour.js

@@ -99,6 +99,27 @@ export class Colour {
             return this;
         return new Colour(Colour.opacity(this.hex, -offset));
     }
+    /** Returns a hex string mixed linearly toward black. `amount` is a 0-1 proportion of
+     * black in the result — note this differs from `darken(offset)`, which takes a 0-100
+     * offset and returns a chainable `Colour`. 0.9 yields a near-black with a slight tint. */
+    mixBlack(amount = 0.3) {
+        return Colour.mixToward(this.hex, '#000000', amount) ?? this.hex ?? '';
+    }
+    /** Returns a hex string mixed linearly toward white. `amount` is a 0-1 proportion of
+     * white in the result — note this differs from `lighten(offset)`, which takes a 0-100
+     * offset and returns a chainable `Colour`. 0.9 yields a near-white with a slight tint. */
+    mixWhite(amount = 0.3) {
+        return Colour.mixToward(this.hex, '#ffffff', amount) ?? this.hex ?? '';
+    }
+    /** Returns the color only if it is a concrete value that can be manipulated and paired with
+     * other colors. Contextual CSS keywords (currentColor and the CSS-wide keywords) resolve
+     * against surrounding styles, so they would defeat `|| fallback` chains — those return undefined. */
+    static concrete(color) {
+        if (!color || ['currentcolor', 'inherit', 'initial', 'unset', 'revert'].includes(color.toLowerCase())) {
+            return undefined;
+        }
+        return color;
+    }
     static isRgb(color) {
         return Boolean(color.match(/^rgba?\([0-9]{1,3}[\s,\,]+[0-9]{1,3}[\s,\,]+[0-9]{1,3}[\s,\,]*\)$/i) ||
             color.match(/^rgba?\([0-9]{1,3}[\s,\,]+[0-9]{1,3}[\s,\,]+[0-9]{1,3}[\s,\,]+0?\.?[0-9]+%?[\s,\,]*\)$/i));
@@ -167,6 +188,26 @@ export class Colour {
         }
         return hexValue;
     }
+    /** Linear RGB mix between two hex colors. `amount` (0-1) is the proportion of `towardHex`
+     * in the result. Returns the source `hex` unchanged when either input is invalid. */
+    static mixToward(hex, towardHex, amount) {
+        if (!hex)
+            return undefined;
+        if (!Colour.isHex(hex) || !Colour.isHex(towardHex))
+            return hex;
+        const clamped = Math.max(0, Math.min(1, amount));
+        const sourceR = parseInt(hex.slice(1, 3), 16);
+        const sourceG = parseInt(hex.slice(3, 5), 16);
+        const sourceB = parseInt(hex.slice(5, 7), 16);
+        const targetR = parseInt(towardHex.slice(1, 3), 16);
+        const targetG = parseInt(towardHex.slice(3, 5), 16);
+        const targetB = parseInt(towardHex.slice(5, 7), 16);
+        const mix = (s, t) => Math.round(s * (1 - clamped) + t * clamped);
+        const r = mix(sourceR, targetR).toString(16).padStart(2, '0');
+        const g = mix(sourceG, targetG).toString(16).padStart(2, '0');
+        const b = mix(sourceB, targetB).toString(16).padStart(2, '0');
+        return `#${r}${g}${b}`;
+    }
     static brightness(color, offset) {
         let isRgb = false;
         if (color && Colour.isRgb(color)) {

package/dist/esm/components/src/utilities/createImpressionObserver.js

@@ -5,10 +5,10 @@ const IMPRESSION_MIN_VISIBLE_TIME = 1000;
 export function createImpressionObserver(options) {
     const ref = useRef(null);
     const { inViewport, updateRef } = useIntersectionAdvanced(ref, {
-        ...options,
         fireOnce: true,
         threshold: IMPRESSION_VISIBILITY_THRESHOLD,
         minVisibleTime: IMPRESSION_MIN_VISIBLE_TIME,
+        ...options,
     });
     return {
         ref,

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

@@ -10,4 +10,5 @@ export * from './selectionKey';
 export * from './storybook';
 export * from './defaultBadgeComponentMap';
 export * from './createImpressionObserver';
+export * from './lazyRenderMinSize';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../components/src/utilities/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../components/src/utilities/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC"}

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

@@ -10,3 +10,4 @@ export * from './selectionKey';
 export * from './storybook';
 export * from './defaultBadgeComponentMap';
 export * from './createImpressionObserver';
+export * from './lazyRenderMinSize';

package/dist/esm/components/src/utilities/lazyRenderMinSize.d.ts

@@ -0,0 +1,5 @@
+export declare const lazyRenderMinSize: {
+    minWidth: string;
+    minHeight: string;
+};
+//# sourceMappingURL=lazyRenderMinSize.d.ts.map

package/dist/esm/components/src/utilities/lazyRenderMinSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazyRenderMinSize.d.ts","sourceRoot":"","sources":["../../../../../components/src/utilities/lazyRenderMinSize.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB;IAC7B,QAAQ;IACR,SAAS;CACT,CAAC"}

package/dist/esm/components/src/utilities/lazyRenderMinSize.js

@@ -0,0 +1,7 @@
+// A 0x0 root wrapper can prevent IntersectionObserver from ever reporting `isIntersecting`
+// in some browsers, so lazyRender needs a non-zero min size on the root element at all times,
+// even when disableStyles is set and the rest of defaultStyles is skipped.
+export const lazyRenderMinSize = {
+    minWidth: '1px',
+    minHeight: '1px',
+};

package/dist/esm/components/src/utilities/snapify.d.ts

@@ -1,8 +1,9 @@
-import { SearchController, AutocompleteController, RecommendationController } from '@athoscommerce/snap-controller';
-import type { SearchControllerConfig, AutocompleteControllerConfig, RecommendationControllerConfig } from '@athoscommerce/snap-controller';
+import { SearchController, AutocompleteController, RecommendationController, ChatController } from '@athoscommerce/snap-controller';
+import type { SearchControllerConfig, AutocompleteControllerConfig, RecommendationControllerConfig, ChatControllerConfig } from '@athoscommerce/snap-controller';
 export declare class Snapify {
     static recommendation(config: RecommendationControllerConfig): RecommendationController;
     static autocomplete(config: AutocompleteControllerConfig): AutocompleteController;
+    static chat(config: ChatControllerConfig): ChatController;
     static search(config: SearchControllerConfig): SearchController;
 }
 //# sourceMappingURL=snapify.d.ts.map

package/dist/esm/components/src/utilities/snapify.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"snapify.d.ts","sourceRoot":"","sources":["../../../../../components/src/utilities/snapify.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAUpH,OAAO,KAAK,EAAE,sBAAsB,EAAE,4BAA4B,EAAE,8BAA8B,EAAE,MAAM,gCAAgC,CAAC;AAqB3I,qBAAa,OAAO;IACnB,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,8BAA8B,GAAG,wBAAwB,CAiBtF;IACD,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,4BAA4B,GAAG,sBAAsB,CAiBhF;IAED,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,sBAAsB,GAAG,gBAAgB,CAiB9D;CACD"}
+{"version":3,"file":"snapify.d.ts","sourceRoot":"","sources":["../../../../../components/src/utilities/snapify.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAUpI,OAAO,KAAK,EACX,sBAAsB,EACtB,4BAA4B,EAC5B,8BAA8B,EAC9B,oBAAoB,EACpB,MAAM,gCAAgC,CAAC;AAqBxC,qBAAa,OAAO;IACnB,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,8BAA8B,GAAG,wBAAwB,CAiBtF;IACD,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,4BAA4B,GAAG,sBAAsB,CAiBhF;IAED,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,oBAAoB,GAAG,cAAc,CAiBxD;IAED,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,sBAAsB,GAAG,gBAAgB,CAiB9D;CACD"}

package/dist/esm/components/src/utilities/snapify.js

@@ -1,7 +1,7 @@
 import { configure as configureMobx } from 'mobx';
-import { SearchController, AutocompleteController, RecommendationController } from '@athoscommerce/snap-controller';
+import { SearchController, AutocompleteController, RecommendationController, ChatController } from '@athoscommerce/snap-controller';
 import { Client } from '@athoscommerce/snap-client';
-import { SearchStore, AutocompleteStore, RecommendationStore } from '@athoscommerce/snap-store-mobx';
+import { SearchStore, AutocompleteStore, RecommendationStore, ChatStore } from '@athoscommerce/snap-store-mobx';
 import { UrlManager, UrlTranslator, reactLinker } from '@athoscommerce/snap-url-manager';
 import { EventManager } from '@athoscommerce/snap-event-manager';
 import { Profiler } from '@athoscommerce/snap-profiler';
@@ -42,6 +42,20 @@ export class Snapify {
         cntrlr.init();
         return cntrlr;
     }
+    static chat(config) {
+        const id = config.id;
+        if (controllers[id]) {
+            return controllers[id];
+        }
+        const cntrlr = (controllers[id] = createChatController({ client, controller: config }));
+        cntrlr.on('afterStore', async ({ controller }, next) => {
+            controller.log.debug('controller', controller);
+            controller.log.debug('store', controller.store.toJSON());
+            await next();
+        });
+        cntrlr.init();
+        return cntrlr;
+    }
     static search(config) {
         const id = config.id;
         if (controllers[id]) {
@@ -83,6 +97,19 @@ function createRecommendationController(config) {
     });
     return cntrlr;
 }
+function createChatController(config) {
+    const urlManager = new UrlManager(new UrlTranslator(), reactLinker).detach(true);
+    const cntrlr = new ChatController(config.controller, {
+        client: new Client(config.client.globals, config.client.config),
+        store: new ChatStore({ ...config.controller, siteId: config.client.globals.siteId }, { urlManager }),
+        urlManager,
+        eventManager: new EventManager(),
+        profiler: new Profiler(),
+        logger: new Logger(),
+        tracker: new Tracker(config.client.globals),
+    });
+    return cntrlr;
+}
 function createAutocompleteController(config) {
     const urlManager = new UrlManager(new UrlTranslator(), reactLinker).detach();
     const cntrlr = new AutocompleteController(config.controller, {

package/dist/esm/src/Instantiators/RecommendationInstantiator.d.ts

@@ -4,8 +4,8 @@ import { Logger } from '@athoscommerce/snap-logger';
 import { Tracker } from '@athoscommerce/snap-tracker';
 import type { ClientConfig, ClientGlobals } from '@athoscommerce/snap-client';
 import type { UrlTranslatorConfig } from '@athoscommerce/snap-url-manager';
-import type { AbstractController, RecommendationController, Attachments, ContextVariables } from '@athoscommerce/snap-controller';
-import type { BeaconSettings, VariantConfig } from '@athoscommerce/snap-store-mobx';
+import { AbstractController, RecommendationController, Attachments, ContextVariables, type QuickviewManager } from '@athoscommerce/snap-controller';
+import { type BeaconSettings, type VariantConfig } from '@athoscommerce/snap-store-mobx';
 import type { Middleware } from '@athoscommerce/snap-event-manager';
 import type { Target } from '@athoscommerce/snap-toolbox';
 import type { Snap } from '../Snap';
@@ -44,12 +44,14 @@ export type RecommendationInstantiatorServices = {
     logger?: Logger;
     tracker?: Tracker;
     snap?: Snap;
+    quickviewManager?: QuickviewManager;
 };
 export declare class RecommendationInstantiator {
     private mode;
     client: Client;
     tracker: Tracker;
     logger: Logger;
+    quickviewManager?: QuickviewManager;
     controller: {
         [key: string]: RecommendationController;
     };

package/dist/esm/src/Instantiators/RecommendationInstantiator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RecommendationInstantiator.d.ts","sourceRoot":"","sources":["../../../../src/Instantiators/RecommendationInstantiator.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"RecommendationInstantiator.d.ts","sourceRoot":"","sources":["../../../../src/Instantiators/RecommendationInstantiator.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,WAAW,EAAc,MAAM,6BAA6B,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAEtD,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAA2D,MAAM,4BAA4B,CAAC;AACvI,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EACN,kBAAkB,EAClB,wBAAwB,EACxB,WAAW,EACX,gBAAgB,EAEhB,KAAK,gBAAgB,EACrB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAE1D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAEpC,KAAK,2BAA2B,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;AAE5D,MAAM,MAAM,6BAA6B,GAAG;IAC3C,SAAS,EAAE,2BAA2B,CAAC;IACvC,KAAK,CAAC,EAAE;QACP,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;IACF,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,SAAS,EAAE,YAAY,EAAE,OAAO,GAAG,SAAS,EAAE,UAAU,EAAE,wBAAwB,KAAK,IAAI,CAAC;CACvI,CAAC;AAEF,MAAM,MAAM,wCAAwC,GAAG;IACtD,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,MAAM,CAAC,EAAE,cAAc,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG;IAC9C,IAAI,CAAC,EAAE,MAAM,OAAO,OAAO,GAAG,OAAO,CAAC;IACtC,MAAM,CAAC,EAAE;QACR,OAAO,EAAE,aAAa,CAAC;QACvB,MAAM,CAAC,EAAE,YAAY,CAAC;KACtB,CAAC;IACF,UAAU,EAAE;QACX,CAAC,IAAI,EAAE,MAAM,GAAG,2BAA2B,GAAG,6BAA6B,CAAC;KAC5E,CAAC;IACF,MAAM,EAAE,wCAAwC,GAAG,WAAW,CAAC;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,kCAAkC,GAAG;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACpC,CAAC;AA8BF,qBAAa,0BAA0B;IACtC,OAAO,CAAC,IAAI,CAAsB;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,UAAU,EAAE;QAClB,CAAC,GAAG,EAAE,MAAM,GAAG,wBAAwB,CAAC;KACxC,CAAM;IACA,MAAM,EAAE,gCAAgC,CAAC;IACzC,OAAO,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,EAAE,WAAW,CAAC;IAEtB,IAAI,EAAE,WAAW,EAAE,CAAM;IACzB,OAAO,EAAE;QAAE,IAAI,EAAE,CAAC,MAAM,EAAE,kBAAkB,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;QAAC,IAAI,EAAE,OAAO,EAAE,CAAA;KAAE,EAAE,CAAM;IAC9G,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE,CAAA;KAAE,EAAE,CAAM;IAErE,YAAY,MAAM,EAAE,gCAAgC,EAAE,QAAQ,CAAC,EAAE,kCAAkC,EAAE,OAAO,CAAC,EAAE,gBAAgB,EAiO9H;IAEM,MAAM,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,kBAAkB,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAEhH;IAEM,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,CAE1D;IAEM,GAAG,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI,CAEzC;IAGM,uBAAuB,IAAI,IAAI,CAoBrC;CACD;AA4LD,KAAK,YAAY,GAAG;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB,CAAC;AAEF,wBAAgB,OAAO,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,YAAY,CAUrE"}

package/dist/esm/src/Instantiators/RecommendationInstantiator.js

@@ -40,6 +40,7 @@ export class RecommendationInstantiator {
         this.client = services?.client || new Client(this.config.client.globals, this.config.client.config);
         this.tracker = services?.tracker || new Tracker(this.config.client.globals);
         this.logger = services?.logger || new Logger({ prefix: 'RecommendationInstantiator ', mode: this.mode });
+        this.quickviewManager = services?.quickviewManager;
         const profileCount = {};
         // script block targeter for "grouped" and "legacy" blocks
         this.targeter = new DomTargeter([
@@ -247,7 +248,7 @@ async function readyTheController(instance, services, targetElem, context, profi
         controller: controllerConfig,
         context,
         mode: instance.config.mode,
-    }, { client: instance.client, tracker: instance.tracker });
+    }, { client: instance.client, tracker: instance.tracker, quickviewManager: instance.quickviewManager });
     // mark element with controller id so cleanupStaleControllers knows it's active
     if (targetElem) {
         targetElem.setAttribute('ss-controller-id', controller.id);

package/dist/esm/src/Snap.d.ts

@@ -5,10 +5,11 @@ import { AppMode } from '@athoscommerce/snap-toolbox';
 import { ControllerTypes } from '@athoscommerce/snap-controller';
 import { EventManager } from '@athoscommerce/snap-event-manager';
 import type { ClientConfig, ClientGlobals } from '@athoscommerce/snap-client';
-import type { Controllers, AbstractController, SearchControllerConfig, AutocompleteControllerConfig, FinderControllerConfig, RecommendationControllerConfig, ControllerConfigs, ContextVariables } from '@athoscommerce/snap-controller';
+import type { Controllers, AbstractController, SearchControllerConfig, ChatControllerConfig, AutocompleteControllerConfig, FinderControllerConfig, RecommendationControllerConfig, ControllerConfigs, ContextVariables } from '@athoscommerce/snap-controller';
 import type { TrackerConfig, TrackerGlobals } from '@athoscommerce/snap-tracker';
 import type { Target, OnTarget } from '@athoscommerce/snap-toolbox';
 import type { UrlTranslatorConfig } from '@athoscommerce/snap-url-manager';
+import type { QuickviewManagerConfig, QuickviewManagerServices } from '@athoscommerce/snap-controller';
 import type { RecommendationInstantiator, RecommendationInstantiatorConfig } from './Instantiators/RecommendationInstantiator';
 import type { SnapControllerServices, InitialUrlConfig, SnapFeatures } from './types';
 import type { TemplatesStore } from './Templates/Stores/TemplateStore';
@@ -55,10 +56,16 @@ export type SnapConfig = {
     };
     controllers?: {
         search?: SnapConfigControllerDefinition<SearchControllerConfig>[];
+        chat?: SnapConfigControllerDefinition<ChatControllerConfig>[];
         autocomplete?: SnapConfigControllerDefinition<AutocompleteControllerConfig>[];
         finder?: SnapConfigControllerDefinition<FinderControllerConfig>[];
         recommendation?: SnapConfigControllerDefinition<RecommendationControllerConfig>[];
     };
+    quickview?: {
+        config?: QuickviewManagerConfig;
+        targeters?: ExtendedTarget[];
+        services?: Partial<QuickviewManagerServices>;
+    };
 };
 export type SnapServices = {
     client?: Client;
@@ -80,6 +87,7 @@ export declare class Snap {
     };
     eventManager: EventManager;
     templates?: TemplatesStore;
+    private quickviewManager?;
     getInstantiator: (id: string) => Promise<RecommendationInstantiator>;
     getController: (id: string) => Promise<Controllers>;
     getControllers: (...controllerIds: string[]) => Promise<Controllers[]>;

package/dist/esm/src/Snap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Snap.d.ts","sourceRoot":"","sources":["../../../src/Snap.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Snap.d.ts","sourceRoot":"","sources":["../../../src/Snap.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,OAAO,EAAgE,MAAM,6BAA6B,CAAC;AACpH,OAAO,EAAE,eAAe,EAAoB,MAAM,gCAAgC,CAAC;AACnF,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAIjE,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,KAAK,EACX,WAAW,EACX,kBAAkB,EAElB,sBAAsB,EACtB,oBAAoB,EACpB,4BAA4B,EAC5B,sBAAsB,EACtB,8BAA8B,EAC9B,iBAAiB,EACjB,gBAAgB,EAEhB,MAAM,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAmB,MAAM,6BAA6B,CAAC;AAClG,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAG3E,OAAO,KAAK,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AACvG,OAAO,KAAK,EAAE,0BAA0B,EAAE,gCAAgC,EAAE,MAAM,4CAA4C,CAAC;AAC/H,OAAO,KAAK,EAAE,sBAAsB,EAAwB,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAG5G,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAKvE,eAAO,MAAM,aAAa,gBAAgB,CAAC;AAC3C,eAAO,MAAM,YAAY,kBAAkB,CAAC;AAC5C,eAAO,MAAM,UAAU,cAAc,CAAC;AACtC,eAAO,MAAM,oBAAoB,6BAA6B,CAAC;AAE/D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;IACpC,KAAK,CAAC,EAAE;QACP,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC;KACxB,CAAC;IACF,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,8BAA8B,CAAC,gBAAgB,IAAI;IAC9D,MAAM,EAAE,gBAAgB,CAAC;IACzB,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,GAAG,CAAC,EAAE,mBAAmB,GAAG;QAC3B,OAAO,CAAC,EAAE,gBAAgB,CAAC;KAC3B,CAAC;IACF,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,OAAO,OAAO,GAAG,OAAO,CAAC;IACtC,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,MAAM,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;QACjC,MAAM,CAAC,EAAE,YAAY,CAAC;KACtB,CAAC;IACF,OAAO,CAAC,EAAE;QACT,OAAO,CAAC,EAAE,cAAc,CAAC;QACzB,MAAM,CAAC,EAAE,aAAa,CAAC;KACvB,CAAC;IACF,aAAa,CAAC,EAAE;QACf,cAAc,CAAC,EAAE,gCAAgC,CAAC;KAClD,CAAC;IACF,WAAW,CAAC,EAAE;QACb,MAAM,CAAC,EAAE,8BAA8B,CAAC,sBAAsB,CAAC,EAAE,CAAC;QAClE,IAAI,CAAC,EAAE,8BAA8B,CAAC,oBAAoB,CAAC,EAAE,CAAC;QAC9D,YAAY,CAAC,EAAE,8BAA8B,CAAC,4BAA4B,CAAC,EAAE,CAAC;QAC9E,MAAM,CAAC,EAAE,8BAA8B,CAAC,sBAAsB,CAAC,EAAE,CAAC;QAClE,cAAc,CAAC,EAAE,8BAA8B,CAAC,8BAA8B,CAAC,EAAE,CAAC;KAClF,CAAC;IAGF,SAAS,CAAC,EAAE;QACX,MAAM,CAAC,EAAE,sBAAsB,CAAC;QAChC,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;QAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,CAAC;KAC7C,CAAC;CACF,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,cAAc,CAAC;CAChC,CAAC;AAqCF,qBAAa,IAAI;IAChB,OAAO,CAAC,IAAI,CAAsB;IAClC,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,qBAAqB,CAEtB;IACP,OAAO,CAAC,mBAAmB,CAEpB;IAEA,MAAM,EAAG,MAAM,CAAC;IAChB,MAAM,EAAG,MAAM,CAAC;IAChB,OAAO,EAAG,OAAO,CAAC;IAClB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,WAAW,EAAE;QACnB,CAAC,kBAAkB,EAAE,MAAM,GAAG,WAAW,CAAC;KAC1C,CAAM;IAEA,YAAY,EAAE,YAAY,CAAC;IAC3B,SAAS,CAAC,EAAE,cAAc,CAAC;IAClC,OAAO,CAAC,gBAAgB,CAAC,CAAmB;IAErC,eAAe,OAAQ,MAAM,KAAG,OAAO,CAAC,0BAA0B,CAAC,CAExE;IAEK,aAAa,OAAQ,MAAM,KAAG,OAAO,CAAC,WAAW,CAAC,CAEvD;IAEK,cAAc,qBAAsB,MAAM,EAAE,KAAG,OAAO,CAAC,WAAW,EAAE,CAAC,CAI1E;IAGK,gBAAgB,SAChB,MAAM,OAAO,eAAe,UAC1B,iBAAiB,aACd,sBAAsB,cACrB,mBAAmB,YACrB,gBAAgB,aACf,CAAC,KAAK,CAAC,EAAE,WAAW,GAAG,WAAW,CAAC,WAAW,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,KACjF,OAAO,CAAC,WAAW,CAAC,CAarB;IAGF,OAAO,CAAC,iBAAiB,CA0DvB;IAEK,QAAQ;QACd,UAAU,UAAU,UAAU,KAAG,IAAI;QAsDrC,KAAK,UAAU,UAAU,KAAG,IAAI;MAgC/B;IAEF,YAAY,MAAM,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAE,YAAY,EAizBtD;CACD"}

package/dist/esm/src/Snap.js

@@ -2,15 +2,15 @@ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { render } from 'preact';
 import deepmerge from 'deepmerge';
 import { isPlainObject } from 'is-plain-object';
-import { configure as configureMobx } from 'mobx';
+import { configure as configureMobx, when } from 'mobx';
 import { Client } from '@athoscommerce/snap-client';
 import { Logger } from '@athoscommerce/snap-logger';
 import { Tracker } from '@athoscommerce/snap-tracker';
 import { AppMode, version, getContext, DomTargeter, url, cookies, featureFlags } from '@athoscommerce/snap-toolbox';
-import { ControllerTypes } from '@athoscommerce/snap-controller';
+import { ControllerTypes, QuickviewManager } from '@athoscommerce/snap-controller';
 import { getInitialUrlState } from './getInitialUrlState/getInitialUrlState';
 import { default as createSearchController } from './create/createSearchController';
-import { configureSnapFeatures } from './utils';
+import { applyChatTargetInject, configureSnapFeatures } from './utils';
 import { setupEvents } from './setupEvents';
 // configure MobX
 configureMobx({ useProxies: 'never', isolateGlobalState: true, enforceActions: 'never' });
@@ -95,6 +95,9 @@ export class Snap {
                 case ControllerTypes.recommendation:
                     importPromise = import('./create/createRecommendationController');
                     break;
+                case ControllerTypes.chat:
+                    importPromise = import('./create/createChatController');
+                    break;
                 case ControllerTypes.search:
                 default:
                     importPromise = import('./create/createSearchController');
@@ -117,6 +120,7 @@ export class Snap {
                     profiler: services?.profiler,
                     logger: services?.logger,
                     tracker: services?.tracker || this.tracker,
+                    quickviewManager: services?.quickviewManager || this.quickviewManager,
                 });
             }
             if (callback) {
@@ -448,6 +452,44 @@ export class Snap {
                 id: this.context.shopper.id,
             });
         }
+        // Create the quickview manager. Synchronous and ahead of controller creation below, so it can
+        // be passed to every controller as the 'quickview' service. The quickview *components* are
+        // still loaded on demand by the targeters.
+        if (this.config.quickview) {
+            try {
+                const { config: quickviewConfig, services: quickviewServices, targeters } = this.config.quickview;
+                this.quickviewManager = new QuickviewManager({
+                    store: quickviewServices?.store,
+                }, quickviewConfig);
+                targeters?.forEach((target, index) => {
+                    if (!target.selector) {
+                        throw new Error(`Quickview target at index ${index} missing selector value (string).`);
+                    }
+                    if (!target.component) {
+                        throw new Error(`Quickview target at index ${index} missing component value (Component).`);
+                    }
+                    new DomTargeter([{ ...target }], async (target, elem, originalElem) => {
+                        const onTarget = target.onTarget;
+                        onTarget && (await onTarget(target, elem, originalElem));
+                        try {
+                            // defer the component chunk until the first open
+                            await when(() => Boolean(this.quickviewManager?.store.isOpen));
+                            const Component = await target.component();
+                            setTimeout(() => {
+                                render(_jsx(Component, { quickviewManager: this.quickviewManager, snap: this, ...target.props }), elem);
+                            });
+                        }
+                        catch (err) {
+                            this.logger.error(err);
+                            this.logger.error(COMPONENT_ERROR, target);
+                        }
+                    });
+                });
+            }
+            catch (err) {
+                this.logger.error(`Failed to create the Quickview Manager.`, err);
+            }
+        }
         // create controllers
         Object.keys(this.config?.controllers || {}).forEach((type) => {
             switch (type) {
@@ -471,6 +513,7 @@ export class Snap {
                                 profiler: controller.services?.profiler,
                                 logger: controller.services?.logger,
                                 tracker: controller.services?.tracker || this.tracker,
+                                quickviewManager: controller.services?.quickviewManager || this.quickviewManager,
                             });
                             window.athos.controller = window.athos.controller || {};
                             window.athos.controller[cntrlr.config.id] = this.controllers[cntrlr.config.id] = cntrlr;
@@ -538,6 +581,73 @@ export class Snap {
                     });
                     break;
                 }
+                case 'chat': {
+                    this.config.controllers[type].forEach((controller, index) => {
+                        if (typeof this._controllerPromises[controller.config.id] != 'undefined') {
+                            this.logger.error(`Controller with id '${controller.config.id}' is already defined`);
+                            return;
+                        }
+                        this._controllerPromises[controller.config.id] = new Promise(async (resolve) => {
+                            try {
+                                // `_initialized` is only set after the awaited init fires, so two chat
+                                // targeters would otherwise both re-run the init middleware
+                                let initialized = false;
+                                const targetFunction = async (target, elem, originalElem) => {
+                                    const onTarget = target.onTarget;
+                                    onTarget && (await onTarget(target, elem, originalElem));
+                                    try {
+                                        const importPromises = [];
+                                        // dynamically import the component
+                                        importPromises.push(target.component());
+                                        const importResolutions = await Promise.all(importPromises);
+                                        const Component = importResolutions[0];
+                                        setTimeout(() => {
+                                            render(_jsx(Component, { controller: this.controllers[controller.config.id], snap: this, ...target.props }), elem);
+                                        });
+                                    }
+                                    catch (err) {
+                                        this.logger.error(err);
+                                        this.logger.error(COMPONENT_ERROR, target);
+                                    }
+                                };
+                                if (!controller?.targeters || controller?.targeters.length === 0) {
+                                    const cntrlr = await this._createController(ControllerTypes.chat, controller.config, controller.services, controller.url, controller.context, (cntrlr) => {
+                                        if (cntrlr)
+                                            resolve(cntrlr);
+                                    });
+                                    if (!cntrlr.initialized)
+                                        cntrlr.init();
+                                }
+                                controller?.targeters?.forEach((target, target_index) => {
+                                    if (!target.selector) {
+                                        throw new Error(`Targets at index ${target_index} missing selector value (string).`);
+                                    }
+                                    if (!target.component) {
+                                        throw new Error(`Targets at index ${target_index} missing component value (Component).`);
+                                    }
+                                    target = applyChatTargetInject(target);
+                                    const targeter = new DomTargeter([{ ...target }], async (target, elem, originalElem) => {
+                                        const cntrlr = await this._createController(ControllerTypes.chat, controller.config, controller.services, controller.url, controller.context, (cntrlr) => {
+                                            if (cntrlr)
+                                                resolve(cntrlr);
+                                        });
+                                        if (!initialized) {
+                                            initialized = true;
+                                            if (!cntrlr.initialized)
+                                                cntrlr.init();
+                                        }
+                                        targetFunction({ controller: cntrlr, ...target }, elem, originalElem);
+                                        cntrlr.addTargeter(targeter);
+                                    });
+                                });
+                            }
+                            catch (err) {
+                                this.logger.error(`Failed to instantiate ${type} controller at index ${index}.`, err);
+                            }
+                        });
+                    });
+                    break;
+                }
                 case 'autocomplete': {
                     this.config.controllers[type].forEach((controller, index) => {
                         if (typeof this._controllerPromises[controller.config.id] != 'undefined') {
@@ -752,6 +862,7 @@ export class Snap {
                         tracker: this.tracker,
                         logger: this.logger,
                         snap: this,
+                        quickviewManager: this.quickviewManager,
                     }, this.context);
                 });
             }