@xcelsior/ui-chat 2.0.3 → 2.0.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 (54) hide show
  1. package/.storybook/preview.tsx +2 -1
  2. package/dist/index.d.mts +58 -5
  3. package/dist/index.d.ts +58 -5
  4. package/dist/index.js +1073 -473
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +1060 -463
  7. package/dist/index.mjs.map +1 -1
  8. package/package.json +4 -2
  9. package/src/components/BookingCancelledCard.tsx +103 -0
  10. package/src/components/BookingCards.stories.tsx +102 -0
  11. package/src/components/BookingConfirmationCard.tsx +170 -0
  12. package/src/components/BookingSlotPicker.stories.tsx +87 -0
  13. package/src/components/BookingSlotPicker.tsx +253 -0
  14. package/src/components/BrandIcons.stories.tsx +32 -1
  15. package/src/components/BrandIcons.tsx +21 -17
  16. package/src/components/Chat.tsx +78 -83
  17. package/src/components/ChatWidget.tsx +30 -3
  18. package/src/components/MessageItem.tsx +83 -72
  19. package/src/components/MessageList.tsx +4 -0
  20. package/src/hooks/useDraggablePosition.ts +147 -42
  21. package/src/hooks/useMessages.ts +119 -45
  22. package/src/hooks/useWebSocket.ts +17 -4
  23. package/src/index.tsx +11 -0
  24. package/src/types.ts +39 -2
  25. package/src/utils/api.ts +1 -0
  26. package/storybook-static/assets/BookingCancelledCard-XHuB-Ebp.js +31 -0
  27. package/storybook-static/assets/BookingCards.stories-DfJ482RS.js +66 -0
  28. package/storybook-static/assets/BookingSlotPicker-BkfssueW.js +1 -0
  29. package/storybook-static/assets/BookingSlotPicker.stories-fYlg1zLg.js +50 -0
  30. package/storybook-static/assets/BrandIcons-BsRAdWzL.js +4 -0
  31. package/storybook-static/assets/BrandIcons.stories-C6gBovfU.js +106 -0
  32. package/storybook-static/assets/Chat.stories-BrR7LHsz.js +830 -0
  33. package/storybook-static/assets/{Color-YHDXOIA2-BMnd3YrF.js → Color-YHDXOIA2-azE51u2m.js} +1 -1
  34. package/storybook-static/assets/{DocsRenderer-CFRXHY34-i_W8iCu9.js → DocsRenderer-CFRXHY34-jTmzKIDk.js} +3 -3
  35. package/storybook-static/assets/MessageItem-pEOwuLyh.js +34 -0
  36. package/storybook-static/assets/MessageItem.stories-Cs5Vtkle.js +422 -0
  37. package/storybook-static/assets/{entry-preview-oDnntGcx.js → entry-preview-vcpiajAT.js} +1 -1
  38. package/storybook-static/assets/globe-BtMvkLMD.js +31 -0
  39. package/storybook-static/assets/{iframe-CGBtu2Se.js → iframe-Cx1n-SeE.js} +2 -2
  40. package/storybook-static/assets/preview-B8y-wc-n.css +1 -0
  41. package/storybook-static/assets/preview-CC4t7T7W.js +1 -0
  42. package/storybook-static/assets/{preview-BRpahs9B.js → preview-Do3b3dZv.js} +2 -2
  43. package/storybook-static/iframe.html +1 -1
  44. package/storybook-static/index.json +1 -1
  45. package/storybook-static/project.json +1 -1
  46. package/tsconfig.json +4 -0
  47. package/storybook-static/assets/BrandIcons-Cjy5INAp.js +0 -4
  48. package/storybook-static/assets/BrandIcons.stories-BeVC6svr.js +0 -64
  49. package/storybook-static/assets/Chat.stories-J_Yp51wU.js +0 -803
  50. package/storybook-static/assets/MessageItem-DAaKZ9s9.js +0 -14
  51. package/storybook-static/assets/MessageItem.stories-Ckr1_scc.js +0 -255
  52. package/storybook-static/assets/ToastContext-Bty1K7ya.js +0 -1
  53. package/storybook-static/assets/preview-DUOvJmsz.js +0 -1
  54. package/storybook-static/assets/preview-DcGwT3kv.css +0 -1
