@searchspring/snap-preact 0.26.1 → 0.27.2

package/dist/cjs/components/BranchOverride.d.ts

@@ -1,7 +1,2 @@
-/// <reference types="react" />
-export declare const BranchOverride: (props: {
-    branch: string;
-    cookieName: string;
-    bundleUrl: string;
-}) => JSX.Element;
+export { BranchOverride } from '@searchspring/snap-preact-components';
 //# sourceMappingURL=BranchOverride.d.ts.map

package/dist/cjs/components/BranchOverride.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BranchOverride.d.ts","sourceRoot":"","sources":["../../../src/components/BranchOverride.tsx"],"names":[],"mappings":";AA8IA,eAAO,MAAM,cAAc,UAAW;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,KAAG,WA+FjG,CAAC"}
+{"version":3,"file":"BranchOverride.d.ts","sourceRoot":"","sources":["../../../src/components/BranchOverride.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC"}

package/dist/cjs/components/BranchOverride.js

@@ -1,237 +1,5 @@
 "use strict";
-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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BranchOverride = void 0;
-var jsx_runtime_1 = require("preact/jsx-runtime");
-var hooks_1 = require("preact/hooks");
-var snap_toolbox_1 = require("@searchspring/snap-toolbox");
-var icons = {
-    'close-thin': 'M56 5.638l-22.362 22.362 22.362 22.362-5.638 5.638-22.362-22.362-22.362 22.362-5.638-5.638 22.362-22.362-22.362-22.362 5.638-5.638 22.362 22.362 22.362-22.362z',
-    warn: 'M31.2981 5.28228C29.8323 2.74341 26.1677 2.74341 24.7019 5.28228L0.515899 47.1737C-0.94992 49.7126 0.88235 52.8861 3.81399 52.8861H52.186C55.1176 52.8861 56.9499 49.7126 55.4841 47.1737L31.2981 5.28228ZM25.2229 35.0037L24.8264 18.837C24.8264 18.655 24.8923 18.4729 25.047 18.3686C25.1794 18.2387 25.3776 18.1601 25.5759 18.1601H30.4241C30.6223 18.1601 30.8206 18.238 30.953 18.3686C31.1071 18.4729 31.1736 18.655 31.1736 18.837L30.7988 35.0037C30.7988 35.3679 30.4682 35.6542 30.0493 35.6542H25.9724C25.5759 35.6542 25.2453 35.3679 25.2229 35.0037ZM25.1788 43.9593V39.0131C25.1788 38.5447 25.487 38.1541 25.8618 38.1541H30.0929C30.4894 38.1541 30.82 38.5447 30.82 39.0131V43.9593C30.82 44.4277 30.4894 44.8183 30.0929 44.8183H25.8618C25.487 44.8183 25.1788 44.4277 25.1788 43.9593Z',
-};
-var fetchBundleDetails = function (url) { return __awaiter(void 0, void 0, void 0, function () {
-    return __generator(this, function (_a) {
-        return [2 /*return*/, new Promise(function (resolve, reject) {
-                var request = new XMLHttpRequest();
-                request.open('HEAD', url, true);
-                request.onreadystatechange = function () {
-                    if (request.readyState === XMLHttpRequest.DONE) {
-                        var status_1 = request.status;
-                        if (status_1 === 0 || (status_1 >= 200 && status_1 < 400)) {
-                            resolve({
-                                lastModified: request.getResponseHeader('Last-Modified').split(',')[1],
-                            });
-                        }
-                        else {
-                            reject();
-                        }
-                    }
-                };
-                request.onerror = function () { return reject(); };
-                request.send();
-            })];
-    });
-}); };
-var darkTheme = {
-    main: {
-        border: '0',
-        background: 'rgba(59, 35, 173, 0.9)',
-        color: '#fff',
-        boxShadow: '#4c3ce2 1px 1px 3px 0px',
-    },
-    top: {
-        background: 'rgba(59, 35, 173, 0.3)',
-        border: '1px solid #4c3de1',
-        logo: {
-            src: 'https://snapui.searchspring.io/searchspring_light.svg',
-        },
-        button: {
-            border: '1px solid #fff',
-            content: 'STOP PREVIEW',
-        },
-        close: {
-            fill: '#fff',
-        },
-    },
-    details: {
-        content: 'Preview functionality may differ from production.',
-        branch: {
-            color: '#03cee1',
-            style: 'italic',
-        },
-        additional: {
-            color: '#03cee1',
-        },
-    },
-};
-var lightTheme = {
-    main: {
-        border: '1px solid #ccc',
-        background: 'rgba(255, 255, 255, 0.9)',
-        color: '#515151',
-        boxShadow: 'rgba(81, 81, 81, 0.5) 1px 1px 3px 0px',
-    },
-    top: {
-        background: 'rgba(255, 255, 255, 0.3)',
-        border: '1px solid #ccc',
-        logo: {
-            src: 'https://snapui.searchspring.io/searchspring.svg',
-        },
-        button: {
-            border: '1px solid #515151',
-            content: 'STOP PREVIEW',
-        },
-        close: {
-            fill: '#515151',
-        },
-    },
-    details: {
-        content: 'Preview functionality may differ from production.',
-        branch: {
-            color: '#3a23ad',
-            style: 'italic',
-        },
-        additional: {
-            color: '#3a23ad',
-        },
-    },
-};
-var failureTheme = {
-    main: {
-        border: '0',
-        background: 'rgba(130, 6, 6, 0.9)',
-        color: '#fff',
-        boxShadow: 'rgba(130, 6, 6, 0.4) 1px 1px 3px 0px',
-    },
-    top: {
-        background: 'rgba(130, 6, 6, 0.3)',
-        border: '1px solid #760000',
-        logo: {
-            src: 'https://snapui.searchspring.io/searchspring_light.svg',
-        },
-        button: {
-            border: '1px solid #fff',
-            content: 'REMOVE',
-        },
-        close: {
-            fill: '#fff',
-        },
-    },
-    details: {
-        content: 'Incorrect branch name or branch no longer exists.',
-        branch: {
-            color: '#be9628',
-            style: 'none',
-        },
-        additional: {
-            color: '#be9628',
-        },
-    },
-};
-var themes = {
-    darkTheme: darkTheme,
-    lightTheme: lightTheme,
-    failureTheme: failureTheme,
-};
-var BranchOverride = function (props) {
-    var prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
-    var _a = (0, hooks_1.useState)(prefersDark ? 'darkTheme' : 'lightTheme'), themeName = _a[0], setThemeName = _a[1];
-    var _b = (0, hooks_1.useState)(null), details = _b[0], setDetails = _b[1];
-    (0, hooks_1.useEffect)(function () {
-        function getDetails() {
-            return __awaiter(this, void 0, void 0, function () {
-                var details_1, err_1;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            _a.trys.push([0, 2, , 3]);
-                            return [4 /*yield*/, fetchBundleDetails(props.bundleUrl)];
-                        case 1:
-                            details_1 = _a.sent();
-                            setDetails(details_1);
-                            return [3 /*break*/, 3];
-                        case 2:
-                            err_1 = _a.sent();
-                            setThemeName('failureTheme');
-                            setDetails('failure');
-                            return [3 /*break*/, 3];
-                        case 3: return [2 /*return*/];
-                    }
-                });
-            });
-        }
-        getDetails();
-    }, []);
-    return (props.branch &&
-        details && ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "ss__branch-override", style: "width: 360px; height: 120px; overflow: hidden; transition: height ease 0.5s 0.5s, right ease 0.5s; font-size: 14px; position: fixed; z-index: 9999; bottom: 50px; right: 0; background: ".concat(themes[themeName].main.background, "; color: ").concat(themes[themeName].main.color, "; border: ").concat(themes[themeName].main.border, "; border-right: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px; box-shadow: ").concat(themes[themeName].main.boxShadow, ";"), onClick: function (e) {
-            e.preventDefault();
-            e.stopPropagation();
-            var popup = document.querySelector('.ss__branch-override');
-            popup.style.transition = 'height ease 0.2s, right ease 0.5s 0.2s';
-            popup.style.right = '-1px';
-            popup.style.height = '120px';
-            popup.style.cursor = 'auto';
-        } }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ style: "padding: 10px; position: relative; background: ".concat(themes[themeName].top.background, "; border-bottom: ").concat(themes[themeName].top.border, "; margin-bottom: 10px;") }, { children: [(0, jsx_runtime_1.jsx)("img", { src: themes[themeName].top.logo.src, style: "display: inline-block; height: 30px; vertical-align: middle;" }), (0, jsx_runtime_1.jsx)("div", __assign({ style: "display: inline-block; float: right; padding: 5px; cursor: pointer;", onClick: function (e) {
-                            e.preventDefault();
-                            e.stopPropagation();
-                            var popup = document.querySelector('.ss__branch-override');
-                            popup.style.transition = 'height ease 0.5s 0.5s, right ease 0.5s';
-                            popup.style.right = '-316px';
-                            popup.style.height = '50px';
-                            popup.style.cursor = 'pointer';
-                        } }, { children: (0, jsx_runtime_1.jsx)("svg", __assign({ viewBox: "0 0 56 56", xmlns: "http://www.w3.org/2000/svg", width: "18px", height: "18px" }, { children: (0, jsx_runtime_1.jsx)("path", { fill: themes[themeName].top.close.fill, d: icons['close-thin'] }) })) })), (0, jsx_runtime_1.jsx)("div", __assign({ style: "border-radius: 5px; padding: 6px; height: 100%; line-height: 14px; text-align: center; cursor: pointer; font-size: 10px; border: ".concat(themes[themeName].top.button.border, "; float: right; margin-right: 14px;"), onClick: function (e) {
-                            e.preventDefault();
-                            e.stopPropagation();
-                            snap_toolbox_1.cookies.unset(props.cookieName);
-                            var urlState = (0, snap_toolbox_1.url)(window.location.href);
-                            delete urlState.params.query['branch'];
-                            window.location.href = urlState.url();
-                        } }, { children: themes[themeName].top.button.content }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ style: "padding: 0px 15px; font-size: 12px;" }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ style: "font-weight: bold; font-style: ".concat(themes[themeName].details.branch.style, "; color: ").concat(themes[themeName].details.branch.color, "; font-size: 14px; line-height: 20px; display: inline-block; max-width: 180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;") }, { children: details == 'failure' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("svg", __assign({ style: "margin-right: 10px;", viewBox: "0 0 56 56", xmlns: "http://www.w3.org/2000/svg", width: "18px", height: "18px" }, { children: (0, jsx_runtime_1.jsx)("path", { fill: themes[themeName].details.branch.color, d: icons['warn'] }) })), "Branch not found!"] })) : (props.branch) })), (0, jsx_runtime_1.jsx)("span", __assign({ style: "float: right; font-style: italic; color: ".concat(themes[themeName].details.additional.color, "; font-size: 12px; line-height: 20px;") }, { children: (details === null || details === void 0 ? void 0 : details.lastModified) || props.branch })), (0, jsx_runtime_1.jsx)("br", {}), themes[themeName].details.content] }))] }))));
-};
-exports.BranchOverride = BranchOverride;
+var snap_preact_components_1 = require("@searchspring/snap-preact-components");
+Object.defineProperty(exports, "BranchOverride", { enumerable: true, get: function () { return snap_preact_components_1.BranchOverride; } });

