@athoscommerce/snap-preact 1.2.3-beta.3 → 1.2.3-beta.5

package/dist/cjs/components/src/components/Molecules/TemplatesEditor/Components/Control.js

@@ -11,38 +11,38 @@ exports.Control = (0, mobx_react_lite_1.observer)(function (props) {
     (0, hooks_1.useEffect)(function () {
         setInputValue(value);
     }, [value]);
-    return display === 'hidden' ? null : ((0, jsx_runtime_1.jsxs)("div", { className: "option checkbox", children: [(0, jsx_runtime_1.jsx)("label", { children: label }), (0, jsx_runtime_1.jsx)("div", { className: "reset", children: showReset ? ((0, jsx_runtime_1.jsx)("button", { title: "Reset", onClick: function () {
-                        onReset();
-                    }, children: (0, jsx_runtime_1.jsx)(Assets_1.Reset, {}) })) : null }), (0, jsx_runtime_1.jsx)("div", { className: "value", title: description, children: (function () {
-                    switch (type) {
-                        case 'text': {
-                            return (0, jsx_runtime_1.jsx)("input", { type: "text", value: value, onChange: function (e) { return onChange(e.target.value); }, disabled: display === 'disabled' });
+    return display === 'hidden' ? null : ((0, jsx_runtime_1.jsx)("div", { className: "control ".concat(type, " ").concat(display), children: (0, jsx_runtime_1.jsxs)("div", { className: "option checkbox", children: [(0, jsx_runtime_1.jsx)("label", { children: label }), (0, jsx_runtime_1.jsx)("div", { className: "reset", children: showReset ? ((0, jsx_runtime_1.jsx)("button", { title: "Reset", onClick: function () {
+                            onReset();
+                        }, children: (0, jsx_runtime_1.jsx)(Assets_1.Reset, {}) })) : null }), (0, jsx_runtime_1.jsx)("div", { className: "value", title: description, children: (function () {
+                        switch (type) {
+                            case 'text': {
+                                return (0, jsx_runtime_1.jsx)("input", { type: "text", value: value, onChange: function (e) { return onChange(e.target.value); }, disabled: display === 'disabled' });
+                            }
+                            case 'number': {
+                                return ((0, jsx_runtime_1.jsx)("input", { type: "number", value: value, onChange: function (e) { return onChange(Number(e.target.value)); }, disabled: display === 'disabled' }));
+                            }
+                            case 'checkbox': {
+                                return ((0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: value, onChange: function (e) { return onChange(e.target.checked); }, disabled: display === 'disabled' }));
+                            }
+                            case 'dropdown': {
+                                return ((0, jsx_runtime_1.jsx)("select", { onChange: function (e) { return onChange(e.target.value); }, disabled: display === 'disabled', value: value, children: options === null || options === void 0 ? void 0 : options.map(function (group, groupIndex) {
+                                        return group.group ? ((0, jsx_runtime_1.jsx)("optgroup", { label: group.group, children: group.options.map(function (option, optionIndex) { return ((0, jsx_runtime_1.jsx)("option", { value: option.value, children: option.label || option.value }, "".concat(groupIndex, "-").concat(optionIndex))); }) }, groupIndex)) : (group.options.map(function (option, optionIndex) { return ((0, jsx_runtime_1.jsx)("option", { value: option.value, children: option.label || option.value }, "".concat(groupIndex, "-").concat(optionIndex))); }));
+                                    }) }));
+                            }
+                            case 'color': {
+                                return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { type: "color", value: value, onChange: function (e) {
+                                                setInputValue(e.target.value);
+                                                onChange(e.target.value);
+                                            }, disabled: display === 'disabled' }), (0, jsx_runtime_1.jsx)("input", { type: "text", className: isValidHexColor(inputValue) ? '' : 'invalid', value: inputValue, onChange: function (e) {
+                                                setInputValue(e.target.value);
+                                                isValidHexColor(e.target.value) && onChange(e.target.value);
+                                            }, disabled: display === 'disabled' })] }));
+                            }
+                            default: {
+                                return null;
+                            }
                         }
-                        case 'number': {
-                            return ((0, jsx_runtime_1.jsx)("input", { type: "number", value: value, onChange: function (e) { return onChange(Number(e.target.value)); }, disabled: display === 'disabled' }));
-                        }
-                        case 'checkbox': {
-                            return ((0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: value, onChange: function (e) { return onChange(e.target.checked); }, disabled: display === 'disabled' }));
-                        }
-                        case 'dropdown': {
-                            return ((0, jsx_runtime_1.jsx)("select", { onChange: function (e) { return onChange(e.target.value); }, disabled: display === 'disabled', value: value, children: options === null || options === void 0 ? void 0 : options.map(function (group, groupIndex) {
-                                    return group.group ? ((0, jsx_runtime_1.jsx)("optgroup", { label: group.group, children: group.options.map(function (option, optionIndex) { return ((0, jsx_runtime_1.jsx)("option", { value: option.value, children: option.label || option.value }, "".concat(groupIndex, "-").concat(optionIndex))); }) }, groupIndex)) : (group.options.map(function (option, optionIndex) { return ((0, jsx_runtime_1.jsx)("option", { value: option.value, children: option.label || option.value }, "".concat(groupIndex, "-").concat(optionIndex))); }));
-                                }) }));
-                        }
-                        case 'color': {
-                            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { type: "color", value: value, onChange: function (e) {
-                                            setInputValue(e.target.value);
-                                            onChange(e.target.value);
-                                        }, disabled: display === 'disabled' }), (0, jsx_runtime_1.jsx)("input", { type: "text", className: isValidHexColor(inputValue) ? '' : 'invalid', value: inputValue, onChange: function (e) {
-                                            setInputValue(e.target.value);
-                                            isValidHexColor(e.target.value) && onChange(e.target.value);
-                                        }, disabled: display === 'disabled' })] }));
-                        }
-                        default: {
-                            return null;
-                        }
-                    }
-                })() })] }));
+                    })() })] }) }));
 });
 // function to validate hex color values of the type: #333333
 var isValidHexColor = function (color) {

package/dist/cjs/components/src/components/Molecules/TemplatesEditor/TemplatesEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TemplatesEditor.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/TemplatesEditor/TemplatesEditor.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wEAAwE,CAAC;AAC7G,OAAO,EAAE,cAAc,EAAiB,MAAM,mDAAmD,CAAC;AAClG,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAsTnD,eAAO,MAAM,eAAe,gBAAyB,oBAAoB;;CAuGvE,CAAC;AAYH,MAAM,WAAW,oBAAoB;IACpC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,EAAE,cAAc,CAAC;IAC/B,WAAW,EAAE,mBAAmB,CAAC;IACjC,IAAI,EAAE,aAAa,CAAC;CACpB"}
+{"version":3,"file":"TemplatesEditor.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/TemplatesEditor/TemplatesEditor.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wEAAwE,CAAC;AAC7G,OAAO,EAAE,cAAc,EAAE,MAAM,mDAAmD,CAAC;AACnF,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAqTnD,eAAO,MAAM,eAAe,gBAAyB,oBAAoB;;CAoIvE,CAAC;AAYH,MAAM,WAAW,oBAAoB;IACpC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,EAAE,cAAc,CAAC;IAC/B,WAAW,EAAE,mBAAmB,CAAC;IACjC,IAAI,EAAE,aAAa,CAAC;CACpB"}

package/dist/cjs/components/src/components/Molecules/TemplatesEditor/TemplatesEditor.js

@@ -22,7 +22,6 @@ var mobx_react_lite_1 = require("mobx-react-lite");
 var providers_1 = require("../../../providers");
 var Assets_1 = require("./Assets");
 var AbstractedControls_1 = require("./Components/AbstractedControls");
-var Dropdown_1 = require("./Controls/Dropdown");
 var CSS = {
     TemplatesEditor: function (_a) {
         return (0, react_1.css)({
@@ -309,48 +308,35 @@ var CSS = {
     },
 };
 exports.TemplatesEditor = (0, mobx_react_lite_1.observer)(function (properties) {
-    var onRemoveClick = properties.onRemoveClick, templatesStore = properties.templatesStore, editorStore = properties.editorStore, snap = properties.snap;
+    var onRemoveClick = properties.onRemoveClick, editorStore = properties.editorStore, snap = properties.snap;
     var styling = {
-        css: [CSS.TemplatesEditor(__assign({}, properties))],
+        css: [CSS.TemplatesEditor(properties)],
     };
-    return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)('ss__template-editor', { 'ss__template-editor--collapsed': editorStore.state.hidden }) }, styling, { onClick: function (e) {
+    return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)('ss__template-editor', { 'ss__template-editor--collapsed': editorStore.storedState.hidden }) }, styling, { onClick: function (e) {
                 e.stopPropagation();
                 editorStore.toggleHide(false);
-            }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "ss__template-editor__header", children: [(0, jsx_runtime_1.jsx)("div", { className: 'logo', children: (0, jsx_runtime_1.jsx)(Assets_1.AthosCommerceLogo, {}) }), (0, jsx_runtime_1.jsxs)("div", { className: 'header-actions', onClick: function (e) {
+            }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "ss__template-editor__header", children: [(0, jsx_runtime_1.jsx)("div", { className: 'logo', onClick: function (e) {
+                                e.stopPropagation();
+                                editorStore.toggleHide(false);
+                            }, children: (0, jsx_runtime_1.jsx)(Assets_1.AthosCommerceLogo, {}) }), (0, jsx_runtime_1.jsxs)("div", { className: 'header-actions', onClick: function (e) {
                                 e.preventDefault();
                                 e.stopPropagation();
                                 editorStore.toggleHide(true);
-                            }, children: [(0, jsx_runtime_1.jsx)("button", { onClick: function (e) {
-                                        e.stopPropagation();
-                                        if (confirm('Closing the editor will disable modification.')) {
-                                            onRemoveClick();
-                                        }
-                                    }, children: "Close" }), (0, jsx_runtime_1.jsx)("button", { onClick: function () {
-                                        editorStore.toggleHide(true);
-                                    }, children: "Hide" })] })] }), (0, jsx_runtime_1.jsxs)("aside", { children: [(0, jsx_runtime_1.jsx)("div", { className: "tab-selection", children: editorStore.tabs.map(function (tab, i) {
-                                return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('tab', { active: editorStore.state.activeTab === tab }), onClick: function () {
+                            }, children: [(0, jsx_runtime_1.jsx)("div", { className: "", children: (0, jsx_runtime_1.jsx)("button", { onClick: function (e) {
+                                            e.stopPropagation();
+                                            if (confirm('Closing the editor will disable modification.')) {
+                                                onRemoveClick();
+                                            }
+                                        }, children: "Close" }) }), (0, jsx_runtime_1.jsx)("div", { className: "", children: (0, jsx_runtime_1.jsx)("button", { onClick: function (e) {
+                                            e.stopPropagation();
+                                            var config = editorStore.generateTemplatesConfig();
+                                            navigator.clipboard.writeText(JSON.stringify(config, null, 4));
+                                            alert('Configuration copied to clipboard');
+                                        }, children: "Copy" }) }), (0, jsx_runtime_1.jsx)("div", { className: "", children: (0, jsx_runtime_1.jsx)("button", { onClick: function () {
+                                            editorStore.toggleHide(true);
+                                        }, children: "Hide" }) })] })] }), (0, jsx_runtime_1.jsxs)("aside", { children: [(0, jsx_runtime_1.jsx)("div", { className: "tab-selection", children: editorStore.tabs.map(function (tab, i) {
+                                return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('tab', { active: editorStore.storedState.activeTab === tab }), onClick: function () {
                                         editorStore.switchTabs(tab);
                                     }, children: tab }, i));
-                            }) }), (0, jsx_runtime_1.jsxs)("div", { className: "tab-view", children: [(0, jsx_runtime_1.jsx)("div", { className: "tab-view-shadow" }), (0, jsx_runtime_1.jsxs)("div", { className: "tab-view-content", children: [editorStore.state.activeTab === 'templates' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TemplateTargetSettings, { feature: "search", templatesStore: templatesStore }), (0, jsx_runtime_1.jsx)(AbstractedControls_1.AbstractedControls, { editorStore: editorStore, data: snap.controllers.search, feature: "controllers/search" }), (0, jsx_runtime_1.jsx)(TemplateTargetSettings, { feature: "autocomplete", templatesStore: templatesStore }), (0, jsx_runtime_1.jsx)(AbstractedControls_1.AbstractedControls, { editorStore: editorStore, data: snap.controllers.autocomplete, feature: "controllers/autocomplete" }), (0, jsx_runtime_1.jsx)(TemplateTargetSettings, { feature: "recommendation/default", templatesStore: templatesStore }), (0, jsx_runtime_1.jsx)(TemplateTargetSettings, { feature: "recommendation/bundle", templatesStore: templatesStore })] })) : (''), editorStore.state.activeTab === 'configuration' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(AbstractedControls_1.AbstractedControls, { title: "Project Configuration", editorStore: editorStore, feature: "templates/config" }), (0, jsx_runtime_1.jsx)(AbstractedControls_1.AbstractedControls, { title: "Theme Configuration", editorStore: editorStore, feature: "templates/theme" })] })) : ('')] }), (0, jsx_runtime_1.jsx)("div", { className: "tab-view-shadow bottom" })] })] }), (0, jsx_runtime_1.jsx)("footer", {})] })) }));
-});
-var TemplateTargetSettings = (0, mobx_react_lite_1.observer)(function (props) {
-    var _a, _b, _c, _d, _e;
-    var feature = props.feature, templatesStore = props.templatesStore;
-    var _f = feature.split('/'), type = _f[0], _g = _f[1], recsType = _g === void 0 ? '' : _g;
-    var idPrefix = "".concat(type).concat(recsType ? "-".concat(recsType) : '');
-    var config = templatesStore.config;
-    var configTarget = ((_b = (_a = config[type]) === null || _a === void 0 ? void 0 : _a[recsType]) === null || _b === void 0 ? void 0 : _b["".concat(recsType.charAt(0).toUpperCase() + recsType.slice(1))]) || ((_d = (_c = config[type]) === null || _c === void 0 ? void 0 : _c.targets) === null || _d === void 0 ? void 0 : _d[0]);
-    var libraryComponents = templatesStore.library.components;
-    var libraryTemplates = recsType ? (_e = libraryComponents[type]) === null || _e === void 0 ? void 0 : _e[recsType] : libraryComponents[type];
-    // const libraryResultComponents = libraryComponents?.result;
-    // const DEFAULT_RESULT_COMPONENT = 'Result';
-    var activeTarget = templatesStore.getTarget(feature, configTarget.selector);
-    var showTemplateReset = Boolean(activeTarget === null || activeTarget === void 0 ? void 0 : activeTarget.component) && (activeTarget === null || activeTarget === void 0 ? void 0 : activeTarget.component) !== (configTarget === null || configTarget === void 0 ? void 0 : configTarget.component);
-    // const firstLetterOfComponent = configTarget.component.charAt(0).toLowerCase();
-    // const restOfComponent = configTarget.component.slice(1);
-    // const camelCaseComponent = firstLetterOfComponent + restOfComponent;
-    // const currentTargetActiveResultComponent = config?.theme?.overrides[`${camelCaseComponent} result`]?.customComponent || config?.theme?.overrides[`result`]?.customComponent || DEFAULT_RESULT_COMPONENT;
-    // const showResultTemplateReset =
-    // 	(currentTargetActiveResultComponent || DEFAULT_RESULT_COMPONENT) != (currentTargetActiveResultComponent ||DEFAULT_RESULT_COMPONENT);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "template-target-settings", children: [(0, jsx_runtime_1.jsx)("h3", { children: type.charAt(0).toUpperCase() + type.slice(1) + (recsType ? " (".concat(recsType, ")") : '') }), !recsType && ((0, jsx_runtime_1.jsxs)("div", { className: "option", children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: "".concat(idPrefix, "-target"), children: "Target" }), (0, jsx_runtime_1.jsx)("div", { className: "reset" }), (0, jsx_runtime_1.jsx)("div", { className: "value", children: (0, jsx_runtime_1.jsx)("input", { id: "".concat(idPrefix, "-target"), type: "text", placeholder: '', disabled: true, value: configTarget.selector }) })] })), (0, jsx_runtime_1.jsx)(Dropdown_1.DropdownControl, { label: 'Template', description: '', showReset: showTemplateReset, options: Object.keys(libraryTemplates), onReset: function () { return activeTarget === null || activeTarget === void 0 ? void 0 : activeTarget.setComponent(configTarget === null || configTarget === void 0 ? void 0 : configTarget.component); }, disabled: false, value: activeTarget === null || activeTarget === void 0 ? void 0 : activeTarget.component, onChange: function (value) { return activeTarget === null || activeTarget === void 0 ? void 0 : activeTarget.setComponent("".concat(value)); } }, "".concat(idPrefix, "-template"))] }));
+                            }) }), (0, jsx_runtime_1.jsxs)("div", { className: "tab-view", children: [(0, jsx_runtime_1.jsx)("div", { className: "tab-view-shadow" }), (0, jsx_runtime_1.jsxs)("div", { className: "tab-view-content", children: [editorStore.storedState.activeTab === 'templates' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h1", { children: "Search" }), (0, jsx_runtime_1.jsx)(AbstractedControls_1.AbstractedControls, { editorStore: editorStore, data: 0, feature: "targets/search" }), (0, jsx_runtime_1.jsx)(AbstractedControls_1.AbstractedControls, { editorStore: editorStore, data: snap.controllers.search, feature: "controllers/search" }), (0, jsx_runtime_1.jsx)("h1", { children: "Autocomplete" }), (0, jsx_runtime_1.jsx)(AbstractedControls_1.AbstractedControls, { editorStore: editorStore, data: 0, feature: "targets/autocomplete" }), (0, jsx_runtime_1.jsx)(AbstractedControls_1.AbstractedControls, { editorStore: editorStore, data: snap.controllers.autocomplete, feature: "controllers/autocomplete" })] })) : (''), editorStore.storedState.activeTab === 'configuration' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(AbstractedControls_1.AbstractedControls, { title: "Project Configuration", editorStore: editorStore, feature: "templates/config" }), (0, jsx_runtime_1.jsx)(AbstractedControls_1.AbstractedControls, { title: "Theme Configuration", editorStore: editorStore, feature: "templates/theme" })] })) : ('')] }), (0, jsx_runtime_1.jsx)("div", { className: "tab-view-shadow bottom" })] })] }), (0, jsx_runtime_1.jsx)("footer", {})] })) }));
 });

package/dist/cjs/components/src/components/Organisms/Chat/Chat.d.ts

@@ -10,5 +10,13 @@ export interface ChatProps extends ComponentProps {
     subtitle?: string;
     offset?: string | number;
     multiselectFacets?: boolean;
+    disableBubbleSuggestedQuestions?: boolean;
+    primaryColorBg?: string;
+    primaryColorFg?: string;
+    primaryAccentColorBg?: string;
+    primaryAccentColorFg?: string;
+    secondaryAccentColorBg?: string;
+    secondaryAccentColorFg?: string;
+    position?: 'left' | 'right';
 }
 //# sourceMappingURL=Chat.d.ts.map

package/dist/cjs/components/src/components/Organisms/Chat/Chat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Chat/Chat.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAwgCrE,eAAO,MAAM,IAAI,gBAAyB,SAAS,KAAG,GAAG,CAAC,OAAO;;CAwwC/D,CAAC;AAEH,MAAM,WAAW,SAAU,SAAQ,cAAc;IAChD,UAAU,EAAE,cAAc,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC5B"}
+{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Chat/Chat.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAuoCrE,eAAO,MAAM,IAAI,gBAAyB,SAAS,KAAG,GAAG,CAAC,OAAO;;CAo/C/D,CAAC;AAEH,MAAM,WAAW,SAAU,SAAQ,cAAc;IAChD,UAAU,EAAE,cAAc,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC5B"}