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

package/dist/esm/components/src/components/Molecules/SearchInput/SearchInput.js

@@ -88,7 +88,7 @@ export const SearchInput = observer((properties) => {
         //passed in properties
         ...properties?.chatButton,
     };
-    const { placeholderText, value, submitSearchButton, closeSearchButton, clearSearchButton, chatButton, inputRef, inputName, onChange, onClick, onKeyDown, onKeyUp, disabled, disableStyles, className, internalClassName, treePath, customComponent, } = props;
+    const { placeholderText, value, submitSearchButton, closeSearchButton, clearSearchButton, chatButton, hideSubmitSearchButton, hideClearSearchButton, hideCloseSearchButton, inputRef, inputName, onChange, onClick, onKeyDown, onKeyUp, disabled, disableStyles, className, internalClassName, treePath, customComponent, } = props;
     if (customComponent) {
         const ComponentOverride = useComponent(snap?.templates?.library.import.component.searchInput || {}, customComponent);
         if (ComponentOverride) {
@@ -205,10 +205,10 @@ export const SearchInput = observer((properties) => {
     //deep merge with props.lang
     const lang = deepmerge(defaultLang, props.lang || {});
     const mergedLang = useLang(lang, {});
-    return (_jsx(CacheProvider, { children: _jsxs("div", { ...styling, className: classnames('ss__search-input', { 'ss__input--disabled': disabled }, className, internalClassName), onClick: (e) => !disabled && onClick && onClick(e), children: [closeSearchButton && _jsx(Button, { ...subProps.closeSearchButton, ...mergedLang.closeSearchButton.all }), _jsx("input", { type: "text", className: "ss__search-input__input", ...mergedLang.placeholderText.attributes, value: inputValue, name: inputName, ref: inputRef, onKeyDown: (e) => onKeyDown && onKeyDown(e), onKeyUp: (e) => onKeyUp && onKeyUp(e), onChange: (e) => {
+    return (_jsx(CacheProvider, { children: _jsxs("div", { ...styling, className: classnames('ss__search-input', { 'ss__input--disabled': disabled }, className, internalClassName), onClick: (e) => !disabled && onClick && onClick(e), children: [!hideCloseSearchButton && closeSearchButton && _jsx(Button, { ...subProps.closeSearchButton, ...mergedLang.closeSearchButton.all }), _jsx("input", { type: "text", className: "ss__search-input__input", ...mergedLang.placeholderText.attributes, value: inputValue, name: inputName, ref: inputRef, onKeyDown: (e) => onKeyDown && onKeyDown(e), onKeyUp: (e) => onKeyUp && onKeyUp(e), onChange: (e) => {
                         if (setInputValue) {
                             setInputValue(e.target.value || '');
                         }
                         onChange && onChange(e);
-                    }, disabled: disabled }), _jsxs("div", { className: "ss__search-input__icons", children: [clearSearchButton && inputValue?.length ? _jsx(Button, { ...subProps.clearSearchButton, ...mergedLang.clearSearchButton.all }) : null, chatButton ? _jsx(Button, { ...subProps.chatButton, ...mergedLang.chatButton.all }) : null, submitSearchButton && _jsx(Button, { ...subProps.submitSearchButton, ...mergedLang.submitSearchButton.all })] })] }) }));
+                    }, disabled: disabled }), _jsxs("div", { className: "ss__search-input__icons", children: [!hideClearSearchButton && clearSearchButton && inputValue?.length ? (_jsx(Button, { ...subProps.clearSearchButton, ...mergedLang.clearSearchButton.all })) : null, chatButton ? _jsx(Button, { ...subProps.chatButton, ...mergedLang.chatButton.all }) : null, !hideSubmitSearchButton && submitSearchButton && _jsx(Button, { ...subProps.submitSearchButton, ...mergedLang.submitSearchButton.all })] })] }) }));
 });

package/dist/esm/components/src/components/Molecules/TemplatesEditor/Components/AbstractedControls.js

@@ -18,11 +18,11 @@ export const AbstractedControls = observer((properties) => {
         console.warn(`No controls found for feature: ${feature}`, controlSection, controlGroups);
         return null;
     }
-    const showGroupReset = enableGroupReset && controlGroups.some((group) => group.controls.some((control) => control.shouldShowReset()));
+    const showGroupReset = enableGroupReset && controlGroups.some((group) => group.controls.some((control) => control.shouldShowReset(data)));
     const resetAll = () => {
         controlGroups.forEach((group) => {
             group.controls.forEach((control) => {
-                if (control.shouldShowReset()) {
+                if (control.shouldShowReset(data)) {
                     control.onReset(data);
                 }
             });
@@ -31,10 +31,10 @@ export const AbstractedControls = observer((properties) => {
     return (_jsxs("div", { className: "ss__template-editor__abstracted-controls", ...styling, children: [title && (_jsxs("div", { className: "control-title", children: [_jsx("h3", { children: title }), showGroupReset && (_jsx("span", { className: "reset", children: _jsx("button", { title: "Reset", onClick: () => {
                                 resetAll();
                             }, children: _jsx(Reset, {}) }) }))] })), controlGroups.map((group) => {
-                const showGroupReset = group.showReset && group.controls.some((control) => control.shouldShowReset());
+                const showGroupReset = group.showReset && group.controls.some((control) => control.shouldShowReset(data));
                 const resetGroup = () => {
                     group.controls.forEach((control) => {
-                        if (control.shouldShowReset()) {
+                        if (control.shouldShowReset(data)) {
                             control.onReset(data);
                         }
                         else {
@@ -44,7 +44,7 @@ export const AbstractedControls = observer((properties) => {
                 return (_jsxs("div", { className: "group", children: [group.title && (_jsxs("div", { className: "group-title", children: [_jsx("h4", { title: group.description, children: group.title }), showGroupReset && (_jsx("span", { className: "reset", children: showGroupReset ? (_jsx("button", { title: "Reset", onClick: () => {
                                             resetGroup();
                                         }, children: _jsx(Reset, {}) })) : null }))] })), group.controls.map((control, index) => {
-                            return (_jsx(Control, { type: control.type, label: control.label, description: control.description, showReset: control.shouldShowReset(), onChange: (value) => control.onValueChange(value, data), onReset: () => control.onReset(data), display: control.getDisplayState ? control.getDisplayState(data) : 'visible', value: control.getValue(data), options: control.getOptions ? control.getOptions(data) : [] }, index));
+                            return (_jsx(Control, { type: control.type, label: control.label, description: control.description, showReset: control.shouldShowReset(data), onChange: (value) => control.onValueChange(value, data), onReset: () => control.onReset(data), display: control.getDisplayState ? control.getDisplayState(data) : 'visible', value: control.getValue(data), options: control.getOptions ? control.getOptions(data) : [] }, index));
                         })] }, group.title));
             })] }));
 });

package/dist/esm/components/src/components/Molecules/TemplatesEditor/Components/Control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Control.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/components/Molecules/TemplatesEditor/Components/Control.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAGpH,eAAO,MAAM,OAAO,WAAoB,YAAY;;CAkGlD,CAAC;AAEH,KAAK,YAAY,GAAG;IACnB,IAAI,EAAE,iBAAiB,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,mBAAmB,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CACzC,CAAC"}
+{"version":3,"file":"Control.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/components/Molecules/TemplatesEditor/Components/Control.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAGpH,eAAO,MAAM,OAAO,WAAoB,YAAY;;CAoGlD,CAAC;AAEH,KAAK,YAAY,GAAG;IACnB,IAAI,EAAE,iBAAiB,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,mBAAmB,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CACzC,CAAC"}

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

@@ -8,36 +8,36 @@ export const Control = observer((props) => {
     useEffect(() => {
         setInputValue(value);
     }, [value]);
-    return display === 'hidden' ? null : (_jsxs("div", { className: "option checkbox", children: [_jsx("label", { children: label }), _jsx("div", { className: "reset", children: showReset ? (_jsx("button", { title: "Reset", onClick: () => {
-                        onReset();
-                    }, children: _jsx(Reset, {}) })) : null }), _jsx("div", { className: "value", title: description, children: (() => {
-                    switch (type) {
-                        case 'text': {
-                            return _jsx("input", { type: "text", value: value, onChange: (e) => onChange(e.target.value), disabled: display === 'disabled' });
+    return display === 'hidden' ? null : (_jsx("div", { className: `control ${type} ${display}`, children: _jsxs("div", { className: "option checkbox", children: [_jsx("label", { children: label }), _jsx("div", { className: "reset", children: showReset ? (_jsx("button", { title: "Reset", onClick: () => {
+                            onReset();
+                        }, children: _jsx(Reset, {}) })) : null }), _jsx("div", { className: "value", title: description, children: (() => {
+                        switch (type) {
+                            case 'text': {
+                                return _jsx("input", { type: "text", value: value, onChange: (e) => onChange(e.target.value), disabled: display === 'disabled' });
+                            }
+                            case 'number': {
+                                return (_jsx("input", { type: "number", value: value, onChange: (e) => onChange(Number(e.target.value)), disabled: display === 'disabled' }));
+                            }
+                            case 'checkbox': {
+                                return (_jsx("input", { type: "checkbox", checked: value, onChange: (e) => onChange(e.target.checked), disabled: display === 'disabled' }));
+                            }
+                            case 'dropdown': {
+                                return (_jsx("select", { onChange: (e) => onChange(e.target.value), disabled: display === 'disabled', value: value, children: options?.map((group, groupIndex) => group.group ? (_jsx("optgroup", { label: group.group, children: group.options.map((option, optionIndex) => (_jsx("option", { value: option.value, children: option.label || option.value }, `${groupIndex}-${optionIndex}`))) }, groupIndex)) : (group.options.map((option, optionIndex) => (_jsx("option", { value: option.value, children: option.label || option.value }, `${groupIndex}-${optionIndex}`))))) }));
+                            }
+                            case 'color': {
+                                return (_jsxs(_Fragment, { children: [_jsx("input", { type: "color", value: value, onChange: (e) => {
+                                                setInputValue(e.target.value);
+                                                onChange(e.target.value);
+                                            }, disabled: display === 'disabled' }), _jsx("input", { type: "text", className: isValidHexColor(inputValue) ? '' : 'invalid', value: inputValue, onChange: (e) => {
+                                                setInputValue(e.target.value);
+                                                isValidHexColor(e.target.value) && onChange(e.target.value);
+                                            }, disabled: display === 'disabled' })] }));
+                            }
+                            default: {
+                                return null;
+                            }
                         }
-                        case 'number': {
-                            return (_jsx("input", { type: "number", value: value, onChange: (e) => onChange(Number(e.target.value)), disabled: display === 'disabled' }));
-                        }
-                        case 'checkbox': {
-                            return (_jsx("input", { type: "checkbox", checked: value, onChange: (e) => onChange(e.target.checked), disabled: display === 'disabled' }));
-                        }
-                        case 'dropdown': {
-                            return (_jsx("select", { onChange: (e) => onChange(e.target.value), disabled: display === 'disabled', value: value, children: options?.map((group, groupIndex) => group.group ? (_jsx("optgroup", { label: group.group, children: group.options.map((option, optionIndex) => (_jsx("option", { value: option.value, children: option.label || option.value }, `${groupIndex}-${optionIndex}`))) }, groupIndex)) : (group.options.map((option, optionIndex) => (_jsx("option", { value: option.value, children: option.label || option.value }, `${groupIndex}-${optionIndex}`))))) }));
-                        }
-                        case 'color': {
-                            return (_jsxs(_Fragment, { children: [_jsx("input", { type: "color", value: value, onChange: (e) => {
-                                            setInputValue(e.target.value);
-                                            onChange(e.target.value);
-                                        }, disabled: display === 'disabled' }), _jsx("input", { type: "text", className: isValidHexColor(inputValue) ? '' : 'invalid', value: inputValue, onChange: (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
 const isValidHexColor = (color) => {

package/dist/esm/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/esm/components/src/components/Molecules/TemplatesEditor/TemplatesEditor.js

@@ -5,7 +5,6 @@ import { observer } from 'mobx-react-lite';
 import { CacheProvider } from '../../../providers';
 import { AthosCommerceLogo } from './Assets';
 import { AbstractedControls } from './Components/AbstractedControls';
-import { DropdownControl } from './Controls/Dropdown';
 const CSS = {
     TemplatesEditor: ({}) => css({
         display: 'flex',
@@ -290,47 +289,35 @@ const CSS = {
     }),
 };
 export const TemplatesEditor = observer((properties) => {
-    const { onRemoveClick, templatesStore, editorStore, snap } = properties;
+    const { onRemoveClick, editorStore, snap } = properties;
     const styling = {
-        css: [CSS.TemplatesEditor({ ...properties })],
+        css: [CSS.TemplatesEditor(properties)],
     };
-    return (_jsx(CacheProvider, { children: _jsxs("div", { className: classnames('ss__template-editor', { 'ss__template-editor--collapsed': editorStore.state.hidden }), ...styling, onClick: (e) => {
+    return (_jsx(CacheProvider, { children: _jsxs("div", { className: classnames('ss__template-editor', { 'ss__template-editor--collapsed': editorStore.storedState.hidden }), ...styling, onClick: (e) => {
                 e.stopPropagation();
                 editorStore.toggleHide(false);
-            }, children: [_jsxs("div", { className: "ss__template-editor__header", children: [_jsx("div", { className: 'logo', children: _jsx(AthosCommerceLogo, {}) }), _jsxs("div", { className: 'header-actions', onClick: (e) => {
+            }, children: [_jsxs("div", { className: "ss__template-editor__header", children: [_jsx("div", { className: 'logo', onClick: (e) => {
+                                e.stopPropagation();
+                                editorStore.toggleHide(false);
+                            }, children: _jsx(AthosCommerceLogo, {}) }), _jsxs("div", { className: 'header-actions', onClick: (e) => {
                                 e.preventDefault();
                                 e.stopPropagation();
                                 editorStore.toggleHide(true);
-                            }, children: [_jsx("button", { onClick: (e) => {
-                                        e.stopPropagation();
-                                        if (confirm('Closing the editor will disable modification.')) {
-                                            onRemoveClick();
-                                        }
-                                    }, children: "Close" }), _jsx("button", { onClick: () => {
-                                        editorStore.toggleHide(true);
-                                    }, children: "Hide" })] })] }), _jsxs("aside", { children: [_jsx("div", { className: "tab-selection", children: editorStore.tabs.map((tab, i) => {
-                                return (_jsx("div", { className: classnames('tab', { active: editorStore.state.activeTab === tab }), onClick: () => {
+                            }, children: [_jsx("div", { className: "", children: _jsx("button", { onClick: (e) => {
+                                            e.stopPropagation();
+                                            if (confirm('Closing the editor will disable modification.')) {
+                                                onRemoveClick();
+                                            }
+                                        }, children: "Close" }) }), _jsx("div", { className: "", children: _jsx("button", { onClick: (e) => {
+                                            e.stopPropagation();
+                                            const config = editorStore.generateTemplatesConfig();
+                                            navigator.clipboard.writeText(JSON.stringify(config, null, 4));
+                                            alert('Configuration copied to clipboard');
+                                        }, children: "Copy" }) }), _jsx("div", { className: "", children: _jsx("button", { onClick: () => {
+                                            editorStore.toggleHide(true);
+                                        }, children: "Hide" }) })] })] }), _jsxs("aside", { children: [_jsx("div", { className: "tab-selection", children: editorStore.tabs.map((tab, i) => {
+                                return (_jsx("div", { className: classnames('tab', { active: editorStore.storedState.activeTab === tab }), onClick: () => {
                                         editorStore.switchTabs(tab);
                                     }, children: tab }, i));
-                            }) }), _jsxs("div", { className: "tab-view", children: [_jsx("div", { className: "tab-view-shadow" }), _jsxs("div", { className: "tab-view-content", children: [editorStore.state.activeTab === 'templates' ? (_jsxs(_Fragment, { children: [_jsx(TemplateTargetSettings, { feature: "search", templatesStore: templatesStore }), _jsx(AbstractedControls, { editorStore: editorStore, data: snap.controllers.search, feature: "controllers/search" }), _jsx(TemplateTargetSettings, { feature: "autocomplete", templatesStore: templatesStore }), _jsx(AbstractedControls, { editorStore: editorStore, data: snap.controllers.autocomplete, feature: "controllers/autocomplete" }), _jsx(TemplateTargetSettings, { feature: "recommendation/default", templatesStore: templatesStore }), _jsx(TemplateTargetSettings, { feature: "recommendation/bundle", templatesStore: templatesStore })] })) : (''), editorStore.state.activeTab === 'configuration' ? (_jsxs(_Fragment, { children: [_jsx(AbstractedControls, { title: "Project Configuration", editorStore: editorStore, feature: "templates/config" }), _jsx(AbstractedControls, { title: "Theme Configuration", editorStore: editorStore, feature: "templates/theme" })] })) : ('')] }), _jsx("div", { className: "tab-view-shadow bottom" })] })] }), _jsx("footer", {})] }) }));
-});
-const TemplateTargetSettings = observer((props) => {
-    const { feature, templatesStore } = props;
-    const [type, recsType = ''] = feature.split('/');
-    const idPrefix = `${type}${recsType ? `-${recsType}` : ''}`;
-    const config = templatesStore.config;
-    const configTarget = config[type]?.[recsType]?.[`${recsType.charAt(0).toUpperCase() + recsType.slice(1)}`] || config[type]?.targets?.[0];
-    const libraryComponents = templatesStore.library.components;
-    const libraryTemplates = recsType ? libraryComponents[type]?.[recsType] : libraryComponents[type];
-    // const libraryResultComponents = libraryComponents?.result;
-    // const DEFAULT_RESULT_COMPONENT = 'Result';
-    const activeTarget = templatesStore.getTarget(feature, configTarget.selector);
-    const showTemplateReset = Boolean(activeTarget?.component) && activeTarget?.component !== 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 (_jsxs("div", { className: "template-target-settings", children: [_jsx("h3", { children: type.charAt(0).toUpperCase() + type.slice(1) + (recsType ? ` (${recsType})` : '') }), !recsType && (_jsxs("div", { className: "option", children: [_jsx("label", { htmlFor: `${idPrefix}-target`, children: "Target" }), _jsx("div", { className: "reset" }), _jsx("div", { className: "value", children: _jsx("input", { id: `${idPrefix}-target`, type: "text", placeholder: '', disabled: true, value: configTarget.selector }) })] })), _jsx(DropdownControl, { label: 'Template', description: '', showReset: showTemplateReset, options: Object.keys(libraryTemplates), onReset: () => activeTarget?.setComponent(configTarget?.component), disabled: false, value: activeTarget?.component, onChange: (value) => activeTarget?.setComponent(`${value}`) }, `${idPrefix}-template`)] }));
+                            }) }), _jsxs("div", { className: "tab-view", children: [_jsx("div", { className: "tab-view-shadow" }), _jsxs("div", { className: "tab-view-content", children: [editorStore.storedState.activeTab === 'templates' ? (_jsxs(_Fragment, { children: [_jsx("h1", { children: "Search" }), _jsx(AbstractedControls, { editorStore: editorStore, data: 0, feature: "targets/search" }), _jsx(AbstractedControls, { editorStore: editorStore, data: snap.controllers.search, feature: "controllers/search" }), _jsx("h1", { children: "Autocomplete" }), _jsx(AbstractedControls, { editorStore: editorStore, data: 0, feature: "targets/autocomplete" }), _jsx(AbstractedControls, { editorStore: editorStore, data: snap.controllers.autocomplete, feature: "controllers/autocomplete" })] })) : (''), editorStore.storedState.activeTab === 'configuration' ? (_jsxs(_Fragment, { children: [_jsx(AbstractedControls, { title: "Project Configuration", editorStore: editorStore, feature: "templates/config" }), _jsx(AbstractedControls, { title: "Theme Configuration", editorStore: editorStore, feature: "templates/theme" })] })) : ('')] }), _jsx("div", { className: "tab-view-shadow bottom" })] })] }), _jsx("footer", {})] }) }));
 });

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