@memori.ai/memori-react 6.1.2 → 6.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/components/MemoriWidget/MemoriWidget.js +1 -1
  3. package/dist/components/SettingsDrawer/SettingsDrawer.css +12 -0
  4. package/dist/components/SettingsDrawer/SettingsDrawer.js +2 -2
  5. package/dist/components/SettingsDrawer/SettingsDrawer.js.map +1 -1
  6. package/dist/components/ui/Drawer.css +4 -2
  7. package/dist/components/ui/Drawer.js +1 -1
  8. package/dist/components/ui/Drawer.js.map +1 -1
  9. package/dist/styles.css +2 -2
  10. package/esm/components/MemoriWidget/MemoriWidget.js +1 -1
  11. package/esm/components/SettingsDrawer/SettingsDrawer.css +12 -0
  12. package/esm/components/SettingsDrawer/SettingsDrawer.js +2 -2
  13. package/esm/components/SettingsDrawer/SettingsDrawer.js.map +1 -1
  14. package/esm/components/ui/Drawer.css +4 -2
  15. package/esm/components/ui/Drawer.js +1 -1
  16. package/esm/components/ui/Drawer.js.map +1 -1
  17. package/esm/styles.css +2 -2
  18. package/package.json +2 -2
  19. package/src/components/MemoriWidget/MemoriWidget.tsx +1 -1
  20. package/src/components/SettingsDrawer/SettingsDrawer.css +12 -0
  21. package/src/components/SettingsDrawer/SettingsDrawer.tsx +8 -4
  22. package/src/components/layouts/__snapshots__/Chat.test.tsx.snap +1 -1
  23. package/src/components/layouts/__snapshots__/FullPage.test.tsx.snap +1 -1
  24. package/src/components/layouts/__snapshots__/Totem.test.tsx.snap +1 -1
  25. package/src/components/ui/Drawer.css +4 -2
  26. package/src/components/ui/Drawer.tsx +2 -2
  27. package/src/styles.css +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,25 @@
1
1
 
2
2
 
3
+ ## [6.1.4](https://github.com/memori-ai/memori-react/compare/v6.1.3...v6.1.4) (2024-03-28)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * drawer mobile width ([0973105](https://github.com/memori-ai/memori-react/commit/0973105012e00f3acff89d07d3c4660e9af4554b))
9
+
10
+ ## [6.1.3](https://github.com/memori-ai/memori-react/compare/v6.1.2...v6.1.3) (2024-03-25)
11
+
12
+
13
+ ### Bug Fixes
14
+
15
+ * apply integration css vars customizations to modals and drawers ([3ce73b2](https://github.com/memori-ai/memori-react/commit/3ce73b29208df84f124de5df4c58a147309295ff))
16
+ * settings drawer css enhancements ([dc95406](https://github.com/memori-ai/memori-react/commit/dc95406cc60dffba386d032d2ce6cab5efa3f220))
17
+
18
+
19
+ ### Maintenance
20
+
21
+ * update api client ([4efa1b2](https://github.com/memori-ai/memori-react/commit/4efa1b2b21c63e730ccbb71d7522809c09cddfa2))
22
+
3
23
  ## [6.1.2](https://github.com/memori-ai/memori-react/compare/v6.1.1...v6.1.2) (2024-03-19)
4
24
 
5
25
 
package/dist/components/MemoriWidget/MemoriWidget.js CHANGED
@@ -1404,7 +1404,7 @@ const MemoriWidget = ({ memori, memoriConfigs, memoriLang, multilingual, integra
1404
1404
  ? '#preview,'
1405
1405
  : selectedLayout === 'WEBSITE_ASSISTANT'
1406
1406
  ? ''
1407
- : ':root,'} .memori-widget {
1407
+ : ':root,'} .memori-widget, .memori-drawer, .memori-modal {
1408
1408
  ${Object.entries(integrationProperties)
1409
1409
  .map(([key, value]) => `${key}: ${value};`)
1410
1410
  .join('\n')}
package/dist/components/SettingsDrawer/SettingsDrawer.css CHANGED
@@ -3,3 +3,15 @@
3
3
  flex-direction: column;
4
4
  margin: 0.5rem 0 1.5rem;
5
5
  }
6
+
7
+ .memori-settings-drawer .memori-settings-drawer--field .memori-select--value {
8
+ color: #000;
9
+ }
10
+
11
+ .memori-settings-drawer--controlsposition-radio,
12
+ .memori-settings-drawer--microphoneMode-radio {
13
+ display: flex;
14
+ flex-wrap: wrap;
15
+ align-items: center;
16
+ margin: 0.5rem 0;
17
+ }
package/dist/components/SettingsDrawer/SettingsDrawer.js CHANGED
@@ -16,14 +16,14 @@ const SettingsDrawer = ({ open, layout = 'DEFAULT', onClose, microphoneMode = 'H
16
16
  let micMode = value === 'CONTINUOUS' ? 'CONTINUOUS' : 'HOLD_TO_TALK';
17
17
  setMicrophoneMode(micMode);
18
18
  (0, configuration_1.setLocalConfig)('microphoneMode', micMode);
19
- }, children: [(0, jsx_runtime_1.jsx)(react_1.RadioGroup.Option, { value: "HOLD_TO_TALK", className: "memori-settings-drawer--microphoneMode-radio-button", children: ({ checked }) => ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: checked, children: t('write_and_speak.holdToSpeak') || 'Hold to speak' })) }), (0, jsx_runtime_1.jsx)(react_1.RadioGroup.Option, { value: "CONTINUOUS", className: "memori-settings-drawer--microphoneMode-radio-button", children: ({ checked }) => ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: checked, children: t('write_and_speak.continuousSpeechLabel') ||
19
+ }, children: [(0, jsx_runtime_1.jsx)(react_1.RadioGroup.Option, { value: "HOLD_TO_TALK", className: "memori-settings-drawer--microphoneMode-radio-button", children: ({ checked }) => ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: checked, outlined: !checked, children: t('write_and_speak.holdToSpeak') || 'Hold to speak' })) }), (0, jsx_runtime_1.jsx)(react_1.RadioGroup.Option, { value: "CONTINUOUS", className: "memori-settings-drawer--microphoneMode-radio-button", children: ({ checked }) => ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: checked, outlined: !checked, children: t('write_and_speak.continuousSpeechLabel') ||
20
20
  'Continuous speech' })) })] })] }), microphoneMode === 'CONTINUOUS' && ((0, jsx_runtime_1.jsx)("div", { className: "memori-settings-drawer--field", children: (0, jsx_runtime_1.jsx)(Select_1.default, { label: t('write_and_speak.secondsLabel') || 'Seconds', placeholder: t('write_and_speak.secondsLabel') || 'Seconds', options: silenceSeconds.map(s => ({ value: s, label: s })), value: continuousSpeechTimeout, onChange: value => {
21
21
  setContinuousSpeechTimeout(value);
22
22
  (0, configuration_1.setLocalConfig)('continuousSpeechTimeout', value);
23
23
  } }) })), layout === 'TOTEM' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori-settings-drawer--field controls", children: [(0, jsx_runtime_1.jsxs)("label", { htmlFor: "#controlsPosition", children: [t('write_and_speak.controlsPosition') || 'Controls', ":"] }), (0, jsx_runtime_1.jsxs)(react_1.RadioGroup, { id: "controlsPosition", name: "controlsPosition", value: controlsPosition, defaultValue: controlsPosition, className: "memori-settings-drawer--controlsposition-radio", onChange: value => {
