@memori.ai/memori-react 9.0.0-alpha.18 → 9.0.0-alpha.19

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 (38) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/dist/components/ChatBubble/ChatBubble.css +34 -25
  3. package/dist/components/ChatBubble/ChatBubble.js +54 -44
  4. package/dist/components/ChatBubble/ChatBubble.js.map +1 -1
  5. package/dist/components/ChatHistoryDrawer/ChatResumeDrawer.css +6 -1
  6. package/dist/components/MobileSessionPanel/MobileSessionPanel.css +7 -0
  7. package/dist/components/layouts/FullPage.js +1 -1
  8. package/dist/components/layouts/FullPage.js.map +1 -1
  9. package/dist/components/layouts/ZoomedFullBody.js +1 -1
  10. package/dist/components/layouts/ZoomedFullBody.js.map +1 -1
  11. package/dist/components/layouts/hidden-chat.css +35 -13
  12. package/dist/styles.css +1 -1
  13. package/dist/version.d.ts +1 -1
  14. package/dist/version.js +1 -1
  15. package/esm/components/ChatBubble/ChatBubble.css +34 -25
  16. package/esm/components/ChatBubble/ChatBubble.js +54 -44
  17. package/esm/components/ChatBubble/ChatBubble.js.map +1 -1
  18. package/esm/components/ChatHistoryDrawer/ChatResumeDrawer.css +6 -1
  19. package/esm/components/MobileSessionPanel/MobileSessionPanel.css +7 -0
  20. package/esm/components/layouts/FullPage.js +1 -1
  21. package/esm/components/layouts/FullPage.js.map +1 -1
  22. package/esm/components/layouts/ZoomedFullBody.js +1 -1
  23. package/esm/components/layouts/ZoomedFullBody.js.map +1 -1
  24. package/esm/components/layouts/hidden-chat.css +35 -13
  25. package/esm/styles.css +1 -1
  26. package/esm/version.d.ts +1 -1
  27. package/esm/version.js +1 -1
  28. package/package.json +1 -1
  29. package/src/components/Chat/__snapshots__/Chat.test.tsx.snap +4733 -4449
  30. package/src/components/ChatBubble/ChatBubble.css +34 -25
  31. package/src/components/ChatBubble/ChatBubble.tsx +46 -26
  32. package/src/components/ChatBubble/__snapshots__/ChatBubble.test.tsx.snap +6491 -6387
  33. package/src/components/ChatHistoryDrawer/ChatResumeDrawer.css +6 -1
  34. package/src/components/MobileSessionPanel/MobileSessionPanel.css +7 -0
  35. package/src/components/layouts/FullPage.tsx +2 -1
  36. package/src/components/layouts/ZoomedFullBody.tsx +2 -1
  37. package/src/components/layouts/hidden-chat.css +35 -13
  38. package/src/version.ts +1 -1
package/dist/components/layouts/hidden-chat.css CHANGED
@@ -80,6 +80,8 @@
80
80
  top: auto;
81
81
  right: auto;
82
82
  flex-shrink: 0;
83
+ border-color: color-mix(in srgb, var(--memori-text-color, #111827) 28%, transparent);
84
+ color: var(--memori-text-color, #111827);
83
85
  opacity: 1;
84
86
  pointer-events: auto;
85
87
  visibility: visible;
@@ -321,7 +323,7 @@
321
323
 
322
324
  .memori-widget.memori-layout-hidden_chat .memori-sidebar .memori-chat-layout--header-row {
323
325
  display: flex;
324
- overflow: hidden;
326
+ overflow: visible;
325
327
  width: 100%;
326
328
  min-width: 0;
327
329
  max-width: 100%;
@@ -332,9 +334,7 @@
332
334
 
333
335
  .memori-widget.memori-layout-hidden_chat .memori-sidebar .memori-hidden-chat-layout--header-actions {
334
336
  display: inline-flex;
335
- min-width: 0;
336
- max-width: 100%;
337
- flex: 0 1 auto;
337
+ flex: 0 0 auto;
338
338
  flex-shrink: 0;
339
339
  align-items: center;
340
340
  margin-left: auto;
@@ -352,10 +352,13 @@
352
352
  }
353
353
 
354
354
  @media (max-width: 480px) {
355
- .memori-widget.memori-layout-hidden_chat .memori-sidebar .memori-chat-layout--brand {
356
- min-width: 0;
357
- max-width: calc(100% - 6.5rem);
358
- flex: 1 1 auto;
355
+ .memori-widget.memori-layout-hidden_chat .memori-sidebar .memori-chat-layout--brand-avatar {
356
+ width: 32px;
357
+ height: 32px;
358
+ }
359
+
360
+ .memori-widget.memori-layout-hidden_chat .memori-sidebar .memori-chat-layout--brand-name {
361
+ font-size: 0.9375rem;
359
362
  }
360
363
  }
361
364
 
@@ -411,11 +414,18 @@
411
414
  font-weight: 600;
412
415
  }
413
416
 
414
- /* .memori-header defaults to width:100%; in a narrow sidebar that steals space from the brand row. */
415
- .memori-widget.memori-layout-hidden_chat .memori-sidebar .memori-chat-layout--header-row > .memori-header {
417
+ /* `.memori-header` defaults to width:100%; inside header-actions that pushes the close
418
+ button off-screen — constrain it to its icon row only. */
419
+ .memori-widget.memori-layout-hidden_chat
420
+ .memori-sidebar
421
+ .memori-hidden-chat-layout--header-actions
422
+ .memori-header {
416
423
  width: auto;
417
424
  min-width: 0;
418
- flex: 0 1 auto;
425
+ height: auto;
426
+ flex: 0 0 auto;
427
+ margin-left: 0;
428
+ padding-inline: 0;
419
429
  }
420
430
 
421
431
  .memori-widget.memori-layout-hidden_chat .memori-header--position .memori-header--position-placeName {
@@ -426,8 +436,7 @@
426
436
  display: flex;
427
437
  overflow: hidden;
428
438
  min-width: 0;
429
- max-width: calc(100% - 7.5rem);
430
- flex: 1 1 auto;
439
+ flex: 1 1 0;
431
440
  align-items: center;
432
441
  gap: 0.75rem;
433
442
  }
@@ -530,6 +539,10 @@
530
539
  display: none;
531
540
  } */
532
541
 
542
+ .memori-widget.memori-layout-hidden_chat .memori-sidebar .memori-hidden-chat-layout--header-close {
543
+ z-index: 3;
544
+ }
545
+
533
546
  .memori-sidebar {
534
547
  right: -100%;
535
548
  width: 100%;
@@ -610,3 +623,12 @@
610
623
  border: var(--memori-border) solid #fff;
611
624
  color: #fff;
612
625
  }
626
+
627
+ .memori-widget.memori-layout-hidden_chat[data-theme='dark']
628
+ .memori-hidden-chat-layout--header-close.memori-website_assistant--close-button,
629
+ [data-theme='dark']
630
+ .memori-widget.memori-layout-hidden_chat
631
+ .memori-hidden-chat-layout--header-close.memori-website_assistant--close-button {
632
+ border-color: #fff;
633
+ color: #fff;
634
+ }