package/dist/cjs/create/index.d.ts

@@ -1,5 +1,5 @@
 export { default as createAutocompleteController } from './createAutocompleteController';
 export { default as createFinderController } from './createFinderController';
-export { default as createRecommendationsController } from './createRecommendationController';
+export { default as createRecommendationController } from './createRecommendationController';
 export { default as createSearchController } from './createSearchController';
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/create/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/create/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,+BAA+B,EAAE,MAAM,kCAAkC,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/create/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/cjs/create/index.js

@@ -3,12 +3,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createSearchController = exports.createRecommendationsController = exports.createFinderController = exports.createAutocompleteController = void 0;
+exports.createSearchController = exports.createRecommendationController = exports.createFinderController = exports.createAutocompleteController = void 0;
 var createAutocompleteController_1 = require("./createAutocompleteController");
 Object.defineProperty(exports, "createAutocompleteController", { enumerable: true, get: function () { return __importDefault(createAutocompleteController_1).default; } });
 var createFinderController_1 = require("./createFinderController");
 Object.defineProperty(exports, "createFinderController", { enumerable: true, get: function () { return __importDefault(createFinderController_1).default; } });
 var createRecommendationController_1 = require("./createRecommendationController");
-Object.defineProperty(exports, "createRecommendationsController", { enumerable: true, get: function () { return __importDefault(createRecommendationController_1).default; } });
+Object.defineProperty(exports, "createRecommendationController", { enumerable: true, get: function () { return __importDefault(createRecommendationController_1).default; } });
 var createSearchController_1 = require("./createSearchController");
 Object.defineProperty(exports, "createSearchController", { enumerable: true, get: function () { return __importDefault(createSearchController_1).default; } });