@@ -1 +1 @@
1
- {"v":5,"entries":{"brand-icons--docs":{"id":"brand-icons--docs","title":"Brand/Icons","name":"Docs","importPath":"./src/components/BrandIcons.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"brand-icons--symbol-sizes":{"type":"story","id":"brand-icons--symbol-sizes","name":"Symbol Sizes","title":"Brand/Icons","importPath":"./src/components/BrandIcons.stories.tsx","tags":["dev","test","autodocs"]},"brand-icons--symbol-on-dark":{"type":"story","id":"brand-icons--symbol-on-dark","name":"Symbol On Dark","title":"Brand/Icons","importPath":"./src/components/BrandIcons.stories.tsx","tags":["dev","test","autodocs"]},"brand-icons--avatar-sizes":{"type":"story","id":"brand-icons--avatar-sizes","name":"Avatar Sizes","title":"Brand/Icons","importPath":"./src/components/BrandIcons.stories.tsx","tags":["dev","test","autodocs"]},"brand-icons--avatar-in-context":{"type":"story","id":"brand-icons--avatar-in-context","name":"Avatar In Context","title":"Brand/Icons","importPath":"./src/components/BrandIcons.stories.tsx","tags":["dev","test","autodocs"]},"components-chat--docs":{"id":"components-chat--docs","title":"Components/Chat","name":"Docs","importPath":"./src/components/Chat.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-chat--progressive-identity":{"type":"story","id":"components-chat--progressive-identity","name":"Progressive Identity","title":"Components/Chat","importPath":"./src/components/Chat.stories.tsx","componentPath":"./src/components/Chat.tsx","tags":["dev","test","autodocs"]},"components-chat--form-identity":{"type":"story","id":"components-chat--form-identity","name":"Form Identity","title":"Components/Chat","importPath":"./src/components/Chat.stories.tsx","componentPath":"./src/components/Chat.tsx","tags":["dev","test","autodocs"]},"components-chat--with-known-user":{"type":"story","id":"components-chat--with-known-user","name":"With Known User","title":"Components/Chat","importPath":"./src/components/Chat.stories.tsx","componentPath":"./src/components/Chat.tsx","tags":["dev","test","autodocs"]},"components-chat--position-left":{"type":"story","id":"components-chat--position-left","name":"Position Left","title":"Components/Chat","importPath":"./src/components/Chat.stories.tsx","componentPath":"./src/components/Chat.tsx","tags":["dev","test","autodocs"]},"components-chat--position-right":{"type":"story","id":"components-chat--position-right","name":"Position Right","title":"Components/Chat","importPath":"./src/components/Chat.stories.tsx","componentPath":"./src/components/Chat.tsx","tags":["dev","test","autodocs"]},"components-chat--position-auto":{"type":"story","id":"components-chat--position-auto","name":"Position Auto","title":"Components/Chat","importPath":"./src/components/Chat.stories.tsx","componentPath":"./src/components/Chat.tsx","tags":["dev","test","autodocs"]},"components-chat--light-theme":{"type":"story","id":"components-chat--light-theme","name":"Light Theme","title":"Components/Chat","importPath":"./src/components/Chat.stories.tsx","componentPath":"./src/components/Chat.tsx","tags":["dev","test","autodocs"]},"components-chat--default":{"type":"story","id":"components-chat--default","name":"Default","title":"Components/Chat","importPath":"./src/components/Chat.stories.tsx","componentPath":"./src/components/Chat.tsx","tags":["dev","test","autodocs"]},"components-chat--open-by-default":{"type":"story","id":"components-chat--open-by-default","name":"Open By Default","title":"Components/Chat","importPath":"./src/components/Chat.stories.tsx","componentPath":"./src/components/Chat.tsx","tags":["dev","test","autodocs"]},"components-conversationrating--docs":{"id":"components-conversationrating--docs","title":"Components/ConversationRating","name":"Docs","importPath":"./src/components/ConversationRating.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-conversationrating--default":{"type":"story","id":"components-conversationrating--default","name":"Default","title":"Components/ConversationRating","importPath":"./src/components/ConversationRating.stories.tsx","componentPath":"./src/components/ConversationRating.tsx","tags":["dev","test","autodocs"]},"components-conversationrating--in-dark-container":{"type":"story","id":"components-conversationrating--in-dark-container","name":"In Dark Container","title":"Components/ConversationRating","importPath":"./src/components/ConversationRating.stories.tsx","componentPath":"./src/components/ConversationRating.tsx","tags":["dev","test","autodocs"]},"components-messageitem--docs":{"id":"components-messageitem--docs","title":"Components/MessageItem","name":"Docs","importPath":"./src/components/MessageItem.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-messageitem--customer-message":{"type":"story","id":"components-messageitem--customer-message","name":"Customer Message","title":"Components/MessageItem","importPath":"./src/components/MessageItem.stories.tsx","componentPath":"./src/components/MessageItem.tsx","tags":["dev","test","autodocs"]},"components-messageitem--agent-message":{"type":"story","id":"components-messageitem--agent-message","name":"Agent Message","title":"Components/MessageItem","importPath":"./src/components/MessageItem.stories.tsx","componentPath":"./src/components/MessageItem.tsx","tags":["dev","test","autodocs"]},"components-messageitem--bot-message":{"type":"story","id":"components-messageitem--bot-message","name":"Bot Message","title":"Components/MessageItem","importPath":"./src/components/MessageItem.stories.tsx","componentPath":"./src/components/MessageItem.tsx","tags":["dev","test","autodocs"]},"components-messageitem--bot-message-low-confidence":{"type":"story","id":"components-messageitem--bot-message-low-confidence","name":"Bot Message Low Confidence","title":"Components/MessageItem","importPath":"./src/components/MessageItem.stories.tsx","componentPath":"./src/components/MessageItem.tsx","tags":["dev","test","autodocs"]},"components-messageitem--bot-message-feedback-good":{"type":"story","id":"components-messageitem--bot-message-feedback-good","name":"Bot Message Feedback Good","title":"Components/MessageItem","importPath":"./src/components/MessageItem.stories.tsx","componentPath":"./src/components/MessageItem.tsx","tags":["dev","test","autodocs"]},"components-messageitem--bot-message-feedback-wrong":{"type":"story","id":"components-messageitem--bot-message-feedback-wrong","name":"Bot Message Feedback Wrong","title":"Components/MessageItem","importPath":"./src/components/MessageItem.stories.tsx","componentPath":"./src/components/MessageItem.tsx","tags":["dev","test","autodocs"]},"components-messageitem--bot-message-with-markdown":{"type":"story","id":"components-messageitem--bot-message-with-markdown","name":"Bot Message With Markdown","title":"Components/MessageItem","importPath":"./src/components/MessageItem.stories.tsx","componentPath":"./src/components/MessageItem.tsx","tags":["dev","test","autodocs"]},"components-messageitem--system-message":{"type":"story","id":"components-messageitem--system-message","name":"System Message","title":"Components/MessageItem","importPath":"./src/components/MessageItem.stories.tsx","componentPath":"./src/components/MessageItem.tsx","tags":["dev","test","autodocs"]},"components-messageitem--escalation-notice":{"type":"story","id":"components-messageitem--escalation-notice","name":"Escalation Notice","title":"Components/MessageItem","importPath":"./src/components/MessageItem.stories.tsx","componentPath":"./src/components/MessageItem.tsx","tags":["dev","test","autodocs"]},"components-messageitem--agent-took-over":{"type":"story","id":"components-messageitem--agent-took-over","name":"Agent Took Over","title":"Components/MessageItem","importPath":"./src/components/MessageItem.stories.tsx","componentPath":"./src/components/MessageItem.tsx","tags":["dev","test","autodocs"]},"components-messageitem--image-message":{"type":"story","id":"components-messageitem--image-message","name":"Image Message","title":"Components/MessageItem","importPath":"./src/components/MessageItem.stories.tsx","componentPath":"./src/components/MessageItem.tsx","tags":["dev","test","autodocs"]},"components-messageitem--file-message":{"type":"story","id":"components-messageitem--file-message","name":"File Message","title":"Components/MessageItem","importPath":"./src/components/MessageItem.stories.tsx","componentPath":"./src/components/MessageItem.tsx","tags":["dev","test","autodocs"]},"components-messageitem--full-conversation-flow":{"type":"story","id":"components-messageitem--full-conversation-flow","name":"Full Conversation Flow","title":"Components/MessageItem","importPath":"./src/components/MessageItem.stories.tsx","componentPath":"./src/components/MessageItem.tsx","tags":["dev","test","autodocs"]}}}
1
+ {"v":5,"entries":{"components-bookingconfirmationcard--docs":{"id":"components-bookingconfirmationcard--docs","title":"Components/BookingConfirmationCard","name":"Docs","importPath":"./src/components/BookingCards.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-bookingconfirmationcard--confirmed":{"type":"story","id":"components-bookingconfirmationcard--confirmed","name":"Confirmed","title":"Components/BookingConfirmationCard","importPath":"./src/components/BookingCards.stories.tsx","componentPath":"./src/components/BookingConfirmationCard.tsx","tags":["dev","test","autodocs"]},"components-bookingconfirmationcard--confirmed-no-meet-link":{"type":"story","id":"components-bookingconfirmationcard--confirmed-no-meet-link","name":"Confirmed No Meet Link","title":"Components/BookingConfirmationCard","importPath":"./src/components/BookingCards.stories.tsx","componentPath":"./src/components/BookingConfirmationCard.tsx","tags":["dev","test","autodocs"]},"components-bookingconfirmationcard--confirmed-light-theme":{"type":"story","id":"components-bookingconfirmationcard--confirmed-light-theme","name":"Confirmed Light Theme","title":"Components/BookingConfirmationCard","importPath":"./src/components/BookingCards.stories.tsx","componentPath":"./src/components/BookingConfirmationCard.tsx","tags":["dev","test","autodocs"]},"components-bookingconfirmationcard--cancelled-by-visitor":{"type":"story","id":"components-bookingconfirmationcard--cancelled-by-visitor","name":"Cancelled By Visitor","title":"Components/BookingConfirmationCard","importPath":"./src/components/BookingCards.stories.tsx","componentPath":"./src/components/BookingConfirmationCard.tsx","tags":["dev","test","autodocs"]},"components-bookingconfirmationcard--cancelled-by-admin":{"type":"story","id":"components-bookingconfirmationcard--cancelled-by-admin","name":"Cancelled By Admin","title":"Components/BookingConfirmationCard","importPath":"./src/components/BookingCards.stories.tsx","componentPath":"./src/components/BookingConfirmationCard.tsx","tags":["dev","test","autodocs"]},"components-bookingslotpicker--docs":{"id":"components-bookingslotpicker--docs","title":"Components/BookingSlotPicker","name":"Docs","importPath":"./src/components/BookingSlotPicker.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-bookingslotpicker--default":{"type":"story","id":"components-bookingslotpicker--default","name":"Default","title":"Components/BookingSlotPicker","importPath":"./src/components/BookingSlotPicker.stories.tsx","componentPath":"./src/components/BookingSlotPicker.tsx","tags":["dev","test","autodocs"]},"components-bookingslotpicker--light-theme":{"type":"story","id":"components-bookingslotpicker--light-theme","name":"Light Theme","title":"Components/BookingSlotPicker","importPath":"./src/components/BookingSlotPicker.stories.tsx","componentPath":"./src/components/BookingSlotPicker.tsx","tags":["dev","test","autodocs"]},"components-bookingslotpicker--disabled":{"type":"story","id":"components-bookingslotpicker--disabled","name":"Disabled","title":"Components/BookingSlotPicker","importPath":"./src/components/BookingSlotPicker.stories.tsx","componentPath":"./src/components/BookingSlotPicker.tsx","tags":["dev","test","autodocs"]},"components-bookingslotpicker--limited-slots":{"type":"story","id":"components-bookingslotpicker--limited-slots","name":"Limited Slots","title":"Components/BookingSlotPicker","importPath":"./src/components/BookingSlotPicker.stories.tsx","componentPath":"./src/components/BookingSlotPicker.tsx","tags":["dev","test","autodocs"]},"brand-icons--docs":{"id":"brand-icons--docs","title":"Brand/Icons","name":"Docs","importPath":"./src/components/BrandIcons.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"brand-icons--symbol-sizes":{"type":"story","id":"brand-icons--symbol-sizes","name":"Symbol Sizes","title":"Brand/Icons","importPath":"./src/components/BrandIcons.stories.tsx","tags":["dev","test","autodocs"]},"brand-icons--symbol-on-dark":{"type":"story","id":"brand-icons--symbol-on-dark","name":"Symbol On Dark","title":"Brand/Icons","importPath":"./src/components/BrandIcons.stories.tsx","tags":["dev","test","autodocs"]},"brand-icons--avatar-sizes":{"type":"story","id":"brand-icons--avatar-sizes","name":"Avatar Sizes","title":"Brand/Icons","importPath":"./src/components/BrandIcons.stories.tsx","tags":["dev","test","autodocs"]},"brand-icons--chat-bubble-sizes":{"type":"story","id":"brand-icons--chat-bubble-sizes","name":"Chat Bubble Sizes","title":"Brand/Icons","importPath":"./src/components/BrandIcons.stories.tsx","tags":["dev","test","autodocs"]},"brand-icons--avatar-in-context":{"type":"story","id":"brand-icons--avatar-in-context","name":"Avatar In Context","title":"Brand/Icons","importPath":"./src/components/BrandIcons.stories.tsx","tags":["dev","test","autodocs"]},"components-chat--docs":{"id":"components-chat--docs","title":"Components/Chat","name":"Docs","importPath":"./src/components/Chat.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-chat--progressive-identity":{"type":"story","id":"components-chat--progressive-identity","name":"Progressive Identity","title":"Components/Chat","importPath":"./src/components/Chat.stories.tsx","componentPath":"./src/components/Chat.tsx","tags":["dev","test","autodocs"]},"components-chat--form-identity":{"type":"story","id":"components-chat--form-identity","name":"Form Identity","title":"Components/Chat","importPath":"./src/components/Chat.stories.tsx","componentPath":"./src/components/Chat.tsx","tags":["dev","test","autodocs"]},"components-chat--with-known-user":{"type":"story","id":"components-chat--with-known-user","name":"With Known User","title":"Components/Chat","importPath":"./src/components/Chat.stories.tsx","componentPath":"./src/components/Chat.tsx","tags":["dev","test","autodocs"]},"components-chat--position-left":{"type":"story","id":"components-chat--position-left","name":"Position Left","title":"Components/Chat","importPath":"./src/components/Chat.stories.tsx","componentPath":"./src/components/Chat.tsx","tags":["dev","test","autodocs"]},"components-chat--position-right":{"type":"story","id":"components-chat--position-right","name":"Position Right","title":"Components/Chat","importPath":"./src/components/Chat.stories.tsx","componentPath":"./src/components/Chat.tsx","tags":["dev","test","autodocs"]},"components-chat--position-auto":{"type":"story","id":"components-chat--position-auto","name":"Position Auto","title":"Components/Chat","importPath":"./src/components/Chat.stories.tsx","componentPath":"./src/components/Chat.tsx","tags":["dev","test","autodocs"]},"components-chat--light-theme":{"type":"story","id":"components-chat--light-theme","name":"Light Theme","title":"Components/Chat","importPath":"./src/components/Chat.stories.tsx","componentPath":"./src/components/Chat.tsx","tags":["dev","test","autodocs"]},"components-chat--default":{"type":"story","id":"components-chat--default","name":"Default","title":"Components/Chat","importPath":"./src/components/Chat.stories.tsx","componentPath":"./src/components/Chat.tsx","tags":["dev","test","autodocs"]},"components-chat--open-by-default":{"type":"story","id":"components-chat--open-by-default","name":"Open By Default","title":"Components/Chat","importPath":"./src/components/Chat.stories.tsx","componentPath":"./src/components/Chat.tsx","tags":["dev","test","autodocs"]},"components-chat--resizable":{"type":"story","id":"components-chat--resizable","name":"Resizable","title":"Components/Chat","importPath":"./src/components/Chat.stories.tsx","componentPath":"./src/components/Chat.tsx","tags":["dev","test","autodocs"]},"components-conversationrating--docs":{"id":"components-conversationrating--docs","title":"Components/ConversationRating","name":"Docs","importPath":"./src/components/ConversationRating.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-conversationrating--default":{"type":"story","id":"components-conversationrating--default","name":"Default","title":"Components/ConversationRating","importPath":"./src/components/ConversationRating.stories.tsx","componentPath":"./src/components/ConversationRating.tsx","tags":["dev","test","autodocs"]},"components-conversationrating--in-dark-container":{"type":"story","id":"components-conversationrating--in-dark-container","name":"In Dark Container","title":"Components/ConversationRating","importPath":"./src/components/ConversationRating.stories.tsx","componentPath":"./src/components/ConversationRating.tsx","tags":["dev","test","autodocs"]},"components-messageitem--docs":{"id":"components-messageitem--docs","title":"Components/MessageItem","name":"Docs","importPath":"./src/components/MessageItem.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-messageitem--customer-message":{"type":"story","id":"components-messageitem--customer-message","name":"Customer Message","title":"Components/MessageItem","importPath":"./src/components/MessageItem.stories.tsx","componentPath":"./src/components/MessageItem.tsx","tags":["dev","test","autodocs"]},"components-messageitem--agent-message":{"type":"story","id":"components-messageitem--agent-message","name":"Agent Message","title":"Components/MessageItem","importPath":"./src/components/MessageItem.stories.tsx","componentPath":"./src/components/MessageItem.tsx","tags":["dev","test","autodocs"]},"components-messageitem--bot-message":{"type":"story","id":"components-messageitem--bot-message","name":"Bot Message","title":"Components/MessageItem","importPath":"./src/components/MessageItem.stories.tsx","componentPath":"./src/components/MessageItem.tsx","tags":["dev","test","autodocs"]},"components-messageitem--bot-message-low-confidence":{"type":"story","id":"components-messageitem--bot-message-low-confidence","name":"Bot Message Low Confidence","title":"Components/MessageItem","importPath":"./src/components/MessageItem.stories.tsx","componentPath":"./src/components/MessageItem.tsx","tags":["dev","test","autodocs"]},"components-messageitem--bot-message-feedback-good":{"type":"story","id":"components-messageitem--bot-message-feedback-good","name":"Bot Message Feedback Good","title":"Components/MessageItem","importPath":"./src/components/MessageItem.stories.tsx","componentPath":"./src/components/MessageItem.tsx","tags":["dev","test","autodocs"]},"components-messageitem--bot-message-feedback-wrong":{"type":"story","id":"components-messageitem--bot-message-feedback-wrong","name":"Bot Message Feedback Wrong","title":"Components/MessageItem","importPath":"./src/components/MessageItem.stories.tsx","componentPath":"./src/components/MessageItem.tsx","tags":["dev","test","autodocs"]},"components-messageitem--bot-message-with-markdown":{"type":"story","id":"components-messageitem--bot-message-with-markdown","name":"Bot Message With Markdown","title":"Components/MessageItem","importPath":"./src/components/MessageItem.stories.tsx","componentPath":"./src/components/MessageItem.tsx","tags":["dev","test","autodocs"]},"components-messageitem--system-message":{"type":"story","id":"components-messageitem--system-message","name":"System Message","title":"Components/MessageItem","importPath":"./src/components/MessageItem.stories.tsx","componentPath":"./src/components/MessageItem.tsx","tags":["dev","test","autodocs"]},"components-messageitem--escalation-notice":{"type":"story","id":"components-messageitem--escalation-notice","name":"Escalation Notice","title":"Components/MessageItem","importPath":"./src/components/MessageItem.stories.tsx","componentPath":"./src/components/MessageItem.tsx","tags":["dev","test","autodocs"]},"components-messageitem--agent-took-over":{"type":"story","id":"components-messageitem--agent-took-over","name":"Agent Took Over","title":"Components/MessageItem","importPath":"./src/components/MessageItem.stories.tsx","componentPath":"./src/components/MessageItem.tsx","tags":["dev","test","autodocs"]},"components-messageitem--image-message":{"type":"story","id":"components-messageitem--image-message","name":"Image Message","title":"Components/MessageItem","importPath":"./src/components/MessageItem.stories.tsx","componentPath":"./src/components/MessageItem.tsx","tags":["dev","test","autodocs"]},"components-messageitem--file-message":{"type":"story","id":"components-messageitem--file-message","name":"File Message","title":"Components/MessageItem","importPath":"./src/components/MessageItem.stories.tsx","componentPath":"./src/components/MessageItem.tsx","tags":["dev","test","autodocs"]},"components-messageitem--bot-markdown-message":{"type":"story","id":"components-messageitem--bot-markdown-message","name":"Bot Markdown Message","title":"Components/MessageItem","importPath":"./src/components/MessageItem.stories.tsx","componentPath":"./src/components/MessageItem.tsx","tags":["dev","test","autodocs"]},"components-messageitem--bot-code-block":{"type":"story","id":"components-messageitem--bot-code-block","name":"Bot Code Block","title":"Components/MessageItem","importPath":"./src/components/MessageItem.stories.tsx","componentPath":"./src/components/MessageItem.tsx","tags":["dev","test","autodocs"]},"components-messageitem--bot-long-response":{"type":"story","id":"components-messageitem--bot-long-response","name":"Bot Long Response","title":"Components/MessageItem","importPath":"./src/components/MessageItem.stories.tsx","componentPath":"./src/components/MessageItem.tsx","tags":["dev","test","autodocs"]},"components-messageitem--full-conversation-flow":{"type":"story","id":"components-messageitem--full-conversation-flow","name":"Full Conversation Flow","title":"Components/MessageItem","importPath":"./src/components/MessageItem.stories.tsx","componentPath":"./src/components/MessageItem.tsx","tags":["dev","test","autodocs"]}}}
@@ -1 +1 @@
1
- {"generatedAt":1773975965079,"userSince":1764629774976,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"testPackages":{"@storybook/testing-library":"0.2.2"},"hasRouterPackage":false,"monorepo":"Turborepo","packageManager":{"type":"pnpm","version":"8.15.4","agent":"pnpm"},"typescriptOptions":{"check":false,"reactDocgen":"react-docgen-typescript","reactDocgenTypescriptOptions":{"shouldExtractLiteralValuesFromEnum":true}},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":0,"storybookVersion":"8.6.14","storybookVersionSpecifier":"^8.6.14","language":"typescript","storybookPackages":{"@storybook/addon-onboarding":{"version":"8.6.14"},"@storybook/blocks":{"version":"8.6.14"},"@storybook/nextjs":{"version":"8.6.14"},"@storybook/react":{"version":"8.6.14"},"@storybook/react-vite":{"version":"8.6.14"},"@storybook/testing-library":{"version":"0.2.2"},"storybook":{"version":"8.6.14"}},"addons":{"@storybook/addon-links":{"version":"8.6.14"},"@storybook/addon-essentials":{"version":"8.6.14"},"@storybook/addon-interactions":{"version":"8.6.14"}}}
1
+ {"generatedAt":1774330686020,"userSince":1764629774976,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"testPackages":{"@storybook/testing-library":"0.2.2"},"hasRouterPackage":false,"monorepo":"Turborepo","packageManager":{"type":"pnpm","version":"8.15.4","agent":"pnpm"},"typescriptOptions":{"check":false,"reactDocgen":"react-docgen-typescript","reactDocgenTypescriptOptions":{"shouldExtractLiteralValuesFromEnum":true}},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":0,"storybookVersion":"8.6.14","storybookVersionSpecifier":"^8.6.14","language":"typescript","storybookPackages":{"@storybook/addon-onboarding":{"version":"8.6.14"},"@storybook/blocks":{"version":"8.6.14"},"@storybook/nextjs":{"version":"8.6.14"},"@storybook/react":{"version":"8.6.14"},"@storybook/react-vite":{"version":"8.6.14"},"@storybook/testing-library":{"version":"0.2.2"},"storybook":{"version":"8.6.14"}},"addons":{"@storybook/addon-links":{"version":"8.6.14"},"@storybook/addon-essentials":{"version":"8.6.14"},"@storybook/addon-interactions":{"version":"8.6.14"}}}
package/tsconfig.json CHANGED
@@ -1,5 +1,9 @@
1
1
  {
2
2
  "extends": "../../config/typescript/react.json",
3
+ "compilerOptions": {
4
+ "moduleResolution": "bundler",
5
+ "module": "ESNext"
6
+ },
3
7
  "include": ["."],
4
8
  "exclude": ["dist", "build", "node_modules"]
5
9
  }
@@ -1,4 +0,0 @@
1
- import{j as a}from"./jsx-runtime-Cf8x2fCZ.js";function i({size:e=24,color:r="white",className:t="",style:n}){return a.jsxs("svg",{width:e,height:e,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,style:n,"aria-hidden":"true",children:[a.jsx("path",{d:"M20.582 15.027L31.849 0.036H24.808L17.039 10.303L20.582 15.027ZM24.808 31.837H31.849L20.582 16.846L17.039 21.57L24.808 31.837Z",fill:r}),a.jsx("path",{d:"M14.313 15.027H18.402L7.135 0.036H0.185L9.406 12.392C10.587 13.983 12.359 15.027 14.313 15.027Z",fill:r}),a.jsx("path",{d:"M0.185 31.837H7.135L18.402 16.846H14.313C12.359 16.846 10.588 17.891 9.406 19.481L0.185 31.837Z",fill:r})]})}function s({size:e=28,color:r="white",className:t="",style:n}){return a.jsx("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:r,strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:t,style:n,"aria-hidden":"true",children:a.jsx("path",{d:"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"})})}function l({size:e=40,className:r=""}){const t=Math.round(e*.55);return a.jsx("div",{className:`flex items-center justify-center rounded-full ${r}`,style:{width:e,height:e,background:"linear-gradient(135deg, #337eff, #005eff)"},children:a.jsx(i,{size:t,color:"white"})})}try{i.displayName="XcelsiorSymbol",i.__docgenInfo={description:`Xcelsior "X" symbol mark (from favicon-brand.svg)
2
- Reusable across the chat widget — FAB button, avatar, header, etc.`,displayName:"XcelsiorSymbol",props:{size:{defaultValue:{value:"24"},description:"",name:"size",required:!1,type:{name:"number | undefined"}},color:{defaultValue:{value:"white"},description:"",name:"color",required:!1,type:{name:"string | undefined"}},className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string | undefined"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties | undefined"}}}}}catch{}try{s.displayName="ChatBubbleIcon",s.__docgenInfo={description:`Chat bubble icon for the FAB launcher button.
3
- Instantly recognizable as a chat trigger.`,displayName:"ChatBubbleIcon",props:{size:{defaultValue:{value:"28"},description:"",name:"size",required:!1,type:{name:"number | undefined"}},color:{defaultValue:{value:"white"},description:"",name:"color",required:!1,type:{name:"string | undefined"}},className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string | undefined"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties | undefined"}}}}}catch{}try{l.displayName="XcelsiorAvatar",l.__docgenInfo={description:`Xcelsior "X" avatar — symbol inside a gradient circle
4
- Used as bot avatar in messages and chat header`,displayName:"XcelsiorAvatar",props:{size:{defaultValue:{value:"40"},description:"",name:"size",required:!1,type:{name:"number | undefined"}},className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string | undefined"}}}}}catch{}export{s as C,i as X,l as a};
@@ -1,64 +0,0 @@
1
- import{j as e}from"./jsx-runtime-Cf8x2fCZ.js";import{X as s,a as i}from"./BrandIcons-Cjy5INAp.js";import"./index-yBjzXJbu.js";const H={title:"Brand/Icons",parameters:{layout:"padded"},tags:["autodocs"]},a={render:()=>e.jsxs("div",{className:"flex items-center gap-6 p-4",children:[e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(s,{size:16,color:"#337eff"}),e.jsx("span",{className:"text-xs text-gray-500",children:"16px"})]}),e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(s,{size:24,color:"#337eff"}),e.jsx("span",{className:"text-xs text-gray-500",children:"24px"})]}),e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(s,{size:32,color:"#337eff"}),e.jsx("span",{className:"text-xs text-gray-500",children:"32px"})]}),e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(s,{size:48,color:"#337eff"}),e.jsx("span",{className:"text-xs text-gray-500",children:"48px"})]})]})},t={render:()=>e.jsxs("div",{className:"flex items-center gap-6 p-6 bg-gray-900 rounded-lg",children:[e.jsx(s,{size:24,color:"white"}),e.jsx(s,{size:32,color:"white"}),e.jsx(s,{size:48,color:"white"})]})},r={render:()=>e.jsxs("div",{className:"flex items-center gap-6 p-4",children:[e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(i,{size:24}),e.jsx("span",{className:"text-xs text-gray-500",children:"24px"})]}),e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(i,{size:32}),e.jsx("span",{className:"text-xs text-gray-500",children:"32px"})]}),e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(i,{size:40}),e.jsx("span",{className:"text-xs text-gray-500",children:"40px (default)"})]}),e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(i,{size:56}),e.jsx("span",{className:"text-xs text-gray-500",children:"56px (FAB)"})]})]})},l={render:()=>e.jsxs("div",{className:"flex flex-col gap-3 max-w-md p-4 bg-gray-900 rounded-lg",children:[e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx(i,{size:32}),e.jsxs("div",{className:"bg-gray-800 rounded-lg px-3 py-2 text-sm text-white",children:[e.jsx("p",{className:"text-xs text-blue-400 mb-1",children:"AI Assistant"}),"Hello! How can I help you today?"]})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-green-600 flex items-center justify-center text-white text-sm font-medium",children:"S"}),e.jsxs("div",{className:"bg-gray-800 rounded-lg px-3 py-2 text-sm text-white",children:[e.jsx("p",{className:"text-xs text-green-400 mb-1",children:"Sarah (Agent)"}),"I'm here to help with your inquiry!"]})]})]})};var c,n,x,o,d;a.parameters={...a.parameters,docs:{...(c=a.parameters)==null?void 0:c.docs,source:{originalSource:`{
2
- render: () => <div className="flex items-center gap-6 p-4">
3
- <div className="flex flex-col items-center gap-2">
4
- <XcelsiorSymbol size={16} color="#337eff" />
5
- <span className="text-xs text-gray-500">16px</span>
6
- </div>
7
- <div className="flex flex-col items-center gap-2">
8
- <XcelsiorSymbol size={24} color="#337eff" />
9
- <span className="text-xs text-gray-500">24px</span>
10
- </div>
11
- <div className="flex flex-col items-center gap-2">
12
- <XcelsiorSymbol size={32} color="#337eff" />
13
- <span className="text-xs text-gray-500">32px</span>
14
- </div>
15
- <div className="flex flex-col items-center gap-2">
16
- <XcelsiorSymbol size={48} color="#337eff" />
17
- <span className="text-xs text-gray-500">48px</span>
18
- </div>
19
- </div>
20
- }`,...(x=(n=a.parameters)==null?void 0:n.docs)==null?void 0:x.source},description:{story:"Xcelsior X symbol at various sizes",...(d=(o=a.parameters)==null?void 0:o.docs)==null?void 0:d.description}}};var m,p,g,f,v;t.parameters={...t.parameters,docs:{...(m=t.parameters)==null?void 0:m.docs,source:{originalSource:`{
21
- render: () => <div className="flex items-center gap-6 p-6 bg-gray-900 rounded-lg">
22
- <XcelsiorSymbol size={24} color="white" />
23
- <XcelsiorSymbol size={32} color="white" />
24
- <XcelsiorSymbol size={48} color="white" />
25
- </div>
26
- }`,...(g=(p=t.parameters)==null?void 0:p.docs)==null?void 0:g.source},description:{story:"Symbol on dark backgrounds",...(v=(f=t.parameters)==null?void 0:f.docs)==null?void 0:v.description}}};var y,N,h,u,j;r.parameters={...r.parameters,docs:{...(y=r.parameters)==null?void 0:y.docs,source:{originalSource:`{
27
- render: () => <div className="flex items-center gap-6 p-4">
28
- <div className="flex flex-col items-center gap-2">
29
- <XcelsiorAvatar size={24} />
30
- <span className="text-xs text-gray-500">24px</span>
31
- </div>
32
- <div className="flex flex-col items-center gap-2">
33
- <XcelsiorAvatar size={32} />
34
- <span className="text-xs text-gray-500">32px</span>
35
- </div>
36
- <div className="flex flex-col items-center gap-2">
37
- <XcelsiorAvatar size={40} />
38
- <span className="text-xs text-gray-500">40px (default)</span>
39
- </div>
40
- <div className="flex flex-col items-center gap-2">
41
- <XcelsiorAvatar size={56} />
42
- <span className="text-xs text-gray-500">56px (FAB)</span>
43
- </div>
44
- </div>
45
- }`,...(h=(N=r.parameters)==null?void 0:N.docs)==null?void 0:h.source},description:{story:"Xcelsior avatar (gradient circle with symbol) at various sizes",...(j=(u=r.parameters)==null?void 0:u.docs)==null?void 0:j.description}}};var b,z,S,w,A;l.parameters={...l.parameters,docs:{...(b=l.parameters)==null?void 0:b.docs,source:{originalSource:`{
46
- render: () => <div className="flex flex-col gap-3 max-w-md p-4 bg-gray-900 rounded-lg">
47
- <div className="flex items-start gap-3">
48
- <XcelsiorAvatar size={32} />
49
- <div className="bg-gray-800 rounded-lg px-3 py-2 text-sm text-white">
50
- <p className="text-xs text-blue-400 mb-1">AI Assistant</p>
51
- Hello! How can I help you today?
52
- </div>
53
- </div>
54
- <div className="flex items-start gap-3">
55
- <div className="w-8 h-8 rounded-full bg-green-600 flex items-center justify-center text-white text-sm font-medium">
56
- S
57
- </div>
58
- <div className="bg-gray-800 rounded-lg px-3 py-2 text-sm text-white">
59
- <p className="text-xs text-green-400 mb-1">Sarah (Agent)</p>
60
- I&apos;m here to help with your inquiry!
61
- </div>
62
- </div>
63
- </div>
64
- }`,...(S=(z=l.parameters)==null?void 0:z.docs)==null?void 0:S.source},description:{story:"Avatar in context — message list style",...(A=(w=l.parameters)==null?void 0:w.docs)==null?void 0:A.description}}};const B=["SymbolSizes","SymbolOnDark","AvatarSizes","AvatarInContext"];export{l as AvatarInContext,r as AvatarSizes,t as SymbolOnDark,a as SymbolSizes,B as __namedExportsOrder,H as default};