24
24
  setControlsPosition(value);
25
25
  (0, configuration_1.setLocalConfig)('controlsPosition', value);
26
- }, children: [(0, jsx_runtime_1.jsx)(react_1.RadioGroup.Option, { value: "center", className: "memori-settings-drawer--controlsposition-radio-button", children: ({ checked }) => ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: checked, children: t('center') || 'Center' })) }), (0, jsx_runtime_1.jsx)(react_1.RadioGroup.Option, { value: "bottom", className: "memori-settings-drawer--controlsposition-radio-button", children: ({ checked }) => ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: checked, children: t('bottom') || 'Bottom' })) })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "memori-settings-drawer--field", children: (0, jsx_runtime_1.jsx)(Checkbox_1.default, { label: t('write_and_speak.hideEmissionsLabel') || 'Hide emissions', name: "hideControls", checked: hideEmissions, onChange: e => {
26
+ }, children: [(0, jsx_runtime_1.jsx)(react_1.RadioGroup.Option, { value: "center", className: "memori-settings-drawer--controlsposition-radio-button", children: ({ checked }) => ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: checked, outlined: !checked, children: t('center') || 'Center' })) }), (0, jsx_runtime_1.jsx)(react_1.RadioGroup.Option, { value: "bottom", className: "memori-settings-drawer--controlsposition-radio-button", children: ({ checked }) => ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: checked, outlined: !checked, children: t('bottom') || 'Bottom' })) })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "memori-settings-drawer--field", children: (0, jsx_runtime_1.jsx)(Checkbox_1.default, { label: t('write_and_speak.hideEmissionsLabel') || 'Hide emissions', name: "hideControls", checked: hideEmissions, onChange: e => {
27
27
  setHideEmissions(e.target.checked);
28
28
  (0, configuration_1.setLocalConfig)('hideEmissions', e.target.checked);
29
29
  } }) })] })), additionalSettings && ((0, jsx_runtime_1.jsx)("div", { className: "memori-settings-drawer--field controls", children: additionalSettings }))] }));