package/dist/cjs/getBundleDetails/getBundleDetails.d.ts

@@ -0,0 +1,7 @@
+declare type BundleDetails = {
+    url: string;
+    lastModified: string;
+};
+export declare const getBundleDetails: (url: string) => Promise<BundleDetails>;
+export {};
+//# sourceMappingURL=getBundleDetails.d.ts.map

package/dist/cjs/getBundleDetails/getBundleDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getBundleDetails.d.ts","sourceRoot":"","sources":["../../../src/getBundleDetails/getBundleDetails.ts"],"names":[],"mappings":"AAAA,aAAK,aAAa,GAAG;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAe,MAAM,KAAG,QAAQ,aAAa,CAuBzE,CAAC"}

package/dist/cjs/getBundleDetails/getBundleDetails.js

@@ -0,0 +1,64 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBundleDetails = void 0;
+var getBundleDetails = function (url) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        return [2 /*return*/, new Promise(function (resolve, reject) {
+                var request = new XMLHttpRequest();
+                request.open('HEAD', url, true);
+                request.onreadystatechange = function () {
+                    if (request.readyState === request.DONE) {
+                        var status_1 = request.status;
+                        if (status_1 === 0 || (status_1 >= 200 && status_1 < 400)) {
+                            resolve({
+                                url: url,
+                                lastModified: request.getResponseHeader('Last-Modified').split(',')[1].trim(),
+                            });
+                        }
+                        else {
+                            reject({ message: 'Branch not found!', description: 'Incorrect branch name or branch no longer exists.' });
+                        }
+                    }
+                };
+                request.onerror = function () { return reject({ message: 'Branch load fail!', description: 'There was an error with the request.' }); };
+                request.send();
+            })];
+    });
+}); };
+exports.getBundleDetails = getBundleDetails;

