@memori.ai/memori-react 6.1.3 → 6.1.5

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 (28) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/components/MemoriWidget/MemoriWidget.css +6 -0
  3. package/dist/components/PoweredBy/PoweredBy.js +1 -1
  4. package/dist/components/PoweredBy/PoweredBy.js.map +1 -1
  5. package/dist/components/layouts/chat.css +7 -0
  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.css +6 -0
  11. package/esm/components/PoweredBy/PoweredBy.js +1 -1
  12. package/esm/components/PoweredBy/PoweredBy.js.map +1 -1
  13. package/esm/components/layouts/chat.css +7 -0
  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.css +6 -0
  20. package/src/components/PoweredBy/PoweredBy.tsx +1 -1
  21. package/src/components/PoweredBy/__snapshots__/PoweredBy.test.tsx.snap +10 -4
  22. package/src/components/layouts/__snapshots__/Chat.test.tsx.snap +5 -2
  23. package/src/components/layouts/__snapshots__/FullPage.test.tsx.snap +5 -2
  24. package/src/components/layouts/__snapshots__/Totem.test.tsx.snap +5 -2
  25. package/src/components/layouts/chat.css +7 -0
  26. package/src/components/ui/Drawer.css +4 -2
  27. package/src/components/ui/Drawer.tsx +2 -2
  28. package/src/styles.css +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,24 @@
1
1
 
2
2
 
