@seamly/web-ui 19.1.3 → 20.0.0-beta.1

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 (182) hide show
  1. package/CHANGELOG.md +625 -0
  2. package/build/dist/lib/components.js +2 -1
  3. package/build/dist/lib/components.min.js +1 -1
  4. package/build/dist/lib/index.debug.js +180 -125
  5. package/build/dist/lib/index.debug.min.js +1 -1
  6. package/build/dist/lib/index.debug.min.js.LICENSE.txt +45 -25
  7. package/build/dist/lib/index.js +7279 -7756
  8. package/build/dist/lib/index.min.js +1 -1
  9. package/build/dist/lib/index.min.js.LICENSE.txt +0 -5
  10. package/build/dist/lib/standalone.js +5700 -6184
  11. package/build/dist/lib/standalone.min.js +1 -1
  12. package/build/dist/lib/standalone.min.js.LICENSE.txt +0 -5
  13. package/build/dist/lib/style-guide.js +10820 -4993
  14. package/build/dist/lib/style-guide.min.js +2 -1
  15. package/build/dist/lib/style-guide.min.js.LICENSE.txt +9 -0
  16. package/build/dist/lib/styles.css +1 -1
  17. package/package.json +1 -2
  18. package/src/icons/icon_file-32.svg +1 -1
  19. package/src/javascripts/api/index.js +48 -37
  20. package/src/javascripts/config.js +1 -5
  21. package/src/javascripts/domains/app/actions.js +22 -5
  22. package/src/javascripts/domains/config/actions.js +3 -0
  23. package/src/javascripts/domains/config/reducer.js +9 -0
  24. package/src/javascripts/domains/forms/hooks.js +3 -1
  25. package/src/javascripts/domains/forms/provider.js +12 -0
  26. package/src/javascripts/domains/forms/reducer.js +2 -0
  27. package/src/javascripts/domains/i18n/hooks.js +2 -1
  28. package/src/javascripts/domains/i18n/reducer.js +2 -0
  29. package/src/javascripts/domains/interrupt/reducer.js +2 -2
  30. package/src/javascripts/domains/options/middleware.js +15 -31
  31. package/src/javascripts/domains/store/index.js +2 -1
  32. package/src/javascripts/domains/store/state-reducer.js +3 -8
  33. package/src/javascripts/domains/translations/components/options-dialog/form.js +1 -1
  34. package/src/javascripts/domains/translations/components/options-dialog/index.js +15 -1
  35. package/src/javascripts/domains/translations/reducer.js +2 -0
  36. package/src/javascripts/domains/visibility/actions.js +1 -1
  37. package/src/javascripts/domains/visibility/hooks.js +10 -8
  38. package/src/javascripts/domains/visibility/utils.js +1 -2
  39. package/src/javascripts/index.js +5 -3
  40. package/src/javascripts/lib/css.js +7 -1
  41. package/src/javascripts/lib/engine/index.js +4 -3
  42. package/src/javascripts/lib/external-api/index.js +38 -29
  43. package/src/javascripts/package/components.js +2 -1
  44. package/src/javascripts/style-guide/components/app.js +1 -1
  45. package/src/javascripts/style-guide/components/static-core.js +9 -3
  46. package/src/javascripts/style-guide/states.js +203 -298
  47. package/src/javascripts/ui/components/chat-app.js +1 -1
  48. package/src/javascripts/ui/components/conversation/component-filter.js +6 -0
  49. package/src/javascripts/ui/components/conversation/event/carousel-component/index.js +8 -1
  50. package/src/javascripts/ui/components/conversation/event/carousel-message/components/slide.js +2 -3
  51. package/src/javascripts/ui/components/conversation/event/conversation-suggestions.js +70 -0
  52. package/src/javascripts/ui/components/conversation/event/participant.js +2 -5
  53. package/src/javascripts/ui/components/conversation/event/splash.js +26 -0
  54. package/src/javascripts/ui/components/conversation/event/text.js +1 -2
  55. package/src/javascripts/ui/components/core/seamly-core.js +12 -9
  56. package/src/javascripts/ui/components/core/seamly-event-subscriber.js +4 -10
  57. package/src/javascripts/ui/components/core/seamly-instance-functions-loader.js +1 -8
  58. package/src/javascripts/ui/components/entry/entry-container.js +5 -3
  59. package/src/javascripts/ui/components/entry/text-entry/index.js +7 -1
  60. package/src/javascripts/ui/components/entry/text-entry/text-entry-form.js +5 -1
  61. package/src/javascripts/ui/components/entry/toggle-button.js +4 -2
  62. package/src/javascripts/ui/components/entry/upload/file-upload-form.js +1 -1
  63. package/src/javascripts/ui/components/form-controls/error.js +6 -2
  64. package/src/javascripts/ui/components/form-controls/form.js +26 -3
  65. package/src/javascripts/ui/components/layout/app-frame.js +24 -15
  66. package/src/javascripts/ui/components/layout/chat-frame.js +0 -2
  67. package/src/javascripts/ui/components/layout/modal-wrapper.js +0 -80
  68. package/src/javascripts/ui/components/layout/pre-chat-messages.js +45 -0
  69. package/src/javascripts/ui/components/options/options-frame.js +9 -4
  70. package/src/javascripts/ui/components/options/options.js +1 -4
  71. package/src/javascripts/ui/components/options/transcript/index.js +15 -1
  72. package/src/javascripts/ui/components/options/transcript/transcript-form.js +1 -1
  73. package/src/javascripts/ui/components/suggestions/index.js +174 -0
  74. package/src/javascripts/ui/components/suggestions/suggestions-item.js +40 -0
  75. package/src/javascripts/ui/components/suggestions/suggestions-list.js +24 -0
  76. package/src/javascripts/ui/components/view/app-view.js +21 -0
  77. package/src/javascripts/ui/components/view/deprecated-view.js +30 -0
  78. package/src/javascripts/ui/components/view/index.js +27 -0
  79. package/src/javascripts/ui/components/view/inline-view.js +45 -0
  80. package/src/javascripts/ui/components/view/window-view/collapse-button.js +20 -0
  81. package/src/javascripts/ui/components/view/window-view/index.js +82 -0
  82. package/src/javascripts/ui/components/view/window-view/window-open-button.js +68 -0
  83. package/src/javascripts/ui/components/widgets/lightbox.js +7 -2
  84. package/src/javascripts/ui/hooks/component-helper-hooks.js +0 -9
  85. package/src/javascripts/ui/hooks/seamly-hooks.js +0 -1
  86. package/src/javascripts/ui/hooks/seamly-state-hooks.js +28 -4
  87. package/src/javascripts/ui/hooks/use-seamly-chat.js +12 -3
  88. package/src/javascripts/ui/hooks/use-seamly-commands.js +4 -31
  89. package/src/javascripts/ui/utils/seamly-utils.js +2 -14
  90. package/src/stylesheets/1-settings/_animations.scss +0 -6
  91. package/src/stylesheets/1-settings/_config.scss +34 -35
  92. package/src/stylesheets/2-tools/_functions.scss +0 -5
  93. package/src/stylesheets/2-tools/_mixins.scss +4 -16
  94. package/src/stylesheets/3-app/_app.scss +78 -135
  95. package/src/stylesheets/4-base/_a11y.scss +0 -3
  96. package/src/stylesheets/4-base/_elements.scss +0 -11
  97. package/src/stylesheets/4-base/_formelements.scss +4 -14
  98. package/src/stylesheets/5-components/_avatar.scss +2 -44
  99. package/src/stylesheets/5-components/_buttons.scss +6 -45
  100. package/src/stylesheets/5-components/_chat-status.scss +14 -38
  101. package/src/stylesheets/5-components/_choice-prompt.scss +33 -2
  102. package/src/stylesheets/5-components/_collapse-button.scss +16 -0
  103. package/src/stylesheets/5-components/_conversation.scss +26 -2
  104. package/src/stylesheets/5-components/_disclaimer.scss +10 -12
  105. package/src/stylesheets/5-components/_divider.scss +7 -4
  106. package/src/stylesheets/5-components/_error.scss +1 -1
  107. package/src/stylesheets/5-components/_form.scss +9 -0
  108. package/src/stylesheets/5-components/_icon.scss +10 -1
  109. package/src/stylesheets/5-components/_idle.scss +0 -8
  110. package/src/stylesheets/5-components/_input.scss +14 -20
  111. package/src/stylesheets/5-components/_interrupt.scss +0 -2
  112. package/src/stylesheets/5-components/_loader.scss +0 -32
  113. package/src/stylesheets/5-components/_message-author.scss +40 -0
  114. package/src/stylesheets/5-components/_message-body.scss +194 -0
  115. package/src/stylesheets/5-components/_message-card.scss +55 -0
  116. package/src/stylesheets/5-components/_message-carousel.scss +143 -0
  117. package/src/stylesheets/5-components/_message-count.scss +11 -28
  118. package/src/stylesheets/5-components/_message-cta.scss +23 -0
  119. package/src/stylesheets/5-components/_message-info.scss +11 -0
  120. package/src/stylesheets/5-components/_message-translation-info.scss +17 -0
  121. package/src/stylesheets/5-components/_message.scss +13 -364
  122. package/src/stylesheets/5-components/_modal.scss +28 -58
  123. package/src/stylesheets/5-components/_notification.scss +0 -5
  124. package/src/stylesheets/5-components/_options.scss +27 -42
  125. package/src/stylesheets/5-components/_pre-chat-messages.scss +30 -0
  126. package/src/stylesheets/5-components/_prompt.scss +0 -8
  127. package/src/stylesheets/5-components/_skip-link.scss +3 -3
  128. package/src/stylesheets/5-components/_suggestions.scss +96 -0
  129. package/src/stylesheets/5-components/_unstarted.scss +50 -0
  130. package/src/stylesheets/5-components/_upload.scss +26 -28
  131. package/src/stylesheets/5-components/_window-open-button.scss +39 -0
  132. package/src/stylesheets/6-webui-only/_hover.scss +151 -0
  133. package/src/stylesheets/6-webui-only/_scrollbar.scss +31 -0
  134. package/src/stylesheets/7-deprecated/1-settings/_animations.scss +43 -0
  135. package/src/stylesheets/7-deprecated/1-settings/_config.scss +105 -0
  136. package/src/stylesheets/7-deprecated/2-tools/_functions.scss +22 -0
  137. package/src/stylesheets/7-deprecated/2-tools/_mixins.scss +77 -0
  138. package/src/stylesheets/7-deprecated/3-app/_app.scss +214 -0
  139. package/src/stylesheets/7-deprecated/4-base/_a11y.scss +14 -0
  140. package/src/stylesheets/7-deprecated/4-base/_elements.scss +21 -0
  141. package/src/stylesheets/7-deprecated/4-base/_formelements.scss +57 -0
  142. package/src/stylesheets/{5-components → 7-deprecated/5-components}/_agent-info.scss +0 -0
  143. package/src/stylesheets/7-deprecated/5-components/_avatar.scss +64 -0
  144. package/src/stylesheets/7-deprecated/5-components/_buttons.scss +94 -0
  145. package/src/stylesheets/{5-components → 7-deprecated/5-components}/_card.scss +0 -0
  146. package/src/stylesheets/{5-components → 7-deprecated/5-components}/_carousel.scss +0 -0
  147. package/src/stylesheets/7-deprecated/5-components/_character-limit.scss +36 -0
  148. package/src/stylesheets/{5-components/_cobrowsing.scss → 7-deprecated/5-components/_chat-status.scss} +18 -16
  149. package/src/stylesheets/7-deprecated/5-components/_choice-prompt.scss +27 -0
  150. package/src/stylesheets/7-deprecated/5-components/_collapse-button.scss +17 -0
  151. package/src/stylesheets/7-deprecated/5-components/_conversation.scss +44 -0
  152. package/src/stylesheets/7-deprecated/5-components/_disclaimer.scss +36 -0
  153. package/src/stylesheets/7-deprecated/5-components/_divider.scss +91 -0
  154. package/src/stylesheets/7-deprecated/5-components/_error.scss +24 -0
  155. package/src/stylesheets/{5-components → 7-deprecated/5-components}/_faq.scss +8 -3
  156. package/src/stylesheets/{5-components → 7-deprecated/5-components}/_header-controls.scss +0 -0
  157. package/src/stylesheets/7-deprecated/5-components/_icon.scss +4 -0
  158. package/src/stylesheets/7-deprecated/5-components/_idle.scss +61 -0
  159. package/src/stylesheets/7-deprecated/5-components/_input.scss +78 -0
  160. package/src/stylesheets/7-deprecated/5-components/_interrupt.scss +35 -0
  161. package/src/stylesheets/7-deprecated/5-components/_loader.scss +78 -0
  162. package/src/stylesheets/7-deprecated/5-components/_message-count.scss +41 -0
  163. package/src/stylesheets/7-deprecated/5-components/_message.scss +385 -0
  164. package/src/stylesheets/7-deprecated/5-components/_modal.scss +138 -0
  165. package/src/stylesheets/7-deprecated/5-components/_notification.scss +20 -0
  166. package/src/stylesheets/7-deprecated/5-components/_options.scss +286 -0
  167. package/src/stylesheets/7-deprecated/5-components/_prompt.scss +44 -0
  168. package/src/stylesheets/7-deprecated/5-components/_skip-link.scss +21 -0
  169. package/src/stylesheets/{5-components → 7-deprecated/5-components}/_svg-graphic.scss +0 -0
  170. package/src/stylesheets/7-deprecated/5-components/_upload.scss +213 -0
  171. package/src/stylesheets/deprecated-view.scss +64 -0
  172. package/src/stylesheets/styles-webui-only.scss +3 -0
  173. package/src/stylesheets/styles.scss +15 -25
  174. package/webpack/config.site.js +4 -0
  175. package/webpack/defaults.js +5 -0
  176. package/src/javascripts/ui/components/conversation/event/hooks/use-text-rendering.js +0 -35
  177. package/src/javascripts/ui/components/faq/faq.js +0 -162
  178. package/src/javascripts/ui/components/layout/view.js +0 -36
  179. package/src/javascripts/ui/components/options/cobrowsing.js +0 -110
  180. package/src/javascripts/ui/components/warnings/cobrowsing-active-frame.js +0 -29
  181. package/src/javascripts/ui/components/warnings/cobrowsing-active.js +0 -33
  182. package/src/stylesheets/5-components/_modal_mode.scss +0 -108