package/dist/cjs/types.d.ts

@@ -16,6 +16,7 @@ export declare type SnapControllerServices = {
     logger?: Logger;
     tracker?: Tracker;
 };
+export declare type SnapControllerConfigs = SnapSearchControllerConfig | SnapAutocompleteControllerConfig | SnapFinderControllerConfig | SnapRecommendationControllerConfig;
 export declare type RootComponent = React.ElementType<{
     controller: AbstractController;
 }>;

package/dist/cjs/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACrF,OAAO,KAAK,EACX,kBAAkB,EAClB,sBAAsB,EACtB,4BAA4B,EAC5B,sBAAsB,EACtB,8BAA8B,EAC9B,gBAAgB,EAChB,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACtF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAE1D,oBAAY,sBAAsB,GAAG;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,oBAAY,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC;IAAE,UAAU,EAAE,kBAAkB,CAAA;CAAE,CAAC,CAAC;AAElF,oBAAY,0BAA0B,GAAG;IACxC,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,MAAM,CAAC,EAAE;QACR,OAAO,EAAE,aAAa,CAAC;QACvB,MAAM,CAAC,EAAE,YAAY,CAAC;KACtB,CAAC;IACF,UAAU,EAAE,sBAAsB,CAAC;IACnC,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF,oBAAY,gCAAgC,GAAG;IAC9C,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,MAAM,CAAC,EAAE;QACR,OAAO,EAAE,aAAa,CAAC;QACvB,MAAM,CAAC,EAAE,YAAY,CAAC;KACtB,CAAC;IACF,UAAU,EAAE,4BAA4B,CAAC;IACzC,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF,oBAAY,0BAA0B,GAAG;IACxC,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,MAAM,CAAC,EAAE;QACR,OAAO,EAAE,aAAa,CAAC;QACvB,MAAM,CAAC,EAAE,YAAY,CAAC;KACtB,CAAC;IACF,UAAU,EAAE,sBAAsB,CAAC;IACnC,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF,oBAAY,kCAAkC,GAAG;IAChD,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,MAAM,CAAC,EAAE;QACR,OAAO,EAAE,aAAa,CAAC;QACvB,MAAM,CAAC,EAAE,YAAY,CAAC;KACtB,CAAC;IACF,UAAU,EAAE,8BAA8B,CAAC;IAC3C,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACrF,OAAO,KAAK,EACX,kBAAkB,EAClB,sBAAsB,EACtB,4BAA4B,EAC5B,sBAAsB,EACtB,8BAA8B,EAC9B,gBAAgB,EAChB,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACtF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAE1D,oBAAY,sBAAsB,GAAG;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,oBAAY,qBAAqB,GAC9B,0BAA0B,GAC1B,gCAAgC,GAChC,0BAA0B,GAC1B,kCAAkC,CAAC;AAEtC,oBAAY,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC;IAAE,UAAU,EAAE,kBAAkB,CAAA;CAAE,CAAC,CAAC;AAElF,oBAAY,0BAA0B,GAAG;IACxC,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,MAAM,CAAC,EAAE;QACR,OAAO,EAAE,aAAa,CAAC;QACvB,MAAM,CAAC,EAAE,YAAY,CAAC;KACtB,CAAC;IACF,UAAU,EAAE,sBAAsB,CAAC;IACnC,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF,oBAAY,gCAAgC,GAAG;IAC9C,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,MAAM,CAAC,EAAE;QACR,OAAO,EAAE,aAAa,CAAC;QACvB,MAAM,CAAC,EAAE,YAAY,CAAC;KACtB,CAAC;IACF,UAAU,EAAE,4BAA4B,CAAC;IACzC,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF,oBAAY,0BAA0B,GAAG;IACxC,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,MAAM,CAAC,EAAE;QACR,OAAO,EAAE,aAAa,CAAC;QACvB,MAAM,CAAC,EAAE,YAAY,CAAC;KACtB,CAAC;IACF,UAAU,EAAE,sBAAsB,CAAC;IACnC,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF,oBAAY,kCAAkC,GAAG;IAChD,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,MAAM,CAAC,EAAE;QACR,OAAO,EAAE,aAAa,CAAC;QACvB,MAAM,CAAC,EAAE,YAAY,CAAC;KACtB,CAAC;IACF,UAAU,EAAE,8BAA8B,CAAC;IAC3C,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC"}

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

