@athoscommerce/snap-preact 1.1.4 → 1.2.0

package/dist/cjs/src/Snap.js

@@ -108,7 +108,7 @@ var COMPONENT_ERROR = "Uncaught Error - Invalid value passed as the component.\n
 var Snap = /** @class */ (function () {
     function Snap(config, services) {
         var _this = this;
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6;
         this.mode = snap_toolbox_1.AppMode.production;
         this._instantiatorPromises = {};
         this._controllerPromises = {};
@@ -290,7 +290,20 @@ var Snap = /** @class */ (function () {
         var globalContext = {};
         try {
             // get global context
-            globalContext = (0, snap_toolbox_1.getContext)(['shopper', 'config', 'custom', 'merchandising', 'siteId', 'currency', 'page']);
+            globalContext = (0, snap_toolbox_1.getContext)([
+                'shopper',
+                'config',
+                'custom',
+                'merchandising',
+                'siteId',
+                'currency',
+                'page',
+                'backgroundFilters',
+                'collection',
+                'tags',
+                'category',
+                'brand',
+            ]);
         }
         catch (err) {
             console.error('Snap failed to find global context');
@@ -361,30 +374,44 @@ var Snap = /** @class */ (function () {
                     this.mode = snap_toolbox_1.AppMode.development;
                 }
             }
+            var initiatorPrefix = ((_p = window === null || window === void 0 ? void 0 : window.athos) === null || _p === void 0 ? void 0 : _p.managed) ? "managed/" : '';
             // client mode uses client config over snap config
             if (this.config.client) {
                 this.config.client.config = this.config.client.config || {};
-                this.config.client.config.initiator = "snap/preact/".concat(snap_toolbox_1.version);
+                if (!this.config.client.config.initiator) {
+                    this.config.client.config.initiator = "athos/".concat(initiatorPrefix, "snap/preact/").concat(snap_toolbox_1.version);
+                }
                 this.config.client.config.mode = this.config.client.config.mode || this.mode;
             }
             // feature check block
             (0, utils_1.configureSnapFeatures)(this.config);
             this.client = (services === null || services === void 0 ? void 0 : services.client) || new snap_client_1.Client(this.config.client.globals, this.config.client.config);
-            this.logger = (services === null || services === void 0 ? void 0 : services.logger) || new snap_logger_1.Logger({ prefix: 'Snap Preact ', mode: this.mode });
+            this.logger =
+                (services === null || services === void 0 ? void 0 : services.logger) ||
+                    new snap_logger_1.Logger({
+                        prefix: "".concat(((_r = (_q = this.config.tracker) === null || _q === void 0 ? void 0 : _q.config) === null || _r === void 0 ? void 0 : _r.framework) == 'snap/templates'
+                            ? 'Snap Preact Templates '
+                            : ((_t = (_s = this.config.tracker) === null || _s === void 0 ? void 0 : _s.config) === null || _t === void 0 ? void 0 : _t.framework) == 'snap/hybrid'
+                                ? 'Snap Preact Hybrid '
+                                : 'Snap Preact '),
+                        mode: this.mode,
+                    });
             // create tracker
-            var trackerGlobals = ((_p = this.config.tracker) === null || _p === void 0 ? void 0 : _p.globals) || this.config.client.globals;
-            if ((_q = this.context.currency) === null || _q === void 0 ? void 0 : _q.code) {
+            var trackerGlobals = ((_u = this.config.tracker) === null || _u === void 0 ? void 0 : _u.globals) || this.config.client.globals;
+            if ((_v = this.context.currency) === null || _v === void 0 ? void 0 : _v.code) {
                 trackerGlobals = (0, deepmerge_1.default)(trackerGlobals || {}, {
                     currency: this.context.currency,
                 });
             }
-            if ((_r = this.context.shopper) === null || _r === void 0 ? void 0 : _r.cart) {
+            if ((_w = this.context.shopper) === null || _w === void 0 ? void 0 : _w.cart) {
                 trackerGlobals = (0, deepmerge_1.default)(trackerGlobals || {}, {
                     cart: this.context.shopper.cart,
                 });
             }
-            var initiatorPrefix = ((_s = window === null || window === void 0 ? void 0 : window.athos) === null || _s === void 0 ? void 0 : _s.managed) ? "managed/" : '';
-            var trackerConfig = (0, deepmerge_1.default)(((_t = this.config.tracker) === null || _t === void 0 ? void 0 : _t.config) || {}, { framework: "".concat(initiatorPrefix, "snap/preact"), mode: this.mode });
+            var trackerConfig = (0, deepmerge_1.default)(((_x = this.config.tracker) === null || _x === void 0 ? void 0 : _x.config) || {}, {
+                framework: "".concat(initiatorPrefix).concat(((_z = (_y = this.config.tracker) === null || _y === void 0 ? void 0 : _y.config) === null || _z === void 0 ? void 0 : _z.framework) || 'snap', "/preact"),
+                mode: this.mode,
+            });
             this.tracker = (services === null || services === void 0 ? void 0 : services.tracker) || new snap_tracker_1.Tracker(trackerGlobals, trackerConfig);
             // log version
             this.logger.imageText({
@@ -403,7 +430,7 @@ var Snap = /** @class */ (function () {
                     this.logger.warn('Cookies are not supported/enabled by this browser, branch overrides will not persist!');
                 }
                 // get the path and siteId from the current bundle script in case its not the same as the client config
-                var path = "https://snapui.athoscommerce.io/".concat((_v = (_u = this.config.client) === null || _u === void 0 ? void 0 : _u.globals) === null || _v === void 0 ? void 0 : _v.siteId, "/");
+                var path = "https://snapui.athoscommerce.io/".concat((_1 = (_0 = this.config.client) === null || _0 === void 0 ? void 0 : _0.globals) === null || _1 === void 0 ? void 0 : _1.siteId, "/");
                 var script = document.querySelector('script[src*="//snapui.searchspring.io"], script[src*="//snapui.athoscommerce.io"]');
                 if (script) {
                     var scriptRoot = script.getAttribute('src').match(/\/\/snapui.searchspring.io\/[a-zA-Z0-9]{6}\//);
@@ -522,13 +549,13 @@ var Snap = /** @class */ (function () {
             };
         }
         // autotrack shopper id from the context
-        if ((_x = (_w = this.context) === null || _w === void 0 ? void 0 : _w.shopper) === null || _x === void 0 ? void 0 : _x.id) {
+        if ((_3 = (_2 = this.context) === null || _2 === void 0 ? void 0 : _2.shopper) === null || _3 === void 0 ? void 0 : _3.id) {
             this.tracker.track.shopper.login({
                 id: this.context.shopper.id,
             });
         }
         // create controllers
-        Object.keys(((_y = this.config) === null || _y === void 0 ? void 0 : _y.controllers) || {}).forEach(function (type) {
+        Object.keys(((_4 = this.config) === null || _4 === void 0 ? void 0 : _4.controllers) || {}).forEach(function (type) {
             switch (type) {
                 case 'search': {
                     _this.config.controllers[type].forEach(function (controller, index) {
@@ -953,7 +980,7 @@ var Snap = /** @class */ (function () {
             }
         });
         // create instantiators
-        if ((_0 = (_z = this.config) === null || _z === void 0 ? void 0 : _z.instantiators) === null || _0 === void 0 ? void 0 : _0.recommendation) {
+        if ((_6 = (_5 = this.config) === null || _5 === void 0 ? void 0 : _5.instantiators) === null || _6 === void 0 ? void 0 : _6.recommendation) {
             try {
                 this._instantiatorPromises.recommendation = Promise.resolve().then(function () { return __importStar(require('./Instantiators/RecommendationInstantiator')); }).then(function (_a) {
                     var RecommendationInstantiator = _a.RecommendationInstantiator;

package/dist/cjs/src/SnapHybrid.d.ts

@@ -0,0 +1,12 @@
+import { Snap, SnapConfig, SnapServices } from './Snap';
+import { SnapTemplatesConfigLocked, SnapTemplatesConfigUnlocked } from './Templates/SnapTemplates';
+type HybridIntegrationConfig = {
+    templatesConfig: SnapTemplatesConfigLocked | SnapTemplatesConfigUnlocked;
+    snapConfig: SnapConfig;
+    services?: SnapServices;
+};
+export declare class SnapHybrid extends Snap {
+    constructor(config: HybridIntegrationConfig);
+}
+export {};
+//# sourceMappingURL=SnapHybrid.d.ts.map

package/dist/cjs/src/SnapHybrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SnapHybrid.d.ts","sourceRoot":"","sources":["../../../src/SnapHybrid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACxD,OAAO,EAAE,yBAAyB,EAAE,2BAA2B,EAAoB,MAAM,2BAA2B,CAAC;AAKrH,KAAK,uBAAuB,GAAG;IAC9B,eAAe,EAAE,yBAAyB,GAAG,2BAA2B,CAAC;IACzE,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,CAAC,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF,qBAAa,UAAW,SAAQ,IAAI;gBACvB,MAAM,EAAE,uBAAuB;CAqB3C"}

package/dist/cjs/src/SnapHybrid.js

@@ -0,0 +1,65 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SnapHybrid = void 0;
+var Snap_1 = require("./Snap");
+var SnapTemplates_1 = require("./Templates/SnapTemplates");
+var TemplateStore_1 = require("./Templates/Stores/TemplateStore");
+var deepmerge_1 = __importDefault(require("deepmerge"));
+var is_plain_object_1 = require("is-plain-object");
+var snap_toolbox_1 = require("@athoscommerce/snap-toolbox");
+var SnapHybrid = /** @class */ (function (_super) {
+    __extends(SnapHybrid, _super);
+    function SnapHybrid(config) {
+        var _a;
+        var templatesStore = new TemplateStore_1.TemplatesStore({ config: config.templatesConfig });
+        var convertedTemplatesConfig = (0, SnapTemplates_1.createSnapConfig)(config.templatesConfig, templatesStore);
+        var mergedConfig = (0, deepmerge_1.default)(convertedTemplatesConfig, config.snapConfig, {
+            isMergeableObject: function (value) { return (0, is_plain_object_1.isPlainObject)(value) || Array.isArray(value); },
+            arrayMerge: function (target, source) { return __spreadArray(__spreadArray([], target, true), source, true); },
+        });
+        var initiatorPrefix = ((_a = window === null || window === void 0 ? void 0 : window.athos) === null || _a === void 0 ? void 0 : _a.managed) ? "managed/" : '';
+        mergedConfig.client.config = __assign(__assign({}, mergedConfig.client.config), { initiator: "athos/".concat(initiatorPrefix, "snap/preact/hybrid/").concat(snap_toolbox_1.version) });
+        mergedConfig.tracker.config = __assign(__assign({}, mergedConfig.tracker.config), { initiator: "athos/".concat(initiatorPrefix, "snap/preact/hybrid/").concat(snap_toolbox_1.version), framework: 'snap/hybrid' });
+        return _super.call(this, mergedConfig, __assign(__assign({}, config.services), { templatesStore: templatesStore })) || this;
+    }
+    return SnapHybrid;
+}(Snap_1.Snap));
+exports.SnapHybrid = SnapHybrid;

package/dist/cjs/src/Templates/SnapTemplates.d.ts

@@ -2,36 +2,35 @@ import { Snap } from '../Snap';
 import { TemplatesStore } from './Stores/TemplateStore';
 import { type SearchStoreConfigSettings, type AutocompleteStoreConfigSettings } from '@athoscommerce/snap-store-mobx';
 import type { UrlTranslatorConfig } from '@athoscommerce/snap-url-manager';
+import type { PluginGrouping } from '@athoscommerce/snap-controller';
 import type { RecommendationInstantiatorConfigSettings, RecommendationComponentObject } from '../Instantiators/RecommendationInstantiator';
 import type { SnapFeatures } from '../types';
 import type { SnapConfig, ExtendedTarget } from '../Snap';
-import type { PluginsConfigs, TemplateStoreConfigConfig } from './Stores/TemplateStore';
+import type { PluginsConfigs, PluginsConfigsUnlocked, TemplateStoreConfigConfig, TemplateStoreConfigConfigUnlocked } from './Stores/TemplateStore';
 import { LibraryImports } from './Stores/LibraryStore';
 export declare const TEMPLATE_EDIT_COOKIE = "athosEditor";
+export declare const TEMPLATE_EDITOR_PARAM = "athos-editor";
 export type SearchTargetConfig = {
     selector: string;
     component: keyof LibraryImports['component']['search'];
-    resultComponent?: keyof LibraryImports['component']['result'] | (string & NonNullable<unknown>);
 };
 export type AutocompleteTargetConfig = {
     selector: string;
     inputSelector?: string;
     component: keyof LibraryImports['component']['autocomplete'];
-    resultComponent?: keyof LibraryImports['component']['result'] | (string & NonNullable<unknown>);
 };
 export type RecommendationDefaultTargetConfig = {
     component: keyof LibraryImports['component']['recommendation']['default'];
-    resultComponent?: keyof LibraryImports['component']['result'] | (string & NonNullable<unknown>);
 };
 export type RecommendationEmailTargetConfig = {
     component: keyof LibraryImports['component']['recommendation']['email'];
-    resultComponent?: keyof LibraryImports['component']['result'] | (string & NonNullable<unknown>);
 };
 export type RecommendationBundleTargetConfig = {
     component: keyof LibraryImports['component']['recommendation']['bundle'];
-    resultComponent?: keyof LibraryImports['component']['result'] | (string & NonNullable<unknown>);
 };
-export type SnapTemplatesConfig = TemplateStoreConfigConfig & {
+export type SnapTemplatesConfig = SnapTemplatesConfigUnlocked | SnapTemplatesConfigLocked;
+export type SnapTemplatesConfigLocked = TemplateStoreConfigConfig & {
+    unlocked: false;
     url?: UrlTranslatorConfig;
     features?: SnapFeatures;
     search?: {
@@ -58,6 +57,18 @@ export type SnapTemplatesConfig = TemplateStoreConfigConfig & {
         plugins?: PluginsConfigs;
     };
 };
+export type SnapTemplatesConfigUnlocked = Omit<SnapTemplatesConfigLocked, 'unlocked' | 'plugins' | 'search' | 'autocomplete' | 'recommendation'> & TemplateStoreConfigConfigUnlocked & {
+    unlocked: true;
+    search?: Omit<NonNullable<SnapTemplatesConfigLocked['search']>, 'plugins'> & {
+        plugins?: PluginsConfigsUnlocked;
+    };
+    autocomplete?: Omit<NonNullable<SnapTemplatesConfigLocked['autocomplete']>, 'plugins'> & {
+        plugins?: PluginsConfigsUnlocked;
+    };
+    recommendation?: Omit<NonNullable<SnapTemplatesConfigLocked['recommendation']>, 'plugins'> & {
+        plugins?: PluginsConfigsUnlocked;
+    };
+};
 export declare const DEFAULT_FEATURES: SnapFeatures;
 export declare const DEFAULT_AUTOCOMPLETE_CONTROLLER_SETTINGS: AutocompleteStoreConfigSettings;
 export declare class SnapTemplates extends Snap {
@@ -73,4 +84,5 @@ export declare function createRecommendationComponentMapping(templateConfig: Sna
     [name: string]: RecommendationComponentObject;
 };
 export declare function createSnapConfig(templateConfig: SnapTemplatesConfig, templatesStore: TemplatesStore): SnapConfig;
+export declare function createPlugins(templateConfig: SnapTemplatesConfig, templatesStore: TemplatesStore, controllerType?: 'autocomplete' | 'search' | 'recommendation'): PluginGrouping[];
 //# sourceMappingURL=SnapTemplates.d.ts.map

package/dist/cjs/src/Templates/SnapTemplates.d.ts.map

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

package/dist/cjs/src/Templates/SnapTemplates.js

@@ -84,15 +84,25 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createSearchTargeters = exports.SnapTemplates = exports.DEFAULT_AUTOCOMPLETE_CONTROLLER_SETTINGS = exports.DEFAULT_FEATURES = exports.TEMPLATE_EDIT_COOKIE = void 0;
+exports.createSearchTargeters = exports.SnapTemplates = exports.DEFAULT_AUTOCOMPLETE_CONTROLLER_SETTINGS = exports.DEFAULT_FEATURES = exports.TEMPLATE_EDITOR_PARAM = exports.TEMPLATE_EDIT_COOKIE = void 0;
 exports.mapBreakpoints = mapBreakpoints;
 exports.createAutocompleteTargeters = createAutocompleteTargeters;
 exports.createRecommendationComponentMapping = createRecommendationComponentMapping;
 exports.createSnapConfig = createSnapConfig;
+exports.createPlugins = createPlugins;
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 var preact_1 = require("preact");
 var deepmerge_1 = __importDefault(require("deepmerge"));
@@ -101,7 +111,7 @@ var TemplateSelect_1 = require("../../components/src/components/Atoms/TemplateSe
 var snap_toolbox_1 = require("@athoscommerce/snap-toolbox");
 var TemplateStore_1 = require("./Stores/TemplateStore");
 exports.TEMPLATE_EDIT_COOKIE = 'athosEditor';
-var TEMPLATE_EDITOR_PARAM = 'athos-editor';
+exports.TEMPLATE_EDITOR_PARAM = 'athos-editor';
 exports.DEFAULT_FEATURES = {};
 exports.DEFAULT_AUTOCOMPLETE_CONTROLLER_SETTINGS = {
     trending: {
@@ -114,25 +124,9 @@ var SnapTemplates = /** @class */ (function (_super) {
         var _this = this;
         var _a;
         var urlParams = (0, snap_toolbox_1.url)(window.location.href);
-        var editMode = Boolean((((_a = urlParams === null || urlParams === void 0 ? void 0 : urlParams.params) === null || _a === void 0 ? void 0 : _a.query) && TEMPLATE_EDITOR_PARAM in urlParams.params.query) || snap_toolbox_1.cookies.get(exports.TEMPLATE_EDIT_COOKIE));
+        var editMode = Boolean((((_a = urlParams === null || urlParams === void 0 ? void 0 : urlParams.params) === null || _a === void 0 ? void 0 : _a.query) && exports.TEMPLATE_EDITOR_PARAM in urlParams.params.query) || snap_toolbox_1.cookies.get(exports.TEMPLATE_EDIT_COOKIE));
         var templatesStore = new TemplateStore_1.TemplatesStore({ config: config, settings: { editMode: editMode } });
         var snapConfig = createSnapConfig(config, templatesStore);
-        // get more context (all the things needed for the platform of choice as well as generic backgroundFilters)
-        var contextParams = ['backgroundFilters'];
-        switch (templatesStore.platform) {
-            case 'shopify':
-                contextParams = contextParams.concat(['collection', 'tags']);
-                break;
-            case 'bigCommerce':
-                contextParams = contextParams.concat(['category', 'brand']);
-                break;
-            case 'magento2':
-                contextParams = contextParams.concat(['category']);
-                break;
-            default:
-                break;
-        }
-        snapConfig.context = (0, snap_toolbox_1.getContext)(contextParams);
         _this = _super.call(this, snapConfig, { templatesStore: templatesStore }) || this;
         _this.templates = templatesStore;
         if (editMode) {
@@ -183,7 +177,7 @@ var SnapTemplates = /** @class */ (function (_super) {
                                             (0, preact_1.render)((0, jsx_runtime_1.jsx)(TemplateEditor, { templatesStore: templatesStore, editorStore: templateEditorStore, snap: this, onRemoveClick: function () {
                                                     snap_toolbox_1.cookies.unset(exports.TEMPLATE_EDIT_COOKIE);
                                                     var urlState = (0, snap_toolbox_1.url)(window.location.href);
-                                                    urlState === null || urlState === void 0 ? true : delete urlState.params.query[TEMPLATE_EDITOR_PARAM];
+                                                    urlState === null || urlState === void 0 ? true : delete urlState.params.query[exports.TEMPLATE_EDITOR_PARAM];
                                                     var newUrl = urlState === null || urlState === void 0 ? void 0 : urlState.url();
                                                     if (newUrl && newUrl != window.location.href) {
                                                         window.location.href = newUrl;
@@ -221,10 +215,6 @@ var createSearchTargeters = function (templateConfig, templatesStore) {
     var _a;
     var targets = ((_a = templateConfig.search) === null || _a === void 0 ? void 0 : _a.targets) || [];
     return targets.map(function (target) {
-        // use theme provided resultComponent if specified
-        if (!target.resultComponent && templateConfig.theme.resultComponent) {
-            target.resultComponent = templateConfig.theme.resultComponent;
-        }
         var targetId = templatesStore.addTarget('search', target);
         var targeter = {
             selector: target.selector,
@@ -236,9 +226,6 @@ var createSearchTargeters = function (templateConfig, templatesStore) {
                         case 0:
                             componentImportPromises = [];
                             componentImportPromises.push(templatesStore.library.import.component.search[target.component]());
-                            if (target.resultComponent && templatesStore.library.import.component.result[target.resultComponent]) {
-                                componentImportPromises.push(templatesStore.library.import.component.result[target.resultComponent]());
-                            }
                             return [4 /*yield*/, Promise.all(componentImportPromises)];
                         case 1:
                             _a.sent();
@@ -257,10 +244,6 @@ function createAutocompleteTargeters(templateConfig, templatesStore) {
     var _a;
     var targets = ((_a = templateConfig.autocomplete) === null || _a === void 0 ? void 0 : _a.targets) || [];
     return targets.map(function (target) {
-        // use theme provided resultComponent if specified
-        if (!target.resultComponent && templateConfig.theme.resultComponent) {
-            target.resultComponent = templateConfig.theme.resultComponent;
-        }
         var targetId = templatesStore.addTarget('autocomplete', target);
         var targeter = {
             selector: target.selector,
@@ -271,9 +254,6 @@ function createAutocompleteTargeters(templateConfig, templatesStore) {
                         case 0:
                             componentImportPromises = [];
                             componentImportPromises.push(templatesStore.library.import.component.autocomplete[target.component]());
-                            if (target.resultComponent && templatesStore.library.import.component.result[target.resultComponent]) {
-                                componentImportPromises.push(templatesStore.library.import.component.result[target.resultComponent]());
-                            }
                             return [4 /*yield*/, Promise.all(componentImportPromises)];
                         case 1:
                             _a.sent();
@@ -299,10 +279,6 @@ function createRecommendationComponentMapping(templateConfig, templatesStore) {
         Object.keys(templateConfig.recommendation[recsType] || {}).forEach(function (targetName) {
             var type = "recommendation/".concat(recsType);
             var target = templateConfig.recommendation[recsType][targetName];
-            // use theme provided resultComponent if specified
-            if (!target.resultComponent && templateConfig.theme.resultComponent) {
-                target.resultComponent = templateConfig.theme.resultComponent;
-            }
             var mappedConfig = {
                 component: function () { return __awaiter(_this, void 0, void 0, function () {
                     var componentImportPromises, importLocation, importLocation, importLocation;
@@ -327,9 +303,6 @@ function createRecommendationComponentMapping(templateConfig, templatesStore) {
                                         break;
                                     }
                                 }
-                                if (target.resultComponent && templatesStore.library.import.component.result[target.resultComponent]) {
-                                    componentImportPromises.push(templatesStore.library.import.component.result[target.resultComponent]());
-                                }
                                 return [4 /*yield*/, Promise.all(componentImportPromises)];
                             case 1:
                                 _a.sent();
@@ -351,17 +324,19 @@ function createRecommendationComponentMapping(templateConfig, templatesStore) {
     }, {});
 }
 function createSnapConfig(templateConfig, templatesStore) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
+    var initiatorPrefix = ((_a = window === null || window === void 0 ? void 0 : window.athos) === null || _a === void 0 ? void 0 : _a.managed) ? "managed/" : '';
     var snapConfig = {
         features: templateConfig.features || exports.DEFAULT_FEATURES,
         client: {
             globals: {
-                siteId: (_a = templateConfig.config) === null || _a === void 0 ? void 0 : _a.siteId,
+                siteId: (_b = templateConfig.config) === null || _b === void 0 ? void 0 : _b.siteId,
             },
-            config: __assign(__assign({}, (((_b = templateConfig.config) === null || _b === void 0 ? void 0 : _b.client) || {})), { initiator: "snap/templates/".concat(snap_toolbox_1.version) }),
+            config: __assign(__assign({}, (((_c = templateConfig.config) === null || _c === void 0 ? void 0 : _c.client) || {})), { initiator: "athos/".concat(initiatorPrefix, "snap/preact/templates/").concat(snap_toolbox_1.version) }),
         },
         tracker: {
             config: {
+                initiator: "athos/".concat(initiatorPrefix, "snap/preact/templates/").concat(snap_toolbox_1.version),
                 framework: 'snap/templates',
             },
         },
@@ -450,7 +425,7 @@ function createSnapConfig(templateConfig, templatesStore) {
     if (templateConfig.recommendation && snapConfig.instantiators) {
         var recommendationInstantiatorConfig = {
             components: createRecommendationComponentMapping(templateConfig, templatesStore),
-            config: __assign({ plugins: createPlugins(templateConfig, templatesStore, 'recommendation') }, (_c = templateConfig.recommendation) === null || _c === void 0 ? void 0 : _c.settings),
+            config: __assign({ plugins: createPlugins(templateConfig, templatesStore, 'recommendation') }, (_d = templateConfig.recommendation) === null || _d === void 0 ? void 0 : _d.settings),
         };
         // merge the responsive settings if there are any
         // if (templateConfig.config.theme.variables?.breakpoints && templateConfig.recommendation.breakpointSettings) {
@@ -465,9 +440,8 @@ function createSnapConfig(templateConfig, templatesStore) {
     }
     return snapConfig;
 }
-// TODO: DRY up and support dynamic imports
 function createPlugins(templateConfig, templatesStore, controllerType) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25;
     var plugins = [];
     var controllerConfig;
     if (controllerType) {
@@ -532,5 +506,13 @@ function createPlugins(templateConfig, templatesStore, controllerType) {
         default:
             break;
     }
+    // Handle custom plugins (only available when unlocked: true)
+    var customPlugins = (0, deepmerge_1.default)(((_24 = templateConfig.plugins) === null || _24 === void 0 ? void 0 : _24.custom) || {}, ((_25 = controllerConfig === null || controllerConfig === void 0 ? void 0 : controllerConfig.plugins) === null || _25 === void 0 ? void 0 : _25.custom) || {});
+    Object.keys(customPlugins).forEach(function (pluginName) {
+        var customPlugin = customPlugins[pluginName];
+        if (customPlugin === null || customPlugin === void 0 ? void 0 : customPlugin.function) {
+            plugins.push(__spreadArray([customPlugin.function], (customPlugin.args || []), true));
+        }
+    });
     return plugins;
 }