@athoscommerce/snap-preact 1.0.0

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

@@ -0,0 +1,77 @@
+import { AppMode, DomTargeter } from '@athoscommerce/snap-toolbox';
+import { Client } from '@athoscommerce/snap-client';
+import { Logger } from '@athoscommerce/snap-logger';
+import { Tracker } from '@athoscommerce/snap-tracker';
+import type { ClientConfig, ClientGlobals } from '@athoscommerce/snap-client';
+import type { UrlTranslatorConfig } from '@athoscommerce/snap-url-manager';
+import type { AbstractController, RecommendationController, Attachments, ContextVariables } from '@athoscommerce/snap-controller';
+import type { VariantConfig } from '@athoscommerce/snap-store-mobx';
+import type { Middleware } from '@athoscommerce/snap-event-manager';
+import type { Target } from '@athoscommerce/snap-toolbox';
+import type { Snap } from '../Snap';
+type RecommendationComponentFunc = () => Promise<any> | any;
+export type RecommendationComponentObject = {
+    component: RecommendationComponentFunc;
+    props?: {
+        [name: string]: any;
+    };
+    onTarget: (target: Target, elem: Element | undefined, injectedElem: Element | undefined, controller: RecommendationController) => void;
+};
+export type RecommendationInstantiatorConfigSettings = {
+    branch: string;
+    realtime?: boolean;
+    batched?: boolean;
+    limit?: number;
+    variants?: VariantConfig;
+};
+export type RecommendationInstantiatorConfig = {
+    mode?: keyof typeof AppMode | AppMode;
+    client?: {
+        globals: ClientGlobals;
+        config?: ClientConfig;
+    };
+    components: {
+        [name: string]: RecommendationComponentFunc | RecommendationComponentObject;
+    };
+    config: RecommendationInstantiatorConfigSettings & Attachments;
+    selector?: string;
+    url?: UrlTranslatorConfig;
+    context?: ContextVariables;
+};
+export type RecommendationInstantiatorServices = {
+    client?: Client;
+    logger?: Logger;
+    tracker?: Tracker;
+    snap?: Snap;
+};
+export declare class RecommendationInstantiator {
+    private mode;
+    client: Client;
+    tracker: Tracker;
+    logger: Logger;
+    controller: {
+        [key: string]: RecommendationController;
+    };
+    config: RecommendationInstantiatorConfig;
+    context: ContextVariables;
+    targeter: DomTargeter;
+    uses: Attachments[];
+    plugins: {
+        func: (cntrlr: AbstractController, ...args: any) => void | Promise<void>;
+        args: unknown[];
+    }[];
+    middleware: {
+        event: string;
+        func: Middleware<any>[];
+    }[];
+    constructor(config: RecommendationInstantiatorConfig, services?: RecommendationInstantiatorServices, context?: ContextVariables);
+    plugin(func: (cntrlr: AbstractController, ...args: any) => void | Promise<void>, ...args: unknown[]): void;
+    on<T>(event: string, ...func: Middleware<T>[]): void;
+    use(attachments: Attachments): void;
+}
+type DefinedProps = {
+    [key: string]: any;
+};
+export declare function defined(properties: Record<string, any>): DefinedProps;
+export {};
+//# sourceMappingURL=RecommendationInstantiator.d.ts.map

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

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

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

