@athoscommerce/snap-preact 1.10.1-beta.150 → 1.11.0

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

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLang = exports.RecommendationResultTracker = exports.ChatButtonOrganism = exports.ChatOrganism = void 0;
+exports.useLang = exports.RecommendationResultTracker = void 0;
 // ATOMS
 __exportStar(require("./components/Atoms/BadgeImage"), exports);
 __exportStar(require("./components/Atoms/BadgePill"), exports);
@@ -23,7 +23,6 @@ __exportStar(require("./components/Atoms/BadgeText"), exports);
 __exportStar(require("./components/Atoms/Banner"), exports);
 __exportStar(require("./components/Atoms/Breadcrumbs"), exports);
 __exportStar(require("./components/Atoms/Button"), exports);
-__exportStar(require("./components/Atoms/ChatLoadingIndicator"), exports);
 __exportStar(require("./components/Atoms/Dropdown"), exports);
 __exportStar(require("./components/Atoms/FormattedNumber"), exports);
 __exportStar(require("./components/Atoms/Icon"), exports);
@@ -38,15 +37,6 @@ __exportStar(require("./components/Atoms/Skeleton"), exports);
 // MOLECULES
 __exportStar(require("./components/Molecules/CalloutBadge"), exports);
 __exportStar(require("./components/Molecules/Carousel"), exports);
-__exportStar(require("./components/Molecules/ChatAttachmentContext"), exports);
-__exportStar(require("./components/Molecules/ChatInspirationResultMessage"), exports);
-__exportStar(require("./components/Molecules/ChatMessageText"), exports);
-__exportStar(require("./components/Molecules/ChatMessageUser"), exports);
-__exportStar(require("./components/Molecules/ChatProductComparisonMessage"), exports);
-__exportStar(require("./components/Molecules/ChatProductQueryMessage"), exports);
-__exportStar(require("./components/Molecules/ChatResult"), exports);
-__exportStar(require("./components/Molecules/ChatResultsDisplay"), exports);
-__exportStar(require("./components/Molecules/ChatSuggestedQuestions"), exports);
 __exportStar(require("./components/Molecules/Checkbox"), exports);
 __exportStar(require("./components/Molecules/ErrorHandler"), exports);
 __exportStar(require("./components/Molecules/FacetGridOptions"), exports);
@@ -73,6 +63,7 @@ __exportStar(require("./components/Molecules/SearchInput"), exports);
 __exportStar(require("./components/Molecules/Select"), exports);
 __exportStar(require("./components/Molecules/Slideout"), exports);
 __exportStar(require("./components/Molecules/SortBy"), exports);
+__exportStar(require("./components/Molecules/TabSelection"), exports);
 __exportStar(require("./components/Molecules/TemplatesEditor"), exports);
 __exportStar(require("./components/Molecules/Swatches"), exports);
 __exportStar(require("./components/Molecules/Slideshow"), exports);
@@ -90,13 +81,7 @@ __exportStar(require("./components/Organisms/Sidebar"), exports);
 __exportStar(require("./components/Organisms/Toolbar"), exports);
 __exportStar(require("./components/Organisms/Autocomplete"), exports);
 __exportStar(require("./components/Organisms/TermsList"), exports);
-var Chat_1 = require("./components/Organisms/Chat");
-Object.defineProperty(exports, "ChatOrganism", { enumerable: true, get: function () { return Chat_1.ChatOrganism; } });
-var ChatButton_1 = require("./components/Organisms/ChatButton");
-Object.defineProperty(exports, "ChatButtonOrganism", { enumerable: true, get: function () { return ChatButton_1.ChatButtonOrganism; } });
 // TEMPLATES
-__exportStar(require("./components/Templates/Chat"), exports);
-__exportStar(require("./components/Templates/ChatButton"), exports);
 __exportStar(require("./components/Templates/Recommendation"), exports);
 __exportStar(require("./components/Templates/RecommendationBundle"), exports);
 __exportStar(require("./components/Templates/RecommendationBundleEasyAdd"), exports);

package/dist/cjs/components/src/providers/themeComponents.js