package/build/dist/lib/index.debug.min.js.LICENSE.txt CHANGED
@@ -130,10 +130,6 @@
130
130
  !*** ./src/javascripts/lib/parse-body.js ***!
131
131
  \*******************************************/
132
132
 
133
- /*!********************************************!*\
134
- !*** ./node_modules/mustache/mustache.mjs ***!
135
- \********************************************/
136
-
137
133
  /*!********************************************!*\
138
134
  !*** ./node_modules/side-channel/index.js ***!
139
135
  \********************************************/
@@ -326,10 +322,6 @@
326
322
  !*** ./src/javascripts/domains/redux/context.js ***!
327
323
  \**************************************************/
328
324
 
329
- /*!**************************************************!*\
330
- !*** ./src/javascripts/ui/components/faq/faq.js ***!
331
- \**************************************************/
332
-
333
325
  /*!**************************************************!*\
334
326
  !*** ./src/javascripts/ui/hooks/seamly-hooks.js ***!
335
327
  \**************************************************/
@@ -434,6 +426,10 @@
434
426
  !*** ./src/javascripts/domains/visibility/utils.js ***!
435
427
  \*****************************************************/
436
428
 
429
+ /*!*****************************************************!*\
430
+ !*** ./src/javascripts/ui/components/view/index.js ***!
431
+ \*****************************************************/
432
+
437
433
  /*!*****************************************************!*\
438
434
  !*** ./src/javascripts/ui/hooks/use-seamly-chat.js ***!
439
435
  \*****************************************************/
