@searchspring/snap-preact 0.26.1 → 0.27.2

package/dist/esm/Snap.d.ts

@@ -1,12 +1,15 @@
 import { Client } from '@searchspring/snap-client';
 import { Logger } from '@searchspring/snap-logger';
 import { Tracker } from '@searchspring/snap-tracker';
+import { ControllerTypes } from '@searchspring/snap-controller';
 import type { ClientConfig, ClientGlobals } from '@searchspring/snap-client';
 import type { AbstractController, SearchController, AutocompleteController, FinderController, RecommendationController, SearchControllerConfig, AutocompleteControllerConfig, FinderControllerConfig, RecommendationControllerConfig, ControllerConfigs, ContextVariables } from '@searchspring/snap-controller';
 import type { Target, OnTarget } from '@searchspring/snap-toolbox';
 import type { UrlTranslatorConfig } from '@searchspring/snap-url-manager';
 import { RecommendationInstantiator, RecommendationInstantiatorConfig } from './Instantiators/RecommendationInstantiator';
 import type { SnapControllerServices, RootComponent } from './types';
+export declare const BRANCH_COOKIE = "ssBranch";
+export declare const SS_DEV_COOKIE = "ssDev";
 declare type ExtendedTarget = Target & {
     name?: string;
     controller?: AbstractController;
@@ -19,7 +22,7 @@ declare type ExtendedTarget = Target & {
 export declare type SnapConfig = {
     context?: ContextVariables;
     url?: UrlTranslatorConfig;
-    client: {
+    client?: {
         globals: ClientGlobals;
         config?: ClientConfig;
     };
@@ -36,7 +39,7 @@ export declare type SnapConfig = {
         }[];
         autocomplete?: {
             config: AutocompleteControllerConfig;
-            targeters: ExtendedTarget[];
+            targeters?: ExtendedTarget[];
             services?: SnapControllerServices;
             url?: UrlTranslatorConfig;
             context?: ContextVariables;
@@ -57,13 +60,12 @@ export declare type SnapConfig = {
         }[];
     };
 };
-declare type ControllerTypes = SearchController | AutocompleteController | FinderController | RecommendationController;
-declare enum DynamicImportNames {
-    SEARCH = "searchController",
-    AUTOCOMPLETE = "autocompleteController",
-    FINDER = "finderController",
-    RECOMMENDATION = "recommendationController"
-}
+declare type SnapServices = {
+    client?: Client;
+    tracker?: Tracker;
+    logger?: Logger;
+};
+declare type Controllers = SearchController | AutocompleteController | FinderController | RecommendationController;
 export declare class Snap {
     config: SnapConfig;
     logger: Logger;
@@ -71,19 +73,19 @@ export declare class Snap {
     tracker: Tracker;
     context: ContextVariables;
     _controllerPromises: {
-        [controllerConfigId: string]: Promise<ControllerTypes>;
+        [controllerConfigId: string]: Promise<Controllers>;
     };
     controllers: {
-        [controllerConfigId: string]: ControllerTypes;
+        [controllerConfigId: string]: Controllers;
     };
     _instantiatorPromises: {
         [instantiatorId: string]: Promise<RecommendationInstantiator>;
     };
     getInstantiator: (id: string) => Promise<RecommendationInstantiator>;
-    getController: (id: string) => Promise<ControllerTypes>;
-    getControllers: (...controllerIds: string[]) => Promise<ControllerTypes[]>;
-    createController: (type: DynamicImportNames, config: ControllerConfigs, services: SnapControllerServices, urlConfig: UrlTranslatorConfig, resolve: (value?: ControllerTypes | PromiseLike<ControllerTypes>) => void, context?: ContextVariables) => Promise<ControllerTypes>;
-    constructor(config: SnapConfig);
+    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>;
+    constructor(config: SnapConfig, services?: SnapServices);
 }
 export {};
 //# sourceMappingURL=Snap.d.ts.map

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

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

package/dist/esm/Snap.js

@@ -7,18 +7,46 @@ import { Logger, LogMode } from '@searchspring/snap-logger';
 import { Tracker } from '@searchspring/snap-tracker';
 import { version, DomTargeter, url, cookies, featureFlags } from '@searchspring/snap-toolbox';
 import { getContext } from '@searchspring/snap-toolbox';
+import { ControllerTypes } from '@searchspring/snap-controller';
 import { default as createSearchController } from './create/createSearchController';
-const BRANCH_COOKIE = 'ssBranch';
-const SS_DEV_COOKIE = 'ssDev';
-var DynamicImportNames;
-(function (DynamicImportNames) {
-    DynamicImportNames["SEARCH"] = "searchController";
-    DynamicImportNames["AUTOCOMPLETE"] = "autocompleteController";
-    DynamicImportNames["FINDER"] = "finderController";
-    DynamicImportNames["RECOMMENDATION"] = "recommendationController";
-})(DynamicImportNames || (DynamicImportNames = {}));
+export const BRANCH_COOKIE = 'ssBranch';
+export const SS_DEV_COOKIE = 'ssDev';
+const COMPONENT_ERROR = `Uncaught Error - Invalid value passed as the component.
+This usually happens when you pass a JSX Element, and not a function that returns the component, in the snap config. 
+		
+		instead of - 
+
+	targeters: [
+		{
+			selector: '#searchspring-content',
+			hideTarget: true,
+			component: <Content/>,
+		},
+	]
+
+		or - 
+
+	targeters: [
+		{
+			selector: '#searchspring-content',
+			hideTarget: true,
+			component: Content,
+		},
+	]
+
+		please try - 
+
+	targeters: [
+		{
+			selector: '#searchspring-content',
+			hideTarget: true,
+			component: () => Content
+		},
+	]
+
+The error above happened in the following targeter in the Snap Config`;
 export class Snap {
-    constructor(config) {
+    constructor(config, services) {
         this.getInstantiator = (id) => {
             return this._instantiatorPromises[id] || Promise.reject(`getInstantiator could not find instantiator with id: ${id}`);
         };
@@ -30,44 +58,45 @@ export class Snap {
             controllerIds.forEach((id) => getControllerPromises.push(this.getController(id)));
             return Promise.all(getControllerPromises);
         };
-        this.createController = (type, config, services, urlConfig, resolve, context) => {
+        this.createController = async (type, config, services, urlConfig, context, callback) => {
             let importPromise;
             switch (type) {
-                case DynamicImportNames.SEARCH:
+                case ControllerTypes.search:
                     importPromise = import('./create/createSearchController');
                     break;
-                case DynamicImportNames.AUTOCOMPLETE:
+                case ControllerTypes.autocomplete:
                     importPromise = import('./create/createAutocompleteController');
                     break;
-                case DynamicImportNames.FINDER:
+                case ControllerTypes.finder:
                     importPromise = import('./create/createFinderController');
                     break;
-                case DynamicImportNames.RECOMMENDATION:
+                case ControllerTypes.recommendation:
                     importPromise = import('./create/createRecommendationController');
                     break;
             }
-            return importPromise.then((_) => {
-                if (!this.controllers[config.id]) {
-                    this.controllers[config.id] = _.default({
-                        url: deepmerge(this.config.url || {}, urlConfig || {}),
-                        controller: config,
-                        context: deepmerge(this.context || {}, context || {}),
-                    }, {
-                        client: services?.client || this.client,
-                        store: services?.store,
-                        urlManager: services?.urlManager,
-                        eventManager: services?.eventManager,
-                        profiler: services?.profiler,
-                        logger: services?.logger,
-                        tracker: services?.tracker || this.tracker,
-                    });
-                    resolve(this.controllers[config.id]);
-                }
-                return this.controllers[config.id];
-            });
+            const creationFunc = (await importPromise).default;
+            if (!this.controllers[config.id]) {
+                this.controllers[config.id] = creationFunc({
+                    url: deepmerge(this.config.url || {}, urlConfig || {}),
+                    controller: config,
+                    context: deepmerge(this.context || {}, context || {}),
+                }, {
+                    client: services?.client || this.client,
+                    store: services?.store,
+                    urlManager: services?.urlManager,
+                    eventManager: services?.eventManager,
+                    profiler: services?.profiler,
+                    logger: services?.logger,
+                    tracker: services?.tracker || this.tracker,
+                });
+            }
+            if (callback) {
+                await callback(this.controllers[config.id]);
+            }
+            return this.controllers[config.id];
         };
         this.config = config;
-        this.logger = new Logger('Snap Preact ');
+        this.logger = services?.logger || new Logger('Snap Preact ');
         let globalContext = {};
         try {
             // get global context
@@ -80,12 +109,14 @@ export class Snap {
         this.config = deepmerge(this.config || {}, globalContext.config || {}, {
             isMergeableObject: isPlainObject,
         });
-        this.context = deepmerge(globalContext || {}, this.config.context || {});
-        if (!this.config?.client?.globals?.siteId) {
+        this.context = deepmerge(this.config.context || {}, globalContext || {}, {
+            isMergeableObject: isPlainObject,
+        });
+        if ((!services?.client || !services?.tracker) && !this.config?.client?.globals?.siteId) {
             throw new Error(`Snap: config provided must contain a valid config.client.globals.siteId value`);
         }
-        this.client = new Client(this.config.client.globals, this.config.client.config);
-        this.tracker = new Tracker(this.config.client.globals);
+        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._controllerPromises = {};
         this._instantiatorPromises = {};
         this.controllers = {};
@@ -124,7 +155,7 @@ export class Snap {
                 const branchScript = document.createElement('script');
                 const src = `${path}${branchParam}/bundle.js`;
                 branchScript.src = src;
-                branchScript.setAttribute(BRANCH_COOKIE, '');
+                branchScript.setAttribute(BRANCH_COOKIE, branchParam);
                 document.head.appendChild(branchScript);
                 new DomTargeter([
                     {
@@ -133,14 +164,27 @@ export class Snap {
                             action: 'append',
                             element: () => {
                                 const branchContainer = document.createElement('div');
-                                branchContainer.className = 'ss__branch--target';
+                                branchContainer.id = 'searchspring-branch-override';
                                 return branchContainer;
                             },
                         },
                     },
                 ], async (target, elem) => {
+                    let bundleDetails, error;
+                    try {
+                        const getBundleDetails = (await import('./getBundleDetails/getBundleDetails')).getBundleDetails;
+                        bundleDetails = await getBundleDetails(src);
+                    }
+                    catch (err) {
+                        error = err;
+                    }
                     const BranchOverride = (await import('./components/BranchOverride')).BranchOverride;
-                    render(_jsx(BranchOverride, { branch: branchParam, cookieName: BRANCH_COOKIE, bundleUrl: src }), elem);
+                    render(_jsx(BranchOverride, { name: branchParam, details: bundleDetails, error: error, onRemoveClick: () => {
+                            cookies.unset(BRANCH_COOKIE);
+                            const urlState = url(window.location.href);
+                            delete urlState.params.query['branch'];
+                            window.location.href = urlState.url();
+                        } }), elem);
                 });
                 // prevent further instantiation of config
                 return;
@@ -196,7 +240,7 @@ export class Snap {
                             const targetFunction = async (target, elem, originalElem) => {
                                 runSearch();
                                 const onTarget = target.onTarget;
-                                onTarget && onTarget(target, elem, originalElem);
+                                onTarget && (await onTarget(target, elem, originalElem));
                                 try {
                                     const Component = await target.component();
                                     setTimeout(() => {
@@ -204,44 +248,10 @@ export class Snap {
                                     });
                                 }
                                 catch (err) {
-                                    this.logger.error(`Uncaught Error - Invalid value passed as the component.
-	This usually happens when you pass a JSX Element, and not a function that returns the component, in the snap config. 
-			
-				instead of - 
-
-			targeters: [
-				{
-					selector: '#searchspring-content',
-					hideTarget: true,
-					component: <Content/>,
-				},
-			]
-
-				or - 
-
-			targeters: [
-				{
-					selector: '#searchspring-content',
-					hideTarget: true,
-					component: Content,
-				},
-			]
-
-				please try - 
-
-			targeters: [
-				{
-					selector: '#searchspring-content',
-					hideTarget: true,
-					component: () => Content
-				},
-			]
-
-			
-The error above happened in the following targeter in the Snap Config`, target);
+                                    this.logger.error(COMPONENT_ERROR, target);
                                 }
                             };
-                            controller?.targeters?.forEach(async (target, target_index) => {
+                            controller?.targeters?.forEach((target, target_index) => {
                                 if (!target.selector) {
                                     throw new Error(`Targets at index ${target_index} missing selector value (string).`);
                                 }
@@ -283,16 +293,23 @@ The error above happened in the following targeter in the Snap Config`, target);
                                 };
                                 const targetFunction = async (target, elem, originalElem) => {
                                     const onTarget = target.onTarget;
-                                    onTarget && onTarget(target, elem, originalElem);
-                                    const Component = (await target.component());
-                                    setTimeout(() => {
-                                        render(_jsx(Component, { controller: this.controllers[controller.config.id], input: originalElem, ...target.props }), elem);
-                                    });
+                                    onTarget && (await onTarget(target, elem, originalElem));
+                                    try {
+                                        const Component = (await target.component());
+                                        setTimeout(() => {
+                                            render(_jsx(Component, { controller: this.controllers[controller.config.id], input: originalElem, ...target.props }), elem);
+                                        });
+                                    }
+                                    catch (err) {
+                                        this.logger.error(COMPONENT_ERROR, target);
+                                    }
                                 };
                                 if (!controller?.targeters || controller?.targeters.length === 0) {
-                                    this.createController(DynamicImportNames.AUTOCOMPLETE, controller.config, controller.services, controller.url, resolve, controller.context);
+                                    this.createController(ControllerTypes.autocomplete, controller.config, controller.services, controller.url, controller.context, (cntrlr) => {
+                                        resolve(cntrlr);
+                                    });
                                 }
-                                controller?.targeters?.forEach(async (target, target_index) => {
+                                controller?.targeters?.forEach((target, target_index) => {
                                     if (!target.selector) {
                                         throw new Error(`Targets at index ${target_index} missing selector value (string).`);
                                     }
@@ -315,7 +332,9 @@ The error above happened in the following targeter in the Snap Config`, target);
                                             ...target,
                                         },
                                     ], async (target, elem, originalElem) => {
-                                        const cntrlr = await this.createController(DynamicImportNames.AUTOCOMPLETE, controller.config, controller.services, controller.url, resolve, controller.context);
+                                        const cntrlr = await this.createController(ControllerTypes.autocomplete, controller.config, controller.services, controller.url, controller.context, (cntrlr) => {
+                                            resolve(cntrlr);
+                                        });
                                         runBind();
                                         targetFunction({ controller: cntrlr, ...target }, elem, originalElem);
                                         cntrlr.addTargeter(targeter);
@@ -342,16 +361,23 @@ The error above happened in the following targeter in the Snap Config`, target);
                                 };
                                 const targetFunction = async (target, elem, originalElem) => {
                                     const onTarget = target.onTarget;
-                                    onTarget && onTarget(target, elem, originalElem);
-                                    const Component = await target.component();
-                                    setTimeout(() => {
-                                        render(_jsx(Component, { controller: this.controllers[controller.config.id], ...target.props }), elem);
-                                    });
+                                    onTarget && (await onTarget(target, elem, originalElem));
+                                    try {
+                                        const Component = await target.component();
+                                        setTimeout(() => {
+                                            render(_jsx(Component, { controller: this.controllers[controller.config.id], ...target.props }), elem);
+                                        });
+                                    }
+                                    catch (err) {
+                                        this.logger.error(COMPONENT_ERROR, target);
+                                    }
                                 };
                                 if (!controller?.targeters || controller?.targeters.length === 0) {
-                                    this.createController(DynamicImportNames.FINDER, controller.config, controller.services, controller.url, resolve, controller.context);
+                                    this.createController(ControllerTypes.finder, controller.config, controller.services, controller.url, controller.context, (cntrlr) => {
+                                        resolve(cntrlr);
+                                    });
                                 }
-                                controller?.targeters?.forEach(async (target, target_index) => {
+                                controller?.targeters?.forEach((target, target_index) => {
                                     if (!target.selector) {
                                         throw new Error(`Targets at index ${target_index} missing selector value (string).`);
                                     }
@@ -359,7 +385,9 @@ The error above happened in the following targeter in the Snap Config`, target);
                                         throw new Error(`Targets at index ${target_index} missing component value (Component).`);
                                     }
                                     const targeter = new DomTargeter([{ ...target }], async (target, elem, originalElem) => {
-                                        const cntrlr = await this.createController(DynamicImportNames.FINDER, controller.config, controller.services, controller.url, resolve, controller.context);
+                                        const cntrlr = await this.createController(ControllerTypes.finder, controller.config, controller.services, controller.url, controller.context, (cntrlr) => {
+                                            resolve(cntrlr);
+                                        });
                                         runSearch();
                                         targetFunction({ controller: cntrlr, ...target }, elem, originalElem);
                                         cntrlr.addTargeter(targeter);
@@ -386,16 +414,23 @@ The error above happened in the following targeter in the Snap Config`, target);
                                 };
                                 const targetFunction = async (target, elem, originalElem) => {
                                     const onTarget = target.onTarget;
-                                    onTarget && onTarget(target, elem, originalElem);
-                                    const Component = await target.component();
-                                    setTimeout(() => {
-                                        render(_jsx(Component, { controller: this.controllers[controller.config.id], ...target.props }), elem);
-                                    });
+                                    onTarget && (await onTarget(target, elem, originalElem));
+                                    try {
+                                        const Component = await target.component();
+                                        setTimeout(() => {
+                                            render(_jsx(Component, { controller: this.controllers[controller.config.id], ...target.props }), elem);
+                                        });
+                                    }
+                                    catch (err) {
+                                        this.logger.error(COMPONENT_ERROR, target);
+                                    }
                                 };
                                 if (!controller?.targeters || controller?.targeters.length === 0) {
-                                    this.createController(DynamicImportNames.RECOMMENDATION, controller.config, controller.services, controller.url, resolve, controller.context);
+                                    this.createController(ControllerTypes.recommendation, controller.config, controller.services, controller.url, controller.context, (cntrlr) => {
+                                        resolve(cntrlr);
+                                    });
                                 }
-                                controller?.targeters?.forEach(async (target, target_index) => {
+                                controller?.targeters?.forEach((target, target_index) => {
                                     if (!target.selector) {
                                         throw new Error(`Targets at index ${target_index} missing selector value (string).`);
                                     }
@@ -403,7 +438,9 @@ The error above happened in the following targeter in the Snap Config`, target);
                                         throw new Error(`Targets at index ${target_index} missing component value (Component).`);
                                     }
                                     const targeter = new DomTargeter([{ ...target }], async (target, elem, originalElem) => {
-                                        const cntrlr = await this.createController(DynamicImportNames.RECOMMENDATION, controller.config, controller.services, controller.url, resolve, controller.context);
+                                        const cntrlr = await this.createController(ControllerTypes.recommendation, controller.config, controller.services, controller.url, controller.context, (cntrlr) => {
+                                            resolve(cntrlr);
+                                        });
                                         runSearch();
                                         targetFunction({ controller: cntrlr, ...target }, elem, originalElem);
                                         cntrlr.addTargeter(targeter);
@@ -421,11 +458,11 @@ The error above happened in the following targeter in the Snap Config`, target);
         });
         if (this.config?.instantiators?.recommendation) {
             try {
-                this._instantiatorPromises.recommendations = import('./Instantiators/RecommendationInstantiator').then(({ RecommendationInstantiator }) => {
+                this._instantiatorPromises.recommendation = import('./Instantiators/RecommendationInstantiator').then(({ RecommendationInstantiator }) => {
                     return new RecommendationInstantiator(this.config.instantiators.recommendation, {
-                        client: this.config.instantiators.recommendation?.services?.client || this.client,
-                        tracker: this.config.instantiators.recommendation?.services?.tracker || this.tracker,
-                        logger: this.config.instantiators.recommendation?.services?.logger || this.logger,
+                        client: this.client,
+                        tracker: this.tracker,
+                        logger: this.logger,
                     }, this.context);
                 });
             }

package/dist/esm/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/esm/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"}