@@ -12,7 +12,6 @@ exports.ALL_CUSTOM_COMPONENT_TYPES = [
     'breadcrumbs',
     'button',
     'dropdown',
-    'chatLoadingIndicator',
     'formattedNumber',
     'icon',
     'image',
@@ -29,15 +28,6 @@ exports.ALL_CUSTOM_COMPONENT_TYPES = [
     'calloutBadge',
     'carousel',
     'checkbox',
-    'chatAttachmentContext',
-    'chatInspirationResultMessage',
-    'chatMessageText',
-    'chatMessageUser',
-    'chatProductComparisonMessage',
-    'chatProductQueryMessage',
-    'chatResult',
-    'chatResultsDisplay',
-    'chatSuggestedQuestions',
     'grid',
     'layoutSelector',
     'list',
@@ -61,20 +51,11 @@ exports.ALL_CUSTOM_COMPONENT_TYPES = [
     'slideout',
     'sortBy',
     'swatches',
+    'tabSelection',
     'variantSelection',
     'terms',
     /* organisms */
     'branchOverride',
-    'chat',
-    'chatButton',
-    'chatComparisonsTray',
-    'chatComposer',
-    'chatFacetsBar',
-    'chatHistory',
-    'chatMessages',
-    'chatSessionFeedback',
-    'chatSideChat',
-    'chatTopicDrift',
     'facet',
     'facets',
     'facetsHorizontal',

package/dist/cjs/components/src/setupTests.js

@@ -1,17 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 require("@testing-library/jest-dom");
-// jsdom does not implement ResizeObserver, which the Slideshow component relies on.
-if (typeof globalThis.ResizeObserver === 'undefined') {
-    globalThis.ResizeObserver = class ResizeObserver {
-        observe() {
-            /* no-op */
-        }
-        unobserve() {
-            /* no-op */
-        }
-        disconnect() {
-            /* no-op */
-        }
-    };
-}

package/dist/cjs/components/src/themes/base/components/templates/index.js

@@ -15,12 +15,8 @@ const searchCollapsible_1 = require("./searchCollapsible");
 const autocompleteSlideout_1 = require("./autocompleteSlideout");
 const autocompleteModal_1 = require("./autocompleteModal");
 const autocompleteFixed_1 = require("./autocompleteFixed");
-const chat_1 = require("./chat");
-const chatButton_1 = require("./chatButton");
 exports.templates = {
     default: {
-        ...chat_1.chat.default,
-        ...chatButton_1.chatButton.default,
         ...autocompleteSlideout_1.autocompleteSlideout.default,
         ...autocompleteModal_1.autocompleteModal.default,
         ...autocompleteFixed_1.autocompleteFixed.default,
@@ -36,8 +32,6 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.default,
     },
     mobile: {
-        ...chat_1.chat.mobile,
-        ...chatButton_1.chatButton.mobile,
         ...autocompleteSlideout_1.autocompleteSlideout.mobile,
         ...autocompleteModal_1.autocompleteModal.mobile,
         ...autocompleteFixed_1.autocompleteFixed.mobile,
@@ -53,8 +47,6 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.mobile,
     },
     tablet: {
-        ...chat_1.chat.tablet,
-        ...chatButton_1.chatButton.tablet,
         ...autocompleteSlideout_1.autocompleteSlideout.tablet,
         ...autocompleteModal_1.autocompleteModal.tablet,
         ...autocompleteFixed_1.autocompleteFixed.tablet,
@@ -70,8 +62,6 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.tablet,
     },
     desktop: {
-        ...chat_1.chat.desktop,
-        ...chatButton_1.chatButton.desktop,
         ...autocompleteSlideout_1.autocompleteSlideout.desktop,
         ...autocompleteModal_1.autocompleteModal.desktop,
         ...autocompleteFixed_1.autocompleteFixed.desktop,

package/dist/cjs/components/src/themes/bocachica/components/templates/index.js

@@ -15,12 +15,8 @@ const searchCollapsible_1 = require("./searchCollapsible");
 const autocompleteSlideout_1 = require("./autocompleteSlideout");
 const autocompleteModal_1 = require("./autocompleteModal");
 const autocompleteFixed_1 = require("./autocompleteFixed");
-const chat_1 = require("./chat");
-const chatButton_1 = require("./chatButton");
 exports.templates = {
     default: {
-        ...chat_1.chat.default,
-        ...chatButton_1.chatButton.default,
         ...autocompleteSlideout_1.autocompleteSlideout.default,
         ...autocompleteModal_1.autocompleteModal.default,
         ...autocompleteFixed_1.autocompleteFixed.default,
@@ -36,8 +32,6 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.default,
     },
     mobile: {
-        ...chat_1.chat.mobile,
-        ...chatButton_1.chatButton.mobile,
         ...autocompleteSlideout_1.autocompleteSlideout.mobile,
         ...autocompleteModal_1.autocompleteModal.mobile,
         ...autocompleteFixed_1.autocompleteFixed.mobile,
@@ -53,8 +47,6 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.mobile,
     },
     tablet: {
-        ...chat_1.chat.tablet,
-        ...chatButton_1.chatButton.tablet,
         ...autocompleteSlideout_1.autocompleteSlideout.tablet,
         ...autocompleteModal_1.autocompleteModal.tablet,
         ...autocompleteFixed_1.autocompleteFixed.tablet,
@@ -70,8 +62,6 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.tablet,
     },
     desktop: {
-        ...chat_1.chat.desktop,
-        ...chatButton_1.chatButton.desktop,
         ...autocompleteSlideout_1.autocompleteSlideout.desktop,
         ...autocompleteModal_1.autocompleteModal.desktop,
         ...autocompleteFixed_1.autocompleteFixed.desktop,

package/dist/cjs/components/src/themes/pike/components/templates/index.js

@@ -3,8 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.templates = void 0;
 // TEMPLATES
 const autocompleteFixed_1 = require("./autocompleteFixed");
-const chat_1 = require("./chat");
-const chatButton_1 = require("./chatButton");
 const autocompleteModal_1 = require("./autocompleteModal");
 const autocompleteSlideout_1 = require("./autocompleteSlideout");
 const recommendation_1 = require("./recommendation");
@@ -19,8 +17,6 @@ const searchHorizontal_1 = require("./searchHorizontal");
 const searchCollapsible_1 = require("./searchCollapsible");
 exports.templates = {
     default: {
-        ...chat_1.chat.default,
-        ...chatButton_1.chatButton.default,
         ...autocompleteFixed_1.autocompleteFixed.default,
         ...autocompleteModal_1.autocompleteModal.default,
         ...autocompleteSlideout_1.autocompleteSlideout.default,
@@ -36,8 +32,6 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.default,
     },
     mobile: {
-        ...chat_1.chat.mobile,
-        ...chatButton_1.chatButton.mobile,
         ...autocompleteFixed_1.autocompleteFixed.mobile,
         ...autocompleteModal_1.autocompleteModal.mobile,
         ...autocompleteSlideout_1.autocompleteSlideout.mobile,
@@ -53,8 +47,6 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.mobile,
     },
     tablet: {
-        ...chat_1.chat.tablet,
-        ...chatButton_1.chatButton.tablet,
         ...autocompleteFixed_1.autocompleteFixed.tablet,
         ...autocompleteModal_1.autocompleteModal.tablet,
         ...autocompleteSlideout_1.autocompleteSlideout.tablet,
@@ -70,8 +62,6 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.tablet,
     },
     desktop: {
-        ...chat_1.chat.desktop,
-        ...chatButton_1.chatButton.desktop,
         ...autocompleteFixed_1.autocompleteFixed.desktop,
         ...autocompleteModal_1.autocompleteModal.desktop,
         ...autocompleteSlideout_1.autocompleteSlideout.desktop,

package/dist/cjs/components/src/themes/snapnco/components/templates/index.js

@@ -15,12 +15,8 @@ const searchCollapsible_1 = require("./searchCollapsible");
 const autocompleteSlideout_1 = require("./autocompleteSlideout");
 const autocompleteModal_1 = require("./autocompleteModal");
 const autocompleteFixed_1 = require("./autocompleteFixed");
-const chat_1 = require("./chat");
-const chatButton_1 = require("./chatButton");
 exports.templates = {
     default: {
-        ...chat_1.chat.default,
-        ...chatButton_1.chatButton.default,
         ...autocompleteSlideout_1.autocompleteSlideout.default,
         ...autocompleteModal_1.autocompleteModal.default,
         ...autocompleteFixed_1.autocompleteFixed.default,
@@ -36,8 +32,6 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.default,
     },
     mobile: {
-        ...chat_1.chat.mobile,
-        ...chatButton_1.chatButton.mobile,
         ...autocompleteSlideout_1.autocompleteSlideout.mobile,
         ...autocompleteModal_1.autocompleteModal.mobile,
         ...autocompleteFixed_1.autocompleteFixed.mobile,
@@ -53,8 +47,6 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.mobile,
     },
     tablet: {
-        ...chat_1.chat.tablet,
-        ...chatButton_1.chatButton.tablet,
         ...autocompleteSlideout_1.autocompleteSlideout.tablet,
         ...autocompleteModal_1.autocompleteModal.tablet,
         ...autocompleteFixed_1.autocompleteFixed.tablet,
@@ -70,8 +62,6 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.tablet,
     },
     desktop: {
-        ...chat_1.chat.desktop,
-        ...chatButton_1.chatButton.desktop,
         ...autocompleteSlideout_1.autocompleteSlideout.desktop,
         ...autocompleteModal_1.autocompleteModal.desktop,
         ...autocompleteFixed_1.autocompleteFixed.desktop,

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

@@ -15,12 +15,8 @@ const searchCollapsible_1 = require("./searchCollapsible");
 const autocompleteSlideout_1 = require("./autocompleteSlideout");
 const autocompleteModal_1 = require("./autocompleteModal");
 const autocompleteFixed_1 = require("./autocompleteFixed");
-const chat_1 = require("./chat");
-const chatButton_1 = require("./chatButton");
 exports.templates = {
     default: {
-        ...chat_1.chat.default,
-        ...chatButton_1.chatButton.default,
         ...autocompleteSlideout_1.autocompleteSlideout.default,
         ...autocompleteModal_1.autocompleteModal.default,
         ...autocompleteFixed_1.autocompleteFixed.default,
@@ -36,8 +32,6 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.default,
     },
     mobile: {
-        ...chat_1.chat.mobile,
-        ...chatButton_1.chatButton.mobile,
         ...autocompleteSlideout_1.autocompleteSlideout.mobile,
         ...autocompleteModal_1.autocompleteModal.mobile,
         ...autocompleteFixed_1.autocompleteFixed.mobile,
@@ -53,8 +47,6 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.mobile,
     },
     tablet: {
-        ...chat_1.chat.tablet,
-        ...chatButton_1.chatButton.tablet,
         ...autocompleteSlideout_1.autocompleteSlideout.tablet,
         ...autocompleteModal_1.autocompleteModal.tablet,
         ...autocompleteFixed_1.autocompleteFixed.tablet,
@@ -70,8 +62,6 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.tablet,
     },
     desktop: {
-        ...chat_1.chat.desktop,
-        ...chatButton_1.chatButton.desktop,
         ...autocompleteSlideout_1.autocompleteSlideout.desktop,
         ...autocompleteModal_1.autocompleteModal.desktop,
         ...autocompleteFixed_1.autocompleteFixed.desktop,

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

@@ -102,27 +102,6 @@ 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));
@@ -191,26 +170,6 @@ 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/cjs/components/src/utilities/index.js

@@ -24,6 +24,7 @@ Object.defineProperty(exports, "Colour", { enumerable: true, get: function () {
 __exportStar(require("./parseProps"), exports);
 __exportStar(require("./mergeProps"), exports);
 __exportStar(require("./mergeStyles"), exports);
+__exportStar(require("./selectionKey"), exports);
 __exportStar(require("./storybook"), exports);
 __exportStar(require("./defaultBadgeComponentMap"), exports);
 __exportStar(require("./createImpressionObserver"), exports);

package/dist/cjs/components/src/utilities/selectionKey.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.selectionKey = selectionKey;
+// identifies a selection by the fields that options are matched on when rendering, so that a store
+// handing back an equivalent - but not identical - option counts as the same selection. option
+// objects themselves are not comparable: those built by the stores carry a UrlManager that picks up
+// every url change, which would read as a new selection on each navigation
+function selectionKey(selected) {
+    const options = selected == undefined ? [] : Array.isArray(selected) ? selected : [selected];
+    // label is included so that options without a value still produce distinct keys
+    return options.map((option) => `${option?.value}:${option?.label}`).join('|');
+}

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

@@ -45,20 +45,6 @@ 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]) {
@@ -101,19 +87,6 @@ function createRecommendationController(config) {
     });
     return cntrlr;
 }
-function createChatController(config) {
-    const urlManager = new snap_url_manager_1.UrlManager(new snap_url_manager_1.UrlTranslator(), snap_url_manager_1.reactLinker).detach(true);
-    const cntrlr = new snap_controller_1.ChatController(config.controller, {
-        client: new snap_client_1.Client(config.client.globals, config.client.config),
-        store: new snap_store_mobx_1.ChatStore({ ...config.controller, siteId: config.client.globals.siteId }, { urlManager }),
-        urlManager,
-        eventManager: new snap_event_manager_1.EventManager(),
-        profiler: new snap_profiler_1.Profiler(),
-        logger: new snap_logger_1.Logger(),
-        tracker: new snap_tracker_1.Tracker(config.client.globals),
-    });
-    return cntrlr;
-}
 function createAutocompleteController(config) {
     const urlManager = new snap_url_manager_1.UrlManager(new snap_url_manager_1.UrlTranslator(), snap_url_manager_1.reactLinker).detach();
     const cntrlr = new snap_controller_1.AutocompleteController(config.controller, {

package/dist/cjs/src/Snap.js

@@ -101,9 +101,6 @@ class Snap {
                 case snap_controller_1.ControllerTypes.recommendation:
                     importPromise = import('./create/createRecommendationController');
                     break;
-                case snap_controller_1.ControllerTypes.chat:
-                    importPromise = import('./create/createChatController');
-                    break;
                 case snap_controller_1.ControllerTypes.search:
                 default:
                     importPromise = import('./create/createSearchController');
@@ -547,73 +544,6 @@ 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(() => {
-                                            (0, preact_1.render)((0, jsx_runtime_1.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(snap_controller_1.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 = (0, utils_1.applyChatTargetInject)(target);
-                                    const targeter = new snap_toolbox_1.DomTargeter([{ ...target }], async (target, elem, originalElem) => {
-                                        const cntrlr = await this._createController(snap_controller_1.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') {