@athoscommerce/snap-preact 1.2.3-beta.1 → 1.3.0

package/dist/cjs/src/Templates/Stores/TemplateEditor/uiAbstractions/autocompleteControllerUI.d.ts

@@ -1,6 +1,7 @@
 import { AutocompleteController } from '@athoscommerce/snap-controller';
 import { AbstractionGroup } from '../../../../types';
 import { TemplateEditorStore } from '../TemplateEditorStore';
+export declare function autocompleteTargetUI(store: TemplateEditorStore): AbstractionGroup<number>[];
 export declare function autocompleteControllerUI(store: TemplateEditorStore): AbstractionGroup<AutocompleteController>[];
 export declare function updateAutocompleteControllerState(controller: AutocompleteController): Promise<void>;
 //# sourceMappingURL=autocompleteControllerUI.d.ts.map

package/dist/cjs/src/Templates/Stores/TemplateEditor/uiAbstractions/autocompleteControllerUI.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocompleteControllerUI.d.ts","sourceRoot":"","sources":["../../../../../../../src/Templates/Stores/TemplateEditor/uiAbstractions/autocompleteControllerUI.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,mBAAmB,GAAG,gBAAgB,CAAC,sBAAsB,CAAC,EAAE,CAgN/G;AAED,wBAAsB,iCAAiC,CAAC,UAAU,EAAE,sBAAsB,iBA2BzF"}
+{"version":3,"file":"autocompleteControllerUI.d.ts","sourceRoot":"","sources":["../../../../../../../src/Templates/Stores/TemplateEditor/uiAbstractions/autocompleteControllerUI.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,mBAAmB,GAAG,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAgF3F;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,mBAAmB,GAAG,gBAAgB,CAAC,sBAAsB,CAAC,EAAE,CAsM/G;AAED,wBAAsB,iCAAiC,CAAC,UAAU,EAAE,sBAAsB,iBA2BzF"}

package/dist/cjs/src/Templates/Stores/TemplateEditor/uiAbstractions/autocompleteControllerUI.js

@@ -36,8 +36,86 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.autocompleteTargetUI = autocompleteTargetUI;
 exports.autocompleteControllerUI = autocompleteControllerUI;
 exports.updateAutocompleteControllerState = updateAutocompleteControllerState;
+function autocompleteTargetUI(store) {
+    return [
+        {
+            // title: 'Autocomplete',
+            description: '',
+            collapsible: true,
+            controls: [
+                {
+                    type: 'dropdown',
+                    label: 'Component',
+                    description: 'Template component to render',
+                    getValue: function (index) {
+                        // all autocomplete targeters are in store.templatesStore.targets.autocomplete
+                        var _a;
+                        // TODO: need to handle case where there are no targets
+                        var targetAtIndex = (_a = store.templatesStore.targets) === null || _a === void 0 ? void 0 : _a.autocomplete[index];
+                        return targetAtIndex === null || targetAtIndex === void 0 ? void 0 : targetAtIndex.component;
+                    },
+                    getOptions: function () {
+                        // return list of available templates
+                        var templateList = Object.keys(store.templatesStore.library.components.autocomplete).map(function (name) { return ({ value: name }); });
+                        return [{ options: templateList }];
+                    },
+                    shouldShowReset: function (index) {
+                        var _a, _b, _c, _d;
+                        // if the override differs from the initial state, show reset
+                        var initialTargetAtIndex = (_b = (_a = store.initial.targets) === null || _a === void 0 ? void 0 : _a.autocomplete) === null || _b === void 0 ? void 0 : _b[index];
+                        var overrideTargetAtIndex = (_d = (_c = store.overrides.targets) === null || _c === void 0 ? void 0 : _c.autocomplete) === null || _d === void 0 ? void 0 : _d[index];
+                        return (Boolean(initialTargetAtIndex === null || initialTargetAtIndex === void 0 ? void 0 : initialTargetAtIndex.component) &&
+                            Boolean(overrideTargetAtIndex === null || overrideTargetAtIndex === void 0 ? void 0 : overrideTargetAtIndex.component) &&
+                            initialTargetAtIndex.component != overrideTargetAtIndex.component);
+                    },
+                    onValueChange: function (value, index) {
+                        store.setTargetOverride({ path: ['autocomplete', "[".concat(index, "]"), 'component'], value: value });
+                    },
+                    onReset: function (index) {
+                        store.setTargetOverride({ path: ['autocomplete', "[".concat(index, "]"), 'component'], value: undefined });
+                    },
+                },
+                // {
+                // 	type: 'dropdown',
+                // 	label: 'Result Component',
+                // 	description: 'Template component to render',
+                // 	getValue: (index) => {
+                // 		// all autocomplete targeters are in store.templatesStore.targets.autocomplete
+                // 		// TODO: need to handle case where there are no targets
+                // 		const targetAtIndex = store.templatesStore.targets?.autocomplete[index as number];
+                // 		return targetAtIndex?.resultComponent;
+                // 	},
+                // 	getOptions: () => {
+                // 		// return list of available templates
+                // 		const templateList = Object.keys(store.templatesStore.library.components.result).map((name) => ({ value: name }));
+                // 		return [{ options: templateList }];
+                // 	},
+                // 	shouldShowReset: (index) => {
+                // 		// if the override differs from the initial state, show reset
+                // 		const initialTargetAtIndex = store.initial.targets?.autocomplete?.[index as number];
+                // 		const overrideTargetAtIndex = store.overrides.targets?.autocomplete?.[index as number];
+                // 		return initialTargetAtIndex && overrideTargetAtIndex && initialTargetAtIndex.resultComponent != overrideTargetAtIndex.resultComponent;
+                // 	},
+                // 	onValueChange: (value, index) => {
+                // 		store.setTargetOverride({ path: ['autocomplete', `[${index}]`, 'resultComponent'], value: value as string });
+                // 	},
+                // 	onReset: (index) => {
+                // 		store.setTargetOverride({ path: ['autocomplete', `[${index}]`, 'resultComponent'], value: undefined });
+                // 		// if no initial value
+                // 		const initialTargetAtIndex = store.initial.targets?.autocomplete?.[index as number];
+                // 		if (!initialTargetAtIndex.resultComponent) {
+                // 			const targetAtIndex = store.templatesStore.targets?.autocomplete[index as number];
+                // 			targetAtIndex?.setValue('resultComponent', 'Result');
+                // 		}
+                // 	},
+                // },
+            ],
+        },
+    ];
+}
 function autocompleteControllerUI(store) {
     var _this = this;
     return [
@@ -75,8 +153,10 @@ function autocompleteControllerUI(store) {
                         var initialConfig = (_a = store.initial.controller.autocomplete) === null || _a === void 0 ? void 0 : _a.history;
                         var initialEnabled = Boolean((initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig.enabled) !== undefined ? initialConfig.enabled : (initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig.limit) && initialConfig.limit > 0);
                         var overrideConfig = (_b = store.overrides.controller.autocomplete) === null || _b === void 0 ? void 0 : _b.history;
-                        var overrideEnabled = Boolean((overrideConfig === null || overrideConfig === void 0 ? void 0 : overrideConfig.enabled) !== undefined);
-                        return (overrideEnabled && initialEnabled !== overrideEnabled) || (initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig.limit) !== (overrideConfig === null || overrideConfig === void 0 ? void 0 : overrideConfig.limit);
+                        if ((overrideConfig === null || overrideConfig === void 0 ? void 0 : overrideConfig.enabled) === undefined && (overrideConfig === null || overrideConfig === void 0 ? void 0 : overrideConfig.limit) === undefined)
+                            return false;
+                        var overrideEnabled = Boolean((overrideConfig === null || overrideConfig === void 0 ? void 0 : overrideConfig.enabled) !== undefined ? overrideConfig.enabled : (overrideConfig === null || overrideConfig === void 0 ? void 0 : overrideConfig.limit) && overrideConfig.limit > 0);
+                        return initialEnabled !== overrideEnabled || (initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig.limit) !== (overrideConfig === null || overrideConfig === void 0 ? void 0 : overrideConfig.limit);
                     },
                     onValueChange: function (value, controller) {
                         var _a;
@@ -84,30 +164,21 @@ function autocompleteControllerUI(store) {
                             return;
                         var initialConfig = (_a = store.initial.controller.autocomplete) === null || _a === void 0 ? void 0 : _a.history;
                         var initialValue = (initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig.enabled) ? initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig.limit : 'Disabled';
-                        if (value === 'Disabled' && initialValue !== 'Disabled') {
-                            store.setControllerOverride({ path: ['history'], value: { enabled: false, limit: undefined, showResults: undefined }, controller: controller });
+                        if (value === initialValue) {
+                            store.setControllerOverride({ path: ['history'], controller: controller });
                         }
-                        else if (value !== 'Disabled' && initialValue === 'Disabled') {
-                            store.setControllerOverride({ path: ['history'], value: { enabled: true, limit: Number(value) }, controller: controller });
+                        else if (value === 'Disabled') {
+                            store.setControllerOverride({ path: ['history'], value: { enabled: false, limit: undefined, showResults: undefined }, controller: controller });
                         }
                         else {
-                            store.setControllerOverride({
-                                path: ['history'],
-                                value: { enabled: undefined, limit: undefined, showResults: undefined },
-                                controller: controller,
-                            });
+                            store.setControllerOverride({ path: ['history'], value: { enabled: true, limit: Number(value) }, controller: controller });
                         }
                         updateAutocompleteControllerState(controller);
                     },
                     onReset: function (controller) {
-                        var _a, _b;
                         if (!controller)
                             return;
-                        var resetValues = { enabled: undefined, limit: undefined, showResults: undefined };
-                        if ((_b = (_a = store.initial.controller.autocomplete) === null || _a === void 0 ? void 0 : _a.history) === null || _b === void 0 ? void 0 : _b.enabled) {
-                            delete resetValues.showResults;
-                        }
-                        store.setControllerOverride({ path: ['history'], value: resetValues, controller: controller });
+                        store.setControllerOverride({ path: ['history'], controller: controller });
                         updateAutocompleteControllerState(controller);
                     },
                 },
@@ -141,8 +212,10 @@ function autocompleteControllerUI(store) {
                         var initialConfig = (_a = store.initial.controller.autocomplete) === null || _a === void 0 ? void 0 : _a.trending;
                         var initialEnabled = Boolean((initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig.enabled) !== undefined ? initialConfig.enabled : (initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig.limit) && initialConfig.limit > 0);
                         var overrideConfig = (_b = store.overrides.controller.autocomplete) === null || _b === void 0 ? void 0 : _b.trending;
-                        var overrideEnabled = Boolean((overrideConfig === null || overrideConfig === void 0 ? void 0 : overrideConfig.enabled) !== undefined);
-                        return overrideEnabled && (initialEnabled !== overrideEnabled || (initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig.limit) !== (overrideConfig === null || overrideConfig === void 0 ? void 0 : overrideConfig.limit));
+                        if ((overrideConfig === null || overrideConfig === void 0 ? void 0 : overrideConfig.enabled) === undefined && (overrideConfig === null || overrideConfig === void 0 ? void 0 : overrideConfig.limit) === undefined)
+                            return false;
+                        var overrideEnabled = Boolean((overrideConfig === null || overrideConfig === void 0 ? void 0 : overrideConfig.enabled) !== undefined ? overrideConfig.enabled : (overrideConfig === null || overrideConfig === void 0 ? void 0 : overrideConfig.limit) && overrideConfig.limit > 0);
+                        return initialEnabled !== overrideEnabled || (initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig.limit) !== (overrideConfig === null || overrideConfig === void 0 ? void 0 : overrideConfig.limit);
                     },
                     onValueChange: function (value, controller) { return __awaiter(_this, void 0, void 0, function () {
                         var initialConfig, initialValue;
@@ -152,35 +225,23 @@ function autocompleteControllerUI(store) {
                                 return [2 /*return*/];
                             initialConfig = (_a = store.initial.controller.autocomplete) === null || _a === void 0 ? void 0 : _a.trending;
                             initialValue = (initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig.enabled) ? initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig.limit : 'Disabled';
-                            if (value === 'Disabled' && initialValue !== 'Disabled') {
-                                store.setControllerOverride({ path: ['trending'], value: { enabled: false, limit: undefined, showResults: undefined }, controller: controller });
+                            if (value === initialValue) {
+                                store.setControllerOverride({ path: ['trending'], controller: controller });
                             }
-                            else if (value !== 'Disabled' && initialValue === 'Disabled') {
-                                store.setControllerOverride({ path: ['trending'], value: { enabled: true, limit: Number(value) }, controller: controller });
-                            }
-                            else if (value !== 'Disabled' && initialValue !== value) {
-                                store.setControllerOverride({ path: ['trending'], value: { enabled: true, limit: Number(value) }, controller: controller });
+                            else if (value === 'Disabled') {
+                                store.setControllerOverride({ path: ['trending'], value: { enabled: false, limit: undefined, showResults: undefined }, controller: controller });
                             }
                             else {
-                                store.setControllerOverride({
-                                    path: ['trending'],
-                                    value: { enabled: undefined, limit: undefined, showResults: undefined },
-                                    controller: controller,
-                                });
+                                store.setControllerOverride({ path: ['trending'], value: { enabled: true, limit: Number(value) }, controller: controller });
                             }
                             updateAutocompleteControllerState(controller);
                             return [2 /*return*/];
                         });
                     }); },
                     onReset: function (controller) {
-                        var _a, _b;
                         if (!controller)
                             return;
-                        var resetValues = { enabled: undefined, limit: undefined, showResults: undefined };
-                        if ((_b = (_a = store.initial.controller.autocomplete) === null || _a === void 0 ? void 0 : _a.trending) === null || _b === void 0 ? void 0 : _b.enabled) {
-                            delete resetValues.showResults;
-                        }
-                        store.setControllerOverride({ path: ['trending'], value: resetValues, controller: controller });
+                        store.setControllerOverride({ path: ['trending'], controller: controller });
                         updateAutocompleteControllerState(controller);
                     },
                 },
@@ -205,50 +266,42 @@ function autocompleteControllerUI(store) {
                         return [{ options: opts }];
                     },
                     getValue: function (controller) {
-                        var _a, _b, _c, _d;
-                        if ((_b = (_a = controller === null || controller === void 0 ? void 0 : controller.store.config.settings) === null || _a === void 0 ? void 0 : _a.trending) === null || _b === void 0 ? void 0 : _b.showResults)
+                        // controller can have both history and trending enabled - in that case we prioritize showing 'Trending'
+                        var _a, _b, _c, _d, _e, _f, _g, _h;
+                        var historyEnabled = (_b = (_a = controller === null || controller === void 0 ? void 0 : controller.store.config.settings) === null || _a === void 0 ? void 0 : _a.history) === null || _b === void 0 ? void 0 : _b.enabled;
+                        var trendingEnabled = (_d = (_c = controller === null || controller === void 0 ? void 0 : controller.store.config.settings) === null || _c === void 0 ? void 0 : _c.trending) === null || _d === void 0 ? void 0 : _d.enabled;
+                        if (trendingEnabled && ((_f = (_e = controller === null || controller === void 0 ? void 0 : controller.store.config.settings) === null || _e === void 0 ? void 0 : _e.trending) === null || _f === void 0 ? void 0 : _f.showResults))
                             return 'Trending';
-                        if ((_d = (_c = controller === null || controller === void 0 ? void 0 : controller.store.config.settings) === null || _c === void 0 ? void 0 : _c.history) === null || _d === void 0 ? void 0 : _d.showResults)
+                        if (historyEnabled && ((_h = (_g = controller === null || controller === void 0 ? void 0 : controller.store.config.settings) === null || _g === void 0 ? void 0 : _g.history) === null || _h === void 0 ? void 0 : _h.showResults))
                             return 'History';
                         return 'Disabled';
                     },
                     shouldShowReset: function () {
-                        var _a, _b, _c, _d, _e, _f, _g, _h;
-                        // see what the initial state is
-                        var initialValue = 'Disabled';
+                        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
                         var initialConfig = store.initial.controller.autocomplete;
-                        if (((_a = initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig.trending) === null || _a === void 0 ? void 0 : _a.showResults) && ((_b = initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig.trending) === null || _b === void 0 ? void 0 : _b.enabled) !== false) {
-                            initialValue = 'Trending';
-                        }
-                        else if (((_c = initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig.history) === null || _c === void 0 ? void 0 : _c.showResults) && ((_d = initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig.history) === null || _d === void 0 ? void 0 : _d.enabled) !== false) {
-                            initialValue = 'History';
-                        }
-                        // see what the override state is
-                        var overrideValue = 'Disabled';
+                        var initialHistoryShowResults = ((_a = initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig.history) === null || _a === void 0 ? void 0 : _a.enabled) && ((_b = initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig.history) === null || _b === void 0 ? void 0 : _b.showResults);
+                        var initialTrendingShowResults = ((_c = initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig.trending) === null || _c === void 0 ? void 0 : _c.enabled) && ((_d = initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig.trending) === null || _d === void 0 ? void 0 : _d.showResults);
+                        var initialValue = initialTrendingShowResults ? 'Trending' : initialHistoryShowResults ? 'History' : 'Disabled';
                         var overrideConfig = store.overrides.controller.autocomplete;
-                        if (((_e = overrideConfig === null || overrideConfig === void 0 ? void 0 : overrideConfig.trending) === null || _e === void 0 ? void 0 : _e.showResults) && ((_f = overrideConfig === null || overrideConfig === void 0 ? void 0 : overrideConfig.trending) === null || _f === void 0 ? void 0 : _f.enabled) !== false) {
-                            overrideValue = 'Trending';
-                        }
-                        else if (((_g = overrideConfig === null || overrideConfig === void 0 ? void 0 : overrideConfig.history) === null || _g === void 0 ? void 0 : _g.showResults) && ((_h = overrideConfig === null || overrideConfig === void 0 ? void 0 : overrideConfig.history) === null || _h === void 0 ? void 0 : _h.enabled) !== false) {
-                            overrideValue = 'History';
-                        }
-                        return initialValue !== overrideValue;
+                        var overrideHistoryShowResults = ((_e = overrideConfig === null || overrideConfig === void 0 ? void 0 : overrideConfig.history) === null || _e === void 0 ? void 0 : _e.enabled) !== false && ((_f = overrideConfig === null || overrideConfig === void 0 ? void 0 : overrideConfig.history) === null || _f === void 0 ? void 0 : _f.showResults);
+                        var overrideTrendingShowResults = ((_g = overrideConfig === null || overrideConfig === void 0 ? void 0 : overrideConfig.trending) === null || _g === void 0 ? void 0 : _g.enabled) !== false && ((_h = overrideConfig === null || overrideConfig === void 0 ? void 0 : overrideConfig.trending) === null || _h === void 0 ? void 0 : _h.showResults);
+                        var bothOverriddenToDisabled = ((_j = overrideConfig === null || overrideConfig === void 0 ? void 0 : overrideConfig.history) === null || _j === void 0 ? void 0 : _j.showResults) === false &&
+                            ((_k = overrideConfig === null || overrideConfig === void 0 ? void 0 : overrideConfig.trending) === null || _k === void 0 ? void 0 : _k.showResults) === false &&
+                            (initialHistoryShowResults || initialTrendingShowResults);
+                        var overrideValue = bothOverriddenToDisabled
+                            ? 'Disabled'
+                            : overrideTrendingShowResults
+                                ? 'Trending'
+                                : overrideHistoryShowResults
+                                    ? 'History'
+                                    : undefined;
+                        return overrideValue !== undefined && initialValue !== overrideValue;
                     },
                     onValueChange: function (value, controller) {
                         if (typeof value === 'undefined' || !controller)
                             return;
-                        if (value === 'Disabled') {
-                            store.setControllerOverride({ path: ['history', 'showResults'], controller: controller });
-                            store.setControllerOverride({ path: ['trending', 'showResults'], controller: controller });
-                        }
-                        else if (value === 'History') {
-                            store.setControllerOverride({ path: ['history', 'showResults'], value: true, controller: controller });
-                            store.setControllerOverride({ path: ['trending', 'showResults'], controller: controller });
-                        }
-                        else if (value === 'Trending') {
-                            store.setControllerOverride({ path: ['history', 'showResults'], controller: controller });
-                            store.setControllerOverride({ path: ['trending', 'showResults'], value: true, controller: controller });
-                        }
+                        store.setControllerOverride({ path: ['history', 'showResults'], value: value === 'History', controller: controller });
+                        store.setControllerOverride({ path: ['trending', 'showResults'], value: value === 'Trending', controller: controller });
                         updateAutocompleteControllerState(controller);
                     },
                     onReset: function (controller) {

package/dist/cjs/src/Templates/Stores/TemplateEditor/uiAbstractions/configUI.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"configUI.d.ts","sourceRoot":"","sources":["../../../../../../../src/Templates/Stores/TemplateEditor/uiAbstractions/configUI.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,eAAO,MAAM,QAAQ,UAAW,mBAAmB,KAAG,gBAAgB,EAgHrE,CAAC"}
+{"version":3,"file":"configUI.d.ts","sourceRoot":"","sources":["../../../../../../../src/Templates/Stores/TemplateEditor/uiAbstractions/configUI.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,eAAO,MAAM,QAAQ,UAAW,mBAAmB,KAAG,gBAAgB,EAsHrE,CAAC"}

package/dist/cjs/src/Templates/Stores/TemplateEditor/uiAbstractions/configUI.js

@@ -82,7 +82,9 @@ var configUI = function (store) {
                     },
                     shouldShowReset: function () {
                         // if the override differs from the initial state, show reset
-                        return typeof store.overrides.config.platform !== 'undefined';
+                        var initialPlatform = store.initial.config.platform || 'other';
+                        var overridePlatform = store.overrides.config.platform;
+                        return typeof overridePlatform !== 'undefined' && initialPlatform != overridePlatform;
                     },
                     onValueChange: function (value) {
                         store.setConfigOverride({ path: ['platform'], value: value });
@@ -110,7 +112,9 @@ var configUI = function (store) {
                     },
                     shouldShowReset: function () {
                         // if the override differs from the initial state, show reset
-                        return typeof store.overrides.config.language !== 'undefined';
+                        var initialLanguage = store.initial.config.language || 'en';
+                        var overrideLanguage = store.overrides.config.language;
+                        return typeof overrideLanguage !== 'undefined' && initialLanguage != overrideLanguage;
                     },
                     onValueChange: function (value) {
                         store.setConfigOverride({ path: ['language'], value: value });
@@ -141,7 +145,9 @@ var configUI = function (store) {
                     },
                     shouldShowReset: function () {
                         // if the override differs from the initial state, show reset
-                        return typeof store.overrides.config.currency !== 'undefined';
+                        var initialCurrency = store.initial.config.currency || 'usd';
+                        var overrideCurrency = store.overrides.config.currency;
+                        return typeof overrideCurrency !== 'undefined' && initialCurrency != overrideCurrency;
                     },
                     onValueChange: function (value) { return __awaiter(void 0, void 0, void 0, function () {
                         return __generator(this, function (_a) {

package/dist/cjs/src/Templates/Stores/TemplateEditor/uiAbstractions/searchControllerUI.d.ts

@@ -1,5 +1,6 @@
 import { SearchController } from '@athoscommerce/snap-controller';
 import { AbstractionGroup } from '../../../../types';
 import { TemplateEditorStore } from '../TemplateEditorStore';
+export declare function searchTargetUI(store: TemplateEditorStore): AbstractionGroup<number>[];
 export declare function searchControllerUI(store: TemplateEditorStore): AbstractionGroup<SearchController>[];
 //# sourceMappingURL=searchControllerUI.d.ts.map

package/dist/cjs/src/Templates/Stores/TemplateEditor/uiAbstractions/searchControllerUI.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"searchControllerUI.d.ts","sourceRoot":"","sources":["../../../../../../../src/Templates/Stores/TemplateEditor/uiAbstractions/searchControllerUI.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,mBAAmB,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,EAAE,CA0CnG"}
+{"version":3,"file":"searchControllerUI.d.ts","sourceRoot":"","sources":["../../../../../../../src/Templates/Stores/TemplateEditor/uiAbstractions/searchControllerUI.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAgFrF;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,mBAAmB,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,EAAE,CAgDnG"}

package/dist/cjs/src/Templates/Stores/TemplateEditor/uiAbstractions/searchControllerUI.js

@@ -1,6 +1,84 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.searchTargetUI = searchTargetUI;
 exports.searchControllerUI = searchControllerUI;
+function searchTargetUI(store) {
+    return [
+        {
+            // title: 'Search',
+            description: '',
+            collapsible: true,
+            controls: [
+                {
+                    type: 'dropdown',
+                    label: 'Component',
+                    description: 'Template component to render',
+                    getValue: function (index) {
+                        // all search targeters are in store.templatesStore.targets.search
+                        var _a;
+                        // TODO: need to handle case where there are no targets
+                        var targetAtIndex = (_a = store.templatesStore.targets) === null || _a === void 0 ? void 0 : _a.search[index];
+                        return targetAtIndex === null || targetAtIndex === void 0 ? void 0 : targetAtIndex.component;
+                    },
+                    getOptions: function () {
+                        // return list of available templates
+                        var templateList = Object.keys(store.templatesStore.library.components.search).map(function (name) { return ({ value: name }); });
+                        return [{ options: templateList }];
+                    },
+                    shouldShowReset: function (index) {
+                        var _a, _b, _c, _d;
+                        // if the override differs from the initial state, show reset
+                        var initialTargetAtIndex = (_b = (_a = store.initial.targets) === null || _a === void 0 ? void 0 : _a.search) === null || _b === void 0 ? void 0 : _b[index];
+                        var overrideTargetAtIndex = (_d = (_c = store.overrides.targets) === null || _c === void 0 ? void 0 : _c.search) === null || _d === void 0 ? void 0 : _d[index];
+                        return (Boolean(initialTargetAtIndex === null || initialTargetAtIndex === void 0 ? void 0 : initialTargetAtIndex.component) &&
+                            Boolean(overrideTargetAtIndex === null || overrideTargetAtIndex === void 0 ? void 0 : overrideTargetAtIndex.component) &&
+                            initialTargetAtIndex.component != overrideTargetAtIndex.component);
+                    },
+                    onValueChange: function (value, index) {
+                        store.setTargetOverride({ path: ['search', "[".concat(index, "]"), 'component'], value: value });
+                    },
+                    onReset: function (index) {
+                        store.setTargetOverride({ path: ['search', "[".concat(index, "]"), 'component'], value: undefined });
+                    },
+                },
+                // {
+                // 	type: 'dropdown',
+                // 	label: 'Result Component',
+                // 	description: 'Template component to render',
+                // 	getValue: (index) => {
+                // 		// all search targeters are in store.templatesStore.targets.search
+                // 		// TODO: need to handle case where there are no targets
+                // 		const targetAtIndex = store.templatesStore.targets?.search[index as number];
+                // 		return targetAtIndex?.resultComponent;
+                // 	},
+                // 	getOptions: () => {
+                // 		// return list of available templates
+                // 		const templateList = Object.keys(store.templatesStore.library.components.result).map((name) => ({ value: name }));
+                // 		return [{ options: templateList }];
+                // 	},
+                // 	shouldShowReset: (index) => {
+                // 		// if the override differs from the initial state, show reset
+                // 		const initialTargetAtIndex = store.initial.targets?.search?.[index as number];
+                // 		const overrideTargetAtIndex = store.overrides.targets?.search?.[index as number];
+                // 		return initialTargetAtIndex && overrideTargetAtIndex && initialTargetAtIndex.resultComponent != overrideTargetAtIndex.resultComponent;
+                // 	},
+                // 	onValueChange: (value, index) => {
+                // 		store.setTargetOverride({ path: ['search', `[${index}]`, 'resultComponent'], value: value as string });
+                // 	},
+                // 	onReset: (index) => {
+                // 		store.setTargetOverride({ path: ['search', `[${index}]`, 'resultComponent'], value: undefined });
+                // 		// if no initial value
+                // 		const initialTargetAtIndex = store.initial.targets?.search?.[index as number];
+                // 		if (!initialTargetAtIndex.resultComponent) {
+                // 			const targetAtIndex = store.templatesStore.targets?.search[index as number];
+                // 			targetAtIndex?.setValue('resultComponent', 'Result');
+                // 		}
+                // 	},
+                // },
+            ],
+        },
+    ];
+}
 function searchControllerUI(store) {
     return [
         {
@@ -32,9 +110,16 @@ function searchControllerUI(store) {
                         return overrideEnabled && initialEnabled !== ((_e = (_d = store.overrides.controller.search) === null || _d === void 0 ? void 0 : _d.infinite) === null || _e === void 0 ? void 0 : _e.enabled);
                     },
                     onValueChange: function (value, controller) {
+                        var _a;
                         if (typeof value === 'undefined' || !controller)
                             return;
-                        store.setControllerOverride({ path: ['infinite', 'enabled'], value: Boolean(value), controller: controller });
+                        var initialConfig = (_a = store.initial.controller.search) === null || _a === void 0 ? void 0 : _a.infinite;
+                        if (value == (initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig.enabled) || (value === false && !initialConfig)) {
+                            store.setControllerOverride({ path: ['infinite'], controller: controller });
+                        }
+                        else {
+                            store.setControllerOverride({ path: ['infinite', 'enabled'], value: Boolean(value), controller: controller });
+                        }
                     },
                     onReset: function (controller) {
                         if (!controller)

package/dist/cjs/src/Templates/Stores/TemplateEditor/uiAbstractions/themeUI.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"themeUI.d.ts","sourceRoot":"","sources":["../../../../../../../src/Templates/Stores/TemplateEditor/uiAbstractions/themeUI.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,wBAAgB,OAAO,CAAC,KAAK,EAAE,mBAAmB,GAAG,gBAAgB,EAAE,CA2LtE"}
+{"version":3,"file":"themeUI.d.ts","sourceRoot":"","sources":["../../../../../../../src/Templates/Stores/TemplateEditor/uiAbstractions/themeUI.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,wBAAgB,OAAO,CAAC,KAAK,EAAE,mBAAmB,GAAG,gBAAgB,EAAE,CA4MtE"}

package/dist/cjs/src/Templates/Stores/TemplateEditor/uiAbstractions/themeUI.js

@@ -54,8 +54,11 @@ function themeUI(store) {
                         return (_f = (_c = (_b = (_a = store.overrides.theme.variables) === null || _a === void 0 ? void 0 : _a.breakpoints) === null || _b === void 0 ? void 0 : _b.mobile) !== null && _c !== void 0 ? _c : (_e = (_d = store.initial.theme.variables) === null || _d === void 0 ? void 0 : _d.breakpoints) === null || _e === void 0 ? void 0 : _e.mobile) !== null && _f !== void 0 ? _f : '';
                     },
                     shouldShowReset: function () {
-                        var _a, _b;
-                        return typeof ((_b = (_a = store.overrides.theme.variables) === null || _a === void 0 ? void 0 : _a.breakpoints) === null || _b === void 0 ? void 0 : _b.mobile) !== 'undefined';
+                        var _a, _b, _c, _d;
+                        // if the override differs from the initial state, show reset
+                        var initialMobile = (_b = (_a = store.initial.theme.variables) === null || _a === void 0 ? void 0 : _a.breakpoints) === null || _b === void 0 ? void 0 : _b.mobile;
+                        var overrideMobile = (_d = (_c = store.overrides.theme.variables) === null || _c === void 0 ? void 0 : _c.breakpoints) === null || _d === void 0 ? void 0 : _d.mobile;
+                        return typeof overrideMobile !== 'undefined' && initialMobile != overrideMobile;
                     },
                     onValueChange: function (value) {
                         store.setThemeOverride({ path: ['variables', 'breakpoints', 'mobile'], value: value });
@@ -75,8 +78,11 @@ function themeUI(store) {
                         return (_f = (_c = (_b = (_a = store.overrides.theme.variables) === null || _a === void 0 ? void 0 : _a.breakpoints) === null || _b === void 0 ? void 0 : _b.tablet) !== null && _c !== void 0 ? _c : (_e = (_d = store.initial.theme.variables) === null || _d === void 0 ? void 0 : _d.breakpoints) === null || _e === void 0 ? void 0 : _e.tablet) !== null && _f !== void 0 ? _f : '';
                     },
                     shouldShowReset: function () {
-                        var _a, _b;
-                        return typeof ((_b = (_a = store.overrides.theme.variables) === null || _a === void 0 ? void 0 : _a.breakpoints) === null || _b === void 0 ? void 0 : _b.tablet) !== 'undefined';
+                        var _a, _b, _c, _d;
+                        // if the override differs from the initial state, show reset
+                        var initialTablet = (_b = (_a = store.initial.theme.variables) === null || _a === void 0 ? void 0 : _a.breakpoints) === null || _b === void 0 ? void 0 : _b.tablet;
+                        var overrideTablet = (_d = (_c = store.overrides.theme.variables) === null || _c === void 0 ? void 0 : _c.breakpoints) === null || _d === void 0 ? void 0 : _d.tablet;
+                        return typeof overrideTablet !== 'undefined' && initialTablet != overrideTablet;
                     },
                     onValueChange: function (value) {
                         store.setThemeOverride({ path: ['variables', 'breakpoints', 'tablet'], value: value });
@@ -96,8 +102,11 @@ function themeUI(store) {
                         return (_f = (_c = (_b = (_a = store.overrides.theme.variables) === null || _a === void 0 ? void 0 : _a.breakpoints) === null || _b === void 0 ? void 0 : _b.desktop) !== null && _c !== void 0 ? _c : (_e = (_d = store.initial.theme.variables) === null || _d === void 0 ? void 0 : _d.breakpoints) === null || _e === void 0 ? void 0 : _e.desktop) !== null && _f !== void 0 ? _f : '';
                     },
                     shouldShowReset: function () {
-                        var _a, _b;
-                        return typeof ((_b = (_a = store.overrides.theme.variables) === null || _a === void 0 ? void 0 : _a.breakpoints) === null || _b === void 0 ? void 0 : _b.desktop) !== 'undefined';
+                        var _a, _b, _c, _d;
+                        // if the override differs from the initial state, show reset
+                        var initialDesktop = (_b = (_a = store.initial.theme.variables) === null || _a === void 0 ? void 0 : _a.breakpoints) === null || _b === void 0 ? void 0 : _b.desktop;
+                        var overrideDesktop = (_d = (_c = store.overrides.theme.variables) === null || _c === void 0 ? void 0 : _c.breakpoints) === null || _d === void 0 ? void 0 : _d.desktop;
+                        return typeof overrideDesktop !== 'undefined' && initialDesktop != overrideDesktop;
                     },
                     onValueChange: function (value) {
                         store.setThemeOverride({ path: ['variables', 'breakpoints', 'desktop'], value: value });
@@ -122,8 +131,11 @@ function themeUI(store) {
                         return (_f = (_c = (_b = (_a = store.overrides.theme.variables) === null || _a === void 0 ? void 0 : _a.colors) === null || _b === void 0 ? void 0 : _b.text) !== null && _c !== void 0 ? _c : (_e = (_d = store.initial.theme.variables) === null || _d === void 0 ? void 0 : _d.colors) === null || _e === void 0 ? void 0 : _e.text) !== null && _f !== void 0 ? _f : '';
                     },
                     shouldShowReset: function () {
-                        var _a, _b;
-                        return typeof ((_b = (_a = store.overrides.theme.variables) === null || _a === void 0 ? void 0 : _a.colors) === null || _b === void 0 ? void 0 : _b.text) !== 'undefined';
+                        var _a, _b, _c, _d, _e, _f;
+                        // if the override differs from the initial state, show reset
+                        var initialText = (_c = (_b = (_a = store.initial.theme.variables) === null || _a === void 0 ? void 0 : _a.colors) === null || _b === void 0 ? void 0 : _b.text) === null || _c === void 0 ? void 0 : _c.toUpperCase();
+                        var overrideText = (_f = (_e = (_d = store.overrides.theme.variables) === null || _d === void 0 ? void 0 : _d.colors) === null || _e === void 0 ? void 0 : _e.text) === null || _f === void 0 ? void 0 : _f.toUpperCase();
+                        return typeof overrideText !== 'undefined' && initialText != overrideText;
                     },
                     onValueChange: (0, snap_toolbox_1.debounce)(function (value) {
                         store.setThemeOverride({ path: ['variables', 'colors', 'text'], value: value });
@@ -143,8 +155,11 @@ function themeUI(store) {
                         return (_f = (_c = (_b = (_a = store.overrides.theme.variables) === null || _a === void 0 ? void 0 : _a.colors) === null || _b === void 0 ? void 0 : _b.primary) !== null && _c !== void 0 ? _c : (_e = (_d = store.initial.theme.variables) === null || _d === void 0 ? void 0 : _d.colors) === null || _e === void 0 ? void 0 : _e.primary) !== null && _f !== void 0 ? _f : '';
                     },
                     shouldShowReset: function () {
-                        var _a, _b;
-                        return typeof ((_b = (_a = store.overrides.theme.variables) === null || _a === void 0 ? void 0 : _a.colors) === null || _b === void 0 ? void 0 : _b.primary) !== 'undefined';
+                        var _a, _b, _c, _d, _e, _f;
+                        // if the override differs from the initial state, show reset
+                        var initialPrimary = (_c = (_b = (_a = store.initial.theme.variables) === null || _a === void 0 ? void 0 : _a.colors) === null || _b === void 0 ? void 0 : _b.primary) === null || _c === void 0 ? void 0 : _c.toUpperCase();
+                        var overridePrimary = (_f = (_e = (_d = store.overrides.theme.variables) === null || _d === void 0 ? void 0 : _d.colors) === null || _e === void 0 ? void 0 : _e.primary) === null || _f === void 0 ? void 0 : _f.toUpperCase();
+                        return typeof overridePrimary !== 'undefined' && initialPrimary != overridePrimary;
                     },
                     onValueChange: (0, snap_toolbox_1.debounce)(function (value) {
                         store.setThemeOverride({ path: ['variables', 'colors', 'primary'], value: value });
@@ -164,8 +179,11 @@ function themeUI(store) {
                         return (_f = (_c = (_b = (_a = store.overrides.theme.variables) === null || _a === void 0 ? void 0 : _a.colors) === null || _b === void 0 ? void 0 : _b.secondary) !== null && _c !== void 0 ? _c : (_e = (_d = store.initial.theme.variables) === null || _d === void 0 ? void 0 : _d.colors) === null || _e === void 0 ? void 0 : _e.secondary) !== null && _f !== void 0 ? _f : '';
                     },
                     shouldShowReset: function () {
-                        var _a, _b;
-                        return typeof ((_b = (_a = store.overrides.theme.variables) === null || _a === void 0 ? void 0 : _a.colors) === null || _b === void 0 ? void 0 : _b.secondary) !== 'undefined';
+                        var _a, _b, _c, _d, _e, _f;
+                        // if the override differs from the initial state, show reset
+                        var initialSecondary = (_c = (_b = (_a = store.initial.theme.variables) === null || _a === void 0 ? void 0 : _a.colors) === null || _b === void 0 ? void 0 : _b.secondary) === null || _c === void 0 ? void 0 : _c.toUpperCase();
+                        var overrideSecondary = (_f = (_e = (_d = store.overrides.theme.variables) === null || _d === void 0 ? void 0 : _d.colors) === null || _e === void 0 ? void 0 : _e.secondary) === null || _f === void 0 ? void 0 : _f.toUpperCase();
+                        return typeof overrideSecondary !== 'undefined' && initialSecondary != overrideSecondary;
                     },
                     onValueChange: (0, snap_toolbox_1.debounce)(function (value) {
                         store.setThemeOverride({ path: ['variables', 'colors', 'secondary'], value: value });
@@ -187,8 +205,9 @@ function themeUI(store) {
                     shouldShowReset: function () {
                         var _a, _b, _c, _d, _e, _f;
                         // if the override differs from the initial state, show reset
-                        return (Boolean((_b = (_a = store.overrides.theme.variables) === null || _a === void 0 ? void 0 : _a.colors) === null || _b === void 0 ? void 0 : _b.accent) &&
-                            ((_d = (_c = store.overrides.theme.variables) === null || _c === void 0 ? void 0 : _c.colors) === null || _d === void 0 ? void 0 : _d.accent) !== ((_f = (_e = store.initial.theme.variables) === null || _e === void 0 ? void 0 : _e.colors) === null || _f === void 0 ? void 0 : _f.accent));
+                        var initialAccent = (_c = (_b = (_a = store.initial.theme.variables) === null || _a === void 0 ? void 0 : _a.colors) === null || _b === void 0 ? void 0 : _b.accent) === null || _c === void 0 ? void 0 : _c.toUpperCase();
+                        var overrideAccent = (_f = (_e = (_d = store.overrides.theme.variables) === null || _d === void 0 ? void 0 : _d.colors) === null || _e === void 0 ? void 0 : _e.accent) === null || _f === void 0 ? void 0 : _f.toUpperCase();
+                        return typeof overrideAccent !== 'undefined' && initialAccent != overrideAccent;
                     },
                     onValueChange: (0, snap_toolbox_1.debounce)(function (value) {
                         store.setThemeOverride({ path: ['variables', 'colors', 'accent'], value: value });