@seamly/web-ui 22.3.0-beta.1 → 22.3.0-beta.2

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 (46) hide show
  1. package/build/dist/lib/components.js +180 -153
  2. package/build/dist/lib/components.js.map +1 -1
  3. package/build/dist/lib/components.min.js +1 -1
  4. package/build/dist/lib/components.min.js.map +1 -1
  5. package/build/dist/lib/hooks.js +150 -136
  6. package/build/dist/lib/hooks.js.map +1 -1
  7. package/build/dist/lib/hooks.min.js +1 -1
  8. package/build/dist/lib/hooks.min.js.map +1 -1
  9. package/build/dist/lib/index.debug.js +35 -35
  10. package/build/dist/lib/index.debug.min.js +1 -1
  11. package/build/dist/lib/index.debug.min.js.LICENSE.txt +4 -4
  12. package/build/dist/lib/index.debug.min.js.map +1 -1
  13. package/build/dist/lib/index.js +86 -61
  14. package/build/dist/lib/index.js.map +1 -1
  15. package/build/dist/lib/index.min.js +1 -1
  16. package/build/dist/lib/index.min.js.map +1 -1
  17. package/build/dist/lib/standalone.js +86 -62
  18. package/build/dist/lib/standalone.js.map +1 -1
  19. package/build/dist/lib/standalone.min.js +1 -1
  20. package/build/dist/lib/standalone.min.js.map +1 -1
  21. package/build/dist/lib/style-guide.js +92 -61
  22. package/build/dist/lib/style-guide.js.map +1 -1
  23. package/build/dist/lib/style-guide.min.js +1 -1
  24. package/build/dist/lib/style-guide.min.js.map +1 -1
  25. package/build/dist/lib/styles.css +1 -1
  26. package/build/dist/lib/utils.js +180 -154
  27. package/build/dist/lib/utils.js.map +1 -1
  28. package/build/dist/lib/utils.min.js +1 -1
  29. package/build/dist/lib/utils.min.js.map +1 -1
  30. package/package.json +1 -1
  31. package/src/javascripts/domains/translations/components/options-dialog/translation-option.tsx +1 -1
  32. package/src/javascripts/style-guide/states.js +8 -0
  33. package/src/javascripts/ui/components/chat-status/chat-status-action.tsx +2 -2
  34. package/src/javascripts/ui/components/conversation/event/carousel-component/components/controls.js +2 -2
  35. package/src/javascripts/ui/components/conversation/event/choice-prompt.js +1 -1
  36. package/src/javascripts/ui/components/conversation/event/image-lightbox.js +1 -1
  37. package/src/javascripts/ui/components/conversation/event-divider.js +6 -1
  38. package/src/javascripts/ui/components/form-controls/error.js +1 -1
  39. package/src/javascripts/ui/components/form-controls/file-input.js +1 -1
  40. package/src/javascripts/ui/components/layout/agent-info.js +1 -1
  41. package/src/javascripts/ui/components/layout/{icon.js → icon.tsx} +74 -37
  42. package/src/javascripts/ui/components/options/options-button.js +1 -1
  43. package/src/javascripts/ui/components/suggestions/suggestions-item.js +1 -1
  44. package/src/javascripts/ui/components/view/window-view/window-open-button.js +1 -1
  45. package/src/javascripts/ui/components/widgets/lightbox.js +1 -1
  46. package/src/stylesheets/5-components/_message-card.scss +4 -3
@@ -366,10 +366,6 @@
366
366
  !*** ./src/javascripts/ui/components/layout/chat.js ***!
367
367
  \******************************************************/
368
368
 
369
- /*!******************************************************!*\
370
- !*** ./src/javascripts/ui/components/layout/icon.js ***!
371
- \******************************************************/
372
-
373
369
  /*!******************************************************!*\
374
370
  !*** ./src/javascripts/ui/components/view/index.tsx ***!
375
371
  \******************************************************/
@@ -422,6 +418,10 @@
422
418
  !*** ./src/javascripts/domains/visibility/actions.ts ***!