@@ -462,10 +458,6 @@
462
458
  !*** ./src/javascripts/ui/components/layout/icon.js ***!
463
459
  \******************************************************/
464
460
 
465
- /*!******************************************************!*\
466
- !*** ./src/javascripts/ui/components/layout/view.js ***!
467
- \******************************************************/
468
-
469
461
  /*!******************************************************!*\
470
462
  !*** ./src/javascripts/ui/hooks/seamly-api-hooks.js ***!
471
463
  \******************************************************/
@@ -522,6 +514,10 @@
522
514
  !*** ./src/javascripts/ui/components/layout/header.js ***!
523
515
  \********************************************************/
524
516
 
517
+ /*!********************************************************!*\
518
+ !*** ./src/javascripts/ui/components/view/app-view.js ***!
519
+ \********************************************************/
520
+
525
521
  /*!********************************************************!*\
526
522
  !*** ./src/javascripts/ui/components/widgets/modal.js ***!
527
523
  \********************************************************/
@@ -606,6 +602,10 @@
606
602
  !*** ./src/javascripts/ui/components/layout/interrupt.js ***!
607
603
  \***********************************************************/
608
604
 
605
+ /*!***********************************************************!*\
606
+ !*** ./src/javascripts/ui/components/view/inline-view.js ***!
607
+ \***********************************************************/
608
+
609
609
  /*!***********************************************************!*\
610
610
  !*** ./src/javascripts/ui/components/widgets/lightbox.js ***!
611
611
  \***********************************************************/