3
+ ## [6.1.5](https://github.com/memori-ai/memori-react/compare/v6.1.4...v6.1.5) (2024-03-29)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * mobile layout fixes + chat layout enhancements ([1bdb6c3](https://github.com/memori-ai/memori-react/commit/1bdb6c3ce337e1fadb9dffb1a473e2575cd6097e))
9
+
10
+
11
+ ### Maintenance
12
+
13
+ * update api client ([56f3f4c](https://github.com/memori-ai/memori-react/commit/56f3f4c65a83dc29d01e93842a3e655af88c51b4))
14
+
15
+ ## [6.1.4](https://github.com/memori-ai/memori-react/compare/v6.1.3...v6.1.4) (2024-03-28)
16
+
17
+
18
+ ### Bug Fixes
19
+
20
+ * drawer mobile width ([0973105](https://github.com/memori-ai/memori-react/commit/0973105012e00f3acff89d07d3c4660e9af4554b))
21
+
3
22
  ## [6.1.3](https://github.com/memori-ai/memori-react/compare/v6.1.2...v6.1.3) (2024-03-25)
4
23
 
5
24
 
package/dist/components/MemoriWidget/MemoriWidget.css CHANGED
@@ -120,6 +120,12 @@
120
120
  filter: blur(var(--memori-blur-background, 0));
121
121
  }
122
122
 
123
+ @media (max-width: 870px) {
124
+ .memori--global-background-image {
125
+ min-height: 100vh;
126
+ }
127
+ }
128
+
123
129
  .memori--powered-by {
124
130
  position: absolute;
125
131
  z-index: 1000;
package/dist/components/PoweredBy/PoweredBy.js CHANGED
@@ -7,7 +7,7 @@ const PoweredBy = ({ tenant, userLang = 'en', integrationID, memoriHash, }) => {
7
7
  : (tenant === null || tenant === void 0 ? void 0 : tenant.theme) === 'twincreator'
8
8
  ? 'twincreator'
9
9
  : 'aisuru';
10
- return ((0, jsx_runtime_1.jsxs)("div", { className: "memori--powered-by", children: [(0, jsx_runtime_1.jsx)("img", { src: `https://aisuru.com/images/${tenantId}/logo.png`, alt: "" }), (0, jsx_runtime_1.jsxs)("p", { children: ["Powered by", ' ', (0, jsx_runtime_1.jsx)("a", { href: `https://memori.ai/${(userLang === null || userLang === void 0 ? void 0 : userLang.toLowerCase()) === 'it' ? 'it' : 'en'}${integrationID ? `?integrationID=${integrationID}` : ''}${memoriHash ? `${integrationID ? '&' : '?'}memori=${memoriHash}` : ''}`, target: "_blank", rel: "noopener noreferrer", children: "Memori.AI" })] })] }));
10
+ return ((0, jsx_runtime_1.jsxs)("div", { className: "memori--powered-by", children: [(0, jsx_runtime_1.jsx)("img", { src: `https://aisuru.com/images/${tenantId}/logo.png`, alt: "" }), (0, jsx_runtime_1.jsxs)("p", { children: [(0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Powered by" }), (0, jsx_runtime_1.jsx)("a", { href: `https://memori.ai/${(userLang === null || userLang === void 0 ? void 0 : userLang.toLowerCase()) === 'it' ? 'it' : 'en'}${integrationID ? `?integrationID=${integrationID}` : ''}${memoriHash ? `${integrationID ? '&' : '?'}memori=${memoriHash}` : ''}`, target: "_blank", rel: "noopener noreferrer", children: "Memori.AI" })] })] }));
11
11
  };
12
12
  exports.default = PoweredBy;
13
13
  //# sourceMappingURL=PoweredBy.js.map
package/dist/components/PoweredBy/PoweredBy.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PoweredBy.js","sourceRoot":"","sources":["../../../src/components/PoweredBy/PoweredBy.tsx"],"names":[],"mappings":";;;AASA,MAAM,SAAS,GAAG,CAAC,EACjB,MAAM,EACN,QAAQ,GAAG,IAAI,EACf,aAAa,EACb,UAAU,GACJ,EAAE,EAAE;IACV,MAAM,QAAQ,GACZ,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,MAAK,YAAY;QAC5B,CAAC,CAAC,YAAY;QACd,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,MAAK,aAAa;YACjC,CAAC,CAAC,aAAa;YACf,CAAC,CAAC,QAAQ,CAAC;IAEf,OAAO,CACL,iCAAK,SAAS,EAAC,oBAAoB,aACjC,gCAAK,GAAG,EAAE,6BAA6B,QAAQ,WAAW,EAAE,GAAG,EAAC,EAAE,GAAG,EACrE,wDACa,GAAG,EACd,8BACE,IAAI,EAAE,qBACJ,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,EAAE,MAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAC5C,GAAG,aAAa,CAAC,CAAC,CAAC,kBAAkB,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,GACvD,UAAU,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,UAAU,UAAU,EAAE,CAAC,CAAC,CAAC,EACpE,EAAE,EACF,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,0BAGvB,IACF,IACA,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"PoweredBy.js","sourceRoot":"","sources":["../../../src/components/PoweredBy/PoweredBy.tsx"],"names":[],"mappings":";;;AASA,MAAM,SAAS,GAAG,CAAC,EACjB,MAAM,EACN,QAAQ,GAAG,IAAI,EACf,aAAa,EACb,UAAU,GACJ,EAAE,EAAE;IACV,MAAM,QAAQ,GACZ,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,MAAK,YAAY;QAC5B,CAAC,CAAC,YAAY;QACd,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,MAAK,aAAa;YACjC,CAAC,CAAC,aAAa;YACf,CAAC,CAAC,QAAQ,CAAC;IAEf,OAAO,CACL,iCAAK,SAAS,EAAC,oBAAoB,aACjC,gCAAK,GAAG,EAAE,6BAA6B,QAAQ,WAAW,EAAE,GAAG,EAAC,EAAE,GAAG,EACrE,0CACE,iCAAM,SAAS,EAAC,SAAS,2BAAkB,EAC3C,8BACE,IAAI,EAAE,qBACJ,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,EAAE,MAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAC5C,GAAG,aAAa,CAAC,CAAC,CAAC,kBAAkB,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,GACvD,UAAU,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,UAAU,UAAU,EAAE,CAAC,CAAC,CAAC,EACpE,EAAE,EACF,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,0BAGvB,IACF,IACA,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
package/dist/components/layouts/chat.css CHANGED
@@ -45,6 +45,13 @@
45
45
  bottom: auto;
46
46
  }
47
47
 
48
+ @media (max-width: 870px) {
49
+ .memori-chat-layout .memori--powered-by {
50
+ top: 3.5rem;
51
+ bottom: auto;
52
+ }
53
+ }
54
+
48
55
  .memori-chat-layout--controls {
49
56
  position: relative;
50
57
  z-index: 5;
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.css CHANGED
@@ -120,6 +120,12 @@
120
120
  filter: blur(var(--memori-blur-background, 0));
121
121
  }
122
122
 
123
+ @media (max-width: 870px) {
124
+ .memori--global-background-image {
125
+ min-height: 100vh;
126
+ }
127
+ }
128
+
123
129
  .memori--powered-by {
124
130
  position: absolute;
125
131
  z-index: 1000;
package/esm/components/PoweredBy/PoweredBy.js CHANGED
@@ -5,7 +5,7 @@ const PoweredBy = ({ tenant, userLang = 'en', integrationID, memoriHash, }) => {
5
5
  : (tenant === null || tenant === void 0 ? void 0 : tenant.theme) === 'twincreator'
6
6
  ? 'twincreator'
7
7
  : 'aisuru';
8
- return (_jsxs("div", { className: "memori--powered-by", children: [_jsx("img", { src: `https://aisuru.com/images/${tenantId}/logo.png`, alt: "" }), _jsxs("p", { children: ["Powered by", ' ', _jsx("a", { href: `https://memori.ai/${(userLang === null || userLang === void 0 ? void 0 : userLang.toLowerCase()) === 'it' ? 'it' : 'en'}${integrationID ? `?integrationID=${integrationID}` : ''}${memoriHash ? `${integrationID ? '&' : '?'}memori=${memoriHash}` : ''}`, target: "_blank", rel: "noopener noreferrer", children: "Memori.AI" })] })] }));
8
+ return (_jsxs("div", { className: "memori--powered-by", children: [_jsx("img", { src: `https://aisuru.com/images/${tenantId}/logo.png`, alt: "" }), _jsxs("p", { children: [_jsx("span", { className: "sr-only", children: "Powered by" }), _jsx("a", { href: `https://memori.ai/${(userLang === null || userLang === void 0 ? void 0 : userLang.toLowerCase()) === 'it' ? 'it' : 'en'}${integrationID ? `?integrationID=${integrationID}` : ''}${memoriHash ? `${integrationID ? '&' : '?'}memori=${memoriHash}` : ''}`, target: "_blank", rel: "noopener noreferrer", children: "Memori.AI" })] })] }));
9
9
  };
10
10
  export default PoweredBy;
11
11
  //# sourceMappingURL=PoweredBy.js.map
package/esm/components/PoweredBy/PoweredBy.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PoweredBy.js","sourceRoot":"","sources":["../../../src/components/PoweredBy/PoweredBy.tsx"],"names":[],"mappings":";AASA,MAAM,SAAS,GAAG,CAAC,EACjB,MAAM,EACN,QAAQ,GAAG,IAAI,EACf,aAAa,EACb,UAAU,GACJ,EAAE,EAAE;IACV,MAAM,QAAQ,GACZ,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,MAAK,YAAY;QAC5B,CAAC,CAAC,YAAY;QACd,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,MAAK,aAAa;YACjC,CAAC,CAAC,aAAa;YACf,CAAC,CAAC,QAAQ,CAAC;IAEf,OAAO,CACL,eAAK,SAAS,EAAC,oBAAoB,aACjC,cAAK,GAAG,EAAE,6BAA6B,QAAQ,WAAW,EAAE,GAAG,EAAC,EAAE,GAAG,EACrE,sCACa,GAAG,EACd,YACE,IAAI,EAAE,qBACJ,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,EAAE,MAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAC5C,GAAG,aAAa,CAAC,CAAC,CAAC,kBAAkB,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,GACvD,UAAU,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,UAAU,UAAU,EAAE,CAAC,CAAC,CAAC,EACpE,EAAE,EACF,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,0BAGvB,IACF,IACA,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"PoweredBy.js","sourceRoot":"","sources":["../../../src/components/PoweredBy/PoweredBy.tsx"],"names":[],"mappings":";AASA,MAAM,SAAS,GAAG,CAAC,EACjB,MAAM,EACN,QAAQ,GAAG,IAAI,EACf,aAAa,EACb,UAAU,GACJ,EAAE,EAAE;IACV,MAAM,QAAQ,GACZ,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,MAAK,YAAY;QAC5B,CAAC,CAAC,YAAY;QACd,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,MAAK,aAAa;YACjC,CAAC,CAAC,aAAa;YACf,CAAC,CAAC,QAAQ,CAAC;IAEf,OAAO,CACL,eAAK,SAAS,EAAC,oBAAoB,aACjC,cAAK,GAAG,EAAE,6BAA6B,QAAQ,WAAW,EAAE,GAAG,EAAC,EAAE,GAAG,EACrE,wBACE,eAAM,SAAS,EAAC,SAAS,2BAAkB,EAC3C,YACE,IAAI,EAAE,qBACJ,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,EAAE,MAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAC5C,GAAG,aAAa,CAAC,CAAC,CAAC,kBAAkB,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,GACvD,UAAU,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,UAAU,UAAU,EAAE,CAAC,CAAC,CAAC,EACpE,EAAE,EACF,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,0BAGvB,IACF,IACA,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/esm/components/layouts/chat.css CHANGED
@@ -45,6 +45,13 @@
45
45
  bottom: auto;
46
46
  }
47
47
 
48
+ @media (max-width: 870px) {
49
+ .memori-chat-layout .memori--powered-by {
50
+ top: 3.5rem;
51
+ bottom: auto;
52
+ }
53
+ }
54
+
48
55
  .memori-chat-layout--controls {
49
56
  position: relative;
50
57
  z-index: 5;
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.3",
2
+ "version": "6.1.5",
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.2",
293
+ "@memori.ai/memori-api-client": "^4.0.3",
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.css CHANGED
@@ -120,6 +120,12 @@
120
120
  filter: blur(var(--memori-blur-background, 0));
121
121
  }
122
122
 
123
+ @media (max-width: 870px) {
124
+ .memori--global-background-image {
125
+ min-height: 100vh;
126
+ }
127
+ }
128
+
123
129
  .memori--powered-by {
124
130
  position: absolute;
125
131
  z-index: 1000;
package/src/components/PoweredBy/PoweredBy.tsx CHANGED
@@ -24,7 +24,7 @@ const PoweredBy = ({
24
24
  <div className="memori--powered-by">
25
25
  <img src={`https://aisuru.com/images/${tenantId}/logo.png`} alt="" />
26
26
  <p>
27
- Powered by{' '}
27
+ <span className="sr-only">Powered by</span>
28
28
  <a
29
29
  href={`https://memori.ai/${
30
30
  userLang?.toLowerCase() === 'it' ? 'it' : 'en'
package/src/components/PoweredBy/__snapshots__/PoweredBy.test.tsx.snap CHANGED
@@ -10,8 +10,11 @@ exports[`renders PoweredBy unchanged 1`] = `
10
10
  src="https://aisuru.com/images/aisuru/logo.png"
11
11
  />
12
12
  <p>
13
- Powered by
14
-
13
+ <span
14
+ class="sr-only"
15
+ >
16
+ Powered by
17
+ </span>
15
18
  <a
16
19
  href="https://memori.ai/en"
17
20
  rel="noopener noreferrer"
@@ -34,8 +37,11 @@ exports[`renders PoweredBy with data unchanged 1`] = `
34
37
  src="https://aisuru.com/images/aisuru/logo.png"
35
38
  />
36
39
  <p>
37
- Powered by
38
-
40
+ <span
41
+ class="sr-only"
42
+ >
43
+ Powered by
44
+ </span>
39
45
  <a
40
46
  href="https://memori.ai/en?integrationID=abc&memori=tenant-owner-memori"
41
47
  rel="noopener noreferrer"
package/src/components/layouts/__snapshots__/Chat.test.tsx.snap CHANGED
@@ -46,8 +46,11 @@ exports[`renders Chat layout unchanged 1`] = `
46
46
  src="https://aisuru.com/images/aisuru/logo.png"
47
47
  />
48
48
  <p>
49
- Powered by
50
-
49
+ <span
50
+ class="sr-only"
51
+ >
52
+ Powered by
53
+ </span>
51
54
  <a
52
55
  href="https://memori.ai/it?integrationID=cb3c4776-7f0b-4f97-a773-c32a5d7a3bf1&memori=aisuru.com-username-Memori"
53
56
  rel="noopener noreferrer"
package/src/components/layouts/__snapshots__/FullPage.test.tsx.snap CHANGED
@@ -373,8 +373,11 @@ exports[`renders FullPage layout unchanged 1`] = `
373
373
  src="https://aisuru.com/images/aisuru/logo.png"
374
374
  />
375
375
  <p>
376
- Powered by
377
-
376
+ <span
377
+ class="sr-only"
378
+ >
379
+ Powered by
380
+ </span>
378
381
  <a
379
382
  href="https://memori.ai/it?integrationID=cb3c4776-7f0b-4f97-a773-c32a5d7a3bf1&memori=aisuru.com-username-Memori"
380
383
  rel="noopener noreferrer"
package/src/components/layouts/__snapshots__/Totem.test.tsx.snap CHANGED
@@ -46,8 +46,11 @@ exports[`renders Totem layout unchanged 1`] = `
46
46
  src="https://aisuru.com/images/aisuru/logo.png"
47
47
  />
48
48
  <p>
49
- Powered by
50
-
49
+ <span
50
+ class="sr-only"
51
+ >
52
+ Powered by
53
+ </span>
51
54
  <a
52
55
  href="https://memori.ai/it?integrationID=cb3c4776-7f0b-4f97-a773-c32a5d7a3bf1&memori=aisuru.com-username-Memori"
53
56
  rel="noopener noreferrer"
package/src/components/layouts/chat.css CHANGED
@@ -45,6 +45,13 @@
45
45
  bottom: auto;
46
46
  }
47
47
 
48
+ @media (max-width: 870px) {
49
+ .memori-chat-layout .memori--powered-by {
50
+ top: 3.5rem;
51
+ bottom: auto;
52
+ }
53
+ }
54
+
48
55
  .memori-chat-layout--controls {
49
56
  position: relative;
50
57
  z-index: 5;
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;