@@ -1,12 +1,17 @@
 import { DomTargeter } from '@searchspring/snap-toolbox';
-import type { Logger } from '@searchspring/snap-logger';
+import { Client } from '@searchspring/snap-client';
+import { Logger } from '@searchspring/snap-logger';
+import { Tracker } from '@searchspring/snap-tracker';
+import type { ClientConfig, ClientGlobals } from '@searchspring/snap-client';
 import type { UrlTranslatorConfig } from '@searchspring/snap-url-manager';
-import type { Client } from '@searchspring/snap-client';
-import type { Tracker } from '@searchspring/snap-tracker';
 import type { AbstractController, RecommendationController, Attachments, ContextVariables } from '@searchspring/snap-controller';
 import type { Middleware } from '@searchspring/snap-event-manager';
-import type { SnapControllerServices, RootComponent } from '../types';
+import type { RootComponent } from '../types';
 export declare type RecommendationInstantiatorConfig = {
+    client?: {
+        globals: ClientGlobals;
+        config?: ClientConfig;
+    };
     components: {
         [name: string]: () => Promise<RootComponent> | RootComponent;
     };
@@ -17,35 +22,29 @@ export declare type RecommendationInstantiatorConfig = {
         limit?: number;
     } & Attachments;
     selector?: string;
-    services?: SnapControllerServices;
     url?: UrlTranslatorConfig;
     context?: ContextVariables;
 };
 export declare type RecommendationInstantiatorServices = {
-    client: Client;
-    logger: Logger;
-    tracker: Tracker;
+    client?: Client;
+    logger?: Logger;
+    tracker?: Tracker;
 };
 export declare class RecommendationInstantiator {
-    controllers: {
-        [key: string]: RecommendationController;
-    };
     client: Client;
     tracker: Tracker;
     logger: Logger;
+    controller: {
+        [key: string]: RecommendationController;
+    };
     config: RecommendationInstantiatorConfig;
     context: ContextVariables;
-    uses: Attachments[];
-    plugins: {
-        (cntrlr: AbstractController): Promise<void>;
-    }[];
-    middleware: {
-        event: string;
-        func: Middleware<unknown>[];
-    }[];
     targeter: DomTargeter;
-    constructor(config: RecommendationInstantiatorConfig, { client, logger, tracker }: RecommendationInstantiatorServices, context?: ContextVariables);
-    plugin(func: (cntrlr: AbstractController) => Promise<void>): void;
+    private uses;
+    private plugins;
+    private middleware;
+    constructor(config: RecommendationInstantiatorConfig, services?: RecommendationInstantiatorServices, context?: ContextVariables);
+    plugin(func: (cntrlr: AbstractController, ...args: any[]) => Promise<void>, ...args: unknown[]): void;
     on<T>(event: string, ...func: Middleware<T>[]): void;
     use(attachments: Attachments): void;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"RecommendationInstantiator.d.ts","sourceRoot":"","sources":["../../../src/Instantiators/RecommendationInstantiator.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAc,MAAM,4BAA4B,CAAC;AAErE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjI,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,KAAK,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEtE,oBAAY,gCAAgC,GAAG;IAC9C,UAAU,EAAE;QACX,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,OAAO,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;KAC7D,CAAC;IACF,MAAM,EAAE;QACP,MAAM,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;KACf,GAAG,WAAW,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF,oBAAY,kCAAkC,GAAG;IAChD,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,qBAAa,0BAA0B;IACtC,WAAW,EAAE;QACZ,CAAC,GAAG,EAAE,MAAM,GAAG,wBAAwB,CAAC;KACxC,CAAM;IACP,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,gCAAgC,CAAC;IACzC,OAAO,EAAE,gBAAgB,CAAC;IAC1B,IAAI,EAAE,WAAW,EAAE,CAAM;IACzB,OAAO,EAAE;QAAE,CAAC,MAAM,EAAE,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;KAAE,EAAE,CAAM;IAChE,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,UAAU,CAAC,OAAO,CAAC,EAAE,CAAA;KAAE,EAAE,CAAM;IAC3D,QAAQ,EAAE,WAAW,CAAC;gBAEjB,MAAM,EAAE,gCAAgC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,kCAAkC,EAAE,OAAO,CAAC,EAAE,gBAAgB;IAgL1I,MAAM,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI;IAIjE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI;IAIpD,GAAG,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;CAG1C"}
+{"version":3,"file":"RecommendationInstantiator.d.ts","sourceRoot":"","sources":["../../../src/Instantiators/RecommendationInstantiator.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAc,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,KAAK,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjI,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,KAAK,EAA0B,aAAa,EAAE,MAAM,UAAU,CAAC;AAEtE,oBAAY,gCAAgC,GAAG;IAC9C,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,MAAM,OAAO,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;KAC7D,CAAC;IACF,MAAM,EAAE;QACP,MAAM,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;KACf,GAAG,WAAW,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF,oBAAY,kCAAkC,GAAG;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,qBAAa,0BAA0B;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,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;IAE7B,OAAO,CAAC,IAAI,CAAqB;IACjC,OAAO,CAAC,OAAO,CAA2F;IAC1G,OAAO,CAAC,UAAU,CAAwD;gBAE9D,MAAM,EAAE,gCAAgC,EAAE,QAAQ,CAAC,EAAE,kCAAkC,EAAE,OAAO,CAAC,EAAE,gBAAgB;IAoLxH,MAAM,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,kBAAkB,EAAE,GAAG,IAAI,OAAA,KAAK,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI;IAI9F,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI;IAIpD,GAAG,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;CAG1C"}

package/dist/esm/Instantiators/RecommendationInstantiator.js

@@ -2,26 +2,32 @@ import { jsx as _jsx } from "preact/jsx-runtime";
 import { render } from 'preact';
 import deepmerge from 'deepmerge';
 import { DomTargeter, getContext } from '@searchspring/snap-toolbox';
+import { Client } from '@searchspring/snap-client';
+import { Logger } from '@searchspring/snap-logger';
+import { Tracker } from '@searchspring/snap-tracker';
 export class RecommendationInstantiator {
-    constructor(config, { client, logger, tracker }, context) {
-        this.controllers = {};
+    constructor(config, services, context) {
+        this.controller = {};
         this.uses = [];
         this.plugins = [];
         this.middleware = [];
         this.config = config;
-        this.context = deepmerge(context || {}, config.context || {});
         if (!this.config) {
             throw new Error(`Recommendation Instantiator config is required`);
         }
         if (!this.config.config?.branch) {
             throw new Error(`Recommendation Instantiator config must contain 'branch' property`);
         }
-        if (!this.config.components || typeof this.config.components != 'object') {
+        if (!this.config.components || typeof this.config.components != 'object' || !Object.keys(this.config.components).length) {
             throw new Error(`Recommendation Instantiator config must contain 'components' mapping property`);
         }
-        this.client = this.config.services?.client || client;
-        this.tracker = this.config.services?.tracker || tracker;
-        this.logger = this.config.services?.logger || logger;
+        if ((!services?.client || !services?.tracker) && !this.config?.client?.globals?.siteId) {
+            throw new Error(`Recommendation Instantiator config must contain a valid config.client.globals.siteId value`);
+        }
+        this.context = deepmerge(context || {}, config.context || {});
+        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('RecommendationInstantiator ');
         const profileCount = {};
         this.targeter = new DomTargeter([
             {
@@ -30,18 +36,18 @@ export class RecommendationInstantiator {
                     action: 'before',
                     element: (target, origElement) => {
                         const profile = origElement.getAttribute('profile');
-                        if (profile) {
-                            const recsContainer = document.createElement('div');
-                            recsContainer.setAttribute('searchspring-recommend', profile);
-                            return recsContainer;
-                        }
-                        else {
-                            this.logger.warn(`'profile' attribute is missing from <script> tag, skipping this profile`, origElement);
-                        }
+                        const recsContainer = document.createElement('div');
+                        recsContainer.setAttribute('searchspring-recommend', profile);
+                        return recsContainer;
                     },
                 },
             },
         ], async (target, injectedElem, elem) => {
+            const tag = injectedElem.getAttribute('searchspring-recommend');
+            if (!tag) {
+                this.logger.warn(`'profile' attribute is missing from <script> tag, skipping this profile`, elem);
+                return;
+            }
             const contextGlobals = {};
             const elemContext = getContext(['shopperId', 'shopper', 'product', 'seed', 'cart', 'options', 'profile', 'custom'], elem);
             const context = deepmerge(this.context, elemContext);
@@ -102,14 +108,13 @@ export class RecommendationInstantiator {
                 this.tracker.cookies.cart.set(cartContents);
                 contextGlobals.cart = this.tracker.cookies.cart.get();
             }
-            const tag = injectedElem.getAttribute('searchspring-recommend');
             profileCount[tag] = profileCount[tag] + 1 || 1;
             const defaultGlobals = {
                 limits: 20,
             };
-            const globals = deepmerge(deepmerge(defaultGlobals, this.config.config?.globals || {}), contextGlobals);
+            const globals = deepmerge(deepmerge(defaultGlobals, this.config.client?.globals || {}), contextGlobals);
             const controllerConfig = {
-                id: `recommend_${tag + (profileCount[tag] - 1)}`,
+                id: `recommend_${tag}_${profileCount[tag] - 1}`,
                 tag,
                 batched: options?.batched ?? true,
                 realtime: Boolean(options?.realtime),
@@ -117,41 +122,39 @@ export class RecommendationInstantiator {
                 globals,
             };
             const createRecommendationController = (await import('../create/createRecommendationController')).default;
-            const client = this.client;
-            const tracker = this.tracker;
-            const recs = createRecommendationController({
-                url: this.config.url || {},
+            const controller = createRecommendationController({
+                url: this.config.url,
                 controller: controllerConfig,
                 context,
-            }, { client, tracker });
-            this.uses.forEach((attachements) => recs.use(attachements));
-            this.plugins.forEach((plugin) => recs.plugin(plugin));
-            this.middleware.forEach((middleware) => recs.on(middleware.event, ...middleware.func));
-            await recs.search();
-            recs.addTargeter(this.targeter);
-            this.controllers[recs.config.id] = recs;
-            const profileVars = recs.store.profile.display.templateParameters;
-            const component = recs.store.profile.display.template?.component;
+            }, { client: this.client, tracker: this.tracker });
+            this.uses.forEach((attachements) => controller.use(attachements));
+            this.plugins.forEach((plugin) => controller.plugin(plugin.func, ...plugin.args));
+            this.middleware.forEach((middleware) => controller.on(middleware.event, ...middleware.func));
+            await controller.search();
+            controller.addTargeter(this.targeter);
+            this.controller[controller.config.id] = controller;
+            const profileVars = controller.store.profile.display.templateParameters;
+            const component = controller.store.profile.display.template?.component;
             if (!profileVars) {
-                recs.log.error(`profile failed to load!`);
+                this.logger.error(`profile '${tag}' found on ${elem} is missing templateParameters!`);
                 return;
             }
             if (!component) {
-                recs.log.error(`template does not support components!`);
+                this.logger.error(`profile '${tag}' found on ${elem} is missing component!`);
                 return;
             }
-            const RecommendationsComponent = this.config.components && (await this.config.components[component]());
+            const RecommendationsComponent = this.config.components[component] && (await this.config.components[component]());
             if (!RecommendationsComponent) {
-                recs.log.error(`component '${profileVars.component}' not found!`);
+                this.logger.error(`profile '${tag}' found on ${elem} is expecting component mapping for '${component}' - verify instantiator config.`);
                 return;
             }
             setTimeout(() => {
-                render(_jsx(RecommendationsComponent, { controller: recs }), injectedElem);
+                render(_jsx(RecommendationsComponent, { controller: controller }), injectedElem);
             });
         });
     }
-    plugin(func) {
-        this.plugins.push(func);
+    plugin(func, ...args) {
+        this.plugins.push({ func, args });
     }
     on(event, ...func) {
         this.middleware.push({ event, func });