@athoscommerce/snap-preact 1.0.0

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

@@ -0,0 +1,302 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = 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 };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.autocompleteControllerUI = autocompleteControllerUI;
+exports.updateAutocompleteControllerState = updateAutocompleteControllerState;
+function autocompleteControllerUI(store) {
+    var _this = this;
+    return [
+        {
+            title: 'Terms',
+            description: '',
+            controls: [
+                {
+                    type: 'dropdown',
+                    label: 'History Terms',
+                    description: '',
+                    getOptions: function () { return [
+                        {
+                            options: [
+                                { value: 'Disabled' },
+                                { value: 1 },
+                                { value: 2 },
+                                { value: 3 },
+                                { value: 4 },
+                                { value: 5 },
+                                { value: 6 },
+                                { value: 7 },
+                                { value: 8 },
+                                { value: 9 },
+                                { value: 10 },
+                            ],
+                        },
+                    ]; },
+                    getValue: function (controller) {
+                        var _a, _b, _c;
+                        return ((_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) ? (_c = controller.store.config.settings.history.limit) !== null && _c !== void 0 ? _c : 'Disabled' : 'Disabled';
+                    },
+                    shouldShowReset: function () {
+                        var _a, _b;
+                        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);
+                    },
+                    onValueChange: function (value, controller) {
+                        var _a;
+                        if (typeof value === 'undefined' || !controller)
+                            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 });
+                        }
+                        else if (value !== 'Disabled' && initialValue === 'Disabled') {
+                            store.setControllerOverride({ path: ['history'], value: { enabled: true, limit: Number(value) }, controller: controller });
+                        }
+                        else {
+                            store.setControllerOverride({
+                                path: ['history'],
+                                value: { enabled: undefined, limit: undefined, showResults: undefined },
+                                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 });
+                        updateAutocompleteControllerState(controller);
+                    },
+                },
+                {
+                    type: 'dropdown',
+                    label: 'Trending Terms',
+                    description: '',
+                    getOptions: function () { return [
+                        {
+                            options: [
+                                { value: 'Disabled' },
+                                { value: 1 },
+                                { value: 2 },
+                                { value: 3 },
+                                { value: 4 },
+                                { value: 5 },
+                                { value: 6 },
+                                { value: 7 },
+                                { value: 8 },
+                                { value: 9 },
+                                { value: 10 },
+                            ],
+                        },
+                    ]; },
+                    getValue: function (controller) {
+                        var _a, _b, _c;
+                        return ((_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.enabled) ? (_c = controller.store.config.settings.trending.limit) !== null && _c !== void 0 ? _c : 'Disabled' : 'Disabled';
+                    },
+                    shouldShowReset: function () {
+                        var _a, _b;
+                        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));
+                    },
+                    onValueChange: function (value, controller) { return __awaiter(_this, void 0, void 0, function () {
+                        var initialConfig, initialValue;
+                        var _a;
+                        return __generator(this, function (_b) {
+                            if (typeof value === 'undefined' || !controller)
+                                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 });
+                            }
+                            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 {
+                                store.setControllerOverride({
+                                    path: ['trending'],
+                                    value: { enabled: undefined, limit: undefined, showResults: undefined },
+                                    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 });
+                        updateAutocompleteControllerState(controller);
+                    },
+                },
+                {
+                    type: 'dropdown',
+                    label: 'Initial Results',
+                    description: '',
+                    getDisplayState: function (controller) {
+                        var _a, _b, _c, _d;
+                        var enabled = ((_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) || ((_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);
+                        return enabled ? 'visible' : 'disabled';
+                    },
+                    getOptions: function (controller) {
+                        var _a, _b, _c, _d;
+                        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;
+                        var opts = [{ value: 'Disabled' }];
+                        if (historyEnabled)
+                            opts.push({ value: 'History' });
+                        if (trendingEnabled)
+                            opts.push({ value: 'Trending' });
+                        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)
+                            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)
+                            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 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 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;
+                    },
+                    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 });
+                        }
+                        updateAutocompleteControllerState(controller);
+                    },
+                    onReset: function (controller) {
+                        if (!controller)
+                            return;
+                        store.setControllerOverride({ path: ['history', 'showResults'], controller: controller });
+                        store.setControllerOverride({ path: ['trending', 'showResults'], controller: controller });
+                        updateAutocompleteControllerState(controller);
+                    },
+                },
+            ],
+        },
+    ];
+}
+function updateAutocompleteControllerState(controller) {
+    return __awaiter(this, void 0, void 0, function () {
+        var trendingResultsEnabled, historyResultsEnabled;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+        return __generator(this, function (_s) {
+            switch (_s.label) {
+                case 0:
+                    controller.reset();
+                    controller.store.initHistory();
+                    trendingResultsEnabled = ((_b = (_a = controller.config.settings) === null || _a === void 0 ? void 0 : _a.trending) === null || _b === void 0 ? void 0 : _b.enabled) ||
+                        (((_c = controller.config.settings) === null || _c === void 0 ? void 0 : _c.trending) && ((_e = (_d = controller.config.settings) === null || _d === void 0 ? void 0 : _d.trending) === null || _e === void 0 ? void 0 : _e.enabled) == undefined);
+                    historyResultsEnabled = ((_g = (_f = controller.config.settings) === null || _f === void 0 ? void 0 : _f.history) === null || _g === void 0 ? void 0 : _g.enabled) ||
+                        (((_h = controller.config.settings) === null || _h === void 0 ? void 0 : _h.history) && ((_k = (_j = controller.config.settings) === null || _j === void 0 ? void 0 : _j.history) === null || _k === void 0 ? void 0 : _k.enabled) == undefined);
+                    if (!trendingResultsEnabled) return [3 /*break*/, 2];
+                    return [4 /*yield*/, controller.searchTrending({ limit: (_m = (_l = controller.config.settings) === null || _l === void 0 ? void 0 : _l.trending) === null || _m === void 0 ? void 0 : _m.limit })];
+                case 1:
+                    _s.sent();
+                    ((_p = (_o = controller.config.settings) === null || _o === void 0 ? void 0 : _o.trending) === null || _p === void 0 ? void 0 : _p.showResults) &&
+                        controller.store.trending.length &&
+                        !controller.store.results &&
+                        controller.store.trending[0].preview();
+                    return [3 /*break*/, 3];
+                case 2:
+                    controller.store.updateTrendingTerms({ trending: { queries: [] } });
+                    _s.label = 3;
+                case 3:
+                    if (!trendingResultsEnabled && historyResultsEnabled) {
+                        ((_r = (_q = controller.config.settings) === null || _q === void 0 ? void 0 : _q.history) === null || _r === void 0 ? void 0 : _r.showResults) &&
+                            controller.store.history.length &&
+                            !controller.store.results &&
+                            controller.store.history[0].preview();
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    });
+}

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

@@ -0,0 +1,4 @@
+import { AbstractionGroup } from '../../../../types';
+import { TemplateEditorStore } from '../TemplateEditorStore';
+export declare const configUI: (store: TemplateEditorStore) => AbstractionGroup[];
+//# sourceMappingURL=configUI.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,163 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = 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 };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.configUI = void 0;
+var configUI = function (store) {
+    return [
+        {
+            description: '',
+            controls: [
+                {
+                    type: 'text',
+                    label: 'SiteId',
+                    description: 'site id used to connect to the athos service',
+                    getDisplayState: function () { return 'disabled'; },
+                    getValue: function () {
+                        var _a, _b;
+                        // value is derived in the editorstore at construction time
+                        return (_b = (_a = store.overrides.config.siteId) !== null && _a !== void 0 ? _a : store.initial.config.siteId) !== null && _b !== void 0 ? _b : '';
+                    },
+                    shouldShowReset: function () {
+                        return typeof store.overrides.config.siteId !== 'undefined';
+                    },
+                    onValueChange: function (value) {
+                        store.setConfigOverride({ path: ['siteId'], value: value });
+                    },
+                    onReset: function () {
+                        store.setConfigOverride({ path: ['siteId'], value: undefined });
+                    },
+                },
+                {
+                    type: 'dropdown',
+                    label: 'Platform',
+                    description: 'Storefront platform used for the project',
+                    getDisplayState: function () { return 'disabled'; },
+                    getOptions: function () { return [
+                        {
+                            options: [
+                                { label: 'Shopify', value: 'shopify' },
+                                { label: 'BigCommerce', value: 'bigCommerce' },
+                                { label: 'Magento 2', value: 'magento2' },
+                                { label: 'Other', value: 'other' },
+                            ],
+                        },
+                    ]; },
+                    getValue: function () {
+                        return store.overrides.config.platform || store.initial.config.platform || 'other';
+                    },
+                    shouldShowReset: function () {
+                        // if the override differs from the initial state, show reset
+                        return typeof store.overrides.config.platform !== 'undefined';
+                    },
+                    onValueChange: function (value) {
+                        store.setConfigOverride({ path: ['platform'], value: value });
+                    },
+                    onReset: function () {
+                        store.setConfigOverride({ path: ['platform'], value: undefined });
+                    },
+                },
+                {
+                    type: 'dropdown',
+                    label: 'Language',
+                    description: 'Language used for the project',
+                    getDisplayState: function () { return 'visible'; },
+                    getOptions: function () { return [
+                        {
+                            options: [
+                                { label: 'English', value: 'en' },
+                                { label: 'French', value: 'fr' },
+                                { label: 'Spanish', value: 'es' },
+                            ],
+                        },
+                    ]; },
+                    getValue: function () {
+                        return store.overrides.config.language || store.initial.config.language || 'en';
+                    },
+                    shouldShowReset: function () {
+                        // if the override differs from the initial state, show reset
+                        return typeof store.overrides.config.language !== 'undefined';
+                    },
+                    onValueChange: function (value) {
+                        store.setConfigOverride({ path: ['language'], value: value });
+                    },
+                    onReset: function () { return __awaiter(void 0, void 0, void 0, function () {
+                        return __generator(this, function (_a) {
+                            store.setConfigOverride({ path: ['language'], value: undefined });
+                            return [2 /*return*/];
+                        });
+                    }); },
+                },
+                {
+                    type: 'dropdown',
+                    label: 'Currency',
+                    description: 'Currency used for the project',
+                    getDisplayState: function () { return 'visible'; },
+                    getOptions: function () { return [
+                        {
+                            options: [
+                                { label: 'USD', value: 'usd' },
+                                { label: 'EUR', value: 'eur' },
+                                { label: 'AUD', value: 'aud' },
+                            ],
+                        },
+                    ]; },
+                    getValue: function () {
+                        return store.overrides.config.currency || store.initial.config.currency || 'usd';
+                    },
+                    shouldShowReset: function () {
+                        // if the override differs from the initial state, show reset
+                        return typeof store.overrides.config.currency !== 'undefined';
+                    },
+                    onValueChange: function (value) { return __awaiter(void 0, void 0, void 0, function () {
+                        return __generator(this, function (_a) {
+                            store.setConfigOverride({ path: ['currency'], value: value });
+                            return [2 /*return*/];
+                        });
+                    }); },
+                    onReset: function () { return __awaiter(void 0, void 0, void 0, function () {
+                        return __generator(this, function (_a) {
+                            store.setConfigOverride({ path: ['currency'], value: undefined });
+                            return [2 /*return*/];
+                        });
+                    }); },
+                },
+            ],
+        },
+    ];
+};
+exports.configUI = configUI;

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

@@ -0,0 +1,5 @@
+export * from './configUI';
+export * from './themeUI';
+export * from './searchControllerUI';
+export * from './autocompleteControllerUI';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/Templates/Stores/TemplateEditor/uiAbstractions/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC"}

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

@@ -0,0 +1,20 @@
+"use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./configUI"), exports);
+__exportStar(require("./themeUI"), exports);
+__exportStar(require("./searchControllerUI"), exports);
+__exportStar(require("./autocompleteControllerUI"), exports);

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

@@ -0,0 +1,5 @@
+import { SearchController } from '@athoscommerce/snap-controller';
+import { AbstractionGroup } from '../../../../types';
+import { TemplateEditorStore } from '../TemplateEditorStore';
+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

@@ -0,0 +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"}

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

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.searchControllerUI = searchControllerUI;
+function searchControllerUI(store) {
+    return [
+        {
+            title: 'Result Display Options',
+            description: '',
+            collapsible: true,
+            controls: [
+                {
+                    type: 'checkbox',
+                    label: 'Infinite Scroll',
+                    description: 'Enable infinite scroll',
+                    getValue: function (controller) {
+                        var _a, _b, _c;
+                        // need to support both infinite without "enabled" (object simply exists) and with "enabled" in settings
+                        if ((_a = controller === null || controller === void 0 ? void 0 : controller.store.config.settings) === null || _a === void 0 ? void 0 : _a.infinite) {
+                            if (((_c = (_b = controller.store.config.settings) === null || _b === void 0 ? void 0 : _b.infinite) === null || _c === void 0 ? void 0 : _c.enabled) !== undefined) {
+                                return controller.store.config.settings.infinite.enabled;
+                            }
+                            return true;
+                        }
+                        return false;
+                    },
+                    shouldShowReset: function () {
+                        var _a, _b, _c, _d, _e;
+                        // if the override differs from the initial state, show reset
+                        var initialConfig = (_a = store.initial.controller.search) === null || _a === void 0 ? void 0 : _a.infinite;
+                        var initialEnabled = Boolean((initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig.enabled) !== undefined ? initialConfig.enabled : initialConfig);
+                        var overrideEnabled = Boolean(((_c = (_b = store.overrides.controller.search) === null || _b === void 0 ? void 0 : _b.infinite) === null || _c === void 0 ? void 0 : _c.enabled) !== undefined);
+                        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) {
+                        if (typeof value === 'undefined' || !controller)
+                            return;
+                        store.setControllerOverride({ path: ['infinite', 'enabled'], value: Boolean(value), controller: controller });
+                    },
+                    onReset: function (controller) {
+                        if (!controller)
+                            return;
+                        store.setControllerOverride({ path: ['infinite'], controller: controller });
+                    },
+                },
+            ],
+        },
+    ];
+}

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

@@ -0,0 +1,4 @@
+import { AbstractionGroup } from '../../../../types';
+import { TemplateEditorStore } from '../TemplateEditorStore';
+export declare function themeUI(store: TemplateEditorStore): AbstractionGroup[];
+//# sourceMappingURL=themeUI.d.ts.map

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

@@ -0,0 +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"}