@@ -646,6 +646,10 @@
646
646
  !*** ./src/javascripts/ui/components/layout/chat-frame.js ***!
647
647
  \************************************************************/
648
648
 
649
+ /*!************************************************************!*\
650
+ !*** ./src/javascripts/ui/components/suggestions/index.js ***!
651
+ \************************************************************/
652
+
649
653
  /*!************************************************************!*\
650
654
  !*** ./src/javascripts/ui/hooks/component-helper-hooks.js ***!
651
655
  \************************************************************/
@@ -666,10 +670,6 @@
666
670
  !*** ./src/javascripts/ui/components/form-controls/form.js ***!
667
671
  \*************************************************************/
668
672
 
669
- /*!*************************************************************!*\
670
- !*** ./src/javascripts/ui/components/options/cobrowsing.js ***!
671
- \*************************************************************/
672
-
673
673
  /*!**************************************************************!*\
674
674
  !*** ./src/javascripts/ui/components/conversation/loader.js ***!
675
675
  \**************************************************************/
@@ -699,7 +699,7 @@
699
699
  \***************************************************************/
700
700
 
701
701
  /*!***************************************************************!*\
702
- !*** ./src/javascripts/ui/components/layout/modal-wrapper.js ***!
702
+ !*** ./src/javascripts/ui/components/view/deprecated-view.js ***!
703
703
  \***************************************************************/
