@botfabrik/engine-webclient 4.96.9 → 4.96.10
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.
- package/README.md +4 -0
- package/dist/auth/auth-pages.d.ts +6 -0
- package/dist/auth/auth-pages.js +102 -0
- package/dist/auth/index.d.ts +11 -0
- package/dist/auth/index.js +145 -0
- package/dist/auth/relay-state.d.ts +2 -0
- package/dist/auth/relay-state.js +39 -0
- package/dist/auth/ttl-cache.d.ts +14 -0
- package/dist/auth/ttl-cache.js +52 -0
- package/dist/client/assets/index-BKoo63hO.js +124 -0
- package/dist/client/assets/{index-DyL1BpAK.js.map → index-BKoo63hO.js.map} +1 -1
- package/dist/client/assets/{index-CEalwQZJ.css → index-BdXpbt-o.css} +1 -1
- package/dist/client/index.html +2 -2
- package/dist/constants.d.ts +1 -0
- package/dist/constants.js +4 -0
- package/dist/createSessionInfo.d.ts +3 -3
- package/dist/createSessionInfo.js +35 -9
- package/dist/createSessionInfo.test.js +27 -3
- package/dist/index.d.ts +3 -140
- package/dist/index.js +90 -61
- package/dist/middleware/index.d.ts +1 -1
- package/dist/middleware/index.js +2 -2
- package/dist/requestSessionData.d.ts +1 -2
- package/dist/requestSessionData.js +2 -2
- package/dist/speechToText.d.ts +1 -5
- package/dist/types.d.ts +170 -0
- package/dist/types.js +8 -0
- package/package.json +9 -5
- package/dist/client/assets/index-DyL1BpAK.js +0 -124
|
@@ -1 +1 @@
|
|
|
1
|
-
._app_1rj0t_1{display:flex;flex-direction:row;height:100vh;height:100svh;background-color:var(--body-background-color)}._container_q2uun_1{height:100%;position:relative}._chatcontent_q2uun_6{display:flex;flex-flow:column nowrap;height:100%}._accessabilityHidden_q2uun_12{visibility:hidden}._messageContainer_ofi0g_1{flex:1;overflow-y:scroll;overscroll-behavior:contain;padding-top:1rem;position:relative;-webkit-overflow-scrolling:touch}._messages_ofi0g_12{position:relative;list-style:none;font-size:.9rem;line-height:1.4;padding:0 1rem;margin:0;overflow-wrap:break-word;word-wrap:break-word}@media screen and (min-width: 1024px){._messageContainer_ofi0g_1{margin-bottom:1rem}._messages_ofi0g_12{padding-left:0}}@media (min-width: 36rem){._messageContainer_ofi0g_1{padding-top:2rem;padding-bottom:2rem}._messages_ofi0g_12{font-size:1rem;line-height:1.8}}._generalConditionsContainer_55hjg_1{margin-bottom:1.2rem;margin-left:1rem;margin-right:1rem}._generalConditions_55hjg_1{transition:all .5s linear;background-color:var(--bot-bubble-background-color);color:var(--bot-bubble-text-color);padding:.9em 1.3em;font-size:.9rem}._generalConditionsHeader_55hjg_15{display:flex;align-items:flex-end;justify-content:space-between;cursor:pointer}._generalConditionsHeader_55hjg_15:focus{outline:none}._generalConditionsBody_55hjg_26{display:flex;align-items:flex-end}._generalConditionsBody_55hjg_26:focus{outline:none}._generalConditionsAccept_55hjg_35{padding:.9em 1.3em;font-size:.9rem}._generalConditionsAccept_55hjg_35:focus{outline:none}._message_1sw52_1{--bubble-margin: var(--bubble-margin-small);margin-bottom:var(--bubble-margin);transition:border-radius .5s;position:relative}._messageBot_1sw52_9{--bot-bubble-user-actions-display: none;display:flex;align-items:flex-end}._messageBot_1sw52_9:focus-within,._messageBot_1sw52_9:hover{--bot-bubble-user-actions-display: flex}._messageBot_1sw52_9:not(._messageBotLast_1sw52_19) ._avatar_1sw52_19{visibility:hidden}._messageBot_1sw52_9 img{display:var(--bot-avatar-display)}._messageBotFirst_1sw52_28{--bot-bubble-top-left-radius: var(--bubble-radius-large);--bot-bubble-top-right-radius: var(--bubble-radius-large);--bot-bubble-bottom-right-radius: var(--bubble-radius-large)}._messageBotLast_1sw52_19{--bot-bubble-top-right-radius: var(--bubble-radius-large);--bot-bubble-bottom-left-radius: var(--bubble-radius-large);--bot-bubble-bottom-right-radius: var(--bubble-radius-large);--bubble-margin: var(--bubble-margin-large)}._messageBotAnimated_1sw52_41{animation-duration:.25s;animation-timing-function:ease-in;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:running;animation-name:_fadeInLeft_1sw52_1}._messageGuest_1sw52_52{display:flex;align-items:flex-end;justify-content:flex-end}._messageGuestFirst_1sw52_58{--guest-bubble-top-left-radius: var(--bubble-radius-large);--guest-bubble-top-right-radius: var(--bubble-radius-large);--guest-bubble-bottom-left-radius: var(--bubble-radius-large)}._messageGuestLast_1sw52_64{--guest-bubble-top-left-radius: var(--bubble-radius-large);--guest-bubble-bottom-left-radius: var(--bubble-radius-large);--guest-bubble-bottom-right-radius: var(--bubble-radius-large);--bubble-margin: var(--bubble-margin-large);margin-bottom:var(--bubble-margin)}._avatar_1sw52_19{width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--avatar-radius, 50%)}._botAvatar_1sw52_78{background-color:var(--bot-avatar-background-color)}._agentAvatar_1sw52_82{background-color:var(--agent-avatar-background-color)}._bubble_1sw52_86{display:inline-block;max-width:calc(100% - 4.3rem);position:relative}._bubbleContent_1sw52_92{padding:var(--bubble-padding);color:inherit;font-size:inherit}._bubbleContent_1sw52_92 *>:first-child{margin-top:0}._bubbleContent_1sw52_92 *>:last-child{margin-bottom:0}._bubbleLeft_1sw52_106{border-radius:var(--bot-bubble-top-left-radius) var(--bot-bubble-top-right-radius) var(--bot-bubble-bottom-right-radius) var(--bot-bubble-bottom-left-radius);border-color:var(--bot-bubble-border-color);border-width:var(--bot-bubble-border-width);border-style:solid;background-color:var(--bot-bubble-background-color);margin-left:.5rem}._leftText_1sw52_117{color:var(--bot-bubble-text-color)}._leftText_1sw52_117 a{color:var(--bot-bubble-text-color)!important}._bubbleRight_1sw52_124{border-radius:var(--guest-bubble-top-left-radius) var(--guest-bubble-top-right-radius) var(--guest-bubble-bottom-right-radius) var(--guest-bubble-bottom-left-radius);border-color:var(--guest-bubble-border-color);border-width:var(--guest-bubble-border-width);border-style:solid;background-color:var(--guest-bubble-background-color)}._rightText_1sw52_134,._rightText_1sw52_134 a{color:var(--guest-bubble-text-color)}@keyframes _fadeInLeft_1sw52_1{0%{transform:translate(-100vw)}to{transform:translate(0)}}.source-info-reference{--footnote-padding: .2em}.source-info-reference:first-of-type{margin-left:var(--footnote-padding)}.source-info-reference:last-of-type{margin-right:var(--footnote-padding)}.source-info-reference.source-info-reference--before-space{margin-left:-.1em}.source-info-reference.source-info-reference--after-space{margin-right:-.1em}._sourceInfoReference_1sw52_166 a{--bot-bubble-text-color: black;background:color-mix(in srgb,var(--brand-primary-color) 20%,transparent);padding:3px 6px;border-radius:6px;text-decoration:none!important;font-size:.75rem;font-family:monospace}._sourceInfoReferenceActive_1sw52_178 a{--bot-bubble-text-color: white;background:var(--brand-primary-color)}._botMessageActions_m0f8n_1{--bot-bubble-user-actions-container-bg-opacity: 1;--bot-bubble-user-actions-container-padding: .25rem;color:var(--text-secondary-color);padding:var(--bot-bubble-user-actions-container-padding);vertical-align:middle;background-color:rgb(var(--bot-bubble-user-actions-container-bg, 255 255 255) / var(--bot-bubble-user-actions-container-bg-opacity));border-color:var(--color-gray-200);border-style:solid;border-width:1px;border-radius:.5rem;margin-top:-.75rem;margin-left:calc(-1 * var(--bot-bubble-user-actions-container-padding));top:100%;left:1rem;position:absolute;z-index:10;display:var(--bot-bubble-user-actions-display);gap:.15rem}._alwaysVisible_m0f8n_27{--bot-bubble-user-actions-display: flex;--bot-bubble-user-actions-container-bg-opacity: 0;border-width:0;top:calc(100% + .75rem)}._reported_m0f8n_34{display:flex}._action_m0f8n_38{display:var(--bot-bubble-user-actions-display);font-size:.875rem;line-height:1.25rem;padding-left:.25rem;padding-right:.25rem;border-radius:.375rem;white-space:nowrap;justify-content:center;align-items:center;height:1.5rem;text-transform:none;border:0;cursor:pointer;color:inherit;background-color:rgb(var(--bot-bubble-user-actions-container-bg, 255 255 255) / var(--bot-bubble-user-actions-container-bg-opacity))}._action_m0f8n_38:hover{background-color:var(--color-gray-200)}._action_m0f8n_38._reported_m0f8n_34{display:flex}._sourceList_1n31h_1{display:flex;flex-direction:column;flex-wrap:wrap;gap:.5rem;list-style-type:none!important;margin:0;padding:0;padding-top:1rem}._source_1n31h_1{font-size:.7rem;width:fit-content;cursor:pointer;max-width:100%}._source_1n31h_1 a{display:flex;align-items:center;flex-direction:row;gap:.25rem;padding:3px 6px;border-radius:6px;color:var(--bot-bubble-source-text-color)!important;background-color:var(--bot-bubble-source-background-color)}._source_1n31h_1 a:hover{background:color-mix(in srgb,var(--bot-bubble-source-background-color) 75%,transparent)}._source_1n31h_1 a ._label_1n31h_37{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}._source_1n31h_1 a svg{font-size:1rem;flex-shrink:0}._button_3ui4g_1{display:inline-block;font-family:inherit;font-size:1em;padding:.5em 1em;border-radius:.2rem;background-color:#fff;cursor:pointer;transition:all .2s linear;text-align:center}._buttonDefault_3ui4g_13{color:#000000d9;background-color:#fff;border:2px solid;border-color:color-mix(in srgb,var(--brand-primary-color) 20%,transparent)}._buttonDefault_3ui4g_13:hover{color:var(--brand-primary-color);border-color:var(--brand-primary-color)}._buttonDefault_3ui4g_13:disabled{cursor:not-allowed;opacity:.3}._buttonPrimary_3ui4g_28{color:var(--brand-secondary-color);background-color:var(--brand-primary-color);border:2px solid var(--brand-primary-color)}._buttonPrimary_3ui4g_28:hover{color:var(--brand-primary-color);background-color:var(--brand-secondary-color);border:2px solid var(--brand-primary-color)}._buttonPrimary_3ui4g_28:disabled{cursor:not-allowed;opacity:.3;color:var(--brand-secondary-color);background-color:var(--brand-primary-color)}._title_137pi_1{margin-top:0;margin-block-start:0}._buttons_137pi_6{margin-top:1rem;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}._button_137pi_6{font-size:.9em;margin:0;background-color:var(--bot-bubble-text-color);color:var(--bot-bubble-background-color);border:2px solid var(--bot-bubble-text-color);width:100%}._button_137pi_6:hover{color:var(--bot-bubble-text-color);background-color:var(--bot-bubble-background-color);border:2px solid var(--bot-bubble-text-color)}._imageContainer_137pi_29{display:flex}._image_137pi_29{height:100%;width:100%;object-fit:cover;border-radius:calc(var(--bot-bubble-top-left-radius) - var(--bot-bubble-border-width)) calc(var(--bot-bubble-top-right-radius) - var(--bot-bubble-border-width)) 0 0}._video_container_137pi_44{display:flex}._video_137pi_44{width:100%;height:100%;border-radius:calc(var(--bot-bubble-top-left-radius) - var(--bot-bubble-border-width)) calc(var(--bot-bubble-top-right-radius) - var(--bot-bubble-border-width)) 0 0}._only_137pi_58{border-radius:calc(var(--bot-bubble-top-left-radius) - var(--bot-bubble-border-width)) calc(var(--bot-bubble-top-right-radius) - var(--bot-bubble-border-width)) calc(var(--bot-bubble-bottom-right-radius) - var(--bot-bubble-border-width)) calc(var(--bot-bubble-bottom-left-radius) - var(--bot-bubble-border-width))}._markdown_nw7vg_1 h1,._markdown_nw7vg_1 h2,._markdown_nw7vg_1 h3,._markdown_nw7vg_1 h4,._markdown_nw7vg_1 h5,._markdown_nw7vg_1 p,._markdown_nw7vg_1 a,._markdown_nw7vg_1 ul,._markdown_nw7vg_1 ol{color:inherit;margin-block-start:.4em;margin-block-end:.4em;margin-inline-start:0px;margin-inline-end:0px}._markdown_nw7vg_1 h1{font-size:1.2rem;white-space:pre-wrap}._markdown_nw7vg_1 h2{font-size:1.1rem;white-space:pre-wrap}._markdown_nw7vg_1 h3,._markdown_nw7vg_1 h4,._markdown_nw7vg_1 h5{font-size:1rem;white-space:pre-wrap}._markdown_nw7vg_1 a{color:var(--text-link-color);text-decoration:underline;cursor:pointer}._markdown_nw7vg_1 a:hover{color:var(--text-link-color-hover);opacity:.8}._markdown_nw7vg_1 a:active{color:var(--text-link-color-hover)}._markdown_nw7vg_1 a:visited{color:var(--text-link-color)}._markdown_nw7vg_1 img{max-width:100%;margin-block-start:0;margin-block-end:0}._markdown_nw7vg_1 ul{padding:0 0 0 1.1em}._markdown_nw7vg_1 ul>li{list-style-type:disc}._markdown_nw7vg_1 ul>li ul{margin-block-start:0}._markdown_nw7vg_1 ul>li p{margin-bottom:0}._markdown_nw7vg_1 ol{padding:0 0 0 1.1em}._markdown_nw7vg_1 ol>li{list-style-type:decimal}._markdown_nw7vg_1 table,._markdown_nw7vg_1 td,._markdown_nw7vg_1 th{border:1px solid}._markdown_nw7vg_1 table{width:100%;border-collapse:collapse;margin-bottom:1rem;-webkit-hyphens:auto;hyphens:auto}._markdown_nw7vg_1 table th{text-align:left;padding:5px}._markdown_nw7vg_1 table td{padding:5px}._markdown_nw7vg_1 hr{margin-top:1rem;margin-bottom:1rem;border-top:1px solid;border-left:0;border-bottom:0;border-right:0}._text_gp0s0_1{overflow-wrap:break-word}._command_gp0s0_5{padding:3px 6px;margin-right:3px;border-radius:6px;font-size:.75rem;font-family:monospace;background-color:var( --guest-bubble-command-background-color, rgba(255, 255, 255, .3) )}._ticontainer_xg0dn_1{padding:var(--bubble-padding)}._tiblock_xg0dn_5{align-items:center;display:flex;height:1rem;margin:2.1px}._tidot_xg0dn_12{background-color:var(--bot-bubble-text-color);animation:_mercuryTypingAnimation_xg0dn_1 1s infinite ease-in-out;border-radius:3px;display:inline-block;height:6px;margin-right:3px;width:6px}@keyframes _mercuryTypingAnimation_xg0dn_1{0%{transform:translateY(0)}28%{transform:translateY(-5px)}44%{transform:translateY(0)}}._tidot_xg0dn_12:nth-child(1){animation-delay:50ms}._tidot_xg0dn_12:nth-child(2){animation-delay:.15s}._tidot_xg0dn_12:nth-child(3){animation-delay:.25s}._bottomSheet_jp8dl_1{visibility:hidden;position:absolute;z-index:3000;height:100%;width:100%;background-color:var(--body-background-color);top:0;bottom:0;transform:translateY(100%);overflow-y:auto;overscroll-behavior:contain}._bottomSheetOpen_jp8dl_15{animation:_slide-in_jp8dl_1 .2s forwards;visibility:visible}._bottomSheetClose_jp8dl_20{animation:_slide-out_jp8dl_1 .2s forwards;visibility:hidden}@keyframes _slide-in_jp8dl_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes _slide-out_jp8dl_1{0%{transform:translateY(0)}to{transform:translateY(100%)}}._container_xc2nx_1{overflow:hidden}._container_xc2nx_1 iframe{width:100%;height:100%;border:none}._container_z787n_1{padding:.25rem;display:flex;justify-content:center;align-items:center;border-top:1px solid var(--color-gray-200);background-color:#fff;font-size:.5rem;color:var(--text-secondary-color)}._container_z787n_1 a{color:var(--brand-primary-color);text-decoration:none}@media screen and (min-width: 1024px){._container_z787n_1{padding:.75rem 0 0;background-color:transparent;border-top:unset}}._container_h23mk_1{padding:1rem}._container_h23mk_1 h1{font-size:1.6em}._container_h23mk_1 h2{font-size:1em}._container_h23mk_1 p{line-height:1.5}._formContainer_h23mk_17{display:flex;flex-direction:column}._emailInput_h23mk_22{box-sizing:border-box;margin:1rem 0 0;font-variant:tabular-nums;list-style:none;font-feature-settings:"tnum";position:relative;display:inline-block;width:100%;min-width:0;padding:4px 11px;color:#000000a6;font-size:14px;line-height:1.5715;background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:2px;transition:all .3s;outline:none}._emailInput_h23mk_22:hover{border:1px solid var(--brand-primary-color)}._emailInput_h23mk_22:focus{border:1px solid var(--brand-primary-color)}._description_h23mk_52{font-size:.9rem;-webkit-hyphens:auto;hyphens:auto}._actions_h23mk_57{margin-top:1rem;padding-bottom:3rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}._validationError_h23mk_67{padding-top:.5em;color:var(--danger-color);font-size:.8em;height:1rem}._submitted_h23mk_74{margin-top:3rem;padding:1rem;border:1px solid var(--brand-primary-color);border-radius:2px}._inputContainer_fi5ao_1{z-index:2000}._blockUserInput_pot9c_1{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:left;position:relative;color:var(--text-secondary-color);font-size:.9rem;padding:.6rem 1rem;animation:_append-animate_pot9c_1 .2s ease-in;z-index:0}@keyframes _append-animate_pot9c_1{0%{opacity:0;top:6rem}to{opacity:1;top:0}}._commandsDropdown_5ytuv_1{position:relative}._commandsDropdown_5ytuv_1 ._commands_5ytuv_1{position:absolute;bottom:calc(100% - 3px);left:0;right:0;padding:1rem;margin:0;width:100%;overflow-y:auto;max-height:30em;border-radius:20px 20px 0 0;box-shadow:0 -8px 24px #0006;background-color:var( --commands-background-color, var(--brand-primary-color) );list-style-type:none}._commandsDropdown_5ytuv_1 ._command_5ytuv_1{display:flex;flex-direction:column;gap:.25rem;cursor:pointer;padding:1rem;border-radius:10px;color:var(--commands-text-color, white)}._commandsDropdown_5ytuv_1 ._command_5ytuv_1 h1{font-size:1.1rem;margin-block:0}._commandsDropdown_5ytuv_1 ._command_5ytuv_1 p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}._commandsDropdown_5ytuv_1 ._commandActive_5ytuv_46{color:var(--commands-active-text-color, white);background-color:var( --commands-active-background-color, rgba(255, 255, 255, .3) )}._commandsSelections_5ytuv_55{display:none}@media screen and (min-width: 1024px){._commandsSelections_5ytuv_55{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;padding-inline:1rem;margin-top:1rem}._commandsSelections_5ytuv_55 button{background:transparent;color:var(--text-secondary-color);border:1px solid var(--text-secondary-color);border-radius:20px;padding:.5rem 1rem;cursor:pointer}._commandsSelections_5ytuv_55 button:hover{background:var(--brand-primary-color);border-color:var(--brand-primary-color);color:#fff}}._callToActionContainer_1pojq_1{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;position:relative;padding:.6rem 1rem .3rem;animation:_append-animate_1pojq_1 .2s ease-in;z-index:0}@keyframes _append-animate_1pojq_1{0%{opacity:0;top:6rem}to{opacity:1;top:0}}._callToActionTitle_1pojq_23{font-size:.9rem;color:var(--text-secondary-color);margin-bottom:.2rem;padding-right:.5rem}._rateOverlay_1pojq_30{display:flex;flex-direction:column;justify-content:space-between}._rateOverlay_1pojq_30 h2{font-size:1em;text-align:center}._rateOverlay_1pojq_30 p{line-height:1.5}._rateOverlay_1pojq_30 form{display:flex;flex:1;flex-direction:column;justify-content:space-between}._body_1pojq_52{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}._footer_1pojq_60 input{font-size:1rem;border:none;box-sizing:border-box;width:100%;outline-width:0;padding:1.3rem 1rem 1rem;text-overflow:ellipsis;color:var(--text-primary-color)}._actions_1pojq_73{display:flex;justify-content:flex-end;align-items:center;line-height:0}._actions_1pojq_73 button{width:100%;border-radius:0}@media screen and (min-width: 1024px){._footer_1pojq_60 input{border-radius:20px}._actions_1pojq_73{margin-top:.5rem}._actions_1pojq_73 button{border-radius:.2rem}}._bubbles_1pojq_101{display:flex;flex-direction:column}@keyframes _appear_1pojq_1{0%{opacity:0}66%{opacity:0}to{opacity:1}}@keyframes _fadeInLeft_1pojq_1{0%{transform:translate(-3rem)}80%{transform:translate(-3rem)}to{transform:translate(0)}}._rateFeedbackBotBubble_1pojq_130{display:flex;align-items:flex-end;margin:1rem 0}._rateFeedbackGuestBubble_1pojq_136{display:flex;align-items:flex-end;justify-content:flex-end}._avatar_1pojq_142{width:var(--avatar-size);height:var(--avatar-size);animation-duration:.5s;animation-timing-function:ease-in;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:running;animation-name:_fadeInLeft_1pojq_1}._bubble_1pojq_101{padding:var(--bubble-padding);font-size:.9rem;animation-duration:1s;animation-delay:0s;animation-timing-function:ease;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:running;animation-name:_appear_1pojq_1}._botBubble_1pojq_168{border-radius:var(--bubble-radius-large);background-color:var(--bot-bubble-background-color);margin-left:1rem;color:var(--bot-bubble-text-color)}._botBubble_1pojq_168 a{color:var(--bot-bubble-text-color)!important}._guestBubble_1pojq_179{animation-duration:.25s;align-self:end;border-radius:var(--bubble-radius-large);background-color:var(--guest-bubble-background-color);color:var(--guest-bubble-text-color);margin-left:1rem;display:box;line-clamp:3;box-orient:vertical;overflow:hidden}._guestBubble_1pojq_179 a{color:var(--guest-bubble-text-color)}._rateText_1pojq_198{padding:.75rem;font-size:.9rem}._stars_1pojq_203{display:flex;justify-content:space-between;width:100%;margin:0;padding:0;box-sizing:border-box;line-height:unset;list-style:none;outline:none;font-variant:tabular-nums;font-feature-settings:"tnum"}._starsSmall_1pojq_217{flex:0;justify-content:flex-start;font-size:1.2rem}._starsLarge_1pojq_223{font-size:2rem}._star_1pojq_203{display:inline-block;color:inherit;cursor:pointer}._star_1pojq_203:not(:last-child){margin-right:8px}._starReadonly_1pojq_237{cursor:inherit}._star_1pojq_203>div{transition:all .3s,outline 0s}._starIcon_1pojq_247{display:inline-block;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;text-rendering:optimizelegibility}._star_1pojq_203 [aria-checked=true]{color:var(--brand-primary-color, #fadb14)}._star_1pojq_203 [aria-checked=false]{color:var(--color-gray-400)}._starsDescriptionContainer_1pojq_265{display:flex;flex-direction:column;width:100%;padding-top:1rem;padding-bottom:1rem;margin:auto}._starsDescription_1pojq_265{display:flex;flex-direction:row;justify-content:space-between;font-size:.7rem;color:var(--text-secondary-color)}@media (max-width: 350px){._starsLarge_1pojq_223{font-size:1.5rem}}._inputWrapper_e3h44_1{display:flex;justify-content:center;align-items:center;line-height:0;background-color:#fff}@media screen and (min-width: 1024px){._inputWrapper_e3h44_1{border-radius:20px}._withOpenCommands_e3h44_14{border-top-left-radius:0;border-top-right-radius:0}}._messageInputWrapper_e3h44_20{flex:1;margin-right:.5rem;border-radius:inherit}._messageInput_e3h44_20{resize:none;font-size:1rem;font-family:inherit;border:none;border-radius:inherit;height:calc(1em + 3rem);box-sizing:border-box;width:100%;outline-width:0;padding:1.3rem 1rem;text-overflow:ellipsis}._messageInput_e3h44_20:focus{outline:none}._buttons_e3h44_44{padding-right:.5rem;display:flex;justify-content:center;align-items:center}._button_e3h44_44[disabled]{opacity:.4}._button_e3h44_44{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-family:inherit;color:var(--brand-primary-color);background-color:var(--brand-secondary-color);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;border:none;text-align:center}._button_e3h44_44 svg{margin:2px;height:2em;width:2em;fill:currentColor}._button_e3h44_44:hover,._button_e3h44_44:active,._button_e3h44_44:focus{border:none;outline:none;color:var(--brand-secondary-color);background-color:var(--brand-primary-color)}._button_e3h44_44:not(:last-child){margin-right:.5em}._audioRecorder_g845f_1{display:flex;margin-left:-5px}._audioButton_g845f_6{display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;width:40px;height:40px;border-radius:50%;border:none;text-align:center;color:var(--brand-primary-color);background-color:var(--brand-secondary-color)}._audioButton_g845f_6:hover,._audioButton_g845f_6:active,._audioButton_g845f_6:focus{background-color:var(--brand-primary-color);color:var(--brand-secondary-color);border:none;outline:none}._audioButton_g845f_6 svg{margin:2px;height:2em;width:2em;fill:currentColor}._recorderIcon_g845f_37{width:1.3em;height:1.3em;border-radius:50%;animation:_pulse_g845f_1 2s infinite;margin:auto .6em}@keyframes _pulse_g845f_1{0%{background-color:#fff}40%{background-color:var(--danger-color)}60%{background-color:var(--danger-color)}to{background-color:#fff}}._spinning_g845f_60{width:40px;height:40px;padding:5px;display:block;margin:auto;color:var(--brand-primary-color);animation:_spin_g845f_60 1.2s linear infinite}@keyframes _spin_g845f_60{to{transform:rotate(360deg)}}._quickReplies_83npe_1{display:flex;flex-flow:row wrap;justify-content:flex-end;padding:.4rem 1rem;gap:.5rem}._quickReply_83npe_9{font-size:.8rem;background-color:var(--brand-secondary-color);color:var(--brand-primary-color);border:1px solid var(--brand-primary-color)}._quickReply_83npe_9:active,._quickReply_83npe_9:focus,._quickReply_83npe_9:hover{background-color:var(--brand-primary-color);color:var(--brand-secondary-color);border:1px solid var(--brand-secondary-color);outline:none}._header_3gvbz_1{display:flex;justify-content:space-between;align-items:center;height:var(--header-height);position:relative;background-color:var( --header-background-color, var(--brand-primary-color, white) )}._logoContainer_3gvbz_14{height:inherit;flex:1;padding:var(--header-logo-padding)}._logo_3gvbz_14{height:100%;background-image:var(--header-logo-url);background-repeat:no-repeat;background-size:contain;background-position:left center}._actions_3gvbz_28{display:flex;align-items:center;padding:var(--header-icons-padding);color:var(--header-icon-color, white)}._actions_3gvbz_28 button{background-color:transparent;color:inherit;border:none;cursor:pointer;border-radius:50%;padding:calc(var(--header-icon-size) / 3);margin:4px}._actions_3gvbz_28 button._active_3gvbz_43,._actions_3gvbz_28 button:hover{background-color:rgb(from var(--header-icon-color, white) r g b / 20%)}._actions_3gvbz_28 button svg{width:var(--header-icon-size);height:var(--header-icon-size);display:block}._menuContainer_3gvbz_56{position:relative;display:inline-block}._menu_3gvbz_56{position:absolute;margin-top:.5rem;top:calc(100% - 8px);right:0;left:auto;width:max-content;max-width:300px;padding:.5rem;background-color:var(--header-menu-background-color);box-shadow:var(--header-menu-box-shadow);border-radius:var(--header-menu-border-radius);display:flex;z-index:4000}._menu_3gvbz_56 ul{list-style-type:none;padding:0;margin:0}._menu_3gvbz_56 ul li{display:flex;align-items:center;cursor:pointer}._menu_3gvbz_56 ul li._divider_3gvbz_86{border-bottom:1px solid var(--header-menu-item-divider-color);margin-bottom:5px;padding-bottom:5px}._menu_3gvbz_56 ul li a{display:flex;align-items:center;padding:.5rem;text-decoration:none;border-radius:var(--header-menu-item-border-radius);color:var(--header-menu-item-color);width:100%;transition:background .2s}._menu_3gvbz_56 ul li a:hover,._menu_3gvbz_56 ul li a:focus{background-color:var(--header-menu-item-background-color-hover);outline:none}._menu_3gvbz_56 ul li a svg{margin-right:.5rem;width:1em;height:1em;flex-shrink:0}@media screen and (min-width: 1024px){._header_3gvbz_1{background-color:transparent;border-top-left-radius:0;border-top-right-radius:0}._actions_3gvbz_28 button{font-size:2rem}._actions_3gvbz_28 button:hover{background-color:var(--brand-primary-color);color:#fff}}._chatwindow_rkbir_1{display:flex;flex-direction:column;position:relative;width:100%;height:100vh;height:100svh;overflow:hidden}._chatwindow_rkbir_1 main{flex:1;overflow:hidden}._chatwindow_rkbir_1 aside{display:none}._chatwindowWithAside_rkbir_21{display:grid;position:relative;grid-template-rows:auto 1fr;grid-column-gap:6rem;grid-template-areas:"header" "main"}._chatwindowWithAside_rkbir_21 header{grid-area:header;display:block}._chatwindowWithAside_rkbir_21 main{position:relative;grid-area:main;flex:1}._chatwindowWithAside_rkbir_21 aside{display:flex;flex-direction:column;justify-content:flex-end;position:absolute;inset:0;z-index:1000000;grid-area:main;overflow:hidden;container-type:inline-size;background-color:#00000080}._chatwindowWithAside_rkbir_21 aside:empty{display:none}@media screen and (min-width: 1024px){._chatwindow_rkbir_1{justify-content:center}._chatwindow_rkbir_1 header{padding-inline:2rem;grid-area:header}._chatwindow_rkbir_1 main{grid-area:header;flex:none;overflow:hidden}._chatwindow_rkbir_1 header,._chatwindow_rkbir_1 main{display:block;max-width:50em;width:100%;margin-left:auto;margin-right:auto}._chatwindowWithAside_rkbir_21{grid-template-columns:2fr 1fr;grid-template-areas:"header aside" "main aside"}._chatwindowWithAside_rkbir_21 header{margin-right:unset;padding:1rem 2rem}._chatwindowWithAside_rkbir_21 main{grid-area:main;flex:1;margin-right:unset;padding:0 2rem 1rem}._chatwindowWithAside_rkbir_21 aside{grid-area:aside;animation:none;background-color:unset}}.chat__cms-integration header{display:none}._sourceInfos_vei0l_1{position:relative;display:flex;flex-direction:column;max-height:calc(100svh - var(--header-height) - 2rem);max-height:calc(100% - var(--header-height) - 2rem);height:auto;border-top-left-radius:.6rem;border-top-right-radius:.6rem;background-color:#fff;box-shadow:#00000059 0 5px 15px;transition:max-height .3s linear;border:none;inset:auto 0 0;margin:0;padding:0;width:100%;max-width:100%}._sourceInfos_vei0l_1._waitForLoading_vei0l_24{max-height:0}._sourceInfos_vei0l_1._loadingContent_vei0l_28{max-height:50%}._sourceInfos_vei0l_1 svg{display:block}._sourceHeader_vei0l_37{display:flex;align-items:center;justify-content:space-between;gap:.5rem;touch-action:none;padding:0 .5rem 0 1rem;border-bottom:1px solid var(--color-gray-200)}._sourceHeader_vei0l_37 p{display:-webkit-box;overflow-wrap:break-word;word-break:break-all;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}._sourceHeaderIcon_vei0l_57{font-size:2rem}._sourceContent_vei0l_61{flex:1;padding:1rem 1rem 0;line-height:1.5;overflow-y:auto;overflow-wrap:break-word}._openSourceButton_vei0l_69{margin:1rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;border-radius:5rem;text-decoration:none}._openSourceButton_vei0l_69 ._sourceButtonLabel_vei0l_79{display:flex;align-items:center;gap:.5rem}._openSourceButton_vei0l_69 ._sourceButtonLabel_vei0l_79 p{display:-webkit-box;font-size:1rem;margin-block:.5rem;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-align:left}._openSourceButton_vei0l_69 svg{font-size:1.5rem}._closeSourceInfosButton_vei0l_101{background-color:transparent;border:none;cursor:pointer;font-size:1.5rem;margin:0;padding:.25rem;border-radius:50%}._closeSourceInfosButton_vei0l_101:hover{background-color:var(--brand-primary-color);color:#fff}@keyframes _rotate_vei0l_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loadingSourceInfos_vei0l_125{display:flex;align-items:center;justify-content:center;font-size:5rem;margin:5rem 7rem 7rem;color:var(--color-gray-700)}._loading_vei0l_28{animation:_rotate_vei0l_1 2s linear infinite;transform-origin:center}._loadingError_vei0l_139{display:flex;flex-direction:column;gap:2rem;padding:1rem 2rem 2rem}._loadingError_vei0l_139 h1,._loadingError_vei0l_139 p{text-align:center}._loadingError_vei0l_139 img{width:100%}._highlightLoadingInfo_vei0l_155{position:absolute;width:calc(100% - 2rem);bottom:5rem;margin-bottom:1rem;padding:.5rem;border:1px solid var(--color-gray-200);border-radius:.5rem;color:var(--color-gray-700);background-color:#fff;font-size:.875rem;box-shadow:#0000001a 0 0 30px 15px;cursor:pointer}._highlightLoadingInfo_vei0l_155 ._highlightLoadingInfoInnerContainer_vei0l_169{display:flex;gap:1rem;justify-content:center;align-items:center;padding:.5rem 0 .5rem .5rem;color:var(--color-gray-700);font-size:.875rem}._highlightLoadingInfo_vei0l_155 ._highlightLoadingInfoInnerContainer_vei0l_169 ._highlightLoadingInfoContent_vei0l_178{display:flex;flex-direction:column}._highlightLoadingInfo_vei0l_155 ._highlightLoadingInfoInnerContainer_vei0l_169 ._highlightLoadingInfoContent_vei0l_178 h3{margin:0}._highlightLoadingInfo_vei0l_155 ._highlightLoadingInfoInnerContainer_vei0l_169 ._highlightLoadingInfoContent_vei0l_178 p{margin:0;line-height:1.5}._highlightLoadingInfo_vei0l_155 ._highlightLoadingInfoInnerContainer_vei0l_169 svg{flex-shrink:0;font-size:2rem}._highlightLoadingInfo_vei0l_155 ._highlightLoadingInfoCloseIcon_vei0l_198{float:right}._highlightLoader_vei0l_203{position:relative;width:100%;height:2px;overflow:hidden}._highlightLoaderLoading_vei0l_210{position:absolute;height:100%;width:50%;background:linear-gradient(to right,transparent,var(--color-gray-700),transparent);border-radius:4px;animation:_loadingAnim_vei0l_1 5s ease-in-out infinite}@keyframes _loadingAnim_vei0l_1{0%{left:-30%}50%{left:70%}to{left:-30%}}@media screen and (min-width: 1024px){._sourceInfos_vei0l_1{height:100%;max-height:unset;max-width:35rem;width:unset;margin-top:0;margin-left:1rem;border-radius:unset;animation:none;transition:none;top:unset;right:unset;bottom:unset;left:unset}._sourceInfos_vei0l_1._loadingContent_vei0l_28{max-height:100%}._sourceHeader_vei0l_37{padding:0 .5rem 0 2rem}._sourceContent_vei0l_61{padding:2rem 2rem 0}._openSourceButton_vei0l_69{margin:2rem;border-radius:.2rem}._openSourceButton_vei0l_69 p{margin-block:revert}._loadingSourceInfos_vei0l_125{margin:7rem 0 0}._highlightLoader_vei0l_203{height:1px}._highlightLoadingInfo_vei0l_155{width:calc(100% - 4rem);bottom:6rem}@container (min-width: 30rem){._sourceInfos_vei0l_1{margin:2rem;height:calc(100% - 4rem)}}}._container_114wy_1{display:flex;flex-direction:column;height:100%}._body_114wy_7{padding:1rem;overflow-y:auto;flex:1;color:var(--text-primary-color)}._intro_114wy_14{margin-bottom:1em}._intro_114wy_14 h1{font-size:1.3em}._intro_114wy_14 h2{font-size:1em}._intro_114wy_14 p{line-height:1.4}._intro_114wy_14 ul{padding-left:1em}._intro_114wy_14 li{padding-top:.3em;padding-bottom:.3em;line-height:1.4}._footer_114wy_39{padding:1rem}._footnote_114wy_43{margin-top:.75rem;text-align:center;font-size:.8em;color:var(--text-secondary-color)}@media screen and (min-width: 1024px){._container_114wy_1{justify-content:center;background:#fff;border-radius:20px;padding:2rem}._containerWithFootnote_114wy_58{padding-bottom:1rem}._body_114wy_7{max-height:60vh;padding:0 0 1rem;margin-bottom:1rem}._footer_114wy_39{padding:0}}._startChatButton_114wy_73{width:100%}._formFields_114wy_77{display:flex;flex-direction:column;gap:.75em}._formField_114wy_77{display:flex;flex-direction:column;gap:8px}._radio_114wy_89{display:flex;align-items:flex-start;gap:6px;accent-color:var(--brand-primary-color)}._checkbox_114wy_96{display:flex;align-items:flex-start;gap:6px;padding:6px 0;accent-color:var(--brand-primary-color)}._input_114wy_104 input{border-width:1px;border-style:solid;border-color:#d9d9d9;box-sizing:border-box;margin:0;padding:4px 11px;color:#000000e0;font-size:1em;line-height:1.57;list-style:none;font-family:inherit;position:relative;display:inline-block;width:100%;min-width:0;border-radius:6px;transition:all .2s;accent-color:var(--brand-primary-color)}._input_114wy_104 input:focus,._input_114wy_104 input:focus-within{border-color:var(--brand-primary-color);box-shadow:0 0 0 2px #0591ff1a;outline:0;background-color:#fff}._input_114wy_104 input:hover{border-color:var(--brand-primary-color)}._inputLabel_114wy_138{margin-bottom:8px}._selectWrapper_114wy_142{position:relative}._selectWrapper_114wy_142:after{content:"⌄";font-size:1rem;top:2px;right:14px;position:absolute}._select_114wy_142 select{border-width:1px;border-style:solid;border-color:#d9d9d9;box-sizing:border-box;margin:0;padding:4px 11px;color:#000000e0;font-size:1em;line-height:1.57;list-style:none;font-family:inherit;position:relative;display:inline-block;width:100%;min-width:0;border-radius:6px;transition:all .2s;accent-color:var(--brand-primary-color);appearance:none}._select_114wy_142 select:focus,._select_114wy_142 select:focus-within{border-color:var(--brand-primary-color);box-shadow:0 0 0 2px #0591ff1a;outline:0;background-color:#fff}._select_114wy_142 select:hover{border-color:var(--brand-primary-color)}._selectLabel_114wy_188{margin-bottom:8px}:root{--aspect-ratio: calc(16 / 9);--color-gray-100: #e9eff6;--color-gray-200: #d6d6d6;--color-gray-300: #bfbfbf;--color-gray-400: #999999;--color-gray-500: #707070;--color-gray-600: #565656;--color-gray-700: #434343;--color-gray-800: #2e2e2e;--color-gray-900: #1a1a1a;--body-background-color: white;--brand-primary-color: rgb(4, 47, 97);--brand-secondary-color: white;--text-primary-color: var(--color-gray-800);--text-secondary-color: var(--color-gray-500);--text-link-color: var(--text-primary-color);--text-link-color-hover: var(--brand-primary-color);--danger-color: #b11106;--scrollbar-thumb-color: var(--color-gray-300);--header-height: 4em;--header-icon-size: 1.5rem;--header-icons-padding: 1rem .75rem;--header-icon-color: white;--header-logo-padding: 1em;--header-logo-url: url(../logo.svg);--header-menu-border-radius: 10px;--header-menu-background-color: white;--header-menu-box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05);--header-menu-item-border-radius: 5px;--header-menu-item-background-color-hover: var(--color-gray-100);--header-menu-item-color: var(--text-primary-color);--header-menu-item-divider-color: var(--color-gray-200);--avatar-size: 2rem;--avatar-radius: 50%;--bot-avatar-display: initial;--bot-avatar-background-color: var(--color-gray-100);--agent-avatar-background-color: var(--color-gray-100);--bubble-padding: .9em 1.3em;--bubble-margin-small: 3px;--bubble-margin-large: 1.2rem;--bubble-radius-large: 20px;--bubble-radius-small: 4px;--bot-bubble-background-color: white;--bot-bubble-text-color: var(--text-primary-color);--bot-bubble-border-color: var(--color-gray-700);--bot-bubble-border-width: 2px;--bot-bubble-top-left-radius: var(--bubble-radius-small);--bot-bubble-top-right-radius: var(--bubble-radius-large);--bot-bubble-bottom-right-radius: var(--bubble-radius-large);--bot-bubble-bottom-left-radius: var(--bubble-radius-small);--bot-bubble-source-background-color: var(--body-background-color);--bot-bubble-source-text-color: var(--bot-bubble-text-color);--guest-bubble-background-color: var(--brand-primary-color);--guest-bubble-text-color: white;--guest-bubble-border-color: white;--guest-bubble-border-width: 0px;--guest-bubble-top-left-radius: var(--bubble-radius-large);--guest-bubble-top-right-radius: var(--bubble-radius-small);--guest-bubble-bottom-right-radius: var(--bubble-radius-small);--guest-bubble-bottom-left-radius: var(--bubble-radius-large)}.chat__large{--header-icon-color: var(--color-gray-800);--header-logo-padding: .5em 1em .5em 0}[data-title]{--tooltip-min-width: 120px;--tooltip-max-width: min(400px, 80vw);--tooltip-tick-position-top: -10px;--tooltip-tick-position-bottom: unset;--tooltip-position-top: -42px;--tooltip-position-bottom: auto;--tooltip-position-left: auto;--tooltip-position-right: -.5em;--tooltip-border-color: #1f1f1f;--tooltip-border-color-top: var(--tooltip-border-color);--tooltip-border-color-bottom: transparent;position:relative;opacity:1}[data-title]:before{content:"";position:absolute;top:var(--tooltip-tick-position-top);bottom:var(--tooltip-tick-position-bottom);right:35%;border:6px solid transparent;border-top-color:var(--tooltip-border-color-top);border-bottom-color:var(--tooltip-border-color-bottom);z-index:999999;visibility:hidden}[data-title]:after{content:attr(data-title);position:absolute;top:var(--tooltip-position-top);bottom:var(--tooltip-position-bottom);right:var(--tooltip-position-right);left:var(--tooltip-position-left);font-size:14px;line-height:16px;padding:8px 10px;font-family:inherit;white-space:nowrap;border-radius:5px;background-color:#1f1f1f;color:#fafafa;box-shadow:1px 6px 16px #1f1f1f;z-index:99999;visibility:hidden}[data-title]:hover:before,[data-title]:hover:after{opacity:1;transition:all .1s ease .5s;visibility:visible}.tooltip-hidden[data-title]:before,.tooltip-hidden[data-title]:after{transition:inherit;visibility:hidden;display:none}.tooltip--top-right[data-title]{--tooltip-position-left: -1em;--tooltip-position-right: auto}.tooltip--top-center[data-title]{--tooltip-position-top: auto;--tooltip-position-bottom: calc(100% + 1rem) ;--tooltip-tick-position-top: auto;--tooltip-tick-position-bottom: calc(100% + 4px) }.tooltip--top-center[data-title]:after{left:50%;transform:translate(-50%);min-width:var(--tooltip-min-width);max-width:var(--tooltip-max-width);width:max-content;white-space:normal;word-break:break-word;text-align:center;bottom:var(--tooltip-position-bottom);top:var(--tooltip-position-top)}.tooltip--bottom-left[data-title]{--tooltip-position-top: auto;--tooltip-position-bottom: -3em;--tooltip-tick-position-top: unset;--tooltip-tick-position-bottom: -10px;--tooltip-border-color-top: transparent;--tooltip-border-color-bottom: var(--tooltip-border-color)}@supports (scrollbar-color: auto){*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color) transparent}}@supports not (scrollbar-color: auto){::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:4px;background:var(--scrollbar-thumb-color)}}*{box-sizing:border-box}body{margin:0}input::placeholder,textarea::placeholder{color:#666;opacity:1}svg{fill:currentColor}
|
|
1
|
+
._app_1rj0t_1{display:flex;flex-direction:row;height:100vh;height:100svh;background-color:var(--body-background-color)}._container_q2uun_1{height:100%;position:relative}._chatcontent_q2uun_6{display:flex;flex-flow:column nowrap;height:100%}._accessabilityHidden_q2uun_12{visibility:hidden}._messageContainer_ofi0g_1{flex:1;overflow-y:scroll;overscroll-behavior:contain;padding-top:1rem;position:relative;-webkit-overflow-scrolling:touch}._messages_ofi0g_12{position:relative;list-style:none;font-size:.9rem;line-height:1.4;padding:0 1rem;margin:0;overflow-wrap:break-word;word-wrap:break-word}@media screen and (min-width: 1024px){._messageContainer_ofi0g_1{margin-bottom:1rem}._messages_ofi0g_12{padding-left:0}}@media (min-width: 36rem){._messageContainer_ofi0g_1{padding-top:2rem;padding-bottom:2rem}._messages_ofi0g_12{font-size:1rem;line-height:1.8}}._generalConditionsContainer_55hjg_1{margin-bottom:1.2rem;margin-left:1rem;margin-right:1rem}._generalConditions_55hjg_1{transition:all .5s linear;background-color:var(--bot-bubble-background-color);color:var(--bot-bubble-text-color);padding:.9em 1.3em;font-size:.9rem}._generalConditionsHeader_55hjg_15{display:flex;align-items:flex-end;justify-content:space-between;cursor:pointer}._generalConditionsHeader_55hjg_15:focus{outline:none}._generalConditionsBody_55hjg_26{display:flex;align-items:flex-end}._generalConditionsBody_55hjg_26:focus{outline:none}._generalConditionsAccept_55hjg_35{padding:.9em 1.3em;font-size:.9rem}._generalConditionsAccept_55hjg_35:focus{outline:none}._message_1sw52_1{--bubble-margin: var(--bubble-margin-small);margin-bottom:var(--bubble-margin);transition:border-radius .5s;position:relative}._messageBot_1sw52_9{--bot-bubble-user-actions-display: none;display:flex;align-items:flex-end}._messageBot_1sw52_9:focus-within,._messageBot_1sw52_9:hover{--bot-bubble-user-actions-display: flex}._messageBot_1sw52_9:not(._messageBotLast_1sw52_19) ._avatar_1sw52_19{visibility:hidden}._messageBot_1sw52_9 img{display:var(--bot-avatar-display)}._messageBotFirst_1sw52_28{--bot-bubble-top-left-radius: var(--bubble-radius-large);--bot-bubble-top-right-radius: var(--bubble-radius-large);--bot-bubble-bottom-right-radius: var(--bubble-radius-large)}._messageBotLast_1sw52_19{--bot-bubble-top-right-radius: var(--bubble-radius-large);--bot-bubble-bottom-left-radius: var(--bubble-radius-large);--bot-bubble-bottom-right-radius: var(--bubble-radius-large);--bubble-margin: var(--bubble-margin-large)}._messageBotAnimated_1sw52_41{animation-duration:.25s;animation-timing-function:ease-in;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:running;animation-name:_fadeInLeft_1sw52_1}._messageGuest_1sw52_52{display:flex;align-items:flex-end;justify-content:flex-end}._messageGuestFirst_1sw52_58{--guest-bubble-top-left-radius: var(--bubble-radius-large);--guest-bubble-top-right-radius: var(--bubble-radius-large);--guest-bubble-bottom-left-radius: var(--bubble-radius-large)}._messageGuestLast_1sw52_64{--guest-bubble-top-left-radius: var(--bubble-radius-large);--guest-bubble-bottom-left-radius: var(--bubble-radius-large);--guest-bubble-bottom-right-radius: var(--bubble-radius-large);--bubble-margin: var(--bubble-margin-large);margin-bottom:var(--bubble-margin)}._avatar_1sw52_19{width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--avatar-radius, 50%)}._botAvatar_1sw52_78{background-color:var(--bot-avatar-background-color)}._agentAvatar_1sw52_82{background-color:var(--agent-avatar-background-color)}._bubble_1sw52_86{display:inline-block;max-width:calc(100% - 4.3rem);position:relative}._bubbleContent_1sw52_92{padding:var(--bubble-padding);color:inherit;font-size:inherit}._bubbleContent_1sw52_92 *>:first-child{margin-top:0}._bubbleContent_1sw52_92 *>:last-child{margin-bottom:0}._bubbleLeft_1sw52_106{border-radius:var(--bot-bubble-top-left-radius) var(--bot-bubble-top-right-radius) var(--bot-bubble-bottom-right-radius) var(--bot-bubble-bottom-left-radius);border-color:var(--bot-bubble-border-color);border-width:var(--bot-bubble-border-width);border-style:solid;background-color:var(--bot-bubble-background-color);margin-left:.5rem}._leftText_1sw52_117{color:var(--bot-bubble-text-color)}._leftText_1sw52_117 a{color:var(--bot-bubble-text-color)!important}._bubbleRight_1sw52_124{border-radius:var(--guest-bubble-top-left-radius) var(--guest-bubble-top-right-radius) var(--guest-bubble-bottom-right-radius) var(--guest-bubble-bottom-left-radius);border-color:var(--guest-bubble-border-color);border-width:var(--guest-bubble-border-width);border-style:solid;background-color:var(--guest-bubble-background-color)}._rightText_1sw52_134,._rightText_1sw52_134 a{color:var(--guest-bubble-text-color)}@keyframes _fadeInLeft_1sw52_1{0%{transform:translate(-100vw)}to{transform:translate(0)}}.source-info-reference{--footnote-padding: .2em}.source-info-reference:first-of-type{margin-left:var(--footnote-padding)}.source-info-reference:last-of-type{margin-right:var(--footnote-padding)}.source-info-reference.source-info-reference--before-space{margin-left:-.1em}.source-info-reference.source-info-reference--after-space{margin-right:-.1em}._sourceInfoReference_1sw52_166 a{--bot-bubble-text-color: black;background:color-mix(in srgb,var(--brand-primary-color) 20%,transparent);padding:3px 6px;border-radius:6px;text-decoration:none!important;font-size:.75rem;font-family:monospace}._sourceInfoReferenceActive_1sw52_178 a{--bot-bubble-text-color: white;background:var(--brand-primary-color)}._botMessageActions_m0f8n_1{--bot-bubble-user-actions-container-bg-opacity: 1;--bot-bubble-user-actions-container-padding: .25rem;color:var(--text-secondary-color);padding:var(--bot-bubble-user-actions-container-padding);vertical-align:middle;background-color:rgb(var(--bot-bubble-user-actions-container-bg, 255 255 255) / var(--bot-bubble-user-actions-container-bg-opacity));border-color:var(--color-gray-200);border-style:solid;border-width:1px;border-radius:.5rem;margin-top:-.75rem;margin-left:calc(-1 * var(--bot-bubble-user-actions-container-padding));top:100%;left:1rem;position:absolute;z-index:10;display:var(--bot-bubble-user-actions-display);gap:.15rem}._alwaysVisible_m0f8n_27{--bot-bubble-user-actions-display: flex;--bot-bubble-user-actions-container-bg-opacity: 0;border-width:0;top:calc(100% + .75rem)}._reported_m0f8n_34{display:flex}._action_m0f8n_38{display:var(--bot-bubble-user-actions-display);font-size:.875rem;line-height:1.25rem;padding-left:.25rem;padding-right:.25rem;border-radius:.375rem;white-space:nowrap;justify-content:center;align-items:center;height:1.5rem;text-transform:none;border:0;cursor:pointer;color:inherit;background-color:rgb(var(--bot-bubble-user-actions-container-bg, 255 255 255) / var(--bot-bubble-user-actions-container-bg-opacity))}._action_m0f8n_38:hover{background-color:var(--color-gray-200)}._action_m0f8n_38._reported_m0f8n_34{display:flex}._sourceList_1n31h_1{display:flex;flex-direction:column;flex-wrap:wrap;gap:.5rem;list-style-type:none!important;margin:0;padding:0;padding-top:1rem}._source_1n31h_1{font-size:.7rem;width:fit-content;cursor:pointer;max-width:100%}._source_1n31h_1 a{display:flex;align-items:center;flex-direction:row;gap:.25rem;padding:3px 6px;border-radius:6px;color:var(--bot-bubble-source-text-color)!important;background-color:var(--bot-bubble-source-background-color)}._source_1n31h_1 a:hover{background:color-mix(in srgb,var(--bot-bubble-source-background-color) 75%,transparent)}._source_1n31h_1 a ._label_1n31h_37{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}._source_1n31h_1 a svg{font-size:1rem;flex-shrink:0}._button_3ui4g_1{display:inline-block;font-family:inherit;font-size:1em;padding:.5em 1em;border-radius:.2rem;background-color:#fff;cursor:pointer;transition:all .2s linear;text-align:center}._buttonDefault_3ui4g_13{color:#000000d9;background-color:#fff;border:2px solid;border-color:color-mix(in srgb,var(--brand-primary-color) 20%,transparent)}._buttonDefault_3ui4g_13:hover{color:var(--brand-primary-color);border-color:var(--brand-primary-color)}._buttonDefault_3ui4g_13:disabled{cursor:not-allowed;opacity:.3}._buttonPrimary_3ui4g_28{color:var(--brand-secondary-color);background-color:var(--brand-primary-color);border:2px solid var(--brand-primary-color)}._buttonPrimary_3ui4g_28:hover{color:var(--brand-primary-color);background-color:var(--brand-secondary-color);border:2px solid var(--brand-primary-color)}._buttonPrimary_3ui4g_28:disabled{cursor:not-allowed;opacity:.3;color:var(--brand-secondary-color);background-color:var(--brand-primary-color)}._title_137pi_1{margin-top:0;margin-block-start:0}._buttons_137pi_6{margin-top:1rem;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}._button_137pi_6{font-size:.9em;margin:0;background-color:var(--bot-bubble-text-color);color:var(--bot-bubble-background-color);border:2px solid var(--bot-bubble-text-color);width:100%}._button_137pi_6:hover{color:var(--bot-bubble-text-color);background-color:var(--bot-bubble-background-color);border:2px solid var(--bot-bubble-text-color)}._imageContainer_137pi_29{display:flex}._image_137pi_29{height:100%;width:100%;object-fit:cover;border-radius:calc(var(--bot-bubble-top-left-radius) - var(--bot-bubble-border-width)) calc(var(--bot-bubble-top-right-radius) - var(--bot-bubble-border-width)) 0 0}._video_container_137pi_44{display:flex}._video_137pi_44{width:100%;height:100%;border-radius:calc(var(--bot-bubble-top-left-radius) - var(--bot-bubble-border-width)) calc(var(--bot-bubble-top-right-radius) - var(--bot-bubble-border-width)) 0 0}._only_137pi_58{border-radius:calc(var(--bot-bubble-top-left-radius) - var(--bot-bubble-border-width)) calc(var(--bot-bubble-top-right-radius) - var(--bot-bubble-border-width)) calc(var(--bot-bubble-bottom-right-radius) - var(--bot-bubble-border-width)) calc(var(--bot-bubble-bottom-left-radius) - var(--bot-bubble-border-width))}._markdown_nw7vg_1 h1,._markdown_nw7vg_1 h2,._markdown_nw7vg_1 h3,._markdown_nw7vg_1 h4,._markdown_nw7vg_1 h5,._markdown_nw7vg_1 p,._markdown_nw7vg_1 a,._markdown_nw7vg_1 ul,._markdown_nw7vg_1 ol{color:inherit;margin-block-start:.4em;margin-block-end:.4em;margin-inline-start:0px;margin-inline-end:0px}._markdown_nw7vg_1 h1{font-size:1.2rem;white-space:pre-wrap}._markdown_nw7vg_1 h2{font-size:1.1rem;white-space:pre-wrap}._markdown_nw7vg_1 h3,._markdown_nw7vg_1 h4,._markdown_nw7vg_1 h5{font-size:1rem;white-space:pre-wrap}._markdown_nw7vg_1 a{color:var(--text-link-color);text-decoration:underline;cursor:pointer}._markdown_nw7vg_1 a:hover{color:var(--text-link-color-hover);opacity:.8}._markdown_nw7vg_1 a:active{color:var(--text-link-color-hover)}._markdown_nw7vg_1 a:visited{color:var(--text-link-color)}._markdown_nw7vg_1 img{max-width:100%;margin-block-start:0;margin-block-end:0}._markdown_nw7vg_1 ul{padding:0 0 0 1.1em}._markdown_nw7vg_1 ul>li{list-style-type:disc}._markdown_nw7vg_1 ul>li ul{margin-block-start:0}._markdown_nw7vg_1 ul>li p{margin-bottom:0}._markdown_nw7vg_1 ol{padding:0 0 0 1.1em}._markdown_nw7vg_1 ol>li{list-style-type:decimal}._markdown_nw7vg_1 table,._markdown_nw7vg_1 td,._markdown_nw7vg_1 th{border:1px solid}._markdown_nw7vg_1 table{width:100%;border-collapse:collapse;margin-bottom:1rem;-webkit-hyphens:auto;hyphens:auto}._markdown_nw7vg_1 table th{text-align:left;padding:5px}._markdown_nw7vg_1 table td{padding:5px}._markdown_nw7vg_1 hr{margin-top:1rem;margin-bottom:1rem;border-top:1px solid;border-left:0;border-bottom:0;border-right:0}._text_gp0s0_1{overflow-wrap:break-word}._command_gp0s0_5{padding:3px 6px;margin-right:3px;border-radius:6px;font-size:.75rem;font-family:monospace;background-color:var( --guest-bubble-command-background-color, rgba(255, 255, 255, .3) )}._ticontainer_xg0dn_1{padding:var(--bubble-padding)}._tiblock_xg0dn_5{align-items:center;display:flex;height:1rem;margin:2.1px}._tidot_xg0dn_12{background-color:var(--bot-bubble-text-color);animation:_mercuryTypingAnimation_xg0dn_1 1s infinite ease-in-out;border-radius:3px;display:inline-block;height:6px;margin-right:3px;width:6px}@keyframes _mercuryTypingAnimation_xg0dn_1{0%{transform:translateY(0)}28%{transform:translateY(-5px)}44%{transform:translateY(0)}}._tidot_xg0dn_12:nth-child(1){animation-delay:50ms}._tidot_xg0dn_12:nth-child(2){animation-delay:.15s}._tidot_xg0dn_12:nth-child(3){animation-delay:.25s}._bottomSheet_jp8dl_1{visibility:hidden;position:absolute;z-index:3000;height:100%;width:100%;background-color:var(--body-background-color);top:0;bottom:0;transform:translateY(100%);overflow-y:auto;overscroll-behavior:contain}._bottomSheetOpen_jp8dl_15{animation:_slide-in_jp8dl_1 .2s forwards;visibility:visible}._bottomSheetClose_jp8dl_20{animation:_slide-out_jp8dl_1 .2s forwards;visibility:hidden}@keyframes _slide-in_jp8dl_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes _slide-out_jp8dl_1{0%{transform:translateY(0)}to{transform:translateY(100%)}}._container_xc2nx_1{overflow:hidden}._container_xc2nx_1 iframe{width:100%;height:100%;border:none}._container_z787n_1{padding:.25rem;display:flex;justify-content:center;align-items:center;border-top:1px solid var(--color-gray-200);background-color:#fff;font-size:.5rem;color:var(--text-secondary-color)}._container_z787n_1 a{color:var(--brand-primary-color);text-decoration:none}@media screen and (min-width: 1024px){._container_z787n_1{padding:.75rem 0 0;background-color:transparent;border-top:unset}}._container_h23mk_1{padding:1rem}._container_h23mk_1 h1{font-size:1.6em}._container_h23mk_1 h2{font-size:1em}._container_h23mk_1 p{line-height:1.5}._formContainer_h23mk_17{display:flex;flex-direction:column}._emailInput_h23mk_22{box-sizing:border-box;margin:1rem 0 0;font-variant:tabular-nums;list-style:none;font-feature-settings:"tnum";position:relative;display:inline-block;width:100%;min-width:0;padding:4px 11px;color:#000000a6;font-size:14px;line-height:1.5715;background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:2px;transition:all .3s;outline:none}._emailInput_h23mk_22:hover{border:1px solid var(--brand-primary-color)}._emailInput_h23mk_22:focus{border:1px solid var(--brand-primary-color)}._description_h23mk_52{font-size:.9rem;-webkit-hyphens:auto;hyphens:auto}._actions_h23mk_57{margin-top:1rem;padding-bottom:3rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}._validationError_h23mk_67{padding-top:.5em;color:var(--danger-color);font-size:.8em;height:1rem}._submitted_h23mk_74{margin-top:3rem;padding:1rem;border:1px solid var(--brand-primary-color);border-radius:2px}._inputContainer_fi5ao_1{z-index:2000}._blockUserInput_pot9c_1{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:left;position:relative;color:var(--text-secondary-color);font-size:.9rem;padding:.6rem 1rem;animation:_append-animate_pot9c_1 .2s ease-in;z-index:0}@keyframes _append-animate_pot9c_1{0%{opacity:0;top:6rem}to{opacity:1;top:0}}._commandsDropdown_5ytuv_1{position:relative}._commandsDropdown_5ytuv_1 ._commands_5ytuv_1{position:absolute;bottom:calc(100% - 3px);left:0;right:0;padding:1rem;margin:0;width:100%;overflow-y:auto;max-height:30em;border-radius:20px 20px 0 0;box-shadow:0 -8px 24px #0006;background-color:var( --commands-background-color, var(--brand-primary-color) );list-style-type:none}._commandsDropdown_5ytuv_1 ._command_5ytuv_1{display:flex;flex-direction:column;gap:.25rem;cursor:pointer;padding:1rem;border-radius:10px;color:var(--commands-text-color, white)}._commandsDropdown_5ytuv_1 ._command_5ytuv_1 h1{font-size:1.1rem;margin-block:0}._commandsDropdown_5ytuv_1 ._command_5ytuv_1 p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}._commandsDropdown_5ytuv_1 ._commandActive_5ytuv_46{color:var(--commands-active-text-color, white);background-color:var( --commands-active-background-color, rgba(255, 255, 255, .3) )}._commandsSelections_5ytuv_55{display:none}@media screen and (min-width: 1024px){._commandsSelections_5ytuv_55{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;padding-inline:1rem;margin-top:1rem}._commandsSelections_5ytuv_55 button{background:transparent;color:var(--text-secondary-color);border:1px solid var(--text-secondary-color);border-radius:20px;padding:.5rem 1rem;cursor:pointer}._commandsSelections_5ytuv_55 button:hover{background:var(--brand-primary-color);border-color:var(--brand-primary-color);color:#fff}}._callToActionContainer_1pojq_1{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;position:relative;padding:.6rem 1rem .3rem;animation:_append-animate_1pojq_1 .2s ease-in;z-index:0}@keyframes _append-animate_1pojq_1{0%{opacity:0;top:6rem}to{opacity:1;top:0}}._callToActionTitle_1pojq_23{font-size:.9rem;color:var(--text-secondary-color);margin-bottom:.2rem;padding-right:.5rem}._rateOverlay_1pojq_30{display:flex;flex-direction:column;justify-content:space-between}._rateOverlay_1pojq_30 h2{font-size:1em;text-align:center}._rateOverlay_1pojq_30 p{line-height:1.5}._rateOverlay_1pojq_30 form{display:flex;flex:1;flex-direction:column;justify-content:space-between}._body_1pojq_52{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}._footer_1pojq_60 input{font-size:1rem;border:none;box-sizing:border-box;width:100%;outline-width:0;padding:1.3rem 1rem 1rem;text-overflow:ellipsis;color:var(--text-primary-color)}._actions_1pojq_73{display:flex;justify-content:flex-end;align-items:center;line-height:0}._actions_1pojq_73 button{width:100%;border-radius:0}@media screen and (min-width: 1024px){._footer_1pojq_60 input{border-radius:20px}._actions_1pojq_73{margin-top:.5rem}._actions_1pojq_73 button{border-radius:.2rem}}._bubbles_1pojq_101{display:flex;flex-direction:column}@keyframes _appear_1pojq_1{0%{opacity:0}66%{opacity:0}to{opacity:1}}@keyframes _fadeInLeft_1pojq_1{0%{transform:translate(-3rem)}80%{transform:translate(-3rem)}to{transform:translate(0)}}._rateFeedbackBotBubble_1pojq_130{display:flex;align-items:flex-end;margin:1rem 0}._rateFeedbackGuestBubble_1pojq_136{display:flex;align-items:flex-end;justify-content:flex-end}._avatar_1pojq_142{width:var(--avatar-size);height:var(--avatar-size);animation-duration:.5s;animation-timing-function:ease-in;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:running;animation-name:_fadeInLeft_1pojq_1}._bubble_1pojq_101{padding:var(--bubble-padding);font-size:.9rem;animation-duration:1s;animation-delay:0s;animation-timing-function:ease;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:running;animation-name:_appear_1pojq_1}._botBubble_1pojq_168{border-radius:var(--bubble-radius-large);background-color:var(--bot-bubble-background-color);margin-left:1rem;color:var(--bot-bubble-text-color)}._botBubble_1pojq_168 a{color:var(--bot-bubble-text-color)!important}._guestBubble_1pojq_179{animation-duration:.25s;align-self:end;border-radius:var(--bubble-radius-large);background-color:var(--guest-bubble-background-color);color:var(--guest-bubble-text-color);margin-left:1rem;display:box;line-clamp:3;box-orient:vertical;overflow:hidden}._guestBubble_1pojq_179 a{color:var(--guest-bubble-text-color)}._rateText_1pojq_198{padding:.75rem;font-size:.9rem}._stars_1pojq_203{display:flex;justify-content:space-between;width:100%;margin:0;padding:0;box-sizing:border-box;line-height:unset;list-style:none;outline:none;font-variant:tabular-nums;font-feature-settings:"tnum"}._starsSmall_1pojq_217{flex:0;justify-content:flex-start;font-size:1.2rem}._starsLarge_1pojq_223{font-size:2rem}._star_1pojq_203{display:inline-block;color:inherit;cursor:pointer}._star_1pojq_203:not(:last-child){margin-right:8px}._starReadonly_1pojq_237{cursor:inherit}._star_1pojq_203>div{transition:all .3s,outline 0s}._starIcon_1pojq_247{display:inline-block;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;text-rendering:optimizelegibility}._star_1pojq_203 [aria-checked=true]{color:var(--brand-primary-color, #fadb14)}._star_1pojq_203 [aria-checked=false]{color:var(--color-gray-400)}._starsDescriptionContainer_1pojq_265{display:flex;flex-direction:column;width:100%;padding-top:1rem;padding-bottom:1rem;margin:auto}._starsDescription_1pojq_265{display:flex;flex-direction:row;justify-content:space-between;font-size:.7rem;color:var(--text-secondary-color)}@media (max-width: 350px){._starsLarge_1pojq_223{font-size:1.5rem}}._inputWrapper_e3h44_1{display:flex;justify-content:center;align-items:center;line-height:0;background-color:#fff}@media screen and (min-width: 1024px){._inputWrapper_e3h44_1{border-radius:20px}._withOpenCommands_e3h44_14{border-top-left-radius:0;border-top-right-radius:0}}._messageInputWrapper_e3h44_20{flex:1;margin-right:.5rem;border-radius:inherit}._messageInput_e3h44_20{resize:none;font-size:1rem;font-family:inherit;border:none;border-radius:inherit;height:calc(1em + 3rem);box-sizing:border-box;width:100%;outline-width:0;padding:1.3rem 1rem;text-overflow:ellipsis}._messageInput_e3h44_20:focus{outline:none}._buttons_e3h44_44{padding-right:.5rem;display:flex;justify-content:center;align-items:center}._button_e3h44_44[disabled]{opacity:.4}._button_e3h44_44{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-family:inherit;color:var(--brand-primary-color);background-color:var(--brand-secondary-color);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;border:none;text-align:center}._button_e3h44_44 svg{margin:2px;height:2em;width:2em;fill:currentColor}._button_e3h44_44:hover,._button_e3h44_44:active,._button_e3h44_44:focus{border:none;outline:none;color:var(--brand-secondary-color);background-color:var(--brand-primary-color)}._button_e3h44_44:not(:last-child){margin-right:.5em}._audioRecorder_g845f_1{display:flex;margin-left:-5px}._audioButton_g845f_6{display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;width:40px;height:40px;border-radius:50%;border:none;text-align:center;color:var(--brand-primary-color);background-color:var(--brand-secondary-color)}._audioButton_g845f_6:hover,._audioButton_g845f_6:active,._audioButton_g845f_6:focus{background-color:var(--brand-primary-color);color:var(--brand-secondary-color);border:none;outline:none}._audioButton_g845f_6 svg{margin:2px;height:2em;width:2em;fill:currentColor}._recorderIcon_g845f_37{width:1.3em;height:1.3em;border-radius:50%;animation:_pulse_g845f_1 2s infinite;margin:auto .6em}@keyframes _pulse_g845f_1{0%{background-color:#fff}40%{background-color:var(--danger-color)}60%{background-color:var(--danger-color)}to{background-color:#fff}}._spinning_g845f_60{width:40px;height:40px;padding:5px;display:block;margin:auto;color:var(--brand-primary-color);animation:_spin_g845f_60 1.2s linear infinite}@keyframes _spin_g845f_60{to{transform:rotate(360deg)}}._quickReplies_83npe_1{display:flex;flex-flow:row wrap;justify-content:flex-end;padding:.4rem 1rem;gap:.5rem}._quickReply_83npe_9{font-size:.8rem;background-color:var(--brand-secondary-color);color:var(--brand-primary-color);border:1px solid var(--brand-primary-color)}._quickReply_83npe_9:active,._quickReply_83npe_9:focus,._quickReply_83npe_9:hover{background-color:var(--brand-primary-color);color:var(--brand-secondary-color);border:1px solid var(--brand-secondary-color);outline:none}._header_3gvbz_1{display:flex;justify-content:space-between;align-items:center;height:var(--header-height);position:relative;background-color:var( --header-background-color, var(--brand-primary-color, white) )}._logoContainer_3gvbz_14{height:inherit;flex:1;padding:var(--header-logo-padding)}._logo_3gvbz_14{height:100%;background-image:var(--header-logo-url);background-repeat:no-repeat;background-size:contain;background-position:left center}._actions_3gvbz_28{display:flex;align-items:center;padding:var(--header-icons-padding);color:var(--header-icon-color, white)}._actions_3gvbz_28 button{background-color:transparent;color:inherit;border:none;cursor:pointer;border-radius:50%;padding:calc(var(--header-icon-size) / 3);margin:4px}._actions_3gvbz_28 button._active_3gvbz_43,._actions_3gvbz_28 button:hover{background-color:rgb(from var(--header-icon-color, white) r g b / 20%)}._actions_3gvbz_28 button svg{width:var(--header-icon-size);height:var(--header-icon-size);display:block}._menuContainer_3gvbz_56{position:relative;display:inline-block}._menu_3gvbz_56{position:absolute;margin-top:.5rem;top:calc(100% - 8px);right:0;left:auto;width:max-content;max-width:300px;padding:.5rem;background-color:var(--header-menu-background-color);box-shadow:var(--header-menu-box-shadow);border-radius:var(--header-menu-border-radius);display:flex;z-index:4000}._menu_3gvbz_56 ul{list-style-type:none;padding:0;margin:0}._menu_3gvbz_56 ul li{display:flex;align-items:center;cursor:pointer}._menu_3gvbz_56 ul li._divider_3gvbz_86{border-bottom:1px solid var(--header-menu-item-divider-color);margin-bottom:5px;padding-bottom:5px}._menu_3gvbz_56 ul li a{display:flex;align-items:center;padding:.5rem;text-decoration:none;border-radius:var(--header-menu-item-border-radius);color:var(--header-menu-item-color);width:100%;transition:background .2s}._menu_3gvbz_56 ul li a:hover,._menu_3gvbz_56 ul li a:focus{background-color:var(--header-menu-item-background-color-hover);outline:none}._menu_3gvbz_56 ul li a svg{margin-right:.5rem;width:1em;height:1em;flex-shrink:0}@media screen and (min-width: 1024px){._header_3gvbz_1{background-color:transparent;border-top-left-radius:0;border-top-right-radius:0}._actions_3gvbz_28 button{font-size:2rem}._actions_3gvbz_28 button:hover{background-color:var(--brand-primary-color);color:#fff}}._chatwindow_rkbir_1{display:flex;flex-direction:column;position:relative;width:100%;height:100vh;height:100svh;overflow:hidden}._chatwindow_rkbir_1 main{flex:1;overflow:hidden}._chatwindow_rkbir_1 aside{display:none}._chatwindowWithAside_rkbir_21{display:grid;position:relative;grid-template-rows:auto 1fr;grid-column-gap:6rem;grid-template-areas:"header" "main"}._chatwindowWithAside_rkbir_21 header{grid-area:header;display:block}._chatwindowWithAside_rkbir_21 main{position:relative;grid-area:main;flex:1}._chatwindowWithAside_rkbir_21 aside{display:flex;flex-direction:column;justify-content:flex-end;position:absolute;inset:0;z-index:1000000;grid-area:main;overflow:hidden;container-type:inline-size;background-color:#00000080}._chatwindowWithAside_rkbir_21 aside:empty{display:none}@media screen and (min-width: 1024px){._chatwindow_rkbir_1{justify-content:center}._chatwindow_rkbir_1 header{padding-inline:2rem;grid-area:header}._chatwindow_rkbir_1 main{grid-area:header;flex:none;overflow:hidden}._chatwindow_rkbir_1 header,._chatwindow_rkbir_1 main{display:block;max-width:50em;width:100%;margin-left:auto;margin-right:auto}._chatwindowWithAside_rkbir_21{grid-template-columns:2fr 1fr;grid-template-areas:"header aside" "main aside"}._chatwindowWithAside_rkbir_21 header{margin-right:unset;padding:1rem 2rem}._chatwindowWithAside_rkbir_21 main{grid-area:main;flex:1;margin-right:unset;padding:0 2rem 1rem}._chatwindowWithAside_rkbir_21 aside{grid-area:aside;animation:none;background-color:unset}}.chat__cms-integration header{display:none}._sourceInfos_vei0l_1{position:relative;display:flex;flex-direction:column;max-height:calc(100svh - var(--header-height) - 2rem);max-height:calc(100% - var(--header-height) - 2rem);height:auto;border-top-left-radius:.6rem;border-top-right-radius:.6rem;background-color:#fff;box-shadow:#00000059 0 5px 15px;transition:max-height .3s linear;border:none;inset:auto 0 0;margin:0;padding:0;width:100%;max-width:100%}._sourceInfos_vei0l_1._waitForLoading_vei0l_24{max-height:0}._sourceInfos_vei0l_1._loadingContent_vei0l_28{max-height:50%}._sourceInfos_vei0l_1 svg{display:block}._sourceHeader_vei0l_37{display:flex;align-items:center;justify-content:space-between;gap:.5rem;touch-action:none;padding:0 .5rem 0 1rem;border-bottom:1px solid var(--color-gray-200)}._sourceHeader_vei0l_37 p{display:-webkit-box;overflow-wrap:break-word;word-break:break-all;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}._sourceHeaderIcon_vei0l_57{font-size:2rem}._sourceContent_vei0l_61{flex:1;padding:1rem 1rem 0;line-height:1.5;overflow-y:auto;overflow-wrap:break-word}._openSourceButton_vei0l_69{margin:1rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;border-radius:5rem;text-decoration:none}._openSourceButton_vei0l_69 ._sourceButtonLabel_vei0l_79{display:flex;align-items:center;gap:.5rem}._openSourceButton_vei0l_69 ._sourceButtonLabel_vei0l_79 p{display:-webkit-box;font-size:1rem;margin-block:.5rem;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-align:left}._openSourceButton_vei0l_69 svg{font-size:1.5rem}._closeSourceInfosButton_vei0l_101{background-color:transparent;border:none;cursor:pointer;font-size:1.5rem;margin:0;padding:.25rem;border-radius:50%}._closeSourceInfosButton_vei0l_101:hover{background-color:var(--brand-primary-color);color:#fff}@keyframes _rotate_vei0l_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loadingSourceInfos_vei0l_125{display:flex;align-items:center;justify-content:center;font-size:5rem;margin:5rem 7rem 7rem;color:var(--color-gray-700)}._loading_vei0l_28{animation:_rotate_vei0l_1 2s linear infinite;transform-origin:center}._loadingError_vei0l_139{display:flex;flex-direction:column;gap:2rem;padding:1rem 2rem 2rem}._loadingError_vei0l_139 h1,._loadingError_vei0l_139 p{text-align:center}._loadingError_vei0l_139 img{width:100%}._highlightLoadingInfo_vei0l_155{position:absolute;width:calc(100% - 2rem);bottom:5rem;margin-bottom:1rem;padding:.5rem;border:1px solid var(--color-gray-200);border-radius:.5rem;color:var(--color-gray-700);background-color:#fff;font-size:.875rem;box-shadow:#0000001a 0 0 30px 15px;cursor:pointer}._highlightLoadingInfo_vei0l_155 ._highlightLoadingInfoInnerContainer_vei0l_169{display:flex;gap:1rem;justify-content:center;align-items:center;padding:.5rem 0 .5rem .5rem;color:var(--color-gray-700);font-size:.875rem}._highlightLoadingInfo_vei0l_155 ._highlightLoadingInfoInnerContainer_vei0l_169 ._highlightLoadingInfoContent_vei0l_178{display:flex;flex-direction:column}._highlightLoadingInfo_vei0l_155 ._highlightLoadingInfoInnerContainer_vei0l_169 ._highlightLoadingInfoContent_vei0l_178 h3{margin:0}._highlightLoadingInfo_vei0l_155 ._highlightLoadingInfoInnerContainer_vei0l_169 ._highlightLoadingInfoContent_vei0l_178 p{margin:0;line-height:1.5}._highlightLoadingInfo_vei0l_155 ._highlightLoadingInfoInnerContainer_vei0l_169 svg{flex-shrink:0;font-size:2rem}._highlightLoadingInfo_vei0l_155 ._highlightLoadingInfoCloseIcon_vei0l_198{float:right}._highlightLoader_vei0l_203{position:relative;width:100%;height:2px;overflow:hidden}._highlightLoaderLoading_vei0l_210{position:absolute;height:100%;width:50%;background:linear-gradient(to right,transparent,var(--color-gray-700),transparent);border-radius:4px;animation:_loadingAnim_vei0l_1 5s ease-in-out infinite}@keyframes _loadingAnim_vei0l_1{0%{left:-30%}50%{left:70%}to{left:-30%}}@media screen and (min-width: 1024px){._sourceInfos_vei0l_1{height:100%;max-height:unset;max-width:35rem;width:unset;margin-top:0;margin-left:1rem;border-radius:unset;animation:none;transition:none;top:unset;right:unset;bottom:unset;left:unset}._sourceInfos_vei0l_1._loadingContent_vei0l_28{max-height:100%}._sourceHeader_vei0l_37{padding:0 .5rem 0 2rem}._sourceContent_vei0l_61{padding:2rem 2rem 0}._openSourceButton_vei0l_69{margin:2rem;border-radius:.2rem}._openSourceButton_vei0l_69 p{margin-block:revert}._loadingSourceInfos_vei0l_125{margin:7rem 0 0}._highlightLoader_vei0l_203{height:1px}._highlightLoadingInfo_vei0l_155{width:calc(100% - 4rem);bottom:6rem}@container (min-width: 30rem){._sourceInfos_vei0l_1{margin:2rem;height:calc(100% - 4rem)}}}._container_1aof3_1{display:flex;flex-direction:column;height:100%}._body_1aof3_7{padding:1rem;overflow-y:auto;flex:1;color:var(--text-primary-color)}._intro_1aof3_14{margin-bottom:1em}._intro_1aof3_14 h1{font-size:1.3em}._intro_1aof3_14 h2{font-size:1em}._intro_1aof3_14 p{line-height:1.4}._intro_1aof3_14 ul{padding-left:1em}._intro_1aof3_14 li{padding-top:.3em;padding-bottom:.3em;line-height:1.4}._footer_1aof3_39{padding:1rem}._footnote_1aof3_43{margin-top:.75rem;text-align:center;font-size:.8em;color:var(--text-secondary-color)}@media screen and (min-width: 1024px){._container_1aof3_1{justify-content:center;background:#fff;border-radius:20px;padding:2rem}._containerWithFootnote_1aof3_58{padding-bottom:1rem}._body_1aof3_7{max-height:60vh;padding:0 0 1rem;margin-bottom:1rem}._footer_1aof3_39{padding:0}}._startChatButton_1aof3_73{width:100%;display:flex;flex:1;justify-content:center;align-items:center;gap:.25em}@keyframes _spin_1aof3_88{to{transform:rotate(360deg)}}._spinner_1aof3_88{animation:_spin_1aof3_88 1.5s linear infinite}._formFields_1aof3_92{display:flex;flex-direction:column;gap:.75em}._formField_1aof3_92{display:flex;flex-direction:column;gap:8px}._radio_1aof3_104{display:flex;align-items:flex-start;gap:6px;accent-color:var(--brand-primary-color)}._checkbox_1aof3_111{display:flex;align-items:flex-start;gap:6px;padding:6px 0;accent-color:var(--brand-primary-color)}._input_1aof3_119 input{border-width:1px;border-style:solid;border-color:#d9d9d9;box-sizing:border-box;margin:0;padding:4px 11px;color:#000000e0;font-size:1em;line-height:1.57;list-style:none;font-family:inherit;position:relative;display:inline-block;width:100%;min-width:0;border-radius:6px;transition:all .2s;accent-color:var(--brand-primary-color)}._input_1aof3_119 input:focus,._input_1aof3_119 input:focus-within{border-color:var(--brand-primary-color);box-shadow:0 0 0 2px #0591ff1a;outline:0;background-color:#fff}._input_1aof3_119 input:hover{border-color:var(--brand-primary-color)}._inputLabel_1aof3_153{margin-bottom:8px}._selectWrapper_1aof3_157{position:relative}._selectWrapper_1aof3_157:after{content:"⌄";font-size:1rem;top:2px;right:14px;position:absolute}._select_1aof3_157 select{border-width:1px;border-style:solid;border-color:#d9d9d9;box-sizing:border-box;margin:0;padding:4px 11px;color:#000000e0;font-size:1em;line-height:1.57;list-style:none;font-family:inherit;position:relative;display:inline-block;width:100%;min-width:0;border-radius:6px;transition:all .2s;accent-color:var(--brand-primary-color);appearance:none}._select_1aof3_157 select:focus,._select_1aof3_157 select:focus-within{border-color:var(--brand-primary-color);box-shadow:0 0 0 2px #0591ff1a;outline:0;background-color:#fff}._select_1aof3_157 select:hover{border-color:var(--brand-primary-color)}._selectLabel_1aof3_203{margin-bottom:8px}:root{--aspect-ratio: calc(16 / 9);--color-gray-100: #e9eff6;--color-gray-200: #d6d6d6;--color-gray-300: #bfbfbf;--color-gray-400: #999999;--color-gray-500: #707070;--color-gray-600: #565656;--color-gray-700: #434343;--color-gray-800: #2e2e2e;--color-gray-900: #1a1a1a;--body-background-color: white;--brand-primary-color: rgb(4, 47, 97);--brand-secondary-color: white;--text-primary-color: var(--color-gray-800);--text-secondary-color: var(--color-gray-500);--text-link-color: var(--text-primary-color);--text-link-color-hover: var(--brand-primary-color);--danger-color: #b11106;--scrollbar-thumb-color: var(--color-gray-300);--header-height: 4em;--header-icon-size: 1.5rem;--header-icons-padding: 1rem .75rem;--header-icon-color: white;--header-logo-padding: 1em;--header-logo-url: url(../logo.svg);--header-menu-border-radius: 10px;--header-menu-background-color: white;--header-menu-box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05);--header-menu-item-border-radius: 5px;--header-menu-item-background-color-hover: var(--color-gray-100);--header-menu-item-color: var(--text-primary-color);--header-menu-item-divider-color: var(--color-gray-200);--avatar-size: 2rem;--avatar-radius: 50%;--bot-avatar-display: initial;--bot-avatar-background-color: var(--color-gray-100);--agent-avatar-background-color: var(--color-gray-100);--bubble-padding: .9em 1.3em;--bubble-margin-small: 3px;--bubble-margin-large: 1.2rem;--bubble-radius-large: 20px;--bubble-radius-small: 4px;--bot-bubble-background-color: white;--bot-bubble-text-color: var(--text-primary-color);--bot-bubble-border-color: var(--color-gray-700);--bot-bubble-border-width: 2px;--bot-bubble-top-left-radius: var(--bubble-radius-small);--bot-bubble-top-right-radius: var(--bubble-radius-large);--bot-bubble-bottom-right-radius: var(--bubble-radius-large);--bot-bubble-bottom-left-radius: var(--bubble-radius-small);--bot-bubble-source-background-color: var(--body-background-color);--bot-bubble-source-text-color: var(--bot-bubble-text-color);--guest-bubble-background-color: var(--brand-primary-color);--guest-bubble-text-color: white;--guest-bubble-border-color: white;--guest-bubble-border-width: 0px;--guest-bubble-top-left-radius: var(--bubble-radius-large);--guest-bubble-top-right-radius: var(--bubble-radius-small);--guest-bubble-bottom-right-radius: var(--bubble-radius-small);--guest-bubble-bottom-left-radius: var(--bubble-radius-large)}.chat__large{--header-icon-color: var(--color-gray-800);--header-logo-padding: .5em 1em .5em 0}[data-title]{--tooltip-min-width: 120px;--tooltip-max-width: min(400px, 80vw);--tooltip-tick-position-top: -10px;--tooltip-tick-position-bottom: unset;--tooltip-position-top: -42px;--tooltip-position-bottom: auto;--tooltip-position-left: auto;--tooltip-position-right: -.5em;--tooltip-border-color: #1f1f1f;--tooltip-border-color-top: var(--tooltip-border-color);--tooltip-border-color-bottom: transparent;position:relative;opacity:1}[data-title]:before{content:"";position:absolute;top:var(--tooltip-tick-position-top);bottom:var(--tooltip-tick-position-bottom);right:35%;border:6px solid transparent;border-top-color:var(--tooltip-border-color-top);border-bottom-color:var(--tooltip-border-color-bottom);z-index:999999;visibility:hidden}[data-title]:after{content:attr(data-title);position:absolute;top:var(--tooltip-position-top);bottom:var(--tooltip-position-bottom);right:var(--tooltip-position-right);left:var(--tooltip-position-left);font-size:14px;line-height:16px;padding:8px 10px;font-family:inherit;white-space:nowrap;border-radius:5px;background-color:#1f1f1f;color:#fafafa;box-shadow:1px 6px 16px #1f1f1f;z-index:99999;visibility:hidden}[data-title]:hover:before,[data-title]:hover:after{opacity:1;transition:all .1s ease .5s;visibility:visible}.tooltip-hidden[data-title]:before,.tooltip-hidden[data-title]:after{transition:inherit;visibility:hidden;display:none}.tooltip--top-right[data-title]{--tooltip-position-left: -1em;--tooltip-position-right: auto}.tooltip--top-center[data-title]{--tooltip-position-top: auto;--tooltip-position-bottom: calc(100% + 1rem) ;--tooltip-tick-position-top: auto;--tooltip-tick-position-bottom: calc(100% + 4px) }.tooltip--top-center[data-title]:after{left:50%;transform:translate(-50%);min-width:var(--tooltip-min-width);max-width:var(--tooltip-max-width);width:max-content;white-space:normal;word-break:break-word;text-align:center;bottom:var(--tooltip-position-bottom);top:var(--tooltip-position-top)}.tooltip--bottom-left[data-title]{--tooltip-position-top: auto;--tooltip-position-bottom: -3em;--tooltip-tick-position-top: unset;--tooltip-tick-position-bottom: -10px;--tooltip-border-color-top: transparent;--tooltip-border-color-bottom: var(--tooltip-border-color)}@supports (scrollbar-color: auto){*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color) transparent}}@supports not (scrollbar-color: auto){::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:4px;background:var(--scrollbar-thumb-color)}}*{box-sizing:border-box}body{margin:0}input::placeholder,textarea::placeholder{color:#666;opacity:1}svg{fill:currentColor}
|
package/dist/client/index.html
CHANGED
|
@@ -13,8 +13,8 @@
|
|
|
13
13
|
<meta name="theme-color" content="#000000" />
|
|
14
14
|
<meta name="google" content="notranslate" />
|
|
15
15
|
<title>Bubble Chat Client</title>
|
|
16
|
-
<script type="module" crossorigin src="./assets/index-
|
|
17
|
-
<link rel="stylesheet" crossorigin href="./assets/index-
|
|
16
|
+
<script type="module" crossorigin src="./assets/index-BKoo63hO.js"></script>
|
|
17
|
+
<link rel="stylesheet" crossorigin href="./assets/index-BdXpbt-o.css">
|
|
18
18
|
</head>
|
|
19
19
|
|
|
20
20
|
<body>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const CLIENT_TYPE = "webclient";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { Environment, SessionInfo } from '@botfabrik/engine-domain';
|
|
2
2
|
import type { ParsedUrlQuery } from 'node:querystring';
|
|
3
3
|
import type { Socket } from 'socket.io';
|
|
4
|
-
import {
|
|
5
|
-
import type { SessionInfoClientPayload, SessionInfoUserPayload } from './types';
|
|
6
|
-
declare const createSessionInfo: (socket: Socket, clientName: string, environment: Environment, sessionInfo: SessionInfo<SessionInfoClientPayload, SessionInfoUserPayload>, userId: string, locale: string | undefined, querystrings: ParsedUrlQuery, props: WebClientProps) => () => Promise<SessionInfo<SessionInfoClientPayload, SessionInfoUserPayload>>;
|
|
4
|
+
import { AuthenticatedUser } from './auth';
|
|
5
|
+
import type { SessionInfoClientPayload, SessionInfoUserPayload, WebClientProps } from './types';
|
|
6
|
+
declare const createSessionInfo: (socket: Socket, clientName: string, environment: Environment, sessionInfo: SessionInfo<SessionInfoClientPayload, SessionInfoUserPayload>, userId: string, locale: string | undefined, querystrings: ParsedUrlQuery, authenticatedUser: AuthenticatedUser | undefined, props: WebClientProps) => () => Promise<SessionInfo<SessionInfoClientPayload, SessionInfoUserPayload>>;
|
|
7
7
|
export default createSessionInfo;
|
|
@@ -1,21 +1,26 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const
|
|
4
|
-
const createSessionInfoBase = async (userId, querystrings, headers, clientName, environment, sessionInfo, locale, props) => {
|
|
3
|
+
const constants_1 = require("./constants");
|
|
4
|
+
const createSessionInfoBase = async (userId, querystrings, headers, clientName, environment, sessionInfo, locale, authenticatedUser, props) => {
|
|
5
5
|
const client = {
|
|
6
6
|
...sessionInfo.client,
|
|
7
7
|
name: clientName,
|
|
8
|
-
type:
|
|
8
|
+
type: constants_1.CLIENT_TYPE,
|
|
9
9
|
payload: {
|
|
10
10
|
...sessionInfo.client.payload,
|
|
11
11
|
referrer: decodeURIComponent(querystrings['referrer'] || headers['referer'] || 'unknown'),
|
|
12
12
|
querystrings,
|
|
13
13
|
},
|
|
14
14
|
};
|
|
15
|
-
const
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
|
|
15
|
+
const email = authenticatedUser?.email || querystrings['userEmail'];
|
|
16
|
+
const nameParts = guestNamesFromEMail(email);
|
|
17
|
+
const firstName = authenticatedUser?.firstName ||
|
|
18
|
+
querystrings['userFirstName'] ||
|
|
19
|
+
nameParts[0];
|
|
20
|
+
const lastName = authenticatedUser?.lastName ||
|
|
21
|
+
querystrings['userLastName'] ||
|
|
22
|
+
nameParts[1];
|
|
23
|
+
const displayName = firstName && lastName ? `${firstName} ${lastName}` : firstName;
|
|
19
24
|
let user = {
|
|
20
25
|
...sessionInfo.user,
|
|
21
26
|
id: userId,
|
|
@@ -33,8 +38,29 @@ const createSessionInfoBase = async (userId, querystrings, headers, clientName,
|
|
|
33
38
|
}
|
|
34
39
|
return { client, user, contexts, environment };
|
|
35
40
|
};
|
|
36
|
-
const createSessionInfo = (socket, clientName, environment, sessionInfo, userId, locale, querystrings, props) => async () => {
|
|
41
|
+
const createSessionInfo = (socket, clientName, environment, sessionInfo, userId, locale, querystrings, authenticatedUser, props) => async () => {
|
|
37
42
|
const request = socket.request;
|
|
38
|
-
return await createSessionInfoBase(userId, querystrings, request.headers, clientName, environment, sessionInfo, locale, props);
|
|
43
|
+
return await createSessionInfoBase(userId, querystrings, request.headers, clientName, environment, sessionInfo, locale, authenticatedUser, props);
|
|
44
|
+
};
|
|
45
|
+
const guestNamesFromEMail = (email) => {
|
|
46
|
+
try {
|
|
47
|
+
const namePart = email?.split('@')[0];
|
|
48
|
+
if (namePart) {
|
|
49
|
+
const nameParts = namePart.split('.');
|
|
50
|
+
return [capitalize(nameParts[0]), capitalize(nameParts[1])];
|
|
51
|
+
}
|
|
52
|
+
else {
|
|
53
|
+
return [undefined, undefined];
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
catch (error) {
|
|
57
|
+
console.error('Error parsing email for guest names:', error);
|
|
58
|
+
return [undefined, undefined];
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
const capitalize = (s) => {
|
|
62
|
+
if (typeof s !== 'string')
|
|
63
|
+
return '';
|
|
64
|
+
return s.charAt(0).toUpperCase() + s.slice(1);
|
|
39
65
|
};
|
|
40
66
|
exports.default = createSessionInfo;
|
|
@@ -43,7 +43,7 @@ const createSessionInfo_1 = __importDefault(require("./createSessionInfo"));
|
|
|
43
43
|
environment: 'PROD',
|
|
44
44
|
};
|
|
45
45
|
(0, globals_1.it)('without user payload', async () => {
|
|
46
|
-
const sessionInfo = await (0, createSessionInfo_1.default)(socket, 'my-client', 'TEST', defaultSessionInfo, 'my-user-id', 'de_DE', { email: 'hans@example.com' }, {})();
|
|
46
|
+
const sessionInfo = await (0, createSessionInfo_1.default)(socket, 'my-client', 'TEST', defaultSessionInfo, 'my-user-id', 'de_DE', { email: 'hans@example.com' }, undefined, {})();
|
|
47
47
|
// client
|
|
48
48
|
(0, globals_1.expect)(sessionInfo.client.name).toBe('my-client');
|
|
49
49
|
(0, globals_1.expect)(sessionInfo.client.type).toBe('webclient');
|
|
@@ -71,7 +71,7 @@ const createSessionInfo_1 = __importDefault(require("./createSessionInfo"));
|
|
|
71
71
|
const props = {
|
|
72
72
|
requestUserInfos,
|
|
73
73
|
};
|
|
74
|
-
const sessionInfo = await (0, createSessionInfo_1.default)(socket, 'my-client', 'TEST', defaultSessionInfo, 'my-user-id', 'de_DE', {}, props)();
|
|
74
|
+
const sessionInfo = await (0, createSessionInfo_1.default)(socket, 'my-client', 'TEST', defaultSessionInfo, 'my-user-id', 'de_DE', {}, undefined, props)();
|
|
75
75
|
(0, globals_1.expect)(sessionInfo.user.id).toBe('hans.muster@PRIMARY');
|
|
76
76
|
(0, globals_1.expect)(sessionInfo.user.displayName).toBe('Hans Muster');
|
|
77
77
|
(0, globals_1.expect)(sessionInfo.user.payload.username).toBe('hans.muster');
|
|
@@ -85,11 +85,35 @@ const createSessionInfo_1 = __importDefault(require("./createSessionInfo"));
|
|
|
85
85
|
const props = {
|
|
86
86
|
requestUserInfos,
|
|
87
87
|
};
|
|
88
|
-
const sessionInfo = await (0, createSessionInfo_1.default)(socket, 'my-client', 'TEST', defaultSessionInfo, 'my-user-id', 'de_DE', {}, props)();
|
|
88
|
+
const sessionInfo = await (0, createSessionInfo_1.default)(socket, 'my-client', 'TEST', defaultSessionInfo, 'my-user-id', 'de_DE', {}, undefined, props)();
|
|
89
89
|
(0, globals_1.expect)(sessionInfo.user.id).toBe('my-user-id');
|
|
90
90
|
(0, globals_1.expect)(sessionInfo.user.displayName).not.toBeDefined();
|
|
91
91
|
(0, globals_1.expect)(sessionInfo.user.locale).toBe('de_DE');
|
|
92
92
|
(0, globals_1.expect)(sessionInfo.user.payload).toStrictEqual({});
|
|
93
93
|
(0, globals_1.expect)(sessionInfo.environment).toBe('TEST');
|
|
94
94
|
});
|
|
95
|
+
(0, globals_1.it)('with authenticated user', async () => {
|
|
96
|
+
const sessionInfo = await (0, createSessionInfo_1.default)(socket, 'my-client', 'TEST', defaultSessionInfo, 'my-user-id', 'de_DE', {}, {
|
|
97
|
+
email: 'hans.muster@example.com',
|
|
98
|
+
firstName: 'Hans',
|
|
99
|
+
lastName: 'Muster',
|
|
100
|
+
}, {})();
|
|
101
|
+
(0, globals_1.expect)(sessionInfo.user.id).toBe('my-user-id');
|
|
102
|
+
(0, globals_1.expect)(sessionInfo.user.displayName).toBe('Hans Muster');
|
|
103
|
+
(0, globals_1.expect)(sessionInfo.user.firstName).toBe('Hans');
|
|
104
|
+
(0, globals_1.expect)(sessionInfo.user.lastName).toBe('Muster');
|
|
105
|
+
(0, globals_1.expect)(sessionInfo.user.email).toBe('hans.muster@example.com');
|
|
106
|
+
});
|
|
107
|
+
(0, globals_1.it)('with authenticated user and guessed name', async () => {
|
|
108
|
+
const sessionInfo = await (0, createSessionInfo_1.default)(socket, 'my-client', 'TEST', defaultSessionInfo, 'my-user-id', 'de_DE', {}, {
|
|
109
|
+
email: 'hans.muster@example.com',
|
|
110
|
+
firstName: undefined,
|
|
111
|
+
lastName: undefined,
|
|
112
|
+
}, {})();
|
|
113
|
+
(0, globals_1.expect)(sessionInfo.user.id).toBe('my-user-id');
|
|
114
|
+
(0, globals_1.expect)(sessionInfo.user.displayName).toBe('Hans Muster');
|
|
115
|
+
(0, globals_1.expect)(sessionInfo.user.firstName).toBe('Hans');
|
|
116
|
+
(0, globals_1.expect)(sessionInfo.user.lastName).toBe('Muster');
|
|
117
|
+
(0, globals_1.expect)(sessionInfo.user.email).toBe('hans.muster@example.com');
|
|
118
|
+
});
|
|
95
119
|
});
|
package/dist/index.d.ts
CHANGED
|
@@ -1,142 +1,5 @@
|
|
|
1
|
-
import { type
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
export type RequestUserInfos = (querystrings: any) => Promise<Partial<SessionInfoUser<SessionInfoUserPayload>>>;
|
|
5
|
-
export type RequestSessionRecordQuery = (params: {
|
|
6
|
-
querystrings: any;
|
|
7
|
-
sessionId: string;
|
|
8
|
-
}) => Promise<Record<string, unknown>>;
|
|
9
|
-
export type MenuItemType = 'link' | 'action';
|
|
10
|
-
export type MenuItemIcon = 'mail' | 'phone' | 'scroll' | 'link';
|
|
11
|
-
export type MenuItemVisibility = 'always' | 'chat-only' | 'start-screen-only';
|
|
12
|
-
type BaseMenuItem = {
|
|
13
|
-
/**
|
|
14
|
-
* Unique key for this menu item.
|
|
15
|
-
* Used for translation as `header.menu.<id>`.
|
|
16
|
-
*/
|
|
17
|
-
id: string;
|
|
18
|
-
/**
|
|
19
|
-
* Icon displayed for this menu item.
|
|
20
|
-
*/
|
|
21
|
-
icon: MenuItemIcon;
|
|
22
|
-
/**
|
|
23
|
-
* If true, a divider (line) will be displayed after this item in the menu.
|
|
24
|
-
*/
|
|
25
|
-
withDivider?: boolean;
|
|
26
|
-
/**
|
|
27
|
-
* Visibility of the menu item.
|
|
28
|
-
* - `always`: visible in all contexts (start screen, chat)
|
|
29
|
-
* - `chat-only`: visible only in the chat context
|
|
30
|
-
* - `start-screen-only`: visible only in the start screen context
|
|
31
|
-
*/
|
|
32
|
-
visibility: MenuItemVisibility;
|
|
33
|
-
};
|
|
34
|
-
/**
|
|
35
|
-
* Represents a menu item that points to a web link.
|
|
36
|
-
*/
|
|
37
|
-
type LinkMenuItem = BaseMenuItem & {
|
|
38
|
-
type: 'link';
|
|
39
|
-
/**
|
|
40
|
-
* The URL that the menu item points to.
|
|
41
|
-
*/
|
|
42
|
-
url: string;
|
|
43
|
-
};
|
|
44
|
-
/**
|
|
45
|
-
* Represents a menu item that triggers an action.
|
|
46
|
-
*/
|
|
47
|
-
type ActionMenuItem = BaseMenuItem & {
|
|
48
|
-
type: 'action';
|
|
49
|
-
/**
|
|
50
|
-
* The action to be executed when the menu item is clicked.
|
|
51
|
-
*/
|
|
52
|
-
action: Action;
|
|
53
|
-
};
|
|
54
|
-
export type MenuItem = LinkMenuItem | ActionMenuItem;
|
|
55
|
-
export interface WebClientProps {
|
|
56
|
-
getStartedAction?: Action;
|
|
57
|
-
requestUserInfos?: RequestUserInfos;
|
|
58
|
-
requestSessionRecordQuery?: RequestSessionRecordQuery;
|
|
59
|
-
speech?: SpeechToTextProps | undefined;
|
|
60
|
-
expandChatWindowAtStart?: Devices;
|
|
61
|
-
fabVisible?: boolean;
|
|
62
|
-
/**
|
|
63
|
-
* Displays a start screen before a new chat begins, useful for user opt-in (e.g., terms acceptance).
|
|
64
|
-
* Contains a text (`start-screen.intro` in Markdown), form fields, and a start button (`start-screen.start-chat`).
|
|
65
|
-
* No user data is collected until the user clicks the start button.
|
|
66
|
-
*
|
|
67
|
-
* @default false
|
|
68
|
-
*/
|
|
69
|
-
enableStartScreen?: boolean;
|
|
70
|
-
/**
|
|
71
|
-
* Enables the conversation rating feature.
|
|
72
|
-
* When set to true, users will be prompted to rate the conversation
|
|
73
|
-
* on a scale from 1 to 5 stars and optionally provide written feedback.
|
|
74
|
-
*
|
|
75
|
-
* Useful for collecting quality insights, improving support, or tracking user satisfaction.
|
|
76
|
-
*
|
|
77
|
-
* @default false
|
|
78
|
-
*/
|
|
79
|
-
enableConversationRating?: boolean;
|
|
80
|
-
/**
|
|
81
|
-
* Enables the option to export the chat transcript as a PDF file.
|
|
82
|
-
*
|
|
83
|
-
* When set to `true`, users can download the current chat conversation
|
|
84
|
-
* as a PDF document.
|
|
85
|
-
*
|
|
86
|
-
* @default false
|
|
87
|
-
*/
|
|
88
|
-
enableTranscriptExportPdf?: boolean;
|
|
89
|
-
/**
|
|
90
|
-
* Enables the option to send the chat transcript to the user via email.
|
|
91
|
-
*
|
|
92
|
-
* When set to `true`, users can request the current chat conversation
|
|
93
|
-
* to be sent to their email address.
|
|
94
|
-
*
|
|
95
|
-
* @default false
|
|
96
|
-
*/
|
|
97
|
-
enableTranscriptExportEmail?: boolean;
|
|
98
|
-
/**
|
|
99
|
-
* Enables the option to open the chat client in a standalone tab or window.
|
|
100
|
-
* When set to true, a button will be shown that allows users to open the chat
|
|
101
|
-
* outside of an embedded iframe, in a new browser tab.
|
|
102
|
-
*
|
|
103
|
-
* @default false
|
|
104
|
-
*/
|
|
105
|
-
enableStandaloneView?: boolean;
|
|
106
|
-
/**
|
|
107
|
-
* Enables the display of general terms and conditions above the chat window.
|
|
108
|
-
* When set to true, a section containing general conditions (e.g. legal notice,
|
|
109
|
-
* consent information, disclaimers) will be shown above the chat interface.
|
|
110
|
-
*
|
|
111
|
-
* Useful for compliance, legal requirements, or informing users before starting a conversation.
|
|
112
|
-
*
|
|
113
|
-
* @default false
|
|
114
|
-
* */
|
|
115
|
-
enableGeneralConditions?: boolean;
|
|
116
|
-
/**
|
|
117
|
-
* List of available chat commands that can be used in the input field.
|
|
118
|
-
*
|
|
119
|
-
* Each command may trigger a predefined action, insert a message template,
|
|
120
|
-
* or activate a special feature.
|
|
121
|
-
*
|
|
122
|
-
* Useful for advanced chat interactions, power-user features, or slash commands (e.g. /help, /end).
|
|
123
|
-
*
|
|
124
|
-
* @default []
|
|
125
|
-
* */
|
|
126
|
-
commands?: string[];
|
|
127
|
-
/**
|
|
128
|
-
* List of custom menu items displayed in the chat header.
|
|
129
|
-
*
|
|
130
|
-
* @default []
|
|
131
|
-
*/
|
|
132
|
-
menuItems?: MenuItem[];
|
|
133
|
-
}
|
|
134
|
-
export declare enum Devices {
|
|
135
|
-
All = "all",
|
|
136
|
-
Mobile = "mobile",
|
|
137
|
-
Desktop = "desktop",
|
|
138
|
-
None = "none"
|
|
139
|
-
}
|
|
1
|
+
import { type Client, type Environment } from '@botfabrik/engine-domain';
|
|
2
|
+
import { type WebclientMiddlewareState, type WebClientProps } from './types';
|
|
3
|
+
export * from './types';
|
|
140
4
|
declare const _default: (clientName: string, environment: Environment, props: WebClientProps) => Client<WebclientMiddlewareState>;
|
|
141
5
|
export default _default;
|
|
142
|
-
export declare const CLIENT_TYPE = "webclient";
|