423
419
  \*******************************************************/
424
420
 
421
+ /*!*******************************************************!*\
422
+ !*** ./src/javascripts/ui/components/layout/icon.tsx ***!
423
+ \*******************************************************/
424
+
425
425
  /*!*******************************************************!*\
426
426
  !*** ./src/javascripts/ui/hooks/file-upload-hooks.js ***!
427
427
  \*******************************************************/
@@ -1 +1 @@
1
- {"version":3,"file":"index.debug.min.js","mappings":";430rCAAAA,EAAOC,QAAUC,QAAQ,4CCAzBF,EAAOC,QAAUC,QAAQ,kDCAzBF,EAAOC,QAAUC,QAAQ,uDCAzBF,EAAOC,QAAUC,QAAQ,k+tECCrBC,yBAA2B,CAAC,EAGhC,SAASC,oBAAoBC,GAE5B,IAAIC,EAAeH,yBAAyBE,GAC5C,QAAqBE,IAAjBD,EACH,OAAOA,EAAaL,QAGrB,IAAID,EAASG,yBAAyBE,GAAY,CAGjDJ,QAAS,CAAC,GAOX,OAHAO,oBAAoBH,GAAUI,KAAKT,EAAOC,QAASD,EAAQA,EAAOC,QAASG,qBAGpEJ,EAAOC,OACf,CCrBAG,oBAAoBM,EAAKV,IACxB,IAAIW,EAASX,GAAUA,EAAOY,WAC7B,IAAOZ,EAAiB,QACxB,IAAM,EAEP,OADAI,oBAAoBS,EAAEF,EAAQ,CAAEG,EAAGH,IAC5BA,CAAM,ECLdP,oBAAoBS,EAAI,CAACZ,EAASc,KACjC,IAAI,IAAIC,KAAOD,EACXX,oBAAoBa,EAAEF,EAAYC,KAASZ,oBAAoBa,EAAEhB,EAASe,IAC5EE,OAAOC,eAAelB,EAASe,EAAK,CAAEI,YAAY,EAAMC,IAAKN,EAAWC,IAE1E,ECNDZ,oBAAoBkB,EAAI,WACvB,GAA0B,iBAAfC,WAAyB,OAAOA,WAC3C,IACC,OAAOC,MAAQ,IAAIC,SAAS,cAAb,EAChB,CAAE,MAAOC,GACR,GAAsB,iBAAXC,OAAqB,OAAOA,MACxC,CACA,CAPuB,GCAxBvB,oBAAoBa,EAAI,CAACW,EAAKC,IAAUX,OAAOY,UAAUC,eAAetB,KAAKmB,EAAKC,GCClFzB,oBAAoB4B,EAAK/B,IACH,oBAAXgC,QAA0BA,OAAOC,aAC1ChB,OAAOC,eAAelB,EAASgC,OAAOC,YAAa,CAAEC,MAAO,WAE7DjB,OAAOC,eAAelB,EAAS,aAAc,CAAEkC,OAAO,GAAO,QCL9D,IAAIC,EACAhC,oBAAoBkB,EAAEe,gBAAeD,EAAYhC,oBAAoBkB,EAAEgB,SAAW,IACtF,IAAIC,EAAWnC,oBAAoBkB,EAAEiB,SACrC,IAAKH,GAAaG,IACbA,EAASC,gBACZJ,EAAYG,EAASC,cAAcC,MAC/BL,GAAW,CACf,IAAIM,EAAUH,EAASI,qBAAqB,UAC5C,GAAGD,EAAQE,OAEV,IADA,IAAIC,EAAIH,EAAQE,OAAS,EAClBC,GAAK,IAAMT,GAAWA,EAAYM,EAAQG,KAAKJ,GAExD,CAID,IAAKL,EAAW,MAAM,IAAIU,MAAM,yDAChCV,EAAYA,EAAUW,QAAQ,OAAQ,IAAIA,QAAQ,QAAS,IAAIA,QAAQ,YAAa,KACpF3C,oBAAoB4C,EAAIZ,MCfxB,IAAIa,oBAAsB7C,oBAAoB","sources":["webpack:///external commonjs2 \"preact\"","webpack:///external commonjs2 \"preact/compat\"","webpack:///external commonjs2 \"preact/hooks\"","webpack:///external commonjs2 \"preact/jsx-runtime\"","webpack:///webpack/bootstrap","webpack:///webpack/runtime/compat get default export","webpack:///webpack/runtime/define property getters","webpack:///webpack/runtime/global","webpack:///webpack/runtime/hasOwnProperty shorthand","webpack:///webpack/runtime/make namespace object","webpack:///webpack/runtime/publicPath","webpack:///webpack/startup"],"sourcesContent":["module.exports = require(\"preact\");","module.exports = require(\"preact/compat\");","module.exports = require(\"preact/hooks\");","module.exports = require(\"preact/jsx-runtime\");","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","var scriptUrl;\nif (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + \"\";\nvar document = __webpack_require__.g.document;\nif (!scriptUrl && document) {\n\tif (document.currentScript)\n\t\tscriptUrl = document.currentScript.src;\n\tif (!scriptUrl) {\n\t\tvar scripts = document.getElementsByTagName(\"script\");\n\t\tif(scripts.length) {\n\t\t\tvar i = scripts.length - 1;\n\t\t\twhile (i > -1 && !scriptUrl) scriptUrl = scripts[i--].src;\n\t\t}\n\t}\n}\n// When supporting browsers where an automatic publicPath is not supported you must specify an output.publicPath manually via configuration\n// or pass an empty string (\"\") and set the __webpack_public_path__ variable from your code to use your own logic.\nif (!scriptUrl) throw new Error(\"Automatic publicPath is not supported in this browser\");\nscriptUrl = scriptUrl.replace(/#.*$/, \"\").replace(/\\?.*$/, \"\").replace(/\\/[^\\/]+$/, \"/\");\n__webpack_require__.p = scriptUrl;","// startup\n// Load entry module and return exports\n// This entry module can't be inlined because the eval devtool is used.\nvar __webpack_exports__ = __webpack_require__(\"./src/javascripts/index.ts\");\n"],"names":["module","exports","require","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","call","n","getter","__esModule","d","a","definition","key","o","Object","defineProperty","enumerable","get","g","globalThis","this","Function","e","window","obj","prop","prototype","hasOwnProperty","r","Symbol","toStringTag","value","scriptUrl","importScripts","location","document","currentScript","src","scripts","getElementsByTagName","length","i","Error","replace","p","__webpack_exports__"],"sourceRoot":""}
1
+ {"version":3,"file":"index.debug.min.js","mappings":";u41rCAAAA,EAAOC,QAAUC,QAAQ,4CCAzBF,EAAOC,QAAUC,QAAQ,kDCAzBF,EAAOC,QAAUC,QAAQ,uDCAzBF,EAAOC,QAAUC,QAAQ,k+tECCrBC,yBAA2B,CAAC,EAGhC,SAASC,oBAAoBC,GAE5B,IAAIC,EAAeH,yBAAyBE,GAC5C,QAAqBE,IAAjBD,EACH,OAAOA,EAAaL,QAGrB,IAAID,EAASG,yBAAyBE,GAAY,CAGjDJ,QAAS,CAAC,GAOX,OAHAO,oBAAoBH,GAAUI,KAAKT,EAAOC,QAASD,EAAQA,EAAOC,QAASG,qBAGpEJ,EAAOC,OACf,CCrBAG,oBAAoBM,EAAKV,IACxB,IAAIW,EAASX,GAAUA,EAAOY,WAC7B,IAAOZ,EAAiB,QACxB,IAAM,EAEP,OADAI,oBAAoBS,EAAEF,EAAQ,CAAEG,EAAGH,IAC5BA,CAAM,ECLdP,oBAAoBS,EAAI,CAACZ,EAASc,KACjC,IAAI,IAAIC,KAAOD,EACXX,oBAAoBa,EAAEF,EAAYC,KAASZ,oBAAoBa,EAAEhB,EAASe,IAC5EE,OAAOC,eAAelB,EAASe,EAAK,CAAEI,YAAY,EAAMC,IAAKN,EAAWC,IAE1E,ECNDZ,oBAAoBkB,EAAI,WACvB,GAA0B,iBAAfC,WAAyB,OAAOA,WAC3C,IACC,OAAOC,MAAQ,IAAIC,SAAS,cAAb,EAChB,CAAE,MAAOC,GACR,GAAsB,iBAAXC,OAAqB,OAAOA,MACxC,CACA,CAPuB,GCAxBvB,oBAAoBa,EAAI,CAACW,EAAKC,IAAUX,OAAOY,UAAUC,eAAetB,KAAKmB,EAAKC,GCClFzB,oBAAoB4B,EAAK/B,IACH,oBAAXgC,QAA0BA,OAAOC,aAC1ChB,OAAOC,eAAelB,EAASgC,OAAOC,YAAa,CAAEC,MAAO,WAE7DjB,OAAOC,eAAelB,EAAS,aAAc,CAAEkC,OAAO,GAAO,QCL9D,IAAIC,EACAhC,oBAAoBkB,EAAEe,gBAAeD,EAAYhC,oBAAoBkB,EAAEgB,SAAW,IACtF,IAAIC,EAAWnC,oBAAoBkB,EAAEiB,SACrC,IAAKH,GAAaG,IACbA,EAASC,gBACZJ,EAAYG,EAASC,cAAcC,MAC/BL,GAAW,CACf,IAAIM,EAAUH,EAASI,qBAAqB,UAC5C,GAAGD,EAAQE,OAEV,IADA,IAAIC,EAAIH,EAAQE,OAAS,EAClBC,GAAK,IAAMT,GAAWA,EAAYM,EAAQG,KAAKJ,GAExD,CAID,IAAKL,EAAW,MAAM,IAAIU,MAAM,yDAChCV,EAAYA,EAAUW,QAAQ,OAAQ,IAAIA,QAAQ,QAAS,IAAIA,QAAQ,YAAa,KACpF3C,oBAAoB4C,EAAIZ,MCfxB,IAAIa,oBAAsB7C,oBAAoB","sources":["webpack:///external commonjs2 \"preact\"","webpack:///external commonjs2 \"preact/compat\"","webpack:///external commonjs2 \"preact/hooks\"","webpack:///external commonjs2 \"preact/jsx-runtime\"","webpack:///webpack/bootstrap","webpack:///webpack/runtime/compat get default export","webpack:///webpack/runtime/define property getters","webpack:///webpack/runtime/global","webpack:///webpack/runtime/hasOwnProperty shorthand","webpack:///webpack/runtime/make namespace object","webpack:///webpack/runtime/publicPath","webpack:///webpack/startup"],"sourcesContent":["module.exports = require(\"preact\");","module.exports = require(\"preact/compat\");","module.exports = require(\"preact/hooks\");","module.exports = require(\"preact/jsx-runtime\");","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","var scriptUrl;\nif (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + \"\";\nvar document = __webpack_require__.g.document;\nif (!scriptUrl && document) {\n\tif (document.currentScript)\n\t\tscriptUrl = document.currentScript.src;\n\tif (!scriptUrl) {\n\t\tvar scripts = document.getElementsByTagName(\"script\");\n\t\tif(scripts.length) {\n\t\t\tvar i = scripts.length - 1;\n\t\t\twhile (i > -1 && !scriptUrl) scriptUrl = scripts[i--].src;\n\t\t}\n\t}\n}\n// When supporting browsers where an automatic publicPath is not supported you must specify an output.publicPath manually via configuration\n// or pass an empty string (\"\") and set the __webpack_public_path__ variable from your code to use your own logic.\nif (!scriptUrl) throw new Error(\"Automatic publicPath is not supported in this browser\");\nscriptUrl = scriptUrl.replace(/#.*$/, \"\").replace(/\\?.*$/, \"\").replace(/\\/[^\\/]+$/, \"/\");\n__webpack_require__.p = scriptUrl;","// startup\n// Load entry module and return exports\n// This entry module can't be inlined because the eval devtool is used.\nvar __webpack_exports__ = __webpack_require__(\"./src/javascripts/index.ts\");\n"],"names":["module","exports","require","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","call","n","getter","__esModule","d","a","definition","key","o","Object","defineProperty","enumerable","get","g","globalThis","this","Function","e","window","obj","prop","prototype","hasOwnProperty","r","Symbol","toStringTag","value","scriptUrl","importScripts","location","document","currentScript","src","scripts","getElementsByTagName","length","i","Error","replace","p","__webpack_exports__"],"sourceRoot":""}
@@ -4280,7 +4280,7 @@ _API_ready = new WeakMap(), _API_externalId = new WeakMap(), _API_conversationAu
4280
4280
  return {
4281
4281
  clientName: "@seamly/web-ui",
4282
4282
  clientVariant: api_classPrivateFieldGet(this, _API_layoutMode, "f"),
4283
- clientVersion: "22.3.0-beta.1",
4283
+ clientVersion: "22.3.0-beta.2",
4284
4284
  currentUrl: window.location.toString(),
4285
4285
  screenResolution: `${window.screen.width}x${window.screen.height}`,
4286
4286
  timezone: getTimeZone(),
@@ -12501,7 +12501,8 @@ function CarouselMessageSlide({
12501
12501
  /* harmony default export */ const icon_send_32 = ("<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32px\" height=\"32px\" x=\"0px\" y=\"0px\" viewBox=\"0 0 32 32\"><defs/><path fill=\"#4A48C1\" d=\"M6.714,14.985l17.837-7.906c0.681-0.302,1.414,0.301,1.25,1.027L22.273,23.59\tc-0.13,0.566-0.751,0.865-1.275,0.613l-3.623-1.752l-2.334,2.287c-0.572,0.562-1.538,0.156-1.538-0.645V21.01\tc0-0.217,0.078-0.43,0.222-0.594l7.676-8.841l-10.414,7.472l-4.351-2.445C5.987,16.236,6.033,15.287,6.714,14.985L6.714,14.985z\"/></svg>");
12502
12502
  ;// CONCATENATED MODULE: ./node_modules/raw-loader/dist/cjs.js!./src/icons/icon_upload-32.svg
12503
12503
  /* harmony default export */ const icon_upload_32 = ("<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32px\" height=\"32px\" x=\"0px\" y=\"0px\" viewBox=\"0 0 32 32\"><defs/><path fill=\"#4A48C1\" d=\"M9.488,13.481c-0.391-0.391-0.391-1.023,0-1.414l5.805-5.805c0.026-0.026,0.06-0.036,0.088-0.058\tc0.073-0.06,0.146-0.119,0.235-0.156c0.246-0.103,0.522-0.103,0.769,0c0.093,0.039,0.171,0.101,0.249,0.165\tc0.023,0.02,0.053,0.027,0.074,0.049l5.805,5.805c0.391,0.391,0.391,1.023,0,1.414c-0.195,0.195-0.451,0.293-0.707,0.293\ts-0.512-0.098-0.707-0.293L17,9.383V20.33c0,0.553-0.447,1-1,1c-0.552,0-1-0.447-1-1V9.383l-4.098,4.098\tC10.512,13.872,9.879,13.872,9.488,13.481z M22.819,24.031H9.181c-0.552,0-1,0.447-1,1s0.448,1,1,1h13.639c0.553,0,1-0.447,1-1\tS23.372,24.031,22.819,24.031z\"/></svg>");
12504
- ;// CONCATENATED MODULE: ./src/javascripts/ui/components/layout/icon.js
12504
+ ;// CONCATENATED MODULE: ./src/javascripts/ui/components/layout/icon.tsx
12505
+
12505
12506
  /* eslint-disable import/no-webpack-loader-syntax */
12506
12507
  // The eslint rules are disabled for this as otherwsise we'd need to include the loader rule in all implementations
12507
12508
  // this can again be changed when we can import pre-built packages in implementations
@@ -12526,58 +12527,70 @@ function CarouselMessageSlide({
12526
12527
 
12527
12528
 
12528
12529
 
12529
-
12530
12530
 
12531
12531
 
12532
12532
  /* eslint-enable import/no-webpack-loader-syntax */
12533
-
12534
-
12535
-
12536
12533
  const ICONS = {
12537
- send32: icon_send_32,
12538
- balloon32: icon_balloon_32,
12539
- newTopic32: icon_newtopic_32,
12540
- newTranslation16: icon_newtranslation_16,
12541
- newTranslation32: icon_newtranslation_32,
12542
- avatar32: avatar_bot_32,
12543
- chevronDown8: icon_chevron_down_8,
12544
- chevronDown32: icon_chevron_down_32,
12545
- chevronRight8: icon_chevron_right_8,
12546
- chevronRight16: icon_chevron_right_16,
12547
- close8: icon_close_8,
12548
- close16: icon_close_16,
12549
- enlarge32: icon_enlarge_32,
12550
- options32: icon_options_32,
12551
- file32: icon_file_32,
12552
- upload32: icon_upload_32,
12553
- download16: icon_download_16,
12554
- error16: icon_error_16,
12555
- arrowLeft16: icon_arrow_left_16,
12556
- arrowRight16: icon_arrow_right_16,
12557
- check32: icon_check_32,
12558
- check16: icon_check_16
12559
- };
12560
- const Icon = ({
12561
- name,
12562
- size = '32',
12563
- className = undefined,
12564
- alt
12565
- }) => {
12566
- const iconName = `${name}${size}`;
12567
- return (0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
12568
- children: [(0,jsx_runtime_namespaceObject.jsx)("div", {
12569
- "aria-hidden": "true",
12570
- className: className || css_className('icon'),
12571
- dangerouslySetInnerHTML: {
12572
- __html: ICONS[iconName]
12573
- }
12574
- }), alt && (0,jsx_runtime_namespaceObject.jsx)("span", {
12575
- className: css_className('visually-hidden'),
12576
- children: alt
12577
- })]
12578
- });
12534
+ send: {
12535
+ 32: icon_send_32,
12536
+ },
12537
+ balloon: {
12538
+ 32: icon_balloon_32,
12539
+ },
12540
+ newTopic: {
12541
+ 32: icon_newtopic_32,
12542
+ },
12543
+ newTranslation: {
12544
+ 16: icon_newtranslation_16,
12545
+ 32: icon_newtranslation_32,
12546
+ },
12547
+ avatar: {
12548
+ 32: avatar_bot_32,
12549
+ },
12550
+ chevronDown: {
12551
+ 8: icon_chevron_down_8,
12552
+ 32: icon_chevron_down_32,
12553
+ },
12554
+ chevronRight: {
12555
+ 8: icon_chevron_right_8,
12556
+ 16: icon_chevron_right_16,
12557
+ },
12558
+ close: {
12559
+ 8: icon_close_8,
12560
+ 16: icon_close_16,
12561
+ },
12562
+ enlarge: {
12563
+ 32: icon_enlarge_32,
12564
+ },
12565
+ options: {
12566
+ 32: icon_options_32,
12567
+ },
12568
+ file: {
12569
+ 32: icon_file_32,
12570
+ },
12571
+ upload: {
12572
+ 32: icon_upload_32,
12573
+ },
12574
+ download: {
12575
+ 16: icon_download_16,
12576
+ },
12577
+ error: {
12578
+ 16: icon_error_16,
12579
+ },
12580
+ arrowLeft: {
12581
+ 16: icon_arrow_left_16,
12582
+ },
12583
+ arrowRight: {
12584
+ 16: icon_arrow_right_16,
12585
+ },
12586
+ check: {
12587
+ 16: icon_check_16,
12588
+ 32: icon_check_32,
12589
+ },
12579
12590
  };
12591
+ const Icon = ({ name, size = '32', className, alt }) => ((0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, { children: [(0,jsx_runtime_namespaceObject.jsx)("div", { "aria-hidden": "true", className: className || css_className('icon'), dangerouslySetInnerHTML: { __html: ICONS[name][size] } }), alt && (0,jsx_runtime_namespaceObject.jsx)("span", { className: css_className('visually-hidden'), children: alt })] }));
12580
12592
  /* harmony default export */ const layout_icon = (Icon);
12593
+
12581
12594
  ;// CONCATENATED MODULE: ./src/javascripts/ui/components/conversation/event/carousel-component/components/controls.js
12582
12595
 
12583
12596
 
@@ -12608,7 +12621,8 @@ function CarouselControls({
12608
12621
  onClick: handlePrevious,
12609
12622
  children: (0,jsx_runtime_namespaceObject.jsx)(layout_icon, {
12610
12623
  name: "arrowLeft",
12611
- size: "16"
12624
+ size: "16",
12625
+ alt: ""
12612
12626
  })
12613
12627
  }), children, (0,jsx_runtime_namespaceObject.jsx)("button", {
12614
12628
  className: css_className('button', 'button--next'),
@@ -12616,7 +12630,8 @@ function CarouselControls({
12616
12630
  onClick: handleNext,
12617
12631
  children: (0,jsx_runtime_namespaceObject.jsx)(layout_icon, {
12618
12632
  name: "arrowRight",
12619
- size: "16"
12633
+ size: "16",
12634
+ alt: ""
12620
12635
  })
12621
12636
  })]
12622
12637
  });
@@ -12903,7 +12918,8 @@ const ChoicePrompt = ({
12903
12918
  "aria-describedby": descriptorId,
12904
12919
  children: [showOptions ? t('message.choicePrompts.cancelChooseAgain') : t('message.choicePrompts.chooseAgain'), (0,jsx_runtime_namespaceObject.jsx)(layout_icon, {
12905
12920
  name: "chevronDown",
12906
- size: "8"
12921
+ size: "8",
12922
+ alt: ""
12907
12923
  })]
12908
12924
  }), showOptions && (0,jsx_runtime_namespaceObject.jsx)(message_container, {
12909
12925
  type: "choice-prompt",
@@ -12963,7 +12979,8 @@ const SuggestionsItem = ({
12963
12979
  className: css_className('button', 'button--primary'),
12964
12980
  children: [hasIcon && (0,jsx_runtime_namespaceObject.jsx)(layout_icon, {
12965
12981
  name: "chevronRight",
12966
- size: "8"
12982
+ size: "8",
12983
+ alt: ""
12967
12984
  }), question]
12968
12985
  })
12969
12986
  });
@@ -13193,7 +13210,8 @@ function EventDivider({
13193
13210
  children: iconName ? (0,jsx_runtime_namespaceObject.jsx)(layout_icon, {
13194
13211
  name: iconName,
13195
13212
  size: iconSize,
13196
- className: iconClassName
13213
+ className: iconClassName,
13214
+ alt: ""
13197
13215
  }) : (0,jsx_runtime_namespaceObject.jsx)("img", {
13198
13216
  src: graphicSrc,
13199
13217
  className: css_className({
@@ -15081,7 +15099,8 @@ const Lightbox = ({
15081
15099
  onClick: onClose,
15082
15100
  children: [(0,jsx_runtime_namespaceObject.jsx)(layout_icon, {
15083
15101
  name: "close",
15084
- size: "16"
15102
+ size: "16",
15103
+ alt: ""
15085
15104
  }), t('lightbox.closeLabel')]
15086
15105
  })]
15087
15106
  })
@@ -15129,7 +15148,8 @@ const ImageLightbox = ({
15129
15148
  description
15130
15149
  }), (0,jsx_runtime_namespaceObject.jsx)(layout_icon, {
15131
15150
  name: "enlarge",
15132
- size: "32"
15151
+ size: "32",
15152
+ alt: ""
15133
15153
  })]
15134
15154
  }), showLightBox && (0,jsx_runtime_namespaceObject.jsx)(lightbox, {
15135
15155
  url: url,
@@ -17455,7 +17475,8 @@ function error_Error({
17455
17475
  className: css_className('error__message'),
17456
17476
  children: [(0,jsx_runtime_namespaceObject.jsx)(layout_icon, {
17457
17477
  name: "error",
17458
- size: "16"
17478
+ size: "16",
17479
+ alt: ""
17459
17480
  }), error]
17460
17481
  })
17461
17482
  });
@@ -17832,7 +17853,8 @@ const OptionsButton = () => {
17832
17853
  "aria-disabled": !multiMenu && !firstOption.available ? 'true' : null,
17833
17854
  children: [multiMenu && (0,jsx_runtime_namespaceObject.jsx)(layout_icon, {
17834
17855
  name: "options",
17835
- size: "32"
17856
+ size: "32",
17857
+ alt: ""
17836
17858
  }), (0,jsx_runtime_namespaceObject.jsx)("span", {
17837
17859
  className: css_className('button__text'),
17838
17860
  children: multiMenu ? t('options.openButtonText') : `${firstOption.title}${!firstOption.available ? ' ' : ''}`
@@ -17855,7 +17877,7 @@ const TranslationOption = ({ label, checked, description, onChange, id, itemClas
17855
17877
  onChange();
17856
17878
  }
17857
17879
  };
17858
- return ((0,jsx_runtime_namespaceObject.jsxs)("li", { className: css_className([itemClassName, 'translation-options__item']), "aria-selected": checked, role: "option", tabIndex: 0, onClick: onChange, onKeyDown: onKeyDown, id: id, children: [(0,jsx_runtime_namespaceObject.jsx)(layout_icon, { alt: "", name: "check", size: "16" }), label, " ", description && (0,jsx_runtime_namespaceObject.jsxs)("span", { children: ["(", description, ")"] })] }));
17880
+ return ((0,jsx_runtime_namespaceObject.jsxs)("li", { className: css_className([itemClassName, 'translation-options__item']), "aria-selected": checked, role: "option", tabIndex: 0, onClick: onChange, onKeyDown: onKeyDown, id: id, children: [(0,jsx_runtime_namespaceObject.jsx)(layout_icon, { name: "check", size: "16", alt: "" }), label, " ", description && (0,jsx_runtime_namespaceObject.jsxs)("span", { children: ["(", description, ")"] })] }));
17859
17881
  };
17860
17882
  /* harmony default export */ const translation_option = (TranslationOption);
17861
17883
 
@@ -18682,7 +18704,8 @@ function FileInput({
18682
18704
  className: css_className('upload__label'),
18683
18705
  children: [(0,jsx_runtime_namespaceObject.jsx)(layout_icon, {
18684
18706
  name: "upload",
18685
- size: "32"
18707
+ size: "32",
18708
+ alt: ""
18686
18709
  }), (0,jsx_runtime_namespaceObject.jsxs)("div", {
18687
18710
  children: [(0,jsx_runtime_namespaceObject.jsx)("span", {
18688
18711
  className: css_className(['upload__label--text']),
@@ -19425,7 +19448,8 @@ const ButtonIcon = () => {
19425
19448
  alt: ""
19426
19449
  }) : (0,jsx_runtime_namespaceObject.jsx)(layout_icon, {
19427
19450
  name: "avatar",
19428
- size: "32"
19451
+ size: "32",
19452
+ alt: ""
19429
19453
  });
19430
19454
  };
19431
19455
  const WindowOpenButton = ({
@@ -20104,7 +20128,8 @@ const AgentInfo = () => {
20104
20128
  alt: ""
20105
20129
  }) : (0,jsx_runtime_namespaceObject.jsx)(layout_icon, {
20106
20130
  name: "avatar",
20107
- size: "32"
20131
+ size: "32",
20132
+ alt: ""
20108
20133
  }), (0,jsx_runtime_namespaceObject.jsx)("span", {
20109
20134
  className: css_className(classNames),
20110
20135
  "aria-hidden": "true",