704
704
 
705
705
  /*!****************************************************************!*\
@@ -746,6 +746,10 @@
746
746
  !*** ./src/javascripts/ui/components/options/options-button.js ***!
747
747
  \*****************************************************************/
748
748
 
749
+ /*!*****************************************************************!*\
750
+ !*** ./src/javascripts/ui/components/view/window-view/index.js ***!
751
+ \*****************************************************************/
752
+
749
753
  /*!*****************************************************************!*\
750
754
  !*** ./src/javascripts/ui/hooks/use-event-component-mapping.js ***!
751
755
  \*****************************************************************/
@@ -806,6 +810,10 @@
806
810
  !*** ./src/javascripts/ui/components/form-controls/file-input.js ***!
807
811
  \*******************************************************************/
808
812
 
813
+ /*!*******************************************************************!*\
814
+ !*** ./src/javascripts/ui/components/layout/pre-chat-messages.js ***!
815
+ \*******************************************************************/
816
+
809
817
  /*!*******************************************************************!*\
810
818
  !*** ./src/javascripts/ui/components/options/transcript/index.js ***!
811
819
  \*******************************************************************/
@@ -818,6 +826,10 @@
818
826
  !*** ./src/javascripts/ui/components/conversation/conversation.js ***!
819
827
  \********************************************************************/