@@ -0,0 +1,415 @@
+"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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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 = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["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 (g && (g = 0, op[0] && (_ = 0)), _) 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 };
+    }
+};
+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.RecommendationInstantiator = void 0;
+exports.defined = defined;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var preact_1 = require("preact");
+var deepmerge_1 = __importDefault(require("deepmerge"));
+var snap_toolbox_1 = require("@athoscommerce/snap-toolbox");
+var snap_client_1 = require("@athoscommerce/snap-client");
+var snap_logger_1 = require("@athoscommerce/snap-logger");
+var snap_tracker_1 = require("@athoscommerce/snap-tracker");
+var DEFAULT_BRANCH = 'production';
+var RecommendationInstantiator = /** @class */ (function () {
+    function RecommendationInstantiator(config, services, context) {
+        var _this = this;
+        var _a, _b, _c, _d, _e, _f, _g;
+        this.mode = snap_toolbox_1.AppMode.production;
+        this.controller = {};
+        this.uses = [];
+        this.plugins = [];
+        this.middleware = [];
+        this.config = config;
+        if (!this.config) {
+            throw new Error("Recommendation Instantiator config is required");
+        }
+        if (!((_a = this.config.config) === null || _a === void 0 ? void 0 : _a.branch)) {
+            this.config.config = this.config.config || {};
+            this.config.config.branch = DEFAULT_BRANCH;
+        }
+        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");
+        }
+        if ((!(services === null || services === void 0 ? void 0 : services.client) || !(services === null || services === void 0 ? void 0 : services.tracker)) && !((_d = (_c = (_b = this.config) === null || _b === void 0 ? void 0 : _b.client) === null || _c === void 0 ? void 0 : _c.globals) === null || _d === void 0 ? void 0 : _d.siteId)) {
+            throw new Error("Recommendation Instantiator config must contain a valid config.client.globals.siteId value");
+        }
+        if (this.config.mode && Object.values(snap_toolbox_1.AppMode).includes(this.config.mode)) {
+            this.mode = this.config.mode;
+            if ((_g = (_f = (_e = this.config) === null || _e === void 0 ? void 0 : _e.client) === null || _f === void 0 ? void 0 : _f.globals) === null || _g === void 0 ? void 0 : _g.siteId) {
+                this.config.client.config = this.config.client.config || {};
+                this.config.client.config.mode = this.config.client.config.mode || this.mode;
+            }
+        }
+        window.athos = window.athos || {};
+        this.context = (0, deepmerge_1.default)(context || {}, config.context || {});
+        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.tracker = (services === null || services === void 0 ? void 0 : services.tracker) || new snap_tracker_1.Tracker(this.config.client.globals);
+        this.logger = (services === null || services === void 0 ? void 0 : services.logger) || new snap_logger_1.Logger({ prefix: 'RecommendationInstantiator ', mode: this.mode });
+        var profileCount = {};
+        this.targeter = new snap_toolbox_1.DomTargeter([
+            {
+                selector: "".concat(this.config.selector ||
+                    'script[type="searchspring/recommend"], script[type="searchspring/personalized-recommendations"], script[type="athos/recommend"], script[type="athos/personalized-recommendations"]', ", script[type=\"searchspring/recommend\"][profile=\"email\"], script[type=\"athos/recommend\"][profile=\"email\"]"),
+                autoRetarget: true,
+                clickRetarget: true,
+                inject: {
+                    action: 'before',
+                    element: function (target, origElement) {
+                        var profile = origElement.getAttribute('profile') || '';
+                        var recsContainer = document.createElement('div');
+                        recsContainer.setAttribute('searchspring-recommend', profile);
+                        return recsContainer;
+                    },
+                },
+            },
+            {
+                selector: 'script[type="searchspring/recommendations"], script[type="athos/recommendations"]',
+                autoRetarget: true,
+                clickRetarget: true,
+                emptyTarget: false,
+            },
+        ], function (target, elem, originalElem) { return __awaiter(_this, void 0, void 0, function () {
+            var elemContext, scriptContextProfiles, scriptContextGlobals_1, requestGlobals_1, targetsArr_1, profile, products, product, seed, filters, blockedItems, options, shopper, shopperId, combinedProducts, shopperIdentifier, profileRequestGlobals;
+            var _this = this;
+            var _a;
+            return __generator(this, function (_b) {
+                elemContext = (0, snap_toolbox_1.getContext)([
+                    'shopperId',
+                    'shopper',
+                    'product',
+                    'products',
+                    'seed',
+                    'cart',
+                    'filters',
+                    'blockedItems',
+                    'options',
+                    'profile',
+                    'custom',
+                    'profiles',
+                    'globals',
+                ], (originalElem || elem));
+                if (elemContext.profiles && elemContext.profiles.length) {
+                    scriptContextProfiles = elemContext.profiles;
+                    scriptContextGlobals_1 = elemContext.globals;
+                    requestGlobals_1 = __assign({}, defined({
+                        blockedItems: scriptContextGlobals_1 === null || scriptContextGlobals_1 === void 0 ? void 0 : scriptContextGlobals_1.blockedItems,
+                        filters: scriptContextGlobals_1 === null || scriptContextGlobals_1 === void 0 ? void 0 : scriptContextGlobals_1.filters,
+                        cart: (scriptContextGlobals_1 === null || scriptContextGlobals_1 === void 0 ? void 0 : scriptContextGlobals_1.cart) && getArrayFunc(scriptContextGlobals_1.cart),
+                        products: scriptContextGlobals_1 === null || scriptContextGlobals_1 === void 0 ? void 0 : scriptContextGlobals_1.products,
+                        shopper: (_a = scriptContextGlobals_1 === null || scriptContextGlobals_1 === void 0 ? void 0 : scriptContextGlobals_1.shopper) === null || _a === void 0 ? void 0 : _a.id,
+                        batchId: Math.random(),
+                    }));
+                    targetsArr_1 = [];
+                    // build out the targets array for each profile
+                    scriptContextProfiles.forEach(function (profile) {
+                        if (profile.selector) {
+                            var targetObj = {
+                                selector: profile.selector,
+                                autoRetarget: true,
+                                clickRetarget: true,
+                                profile: profile,
+                            };
+                            targetsArr_1.push(targetObj);
+                        }
+                    });
+                    new snap_toolbox_1.DomTargeter(targetsArr_1, function (target, elem, originalElem) { return __awaiter(_this, void 0, void 0, function () {
+                        var profileRequestGlobals, profileContext;
+                        var _a, _b, _c;
+                        return __generator(this, function (_d) {
+                            if (((_a = target.profile) === null || _a === void 0 ? void 0 : _a.profile) || ((_b = target.profile) === null || _b === void 0 ? void 0 : _b.tag)) {
+                                profileRequestGlobals = __assign(__assign({}, requestGlobals_1), { profile: (_c = target.profile) === null || _c === void 0 ? void 0 : _c.options, tag: target.profile.tag || target.profile.profile });
+                                profileContext = (0, deepmerge_1.default)(this.context, defined({ globals: scriptContextGlobals_1, profile: target.profile }));
+                                if (elemContext.custom) {
+                                    profileContext.custom = (0, deepmerge_1.default)(profileContext.custom, elemContext.custom);
+                                }
+                                readyTheController(this, services || {}, elem, profileContext, profileCount, originalElem, profileRequestGlobals, target);
+                            }
+                            return [2 /*return*/];
+                        });
+                    }); });
+                }
+                else {
+                    profile = elemContext.profile, products = elemContext.products, product = elemContext.product, seed = elemContext.seed, filters = elemContext.filters, blockedItems = elemContext.blockedItems, options = elemContext.options, shopper = elemContext.shopper, shopperId = elemContext.shopperId;
+                    combinedProducts = [].concat(products || product || seed || []);
+                    shopperIdentifier = [shopper, shopper === null || shopper === void 0 ? void 0 : shopper.id, shopperId, shopperId === null || shopperId === void 0 ? void 0 : shopperId.id].filter(function (val) { return val && typeof val === 'string'; }).pop();
+                    profileRequestGlobals = __assign({ tag: profile }, defined({
+                        products: combinedProducts.length ? combinedProducts : undefined,
+                        cart: elemContext.cart && getArrayFunc(elemContext.cart),
+                        shopper: shopperIdentifier,
+                        filters: filters,
+                        blockedItems: blockedItems,
+                        profile: options,
+                    }));
+                    readyTheController(this, services || {}, elem, (0, deepmerge_1.default)(this.context, elemContext), profileCount, originalElem, profileRequestGlobals, target);
+                }
+                return [2 /*return*/];
+            });
+        }); });
+    }
+    RecommendationInstantiator.prototype.plugin = function (func) {
+        var args = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            args[_i - 1] = arguments[_i];
+        }
+        this.plugins.push({ func: func, args: args });
+    };
+    RecommendationInstantiator.prototype.on = function (event) {
+        var func = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            func[_i - 1] = arguments[_i];
+        }
+        this.middleware.push({ event: event, func: func });
+    };
+    RecommendationInstantiator.prototype.use = function (attachments) {
+        this.uses.push(attachments);
+    };
+    return RecommendationInstantiator;
+}());
+exports.RecommendationInstantiator = RecommendationInstantiator;
+function readyTheController(instance, services, injectedElem, context, profileCount, elem, controllerGlobals, target) {
+    return __awaiter(this, void 0, void 0, function () {
+        var profile, batchId, cart, tag, batched, globals, controllerConfig, controller, createRecommendationController, profileVars, component, props, RecommendationsComponent, importPromises, importResolutions;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
+        return __generator(this, function (_w) {
+            switch (_w.label) {
+                case 0:
+                    profile = controllerGlobals.profile, batchId = controllerGlobals.batchId, cart = controllerGlobals.cart, tag = controllerGlobals.tag;
+                    batched = (_b = (_a = profile === null || profile === void 0 ? void 0 : profile.batched) !== null && _a !== void 0 ? _a : controllerGlobals.batched) !== null && _b !== void 0 ? _b : true;
+                    if (!tag) {
+                        // FEEDBACK: change message depending on script integration type (profile vs. legacy)
+                        instance.logger.warn("'tag' is missing from <script> tag, skipping this profile", elem);
+                        return [2 /*return*/];
+                    }
+                    if (Array.isArray(cart)) {
+                        instance.tracker.cookies.cart.set(cart);
+                    }
+                    profileCount[tag] = profileCount[tag] + 1 || 1;
+                    globals = deepmerge_1.default.all([
+                        ((_c = instance.config.client) === null || _c === void 0 ? void 0 : _c.globals) || {},
+                        ((_d = instance.config.config) === null || _d === void 0 ? void 0 : _d.globals) || {},
+                        controllerGlobals,
+                    ]);
+                    controllerConfig = {
+                        id: "recommend_".concat(tag, "_").concat(profileCount[tag] - 1),
+                        tag: tag,
+                        batched: (_f = batched !== null && batched !== void 0 ? batched : (_e = instance.config.config) === null || _e === void 0 ? void 0 : _e.batched) !== null && _f !== void 0 ? _f : true,
+                        realtime: Boolean((_l = (_h = (_g = context.options) === null || _g === void 0 ? void 0 : _g.realtime) !== null && _h !== void 0 ? _h : (_k = (_j = context.profile) === null || _j === void 0 ? void 0 : _j.options) === null || _k === void 0 ? void 0 : _k.realtime) !== null && _l !== void 0 ? _l : (_m = instance.config.config) === null || _m === void 0 ? void 0 : _m.realtime),
+                        batchId: batchId,
+                        middleware: instance.config.config.middleware,
+                        plugins: instance.config.config.plugins,
+                        branch: ((_o = instance.config.config) === null || _o === void 0 ? void 0 : _o.branch) || 'production',
+                        limit: (_p = instance.config.config) === null || _p === void 0 ? void 0 : _p.limit,
+                        settings: {
+                            variants: (_q = instance.config.config) === null || _q === void 0 ? void 0 : _q.variants,
+                        },
+                        globals: globals,
+                    };
+                    if (profile === null || profile === void 0 ? void 0 : profile.branch) {
+                        controllerConfig.branch = profile === null || profile === void 0 ? void 0 : profile.branch;
+                    }
+                    controller = Object.keys(instance.controller)
+                        .map(function (id) { return instance.controller[id]; })
+                        .filter(function (controller) {
+                        return (JSON.stringify({
+                            batched: controller.config.batched,
+                            branch: controller.config.branch,
+                            globals: controller.config.globals,
+                            tag: controller.config.tag,
+                            realtime: controller.config.realtime,
+                        }) ==
+                            JSON.stringify({
+                                batched: controllerConfig.batched,
+                                branch: controllerConfig.branch,
+                                globals: controllerConfig.globals,
+                                tag: controllerConfig.tag,
+                                realtime: controllerConfig.realtime,
+                            }));
+                    })[0];
+                    if (!!controller) return [3 /*break*/, 2];
+                    return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('../create/createRecommendationController')); })];
+                case 1:
+                    createRecommendationController = (_w.sent()).default;
+                    controller = createRecommendationController({
+                        url: instance.config.url,
+                        controller: controllerConfig,
+                        context: context,
+                        mode: instance.config.mode,
+                    }, { client: instance.client, tracker: instance.tracker });
+                    instance.uses.forEach(function (attachements) { return controller.use(attachements); });
+                    instance.plugins.forEach(function (plugin) { return controller.plugin.apply(controller, __spreadArray([plugin.func], plugin.args, false)); });
+                    instance.middleware.forEach(function (middleware) { return controller.on.apply(controller, __spreadArray([middleware.event], middleware.func, false)); });
+                    _w.label = 2;
+                case 2:
+                    if (!!controller.store.loading) return [3 /*break*/, 4];
+                    return [4 /*yield*/, controller.search()];
+                case 3:
+                    _w.sent();
+                    _w.label = 4;
+                case 4:
+                    controller.addTargeter(instance.targeter);
+                    instance.controller[controller.config.id] = controller;
+                    window.athos.controller = window.athos.controller || {};
+                    window.athos.controller[controller.config.id] = controller;
+                    profileVars = (_r = controller.store.profile.display) === null || _r === void 0 ? void 0 : _r.templateParameters;
+                    component = (_t = (_s = controller.store.profile.display) === null || _s === void 0 ? void 0 : _s.template) === null || _t === void 0 ? void 0 : _t.component;
+                    if (controller.store.error) {
+                        //something went wrong
+                        //err was already logged - nothing to do.
+                        return [2 /*return*/];
+                    }
+                    if (!controller.store.profile.display.template) {
+                        instance.logger.error("profile '".concat(tag, "' found on the following element is missing a template!\n").concat(elem === null || elem === void 0 ? void 0 : elem.outerHTML));
+                        return [2 /*return*/];
+                    }
+                    if (!profileVars) {
+                        instance.logger.error("profile '".concat(tag, "' found on the following element is missing templateParameters!\n").concat(elem === null || elem === void 0 ? void 0 : elem.outerHTML));
+                        return [2 /*return*/];
+                    }
+                    if (!component) {
+                        instance.logger.error("profile '".concat(tag, "' found on the following element is missing a component!\n").concat(elem === null || elem === void 0 ? void 0 : elem.outerHTML));
+                        return [2 /*return*/];
+                    }
+                    props = {};
+                    RecommendationsComponent = undefined;
+                    props.className = "ss__recommendation-".concat(component.toLowerCase());
+                    injectedElem === null || injectedElem === void 0 ? void 0 : injectedElem.setAttribute('id', "".concat(controllerConfig.id));
+                    (_v = (_u = instance.config.components[component]) === null || _u === void 0 ? void 0 : _u.onTarget) === null || _v === void 0 ? void 0 : _v.call(_u, target, elem, injectedElem, controller);
+                    if (!(instance.config.components[component] && typeof instance.config.components[component] == 'function')) return [3 /*break*/, 6];
+                    return [4 /*yield*/, instance.config.components[component]()];
+                case 5:
+                    RecommendationsComponent = _w.sent();
+                    return [3 /*break*/, 8];
+                case 6:
+                    if (!(instance.config.components[component] && typeof instance.config.components[component] == 'object')) return [3 /*break*/, 8];
+                    props = instance.config.components[component].props || {};
+                    importPromises = [];
+                    // dynamically import the component
+                    importPromises.push(instance.config.components[component].component());
+                    return [4 /*yield*/, Promise.all(importPromises)];
+                case 7:
+                    importResolutions = _w.sent();
+                    RecommendationsComponent = importResolutions[0];
+                    _w.label = 8;
+                case 8:
+                    if (!RecommendationsComponent) {
+                        instance.logger.error("profile '".concat(tag, "' found on the following element is expecting component mapping for '").concat(component, "' - verify instantiator config.\n").concat(elem === null || elem === void 0 ? void 0 : elem.outerHTML));
+                        return [2 /*return*/];
+                    }
+                    setTimeout(function () {
+                        if (injectedElem && RecommendationsComponent) {
+                            (0, preact_1.render)((0, jsx_runtime_1.jsx)(RecommendationsComponent, __assign({ controller: controller, snap: services === null || services === void 0 ? void 0 : services.snap }, props)), injectedElem);
+                        }
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    });
+}
+function getArrayFunc(arrayOrFunc) {
+    if (typeof arrayOrFunc === 'function') {
+        try {
+            var funcContents = arrayOrFunc();
+            if (Array.isArray(funcContents)) {
+                return funcContents;
+            }
+        }
+        catch (e) {
+            // function didn't return an array
+        }
+    }
+    else if (Array.isArray(arrayOrFunc)) {
+        return arrayOrFunc;
+    }
+    return [];
+}
+function defined(properties) {
+    var definedProps = {};
+    Object.keys(properties).map(function (key) {
+        if (properties[key] !== undefined) {
+            definedProps[key] = properties[key];
+        }
+    });
+    return definedProps;
+}

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

@@ -0,0 +1,95 @@
+import { Client } from '@athoscommerce/snap-client';
+import { Logger } from '@athoscommerce/snap-logger';
+import { Tracker } from '@athoscommerce/snap-tracker';
+import { AppMode } from '@athoscommerce/snap-toolbox';
+import { ControllerTypes } from '@athoscommerce/snap-controller';
+import { EventManager } from '@athoscommerce/snap-event-manager';
+import type { ClientConfig, ClientGlobals } from '@athoscommerce/snap-client';
+import type { Controllers, AbstractController, SearchControllerConfig, AutocompleteControllerConfig, FinderControllerConfig, RecommendationControllerConfig, ControllerConfigs, ContextVariables } from '@athoscommerce/snap-controller';
+import type { TrackerConfig, TrackerGlobals } from '@athoscommerce/snap-tracker';
+import type { Target, OnTarget } from '@athoscommerce/snap-toolbox';
+import type { UrlTranslatorConfig } from '@athoscommerce/snap-url-manager';
+import { RecommendationInstantiator, RecommendationInstantiatorConfig } from './Instantiators/RecommendationInstantiator';
+import type { SnapControllerServices, InitialUrlConfig, SnapFeatures } from './types';
+import type { TemplatesStore } from './Templates/Stores/TemplateStore';
+export declare const BRANCH_COOKIE = "athosBranch";
+export declare const BRANCH_PARAM = "athos-preview";
+export declare const DEV_COOKIE = "athos-Dev";
+export declare const STYLESHEET_CLASSNAME = "athos-snap-bundle-styles";
+export type ExtendedTarget = Target & {
+    name?: string;
+    controller?: AbstractController;
+    component?: () => Promise<any> | any;
+    skeleton?: () => Promise<any> | any;
+    props?: {
+        [propName: string]: any;
+    };
+    onTarget?: OnTarget;
+    prefetch?: boolean;
+    renderAfterSearch?: boolean;
+};
+export type SnapConfigControllerDefinition<ControllerConfig> = {
+    config: ControllerConfig;
+    targeters?: ExtendedTarget[];
+    services?: SnapControllerServices;
+    url?: UrlTranslatorConfig & {
+        initial?: InitialUrlConfig;
+    };
+    context?: ContextVariables;
+};
+export type SnapConfig = {
+    features?: SnapFeatures;
+    mode?: keyof typeof AppMode | AppMode;
+    context?: ContextVariables;
+    url?: UrlTranslatorConfig;
+    client?: {
+        globals?: Partial<ClientGlobals>;
+        config?: ClientConfig;
+    };
+    tracker?: {
+        globals?: TrackerGlobals;
+        config?: TrackerConfig;
+    };
+    instantiators?: {
+        recommendation?: RecommendationInstantiatorConfig;
+    };
+    controllers?: {
+        search?: SnapConfigControllerDefinition<SearchControllerConfig>[];
+        autocomplete?: SnapConfigControllerDefinition<AutocompleteControllerConfig>[];
+        finder?: SnapConfigControllerDefinition<FinderControllerConfig>[];
+        recommendation?: SnapConfigControllerDefinition<RecommendationControllerConfig>[];
+    };
+};
+type SnapServices = {
+    client?: Client;
+    tracker?: Tracker;
+    logger?: Logger;
+    templatesStore?: TemplatesStore;
+};
+export declare class Snap {
+    private mode;
+    private config;
+    private _instantiatorPromises;
+    private _controllerPromises;
+    logger: Logger;
+    client: Client;
+    tracker: Tracker;
+    context: ContextVariables;
+    controllers: {
+        [controllerConfigId: string]: Controllers;
+    };
+    eventManager: EventManager;
+    templates?: TemplatesStore;
+    getInstantiator: (id: string) => Promise<RecommendationInstantiator>;
+    getController: (id: string) => Promise<Controllers>;
+    getControllers: (...controllerIds: string[]) => Promise<Controllers[]>;
+    createController: (type: keyof typeof ControllerTypes, config: ControllerConfigs, services?: SnapControllerServices, urlConfig?: UrlTranslatorConfig, context?: ContextVariables, callback?: (value?: Controllers | PromiseLike<Controllers>) => void | Promise<void>) => Promise<Controllers>;
+    private _createController;
+    handlers: {
+        attributes: (event: MouseEvent) => void;
+        error: (event: ErrorEvent) => void;
+    };
+    constructor(config: SnapConfig, services?: SnapServices);
+}
+export {};
+//# sourceMappingURL=Snap.d.ts.map

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

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