package/dist/components/SettingsDrawer/SettingsDrawer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SettingsDrawer.js","sourceRoot":"","sources":["../../../src/components/SettingsDrawer/SettingsDrawer.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"SettingsDrawer.js","sourceRoot":"","sources":["../../../src/components/SettingsDrawer/SettingsDrawer.tsx"],"names":[],"mappings":"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"}
package/dist/components/ui/Drawer.css CHANGED
@@ -33,6 +33,7 @@
33
33
  .memori-drawer--panel {
34
34
  position: relative;
35
35
  width: var(--memori-drawer--width, 100%);
36
+ max-width: 80vw;
36
37
  height: 100%;
37
38
  min-height: 100vh;
38
39
  box-sizing: border-box;
@@ -46,6 +47,7 @@
46
47
  @media (min-width: 768px) {
47
48
  .memori-drawer--panel {
48
49
  width: var(--memori-drawer--width--md, 80%);
50
+ max-width: none;
49
51
  padding-top: 1.5rem;
50
52
  padding-right: 2rem;
51
53
  padding-left: 2rem;
@@ -173,6 +175,6 @@ h2.memori-drawer--title {
173
175
  max-width: 0;
174
176
  }
175
177
 
176
- .max-w-100 {
177
- max-width: 100%;
178
+ .max-w-80 {
179
+ max-width: 80%;
178
180
  }
package/dist/components/ui/Drawer.js CHANGED
@@ -8,7 +8,7 @@ const Spin_1 = tslib_1.__importDefault(require("./Spin"));
8
8
  const Button_1 = tslib_1.__importDefault(require("./Button"));
9
9
  const Close_1 = tslib_1.__importDefault(require("../icons/Close"));
10
10
  const classnames_1 = tslib_1.__importDefault(require("classnames"));
11
- const Drawer = ({ open = false, onClose, className, title, description, children, footer, loading = false, side = 'right', closable = true, width = '100%', widthMd = '80%', widthLg = '60%', }) => ((0, jsx_runtime_1.jsx)(react_2.Transition, { appear: true, show: open, as: react_1.default.Fragment, children: (0, jsx_runtime_1.jsxs)(react_2.Dialog, { open: open, onClose: onClose, className: (0, classnames_1.default)('memori-drawer', className), children: [(0, jsx_runtime_1.jsx)(react_2.Transition.Child, { as: react_1.default.Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0", enterTo: "opacity-100", leave: "ease-in duration-200", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: (0, jsx_runtime_1.jsx)("div", { className: "memori-drawer--backdrop" }) }), (0, jsx_runtime_1.jsx)("div", { className: "memori-drawer--container", children: (0, jsx_runtime_1.jsx)("div", { className: "memori-drawer--container-scrollable", children: (0, jsx_runtime_1.jsx)(react_2.Transition.Child, { as: react_1.default.Fragment, enter: "ease-out duration-300", enterFrom: "max-w-0 opacity-0", enterTo: "max-w-100 opacity-100", leave: "ease-in duration-200", leaveFrom: "max-w-100 opacity-100", leaveTo: "max-w-0 opacity-0", children: (0, jsx_runtime_1.jsxs)(react_2.Dialog.Panel, { className: (0, classnames_1.default)('memori-drawer--panel', {
11
+ const Drawer = ({ open = false, onClose, className, title, description, children, footer, loading = false, side = 'right', closable = true, width = '100%', widthMd = '80%', widthLg = '60%', }) => ((0, jsx_runtime_1.jsx)(react_2.Transition, { appear: true, show: open, as: react_1.default.Fragment, children: (0, jsx_runtime_1.jsxs)(react_2.Dialog, { open: open, onClose: onClose, className: (0, classnames_1.default)('memori-drawer', className), children: [(0, jsx_runtime_1.jsx)(react_2.Transition.Child, { as: react_1.default.Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0", enterTo: "opacity-100", leave: "ease-in duration-200", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: (0, jsx_runtime_1.jsx)("div", { className: "memori-drawer--backdrop" }) }), (0, jsx_runtime_1.jsx)("div", { className: "memori-drawer--container", children: (0, jsx_runtime_1.jsx)("div", { className: "memori-drawer--container-scrollable", children: (0, jsx_runtime_1.jsx)(react_2.Transition.Child, { as: react_1.default.Fragment, enter: "ease-out duration-300", enterFrom: "max-w-0 opacity-0", enterTo: "max-w-80 opacity-100", leave: "ease-in duration-200", leaveFrom: "max-w-80 opacity-100", leaveTo: "max-w-0 opacity-0", children: (0, jsx_runtime_1.jsxs)(react_2.Dialog.Panel, { className: (0, classnames_1.default)('memori-drawer--panel', {
12
12
  'memori-drawer--panel-left': side === 'left',
13
13
  'memori-drawer--with-footer': !!footer,
14
14
  }), children: [(0, jsx_runtime_1.jsx)("style", { dangerouslySetInnerHTML: {
package/dist/components/ui/Drawer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/ui/Drawer.tsx"],"names":[],"mappings":";;;;AAAA,0DAAkC;AAClC,6CAAuD;AACvD,0DAA0B;AAC1B,8DAA8B;AAC9B,mEAAmC;AACnC,oEAA4B;AAkB5B,MAAM,MAAM,GAAc,CAAC,EACzB,IAAI,GAAG,KAAK,EACZ,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,OAAO,EACd,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,MAAM,EACd,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,GACT,EAAE,EAAE,CAAC,CACX,uBAAC,kBAAU,IAAC,MAAM,QAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,eAAK,CAAC,QAAQ,YAC/C,wBAAC,cAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,oBAAE,EAAC,eAAe,EAAE,SAAS,CAAC,aAEzC,uBAAC,kBAAU,CAAC,KAAK,IACf,EAAE,EAAE,eAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,WAAW,EACrB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,WAAW,YAEnB,gCAAK,SAAS,EAAC,yBAAyB,GAAG,GAC1B,EACnB,gCAAK,SAAS,EAAC,0BAA0B,YACvC,gCAAK,SAAS,EAAC,qCAAqC,YAClD,uBAAC,kBAAU,CAAC,KAAK,IACf,EAAE,EAAE,eAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAC,uBAAuB,EAC/B,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAC,mBAAmB,YAE3B,wBAAC,cAAM,CAAC,KAAK,IACX,SAAS,EAAE,IAAA,oBAAE,EAAC,sBAAsB,EAAE;gCACpC,2BAA2B,EAAE,IAAI,KAAK,MAAM;gCAC5C,4BAA4B,EAAE,CAAC,CAAC,MAAM;6BACvC,CAAC,aAEF,kCACE,uBAAuB,EAAE;wCACvB,MAAM,EAAE;;gDAEsB,KAAK;mDACF,OAAO;mDACP,OAAO;;mBAEvC;qCACF,GACD,EACD,QAAQ,IAAI,CACX,gCAAK,SAAS,EAAC,sBAAsB,YACnC,uBAAC,gBAAM,IACL,KAAK,EAAC,QAAQ,EACd,QAAQ,QACR,IAAI,EAAE,uBAAC,eAAK,KAAG,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAC7B,GACE,CACP,EACD,wBAAC,cAAI,IAAC,QAAQ,EAAE,OAAO,aACpB,KAAK,IAAI,CACR,uBAAC,cAAM,CAAC,KAAK,IAAC,SAAS,EAAC,sBAAsB,YAC3C,KAAK,GACO,CAChB,EACA,WAAW,IAAI,CACd,uBAAC,cAAM,CAAC,WAAW,IAAC,SAAS,EAAC,4BAA4B,YACvD,WAAW,GACO,CACtB,EAEA,QAAQ,EAER,MAAM,IAAI,CACT,gCAAK,SAAS,EAAC,uBAAuB,YAAE,MAAM,GAAO,CACtD,IACI,IACM,GACE,GACf,GACF,IACC,GACE,CACd,CAAC;AAEF,kBAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/ui/Drawer.tsx"],"names":[],"mappings":";;;;AAAA,0DAAkC;AAClC,6CAAuD;AACvD,0DAA0B;AAC1B,8DAA8B;AAC9B,mEAAmC;AACnC,oEAA4B;AAkB5B,MAAM,MAAM,GAAc,CAAC,EACzB,IAAI,GAAG,KAAK,EACZ,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,OAAO,EACd,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,MAAM,EACd,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,GACT,EAAE,EAAE,CAAC,CACX,uBAAC,kBAAU,IAAC,MAAM,QAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,eAAK,CAAC,QAAQ,YAC/C,wBAAC,cAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,oBAAE,EAAC,eAAe,EAAE,SAAS,CAAC,aAEzC,uBAAC,kBAAU,CAAC,KAAK,IACf,EAAE,EAAE,eAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,WAAW,EACrB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,WAAW,YAEnB,gCAAK,SAAS,EAAC,yBAAyB,GAAG,GAC1B,EACnB,gCAAK,SAAS,EAAC,0BAA0B,YACvC,gCAAK,SAAS,EAAC,qCAAqC,YAClD,uBAAC,kBAAU,CAAC,KAAK,IACf,EAAE,EAAE,eAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAC,sBAAsB,EAC9B,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAC,mBAAmB,YAE3B,wBAAC,cAAM,CAAC,KAAK,IACX,SAAS,EAAE,IAAA,oBAAE,EAAC,sBAAsB,EAAE;gCACpC,2BAA2B,EAAE,IAAI,KAAK,MAAM;gCAC5C,4BAA4B,EAAE,CAAC,CAAC,MAAM;6BACvC,CAAC,aAEF,kCACE,uBAAuB,EAAE;wCACvB,MAAM,EAAE;;gDAEsB,KAAK;mDACF,OAAO;mDACP,OAAO;;mBAEvC;qCACF,GACD,EACD,QAAQ,IAAI,CACX,gCAAK,SAAS,EAAC,sBAAsB,YACnC,uBAAC,gBAAM,IACL,KAAK,EAAC,QAAQ,EACd,QAAQ,QACR,IAAI,EAAE,uBAAC,eAAK,KAAG,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAC7B,GACE,CACP,EACD,wBAAC,cAAI,IAAC,QAAQ,EAAE,OAAO,aACpB,KAAK,IAAI,CACR,uBAAC,cAAM,CAAC,KAAK,IAAC,SAAS,EAAC,sBAAsB,YAC3C,KAAK,GACO,CAChB,EACA,WAAW,IAAI,CACd,uBAAC,cAAM,CAAC,WAAW,IAAC,SAAS,EAAC,4BAA4B,YACvD,WAAW,GACO,CACtB,EAEA,QAAQ,EAER,MAAM,IAAI,CACT,gCAAK,SAAS,EAAC,uBAAuB,YAAE,MAAM,GAAO,CACtD,IACI,IACM,GACE,GACf,GACF,IACC,GACE,CACd,CAAC;AAEF,kBAAe,MAAM,CAAC"}
package/dist/styles.css CHANGED
@@ -82,10 +82,10 @@ body.sb-show-main #root,
82
82
  --memori-button-radius: 5px;
83
83
  --memori-button-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
84
84
  --memori-blur-background: 0px;
85
- --memori-drawer--width: 100%;
85
+ --memori-drawer--width: 80%;
86
86
  --memori-drawer--width--md: 80%;
87
87
  --memori-drawer--width--lg: 60%;
88
- --memori-modal--width: 100%;
88
+ --memori-modal--width: 80%;
89
89
  --memori-modal--width--md: 80%;
90
90
  --memori-error-color: #ff4d4f;
91
91
  --memori-warning-color: #faad14;
package/esm/components/MemoriWidget/MemoriWidget.js CHANGED
@@ -1401,7 +1401,7 @@ const MemoriWidget = ({ memori, memoriConfigs, memoriLang, multilingual, integra
1401
1401
  ? '#preview,'
1402
1402
  : selectedLayout === 'WEBSITE_ASSISTANT'
1403
1403
  ? ''
1404
- : ':root,'} .memori-widget {
1404
+ : ':root,'} .memori-widget, .memori-drawer, .memori-modal {
1405
1405
  ${Object.entries(integrationProperties)
1406
1406
  .map(([key, value]) => `${key}: ${value};`)
1407
1407
  .join('\n')}
package/esm/components/SettingsDrawer/SettingsDrawer.css CHANGED
@@ -3,3 +3,15 @@
3
3
  flex-direction: column;
4
4
  margin: 0.5rem 0 1.5rem;
5
5
  }
6
+
7
+ .memori-settings-drawer .memori-settings-drawer--field .memori-select--value {
8
+ color: #000;
9
+ }
10
+
11
+ .memori-settings-drawer--controlsposition-radio,
12
+ .memori-settings-drawer--microphoneMode-radio {
13
+ display: flex;
14
+ flex-wrap: wrap;
15
+ align-items: center;
16
+ margin: 0.5rem 0;
17
+ }
package/esm/components/SettingsDrawer/SettingsDrawer.js CHANGED
@@ -13,14 +13,14 @@ const SettingsDrawer = ({ open, layout = 'DEFAULT', onClose, microphoneMode = 'H
13
13
  let micMode = value === 'CONTINUOUS' ? 'CONTINUOUS' : 'HOLD_TO_TALK';
14
14
  setMicrophoneMode(micMode);
15
15
  setLocalConfig('microphoneMode', micMode);
16
- }, children: [_jsx(RadioGroup.Option, { value: "HOLD_TO_TALK", className: "memori-settings-drawer--microphoneMode-radio-button", children: ({ checked }) => (_jsx(Button, { primary: checked, children: t('write_and_speak.holdToSpeak') || 'Hold to speak' })) }), _jsx(RadioGroup.Option, { value: "CONTINUOUS", className: "memori-settings-drawer--microphoneMode-radio-button", children: ({ checked }) => (_jsx(Button, { primary: checked, children: t('write_and_speak.continuousSpeechLabel') ||
16
+ }, children: [_jsx(RadioGroup.Option, { value: "HOLD_TO_TALK", className: "memori-settings-drawer--microphoneMode-radio-button", children: ({ checked }) => (_jsx(Button, { primary: checked, outlined: !checked, children: t('write_and_speak.holdToSpeak') || 'Hold to speak' })) }), _jsx(RadioGroup.Option, { value: "CONTINUOUS", className: "memori-settings-drawer--microphoneMode-radio-button", children: ({ checked }) => (_jsx(Button, { primary: checked, outlined: !checked, children: t('write_and_speak.continuousSpeechLabel') ||
17
17
  'Continuous speech' })) })] })] }), microphoneMode === 'CONTINUOUS' && (_jsx("div", { className: "memori-settings-drawer--field", children: _jsx(Select, { label: t('write_and_speak.secondsLabel') || 'Seconds', placeholder: t('write_and_speak.secondsLabel') || 'Seconds', options: silenceSeconds.map(s => ({ value: s, label: s })), value: continuousSpeechTimeout, onChange: value => {
18
18
  setContinuousSpeechTimeout(value);
19
19
  setLocalConfig('continuousSpeechTimeout', value);
20
20
  } }) })), layout === 'TOTEM' && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "memori-settings-drawer--field controls", children: [_jsxs("label", { htmlFor: "#controlsPosition", children: [t('write_and_speak.controlsPosition') || 'Controls', ":"] }), _jsxs(RadioGroup, { id: "controlsPosition", name: "controlsPosition", value: controlsPosition, defaultValue: controlsPosition, className: "memori-settings-drawer--controlsposition-radio", onChange: value => {
21
21
  setControlsPosition(value);
22
22
  setLocalConfig('controlsPosition', value);
23
- }, children: [_jsx(RadioGroup.Option, { value: "center", className: "memori-settings-drawer--controlsposition-radio-button", children: ({ checked }) => (_jsx(Button, { primary: checked, children: t('center') || 'Center' })) }), _jsx(RadioGroup.Option, { value: "bottom", className: "memori-settings-drawer--controlsposition-radio-button", children: ({ checked }) => (_jsx(Button, { primary: checked, children: t('bottom') || 'Bottom' })) })] })] }), _jsx("div", { className: "memori-settings-drawer--field", children: _jsx(Checkbox, { label: t('write_and_speak.hideEmissionsLabel') || 'Hide emissions', name: "hideControls", checked: hideEmissions, onChange: e => {
23
+ }, children: [_jsx(RadioGroup.Option, { value: "center", className: "memori-settings-drawer--controlsposition-radio-button", children: ({ checked }) => (_jsx(Button, { primary: checked, outlined: !checked, children: t('center') || 'Center' })) }), _jsx(RadioGroup.Option, { value: "bottom", className: "memori-settings-drawer--controlsposition-radio-button", children: ({ checked }) => (_jsx(Button, { primary: checked, outlined: !checked, children: t('bottom') || 'Bottom' })) })] })] }), _jsx("div", { className: "memori-settings-drawer--field", children: _jsx(Checkbox, { label: t('write_and_speak.hideEmissionsLabel') || 'Hide emissions', name: "hideControls", checked: hideEmissions, onChange: e => {
24
24
  setHideEmissions(e.target.checked);
25
25
  setLocalConfig('hideEmissions', e.target.checked);
26
26
  } }) })] })), additionalSettings && (_jsx("div", { className: "memori-settings-drawer--field controls", children: additionalSettings }))] }));
package/esm/components/SettingsDrawer/SettingsDrawer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SettingsDrawer.js","sourceRoot":"","sources":["../../../src/components/SettingsDrawer/SettingsDrawer.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"SettingsDrawer.js","sourceRoot":"","sources":["../../../src/components/SettingsDrawer/SettingsDrawer.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,MAAM,MAAM,cAAc,CAAC;AAkBlC,MAAM,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AAErD,MAAM,cAAc,GAAG,CAAC,EACtB,IAAI,EACJ,MAAM,GAAG,SAAS,EAClB,OAAO,EACP,cAAc,GAAG,cAAc,EAC/B,uBAAuB,EACvB,iBAAiB,EACjB,0BAA0B,EAC1B,gBAAgB,EAChB,mBAAmB,EACnB,aAAa,EACb,gBAAgB,EAChB,kBAAkB,GACZ,EAAE,EAAE;IACV,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,OAAO,CACL,MAAC,MAAM,IACL,SAAS,EAAC,wBAAwB,EAClC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC,IAAI,UAAU,EACzC,WAAW,EAAE,CAAC,CAAC,qCAAqC,CAAC,aAErD,eAAK,SAAS,EAAC,wCAAwC,aACrD,iBAAO,OAAO,EAAC,iBAAiB,aAC7B,CAAC,CAAC,gCAAgC,CAAC,IAAI,iBAAiB,SACnD,EACR,MAAC,UAAU,IACT,EAAE,EAAC,gBAAgB,EACnB,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAE,cAAc,EACrB,YAAY,EAAE,cAAc,EAC5B,SAAS,EAAC,8CAA8C,EACxD,QAAQ,EAAE,KAAK,CAAC,EAAE;4BAChB,IAAI,OAAO,GACT,KAAK,KAAK,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC;4BAEzD,iBAAiB,CAAC,OAAwC,CAAC,CAAC;4BAC5D,cAAc,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC;wBAC5C,CAAC,aAED,KAAC,UAAU,CAAC,MAAM,IAChB,KAAK,EAAC,cAAc,EACpB,SAAS,EAAC,qDAAqD,YAE9D,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,OAAO,YACzC,CAAC,CAAC,6BAA6B,CAAC,IAAI,eAAe,GAC7C,CACV,GACiB,EACpB,KAAC,UAAU,CAAC,MAAM,IAChB,KAAK,EAAC,YAAY,EAClB,SAAS,EAAC,qDAAqD,YAE9D,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,OAAO,YACzC,CAAC,CAAC,uCAAuC,CAAC;wCACzC,mBAAmB,GACd,CACV,GACiB,IACT,IACT,EAEL,cAAc,KAAK,YAAY,IAAI,CAClC,cAAK,SAAS,EAAC,+BAA+B,YAC5C,KAAC,MAAM,IACL,KAAK,EAAE,CAAC,CAAC,8BAA8B,CAAC,IAAI,SAAS,EACrD,WAAW,EAAE,CAAC,CAAC,8BAA8B,CAAC,IAAI,SAAS,EAC3D,OAAO,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,EAC1D,KAAK,EAAE,uBAAuB,EAC9B,QAAQ,EAAE,KAAK,CAAC,EAAE;wBAChB,0BAA0B,CAAC,KAAK,CAAC,CAAC;wBAClC,cAAc,CAAC,yBAAyB,EAAE,KAAK,CAAC,CAAC;oBACnD,CAAC,GACD,GACE,CACP,EAEA,MAAM,KAAK,OAAO,IAAI,CACrB,8BACE,eAAK,SAAS,EAAC,wCAAwC,aACrD,iBAAO,OAAO,EAAC,mBAAmB,aAC/B,CAAC,CAAC,kCAAkC,CAAC,IAAI,UAAU,SAC9C,EACR,MAAC,UAAU,IACT,EAAE,EAAC,kBAAkB,EACrB,IAAI,EAAC,kBAAkB,EACvB,KAAK,EAAE,gBAAgB,EACvB,YAAY,EAAE,gBAAgB,EAC9B,SAAS,EAAC,gDAAgD,EAC1D,QAAQ,EAAE,KAAK,CAAC,EAAE;oCAChB,mBAAmB,CAAC,KAAK,CAAC,CAAC;oCAC3B,cAAc,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;gCAC5C,CAAC,aAED,KAAC,UAAU,CAAC,MAAM,IAChB,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,uDAAuD,YAEhE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,OAAO,YACzC,CAAC,CAAC,QAAQ,CAAC,IAAI,QAAQ,GACjB,CACV,GACiB,EACpB,KAAC,UAAU,CAAC,MAAM,IAChB,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,uDAAuD,YAEhE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,OAAO,YACzC,CAAC,CAAC,QAAQ,CAAC,IAAI,QAAQ,GACjB,CACV,GACiB,IACT,IACT,EACN,cAAK,SAAS,EAAC,+BAA+B,YAC5C,KAAC,QAAQ,IACP,KAAK,EACH,CAAC,CAAC,oCAAoC,CAAC,IAAI,gBAAgB,EAE7D,IAAI,EAAC,cAAc,EACnB,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,CAAC,CAAC,EAAE;gCACZ,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;gCACnC,cAAc,CAAC,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;4BACpD,CAAC,GACD,GACE,IACL,CACJ,EAEA,kBAAkB,IAAI,CACrB,cAAK,SAAS,EAAC,wCAAwC,YACpD,kBAAkB,GACf,CACP,IACM,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
package/esm/components/ui/Drawer.css CHANGED
@@ -33,6 +33,7 @@
33
33
  .memori-drawer--panel {
34
34
  position: relative;
35
35
  width: var(--memori-drawer--width, 100%);
36
+ max-width: 80vw;
36
37
  height: 100%;
37
38
  min-height: 100vh;
38
39
  box-sizing: border-box;
@@ -46,6 +47,7 @@
46
47
  @media (min-width: 768px) {
47
48
  .memori-drawer--panel {
48
49
  width: var(--memori-drawer--width--md, 80%);
50
+ max-width: none;
49
51
  padding-top: 1.5rem;
50
52
  padding-right: 2rem;
51
53
  padding-left: 2rem;
@@ -173,6 +175,6 @@ h2.memori-drawer--title {
173
175
  max-width: 0;
174
176
  }
175
177
 
176
- .max-w-100 {
177
- max-width: 100%;
178
+ .max-w-80 {
179
+ max-width: 80%;
178
180
  }
package/esm/components/ui/Drawer.js CHANGED
@@ -5,7 +5,7 @@ import Spin from './Spin';
5
5
  import Button from './Button';
6
6
  import Close from '../icons/Close';
7
7
  import cx from 'classnames';
8
- const Drawer = ({ open = false, onClose, className, title, description, children, footer, loading = false, side = 'right', closable = true, width = '100%', widthMd = '80%', widthLg = '60%', }) => (_jsx(Transition, { appear: true, show: open, as: React.Fragment, children: _jsxs(Dialog, { open: open, onClose: onClose, className: cx('memori-drawer', className), children: [_jsx(Transition.Child, { as: React.Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0", enterTo: "opacity-100", leave: "ease-in duration-200", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: _jsx("div", { className: "memori-drawer--backdrop" }) }), _jsx("div", { className: "memori-drawer--container", children: _jsx("div", { className: "memori-drawer--container-scrollable", children: _jsx(Transition.Child, { as: React.Fragment, enter: "ease-out duration-300", enterFrom: "max-w-0 opacity-0", enterTo: "max-w-100 opacity-100", leave: "ease-in duration-200", leaveFrom: "max-w-100 opacity-100", leaveTo: "max-w-0 opacity-0", children: _jsxs(Dialog.Panel, { className: cx('memori-drawer--panel', {
8
+ const Drawer = ({ open = false, onClose, className, title, description, children, footer, loading = false, side = 'right', closable = true, width = '100%', widthMd = '80%', widthLg = '60%', }) => (_jsx(Transition, { appear: true, show: open, as: React.Fragment, children: _jsxs(Dialog, { open: open, onClose: onClose, className: cx('memori-drawer', className), children: [_jsx(Transition.Child, { as: React.Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0", enterTo: "opacity-100", leave: "ease-in duration-200", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: _jsx("div", { className: "memori-drawer--backdrop" }) }), _jsx("div", { className: "memori-drawer--container", children: _jsx("div", { className: "memori-drawer--container-scrollable", children: _jsx(Transition.Child, { as: React.Fragment, enter: "ease-out duration-300", enterFrom: "max-w-0 opacity-0", enterTo: "max-w-80 opacity-100", leave: "ease-in duration-200", leaveFrom: "max-w-80 opacity-100", leaveTo: "max-w-0 opacity-0", children: _jsxs(Dialog.Panel, { className: cx('memori-drawer--panel', {
9
9
  'memori-drawer--panel-left': side === 'left',
10
10
  'memori-drawer--with-footer': !!footer,
11
11
  }), children: [_jsx("style", { dangerouslySetInnerHTML: {
package/esm/components/ui/Drawer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/ui/Drawer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAkB5B,MAAM,MAAM,GAAc,CAAC,EACzB,IAAI,GAAG,KAAK,EACZ,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,OAAO,EACd,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,MAAM,EACd,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,GACT,EAAE,EAAE,CAAC,CACX,KAAC,UAAU,IAAC,MAAM,QAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,QAAQ,YAC/C,MAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,aAEzC,KAAC,UAAU,CAAC,KAAK,IACf,EAAE,EAAE,KAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,WAAW,EACrB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,WAAW,YAEnB,cAAK,SAAS,EAAC,yBAAyB,GAAG,GAC1B,EACnB,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qCAAqC,YAClD,KAAC,UAAU,CAAC,KAAK,IACf,EAAE,EAAE,KAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAC,uBAAuB,EAC/B,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAC,mBAAmB,YAE3B,MAAC,MAAM,CAAC,KAAK,IACX,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE;gCACpC,2BAA2B,EAAE,IAAI,KAAK,MAAM;gCAC5C,4BAA4B,EAAE,CAAC,CAAC,MAAM;6BACvC,CAAC,aAEF,gBACE,uBAAuB,EAAE;wCACvB,MAAM,EAAE;;gDAEsB,KAAK;mDACF,OAAO;mDACP,OAAO;;mBAEvC;qCACF,GACD,EACD,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,sBAAsB,YACnC,KAAC,MAAM,IACL,KAAK,EAAC,QAAQ,EACd,QAAQ,QACR,IAAI,EAAE,KAAC,KAAK,KAAG,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAC7B,GACE,CACP,EACD,MAAC,IAAI,IAAC,QAAQ,EAAE,OAAO,aACpB,KAAK,IAAI,CACR,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,sBAAsB,YAC3C,KAAK,GACO,CAChB,EACA,WAAW,IAAI,CACd,KAAC,MAAM,CAAC,WAAW,IAAC,SAAS,EAAC,4BAA4B,YACvD,WAAW,GACO,CACtB,EAEA,QAAQ,EAER,MAAM,IAAI,CACT,cAAK,SAAS,EAAC,uBAAuB,YAAE,MAAM,GAAO,CACtD,IACI,IACM,GACE,GACf,GACF,IACC,GACE,CACd,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/ui/Drawer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAkB5B,MAAM,MAAM,GAAc,CAAC,EACzB,IAAI,GAAG,KAAK,EACZ,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,OAAO,EACd,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,MAAM,EACd,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,GACT,EAAE,EAAE,CAAC,CACX,KAAC,UAAU,IAAC,MAAM,QAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,QAAQ,YAC/C,MAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,aAEzC,KAAC,UAAU,CAAC,KAAK,IACf,EAAE,EAAE,KAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,WAAW,EACrB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,WAAW,YAEnB,cAAK,SAAS,EAAC,yBAAyB,GAAG,GAC1B,EACnB,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qCAAqC,YAClD,KAAC,UAAU,CAAC,KAAK,IACf,EAAE,EAAE,KAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAC,sBAAsB,EAC9B,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAC,mBAAmB,YAE3B,MAAC,MAAM,CAAC,KAAK,IACX,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE;gCACpC,2BAA2B,EAAE,IAAI,KAAK,MAAM;gCAC5C,4BAA4B,EAAE,CAAC,CAAC,MAAM;6BACvC,CAAC,aAEF,gBACE,uBAAuB,EAAE;wCACvB,MAAM,EAAE;;gDAEsB,KAAK;mDACF,OAAO;mDACP,OAAO;;mBAEvC;qCACF,GACD,EACD,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,sBAAsB,YACnC,KAAC,MAAM,IACL,KAAK,EAAC,QAAQ,EACd,QAAQ,QACR,IAAI,EAAE,KAAC,KAAK,KAAG,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAC7B,GACE,CACP,EACD,MAAC,IAAI,IAAC,QAAQ,EAAE,OAAO,aACpB,KAAK,IAAI,CACR,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,sBAAsB,YAC3C,KAAK,GACO,CAChB,EACA,WAAW,IAAI,CACd,KAAC,MAAM,CAAC,WAAW,IAAC,SAAS,EAAC,4BAA4B,YACvD,WAAW,GACO,CACtB,EAEA,QAAQ,EAER,MAAM,IAAI,CACT,cAAK,SAAS,EAAC,uBAAuB,YAAE,MAAM,GAAO,CACtD,IACI,IACM,GACE,GACf,GACF,IACC,GACE,CACd,CAAC;AAEF,eAAe,MAAM,CAAC"}
package/esm/styles.css CHANGED
@@ -82,10 +82,10 @@ body.sb-show-main #root,
82
82
  --memori-button-radius: 5px;
83
83
  --memori-button-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
84
84
  --memori-blur-background: 0px;
85
- --memori-drawer--width: 100%;
85
+ --memori-drawer--width: 80%;
86
86
  --memori-drawer--width--md: 80%;
87
87
  --memori-drawer--width--lg: 60%;
88
- --memori-modal--width: 100%;
88
+ --memori-modal--width: 80%;
89
89
  --memori-modal--width--md: 80%;
90
90
  --memori-error-color: #ff4d4f;
91
91
  --memori-warning-color: #faad14;
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "6.1.2",
2
+ "version": "6.1.4",
3
3
  "name": "@memori.ai/memori-react",
4
4
  "author": "Memori Srl",
5
5
  "main": "dist/index.js",
@@ -290,7 +290,7 @@
290
290
  },
291
291
  "dependencies": {
292
292
  "@headlessui/react": "1.7.4",
293
- "@memori.ai/memori-api-client": "^4.0.0",
293
+ "@memori.ai/memori-api-client": "^4.0.2",
294
294
  "@react-three/drei": "8.20.2",
295
295
  "@react-three/fiber": "7.0.25",
296
296
  "classnames": "2.3.2",
package/src/components/MemoriWidget/MemoriWidget.tsx CHANGED
@@ -2061,7 +2061,7 @@ const MemoriWidget = ({
2061
2061
  : selectedLayout === 'WEBSITE_ASSISTANT'
2062
2062
  ? ''
2063
2063
  : ':root,'
2064
- } .memori-widget {
2064
+ } .memori-widget, .memori-drawer, .memori-modal {
2065
2065
  ${Object.entries(integrationProperties)
2066
2066
  .map(([key, value]) => `${key}: ${value};`)
2067
2067
  .join('\n')}
package/src/components/SettingsDrawer/SettingsDrawer.css CHANGED
@@ -3,3 +3,15 @@
3
3
  flex-direction: column;
4
4
  margin: 0.5rem 0 1.5rem;
5
5
  }
6
+
7
+ .memori-settings-drawer .memori-settings-drawer--field .memori-select--value {
8
+ color: #000;
9
+ }
10
+
11
+ .memori-settings-drawer--controlsposition-radio,
12
+ .memori-settings-drawer--microphoneMode-radio {
13
+ display: flex;
14
+ flex-wrap: wrap;
15
+ align-items: center;
16
+ margin: 0.5rem 0;
17
+ }
package/src/components/SettingsDrawer/SettingsDrawer.tsx CHANGED
@@ -71,7 +71,7 @@ const SettingsDrawer = ({
71
71
  className="memori-settings-drawer--microphoneMode-radio-button"
72
72
  >
73
73
  {({ checked }) => (
74
- <Button primary={checked}>
74
+ <Button primary={checked} outlined={!checked}>
75
75
  {t('write_and_speak.holdToSpeak') || 'Hold to speak'}
76
76
  </Button>
77
77
  )}
@@ -81,7 +81,7 @@ const SettingsDrawer = ({
81
81
  className="memori-settings-drawer--microphoneMode-radio-button"
82
82
  >
83
83
  {({ checked }) => (
84
- <Button primary={checked}>
84
+ <Button primary={checked} outlined={!checked}>
85
85
  {t('write_and_speak.continuousSpeechLabel') ||
86
86
  'Continuous speech'}
87
87
  </Button>
@@ -127,7 +127,9 @@ const SettingsDrawer = ({
127
127
  className="memori-settings-drawer--controlsposition-radio-button"
128
128
  >
129
129
  {({ checked }) => (
130
- <Button primary={checked}>{t('center') || 'Center'}</Button>
130
+ <Button primary={checked} outlined={!checked}>
131
+ {t('center') || 'Center'}
132
+ </Button>
131
133
  )}
132
134
  </RadioGroup.Option>
133
135
  <RadioGroup.Option
@@ -135,7 +137,9 @@ const SettingsDrawer = ({
135
137
  className="memori-settings-drawer--controlsposition-radio-button"
136
138
  >
137
139
  {({ checked }) => (
138
- <Button primary={checked}>{t('bottom') || 'Bottom'}</Button>
140
+ <Button primary={checked} outlined={!checked}>
141
+ {t('bottom') || 'Bottom'}
142
+ </Button>
139
143
  )}
140
144
  </RadioGroup.Option>
141
145
  </RadioGroup>
package/src/components/layouts/__snapshots__/Chat.test.tsx.snap CHANGED
@@ -13,7 +13,7 @@ exports[`renders Chat layout unchanged 1`] = `
13
13
  >
14
14
  <style>
15
15
 
16
- :root, .memori-widget {
16
+ :root, .memori-widget, .memori-drawer, .memori-modal {
17
17
  --memori-chat-bubble-bg: #fff;
18
18
  --memori-text-color: #2a2a2a;
19
19
  --memori-button-bg: #823ce1;
package/src/components/layouts/__snapshots__/FullPage.test.tsx.snap CHANGED
@@ -13,7 +13,7 @@ exports[`renders FullPage layout unchanged 1`] = `
13
13
  >
14
14
  <style>
15
15
 
16
- :root, .memori-widget {
16
+ :root, .memori-widget, .memori-drawer, .memori-modal {
17
17
  --memori-chat-bubble-bg: #fff;
18
18
  --memori-text-color: #2a2a2a;
19
19
  --memori-button-bg: #823ce1;
package/src/components/layouts/__snapshots__/Totem.test.tsx.snap CHANGED
@@ -13,7 +13,7 @@ exports[`renders Totem layout unchanged 1`] = `
13
13
  >
14
14
  <style>
15
15
 
16
- :root, .memori-widget {
16
+ :root, .memori-widget, .memori-drawer, .memori-modal {
17
17
  --memori-chat-bubble-bg: #fff;
18
18
  --memori-text-color: #2a2a2a;
19
19
  --memori-button-bg: #823ce1;
package/src/components/ui/Drawer.css CHANGED
@@ -33,6 +33,7 @@
33
33
  .memori-drawer--panel {
34
34
  position: relative;
35
35
  width: var(--memori-drawer--width, 100%);
36
+ max-width: 80vw;
36
37
  height: 100%;
37
38
  min-height: 100vh;
38
39
  box-sizing: border-box;
@@ -46,6 +47,7 @@
46
47
  @media (min-width: 768px) {
47
48
  .memori-drawer--panel {
48
49
  width: var(--memori-drawer--width--md, 80%);
50
+ max-width: none;
49
51
  padding-top: 1.5rem;
50
52
  padding-right: 2rem;
51
53
  padding-left: 2rem;
@@ -173,6 +175,6 @@ h2.memori-drawer--title {
173
175
  max-width: 0;
174
176
  }
175
177
 
176
- .max-w-100 {
177
- max-width: 100%;
178
+ .max-w-80 {
179
+ max-width: 80%;
178
180
  }
package/src/components/ui/Drawer.tsx CHANGED
@@ -59,9 +59,9 @@ const Drawer: FC<Props> = ({
59
59
  as={React.Fragment}
60
60
  enter="ease-out duration-300"
61
61
  enterFrom="max-w-0 opacity-0"
62
- enterTo="max-w-100 opacity-100"
62
+ enterTo="max-w-80 opacity-100"
63
63
  leave="ease-in duration-200"
64
- leaveFrom="max-w-100 opacity-100"
64
+ leaveFrom="max-w-80 opacity-100"
65
65
  leaveTo="max-w-0 opacity-0"
66
66
  >
67
67
  <Dialog.Panel
package/src/styles.css CHANGED
@@ -82,10 +82,10 @@ body.sb-show-main #root,
82
82
  --memori-button-radius: 5px;
83
83
  --memori-button-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
84
84
  --memori-blur-background: 0px;
85
- --memori-drawer--width: 100%;
85
+ --memori-drawer--width: 80%;
86
86
  --memori-drawer--width--md: 80%;
87
87
  --memori-drawer--width--lg: 60%;
88
- --memori-modal--width: 100%;
88
+ --memori-modal--width: 80%;
89
89
  --memori-modal--width--md: 80%;
90
90
  --memori-error-color: #ff4d4f;
91
91
  --memori-warning-color: #faad14;