820
828
 
829
+ /*!********************************************************************!*\
830
+ !*** ./src/javascripts/ui/components/conversation/event/splash.js ***!
831
+ \********************************************************************/
832
+
821
833
  /*!********************************************************************!*\
822
834
  !*** ./src/javascripts/ui/components/conversation/event/upload.js ***!
823
835
  \********************************************************************/
@@ -834,10 +846,6 @@
834
846
  !*** ./src/javascripts/ui/components/conversation/event-divider.js ***!
835
847
  \*********************************************************************/
836
848
 
837
- /*!*********************************************************************!*\
838
- !*** ./src/javascripts/ui/components/warnings/cobrowsing-active.js ***!
839
- \*********************************************************************/
840
-
841
849
  /*!**********************************************************************!*\
842
850
  !*** ./src/javascripts/ui/hooks/use-seamly-idle-detach-countdown.js ***!
843
851
  \**********************************************************************/
@@ -850,6 +858,14 @@
850
858
  !*** ./src/javascripts/ui/components/core/seamly-event-subscriber.js ***!
851
859
  \***********************************************************************/
852
860
 
861
+ /*!***********************************************************************!*\
862
+ !*** ./src/javascripts/ui/components/suggestions/suggestions-item.js ***!
863
+ \***********************************************************************/
864
+
865
+ /*!***********************************************************************!*\
866
+ !*** ./src/javascripts/ui/components/suggestions/suggestions-list.js ***!
867
+ \***********************************************************************/
868
+
853
869
  /*!***********************************************************************!*\
854
870
  !*** ./src/javascripts/ui/components/warnings/idle-detach-warning.js ***!
855
871
  \***********************************************************************/
@@ -947,7 +963,7 @@
947
963
  \***************************************************************************/
948
964
 
949
965
  /*!***************************************************************************!*\
950
- !*** ./src/javascripts/ui/components/warnings/cobrowsing-active-frame.js ***!
966
+ !*** ./src/javascripts/ui/components/view/window-view/collapse-button.js ***!
951
967
  \***************************************************************************/
952
968
 
953
969
  /*!***************************************************************************!*\
@@ -994,6 +1010,10 @@
994
1010
  !*** ./node_modules/raw-loader/dist/cjs.js!./src/icons/icon_newtopic-32.svg ***!
995
1011
  \******************************************************************************/
996
1012
 
1013
+ /*!******************************************************************************!*\
1014
+ !*** ./src/javascripts/ui/components/view/window-view/window-open-button.js ***!
1015
+ \******************************************************************************/
1016
+
997
1017
  /*!******************************************************************************!*\
998
1018
  !*** ./src/javascripts/ui/components/warnings/resume-conversation-prompt.js ***!
999
1019
  \******************************************************************************/
@@ -1059,15 +1079,15 @@
1059
1079
  \**************************************************************************************/
1060
1080
 
1061
1081
  /*!**************************************************************************************!*\
1062
- !*** ./src/javascripts/ui/components/conversation/event/divider/variants/default.js ***!
1082
+ !*** ./src/javascripts/ui/components/conversation/event/conversation-suggestions.js ***!
1063
1083
  \**************************************************************************************/
1064
1084
 
1065
1085
  /*!**************************************************************************************!*\
1066
- !*** ./src/javascripts/ui/components/conversation/event/hooks/use-formatted-date.js ***!
1086
+ !*** ./src/javascripts/ui/components/conversation/event/divider/variants/default.js ***!
1067
1087
  \**************************************************************************************/
1068
1088
 
1069
1089
  /*!**************************************************************************************!*\
1070
- !*** ./src/javascripts/ui/components/conversation/event/hooks/use-text-rendering.js ***!
1090
+ !*** ./src/javascripts/ui/components/conversation/event/hooks/use-formatted-date.js ***!
1071
1091
  \**************************************************************************************/
1072
1092
 
1073
1093
  /*!*********************************************************************************************!*\