@davi-ai/retorik-framework 1.0.16 → 1.0.18
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/dist/index.d.ts +3 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1356 -1004
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +1350 -1002
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -6,7 +6,7 @@ import $b3y7N$leaflet from "leaflet";
|
|
|
6
6
|
import $b3y7N$leafletdistimagesmarkershadowpng from "leaflet/dist/images/marker-shadow.png";
|
|
7
7
|
import {pdfjs as $b3y7N$pdfjs, Document as $b3y7N$Document, Page as $b3y7N$Page} from "react-pdf";
|
|
8
8
|
import * as $b3y7N$pdfjsdistbuildpdfworkerjs from "pdfjs-dist/build/pdf.worker.js";
|
|
9
|
-
import {createDirectLine as $b3y7N$createDirectLine,
|
|
9
|
+
import {createDirectLine as $b3y7N$createDirectLine, createStore as $b3y7N$createStore, hooks as $b3y7N$hooks} from "botframework-webchat";
|
|
10
10
|
import $b3y7N$botframeworkwebchatlibFullComposer from "botframework-webchat/lib/FullComposer";
|
|
11
11
|
import {ConnectionStatus as $b3y7N$ConnectionStatus} from "botframework-directlinejs";
|
|
12
12
|
import * as $b3y7N$adaptivecardslibadaptivecards from "adaptivecards/lib/adaptivecards";
|
|
@@ -71,7 +71,7 @@ function $be78c14eded2a1b5$export$2e2bcd8739ae039(RetorikWidget, props, element)
|
|
|
71
71
|
|
|
72
72
|
|
|
73
73
|
var $4e7182a6e3eb35e2$exports = {};
|
|
74
|
-
$4e7182a6e3eb35e2$exports = "*, :before, :after {\n box-sizing: border-box;\n border: 0 solid;\n}\n\n:before, :after {\n --tw-content: \"\";\n}\n\nhtml, :host {\n -webkit-text-size-adjust: 100%;\n -moz-tab-size: 4;\n tab-size: 4;\n font-feature-settings: normal;\n font-variation-settings: normal;\n -webkit-tap-highlight-color: transparent;\n font-family: Calibri, sans-serif;\n line-height: 1.5;\n}\n\nbody {\n line-height: inherit;\n margin: 0;\n}\n\nhr {\n color: inherit;\n border-top-width: 1px;\n height: 0;\n}\n\nabbr:where([title]) {\n text-decoration: underline dotted;\n}\n\nh1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\nb, strong {\n font-weight: bolder;\n}\n\ncode, kbd, samp, pre {\n font-feature-settings: normal;\n font-variation-settings: normal;\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n font-size: 1em;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\ntable {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n}\n\nbutton, input, optgroup, select, textarea {\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n font-family: inherit;\n font-size: 100%;\n font-weight: inherit;\n line-height: inherit;\n color: inherit;\n margin: 0;\n padding: 0;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, [type=\"button\"], [type=\"reset\"], [type=\"submit\"] {\n -webkit-appearance: button;\n background-color: #0000;\n background-image: none;\n}\n\n:-moz-focusring {\n outline: auto;\n}\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\nsummary {\n display: list-item;\n}\n\nblockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol, ul, menu {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\ndialog {\n padding: 0;\n}\n\ntextarea {\n resize: vertical;\n}\n\ninput::placeholder, textarea::placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\nbutton, [role=\"button\"] {\n cursor: pointer;\n}\n\n:disabled {\n cursor: default;\n}\n\nimg, svg, video, canvas, audio, iframe, embed, object {\n vertical-align: middle;\n display: block;\n}\n\nimg, video {\n max-width: 100%;\n height: auto;\n}\n\n[hidden] {\n display: none;\n}\n\n*, :before, :after, ::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: #3b82f680;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\n\n.rf-pointer-events-none {\n pointer-events: none;\n}\n\n.rf-pointer-events-auto {\n pointer-events: auto;\n}\n\n.rf-visible {\n visibility: visible;\n}\n\n.rf-invisible {\n visibility: hidden;\n}\n\n.rf-fixed {\n position: fixed;\n}\n\n.rf-absolute {\n position: absolute;\n}\n\n.rf-relative {\n position: relative;\n}\n\n.-rf-left-6 {\n left: -1.5rem;\n}\n\n.-rf-top-6 {\n top: -1.5rem;\n}\n\n.-rf-top-\\[1\\.15rem\\] {\n top: -1.15rem;\n}\n\n.rf--bottom-2 {\n bottom: -.5rem;\n}\n\n.rf-bottom-0 {\n bottom: 0;\n}\n\n.rf-bottom-1 {\n bottom: .25rem;\n}\n\n.rf-bottom-1\\/4 {\n bottom: 25%;\n}\n\n.rf-bottom-10 {\n bottom: 2.5rem;\n}\n\n.rf-bottom-16 {\n bottom: 4rem;\n}\n\n.rf-bottom-2 {\n bottom: .5rem;\n}\n\n.rf-bottom-4 {\n bottom: 1rem;\n}\n\n.rf-bottom-40 {\n bottom: 10rem;\n}\n\n.rf-left-0 {\n left: 0;\n}\n\n.rf-left-1 {\n left: .25rem;\n}\n\n.rf-left-1\\/2 {\n left: 50%;\n}\n\n.rf-left-2 {\n left: .5rem;\n}\n\n.rf-left-4 {\n left: 1rem;\n}\n\n.rf-right-0 {\n right: 0;\n}\n\n.rf-right-1 {\n right: .25rem;\n}\n\n.rf-right-2 {\n right: .5rem;\n}\n\n.rf-right-3 {\n right: .75rem;\n}\n\n.rf-right-4 {\n right: 1rem;\n}\n\n.rf-right-6 {\n right: 1.5rem;\n}\n\n.rf-right-8 {\n right: 2rem;\n}\n\n.rf-top-0 {\n top: 0;\n}\n\n.rf-top-1 {\n top: .25rem;\n}\n\n.rf-top-1\\/2 {\n top: 50%;\n}\n\n.rf-top-1\\/3 {\n top: 33.3333%;\n}\n\n.rf-top-110 {\n top: 110%;\n}\n\n.rf-top-2 {\n top: .5rem;\n}\n\n.rf-top-4 {\n top: 1rem;\n}\n\n.rf-top-\\[0\\.125rem\\] {\n top: .125rem;\n}\n\n.rf-z-background {\n z-index: 0;\n}\n\n.rf-z-chatbot {\n z-index: 10;\n}\n\n.rf-z-detailedPOI {\n z-index: 2;\n}\n\n.rf-z-dropdown {\n z-index: 30;\n}\n\n.rf-z-exitwidget {\n z-index: 55;\n}\n\n.rf-z-menu {\n z-index: 40;\n}\n\n.rf-z-modal {\n z-index: 50;\n}\n\n.rf-z-overlay {\n z-index: 40;\n}\n\n.rf-z-ui {\n z-index: 20;\n}\n\n.rf-z-util {\n z-index: 1;\n}\n\n.rf-col-span-2 {\n grid-column: span 2 / span 2;\n}\n\n.rf-col-span-3 {\n grid-column: span 3 / span 3;\n}\n\n.rf-col-span-6 {\n grid-column: span 6 / span 6;\n}\n\n.rf-col-span-full {\n grid-column: 1 / -1;\n}\n\n.rf-col-start-1 {\n grid-column-start: 1;\n}\n\n.rf-col-start-2 {\n grid-column-start: 2;\n}\n\n.rf-col-start-4 {\n grid-column-start: 4;\n}\n\n.rf-col-start-5 {\n grid-column-start: 5;\n}\n\n.rf-col-end-13 {\n grid-column-end: 13;\n}\n\n.rf-col-end-2 {\n grid-column-end: 2;\n}\n\n.rf-col-end-9 {\n grid-column-end: 9;\n}\n\n.rf-row-span-1 {\n grid-row: span 1 / span 1;\n}\n\n.rf-row-span-2 {\n grid-row: span 2 / span 2;\n}\n\n.rf-row-span-3 {\n grid-row: span 3 / span 3;\n}\n\n.rf-row-span-5 {\n grid-row: span 5 / span 5;\n}\n\n.rf-row-span-6 {\n grid-row: span 6 / span 6;\n}\n\n.rf-row-span-9 {\n grid-row: span 9 / span 9;\n}\n\n.rf-row-span-full {\n grid-row: 1 / -1;\n}\n\n.rf-row-start-1 {\n grid-row-start: 1;\n}\n\n.rf-row-start-12 {\n grid-row-start: 12;\n}\n\n.rf-row-start-2 {\n grid-row-start: 2;\n}\n\n.rf-row-start-3 {\n grid-row-start: 3;\n}\n\n.rf-row-start-4 {\n grid-row-start: 4;\n}\n\n.rf-row-start-6 {\n grid-row-start: 6;\n}\n\n.rf-row-start-9 {\n grid-row-start: 9;\n}\n\n.rf-row-end-12 {\n grid-row-end: 12;\n}\n\n.rf-row-end-13 {\n grid-row-end: 13;\n}\n\n.rf-row-end-2 {\n grid-row-end: 2;\n}\n\n.rf-row-end-3 {\n grid-row-end: 3;\n}\n\n.rf-row-end-4 {\n grid-row-end: 4;\n}\n\n.rf-row-end-5 {\n grid-row-end: 5;\n}\n\n.rf-float-right {\n float: right;\n}\n\n.rf-m-0 {\n margin: 0;\n}\n\n.rf-m-4 {\n margin: 1rem;\n}\n\n.rf-m-auto {\n margin: auto;\n}\n\n.-rf-mx-6 {\n margin-left: -1.5rem;\n margin-right: -1.5rem;\n}\n\n.rf-mx-0 {\n margin-left: 0;\n margin-right: 0;\n}\n\n.rf-mx-2 {\n margin-left: .5rem;\n margin-right: .5rem;\n}\n\n.rf-mx-3 {\n margin-left: .75rem;\n margin-right: .75rem;\n}\n\n.rf-mx-8 {\n margin-left: 2rem;\n margin-right: 2rem;\n}\n\n.rf-mx-auto {\n margin-left: auto;\n margin-right: auto;\n}\n\n.rf-my-1 {\n margin-top: .25rem;\n margin-bottom: .25rem;\n}\n\n.rf-my-2 {\n margin-top: .5rem;\n margin-bottom: .5rem;\n}\n\n.rf-my-4 {\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\n\n.rf-my-auto {\n margin-top: auto;\n margin-bottom: auto;\n}\n\n.-rf-mb-4 {\n margin-bottom: -1rem;\n}\n\n.-rf-ml-2 {\n margin-left: -.5rem;\n}\n\n.rf-mb-0 {\n margin-bottom: 0;\n}\n\n.rf-mb-1 {\n margin-bottom: .25rem;\n}\n\n.rf-mb-12 {\n margin-bottom: 3rem;\n}\n\n.rf-mb-16 {\n margin-bottom: 4rem;\n}\n\n.rf-mb-2 {\n margin-bottom: .5rem;\n}\n\n.rf-mb-26 {\n margin-bottom: 6.5rem;\n}\n\n.rf-mb-28 {\n margin-bottom: 7rem;\n}\n\n.rf-mb-3 {\n margin-bottom: .75rem;\n}\n\n.rf-mb-30 {\n margin-bottom: 7.5rem;\n}\n\n.rf-mb-4 {\n margin-bottom: 1rem;\n}\n\n.rf-mb-5 {\n margin-bottom: 1.25rem;\n}\n\n.rf-mb-6 {\n margin-bottom: 1.5rem;\n}\n\n.rf-mb-8 {\n margin-bottom: 2rem;\n}\n\n.rf-ml-1 {\n margin-left: .25rem;\n}\n\n.rf-ml-2 {\n margin-left: .5rem;\n}\n\n.rf-ml-4 {\n margin-left: 1rem;\n}\n\n.rf-ml-6 {\n margin-left: 1.5rem;\n}\n\n.rf-mr-1 {\n margin-right: .25rem;\n}\n\n.rf-mr-2 {\n margin-right: .5rem;\n}\n\n.rf-mr-3 {\n margin-right: .75rem;\n}\n\n.rf-mr-4 {\n margin-right: 1rem;\n}\n\n.rf-mr-5 {\n margin-right: 1.25rem;\n}\n\n.rf-mt-1 {\n margin-top: .25rem;\n}\n\n.rf-mt-10 {\n margin-top: 2.5rem;\n}\n\n.rf-mt-2 {\n margin-top: .5rem;\n}\n\n.rf-mt-4 {\n margin-top: 1rem;\n}\n\n.rf-mt-5 {\n margin-top: 1.25rem;\n}\n\n.rf-mt-8 {\n margin-top: 2rem;\n}\n\n.rf-mt-\\[0\\.2rem\\] {\n margin-top: .2rem;\n}\n\n.rf-mt-auto {\n margin-top: auto;\n}\n\n.rf-line-clamp-1 {\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-2 {\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-inline {\n display: inline;\n}\n\n.rf-flex {\n display: flex;\n}\n\n.rf-grid {\n display: grid;\n}\n\n.rf-hidden {\n display: none;\n}\n\n.rf-aspect-\\[4\\/3\\] {\n aspect-ratio: 4 / 3;\n}\n\n.rf-aspect-square {\n aspect-ratio: 1;\n}\n\n.rf-aspect-video {\n aspect-ratio: 16 / 9;\n}\n\n.rf-h-0 {\n height: 0;\n}\n\n.rf-h-1 {\n height: .25rem;\n}\n\n.rf-h-1\\/2 {\n height: 50%;\n}\n\n.rf-h-1\\/3 {\n height: 33.3333%;\n}\n\n.rf-h-12 {\n height: 3rem;\n}\n\n.rf-h-14 {\n height: 3.5rem;\n}\n\n.rf-h-16 {\n height: 4rem;\n}\n\n.rf-h-18 {\n height: 4.5rem;\n}\n\n.rf-h-2 {\n height: .5rem;\n}\n\n.rf-h-2\\/3 {\n height: 66.6667%;\n}\n\n.rf-h-24 {\n height: 6rem;\n}\n\n.rf-h-3 {\n height: .75rem;\n}\n\n.rf-h-3\\/10 {\n height: 30%;\n}\n\n.rf-h-32 {\n height: 8rem;\n}\n\n.rf-h-36 {\n height: 9rem;\n}\n\n.rf-h-4 {\n height: 1rem;\n}\n\n.rf-h-48 {\n height: 12rem;\n}\n\n.rf-h-5 {\n height: 1.25rem;\n}\n\n.rf-h-6 {\n height: 1.5rem;\n}\n\n.rf-h-7 {\n height: 1.75rem;\n}\n\n.rf-h-8 {\n height: 2rem;\n}\n\n.rf-h-9 {\n height: 2.25rem;\n}\n\n.rf-h-\\[0\\.875rem\\] {\n height: .875rem;\n}\n\n.rf-h-\\[calc\\(50vw-3rem\\)\\] {\n height: calc(50vw - 3rem);\n}\n\n.rf-h-fit {\n height: fit-content;\n}\n\n.rf-h-full {\n height: 100%;\n}\n\n.rf-h-max {\n height: max-content;\n}\n\n.rf-h-screen {\n height: 100vh;\n}\n\n.rf-max-h-12 {\n max-height: 3rem;\n}\n\n.rf-max-h-28 {\n max-height: 7rem;\n}\n\n.rf-max-h-4\\/5 {\n max-height: 80%;\n}\n\n.rf-max-h-48 {\n max-height: 12rem;\n}\n\n.rf-max-h-6 {\n max-height: 1.5rem;\n}\n\n.rf-max-h-full {\n max-height: 100%;\n}\n\n.rf-max-h-qrcode {\n max-height: 120px;\n}\n\n.rf-max-h-screen {\n max-height: 100vh;\n}\n\n.rf-min-h-12 {\n min-height: 3rem;\n}\n\n.rf-min-h-16 {\n min-height: 4rem;\n}\n\n.rf-min-h-2\\/5 {\n min-height: 40%;\n}\n\n.rf-min-h-6 {\n min-height: 1.5rem;\n}\n\n.rf-min-h-full {\n min-height: 100%;\n}\n\n.rf-min-h-inherit {\n min-height: inherit;\n}\n\n.rf-w-0 {\n width: 0;\n}\n\n.rf-w-1\\/2 {\n width: 50%;\n}\n\n.rf-w-1\\/3 {\n width: 33.3333%;\n}\n\n.rf-w-1\\/4 {\n width: 25%;\n}\n\n.rf-w-11\\/12 {\n width: 91.6667%;\n}\n\n.rf-w-12 {\n width: 3rem;\n}\n\n.rf-w-16 {\n width: 4rem;\n}\n\n.rf-w-18 {\n width: 4.5rem;\n}\n\n.rf-w-2 {\n width: .5rem;\n}\n\n.rf-w-2\\/3 {\n width: 66.6667%;\n}\n\n.rf-w-20 {\n width: 5rem;\n}\n\n.rf-w-24 {\n width: 6rem;\n}\n\n.rf-w-3 {\n width: .75rem;\n}\n\n.rf-w-3\\/20 {\n width: 15%;\n}\n\n.rf-w-3\\/4 {\n width: 75%;\n}\n\n.rf-w-3\\/5 {\n width: 60%;\n}\n\n.rf-w-32 {\n width: 8rem;\n}\n\n.rf-w-36 {\n width: 9rem;\n}\n\n.rf-w-4 {\n width: 1rem;\n}\n\n.rf-w-4\\/9 {\n width: 45%;\n}\n\n.rf-w-48 {\n width: 12rem;\n}\n\n.rf-w-5 {\n width: 1.25rem;\n}\n\n.rf-w-6 {\n width: 1.5rem;\n}\n\n.rf-w-7 {\n width: 1.75rem;\n}\n\n.rf-w-8 {\n width: 2rem;\n}\n\n.rf-w-9 {\n width: 2.25rem;\n}\n\n.rf-w-\\[45\\%\\] {\n width: 45%;\n}\n\n.rf-w-\\[45ch\\] {\n width: 45ch;\n}\n\n.rf-w-\\[90\\%\\] {\n width: 90%;\n}\n\n.rf-w-\\[calc\\(100\\%-3rem\\)\\] {\n width: calc(100% - 3rem);\n}\n\n.rf-w-fit {\n width: fit-content;\n}\n\n.rf-w-full {\n width: 100%;\n}\n\n.rf-w-max {\n width: max-content;\n}\n\n.rf-w-screen {\n width: 100vw;\n}\n\n.rf-min-w-11\\/12 {\n min-width: 91.7%;\n}\n\n.rf-min-w-12 {\n min-width: 3rem;\n}\n\n.rf-min-w-24 {\n min-width: 6rem;\n}\n\n.rf-min-w-3\\/20 {\n min-width: 15%;\n}\n\n.rf-min-w-6 {\n min-width: 1.5rem;\n}\n\n.rf-min-w-\\[45\\%\\] {\n min-width: 45%;\n}\n\n.rf-min-w-full {\n min-width: 100%;\n}\n\n.rf-max-w-1\\/2 {\n max-width: 50%;\n}\n\n.rf-max-w-16 {\n max-width: 4rem;\n}\n\n.rf-max-w-3\\/20 {\n max-width: 15%;\n}\n\n.rf-max-w-6 {\n max-width: 1.5rem;\n}\n\n.rf-max-w-7\\/10 {\n max-width: 70%;\n}\n\n.rf-max-w-\\[100vw\\] {\n max-width: 100vw;\n}\n\n.rf-max-w-\\[45\\%\\] {\n max-width: 45%;\n}\n\n.rf-max-w-\\[70vw\\] {\n max-width: 70vw;\n}\n\n.rf-max-w-\\[calc\\(100\\%-2rem\\)\\] {\n max-width: calc(100% - 2rem);\n}\n\n.rf-max-w-full {\n max-width: 100%;\n}\n\n.rf-max-w-none {\n max-width: none;\n}\n\n.rf-flex-1 {\n flex: 1;\n}\n\n.rf-flex-\\[0_0_40\\%\\] {\n flex: 0 0 40%;\n}\n\n.rf-flex-\\[2_1_0\\%\\] {\n flex: 2;\n}\n\n.rf-flex-\\[4_1_0\\%\\] {\n flex: 4;\n}\n\n.rf-origin-center {\n transform-origin: center;\n}\n\n.-rf-translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.-rf-translate-y-1\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf--translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-translate-x-1 {\n --tw-translate-x: .25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-translate-x-5 {\n --tw-translate-x: 1.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf--rotate-90 {\n --tw-rotate: -90deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-rotate-0 {\n --tw-rotate: 0deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-rotate-180 {\n --tw-rotate: 180deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-rotate-90 {\n --tw-rotate: 90deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-scale-0 {\n --tw-scale-x: 0;\n --tw-scale-y: 0;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n@keyframes rf-blink {\n 0%, 100% {\n opacity: .2;\n }\n\n 50% {\n opacity: 1;\n }\n}\n\n.rf-animate-blink {\n animation: 1.4s infinite both rf-blink;\n}\n\n@keyframes rf-fadeIn {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n.rf-animate-fadeIn {\n animation: .5s .2s backwards rf-fadeIn;\n}\n\n@keyframes rf-hScroll {\n 0% {\n transform: translateX(0);\n }\n\n 100% {\n transform: translateX(calc(-100% - 2rem));\n }\n}\n\n.rf-animate-hScroll {\n animation: 20s linear infinite rf-hScroll;\n}\n\n@keyframes rf-loader {\n 0% {\n box-shadow: 0 1.5rem 0 -1.5rem var(--rf-color-loader-animation);\n }\n\n 40% {\n box-shadow: 0 1.5rem 0 -.3rem var(--rf-color-loader-animation);\n }\n\n 80% {\n box-shadow: 0 1.5rem 0 -1.5rem var(--rf-color-loader-animation);\n }\n\n 100% {\n box-shadow: 0 1.5rem 0 -1.5rem var(--rf-color-loader-animation);\n }\n}\n\n.rf-animate-loader {\n animation: 1.8s ease-in-out -.16s infinite both rf-loader;\n}\n\n.rf-animate-loaderFadeIn {\n animation: 2s rf-fadeIn;\n}\n\n@keyframes rf-fadeOut {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n}\n\n.rf-animate-loaderFadeOut {\n animation: 1s rf-fadeOut;\n}\n\n@keyframes rf-slideBottom {\n 0% {\n opacity: 0;\n transform: translateX(0)translateY(20px);\n }\n\n 100% {\n opacity: 1;\n transform: translateX(0)translateY(0);\n }\n}\n\n.rf-animate-slideBottom {\n animation: .5s .2s backwards rf-slideBottom;\n}\n\n@keyframes rf-spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n.rf-animate-spin {\n animation: 1s linear infinite rf-spin;\n}\n\n.rf-cursor-pointer {\n cursor: pointer;\n}\n\n.rf-select-none {\n user-select: none;\n}\n\n.rf-resize-none {\n resize: none;\n}\n\n.rf-scroll-pb-4 {\n scroll-padding-bottom: 1rem;\n}\n\n.rf-grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n\n.rf-grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.rf-grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.rf-grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.rf-grid-cols-6 {\n grid-template-columns: repeat(6, minmax(0, 1fr));\n}\n\n.rf-grid-cols-7 {\n grid-template-columns: repeat(7, minmax(0, 1fr));\n}\n\n.rf-grid-cols-8 {\n grid-template-columns: repeat(8, minmax(0, 1fr));\n}\n\n.rf-grid-cols-headerContainer {\n grid-template-columns: 7rem 1fr 1fr 1fr;\n}\n\n.rf-grid-cols-printingPreview {\n grid-template-columns: minmax(0, 1fr) 3rem;\n}\n\n.rf-grid-cols-routes {\n grid-template-columns: repeat(3, max-content);\n}\n\n.rf-grid-rows-1 {\n grid-template-rows: repeat(1, minmax(0, 1fr));\n}\n\n.rf-grid-rows-2 {\n grid-template-rows: repeat(2, minmax(0, 1fr));\n}\n\n.rf-grid-rows-container {\n grid-template-rows: repeat(12, minmax(0, 1fr));\n}\n\n.rf-grid-rows-headerContainer {\n grid-template-rows: repeat(3, minmax(0, 1fr));\n}\n\n.rf-flex-row {\n flex-direction: row;\n}\n\n.rf-flex-col {\n flex-direction: column;\n}\n\n.rf-flex-col-reverse {\n flex-direction: column-reverse;\n}\n\n.rf-flex-wrap {\n flex-wrap: wrap;\n}\n\n.rf-flex-nowrap {\n flex-wrap: nowrap;\n}\n\n.rf-content-around {\n align-content: space-around;\n}\n\n.rf-items-start {\n align-items: flex-start;\n}\n\n.rf-items-end {\n align-items: flex-end;\n}\n\n.rf-items-center {\n align-items: center;\n}\n\n.rf-justify-start {\n justify-content: flex-start;\n}\n\n.rf-justify-end {\n justify-content: flex-end;\n}\n\n.rf-justify-center {\n justify-content: center;\n}\n\n.rf-justify-between {\n justify-content: space-between;\n}\n\n.rf-justify-around {\n justify-content: space-around;\n}\n\n.rf-justify-evenly {\n justify-content: space-evenly;\n}\n\n.rf-gap-1 {\n gap: .25rem;\n}\n\n.rf-gap-12 {\n gap: 3rem;\n}\n\n.rf-gap-2 {\n gap: .5rem;\n}\n\n.rf-gap-3 {\n gap: .75rem;\n}\n\n.rf-gap-4 {\n gap: 1rem;\n}\n\n.rf-gap-5 {\n gap: 1.25rem;\n}\n\n.rf-gap-8 {\n gap: 2rem;\n}\n\n.rf-gap-9 {\n gap: 2.25rem;\n}\n\n.rf-divide-x > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-x-reverse: 0;\n border-right-width: calc(1px * var(--tw-divide-x-reverse));\n border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));\n}\n\n.rf-self-auto {\n align-self: auto;\n}\n\n.rf-self-start {\n align-self: flex-start;\n}\n\n.rf-self-end {\n align-self: flex-end;\n}\n\n.rf-self-center {\n align-self: center;\n}\n\n.rf-justify-self-start {\n justify-self: start;\n}\n\n.rf-justify-self-end {\n justify-self: end;\n}\n\n.rf-justify-self-center {\n justify-self: center;\n}\n\n.rf-overflow-hidden {\n overflow: hidden;\n}\n\n.rf-overflow-clip {\n overflow: clip;\n}\n\n.rf-overflow-x-auto {\n overflow-x: auto;\n}\n\n.rf-overflow-y-auto {\n overflow-y: auto;\n}\n\n.rf-overflow-x-hidden {\n overflow-x: hidden;\n}\n\n.rf-overflow-y-hidden {\n overflow-y: hidden;\n}\n\n.rf-overflow-y-visible {\n overflow-y: visible;\n}\n\n.rf-overflow-x-scroll {\n overflow-x: scroll;\n}\n\n.rf-overflow-y-scroll {\n overflow-y: scroll;\n}\n\n.rf-truncate {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.rf-whitespace-nowrap {\n white-space: nowrap;\n}\n\n.rf-rounded {\n border-radius: .3125rem;\n}\n\n.rf-rounded-6 {\n border-radius: 1.5rem;\n}\n\n.rf-rounded-8 {\n border-radius: 2rem;\n}\n\n.rf-rounded-\\[20px\\] {\n border-radius: 20px;\n}\n\n.rf-rounded-full {\n border-radius: 9999px;\n}\n\n.rf-rounded-half {\n border-radius: 50%;\n}\n\n.rf-rounded-lg {\n border-radius: .5rem;\n}\n\n.rf-rounded-max {\n border-radius: 100%;\n}\n\n.rf-rounded-b {\n border-bottom-right-radius: .3125rem;\n border-bottom-left-radius: .3125rem;\n}\n\n.rf-rounded-l-lg {\n border-top-left-radius: .5rem;\n border-bottom-left-radius: .5rem;\n}\n\n.rf-border {\n border-width: 1px;\n}\n\n.rf-border-0 {\n border-width: 0;\n}\n\n.rf-border-2 {\n border-width: 2px;\n}\n\n.rf-border-y {\n border-top-width: 1px;\n border-bottom-width: 1px;\n}\n\n.rf-border-b {\n border-bottom-width: 1px;\n}\n\n.rf-border-b-2 {\n border-bottom-width: 2px;\n}\n\n.rf-border-l {\n border-left-width: 1px;\n}\n\n.rf-border-r {\n border-right-width: 1px;\n}\n\n.rf-border-t {\n border-top-width: 1px;\n}\n\n.rf-border-t-0 {\n border-top-width: 0;\n}\n\n.rf-border-none {\n border-style: none;\n}\n\n.rf-border-\\[\\#00000029\\] {\n border-color: #00000029;\n}\n\n.rf-border-\\[\\#9FA2AA\\] {\n --tw-border-opacity: 1;\n border-color: rgb(159 162 170 / var(--tw-border-opacity));\n}\n\n.rf-border-\\[\\#C7C6C6\\] {\n --tw-border-opacity: 1;\n border-color: rgb(199 198 198 / var(--tw-border-opacity));\n}\n\n.rf-border-black {\n border-color: var(--rf-color-black);\n}\n\n.rf-border-cardButtonBorderDefault {\n border-color: var(--rf-color-cardButtonBorderDefault);\n}\n\n.rf-border-cardButtonBorderHover {\n border-color: var(--rf-color-cardButtonBorderHover);\n}\n\n.rf-border-cardFrameBorder {\n border-color: var(--rf-color-cardFrameBorder);\n}\n\n.rf-border-formInputButtonBorderDefault {\n border-color: var(--rf-color-formInputButtonBorderDefault);\n}\n\n.rf-border-formInputButtonBorderHover {\n border-color: var(--rf-color-formInputButtonBorderHover);\n}\n\n.rf-border-formInputRadioCheckboxCheckedBorder {\n border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n}\n\n.rf-border-formInputRadioCheckboxUncheckedBorder {\n border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n}\n\n.rf-border-gray {\n --tw-border-opacity: 1;\n border-color: rgb(128 128 128 / var(--tw-border-opacity));\n}\n\n.rf-border-menuBorder {\n --tw-border-opacity: 1;\n border-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-border-primary {\n border-color: var(--rf-color-primary);\n}\n\n.rf-border-red-700 {\n --tw-border-opacity: 1;\n border-color: rgb(185 28 28 / var(--tw-border-opacity));\n}\n\n.rf-border-secondary {\n border-color: var(--rf-color-secondary);\n}\n\n.rf-border-templateCheckboxBorder {\n --tw-border-opacity: 1;\n border-color: rgb(112 112 112 / var(--tw-border-opacity));\n}\n\n.rf-border-trueblack {\n --tw-border-opacity: 1;\n border-color: rgb(0 0 0 / var(--tw-border-opacity));\n}\n\n.rf-border-truewhite {\n --tw-border-opacity: 1;\n border-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n\n.rf-border-x-primary {\n border-left-color: var(--rf-color-primary);\n border-right-color: var(--rf-color-primary);\n}\n\n.rf-border-y-menuBorder {\n --tw-border-opacity: 1;\n border-top-color: rgb(224 225 231 / var(--tw-border-opacity));\n border-bottom-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-border-b-\\[\\#C4C5C8\\] {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(196 197 200 / var(--tw-border-opacity));\n}\n\n.rf-border-b-black {\n border-bottom-color: var(--rf-color-black);\n}\n\n.rf-border-b-menuBorder {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-border-b-silver {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(192 192 192 / var(--tw-border-opacity));\n}\n\n.rf-border-b-transparent {\n border-bottom-color: #0000;\n}\n\n.rf-border-l-menuBorder {\n --tw-border-opacity: 1;\n border-left-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-border-r-silver {\n --tw-border-opacity: 1;\n border-right-color: rgb(192 192 192 / var(--tw-border-opacity));\n}\n\n.rf-border-t-\\[\\#CBC9C9\\] {\n --tw-border-opacity: 1;\n border-top-color: rgb(203 201 201 / var(--tw-border-opacity));\n}\n\n.rf-border-t-menuBorder {\n --tw-border-opacity: 1;\n border-top-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-bg-\\[\\#00000050\\] {\n background-color: #00000050;\n}\n\n.rf-bg-\\[\\#F0F0F0\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(240 240 240 / var(--tw-bg-opacity));\n}\n\n.rf-bg-\\[\\#F8F8F8\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(248 248 248 / var(--tw-bg-opacity));\n}\n\n.rf-bg-black {\n background-color: var(--rf-color-black);\n}\n\n.rf-bg-blue-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n}\n\n.rf-bg-cardButtonBackgroundDefault {\n background-color: var(--rf-color-cardButtonBackgroundDefault);\n}\n\n.rf-bg-cardButtonBackgroundHover {\n background-color: var(--rf-color-cardButtonBackgroundHover);\n}\n\n.rf-bg-cardFrameBackground {\n background-color: var(--rf-color-cardFrameBackground);\n}\n\n.rf-bg-formInputButtonBackgroundDefault {\n background-color: var(--rf-color-formInputButtonBackgroundDefault);\n}\n\n.rf-bg-formInputButtonBackgroundHover {\n background-color: var(--rf-color-formInputButtonBackgroundHover);\n}\n\n.rf-bg-formInputRadioCheckboxUncheckedBackground {\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n}\n\n.rf-bg-gray {\n --tw-bg-opacity: 1;\n background-color: rgb(128 128 128 / var(--tw-bg-opacity));\n}\n\n.rf-bg-primary {\n background-color: var(--rf-color-primary);\n}\n\n.rf-bg-red-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(220 38 38 / var(--tw-bg-opacity));\n}\n\n.rf-bg-secondary {\n background-color: var(--rf-color-secondary);\n}\n\n.rf-bg-silver {\n --tw-bg-opacity: 1;\n background-color: rgb(192 192 192 / var(--tw-bg-opacity));\n}\n\n.rf-bg-templateBackground {\n --tw-bg-opacity: 1;\n background-color: rgb(241 241 241 / var(--tw-bg-opacity));\n}\n\n.rf-bg-templateEmptyCard {\n --tw-bg-opacity: 1;\n background-color: rgb(232 231 231 / var(--tw-bg-opacity));\n}\n\n.rf-bg-textModePanelBackground {\n background-color: var(--rf-color-textModePanelBackground);\n}\n\n.rf-bg-transparent {\n background-color: #0000;\n}\n\n.rf-bg-truewhite {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.rf-bg-vocalModeSubtitlesBackground {\n background-color: var(--rf-color-vocalModeSubtitlesBackground);\n}\n\n.rf-bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(247 243 246 / var(--tw-bg-opacity));\n}\n\n.rf-bg-opacity-30 {\n --tw-bg-opacity: .3;\n}\n\n.rf-bg-opacity-50 {\n --tw-bg-opacity: .5;\n}\n\n.rf-bg-opacity-80 {\n --tw-bg-opacity: .8;\n}\n\n.rf-object-cover {\n object-fit: cover;\n}\n\n.rf-p-0 {\n padding: 0;\n}\n\n.rf-p-1 {\n padding: .25rem;\n}\n\n.rf-p-2 {\n padding: .5rem;\n}\n\n.rf-p-4 {\n padding: 1rem;\n}\n\n.rf-p-6 {\n padding: 1.5rem;\n}\n\n.rf-p-\\[25px\\] {\n padding: 25px;\n}\n\n.rf-p-\\[7px_12px\\] {\n padding: 7px 12px;\n}\n\n.rf-px-1 {\n padding-left: .25rem;\n padding-right: .25rem;\n}\n\n.rf-px-2 {\n padding-left: .5rem;\n padding-right: .5rem;\n}\n\n.rf-px-3 {\n padding-left: .75rem;\n padding-right: .75rem;\n}\n\n.rf-px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.rf-px-5, .rf-px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.rf-px-8 {\n padding-left: 2rem;\n padding-right: 2rem;\n}\n\n.rf-py-0 {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.rf-py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n.rf-py-12 {\n padding-top: 3rem;\n padding-bottom: 3rem;\n}\n\n.rf-py-2 {\n padding-top: .5rem;\n padding-bottom: .5rem;\n}\n\n.rf-py-3 {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n.rf-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.rf-py-6 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n.rf-pb-10 {\n padding-bottom: 2.5rem;\n}\n\n.rf-pb-12 {\n padding-bottom: 3rem;\n}\n\n.rf-pb-14 {\n padding-bottom: 3.5rem;\n}\n\n.rf-pb-2 {\n padding-bottom: .5rem;\n}\n\n.rf-pb-3 {\n padding-bottom: .75rem;\n}\n\n.rf-pb-4 {\n padding-bottom: 1rem;\n}\n\n.rf-pb-5, .rf-pb-6 {\n padding-bottom: 1.5rem;\n}\n\n.rf-pb-8 {\n padding-bottom: 2rem;\n}\n\n.rf-pb-\\[15vh\\] {\n padding-bottom: 15vh;\n}\n\n.rf-pl-0 {\n padding-left: 0;\n}\n\n.rf-pl-1 {\n padding-left: .25rem;\n}\n\n.rf-pl-2 {\n padding-left: .5rem;\n}\n\n.rf-pl-4 {\n padding-left: 1rem;\n}\n\n.rf-pl-6 {\n padding-left: 1.5rem;\n}\n\n.rf-pr-1 {\n padding-right: .25rem;\n}\n\n.rf-pr-2 {\n padding-right: .5rem;\n}\n\n.rf-pr-4 {\n padding-right: 1rem;\n}\n\n.rf-pt-1 {\n padding-top: .25rem;\n}\n\n.rf-pt-11\\/20 {\n padding-top: 55%;\n}\n\n.rf-pt-12 {\n padding-top: 3rem;\n}\n\n.rf-pt-14 {\n padding-top: 3.5rem;\n}\n\n.rf-pt-2 {\n padding-top: .5rem;\n}\n\n.rf-pt-24 {\n padding-top: 6rem;\n}\n\n.rf-pt-3 {\n padding-top: .75rem;\n}\n\n.rf-pt-4 {\n padding-top: 1rem;\n}\n\n.rf-pt-8 {\n padding-top: 2rem;\n}\n\n.rf-pt-\\[25vh\\] {\n padding-top: 25vh;\n}\n\n.rf-pt-\\[26vh\\] {\n padding-top: 26vh;\n}\n\n.rf-text-left {\n text-align: left;\n}\n\n.rf-text-center {\n text-align: center;\n}\n\n.rf-text-right {\n text-align: right;\n}\n\n.rf-font-default {\n font-family: Calibri, sans-serif;\n}\n\n.rf-text-2xl {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n.rf-text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n.rf-text-4xl {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-text-5xl {\n font-size: 3rem;\n line-height: 1;\n}\n\n.rf-text-7xl {\n font-size: 4.5rem;\n line-height: 1;\n}\n\n.rf-text-8xl {\n font-size: 6rem;\n line-height: 1;\n}\n\n.rf-text-\\[0\\.5rem\\] {\n font-size: .5rem;\n}\n\n.rf-text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.rf-text-basecustom {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n.rf-text-lgcustom {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n.rf-text-sm {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n.rf-text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n\n.rf-text-xs {\n font-size: .75rem;\n line-height: 1rem;\n}\n\n.rf-text-xsl {\n font-size: .7rem;\n line-height: 1rem;\n}\n\n.rf-text-xsm {\n font-size: .6rem;\n}\n\n.rf-font-bold {\n font-weight: 600;\n}\n\n.rf-font-medium {\n font-weight: 300;\n}\n\n.rf-font-semibold {\n font-weight: 400;\n}\n\n.rf-uppercase {\n text-transform: uppercase;\n}\n\n.rf-capitalize {\n text-transform: capitalize;\n}\n\n.rf-normal-case {\n text-transform: none;\n}\n\n.rf-italic {\n font-style: italic;\n}\n\n.rf-text-\\[\\#575F6B\\] {\n --tw-text-opacity: 1;\n color: rgb(87 95 107 / var(--tw-text-opacity));\n}\n\n.rf-text-\\[\\#9A9A9A\\] {\n --tw-text-opacity: 1;\n color: rgb(154 154 154 / var(--tw-text-opacity));\n}\n\n.rf-text-\\[\\#A4A7AF\\] {\n --tw-text-opacity: 1;\n color: rgb(164 167 175 / var(--tw-text-opacity));\n}\n\n.rf-text-black {\n color: var(--rf-color-black);\n}\n\n.rf-text-cardButtonTextDefault {\n color: var(--rf-color-cardButtonTextDefault);\n}\n\n.rf-text-cardFrameText {\n color: var(--rf-color-cardFrameText);\n}\n\n.rf-text-formInputButtonTextDefault {\n color: var(--rf-color-formInputButtonTextDefault);\n}\n\n.rf-text-formInputButtonTextHover {\n color: var(--rf-color-formInputButtonTextHover);\n}\n\n.rf-text-formInputRadioCheckboxUncheckedBackground {\n color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n}\n\n.rf-text-formInputTextDefault {\n color: var(--rf-color-formInputTextDefault);\n}\n\n.rf-text-gray {\n --tw-text-opacity: 1;\n color: rgb(128 128 128 / var(--tw-text-opacity));\n}\n\n.rf-text-lightgray {\n --tw-text-opacity: 1;\n color: rgb(129 129 129 / var(--tw-text-opacity));\n}\n\n.rf-text-primary {\n color: var(--rf-color-primary);\n}\n\n.rf-text-red-700 {\n --tw-text-opacity: 1;\n color: rgb(185 28 28 / var(--tw-text-opacity));\n}\n\n.rf-text-secondary {\n color: var(--rf-color-secondary);\n}\n\n.rf-text-textModePanelConversationBot {\n color: var(--rf-color-textModePanelConversationBot);\n}\n\n.rf-text-textModePanelConversationUser {\n color: var(--rf-color-textModePanelConversationUser);\n}\n\n.rf-text-trueblack {\n --tw-text-opacity: 1;\n color: rgb(0 0 0 / var(--tw-text-opacity));\n}\n\n.rf-text-truewhite {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.rf-text-vocalModeSubtitlesText {\n color: var(--rf-color-vocalModeSubtitlesText);\n}\n\n.rf-text-white {\n --tw-text-opacity: 1;\n color: rgb(247 243 246 / var(--tw-text-opacity));\n}\n\n.rf-underline {\n text-decoration-line: underline;\n}\n\n.rf-shadow-\\[0_0_15px_0_silver\\] {\n --tw-shadow: 0 0 15px 0 silver;\n --tw-shadow-colored: 0 0 15px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_0_20px_1px_\\#A4A7AF80\\] {\n --tw-shadow: 0 0 20px 1px #a4a7af80;\n --tw-shadow-colored: 0 0 20px 1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_0_3px_6px_\\#00000029\\] {\n --tw-shadow: 0 0 3px 6px #00000029;\n --tw-shadow-colored: 0 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_3px_6px_\\#00000029\\] {\n --tw-shadow: 0 3px 6px #00000029;\n --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_3px_6px_\\#606267\\] {\n --tw-shadow: 0 3px 6px #606267;\n --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_3px_6px_rgba\\(0\\,0\\,0\\,0\\.16\\)\\] {\n --tw-shadow: 0 3px 6px #00000029;\n --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_6px_6px_\\#00000029\\] {\n --tw-shadow: 0 6px 6px #00000029;\n --tw-shadow-colored: 0 6px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[20px_3px_20px_\\#00000029\\] {\n --tw-shadow: 20px 3px 20px #00000029;\n --tw-shadow-colored: 20px 3px 20px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[3px_3px_16px_\\#00000029\\] {\n --tw-shadow: 3px 3px 16px #00000029;\n --tw-shadow-colored: 3px 3px 16px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[3px_3px_6px_\\#00000029\\] {\n --tw-shadow: 3px 3px 6px #00000029;\n --tw-shadow-colored: 3px 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[inset_0_0_6px_\\#0000003B\\] {\n --tw-shadow: inset 0 0 6px #0000003b;\n --tw-shadow-colored: inset 0 0 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[inset_0_12px_12px_-12px_\\#00000029\\,inset_0_-12px_12px_-12px_\\#00000029\\] {\n --tw-shadow: inset 0 12px 12px -12px #00000029, inset 0 -12px 12px -12px #00000029;\n --tw-shadow-colored: inset 0 12px 12px -12px var(--tw-shadow-color), inset 0 -12px 12px -12px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-card {\n --tw-shadow: 0px 0px 13px 3px #101219;\n --tw-shadow-colored: 0px 0px 13px 3px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-outline-none {\n outline-offset: 2px;\n outline: 2px solid #0000;\n}\n\n.rf-blur-background {\n --tw-blur: blur(var(--rf-blur-background));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.rf-filter {\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.rf-transition-all {\n transition-property: all;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.rf-transition-transform {\n transition-property: transform;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.rf-text-shadow-black {\n text-shadow: 2px 0 5px #000, -2px 0 5px #000, 0 2px 5px #000, 0 -2px 5px #000;\n}\n\n.rf-capitalize-first:first-letter {\n text-transform: uppercase;\n}\n\nol {\n padding-left: 2rem;\n list-style-type: decimal;\n}\n\nul {\n padding-left: 2rem;\n list-style-type: disc;\n}\n\n#retorik-container.rf-portrait:not(.rf-large) .ac-image {\n max-width: 100px;\n}\n\n.rf-glass-background, #retorik-container.portrait .portrait\\:rf-glass-background {\n background-color: var(--rf-color-black);\n --tw-bg-opacity: .62;\n --tw-backdrop-blur: blur(8px);\n backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n\n.rf-loader:before {\n content: \"\";\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n animation: 1.8s ease-in-out -.32s infinite both rf-loader;\n display: block;\n position: absolute;\n right: 1.5rem;\n}\n\n.rf-loader:after {\n content: \"\";\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n animation: 1.8s ease-in-out infinite both rf-loader;\n display: block;\n position: absolute;\n left: 1.5rem;\n}\n\n.rf-loader-microphone:before, .rf-loader-microphone:after {\n content: \"\";\n --tw-border-opacity: 1;\n border: 6px solid #0000;\n border-top-color: rgb(128 128 128 / var(--tw-border-opacity));\n border-radius: 100%;\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.rf-loader-microphone:before {\n z-index: 1;\n animation: 1s linear infinite rf-spin;\n}\n\n.rf-loader-microphone:after {\n --tw-border-opacity: 1;\n border-color: rgb(204 204 204 / var(--tw-border-opacity));\n}\n\n.rf-touch-action-none {\n touch-action: none;\n}\n\n.rf-unselectable {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-touch-callout: none;\n}\n\n.rf-title-extralarge-bold-size-auto {\n font-size: 2.25rem;\n font-weight: 600;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large .rf-title-extralarge-bold-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-extralarge-bold-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n.rf-title-extralarge-size-auto {\n font-size: 2.25rem;\n font-weight: 400;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large .rf-title-extralarge-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-extralarge-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n.rf-title-large-size-auto {\n font-size: 1.5rem;\n font-weight: 400;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-title-large-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-large-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n.rf-title-large-bold-size-auto {\n font-size: 1.875rem;\n font-weight: 600;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large .rf-title-large-bold-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-large-bold-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n.rf-title-size-auto {\n font-size: 1.5rem;\n font-weight: 400;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-title-size-auto {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-title-bold-size-auto {\n font-size: 1.5rem;\n font-weight: 600;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-title-bold-size-auto {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-bold-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-subtitle-size-auto {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-subtitle-size-auto {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-subtitle-size-auto {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n.rf-text-extralarge-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large .rf-text-extralarge-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-extralarge-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n.rf-text-verylarge-size-auto {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-text-verylarge-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-verylarge-size-auto {\n font-size: 4.5rem;\n line-height: 1;\n}\n\n.rf-text-large-size-auto {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-text-large-size-auto {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-large-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-text-medium-size-auto {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large .rf-text-medium-size-auto {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n.rf-text-size-auto {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-text-size-auto {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-size-auto {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n.rf-small-size-auto {\n font-size: .6rem;\n}\n\n#retorik-container.rf-large .rf-small-size-auto {\n font-size: .75rem;\n line-height: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-small-size-auto {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n.rf-line-clamp-unknown {\n hyphens: auto;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-1 {\n hyphens: auto;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-2 {\n hyphens: auto;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-3 {\n hyphens: auto;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-4 {\n hyphens: auto;\n -webkit-line-clamp: 4;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-5 {\n hyphens: auto;\n -webkit-line-clamp: 5;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-6 {\n hyphens: auto;\n -webkit-line-clamp: 6;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-7 {\n hyphens: auto;\n -webkit-line-clamp: 7;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-8 {\n hyphens: auto;\n -webkit-line-clamp: 8;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-9 {\n hyphens: auto;\n -webkit-line-clamp: 9;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-10 {\n hyphens: auto;\n -webkit-line-clamp: 10;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-height-fill-available {\n height: stretch;\n}\n\n.rf-width-fill-available {\n width: stretch;\n}\n\n.rf-animation-delay-2 {\n animation-delay: .2s;\n}\n\n.rf-animation-delay-4 {\n animation-delay: .4s;\n}\n\n.rf-scrollbar-thin {\n scrollbar-width: thin;\n scrollbar-color: var(--rf-color-secondary) transparent;\n}\n\n.rf-scrollbar-thin::-webkit-scrollbar {\n width: .2rem;\n height: .2rem;\n margin: .25rem 0;\n}\n\n.rf-scrollbar-thin::-webkit-scrollbar-thumb {\n background-color: var(--rf-color-secondary);\n border-radius: .5rem;\n}\n\n.rf-scrollbar-x-custom::-webkit-scrollbar {\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n border-radius: 2rem;\n height: .5rem;\n}\n\n.rf-scrollbar-x-custom::-webkit-scrollbar-thumb {\n background-color: var(--rf-color-primary);\n border-radius: 2rem;\n}\n\n.rf-scrollbar-hidden {\n scrollbar-width: none;\n}\n\n.rf-scrollbar-hidden::-webkit-scrollbar {\n display: none;\n}\n\n.rf-opacity-gradient-b {\n -webkit-mask-image: linear-gradient(#000 50%, #0000 100%);\n}\n\n.rf-opacity-gradient-b-thin {\n -webkit-mask-image: linear-gradient(#797676 84%, #0000 100%);\n}\n\n.rf-opacity-gradient-l {\n -webkit-mask-image: linear-gradient(to left, #000 75%, gray 80%, #0000 85%);\n}\n\n.rf-opacity-gradient-l-thin {\n -webkit-mask-image: linear-gradient(to left, #000 90%, gray 95%, #0000 100%);\n}\n\n.rf-opacity-gradient-h {\n -webkit-mask-image: linear-gradient(to right, #0000 0%, 6%, #000, 94%, #0000 100%);\n}\n\n.rf-card-button {\n border-width: 1px;\n border-color: var(--rf-color-cardButtonBorderDefault);\n background-color: var(--rf-color-cardButtonBackgroundDefault);\n color: var(--rf-color-cardButtonTextDefault);\n border-radius: .3125rem;\n padding: .25rem .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button {\n padding: .5rem 1rem;\n}\n\n.rf-card-button:hover {\n cursor: pointer;\n border-color: var(--rf-color-cardButtonBorderHover);\n background-color: var(--rf-color-cardButtonBackgroundHover);\n color: var(--rf-color-cardButtonTextHover);\n}\n\n.rf-card-button-secondary {\n border-width: 1px;\n border-color: var(--rf-color-secondary);\n color: var(--rf-color-secondary);\n background-color: #0000;\n border-radius: .3125rem;\n padding: .25rem .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-secondary {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-secondary {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-secondary {\n padding: .5rem 1rem;\n}\n\n.rf-card-button-secondary:hover {\n cursor: pointer;\n border-color: var(--rf-color-secondary);\n background-color: var(--rf-color-secondary);\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.rf-card-button-discover {\n border-width: 1px;\n border-color: var(--rf-color-cardButtonDiscoverBorderDefault);\n background-color: var(--rf-color-cardButtonDiscoverBackgroundDefault);\n color: var(--rf-color-cardButtonDiscoverTextDefault);\n border-radius: .3125rem;\n padding: .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-discover {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n.rf-card-button-discover:hover {\n cursor: pointer;\n border-color: var(--rf-color-cardButtonDiscoverBorderHover);\n background-color: var(--rf-color-cardButtonDiscoverBackgroundHover);\n color: var(--rf-color-cardButtonDiscoverTextHover);\n}\n\n.rf-card-button-history {\n cursor: default;\n border-width: 1px;\n border-color: var(--rf-color-cardButtonBorderDefault);\n background-color: var(--rf-color-cardButtonBackgroundDefault);\n color: var(--rf-color-cardButtonTextDefault);\n border-radius: .3125rem;\n padding: .25rem .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-history {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-history {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-history {\n padding: .5rem 1rem;\n}\n\n.lf-player-container {\n align-items: flex-end;\n width: 100%;\n height: 100%;\n display: flex;\n overflow: hidden;\n}\n\n.rf-input-label {\n text-overflow: ellipsis;\n color: var(--rf-color-formInputTextDefault);\n margin-top: .1rem;\n margin-left: .75rem;\n overflow-x: hidden;\n}\n\n#retorik-container.rf-large .rf-input-label {\n margin-top: .25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-input-label {\n margin-top: .2rem;\n}\n\n.rf-radio-custom {\n -webkit-appearance: none;\n appearance: none;\n border-width: 2px;\n border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n border-radius: 50%;\n place-content: center;\n width: 1.5rem;\n min-width: 1.5rem;\n height: 1.5rem;\n margin: 0;\n display: grid;\n}\n\n.rf-radio-custom:checked {\n border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n#retorik-container.rf-large .rf-radio-custom {\n width: 1.75rem;\n min-width: 1.75rem;\n height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-radio-custom {\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n}\n\n.rf-radio-custom:before {\n content: \"\";\n --tw-scale-x: 0;\n --tw-scale-y: 0;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n background-color: var(--rf-color-formInputRadioCheckboxCheckedItem);\n border-radius: 50%;\n width: .5rem;\n height: .5rem;\n transition-property: all;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n#retorik-container.rf-large .rf-radio-custom:before {\n width: .75rem;\n height: .75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-radio-custom:before {\n width: 1rem;\n height: 1rem;\n}\n\n.rf-radio-custom:checked:before {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-input-hidden {\n -webkit-appearance: none;\n appearance: none;\n margin: 0;\n}\n\n.rf-checkbox-custom {\n -webkit-appearance: none;\n appearance: none;\n border-width: 2px;\n border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n border-radius: .3125rem;\n place-content: center;\n width: 1.5rem;\n min-width: 1.5rem;\n height: 1.5rem;\n margin: 0;\n display: grid;\n}\n\n#retorik-container.rf-large .rf-checkbox-custom {\n width: 1.75rem;\n min-width: 1.75rem;\n height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-checkbox-custom {\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n}\n\n.rf-checkbox-custom:checked {\n border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n.rf-toggle-custom {\n -webkit-appearance: none;\n appearance: none;\n background-color: var(--rf-color-black);\n border-radius: 1.5rem;\n width: 3rem;\n min-width: 3rem;\n height: 1.5rem;\n margin: 0;\n position: relative;\n}\n\n.rf-toggle-custom:checked {\n background-color: var(--rf-color-primary);\n}\n\n#retorik-container.rf-large .rf-toggle-custom {\n border-radius: 1.75rem;\n width: 3.5rem;\n min-width: 3.5rem;\n height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-toggle-custom {\n border-radius: 2rem;\n width: 4rem;\n min-width: 4rem;\n height: 2rem;\n}\n\n.rf-toggle-custom:before {\n content: \"\";\n --tw-translate-x: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n transition-property: all;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n position: absolute;\n top: .25rem;\n left: .25rem;\n}\n\n#retorik-container.rf-large .rf-toggle-custom:before {\n width: 1.25rem;\n height: 1.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-toggle-custom:before {\n width: 1.5rem;\n height: 1.5rem;\n}\n\n.rf-toggle-custom:checked:before {\n --tw-translate-x: 1.5rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n#retorik-container.rf-large .rf-toggle-custom:checked:before {\n --tw-translate-x: 1.75rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n#retorik-container.rf-large.rf-portrait .rf-toggle-custom:checked:before {\n --tw-translate-x: 2rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-select-custom {\n -webkit-appearance: none;\n appearance: none;\n border-width: 2px;\n border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n border-radius: .3125rem;\n margin: 0;\n padding: 1rem;\n}\n\n.rf-select-custom:hover {\n cursor: pointer;\n}\n\n.rf-select-custom:focus-visible {\n border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n}\n\n.rf-slider-custom {\n -webkit-appearance: none;\n -moz-appearance: none;\n outline-offset: 2px;\n border-radius: .5rem;\n outline: 2px solid #0000;\n width: 100%;\n height: .25rem;\n display: block;\n position: relative;\n}\n\n.rf-slider-custom::-webkit-slider-runnable-track {\n -webkit-appearance: none;\n}\n\n.rf-slider-custom::-moz-track {\n -moz-appearance: none;\n}\n\n.rf-slider-custom::-ms-track {\n appearance: none;\n}\n\n.rf-slider-custom::-webkit-slider-thumb {\n -webkit-appearance: none;\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n border-style: none;\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -.2rem;\n}\n\n.rf-slider-custom::-webkit-slider-thumb:hover {\n cursor: pointer;\n}\n\n.rf-slider-custom::-moz-range-thumb {\n -webkit-appearance: none;\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n border-style: none;\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -.2rem;\n}\n\n.rf-slider-custom::-moz-range-thumb:hover {\n cursor: pointer;\n}\n\n.rf-slider-custom::-ms-thumb {\n appearance: none;\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n border-style: none;\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -.2rem;\n}\n\n.rf-slider-custom::-ms-thumb:hover {\n cursor: pointer;\n}\n\n.rf-likert-custom {\n cursor: pointer;\n outline-offset: 2px;\n -webkit-text-stroke-width: 1px;\n -webkit-text-stroke-color: white;\n background-color: #0000;\n border-style: none;\n outline: 2px solid #0000;\n}\n\n.svgButtonMenu > svg * {\n fill: var(--fill);\n}\n\n.webchat__css-custom-properties {\n width: 100%;\n height: 100%;\n}\n\n.placeholder\\:rf-text-black::placeholder {\n color: var(--rf-color-black);\n}\n\n.placeholder\\:rf-opacity-100::placeholder {\n opacity: 1;\n}\n\n.hover\\:rf-cursor-pointer:hover {\n cursor: pointer;\n}\n\n.hover\\:rf-border-truewhite:hover {\n --tw-border-opacity: 1;\n border-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n\n.hover\\:rf-bg-formInputRadioCheckboxCheckedBackground:hover {\n background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n.hover\\:rf-bg-truewhite:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.hover\\:rf-text-formInputRadioCheckboxCheckedItem:hover {\n color: var(--rf-color-formInputRadioCheckboxCheckedItem);\n}\n\n.hover\\:rf-text-truewhite:hover {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-col-span-full {\n grid-column: 1 / -1;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-col-start-1 {\n grid-column-start: 1;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-row-span-1 {\n grid-row: span 1 / span 1;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-row-start-11 {\n grid-row-start: 11;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-row-end-13 {\n grid-row-end: 13;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-w-5\\/6 {\n width: 83.3333%;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-w-full {\n width: 100%;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-flex-col {\n flex-direction: column;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-overflow-x-auto {\n overflow-x: auto;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-border-r-0 {\n border-right-width: 0;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-absolute {\n position: absolute;\n}\n\n#retorik-container.rf-large .large\\:rf-left-4 {\n left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-top-8 {\n top: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-col-start-5 {\n grid-column-start: 5;\n}\n\n#retorik-container.rf-large .large\\:rf-col-end-6 {\n grid-column-end: 6;\n}\n\n#retorik-container.rf-large .large\\:rf-col-end-9 {\n grid-column-end: 9;\n}\n\n#retorik-container.rf-large .large\\:rf-row-span-full {\n grid-row: 1 / -1;\n}\n\n#retorik-container.rf-large .large\\:rf-row-start-10 {\n grid-row-start: 10;\n}\n\n#retorik-container.rf-large .large\\:rf-row-start-5 {\n grid-row-start: 5;\n}\n\n#retorik-container.rf-large .large\\:rf-m-8 {\n margin: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-my-0 {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-my-3 {\n margin-top: .75rem;\n margin-bottom: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-0 {\n margin-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-4 {\n margin-bottom: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-6 {\n margin-bottom: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-0 {\n margin-left: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-12 {\n margin-left: 3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-4 {\n margin-left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-8 {\n margin-left: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mr-3 {\n margin-right: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mr-30 {\n margin-right: 7.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-0 {\n margin-top: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-20 {\n margin-top: 5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-3 {\n margin-top: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-\\[20vh\\] {\n margin-top: 20vh;\n}\n\n#retorik-container.rf-large .large\\:rf-block {\n display: block;\n}\n\n#retorik-container.rf-large .large\\:rf-flex {\n display: flex;\n}\n\n#retorik-container.rf-large .large\\:rf-hidden {\n display: none;\n}\n\n#retorik-container.rf-large .large\\:rf-aspect-video {\n aspect-ratio: 16 / 9;\n}\n\n#retorik-container.rf-large .large\\:rf-h-16 {\n height: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-3\\/5 {\n height: 60%;\n}\n\n#retorik-container.rf-large .large\\:rf-h-4 {\n height: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-5 {\n height: 1.25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-6 {\n height: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-8 {\n height: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-\\[60vh\\] {\n height: 60vh;\n}\n\n#retorik-container.rf-large .large\\:rf-h-auto {\n height: auto;\n}\n\n#retorik-container.rf-large .large\\:rf-h-full {\n height: 100%;\n}\n\n#retorik-container.rf-large .large\\:rf-max-h-28 {\n max-height: 7rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-1\\/8 {\n width: 12.5%;\n}\n\n#retorik-container.rf-large .large\\:rf-w-14 {\n width: 3.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-16 {\n width: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-3\\/5 {\n width: 60%;\n}\n\n#retorik-container.rf-large .large\\:rf-w-4 {\n width: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-5 {\n width: 1.25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-6 {\n width: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-8 {\n width: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-fit {\n width: fit-content;\n}\n\n#retorik-container.rf-large .large\\:rf-w-full {\n width: 100%;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-1\\/2 {\n min-width: 50%;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-1\\/8 {\n min-width: 12.5%;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-16 {\n min-width: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-3\\/5 {\n min-width: 60%;\n}\n\n#retorik-container.rf-large .large\\:rf-max-w-1\\/8 {\n max-width: 12.5%;\n}\n\n#retorik-container.rf-large .large\\:rf-max-w-\\[12rem\\] {\n max-width: 12rem;\n}\n\n#retorik-container.rf-large .large\\:rf-max-w-full {\n max-width: 100%;\n}\n\n#retorik-container.rf-large .large\\:rf-grid-cols-5 {\n grid-template-columns: repeat(5, minmax(0, 1fr));\n}\n\n#retorik-container.rf-large .large\\:rf-flex-row {\n flex-direction: row;\n}\n\n#retorik-container.rf-large .large\\:rf-flex-col {\n flex-direction: column;\n}\n\n#retorik-container.rf-large .large\\:rf-items-baseline {\n align-items: baseline;\n}\n\n#retorik-container.rf-large .large\\:rf-justify-start {\n justify-content: flex-start;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-1 {\n gap: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-3 {\n gap: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-4 {\n gap: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-6 {\n gap: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-overflow-y-scroll {\n overflow-y: scroll;\n}\n\n#retorik-container.rf-large .large\\:rf-border-t-0 {\n border-top-width: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-bg-truewhite {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n#retorik-container.rf-large .large\\:rf-p-4 {\n padding: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-p-\\[25px\\] {\n padding: 25px;\n}\n\n#retorik-container.rf-large .large\\:rf-p-min1 {\n padding: .1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-0 {\n padding-left: 0;\n padding-right: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-px-16 {\n padding-left: 4rem;\n padding-right: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-5, #retorik-container.rf-large .large\\:rf-px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-8 {\n padding-left: 2rem;\n padding-right: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-0 {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-2 {\n padding-top: .5rem;\n padding-bottom: .5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-3 {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pb-16 {\n padding-bottom: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pl-4 {\n padding-left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pr-4 {\n padding-right: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pt-16 {\n padding-top: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pt-3 {\n padding-top: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-text-5xl {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large .large\\:rf-text-6xl {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large .large\\:rf-text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-text-basecustom {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-text-sm {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-uppercase {\n text-transform: uppercase;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-h-4 {\n height: 1rem;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-h-6 {\n height: 1.5rem;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-w-6 {\n width: 1.5rem;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-pt-1\\/5 {\n padding-top: 20%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-bottom-\\[25vh\\] {\n bottom: 25vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-left-4 {\n left: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-top-4 {\n top: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-span-full {\n grid-column: 1 / -1;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-start-1 {\n grid-column-start: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-start-2 {\n grid-column-start: 2;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-end-8 {\n grid-column-end: 8;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-end-9 {\n grid-column-end: 9;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-span-4 {\n grid-row: span 4 / span 4;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-span-6 {\n grid-row: span 6 / span 6;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-start-5 {\n grid-row-start: 5;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-start-7 {\n grid-row-start: 7;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-end-11 {\n grid-row-end: 11;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-end-7 {\n grid-row-end: 7;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mt-4 {\n margin-top: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mt-\\[20vh\\] {\n margin-top: 20vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mt-\\[25vh\\] {\n margin-top: 25vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-block {\n display: block;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-hidden {\n display: none;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-1\\/2 {\n height: 50%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-14 {\n height: 3.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-24 {\n height: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-6 {\n height: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-\\[50vh\\] {\n height: 50vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-11\\/12 {\n max-height: 91.67%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-36 {\n max-height: 9rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-\\[18vh\\] {\n max-height: 18vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-\\[30vh\\] {\n max-height: 30vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-1\\/2 {\n width: 50%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-14 {\n width: 3.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-16 {\n width: 4rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-24 {\n width: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-4\\/9 {\n width: 45%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-6 {\n width: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-w-24 {\n min-width: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-w-4\\/9 {\n min-width: 45%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-w-2\\/3 {\n max-width: 66.67%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-w-\\[60\\%\\] {\n max-width: 60%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-flex-row {\n flex-direction: row;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-justify-center {\n justify-content: center;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-gap-6 {\n gap: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-self-end {\n align-self: flex-end;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-border-t {\n border-top-width: 1px;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-border-t-menuBorder {\n --tw-border-opacity: 1;\n border-top-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-py-5 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pl-0 {\n padding-left: 0;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-8 {\n padding-top: 2rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-\\[16\\.67\\%\\] {\n padding-top: 16.67%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-\\[20vh\\] {\n padding-top: 20vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-text-basecustomuppercase {\n font-size: 1rem;\n line-height: 1.1rem;\n}\n\n#retorik-container.rf-large.rf-tactile .large-tactile\\:rf-mt-0 {\n margin-top: 0;\n}\n\n#retorik-container.rf-large.rf-tactile .large-tactile\\:rf-flex {\n display: flex;\n}\n\n#retorik-container.rf-large.rf-tactile .large-tactile\\:rf-hidden {\n display: none;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .desktop\\:rf-h-full {\n height: 100%;\n}\n\n@media (height <= 700px) and (width <= 300px) {\n .small-mobile\\:rf-row-span-6 {\n grid-row: span 6 / span 6;\n }\n\n .small-mobile\\:rf-row-span-7 {\n grid-row: span 7 / span 7;\n }\n\n .small-mobile\\:rf-row-start-5 {\n grid-row-start: 5;\n }\n}\n";
|
|
74
|
+
$4e7182a6e3eb35e2$exports = "*, :before, :after {\n box-sizing: border-box;\n border: 0 solid;\n}\n\n:before, :after {\n --tw-content: \"\";\n}\n\nhtml, :host {\n -webkit-text-size-adjust: 100%;\n -moz-tab-size: 4;\n tab-size: 4;\n font-feature-settings: normal;\n font-variation-settings: normal;\n -webkit-tap-highlight-color: transparent;\n font-family: Calibri, sans-serif;\n line-height: 1.5;\n}\n\nbody {\n line-height: inherit;\n margin: 0;\n}\n\nhr {\n color: inherit;\n border-top-width: 1px;\n height: 0;\n}\n\nabbr:where([title]) {\n text-decoration: underline dotted;\n}\n\nh1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\nb, strong {\n font-weight: bolder;\n}\n\ncode, kbd, samp, pre {\n font-feature-settings: normal;\n font-variation-settings: normal;\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n font-size: 1em;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\ntable {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n}\n\nbutton, input, optgroup, select, textarea {\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n font-family: inherit;\n font-size: 100%;\n font-weight: inherit;\n line-height: inherit;\n color: inherit;\n margin: 0;\n padding: 0;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, [type=\"button\"], [type=\"reset\"], [type=\"submit\"] {\n -webkit-appearance: button;\n background-color: #0000;\n background-image: none;\n}\n\n:-moz-focusring {\n outline: auto;\n}\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\nsummary {\n display: list-item;\n}\n\nblockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol, ul, menu {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\ndialog {\n padding: 0;\n}\n\ntextarea {\n resize: vertical;\n}\n\ninput::placeholder, textarea::placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\nbutton, [role=\"button\"] {\n cursor: pointer;\n}\n\n:disabled {\n cursor: default;\n}\n\nimg, svg, video, canvas, audio, iframe, embed, object {\n vertical-align: middle;\n display: block;\n}\n\nimg, video {\n max-width: 100%;\n height: auto;\n}\n\n[hidden] {\n display: none;\n}\n\n*, :before, :after, ::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: #3b82f680;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\n\n.rf-pointer-events-none {\n pointer-events: none;\n}\n\n.rf-pointer-events-auto {\n pointer-events: auto;\n}\n\n.rf-visible {\n visibility: visible;\n}\n\n.rf-invisible {\n visibility: hidden;\n}\n\n.rf-fixed {\n position: fixed;\n}\n\n.rf-absolute {\n position: absolute;\n}\n\n.rf-relative {\n position: relative;\n}\n\n.-rf-left-6 {\n left: -1.5rem;\n}\n\n.-rf-top-2 {\n top: -.5rem;\n}\n\n.-rf-top-4 {\n top: -1rem;\n}\n\n.-rf-top-6 {\n top: -1.5rem;\n}\n\n.-rf-top-\\[1\\.15rem\\] {\n top: -1.15rem;\n}\n\n.rf--bottom-2 {\n bottom: -.5rem;\n}\n\n.rf-bottom-0 {\n bottom: 0;\n}\n\n.rf-bottom-1 {\n bottom: .25rem;\n}\n\n.rf-bottom-1\\/4 {\n bottom: 25%;\n}\n\n.rf-bottom-10 {\n bottom: 2.5rem;\n}\n\n.rf-bottom-16 {\n bottom: 4rem;\n}\n\n.rf-bottom-2 {\n bottom: .5rem;\n}\n\n.rf-bottom-4 {\n bottom: 1rem;\n}\n\n.rf-bottom-40 {\n bottom: 10rem;\n}\n\n.rf-left-0 {\n left: 0;\n}\n\n.rf-left-1 {\n left: .25rem;\n}\n\n.rf-left-1\\/2 {\n left: 50%;\n}\n\n.rf-left-2 {\n left: .5rem;\n}\n\n.rf-left-4 {\n left: 1rem;\n}\n\n.rf-right-0 {\n right: 0;\n}\n\n.rf-right-1 {\n right: .25rem;\n}\n\n.rf-right-2 {\n right: .5rem;\n}\n\n.rf-right-3 {\n right: .75rem;\n}\n\n.rf-right-4 {\n right: 1rem;\n}\n\n.rf-right-6 {\n right: 1.5rem;\n}\n\n.rf-right-8 {\n right: 2rem;\n}\n\n.rf-top-0 {\n top: 0;\n}\n\n.rf-top-1 {\n top: .25rem;\n}\n\n.rf-top-1\\/2 {\n top: 50%;\n}\n\n.rf-top-1\\/3 {\n top: 33.3333%;\n}\n\n.rf-top-110 {\n top: 110%;\n}\n\n.rf-top-2 {\n top: .5rem;\n}\n\n.rf-top-4 {\n top: 1rem;\n}\n\n.rf-top-\\[0\\.125rem\\] {\n top: .125rem;\n}\n\n.rf-z-background {\n z-index: 0;\n}\n\n.rf-z-chatbot {\n z-index: 10;\n}\n\n.rf-z-detailedPOI {\n z-index: 2;\n}\n\n.rf-z-dropdown {\n z-index: 30;\n}\n\n.rf-z-exitwidget {\n z-index: 55;\n}\n\n.rf-z-menu {\n z-index: 40;\n}\n\n.rf-z-modal {\n z-index: 50;\n}\n\n.rf-z-overlay {\n z-index: 40;\n}\n\n.rf-z-ui {\n z-index: 20;\n}\n\n.rf-z-util {\n z-index: 1;\n}\n\n.rf-col-span-2 {\n grid-column: span 2 / span 2;\n}\n\n.rf-col-span-3 {\n grid-column: span 3 / span 3;\n}\n\n.rf-col-span-6 {\n grid-column: span 6 / span 6;\n}\n\n.rf-col-span-full {\n grid-column: 1 / -1;\n}\n\n.rf-col-start-1 {\n grid-column-start: 1;\n}\n\n.rf-col-start-2 {\n grid-column-start: 2;\n}\n\n.rf-col-start-4 {\n grid-column-start: 4;\n}\n\n.rf-col-start-5 {\n grid-column-start: 5;\n}\n\n.rf-col-end-13 {\n grid-column-end: 13;\n}\n\n.rf-col-end-2 {\n grid-column-end: 2;\n}\n\n.rf-col-end-9 {\n grid-column-end: 9;\n}\n\n.rf-row-span-1 {\n grid-row: span 1 / span 1;\n}\n\n.rf-row-span-2 {\n grid-row: span 2 / span 2;\n}\n\n.rf-row-span-3 {\n grid-row: span 3 / span 3;\n}\n\n.rf-row-span-5 {\n grid-row: span 5 / span 5;\n}\n\n.rf-row-span-6 {\n grid-row: span 6 / span 6;\n}\n\n.rf-row-span-9 {\n grid-row: span 9 / span 9;\n}\n\n.rf-row-span-full {\n grid-row: 1 / -1;\n}\n\n.rf-row-start-1 {\n grid-row-start: 1;\n}\n\n.rf-row-start-12 {\n grid-row-start: 12;\n}\n\n.rf-row-start-2 {\n grid-row-start: 2;\n}\n\n.rf-row-start-3 {\n grid-row-start: 3;\n}\n\n.rf-row-start-4 {\n grid-row-start: 4;\n}\n\n.rf-row-start-6 {\n grid-row-start: 6;\n}\n\n.rf-row-start-9 {\n grid-row-start: 9;\n}\n\n.rf-row-end-12 {\n grid-row-end: 12;\n}\n\n.rf-row-end-13 {\n grid-row-end: 13;\n}\n\n.rf-row-end-2 {\n grid-row-end: 2;\n}\n\n.rf-row-end-3 {\n grid-row-end: 3;\n}\n\n.rf-row-end-4 {\n grid-row-end: 4;\n}\n\n.rf-row-end-5 {\n grid-row-end: 5;\n}\n\n.rf-float-right {\n float: right;\n}\n\n.rf-m-0 {\n margin: 0;\n}\n\n.rf-m-4 {\n margin: 1rem;\n}\n\n.rf-m-auto {\n margin: auto;\n}\n\n.-rf-mx-6 {\n margin-left: -1.5rem;\n margin-right: -1.5rem;\n}\n\n.rf-mx-0 {\n margin-left: 0;\n margin-right: 0;\n}\n\n.rf-mx-2 {\n margin-left: .5rem;\n margin-right: .5rem;\n}\n\n.rf-mx-3 {\n margin-left: .75rem;\n margin-right: .75rem;\n}\n\n.rf-mx-8 {\n margin-left: 2rem;\n margin-right: 2rem;\n}\n\n.rf-mx-auto {\n margin-left: auto;\n margin-right: auto;\n}\n\n.rf-my-1 {\n margin-top: .25rem;\n margin-bottom: .25rem;\n}\n\n.rf-my-2 {\n margin-top: .5rem;\n margin-bottom: .5rem;\n}\n\n.rf-my-4 {\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\n\n.rf-my-auto {\n margin-top: auto;\n margin-bottom: auto;\n}\n\n.-rf-mb-4 {\n margin-bottom: -1rem;\n}\n\n.-rf-ml-2 {\n margin-left: -.5rem;\n}\n\n.rf-mb-0 {\n margin-bottom: 0;\n}\n\n.rf-mb-1 {\n margin-bottom: .25rem;\n}\n\n.rf-mb-12 {\n margin-bottom: 3rem;\n}\n\n.rf-mb-16 {\n margin-bottom: 4rem;\n}\n\n.rf-mb-2 {\n margin-bottom: .5rem;\n}\n\n.rf-mb-26 {\n margin-bottom: 6.5rem;\n}\n\n.rf-mb-28 {\n margin-bottom: 7rem;\n}\n\n.rf-mb-3 {\n margin-bottom: .75rem;\n}\n\n.rf-mb-30 {\n margin-bottom: 7.5rem;\n}\n\n.rf-mb-4 {\n margin-bottom: 1rem;\n}\n\n.rf-mb-5 {\n margin-bottom: 1.25rem;\n}\n\n.rf-mb-6 {\n margin-bottom: 1.5rem;\n}\n\n.rf-mb-8 {\n margin-bottom: 2rem;\n}\n\n.rf-ml-1 {\n margin-left: .25rem;\n}\n\n.rf-ml-2 {\n margin-left: .5rem;\n}\n\n.rf-ml-4 {\n margin-left: 1rem;\n}\n\n.rf-ml-6 {\n margin-left: 1.5rem;\n}\n\n.rf-mr-1 {\n margin-right: .25rem;\n}\n\n.rf-mr-2 {\n margin-right: .5rem;\n}\n\n.rf-mr-3 {\n margin-right: .75rem;\n}\n\n.rf-mr-4 {\n margin-right: 1rem;\n}\n\n.rf-mr-5 {\n margin-right: 1.25rem;\n}\n\n.rf-mt-1 {\n margin-top: .25rem;\n}\n\n.rf-mt-10 {\n margin-top: 2.5rem;\n}\n\n.rf-mt-2 {\n margin-top: .5rem;\n}\n\n.rf-mt-4 {\n margin-top: 1rem;\n}\n\n.rf-mt-5 {\n margin-top: 1.25rem;\n}\n\n.rf-mt-8 {\n margin-top: 2rem;\n}\n\n.rf-mt-\\[0\\.2rem\\] {\n margin-top: .2rem;\n}\n\n.rf-mt-auto {\n margin-top: auto;\n}\n\n.rf-line-clamp-1 {\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-2 {\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-inline {\n display: inline;\n}\n\n.rf-flex {\n display: flex;\n}\n\n.rf-grid {\n display: grid;\n}\n\n.rf-hidden {\n display: none;\n}\n\n.rf-aspect-\\[4\\/3\\] {\n aspect-ratio: 4 / 3;\n}\n\n.rf-aspect-square {\n aspect-ratio: 1;\n}\n\n.rf-aspect-video {\n aspect-ratio: 16 / 9;\n}\n\n.rf-h-0 {\n height: 0;\n}\n\n.rf-h-1 {\n height: .25rem;\n}\n\n.rf-h-1\\/2 {\n height: 50%;\n}\n\n.rf-h-1\\/3 {\n height: 33.3333%;\n}\n\n.rf-h-12 {\n height: 3rem;\n}\n\n.rf-h-14 {\n height: 3.5rem;\n}\n\n.rf-h-16 {\n height: 4rem;\n}\n\n.rf-h-18 {\n height: 4.5rem;\n}\n\n.rf-h-2 {\n height: .5rem;\n}\n\n.rf-h-2\\/3 {\n height: 66.6667%;\n}\n\n.rf-h-24 {\n height: 6rem;\n}\n\n.rf-h-3 {\n height: .75rem;\n}\n\n.rf-h-3\\/10 {\n height: 30%;\n}\n\n.rf-h-32 {\n height: 8rem;\n}\n\n.rf-h-36 {\n height: 9rem;\n}\n\n.rf-h-4 {\n height: 1rem;\n}\n\n.rf-h-48 {\n height: 12rem;\n}\n\n.rf-h-5 {\n height: 1.25rem;\n}\n\n.rf-h-6 {\n height: 1.5rem;\n}\n\n.rf-h-7 {\n height: 1.75rem;\n}\n\n.rf-h-8 {\n height: 2rem;\n}\n\n.rf-h-9 {\n height: 2.25rem;\n}\n\n.rf-h-\\[0\\.875rem\\] {\n height: .875rem;\n}\n\n.rf-h-\\[1\\.25rem\\] {\n height: 1.25rem;\n}\n\n.rf-h-\\[calc\\(50vw-3rem\\)\\] {\n height: calc(50vw - 3rem);\n}\n\n.rf-h-fit {\n height: fit-content;\n}\n\n.rf-h-full {\n height: 100%;\n}\n\n.rf-h-max {\n height: max-content;\n}\n\n.rf-h-screen {\n height: 100vh;\n}\n\n.rf-max-h-12 {\n max-height: 3rem;\n}\n\n.rf-max-h-28 {\n max-height: 7rem;\n}\n\n.rf-max-h-4\\/5 {\n max-height: 80%;\n}\n\n.rf-max-h-48 {\n max-height: 12rem;\n}\n\n.rf-max-h-6 {\n max-height: 1.5rem;\n}\n\n.rf-max-h-full {\n max-height: 100%;\n}\n\n.rf-max-h-qrcode {\n max-height: 120px;\n}\n\n.rf-max-h-screen {\n max-height: 100vh;\n}\n\n.rf-min-h-12 {\n min-height: 3rem;\n}\n\n.rf-min-h-16 {\n min-height: 4rem;\n}\n\n.rf-min-h-2\\/5 {\n min-height: 40%;\n}\n\n.rf-min-h-6 {\n min-height: 1.5rem;\n}\n\n.rf-min-h-full {\n min-height: 100%;\n}\n\n.rf-min-h-inherit {\n min-height: inherit;\n}\n\n.rf-w-0 {\n width: 0;\n}\n\n.rf-w-1\\/2 {\n width: 50%;\n}\n\n.rf-w-1\\/3 {\n width: 33.3333%;\n}\n\n.rf-w-1\\/4 {\n width: 25%;\n}\n\n.rf-w-11\\/12 {\n width: 91.6667%;\n}\n\n.rf-w-12 {\n width: 3rem;\n}\n\n.rf-w-16 {\n width: 4rem;\n}\n\n.rf-w-18 {\n width: 4.5rem;\n}\n\n.rf-w-2 {\n width: .5rem;\n}\n\n.rf-w-2\\/3 {\n width: 66.6667%;\n}\n\n.rf-w-20 {\n width: 5rem;\n}\n\n.rf-w-24 {\n width: 6rem;\n}\n\n.rf-w-3 {\n width: .75rem;\n}\n\n.rf-w-3\\/20 {\n width: 15%;\n}\n\n.rf-w-3\\/4 {\n width: 75%;\n}\n\n.rf-w-3\\/5 {\n width: 60%;\n}\n\n.rf-w-32 {\n width: 8rem;\n}\n\n.rf-w-36 {\n width: 9rem;\n}\n\n.rf-w-4 {\n width: 1rem;\n}\n\n.rf-w-4\\/9 {\n width: 45%;\n}\n\n.rf-w-48 {\n width: 12rem;\n}\n\n.rf-w-5 {\n width: 1.25rem;\n}\n\n.rf-w-6 {\n width: 1.5rem;\n}\n\n.rf-w-7 {\n width: 1.75rem;\n}\n\n.rf-w-8 {\n width: 2rem;\n}\n\n.rf-w-9 {\n width: 2.25rem;\n}\n\n.rf-w-\\[45\\%\\] {\n width: 45%;\n}\n\n.rf-w-\\[45ch\\] {\n width: 45ch;\n}\n\n.rf-w-\\[90\\%\\] {\n width: 90%;\n}\n\n.rf-w-\\[calc\\(100\\%-3rem\\)\\] {\n width: calc(100% - 3rem);\n}\n\n.rf-w-fit {\n width: fit-content;\n}\n\n.rf-w-full {\n width: 100%;\n}\n\n.rf-w-max {\n width: max-content;\n}\n\n.rf-w-screen {\n width: 100vw;\n}\n\n.rf-min-w-11\\/12 {\n min-width: 91.7%;\n}\n\n.rf-min-w-12 {\n min-width: 3rem;\n}\n\n.rf-min-w-24 {\n min-width: 6rem;\n}\n\n.rf-min-w-3\\/20 {\n min-width: 15%;\n}\n\n.rf-min-w-6 {\n min-width: 1.5rem;\n}\n\n.rf-min-w-\\[45\\%\\] {\n min-width: 45%;\n}\n\n.rf-min-w-full {\n min-width: 100%;\n}\n\n.rf-max-w-1\\/2 {\n max-width: 50%;\n}\n\n.rf-max-w-16 {\n max-width: 4rem;\n}\n\n.rf-max-w-3\\/20 {\n max-width: 15%;\n}\n\n.rf-max-w-6 {\n max-width: 1.5rem;\n}\n\n.rf-max-w-7\\/10 {\n max-width: 70%;\n}\n\n.rf-max-w-\\[100vw\\] {\n max-width: 100vw;\n}\n\n.rf-max-w-\\[45\\%\\] {\n max-width: 45%;\n}\n\n.rf-max-w-\\[70vw\\] {\n max-width: 70vw;\n}\n\n.rf-max-w-\\[calc\\(100\\%-2rem\\)\\] {\n max-width: calc(100% - 2rem);\n}\n\n.rf-max-w-full {\n max-width: 100%;\n}\n\n.rf-max-w-none {\n max-width: none;\n}\n\n.rf-flex-1 {\n flex: 1;\n}\n\n.rf-flex-\\[0_0_40\\%\\] {\n flex: 0 0 40%;\n}\n\n.rf-flex-\\[2_1_0\\%\\] {\n flex: 2;\n}\n\n.rf-flex-\\[4_1_0\\%\\] {\n flex: 4;\n}\n\n.rf-origin-center {\n transform-origin: center;\n}\n\n.-rf-translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.-rf-translate-y-1\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf--translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-translate-x-1 {\n --tw-translate-x: .25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-translate-x-5 {\n --tw-translate-x: 1.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf--rotate-90 {\n --tw-rotate: -90deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-rotate-0 {\n --tw-rotate: 0deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-rotate-180 {\n --tw-rotate: 180deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-rotate-90 {\n --tw-rotate: 90deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-scale-0 {\n --tw-scale-x: 0;\n --tw-scale-y: 0;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n@keyframes rf-blink {\n 0%, 100% {\n opacity: .2;\n }\n\n 50% {\n opacity: 1;\n }\n}\n\n.rf-animate-blink {\n animation: 1.4s infinite both rf-blink;\n}\n\n@keyframes rf-fadeIn {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n.rf-animate-fadeIn {\n animation: .5s .2s backwards rf-fadeIn;\n}\n\n@keyframes rf-hScroll {\n 0% {\n transform: translateX(0);\n }\n\n 100% {\n transform: translateX(calc(-100% - 2rem));\n }\n}\n\n.rf-animate-hScroll {\n animation: 20s linear infinite rf-hScroll;\n}\n\n@keyframes rf-loader {\n 0% {\n box-shadow: 0 1.5rem 0 -1.5rem var(--rf-color-loader-animation);\n }\n\n 40% {\n box-shadow: 0 1.5rem 0 -.3rem var(--rf-color-loader-animation);\n }\n\n 80% {\n box-shadow: 0 1.5rem 0 -1.5rem var(--rf-color-loader-animation);\n }\n\n 100% {\n box-shadow: 0 1.5rem 0 -1.5rem var(--rf-color-loader-animation);\n }\n}\n\n.rf-animate-loader {\n animation: 1.8s ease-in-out -.16s infinite both rf-loader;\n}\n\n.rf-animate-loaderFadeIn {\n animation: 2s rf-fadeIn;\n}\n\n@keyframes rf-fadeOut {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n}\n\n.rf-animate-loaderFadeOut {\n animation: 1s rf-fadeOut;\n}\n\n@keyframes rf-loaderMedium {\n 0% {\n box-shadow: 0 .75rem 0 -.75rem var(--rf-color-loader-animation);\n }\n\n 40% {\n box-shadow: 0 .75rem 0 -.25rem var(--rf-color-loader-animation);\n }\n\n 80% {\n box-shadow: 0 .75rem 0 -.75rem var(--rf-color-loader-animation);\n }\n\n 100% {\n box-shadow: 0 .75rem 0 -.75rem var(--rf-color-loader-animation);\n }\n}\n\n.rf-animate-loaderMedium {\n animation: 1.8s ease-in-out -.16s infinite both rf-loaderMedium;\n}\n\n@keyframes rf-loaderMini {\n 0% {\n box-shadow: 0 .5rem 0 -.5rem var(--rf-color-loader-animation);\n }\n\n 40% {\n box-shadow: 0 .5rem 0 -.1rem var(--rf-color-loader-animation);\n }\n\n 80% {\n box-shadow: 0 .5rem 0 -.5rem var(--rf-color-loader-animation);\n }\n\n 100% {\n box-shadow: 0 .5rem 0 -.5rem var(--rf-color-loader-animation);\n }\n}\n\n.rf-animate-loaderMini {\n animation: 1.8s ease-in-out -.16s infinite both rf-loaderMini;\n}\n\n@keyframes rf-slideBottom {\n 0% {\n opacity: 0;\n transform: translateX(0)translateY(20px);\n }\n\n 100% {\n opacity: 1;\n transform: translateX(0)translateY(0);\n }\n}\n\n.rf-animate-slideBottom {\n animation: .5s .2s backwards rf-slideBottom;\n}\n\n@keyframes rf-spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n.rf-animate-spin {\n animation: 1s linear infinite rf-spin;\n}\n\n.rf-cursor-pointer {\n cursor: pointer;\n}\n\n.rf-select-none {\n user-select: none;\n}\n\n.rf-resize-none {\n resize: none;\n}\n\n.rf-scroll-pb-4 {\n scroll-padding-bottom: 1rem;\n}\n\n.rf-grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n\n.rf-grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.rf-grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.rf-grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.rf-grid-cols-6 {\n grid-template-columns: repeat(6, minmax(0, 1fr));\n}\n\n.rf-grid-cols-7 {\n grid-template-columns: repeat(7, minmax(0, 1fr));\n}\n\n.rf-grid-cols-8 {\n grid-template-columns: repeat(8, minmax(0, 1fr));\n}\n\n.rf-grid-cols-headerContainer {\n grid-template-columns: 7rem 1fr 1fr 1fr;\n}\n\n.rf-grid-cols-printingPreview {\n grid-template-columns: minmax(0, 1fr) 3rem;\n}\n\n.rf-grid-cols-routes {\n grid-template-columns: repeat(3, max-content);\n}\n\n.rf-grid-rows-1 {\n grid-template-rows: repeat(1, minmax(0, 1fr));\n}\n\n.rf-grid-rows-2 {\n grid-template-rows: repeat(2, minmax(0, 1fr));\n}\n\n.rf-grid-rows-container {\n grid-template-rows: repeat(12, minmax(0, 1fr));\n}\n\n.rf-grid-rows-headerContainer {\n grid-template-rows: repeat(3, minmax(0, 1fr));\n}\n\n.rf-flex-row {\n flex-direction: row;\n}\n\n.rf-flex-col {\n flex-direction: column;\n}\n\n.rf-flex-col-reverse {\n flex-direction: column-reverse;\n}\n\n.rf-flex-wrap {\n flex-wrap: wrap;\n}\n\n.rf-flex-nowrap {\n flex-wrap: nowrap;\n}\n\n.rf-content-around {\n align-content: space-around;\n}\n\n.rf-items-start {\n align-items: flex-start;\n}\n\n.rf-items-end {\n align-items: flex-end;\n}\n\n.rf-items-center {\n align-items: center;\n}\n\n.rf-justify-start {\n justify-content: flex-start;\n}\n\n.rf-justify-end {\n justify-content: flex-end;\n}\n\n.rf-justify-center {\n justify-content: center;\n}\n\n.rf-justify-between {\n justify-content: space-between;\n}\n\n.rf-justify-around {\n justify-content: space-around;\n}\n\n.rf-justify-evenly {\n justify-content: space-evenly;\n}\n\n.rf-gap-1 {\n gap: .25rem;\n}\n\n.rf-gap-12 {\n gap: 3rem;\n}\n\n.rf-gap-2 {\n gap: .5rem;\n}\n\n.rf-gap-3 {\n gap: .75rem;\n}\n\n.rf-gap-4 {\n gap: 1rem;\n}\n\n.rf-gap-5 {\n gap: 1.25rem;\n}\n\n.rf-gap-8 {\n gap: 2rem;\n}\n\n.rf-gap-9 {\n gap: 2.25rem;\n}\n\n.rf-divide-x > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-x-reverse: 0;\n border-right-width: calc(1px * var(--tw-divide-x-reverse));\n border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));\n}\n\n.rf-self-auto {\n align-self: auto;\n}\n\n.rf-self-start {\n align-self: flex-start;\n}\n\n.rf-self-end {\n align-self: flex-end;\n}\n\n.rf-self-center {\n align-self: center;\n}\n\n.rf-justify-self-start {\n justify-self: start;\n}\n\n.rf-justify-self-end {\n justify-self: end;\n}\n\n.rf-justify-self-center {\n justify-self: center;\n}\n\n.rf-overflow-hidden {\n overflow: hidden;\n}\n\n.rf-overflow-clip {\n overflow: clip;\n}\n\n.rf-overflow-x-auto {\n overflow-x: auto;\n}\n\n.rf-overflow-y-auto {\n overflow-y: auto;\n}\n\n.rf-overflow-x-hidden {\n overflow-x: hidden;\n}\n\n.rf-overflow-y-hidden {\n overflow-y: hidden;\n}\n\n.rf-overflow-y-visible {\n overflow-y: visible;\n}\n\n.rf-overflow-x-scroll {\n overflow-x: scroll;\n}\n\n.rf-overflow-y-scroll {\n overflow-y: scroll;\n}\n\n.rf-truncate {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.rf-whitespace-nowrap {\n white-space: nowrap;\n}\n\n.rf-rounded {\n border-radius: .3125rem;\n}\n\n.rf-rounded-6 {\n border-radius: 1.5rem;\n}\n\n.rf-rounded-8 {\n border-radius: 2rem;\n}\n\n.rf-rounded-\\[20px\\] {\n border-radius: 20px;\n}\n\n.rf-rounded-full {\n border-radius: 9999px;\n}\n\n.rf-rounded-half {\n border-radius: 50%;\n}\n\n.rf-rounded-lg {\n border-radius: .5rem;\n}\n\n.rf-rounded-max {\n border-radius: 100%;\n}\n\n.rf-rounded-b {\n border-bottom-right-radius: .3125rem;\n border-bottom-left-radius: .3125rem;\n}\n\n.rf-rounded-l-lg {\n border-top-left-radius: .5rem;\n border-bottom-left-radius: .5rem;\n}\n\n.rf-border {\n border-width: 1px;\n}\n\n.rf-border-0 {\n border-width: 0;\n}\n\n.rf-border-2 {\n border-width: 2px;\n}\n\n.rf-border-y {\n border-top-width: 1px;\n border-bottom-width: 1px;\n}\n\n.rf-border-b {\n border-bottom-width: 1px;\n}\n\n.rf-border-b-2 {\n border-bottom-width: 2px;\n}\n\n.rf-border-l {\n border-left-width: 1px;\n}\n\n.rf-border-r {\n border-right-width: 1px;\n}\n\n.rf-border-t {\n border-top-width: 1px;\n}\n\n.rf-border-t-0 {\n border-top-width: 0;\n}\n\n.rf-border-none {\n border-style: none;\n}\n\n.rf-border-\\[\\#00000029\\] {\n border-color: #00000029;\n}\n\n.rf-border-\\[\\#9FA2AA\\] {\n --tw-border-opacity: 1;\n border-color: rgb(159 162 170 / var(--tw-border-opacity));\n}\n\n.rf-border-\\[\\#C7C6C6\\] {\n --tw-border-opacity: 1;\n border-color: rgb(199 198 198 / var(--tw-border-opacity));\n}\n\n.rf-border-black {\n border-color: var(--rf-color-black);\n}\n\n.rf-border-cardButtonBorderDefault {\n border-color: var(--rf-color-cardButtonBorderDefault);\n}\n\n.rf-border-cardButtonBorderHover {\n border-color: var(--rf-color-cardButtonBorderHover);\n}\n\n.rf-border-cardFrameBorder {\n border-color: var(--rf-color-cardFrameBorder);\n}\n\n.rf-border-formInputButtonBorderDefault {\n border-color: var(--rf-color-formInputButtonBorderDefault);\n}\n\n.rf-border-formInputButtonBorderHover {\n border-color: var(--rf-color-formInputButtonBorderHover);\n}\n\n.rf-border-formInputRadioCheckboxCheckedBorder {\n border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n}\n\n.rf-border-formInputRadioCheckboxUncheckedBorder {\n border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n}\n\n.rf-border-gray {\n --tw-border-opacity: 1;\n border-color: rgb(128 128 128 / var(--tw-border-opacity));\n}\n\n.rf-border-menuBorder {\n --tw-border-opacity: 1;\n border-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-border-primary {\n border-color: var(--rf-color-primary);\n}\n\n.rf-border-red-700 {\n --tw-border-opacity: 1;\n border-color: rgb(185 28 28 / var(--tw-border-opacity));\n}\n\n.rf-border-secondary {\n border-color: var(--rf-color-secondary);\n}\n\n.rf-border-templateCheckboxBorder {\n --tw-border-opacity: 1;\n border-color: rgb(112 112 112 / var(--tw-border-opacity));\n}\n\n.rf-border-trueblack {\n --tw-border-opacity: 1;\n border-color: rgb(0 0 0 / var(--tw-border-opacity));\n}\n\n.rf-border-truewhite {\n --tw-border-opacity: 1;\n border-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n\n.rf-border-x-primary {\n border-left-color: var(--rf-color-primary);\n border-right-color: var(--rf-color-primary);\n}\n\n.rf-border-y-menuBorder {\n --tw-border-opacity: 1;\n border-top-color: rgb(224 225 231 / var(--tw-border-opacity));\n border-bottom-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-border-b-\\[\\#C4C5C8\\] {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(196 197 200 / var(--tw-border-opacity));\n}\n\n.rf-border-b-black {\n border-bottom-color: var(--rf-color-black);\n}\n\n.rf-border-b-menuBorder {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-border-b-silver {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(192 192 192 / var(--tw-border-opacity));\n}\n\n.rf-border-b-transparent {\n border-bottom-color: #0000;\n}\n\n.rf-border-l-menuBorder {\n --tw-border-opacity: 1;\n border-left-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-border-r-silver {\n --tw-border-opacity: 1;\n border-right-color: rgb(192 192 192 / var(--tw-border-opacity));\n}\n\n.rf-border-t-\\[\\#CBC9C9\\] {\n --tw-border-opacity: 1;\n border-top-color: rgb(203 201 201 / var(--tw-border-opacity));\n}\n\n.rf-border-t-menuBorder {\n --tw-border-opacity: 1;\n border-top-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-bg-\\[\\#00000050\\] {\n background-color: #00000050;\n}\n\n.rf-bg-\\[\\#F0F0F0\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(240 240 240 / var(--tw-bg-opacity));\n}\n\n.rf-bg-\\[\\#F8F8F8\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(248 248 248 / var(--tw-bg-opacity));\n}\n\n.rf-bg-black {\n background-color: var(--rf-color-black);\n}\n\n.rf-bg-blue-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n}\n\n.rf-bg-cardButtonBackgroundDefault {\n background-color: var(--rf-color-cardButtonBackgroundDefault);\n}\n\n.rf-bg-cardButtonBackgroundHover {\n background-color: var(--rf-color-cardButtonBackgroundHover);\n}\n\n.rf-bg-cardFrameBackground {\n background-color: var(--rf-color-cardFrameBackground);\n}\n\n.rf-bg-formInputButtonBackgroundDefault {\n background-color: var(--rf-color-formInputButtonBackgroundDefault);\n}\n\n.rf-bg-formInputButtonBackgroundHover {\n background-color: var(--rf-color-formInputButtonBackgroundHover);\n}\n\n.rf-bg-formInputRadioCheckboxUncheckedBackground {\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n}\n\n.rf-bg-gray {\n --tw-bg-opacity: 1;\n background-color: rgb(128 128 128 / var(--tw-bg-opacity));\n}\n\n.rf-bg-primary {\n background-color: var(--rf-color-primary);\n}\n\n.rf-bg-red-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(220 38 38 / var(--tw-bg-opacity));\n}\n\n.rf-bg-secondary {\n background-color: var(--rf-color-secondary);\n}\n\n.rf-bg-silver {\n --tw-bg-opacity: 1;\n background-color: rgb(192 192 192 / var(--tw-bg-opacity));\n}\n\n.rf-bg-templateBackground {\n --tw-bg-opacity: 1;\n background-color: rgb(241 241 241 / var(--tw-bg-opacity));\n}\n\n.rf-bg-templateEmptyCard {\n --tw-bg-opacity: 1;\n background-color: rgb(232 231 231 / var(--tw-bg-opacity));\n}\n\n.rf-bg-textModePanelBackground {\n background-color: var(--rf-color-textModePanelBackground);\n}\n\n.rf-bg-transparent {\n background-color: #0000;\n}\n\n.rf-bg-truewhite {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.rf-bg-vocalModeSubtitlesBackground {\n background-color: var(--rf-color-vocalModeSubtitlesBackground);\n}\n\n.rf-bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(247 243 246 / var(--tw-bg-opacity));\n}\n\n.rf-bg-opacity-30 {\n --tw-bg-opacity: .3;\n}\n\n.rf-bg-opacity-50 {\n --tw-bg-opacity: .5;\n}\n\n.rf-bg-opacity-80 {\n --tw-bg-opacity: .8;\n}\n\n.rf-object-cover {\n object-fit: cover;\n}\n\n.rf-p-0 {\n padding: 0;\n}\n\n.rf-p-1 {\n padding: .25rem;\n}\n\n.rf-p-2 {\n padding: .5rem;\n}\n\n.rf-p-4 {\n padding: 1rem;\n}\n\n.rf-p-6 {\n padding: 1.5rem;\n}\n\n.rf-p-\\[25px\\] {\n padding: 25px;\n}\n\n.rf-p-\\[7px_12px\\] {\n padding: 7px 12px;\n}\n\n.rf-px-1 {\n padding-left: .25rem;\n padding-right: .25rem;\n}\n\n.rf-px-2 {\n padding-left: .5rem;\n padding-right: .5rem;\n}\n\n.rf-px-3 {\n padding-left: .75rem;\n padding-right: .75rem;\n}\n\n.rf-px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.rf-px-5, .rf-px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.rf-px-8 {\n padding-left: 2rem;\n padding-right: 2rem;\n}\n\n.rf-py-0 {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.rf-py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n.rf-py-12 {\n padding-top: 3rem;\n padding-bottom: 3rem;\n}\n\n.rf-py-2 {\n padding-top: .5rem;\n padding-bottom: .5rem;\n}\n\n.rf-py-3 {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n.rf-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.rf-py-6 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n.rf-pb-10 {\n padding-bottom: 2.5rem;\n}\n\n.rf-pb-12 {\n padding-bottom: 3rem;\n}\n\n.rf-pb-14 {\n padding-bottom: 3.5rem;\n}\n\n.rf-pb-2 {\n padding-bottom: .5rem;\n}\n\n.rf-pb-3 {\n padding-bottom: .75rem;\n}\n\n.rf-pb-4 {\n padding-bottom: 1rem;\n}\n\n.rf-pb-5, .rf-pb-6 {\n padding-bottom: 1.5rem;\n}\n\n.rf-pb-8 {\n padding-bottom: 2rem;\n}\n\n.rf-pb-\\[15vh\\] {\n padding-bottom: 15vh;\n}\n\n.rf-pl-0 {\n padding-left: 0;\n}\n\n.rf-pl-1 {\n padding-left: .25rem;\n}\n\n.rf-pl-2 {\n padding-left: .5rem;\n}\n\n.rf-pl-4 {\n padding-left: 1rem;\n}\n\n.rf-pl-6 {\n padding-left: 1.5rem;\n}\n\n.rf-pr-1 {\n padding-right: .25rem;\n}\n\n.rf-pr-2 {\n padding-right: .5rem;\n}\n\n.rf-pr-4 {\n padding-right: 1rem;\n}\n\n.rf-pt-1 {\n padding-top: .25rem;\n}\n\n.rf-pt-11\\/20 {\n padding-top: 55%;\n}\n\n.rf-pt-12 {\n padding-top: 3rem;\n}\n\n.rf-pt-14 {\n padding-top: 3.5rem;\n}\n\n.rf-pt-2 {\n padding-top: .5rem;\n}\n\n.rf-pt-24 {\n padding-top: 6rem;\n}\n\n.rf-pt-3 {\n padding-top: .75rem;\n}\n\n.rf-pt-4 {\n padding-top: 1rem;\n}\n\n.rf-pt-8 {\n padding-top: 2rem;\n}\n\n.rf-pt-\\[25vh\\] {\n padding-top: 25vh;\n}\n\n.rf-pt-\\[26vh\\] {\n padding-top: 26vh;\n}\n\n.rf-text-left {\n text-align: left;\n}\n\n.rf-text-center {\n text-align: center;\n}\n\n.rf-text-right {\n text-align: right;\n}\n\n.rf-font-default {\n font-family: Calibri, sans-serif;\n}\n\n.rf-text-2xl {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n.rf-text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n.rf-text-4xl {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-text-5xl {\n font-size: 3rem;\n line-height: 1;\n}\n\n.rf-text-7xl {\n font-size: 4.5rem;\n line-height: 1;\n}\n\n.rf-text-8xl {\n font-size: 6rem;\n line-height: 1;\n}\n\n.rf-text-\\[0\\.5rem\\] {\n font-size: .5rem;\n}\n\n.rf-text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.rf-text-basecustom {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n.rf-text-lgcustom {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n.rf-text-sm {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n.rf-text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n\n.rf-text-xs {\n font-size: .75rem;\n line-height: 1rem;\n}\n\n.rf-text-xsl {\n font-size: .7rem;\n line-height: 1rem;\n}\n\n.rf-text-xsm {\n font-size: .6rem;\n}\n\n.rf-font-bold {\n font-weight: 600;\n}\n\n.rf-font-medium {\n font-weight: 300;\n}\n\n.rf-font-semibold {\n font-weight: 400;\n}\n\n.rf-uppercase {\n text-transform: uppercase;\n}\n\n.rf-capitalize {\n text-transform: capitalize;\n}\n\n.rf-normal-case {\n text-transform: none;\n}\n\n.rf-italic {\n font-style: italic;\n}\n\n.rf-text-\\[\\#575F6B\\] {\n --tw-text-opacity: 1;\n color: rgb(87 95 107 / var(--tw-text-opacity));\n}\n\n.rf-text-\\[\\#9A9A9A\\] {\n --tw-text-opacity: 1;\n color: rgb(154 154 154 / var(--tw-text-opacity));\n}\n\n.rf-text-\\[\\#A4A7AF\\] {\n --tw-text-opacity: 1;\n color: rgb(164 167 175 / var(--tw-text-opacity));\n}\n\n.rf-text-black {\n color: var(--rf-color-black);\n}\n\n.rf-text-cardButtonTextDefault {\n color: var(--rf-color-cardButtonTextDefault);\n}\n\n.rf-text-cardFrameText {\n color: var(--rf-color-cardFrameText);\n}\n\n.rf-text-formInputButtonTextDefault {\n color: var(--rf-color-formInputButtonTextDefault);\n}\n\n.rf-text-formInputButtonTextHover {\n color: var(--rf-color-formInputButtonTextHover);\n}\n\n.rf-text-formInputRadioCheckboxUncheckedBackground {\n color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n}\n\n.rf-text-formInputTextDefault {\n color: var(--rf-color-formInputTextDefault);\n}\n\n.rf-text-gray {\n --tw-text-opacity: 1;\n color: rgb(128 128 128 / var(--tw-text-opacity));\n}\n\n.rf-text-lightgray {\n --tw-text-opacity: 1;\n color: rgb(129 129 129 / var(--tw-text-opacity));\n}\n\n.rf-text-primary {\n color: var(--rf-color-primary);\n}\n\n.rf-text-red-700 {\n --tw-text-opacity: 1;\n color: rgb(185 28 28 / var(--tw-text-opacity));\n}\n\n.rf-text-secondary {\n color: var(--rf-color-secondary);\n}\n\n.rf-text-textModePanelConversationBot {\n color: var(--rf-color-textModePanelConversationBot);\n}\n\n.rf-text-textModePanelConversationUser {\n color: var(--rf-color-textModePanelConversationUser);\n}\n\n.rf-text-trueblack {\n --tw-text-opacity: 1;\n color: rgb(0 0 0 / var(--tw-text-opacity));\n}\n\n.rf-text-truewhite {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.rf-text-vocalModeSubtitlesText {\n color: var(--rf-color-vocalModeSubtitlesText);\n}\n\n.rf-text-white {\n --tw-text-opacity: 1;\n color: rgb(247 243 246 / var(--tw-text-opacity));\n}\n\n.rf-underline {\n text-decoration-line: underline;\n}\n\n.rf-shadow-\\[0_0_15px_0_silver\\] {\n --tw-shadow: 0 0 15px 0 silver;\n --tw-shadow-colored: 0 0 15px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_0_20px_1px_\\#A4A7AF80\\] {\n --tw-shadow: 0 0 20px 1px #a4a7af80;\n --tw-shadow-colored: 0 0 20px 1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_0_3px_6px_\\#00000029\\] {\n --tw-shadow: 0 0 3px 6px #00000029;\n --tw-shadow-colored: 0 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_3px_6px_\\#00000029\\] {\n --tw-shadow: 0 3px 6px #00000029;\n --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_3px_6px_\\#606267\\] {\n --tw-shadow: 0 3px 6px #606267;\n --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_3px_6px_rgba\\(0\\,0\\,0\\,0\\.16\\)\\] {\n --tw-shadow: 0 3px 6px #00000029;\n --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_6px_6px_\\#00000029\\] {\n --tw-shadow: 0 6px 6px #00000029;\n --tw-shadow-colored: 0 6px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[20px_3px_20px_\\#00000029\\] {\n --tw-shadow: 20px 3px 20px #00000029;\n --tw-shadow-colored: 20px 3px 20px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[3px_3px_16px_\\#00000029\\] {\n --tw-shadow: 3px 3px 16px #00000029;\n --tw-shadow-colored: 3px 3px 16px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[3px_3px_6px_\\#00000029\\] {\n --tw-shadow: 3px 3px 6px #00000029;\n --tw-shadow-colored: 3px 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[inset_0_0_6px_\\#0000003B\\] {\n --tw-shadow: inset 0 0 6px #0000003b;\n --tw-shadow-colored: inset 0 0 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[inset_0_12px_12px_-12px_\\#00000029\\,inset_0_-12px_12px_-12px_\\#00000029\\] {\n --tw-shadow: inset 0 12px 12px -12px #00000029, inset 0 -12px 12px -12px #00000029;\n --tw-shadow-colored: inset 0 12px 12px -12px var(--tw-shadow-color), inset 0 -12px 12px -12px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-card {\n --tw-shadow: 0px 0px 13px 3px #101219;\n --tw-shadow-colored: 0px 0px 13px 3px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-outline-none {\n outline-offset: 2px;\n outline: 2px solid #0000;\n}\n\n.rf-blur-background {\n --tw-blur: blur(var(--rf-blur-background));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.rf-filter {\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.rf-transition-all {\n transition-property: all;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.rf-transition-transform {\n transition-property: transform;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.rf-text-shadow-black {\n text-shadow: 2px 0 5px #000, -2px 0 5px #000, 0 2px 5px #000, 0 -2px 5px #000;\n}\n\n.rf-capitalize-first:first-letter {\n text-transform: uppercase;\n}\n\nol {\n padding-left: 2rem;\n list-style-type: decimal;\n}\n\nul {\n padding-left: 2rem;\n list-style-type: disc;\n}\n\n#retorik-container.rf-portrait:not(.rf-large) .ac-image {\n max-width: 100px;\n}\n\n.rf-glass-background, #retorik-container.portrait .portrait\\:rf-glass-background {\n background-color: var(--rf-color-black);\n --tw-bg-opacity: .62;\n --tw-backdrop-blur: blur(8px);\n backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n\n.rf-loader:before {\n content: \"\";\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n animation: 1.8s ease-in-out -.32s infinite both rf-loader;\n display: block;\n position: absolute;\n right: 1.5rem;\n}\n\n.rf-loader:after {\n content: \"\";\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n animation: 1.8s ease-in-out infinite both rf-loader;\n display: block;\n position: absolute;\n left: 1.5rem;\n}\n\n.rf-loader-medium:before {\n content: \"\";\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n animation: 1.8s ease-in-out -.32s infinite both rf-loaderMedium;\n display: block;\n position: absolute;\n right: 1rem;\n}\n\n.rf-loader-medium:after {\n content: \"\";\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n animation: 1.8s ease-in-out infinite both rf-loaderMedium;\n display: block;\n position: absolute;\n left: 1rem;\n}\n\n.rf-loader-mini:before {\n content: \"\";\n border-radius: 50%;\n width: .5rem;\n height: .5rem;\n animation: 1.8s ease-in-out -.32s infinite both rf-loaderMini;\n display: block;\n position: absolute;\n right: .5rem;\n}\n\n.rf-loader-mini:after {\n content: \"\";\n border-radius: 50%;\n width: .5rem;\n height: .5rem;\n animation: 1.8s ease-in-out infinite both rf-loaderMini;\n display: block;\n position: absolute;\n left: .5rem;\n}\n\n.rf-loader-microphone:before, .rf-loader-microphone:after {\n content: \"\";\n --tw-border-opacity: 1;\n border: 6px solid #0000;\n border-top-color: rgb(128 128 128 / var(--tw-border-opacity));\n border-radius: 100%;\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.rf-loader-microphone:before {\n z-index: 1;\n animation: 1s linear infinite rf-spin;\n}\n\n.rf-loader-microphone:after {\n --tw-border-opacity: 1;\n border-color: rgb(204 204 204 / var(--tw-border-opacity));\n}\n\n.rf-touch-action-none {\n touch-action: none;\n}\n\n.rf-unselectable {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-touch-callout: none;\n}\n\n.rf-title-extralarge-bold-size-auto {\n font-size: 2.25rem;\n font-weight: 600;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large .rf-title-extralarge-bold-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-extralarge-bold-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n.rf-title-extralarge-size-auto {\n font-size: 2.25rem;\n font-weight: 400;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large .rf-title-extralarge-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-extralarge-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n.rf-title-large-size-auto {\n font-size: 1.5rem;\n font-weight: 400;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-title-large-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-large-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n.rf-title-large-bold-size-auto {\n font-size: 1.875rem;\n font-weight: 600;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large .rf-title-large-bold-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-large-bold-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n.rf-title-size-auto {\n font-size: 1.5rem;\n font-weight: 400;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-title-size-auto {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-title-bold-size-auto {\n font-size: 1.5rem;\n font-weight: 600;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-title-bold-size-auto {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-bold-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-subtitle-size-auto {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-subtitle-size-auto {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-subtitle-size-auto {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n.rf-text-extralarge-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large .rf-text-extralarge-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-extralarge-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n.rf-text-verylarge-size-auto {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-text-verylarge-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-verylarge-size-auto {\n font-size: 4.5rem;\n line-height: 1;\n}\n\n.rf-text-large-size-auto {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-text-large-size-auto {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-large-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-text-medium-size-auto {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large .rf-text-medium-size-auto {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n.rf-text-size-auto {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-text-size-auto {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-size-auto {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n.rf-small-size-auto {\n font-size: .6rem;\n}\n\n#retorik-container.rf-large .rf-small-size-auto {\n font-size: .75rem;\n line-height: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-small-size-auto {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n.rf-line-clamp-unknown {\n hyphens: auto;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-1 {\n hyphens: auto;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-2 {\n hyphens: auto;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-3 {\n hyphens: auto;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-4 {\n hyphens: auto;\n -webkit-line-clamp: 4;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-5 {\n hyphens: auto;\n -webkit-line-clamp: 5;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-6 {\n hyphens: auto;\n -webkit-line-clamp: 6;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-7 {\n hyphens: auto;\n -webkit-line-clamp: 7;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-8 {\n hyphens: auto;\n -webkit-line-clamp: 8;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-9 {\n hyphens: auto;\n -webkit-line-clamp: 9;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-10 {\n hyphens: auto;\n -webkit-line-clamp: 10;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-overflow-wrap {\n overflow-wrap: anywhere;\n}\n\n.rf-height-fill-available {\n height: stretch;\n}\n\n.rf-width-fill-available {\n width: stretch;\n}\n\n.rf-animation-delay-2 {\n animation-delay: .2s;\n}\n\n.rf-animation-delay-4 {\n animation-delay: .4s;\n}\n\n.rf-scrollbar-thin {\n scrollbar-width: thin;\n scrollbar-color: var(--rf-color-secondary) transparent;\n}\n\n.rf-scrollbar-thin::-webkit-scrollbar {\n width: .2rem;\n height: .2rem;\n margin: .25rem 0;\n}\n\n.rf-scrollbar-thin::-webkit-scrollbar-thumb {\n background-color: var(--rf-color-secondary);\n border-radius: .5rem;\n}\n\n.rf-scrollbar-x-custom::-webkit-scrollbar {\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n border-radius: 2rem;\n height: .5rem;\n}\n\n.rf-scrollbar-x-custom::-webkit-scrollbar-thumb {\n background-color: var(--rf-color-primary);\n border-radius: 2rem;\n}\n\n.rf-scrollbar-hidden {\n scrollbar-width: none;\n}\n\n.rf-scrollbar-hidden::-webkit-scrollbar {\n display: none;\n}\n\n.rf-opacity-gradient-b {\n -webkit-mask-image: linear-gradient(#000 50%, #0000 100%);\n}\n\n.rf-opacity-gradient-b-thin {\n -webkit-mask-image: linear-gradient(#797676 84%, #0000 100%);\n}\n\n.rf-opacity-gradient-l {\n -webkit-mask-image: linear-gradient(to left, #000 75%, gray 80%, #0000 85%);\n}\n\n.rf-opacity-gradient-l-thin {\n -webkit-mask-image: linear-gradient(to left, #000 90%, gray 95%, #0000 100%);\n}\n\n.rf-opacity-gradient-h {\n -webkit-mask-image: linear-gradient(to right, #0000 0%, 6%, #000, 94%, #0000 100%);\n}\n\n.rf-card-button {\n border-width: 1px;\n border-color: var(--rf-color-cardButtonBorderDefault);\n background-color: var(--rf-color-cardButtonBackgroundDefault);\n color: var(--rf-color-cardButtonTextDefault);\n border-radius: .3125rem;\n padding: .25rem .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button {\n padding: .5rem 1rem;\n}\n\n.rf-card-button:hover {\n cursor: pointer;\n border-color: var(--rf-color-cardButtonBorderHover);\n background-color: var(--rf-color-cardButtonBackgroundHover);\n color: var(--rf-color-cardButtonTextHover);\n}\n\n.rf-card-button-clicked {\n background-color: var(--rf-color-cardButtonBackgroundDefault);\n border-width: 1px;\n border-color: #0000;\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-clicked {\n padding-top: .5rem;\n padding-bottom: .5rem;\n}\n\n.rf-card-button-secondary {\n border-width: 1px;\n border-color: var(--rf-color-secondary);\n color: var(--rf-color-secondary);\n background-color: #0000;\n border-radius: .3125rem;\n padding: .25rem .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-secondary {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-secondary {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-secondary {\n padding: .5rem 1rem;\n}\n\n.rf-card-button-secondary:hover {\n cursor: pointer;\n border-color: var(--rf-color-secondary);\n background-color: var(--rf-color-secondary);\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.rf-card-button-discover {\n border-width: 1px;\n border-color: var(--rf-color-cardButtonDiscoverBorderDefault);\n background-color: var(--rf-color-cardButtonDiscoverBackgroundDefault);\n color: var(--rf-color-cardButtonDiscoverTextDefault);\n border-radius: .3125rem;\n padding: .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-discover {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n.rf-card-button-discover:hover {\n cursor: pointer;\n border-color: var(--rf-color-cardButtonDiscoverBorderHover);\n background-color: var(--rf-color-cardButtonDiscoverBackgroundHover);\n color: var(--rf-color-cardButtonDiscoverTextHover);\n}\n\n.rf-card-button-history {\n cursor: default;\n border-width: 1px;\n border-color: var(--rf-color-cardButtonBorderDefault);\n background-color: var(--rf-color-cardButtonBackgroundDefault);\n color: var(--rf-color-cardButtonTextDefault);\n border-radius: .3125rem;\n padding: .25rem .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-history {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-history {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-history {\n padding: .5rem 1rem;\n}\n\n.lf-player-container {\n align-items: flex-end;\n width: 100%;\n height: 100%;\n display: flex;\n overflow: hidden;\n}\n\n.rf-input-label {\n text-overflow: ellipsis;\n color: var(--rf-color-formInputTextDefault);\n margin-top: .1rem;\n margin-left: .75rem;\n overflow-x: hidden;\n}\n\n#retorik-container.rf-large .rf-input-label {\n margin-top: .25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-input-label {\n margin-top: .2rem;\n}\n\n.rf-radio-custom {\n -webkit-appearance: none;\n appearance: none;\n border-width: 2px;\n border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n border-radius: 50%;\n place-content: center;\n width: 1.5rem;\n min-width: 1.5rem;\n height: 1.5rem;\n margin: 0;\n display: grid;\n}\n\n.rf-radio-custom:checked {\n border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n#retorik-container.rf-large .rf-radio-custom {\n width: 1.75rem;\n min-width: 1.75rem;\n height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-radio-custom {\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n}\n\n.rf-radio-custom:before {\n content: \"\";\n --tw-scale-x: 0;\n --tw-scale-y: 0;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n background-color: var(--rf-color-formInputRadioCheckboxCheckedItem);\n border-radius: 50%;\n width: .5rem;\n height: .5rem;\n transition-property: all;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n#retorik-container.rf-large .rf-radio-custom:before {\n width: .75rem;\n height: .75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-radio-custom:before {\n width: 1rem;\n height: 1rem;\n}\n\n.rf-radio-custom:checked:before {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-input-hidden {\n -webkit-appearance: none;\n appearance: none;\n margin: 0;\n}\n\n.rf-checkbox-custom {\n -webkit-appearance: none;\n appearance: none;\n border-width: 2px;\n border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n border-radius: .3125rem;\n place-content: center;\n width: 1.5rem;\n min-width: 1.5rem;\n height: 1.5rem;\n margin: 0;\n display: grid;\n}\n\n#retorik-container.rf-large .rf-checkbox-custom {\n width: 1.75rem;\n min-width: 1.75rem;\n height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-checkbox-custom {\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n}\n\n.rf-checkbox-custom:checked {\n border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n.rf-toggle-custom {\n -webkit-appearance: none;\n appearance: none;\n background-color: var(--rf-color-black);\n border-radius: 1.5rem;\n width: 3rem;\n min-width: 3rem;\n height: 1.5rem;\n margin: 0;\n position: relative;\n}\n\n.rf-toggle-custom:checked {\n background-color: var(--rf-color-primary);\n}\n\n#retorik-container.rf-large .rf-toggle-custom {\n border-radius: 1.75rem;\n width: 3.5rem;\n min-width: 3.5rem;\n height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-toggle-custom {\n border-radius: 2rem;\n width: 4rem;\n min-width: 4rem;\n height: 2rem;\n}\n\n.rf-toggle-custom:before {\n content: \"\";\n --tw-translate-x: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n transition-property: all;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n position: absolute;\n top: .25rem;\n left: .25rem;\n}\n\n#retorik-container.rf-large .rf-toggle-custom:before {\n width: 1.25rem;\n height: 1.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-toggle-custom:before {\n width: 1.5rem;\n height: 1.5rem;\n}\n\n.rf-toggle-custom:checked:before {\n --tw-translate-x: 1.5rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n#retorik-container.rf-large .rf-toggle-custom:checked:before {\n --tw-translate-x: 1.75rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n#retorik-container.rf-large.rf-portrait .rf-toggle-custom:checked:before {\n --tw-translate-x: 2rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-select-custom {\n -webkit-appearance: none;\n appearance: none;\n border-width: 2px;\n border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n border-radius: .3125rem;\n margin: 0;\n padding: 1rem;\n}\n\n.rf-select-custom:hover {\n cursor: pointer;\n}\n\n.rf-select-custom:focus-visible {\n border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n}\n\n.rf-slider-custom {\n -webkit-appearance: none;\n -moz-appearance: none;\n outline-offset: 2px;\n border-radius: .5rem;\n outline: 2px solid #0000;\n width: 100%;\n height: .25rem;\n display: block;\n position: relative;\n}\n\n.rf-slider-custom::-webkit-slider-runnable-track {\n -webkit-appearance: none;\n}\n\n.rf-slider-custom::-moz-track {\n -moz-appearance: none;\n}\n\n.rf-slider-custom::-ms-track {\n appearance: none;\n}\n\n.rf-slider-custom::-webkit-slider-thumb {\n -webkit-appearance: none;\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n border-style: none;\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -.2rem;\n}\n\n.rf-slider-custom::-webkit-slider-thumb:hover {\n cursor: pointer;\n}\n\n.rf-slider-custom::-moz-range-thumb {\n -webkit-appearance: none;\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n border-style: none;\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -.2rem;\n}\n\n.rf-slider-custom::-moz-range-thumb:hover {\n cursor: pointer;\n}\n\n.rf-slider-custom::-ms-thumb {\n appearance: none;\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n border-style: none;\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -.2rem;\n}\n\n.rf-slider-custom::-ms-thumb:hover {\n cursor: pointer;\n}\n\n.rf-likert-custom {\n cursor: pointer;\n outline-offset: 2px;\n -webkit-text-stroke-width: 1px;\n -webkit-text-stroke-color: white;\n background-color: #0000;\n border-style: none;\n outline: 2px solid #0000;\n}\n\n.svgButtonMenu > svg * {\n fill: var(--fill);\n}\n\n.webchat__css-custom-properties {\n width: 100%;\n height: 100%;\n}\n\n.placeholder\\:rf-text-black::placeholder {\n color: var(--rf-color-black);\n}\n\n.placeholder\\:rf-opacity-100::placeholder {\n opacity: 1;\n}\n\n.hover\\:rf-cursor-pointer:hover {\n cursor: pointer;\n}\n\n.hover\\:rf-border-truewhite:hover {\n --tw-border-opacity: 1;\n border-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n\n.hover\\:rf-bg-formInputRadioCheckboxCheckedBackground:hover {\n background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n.hover\\:rf-bg-truewhite:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.hover\\:rf-text-formInputRadioCheckboxCheckedItem:hover {\n color: var(--rf-color-formInputRadioCheckboxCheckedItem);\n}\n\n.hover\\:rf-text-truewhite:hover {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-col-span-full {\n grid-column: 1 / -1;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-col-start-1 {\n grid-column-start: 1;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-row-span-1 {\n grid-row: span 1 / span 1;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-row-start-11 {\n grid-row-start: 11;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-row-end-13 {\n grid-row-end: 13;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-w-5\\/6 {\n width: 83.3333%;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-w-full {\n width: 100%;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-flex-col {\n flex-direction: column;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-overflow-x-auto {\n overflow-x: auto;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-border-r-0 {\n border-right-width: 0;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-absolute {\n position: absolute;\n}\n\n#retorik-container.rf-large .large\\:rf-left-4 {\n left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-top-8 {\n top: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-col-start-5 {\n grid-column-start: 5;\n}\n\n#retorik-container.rf-large .large\\:rf-col-end-6 {\n grid-column-end: 6;\n}\n\n#retorik-container.rf-large .large\\:rf-col-end-9 {\n grid-column-end: 9;\n}\n\n#retorik-container.rf-large .large\\:rf-row-span-full {\n grid-row: 1 / -1;\n}\n\n#retorik-container.rf-large .large\\:rf-row-start-10 {\n grid-row-start: 10;\n}\n\n#retorik-container.rf-large .large\\:rf-row-start-5 {\n grid-row-start: 5;\n}\n\n#retorik-container.rf-large .large\\:rf-m-8 {\n margin: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-my-0 {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-my-3 {\n margin-top: .75rem;\n margin-bottom: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-0 {\n margin-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-4 {\n margin-bottom: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-6 {\n margin-bottom: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-0 {\n margin-left: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-12 {\n margin-left: 3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-4 {\n margin-left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-8 {\n margin-left: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mr-3 {\n margin-right: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mr-30 {\n margin-right: 7.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-0 {\n margin-top: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-20 {\n margin-top: 5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-3 {\n margin-top: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-\\[20vh\\] {\n margin-top: 20vh;\n}\n\n#retorik-container.rf-large .large\\:rf-block {\n display: block;\n}\n\n#retorik-container.rf-large .large\\:rf-flex {\n display: flex;\n}\n\n#retorik-container.rf-large .large\\:rf-hidden {\n display: none;\n}\n\n#retorik-container.rf-large .large\\:rf-aspect-video {\n aspect-ratio: 16 / 9;\n}\n\n#retorik-container.rf-large .large\\:rf-h-16 {\n height: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-3\\/5 {\n height: 60%;\n}\n\n#retorik-container.rf-large .large\\:rf-h-4 {\n height: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-5 {\n height: 1.25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-6 {\n height: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-8 {\n height: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-\\[1\\.3rem\\] {\n height: 1.3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-\\[60vh\\] {\n height: 60vh;\n}\n\n#retorik-container.rf-large .large\\:rf-h-auto {\n height: auto;\n}\n\n#retorik-container.rf-large .large\\:rf-h-full {\n height: 100%;\n}\n\n#retorik-container.rf-large .large\\:rf-max-h-28 {\n max-height: 7rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-1\\/8 {\n width: 12.5%;\n}\n\n#retorik-container.rf-large .large\\:rf-w-14 {\n width: 3.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-16 {\n width: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-3\\/5 {\n width: 60%;\n}\n\n#retorik-container.rf-large .large\\:rf-w-4 {\n width: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-5 {\n width: 1.25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-6 {\n width: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-8 {\n width: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-fit {\n width: fit-content;\n}\n\n#retorik-container.rf-large .large\\:rf-w-full {\n width: 100%;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-1\\/2 {\n min-width: 50%;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-1\\/8 {\n min-width: 12.5%;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-16 {\n min-width: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-3\\/5 {\n min-width: 60%;\n}\n\n#retorik-container.rf-large .large\\:rf-max-w-1\\/8 {\n max-width: 12.5%;\n}\n\n#retorik-container.rf-large .large\\:rf-max-w-\\[12rem\\] {\n max-width: 12rem;\n}\n\n#retorik-container.rf-large .large\\:rf-max-w-full {\n max-width: 100%;\n}\n\n#retorik-container.rf-large .large\\:rf-grid-cols-5 {\n grid-template-columns: repeat(5, minmax(0, 1fr));\n}\n\n#retorik-container.rf-large .large\\:rf-flex-row {\n flex-direction: row;\n}\n\n#retorik-container.rf-large .large\\:rf-flex-col {\n flex-direction: column;\n}\n\n#retorik-container.rf-large .large\\:rf-items-baseline {\n align-items: baseline;\n}\n\n#retorik-container.rf-large .large\\:rf-justify-start {\n justify-content: flex-start;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-1 {\n gap: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-3 {\n gap: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-4 {\n gap: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-6 {\n gap: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-overflow-y-scroll {\n overflow-y: scroll;\n}\n\n#retorik-container.rf-large .large\\:rf-border-t-0 {\n border-top-width: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-bg-truewhite {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n#retorik-container.rf-large .large\\:rf-p-4 {\n padding: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-p-\\[25px\\] {\n padding: 25px;\n}\n\n#retorik-container.rf-large .large\\:rf-p-min1 {\n padding: .1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-0 {\n padding-left: 0;\n padding-right: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-px-16 {\n padding-left: 4rem;\n padding-right: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-5, #retorik-container.rf-large .large\\:rf-px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-8 {\n padding-left: 2rem;\n padding-right: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-0 {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-2 {\n padding-top: .5rem;\n padding-bottom: .5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-3 {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pb-16 {\n padding-bottom: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pl-12 {\n padding-left: 3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pl-4 {\n padding-left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pr-4 {\n padding-right: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pt-16 {\n padding-top: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pt-3 {\n padding-top: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-text-5xl {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large .large\\:rf-text-6xl {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large .large\\:rf-text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-text-basecustom {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-text-sm {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-uppercase {\n text-transform: uppercase;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-h-4 {\n height: 1rem;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-h-6 {\n height: 1.5rem;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-w-6 {\n width: 1.5rem;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-pt-1\\/5 {\n padding-top: 20%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-bottom-\\[25vh\\] {\n bottom: 25vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-left-4 {\n left: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-top-4 {\n top: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-span-full {\n grid-column: 1 / -1;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-start-1 {\n grid-column-start: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-start-2 {\n grid-column-start: 2;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-end-8 {\n grid-column-end: 8;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-end-9 {\n grid-column-end: 9;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-span-4 {\n grid-row: span 4 / span 4;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-span-6 {\n grid-row: span 6 / span 6;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-start-5 {\n grid-row-start: 5;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-start-7 {\n grid-row-start: 7;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-end-11 {\n grid-row-end: 11;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-end-7 {\n grid-row-end: 7;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mt-4 {\n margin-top: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mt-\\[20vh\\] {\n margin-top: 20vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mt-\\[25vh\\] {\n margin-top: 25vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-block {\n display: block;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-hidden {\n display: none;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-1\\/2 {\n height: 50%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-14 {\n height: 3.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-24 {\n height: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-6 {\n height: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-\\[50vh\\] {\n height: 50vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-11\\/12 {\n max-height: 91.67%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-36 {\n max-height: 9rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-\\[18vh\\] {\n max-height: 18vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-\\[30vh\\] {\n max-height: 30vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-1\\/2 {\n width: 50%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-14 {\n width: 3.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-16 {\n width: 4rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-24 {\n width: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-4\\/9 {\n width: 45%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-6 {\n width: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-w-24 {\n min-width: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-w-4\\/9 {\n min-width: 45%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-w-2\\/3 {\n max-width: 66.67%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-w-\\[60\\%\\] {\n max-width: 60%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-flex-row {\n flex-direction: row;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-justify-center {\n justify-content: center;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-gap-6 {\n gap: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-self-end {\n align-self: flex-end;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-border-t {\n border-top-width: 1px;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-border-t-menuBorder {\n --tw-border-opacity: 1;\n border-top-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-py-5 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pl-0 {\n padding-left: 0;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-8 {\n padding-top: 2rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-\\[16\\.67\\%\\] {\n padding-top: 16.67%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-\\[20vh\\] {\n padding-top: 20vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-text-basecustomuppercase {\n font-size: 1rem;\n line-height: 1.1rem;\n}\n\n#retorik-container.rf-large.rf-tactile .large-tactile\\:rf-mt-0 {\n margin-top: 0;\n}\n\n#retorik-container.rf-large.rf-tactile .large-tactile\\:rf-flex {\n display: flex;\n}\n\n#retorik-container.rf-large.rf-tactile .large-tactile\\:rf-hidden {\n display: none;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .desktop\\:rf-h-full {\n height: 100%;\n}\n\n@media (height <= 700px) and (width <= 300px) {\n .small-mobile\\:rf-row-span-6 {\n grid-row: span 6 / span 6;\n }\n\n .small-mobile\\:rf-row-span-7 {\n grid-row: span 7 / span 7;\n }\n\n .small-mobile\\:rf-row-start-5 {\n grid-row-start: 5;\n }\n}\n";
|
|
75
75
|
|
|
76
76
|
|
|
77
77
|
var $5e8567c898177618$exports = {};
|
|
@@ -203,6 +203,12 @@ var $f5ca62954d1f1f5b$export$f0cfc93288d9ec06;
|
|
|
203
203
|
$f5ca62954d1f1f5b$export$f0cfc93288d9ec06["Joy"] = "joy";
|
|
204
204
|
$f5ca62954d1f1f5b$export$f0cfc93288d9ec06["Hope"] = "hope";
|
|
205
205
|
})($f5ca62954d1f1f5b$export$f0cfc93288d9ec06 || ($f5ca62954d1f1f5b$export$f0cfc93288d9ec06 = {}));
|
|
206
|
+
var $f5ca62954d1f1f5b$export$a2a634340dd7e3e3;
|
|
207
|
+
(function($f5ca62954d1f1f5b$export$a2a634340dd7e3e3) {
|
|
208
|
+
$f5ca62954d1f1f5b$export$a2a634340dd7e3e3[$f5ca62954d1f1f5b$export$a2a634340dd7e3e3["small"] = 0] = "small";
|
|
209
|
+
$f5ca62954d1f1f5b$export$a2a634340dd7e3e3[$f5ca62954d1f1f5b$export$a2a634340dd7e3e3["medium"] = 1] = "medium";
|
|
210
|
+
$f5ca62954d1f1f5b$export$a2a634340dd7e3e3[$f5ca62954d1f1f5b$export$a2a634340dd7e3e3["large"] = 2] = "large";
|
|
211
|
+
})($f5ca62954d1f1f5b$export$a2a634340dd7e3e3 || ($f5ca62954d1f1f5b$export$a2a634340dd7e3e3 = {}));
|
|
206
212
|
|
|
207
213
|
|
|
208
214
|
const $cd0e91e00b0900ed$export$2e65b7c7134e01f0 = 600;
|
|
@@ -346,7 +352,6 @@ var $71329996a1817ff3$export$2e2bcd8739ae039 = $71329996a1817ff3$var$ShadowRoot;
|
|
|
346
352
|
|
|
347
353
|
/* eslint-disable react/jsx-boolean-value */
|
|
348
354
|
|
|
349
|
-
// @ts-nocheck
|
|
350
355
|
|
|
351
356
|
|
|
352
357
|
|
|
@@ -983,7 +988,8 @@ const $3426110875af99d0$var$initialState = {
|
|
|
983
988
|
printingCallback: null,
|
|
984
989
|
GDPRDisplay: true,
|
|
985
990
|
GDPRWindowData: undefined,
|
|
986
|
-
GDPRUserConsent: false
|
|
991
|
+
GDPRUserConsent: false,
|
|
992
|
+
unlockClickedButton: false
|
|
987
993
|
};
|
|
988
994
|
let $3426110875af99d0$var$timer = null;
|
|
989
995
|
const $3426110875af99d0$export$77e4cc5334565f28 = (0, $b3y7N$create)()(()=>{
|
|
@@ -1120,6 +1126,16 @@ const $3426110875af99d0$export$7a09e6b3c59f37ad = (value)=>{
|
|
|
1120
1126
|
GDPRUserConsent: value
|
|
1121
1127
|
});
|
|
1122
1128
|
};
|
|
1129
|
+
const $3426110875af99d0$export$e49d67c72fb28d58 = ()=>{
|
|
1130
|
+
$3426110875af99d0$export$77e4cc5334565f28.setState({
|
|
1131
|
+
unlockClickedButton: true
|
|
1132
|
+
});
|
|
1133
|
+
};
|
|
1134
|
+
const $3426110875af99d0$export$5d55805fc8a86c05 = ()=>{
|
|
1135
|
+
$3426110875af99d0$export$77e4cc5334565f28.setState({
|
|
1136
|
+
unlockClickedButton: false
|
|
1137
|
+
});
|
|
1138
|
+
};
|
|
1123
1139
|
const $3426110875af99d0$export$93b55f822ac81934 = ()=>{
|
|
1124
1140
|
$3426110875af99d0$export$77e4cc5334565f28.setState({
|
|
1125
1141
|
...$3426110875af99d0$var$initialState
|
|
@@ -1140,10 +1156,11 @@ const $04ce41b46d359821$var$initialState = {
|
|
|
1140
1156
|
activeRecognitionState: (0, $f5ca62954d1f1f5b$export$3f0071308968cd80).Closed,
|
|
1141
1157
|
lastRecognitionInterim: "",
|
|
1142
1158
|
streamingReplyToId: null,
|
|
1143
|
-
streamingReplyToIdForText: null,
|
|
1144
1159
|
streamingQueue: [],
|
|
1145
1160
|
streamingQueueForText: [],
|
|
1146
|
-
currentStreaming: null
|
|
1161
|
+
currentStreaming: null,
|
|
1162
|
+
streamingQueueFullLength: 0,
|
|
1163
|
+
streamingReplyToIdToIgnore: null
|
|
1147
1164
|
};
|
|
1148
1165
|
const $04ce41b46d359821$export$f299240efcda25a2 = (0, $b3y7N$create)()(()=>{
|
|
1149
1166
|
return $04ce41b46d359821$var$initialState;
|
|
@@ -1202,16 +1219,7 @@ const $04ce41b46d359821$export$a5c8d6d0ec4b5ccb = (value)=>{
|
|
|
1202
1219
|
};
|
|
1203
1220
|
const $04ce41b46d359821$export$614a80601162ec38 = (value)=>{
|
|
1204
1221
|
$04ce41b46d359821$export$f299240efcda25a2.setState({
|
|
1205
|
-
streamingReplyToId: value
|
|
1206
|
-
streamingReplyToIdForText: value
|
|
1207
|
-
});
|
|
1208
|
-
value === null && $04ce41b46d359821$export$f299240efcda25a2.setState({
|
|
1209
|
-
currentStreaming: null
|
|
1210
|
-
});
|
|
1211
|
-
};
|
|
1212
|
-
const $04ce41b46d359821$export$de8aad637f733113 = (value)=>{
|
|
1213
|
-
$04ce41b46d359821$export$f299240efcda25a2.setState({
|
|
1214
|
-
streamingReplyToIdForText: value
|
|
1222
|
+
streamingReplyToId: value
|
|
1215
1223
|
});
|
|
1216
1224
|
};
|
|
1217
1225
|
const $04ce41b46d359821$export$87afd75c41a617d7 = (value)=>{
|
|
@@ -1221,11 +1229,12 @@ const $04ce41b46d359821$export$87afd75c41a617d7 = (value)=>{
|
|
|
1221
1229
|
});
|
|
1222
1230
|
};
|
|
1223
1231
|
const $04ce41b46d359821$export$9a026d007e335fc0 = (value)=>{
|
|
1224
|
-
|
|
1232
|
+
const idToIgnore = $04ce41b46d359821$export$f299240efcda25a2.getState().streamingReplyToIdToIgnore;
|
|
1233
|
+
if (value.replyToId && value.replyToId !== idToIgnore) {
|
|
1225
1234
|
// Set replyToId and new queue if replyToId is different from the current one
|
|
1226
1235
|
if ($04ce41b46d359821$export$f299240efcda25a2.getState().streamingReplyToId !== value.replyToId) $04ce41b46d359821$export$f299240efcda25a2.setState({
|
|
1236
|
+
streamingQueueFullLength: 0,
|
|
1227
1237
|
streamingReplyToId: value.replyToId,
|
|
1228
|
-
streamingReplyToIdForText: value.replyToId,
|
|
1229
1238
|
streamingQueue: [
|
|
1230
1239
|
value
|
|
1231
1240
|
],
|
|
@@ -1258,11 +1267,36 @@ const $04ce41b46d359821$export$eb50624bfd363865 = ()=>{
|
|
|
1258
1267
|
});
|
|
1259
1268
|
}
|
|
1260
1269
|
};
|
|
1270
|
+
const $04ce41b46d359821$export$8505d436556ca045 = (replyToId)=>{
|
|
1271
|
+
const currentId = $04ce41b46d359821$export$f299240efcda25a2.getState().streamingReplyToId;
|
|
1272
|
+
currentId !== replyToId && $04ce41b46d359821$export$c3296e37e9ef3fed();
|
|
1273
|
+
};
|
|
1274
|
+
const $04ce41b46d359821$export$c3296e37e9ef3fed = ()=>{
|
|
1275
|
+
const currentId = $04ce41b46d359821$export$f299240efcda25a2.getState().streamingReplyToId;
|
|
1276
|
+
$04ce41b46d359821$export$f299240efcda25a2.setState({
|
|
1277
|
+
streamingReplyToId: null,
|
|
1278
|
+
streamingQueue: [],
|
|
1279
|
+
streamingQueueForText: [],
|
|
1280
|
+
currentStreaming: null,
|
|
1281
|
+
streamingQueueFullLength: 0,
|
|
1282
|
+
streamingReplyToIdToIgnore: currentId
|
|
1283
|
+
});
|
|
1284
|
+
};
|
|
1261
1285
|
const $04ce41b46d359821$export$d300d9470f5679ba = (value)=>{
|
|
1262
1286
|
$04ce41b46d359821$export$f299240efcda25a2.setState({
|
|
1263
1287
|
currentStreaming: value
|
|
1264
1288
|
});
|
|
1265
1289
|
};
|
|
1290
|
+
const $04ce41b46d359821$export$e9ca045daeb00700 = (value, replyToId)=>{
|
|
1291
|
+
if (replyToId) {
|
|
1292
|
+
const currentStreamingId = $04ce41b46d359821$export$f299240efcda25a2.getState().streamingReplyToId;
|
|
1293
|
+
replyToId === currentStreamingId && $04ce41b46d359821$export$f299240efcda25a2.setState({
|
|
1294
|
+
streamingQueueFullLength: value
|
|
1295
|
+
});
|
|
1296
|
+
} else $04ce41b46d359821$export$f299240efcda25a2.setState({
|
|
1297
|
+
streamingQueueFullLength: value
|
|
1298
|
+
});
|
|
1299
|
+
};
|
|
1266
1300
|
const $04ce41b46d359821$export$b6d2196a3ce412d8 = ()=>{
|
|
1267
1301
|
$04ce41b46d359821$export$f299240efcda25a2.setState({
|
|
1268
1302
|
...$04ce41b46d359821$var$initialState
|
|
@@ -1273,6 +1307,7 @@ const $04ce41b46d359821$export$b6d2196a3ce412d8 = ()=>{
|
|
|
1273
1307
|
|
|
1274
1308
|
|
|
1275
1309
|
|
|
1310
|
+
|
|
1276
1311
|
const $9b100ac34d01a331$var$initialState = {
|
|
1277
1312
|
activities: [],
|
|
1278
1313
|
lastBotActivity: undefined,
|
|
@@ -1290,18 +1325,22 @@ const $9b100ac34d01a331$var$initialState = {
|
|
|
1290
1325
|
queue: [],
|
|
1291
1326
|
conversationId: null,
|
|
1292
1327
|
watermark: 0,
|
|
1293
|
-
retrievingConversation: false
|
|
1328
|
+
retrievingConversation: false,
|
|
1329
|
+
cookie: null
|
|
1294
1330
|
};
|
|
1295
1331
|
let $9b100ac34d01a331$var$timerRef;
|
|
1296
1332
|
const $9b100ac34d01a331$export$b56465394e2b1287 = (0, $b3y7N$create)()(()=>{
|
|
1297
1333
|
return $9b100ac34d01a331$var$initialState;
|
|
1298
1334
|
});
|
|
1299
1335
|
const $9b100ac34d01a331$var$addActivity = async (activity, resetQueue)=>{
|
|
1336
|
+
(0, $3426110875af99d0$export$e49d67c72fb28d58)();
|
|
1300
1337
|
const currentState = $9b100ac34d01a331$export$b56465394e2b1287.getState();
|
|
1301
1338
|
const shouldNotSetLastBotActivity = currentState.retrievingConversation && !resetQueue;
|
|
1302
1339
|
const isBot = activity.from.role === "bot" || activity.replyToId || activity.from.name?.toLowerCase() === "bot";
|
|
1303
1340
|
if (activity.type === "message") {
|
|
1304
1341
|
if (isBot) {
|
|
1342
|
+
// If this activity is the one concluding a streaming, let's set the amount of streams previously generated
|
|
1343
|
+
if (!currentState.retrievingConversation && activity.value?.streamingCount) (0, $04ce41b46d359821$export$e9ca045daeb00700)(activity.value.streamingCount, activity.replyToId);
|
|
1305
1344
|
if (currentState.botMessageActivities?.length && activity.replyToId?.substring(activity.replyToId.length - 4) === "0000") // Special process when retrieving conversation from directline : the first activity is delayed by botframwork-webchat and is treated after the other.
|
|
1306
1345
|
// We must put this activity back in first place in the array.
|
|
1307
1346
|
$9b100ac34d01a331$export$b56465394e2b1287.setState({
|
|
@@ -1428,6 +1467,8 @@ const $9b100ac34d01a331$export$f9786f6b1a1e81e3 = (activity)=>{
|
|
|
1428
1467
|
$9b100ac34d01a331$var$timerRef && clearTimeout($9b100ac34d01a331$var$timerRef);
|
|
1429
1468
|
$9b100ac34d01a331$var$timerRef = setTimeout(()=>{
|
|
1430
1469
|
$9b100ac34d01a331$var$updateActivities();
|
|
1470
|
+
// Let speechStore check if this activity has an impact on a curent streaming
|
|
1471
|
+
(0, $04ce41b46d359821$export$8505d436556ca045)(activity.replyToId);
|
|
1431
1472
|
}, 500);
|
|
1432
1473
|
};
|
|
1433
1474
|
const $9b100ac34d01a331$export$210f7e70e69f7df5 = (activity)=>{
|
|
@@ -1435,11 +1476,8 @@ const $9b100ac34d01a331$export$210f7e70e69f7df5 = (activity)=>{
|
|
|
1435
1476
|
if (activity.messageType === "welcome") $9b100ac34d01a331$export$b56465394e2b1287.setState({
|
|
1436
1477
|
homeActivity: activity
|
|
1437
1478
|
});
|
|
1438
|
-
$9b100ac34d01a331$export$
|
|
1439
|
-
|
|
1440
|
-
const $9b100ac34d01a331$export$35bf93b87d9ffb15 = (activity)=>{
|
|
1441
|
-
const retrieving = $9b100ac34d01a331$export$b56465394e2b1287.getState().retrievingConversation;
|
|
1442
|
-
!retrieving && (0, $04ce41b46d359821$export$9a026d007e335fc0)(activity);
|
|
1479
|
+
const currentConversationId = $9b100ac34d01a331$export$b56465394e2b1287.getState().conversationId;
|
|
1480
|
+
currentConversationId && activity.id?.includes(currentConversationId) && $9b100ac34d01a331$export$f9786f6b1a1e81e3(activity);
|
|
1443
1481
|
};
|
|
1444
1482
|
const $9b100ac34d01a331$export$4365557467e67cdc = (value)=>{
|
|
1445
1483
|
const currentState = $9b100ac34d01a331$export$b56465394e2b1287.getState();
|
|
@@ -1456,6 +1494,20 @@ const $9b100ac34d01a331$export$d7e4f7861d387c67 = (value)=>{
|
|
|
1456
1494
|
retrievingConversation: value
|
|
1457
1495
|
});
|
|
1458
1496
|
};
|
|
1497
|
+
const $9b100ac34d01a331$export$110700823644f4a6 = (value)=>{
|
|
1498
|
+
$9b100ac34d01a331$export$b56465394e2b1287.setState({
|
|
1499
|
+
cookie: value
|
|
1500
|
+
});
|
|
1501
|
+
};
|
|
1502
|
+
const $9b100ac34d01a331$export$76568ea212370899 = ()=>{
|
|
1503
|
+
const cookie = $9b100ac34d01a331$export$b56465394e2b1287.getState().cookie;
|
|
1504
|
+
if (cookie) {
|
|
1505
|
+
document.cookie = cookie;
|
|
1506
|
+
$9b100ac34d01a331$export$b56465394e2b1287.setState({
|
|
1507
|
+
cookie: null
|
|
1508
|
+
});
|
|
1509
|
+
}
|
|
1510
|
+
};
|
|
1459
1511
|
const $9b100ac34d01a331$export$b7b23f8e09258fa6 = ()=>{
|
|
1460
1512
|
$9b100ac34d01a331$export$b56465394e2b1287.setState({
|
|
1461
1513
|
...$9b100ac34d01a331$var$initialState
|
|
@@ -1463,7 +1515,6 @@ const $9b100ac34d01a331$export$b7b23f8e09258fa6 = ()=>{
|
|
|
1463
1515
|
};
|
|
1464
1516
|
|
|
1465
1517
|
|
|
1466
|
-
|
|
1467
1518
|
const $9a5f0912c55d1da2$var$regexDataCommand = /(\{data-command=")[\p{L}\p{N}\p{Po}\p{Pd}\p{Pc}\s\u0027\u2019]+("\})(<br\s\/>)?/gu;
|
|
1468
1519
|
const $9a5f0912c55d1da2$var$createCustomStore = (enableConversationCookie, conversationCookieMaxAge, addressData, locale, externalEventHandler, isUsedOnBorne, isRetorikNews)=>{
|
|
1469
1520
|
return (0, $b3y7N$createStore)({}, ({ dispatch: dispatch })=>(next)=>async (action)=>{
|
|
@@ -1500,7 +1551,7 @@ const $9a5f0912c55d1da2$var$createCustomStore = (enableConversationCookie, conve
|
|
|
1500
1551
|
} else if (!(enableConversationCookie === false)) {
|
|
1501
1552
|
const conversationCookie = document.cookie.split("; ").find((row)=>row.startsWith("retorikConversationCookie="))?.split("=")[1];
|
|
1502
1553
|
const fullTenantName = (addressData.baseURI || `${addressData.prefix || ""}${addressData.tenant}`).replace(/;|,|\s/g, "");
|
|
1503
|
-
if (!(conversationCookie && conversationCookie.split("||").length === 2 && conversationCookie.split("||")[1] === fullTenantName))
|
|
1554
|
+
if (!(conversationCookie && conversationCookie.split("||").length === 2 && conversationCookie.split("||")[1] === fullTenantName)) (0, $9b100ac34d01a331$export$110700823644f4a6)(`retorikConversationCookie=${conversationId}||${fullTenantName}; max-age=${conversationCookieMaxAge || 3600}`);
|
|
1504
1555
|
}
|
|
1505
1556
|
break;
|
|
1506
1557
|
}
|
|
@@ -1550,10 +1601,14 @@ const $9a5f0912c55d1da2$var$createCustomStore = (enableConversationCookie, conve
|
|
|
1550
1601
|
if (action.payload?.activity?.type === "event" && action.payload?.activity?.name?.toLowerCase() === "davi.streammessageactivity") {
|
|
1551
1602
|
if (action.payload.activity.text?.trim().length) {
|
|
1552
1603
|
// Create speak field from the text one
|
|
1553
|
-
const processedText = (
|
|
1554
|
-
action.payload.activity.text
|
|
1604
|
+
// const processedText = processMarkdownAndSpeechMarkdown(
|
|
1605
|
+
// action.payload.activity.text,
|
|
1606
|
+
// true
|
|
1607
|
+
// )
|
|
1608
|
+
const processedText = (0, $6e91c96224d17014$export$2e2bcd8739ae039)(action);
|
|
1609
|
+
// action.payload.activity.text = processedText.htmlText
|
|
1555
1610
|
action.payload.activity.speak = processedText.text;
|
|
1556
|
-
(0, $
|
|
1611
|
+
(0, $04ce41b46d359821$export$9a026d007e335fc0)(action.payload.activity);
|
|
1557
1612
|
}
|
|
1558
1613
|
return next(action);
|
|
1559
1614
|
}
|
|
@@ -1755,9 +1810,9 @@ const $56b00880a398c953$var$initialState = {
|
|
|
1755
1810
|
displaySubtitles: false,
|
|
1756
1811
|
agentData: undefined,
|
|
1757
1812
|
loaderClosed: false,
|
|
1813
|
+
appAvailable: false,
|
|
1758
1814
|
currentLayout: (0, $f5ca62954d1f1f5b$export$a31c5a03aaeee5f).agent,
|
|
1759
1815
|
changeLayoutButtonDisplay: false,
|
|
1760
|
-
layoutChanged: false,
|
|
1761
1816
|
userAlreadySet: false,
|
|
1762
1817
|
enableDocumentPrinting: false,
|
|
1763
1818
|
disableSound: false
|
|
@@ -1770,11 +1825,6 @@ const $56b00880a398c953$export$ca8db8ed18ea1d2c = (value)=>{
|
|
|
1770
1825
|
disableSound: value
|
|
1771
1826
|
});
|
|
1772
1827
|
};
|
|
1773
|
-
const $56b00880a398c953$export$29ec02ff899d2b53 = (value)=>{
|
|
1774
|
-
$56b00880a398c953$export$bd22554f31e5f96f.setState({
|
|
1775
|
-
layoutChanged: value
|
|
1776
|
-
});
|
|
1777
|
-
};
|
|
1778
1828
|
const $56b00880a398c953$export$e8437af1f2483b8e = (value)=>{
|
|
1779
1829
|
$56b00880a398c953$export$bd22554f31e5f96f.setState({
|
|
1780
1830
|
currentLayout: value
|
|
@@ -1806,6 +1856,11 @@ const $56b00880a398c953$export$982d69b78a955aaf = (value)=>{
|
|
|
1806
1856
|
loaderClosed: value
|
|
1807
1857
|
});
|
|
1808
1858
|
};
|
|
1859
|
+
const $56b00880a398c953$export$a8ce9bbc5b910a21 = (value)=>{
|
|
1860
|
+
$56b00880a398c953$export$bd22554f31e5f96f.setState({
|
|
1861
|
+
appAvailable: value
|
|
1862
|
+
});
|
|
1863
|
+
};
|
|
1809
1864
|
const $56b00880a398c953$export$f9f752f8a699b258 = (value)=>{
|
|
1810
1865
|
$56b00880a398c953$export$bd22554f31e5f96f.setState({
|
|
1811
1866
|
subtitlesInConfiguration: value
|
|
@@ -1846,14 +1901,10 @@ const $15b0bc93a9787124$var$defaultConfiguration = {
|
|
|
1846
1901
|
};
|
|
1847
1902
|
const $15b0bc93a9787124$var$RetorikContextDefaultValues = {
|
|
1848
1903
|
configuration: $15b0bc93a9787124$var$defaultConfiguration,
|
|
1849
|
-
appAvailable: false,
|
|
1850
|
-
loaderClosed: false,
|
|
1851
1904
|
addressData: {},
|
|
1852
1905
|
baseAddress: "",
|
|
1853
1906
|
canFocusSendBox: false,
|
|
1854
1907
|
setConfiguration: ()=>{},
|
|
1855
|
-
setAppAvailable: ()=>{},
|
|
1856
|
-
setLoaderClosed: ()=>{},
|
|
1857
1908
|
setSendBoxRef: ()=>{},
|
|
1858
1909
|
focusSendBox: ()=>{},
|
|
1859
1910
|
setCanFocusSendBox: ()=>{}
|
|
@@ -1864,8 +1915,6 @@ function $15b0bc93a9787124$export$d8760bee47331b1d() {
|
|
|
1864
1915
|
}
|
|
1865
1916
|
function $15b0bc93a9787124$export$8d0f3aad9142f5c7({ skipLoader: skipLoader, chosenMode: chosenMode, config: config, children: children, addressData: addressData }) {
|
|
1866
1917
|
const [configuration, setConfiguration] = (0, $b3y7N$useState)(config);
|
|
1867
|
-
const [appAvailable, setAppAvailable] = (0, $b3y7N$useState)(false);
|
|
1868
|
-
const [loaderClosed, setLoaderClosed] = (0, $b3y7N$useState)(!!skipLoader);
|
|
1869
1918
|
const [sendBoxRef, setSendBoxRef] = (0, $b3y7N$useState)(null);
|
|
1870
1919
|
const [canFocusSendBox, setCanFocusSendBox] = (0, $b3y7N$useState)(false);
|
|
1871
1920
|
const focusSendBox = ()=>{
|
|
@@ -1876,29 +1925,22 @@ function $15b0bc93a9787124$export$8d0f3aad9142f5c7({ skipLoader: skipLoader, cho
|
|
|
1876
1925
|
}, [
|
|
1877
1926
|
addressData
|
|
1878
1927
|
]);
|
|
1879
|
-
const storeLoaderClosed = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
1880
1928
|
const value = (0, $b3y7N$useMemo)(()=>({
|
|
1881
1929
|
configuration: configuration,
|
|
1882
|
-
appAvailable: appAvailable,
|
|
1883
|
-
loaderClosed: loaderClosed,
|
|
1884
1930
|
addressData: addressData,
|
|
1885
1931
|
baseAddress: baseAddress,
|
|
1886
1932
|
canFocusSendBox: canFocusSendBox,
|
|
1887
1933
|
setConfiguration: setConfiguration,
|
|
1888
|
-
|
|
1889
|
-
setLoaderClosed: setLoaderClosed,
|
|
1934
|
+
setLoaderClosed: $56b00880a398c953$export$982d69b78a955aaf,
|
|
1890
1935
|
setSendBoxRef: setSendBoxRef,
|
|
1891
1936
|
focusSendBox: focusSendBox,
|
|
1892
1937
|
setCanFocusSendBox: setCanFocusSendBox
|
|
1893
1938
|
}), [
|
|
1894
1939
|
configuration,
|
|
1895
|
-
appAvailable,
|
|
1896
|
-
loaderClosed,
|
|
1897
1940
|
baseAddress,
|
|
1898
1941
|
canFocusSendBox,
|
|
1899
1942
|
setConfiguration,
|
|
1900
|
-
|
|
1901
|
-
setLoaderClosed,
|
|
1943
|
+
(0, $56b00880a398c953$export$982d69b78a955aaf),
|
|
1902
1944
|
setSendBoxRef,
|
|
1903
1945
|
setCanFocusSendBox
|
|
1904
1946
|
]);
|
|
@@ -1970,16 +2012,6 @@ function $15b0bc93a9787124$export$8d0f3aad9142f5c7({ skipLoader: skipLoader, cho
|
|
|
1970
2012
|
}, [
|
|
1971
2013
|
chosenMode
|
|
1972
2014
|
]);
|
|
1973
|
-
(0, $b3y7N$useEffect)(()=>{
|
|
1974
|
-
(0, $56b00880a398c953$export$982d69b78a955aaf)(loaderClosed);
|
|
1975
|
-
}, [
|
|
1976
|
-
loaderClosed
|
|
1977
|
-
]);
|
|
1978
|
-
(0, $b3y7N$useEffect)(()=>{
|
|
1979
|
-
if (storeLoaderClosed !== loaderClosed) setLoaderClosed(storeLoaderClosed);
|
|
1980
|
-
}, [
|
|
1981
|
-
storeLoaderClosed
|
|
1982
|
-
]);
|
|
1983
2015
|
(0, $b3y7N$useEffect)(()=>{
|
|
1984
2016
|
setConfiguration(config);
|
|
1985
2017
|
}, [
|
|
@@ -1991,7 +2023,7 @@ function $15b0bc93a9787124$export$8d0f3aad9142f5c7({ skipLoader: skipLoader, cho
|
|
|
1991
2023
|
configuration.position
|
|
1992
2024
|
]);
|
|
1993
2025
|
(0, $b3y7N$useEffect)(()=>{
|
|
1994
|
-
|
|
2026
|
+
(0, $56b00880a398c953$export$982d69b78a955aaf)(!!skipLoader);
|
|
1995
2027
|
}, [
|
|
1996
2028
|
skipLoader
|
|
1997
2029
|
]);
|
|
@@ -2336,6 +2368,7 @@ const $b7c552f6163a7a5c$var$useToggleMicrophone = ()=>{
|
|
|
2336
2368
|
var $b7c552f6163a7a5c$export$2e2bcd8739ae039 = $b7c552f6163a7a5c$var$useToggleMicrophone;
|
|
2337
2369
|
|
|
2338
2370
|
|
|
2371
|
+
|
|
2339
2372
|
const { usePostActivity: $758a083c76f41cee$var$usePostActivity, useSendEvent: $758a083c76f41cee$var$useSendEvent } = (0, $b3y7N$hooks);
|
|
2340
2373
|
var $758a083c76f41cee$var$EventsReceived;
|
|
2341
2374
|
(function($758a083c76f41cee$var$EventsReceived) {
|
|
@@ -2352,7 +2385,9 @@ const $758a083c76f41cee$var$SendActivityEventListener = ({ isRetorikNews: isReto
|
|
|
2352
2385
|
const eventToSend = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.eventToSend);
|
|
2353
2386
|
const displayGDPR = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.GDPRDisplay);
|
|
2354
2387
|
const userConsent = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.GDPRUserConsent);
|
|
2355
|
-
const
|
|
2388
|
+
const loaderClosed = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
2389
|
+
const appAvailable = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.appAvailable);
|
|
2390
|
+
const { configuration: { skipWelcome: skipWelcome } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
2356
2391
|
const toggleMicrophone = (0, $b7c552f6163a7a5c$export$2e2bcd8739ae039)();
|
|
2357
2392
|
const [eventReceived, setEventReceived] = (0, $b3y7N$useState)(null);
|
|
2358
2393
|
const userAlreadySet = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.userAlreadySet);
|
|
@@ -2411,6 +2446,8 @@ const $758a083c76f41cee$var$SendActivityEventListener = ({ isRetorikNews: isReto
|
|
|
2411
2446
|
userConsent: userConsent
|
|
2412
2447
|
});
|
|
2413
2448
|
}, 100);
|
|
2449
|
+
// Set cookie in browser data now
|
|
2450
|
+
(0, $9b100ac34d01a331$export$76568ea212370899)();
|
|
2414
2451
|
}
|
|
2415
2452
|
}, [
|
|
2416
2453
|
appAvailable,
|
|
@@ -2448,557 +2485,124 @@ var $758a083c76f41cee$export$2e2bcd8739ae039 = $758a083c76f41cee$var$SendActivit
|
|
|
2448
2485
|
|
|
2449
2486
|
|
|
2450
2487
|
|
|
2451
|
-
|
|
2452
|
-
|
|
2453
|
-
|
|
2454
|
-
|
|
2455
|
-
|
|
2456
|
-
rgb: "rgb(112, 112, 112)"
|
|
2457
|
-
};
|
|
2458
|
-
const $71132ad06245c2e7$export$d80fe84b82195dbd = {
|
|
2459
|
-
...(0, $cd0e91e00b0900ed$export$c0da64553318f2cb),
|
|
2460
|
-
companyName: "#000",
|
|
2461
|
-
loader: {
|
|
2462
|
-
animation: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
2463
|
-
background: "rgba(18,18,18,0.7)",
|
|
2464
|
-
text: "#FFF",
|
|
2465
|
-
toggle: {
|
|
2466
|
-
text: "#000",
|
|
2467
|
-
background: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary
|
|
2468
|
-
},
|
|
2469
|
-
button: {
|
|
2470
|
-
background: {
|
|
2471
|
-
default: "transparent",
|
|
2472
|
-
hover: "transparent"
|
|
2473
|
-
},
|
|
2474
|
-
border: {
|
|
2475
|
-
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
2476
|
-
hover: "#FFF"
|
|
2477
|
-
},
|
|
2478
|
-
text: {
|
|
2479
|
-
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
2480
|
-
hover: "#FFF"
|
|
2481
|
-
}
|
|
2482
|
-
}
|
|
2488
|
+
const $20f25105ab556570$var$color = "#00D7FF";
|
|
2489
|
+
const $20f25105ab556570$var$white = "#F7F3F6";
|
|
2490
|
+
const $20f25105ab556570$export$d30af3ec38729f1 = {
|
|
2491
|
+
hostCapabilities: {
|
|
2492
|
+
capabilities: null
|
|
2483
2493
|
},
|
|
2484
|
-
|
|
2485
|
-
|
|
2486
|
-
|
|
2487
|
-
|
|
2488
|
-
|
|
2489
|
-
|
|
2490
|
-
|
|
2491
|
-
|
|
2492
|
-
|
|
2493
|
-
|
|
2494
|
-
|
|
2495
|
-
border: {
|
|
2496
|
-
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
2497
|
-
hover: "#FFF"
|
|
2494
|
+
choiceSetInputValueSeparator: ",",
|
|
2495
|
+
supportsInteractivity: true,
|
|
2496
|
+
fontTypes: {
|
|
2497
|
+
default: {
|
|
2498
|
+
fontFamily: '"Helvetica Neue", sans-serif',
|
|
2499
|
+
fontSizes: {
|
|
2500
|
+
small: 12,
|
|
2501
|
+
default: 16,
|
|
2502
|
+
medium: 20,
|
|
2503
|
+
large: 26,
|
|
2504
|
+
extraLarge: 33
|
|
2498
2505
|
},
|
|
2499
|
-
|
|
2500
|
-
|
|
2501
|
-
|
|
2506
|
+
fontWeights: {
|
|
2507
|
+
lighter: 200,
|
|
2508
|
+
default: 300,
|
|
2509
|
+
bolder: 400
|
|
2502
2510
|
}
|
|
2503
2511
|
},
|
|
2504
|
-
|
|
2505
|
-
|
|
2506
|
-
|
|
2507
|
-
|
|
2508
|
-
|
|
2509
|
-
|
|
2510
|
-
|
|
2511
|
-
|
|
2512
|
+
monospace: {
|
|
2513
|
+
fontFamily: '"Helvetica Neue", sans-serif',
|
|
2514
|
+
fontSizes: {
|
|
2515
|
+
small: 12,
|
|
2516
|
+
default: 16,
|
|
2517
|
+
medium: 20,
|
|
2518
|
+
large: 26,
|
|
2519
|
+
extraLarge: 33
|
|
2512
2520
|
},
|
|
2513
|
-
|
|
2514
|
-
|
|
2515
|
-
|
|
2521
|
+
fontWeights: {
|
|
2522
|
+
lighter: 200,
|
|
2523
|
+
default: 300,
|
|
2524
|
+
bolder: 400
|
|
2516
2525
|
}
|
|
2517
2526
|
}
|
|
2518
2527
|
},
|
|
2519
|
-
|
|
2520
|
-
|
|
2521
|
-
|
|
2522
|
-
|
|
2523
|
-
|
|
2524
|
-
|
|
2525
|
-
|
|
2528
|
+
spacing: {
|
|
2529
|
+
small: 8,
|
|
2530
|
+
default: 16,
|
|
2531
|
+
medium: 20,
|
|
2532
|
+
large: 30,
|
|
2533
|
+
extraLarge: 40,
|
|
2534
|
+
padding: 25
|
|
2526
2535
|
},
|
|
2527
|
-
|
|
2528
|
-
|
|
2529
|
-
|
|
2530
|
-
background: "#000"
|
|
2531
|
-
}
|
|
2536
|
+
separator: {
|
|
2537
|
+
lineThickness: 1,
|
|
2538
|
+
lineColor: "transparent"
|
|
2532
2539
|
},
|
|
2533
|
-
|
|
2534
|
-
|
|
2535
|
-
|
|
2536
|
-
|
|
2537
|
-
|
|
2538
|
-
|
|
2539
|
-
|
|
2540
|
-
|
|
2541
|
-
|
|
2542
|
-
|
|
2543
|
-
|
|
2544
|
-
|
|
2545
|
-
|
|
2546
|
-
|
|
2547
|
-
|
|
2548
|
-
|
|
2549
|
-
|
|
2550
|
-
|
|
2551
|
-
|
|
2552
|
-
|
|
2553
|
-
|
|
2554
|
-
|
|
2555
|
-
|
|
2556
|
-
|
|
2540
|
+
imageSizes: {
|
|
2541
|
+
small: 40,
|
|
2542
|
+
medium: 100,
|
|
2543
|
+
large: 160
|
|
2544
|
+
},
|
|
2545
|
+
containerStyles: {
|
|
2546
|
+
default: {
|
|
2547
|
+
foregroundColors: {
|
|
2548
|
+
default: {
|
|
2549
|
+
default: `${$20f25105ab556570$var$white}`,
|
|
2550
|
+
subtle: `${$20f25105ab556570$var$color}`,
|
|
2551
|
+
highlightColors: {
|
|
2552
|
+
default: `${$20f25105ab556570$var$color}`,
|
|
2553
|
+
subtle: "#11000000"
|
|
2554
|
+
}
|
|
2555
|
+
},
|
|
2556
|
+
dark: {
|
|
2557
|
+
default: "#000000",
|
|
2558
|
+
subtle: "#66000000",
|
|
2559
|
+
highlightColors: {
|
|
2560
|
+
default: "#22000000",
|
|
2561
|
+
subtle: "#11000000"
|
|
2562
|
+
}
|
|
2563
|
+
},
|
|
2564
|
+
light: {
|
|
2565
|
+
default: "#FFFFFF",
|
|
2566
|
+
subtle: "#33000000",
|
|
2567
|
+
highlightColors: {
|
|
2568
|
+
default: "#22000000",
|
|
2569
|
+
subtle: "#11000000"
|
|
2570
|
+
}
|
|
2571
|
+
},
|
|
2572
|
+
accent: {
|
|
2573
|
+
default: "#0063B1",
|
|
2574
|
+
subtle: "#0063B1",
|
|
2575
|
+
highlightColors: {
|
|
2576
|
+
default: "#22000000",
|
|
2577
|
+
subtle: "#11000000"
|
|
2578
|
+
}
|
|
2579
|
+
},
|
|
2580
|
+
good: {
|
|
2581
|
+
default: "#54a254",
|
|
2582
|
+
subtle: "#DD54a254",
|
|
2583
|
+
highlightColors: {
|
|
2584
|
+
default: "#22000000",
|
|
2585
|
+
subtle: "#11000000"
|
|
2586
|
+
}
|
|
2587
|
+
},
|
|
2588
|
+
warning: {
|
|
2589
|
+
default: "#c3ab23",
|
|
2590
|
+
subtle: "#DDc3ab23",
|
|
2591
|
+
highlightColors: {
|
|
2592
|
+
default: "#22000000",
|
|
2593
|
+
subtle: "#11000000"
|
|
2594
|
+
}
|
|
2595
|
+
},
|
|
2596
|
+
attention: {
|
|
2597
|
+
default: "#FF0000",
|
|
2598
|
+
subtle: "#DDFF0000",
|
|
2599
|
+
highlightColors: {
|
|
2600
|
+
default: "#22000000",
|
|
2601
|
+
subtle: "#11000000"
|
|
2602
|
+
}
|
|
2603
|
+
}
|
|
2557
2604
|
},
|
|
2558
|
-
|
|
2559
|
-
default: "#FFF",
|
|
2560
|
-
hover: "#FFF"
|
|
2561
|
-
}
|
|
2562
|
-
},
|
|
2563
|
-
likert: {
|
|
2564
|
-
default: "transparent",
|
|
2565
|
-
hover: "#E8B712"
|
|
2566
|
-
}
|
|
2567
|
-
}
|
|
2568
|
-
};
|
|
2569
|
-
const $71132ad06245c2e7$export$1196b7bf97f3d16c = {
|
|
2570
|
-
...(0, $cd0e91e00b0900ed$export$c0da64553318f2cb),
|
|
2571
|
-
companyName: "#000",
|
|
2572
|
-
loader: {
|
|
2573
|
-
animation: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
2574
|
-
background: "rgba(18,18,18,0.7)",
|
|
2575
|
-
text: "#FFF",
|
|
2576
|
-
toggle: {
|
|
2577
|
-
text: "#000",
|
|
2578
|
-
background: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary
|
|
2579
|
-
},
|
|
2580
|
-
button: {
|
|
2581
|
-
background: {
|
|
2582
|
-
default: "transparent",
|
|
2583
|
-
hover: "transparent"
|
|
2584
|
-
},
|
|
2585
|
-
border: {
|
|
2586
|
-
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
2587
|
-
hover: "#FFF"
|
|
2588
|
-
},
|
|
2589
|
-
text: {
|
|
2590
|
-
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
2591
|
-
hover: "#FFF"
|
|
2592
|
-
}
|
|
2593
|
-
}
|
|
2594
|
-
},
|
|
2595
|
-
card: {
|
|
2596
|
-
frame: {
|
|
2597
|
-
background: "#2B2B2B",
|
|
2598
|
-
border: "transparent",
|
|
2599
|
-
text: "#F7F3F6"
|
|
2600
|
-
},
|
|
2601
|
-
button: {
|
|
2602
|
-
background: {
|
|
2603
|
-
default: "transparent",
|
|
2604
|
-
hover: "transparent"
|
|
2605
|
-
},
|
|
2606
|
-
border: {
|
|
2607
|
-
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
2608
|
-
hover: "#FFF"
|
|
2609
|
-
},
|
|
2610
|
-
text: {
|
|
2611
|
-
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
2612
|
-
hover: "#FFF"
|
|
2613
|
-
}
|
|
2614
|
-
},
|
|
2615
|
-
discoverButton: {
|
|
2616
|
-
background: {
|
|
2617
|
-
default: "#eaebf0",
|
|
2618
|
-
hover: "transparent"
|
|
2619
|
-
},
|
|
2620
|
-
border: {
|
|
2621
|
-
default: "transparent",
|
|
2622
|
-
hover: "#FFF"
|
|
2623
|
-
},
|
|
2624
|
-
text: {
|
|
2625
|
-
default: "#575F6B",
|
|
2626
|
-
hover: "#FFF"
|
|
2627
|
-
}
|
|
2628
|
-
}
|
|
2629
|
-
},
|
|
2630
|
-
textMode: {
|
|
2631
|
-
panel: {
|
|
2632
|
-
background: "rgba(255, 255, 255, 0.9)",
|
|
2633
|
-
border: "transparent",
|
|
2634
|
-
conversationUser: "#101219",
|
|
2635
|
-
conversationBot: "#1999B1"
|
|
2636
|
-
}
|
|
2637
|
-
},
|
|
2638
|
-
vocalMode: {
|
|
2639
|
-
subtitles: {
|
|
2640
|
-
text: "#FFF",
|
|
2641
|
-
background: "#000"
|
|
2642
|
-
}
|
|
2643
|
-
},
|
|
2644
|
-
formInput: {
|
|
2645
|
-
text: {
|
|
2646
|
-
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).secondary,
|
|
2647
|
-
hover: "#FFF"
|
|
2648
|
-
},
|
|
2649
|
-
inputRadioCheckbox: {
|
|
2650
|
-
unchecked: {
|
|
2651
|
-
background: "#434141",
|
|
2652
|
-
border: "#818181"
|
|
2653
|
-
},
|
|
2654
|
-
checked: {
|
|
2655
|
-
background: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
2656
|
-
border: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
2657
|
-
item: "#000"
|
|
2658
|
-
}
|
|
2659
|
-
},
|
|
2660
|
-
inputButton: {
|
|
2661
|
-
background: {
|
|
2662
|
-
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).black,
|
|
2663
|
-
hover: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary
|
|
2664
|
-
},
|
|
2665
|
-
border: {
|
|
2666
|
-
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
2667
|
-
hover: "#FFF"
|
|
2668
|
-
},
|
|
2669
|
-
text: {
|
|
2670
|
-
default: "#FFF",
|
|
2671
|
-
hover: "#FFF"
|
|
2672
|
-
}
|
|
2673
|
-
},
|
|
2674
|
-
likert: {
|
|
2675
|
-
default: "transparent",
|
|
2676
|
-
hover: "#E8B712"
|
|
2677
|
-
}
|
|
2678
|
-
}
|
|
2679
|
-
};
|
|
2680
|
-
|
|
2681
|
-
|
|
2682
|
-
|
|
2683
|
-
|
|
2684
|
-
|
|
2685
|
-
const $c7fecc7ec9b4c272$var$defaultConfiguration = {
|
|
2686
|
-
homeRoute: "home",
|
|
2687
|
-
views: {
|
|
2688
|
-
home: {
|
|
2689
|
-
background: {
|
|
2690
|
-
image: "",
|
|
2691
|
-
style: "image"
|
|
2692
|
-
}
|
|
2693
|
-
}
|
|
2694
|
-
}
|
|
2695
|
-
};
|
|
2696
|
-
const $c7fecc7ec9b4c272$var$ViewContextDefaultValues = {
|
|
2697
|
-
configurations: $c7fecc7ec9b4c272$var$defaultConfiguration,
|
|
2698
|
-
route: (0, $f5ca62954d1f1f5b$export$3565eb3d00ca5a74).Home,
|
|
2699
|
-
currentDeviceType: (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).mobile,
|
|
2700
|
-
currentHeight: 1080,
|
|
2701
|
-
currentWidth: 1920,
|
|
2702
|
-
themeColors: (0, $71132ad06245c2e7$export$d80fe84b82195dbd),
|
|
2703
|
-
isTactile: false,
|
|
2704
|
-
isMobile: false,
|
|
2705
|
-
isWidget: false,
|
|
2706
|
-
isLandscape: true,
|
|
2707
|
-
isMobileLandscape: false,
|
|
2708
|
-
isBorne: false,
|
|
2709
|
-
displayControls: true,
|
|
2710
|
-
showHomeAttachments: undefined,
|
|
2711
|
-
mediumLandscape: false,
|
|
2712
|
-
setRoute: ()=>{},
|
|
2713
|
-
setCurrentDeviceType: ()=>{},
|
|
2714
|
-
setCurrentHeight: ()=>{},
|
|
2715
|
-
setCurrentWidth: ()=>{},
|
|
2716
|
-
setDisplayControls: ()=>{},
|
|
2717
|
-
setShowHomeAttachments: ()=>{}
|
|
2718
|
-
};
|
|
2719
|
-
const $c7fecc7ec9b4c272$export$c3ad42ebfc49b96d = /*#__PURE__*/ (0, $b3y7N$createContext)($c7fecc7ec9b4c272$var$ViewContextDefaultValues);
|
|
2720
|
-
function $c7fecc7ec9b4c272$export$3abe3478af3cb63b() {
|
|
2721
|
-
return (0, $b3y7N$useContext)($c7fecc7ec9b4c272$export$c3ad42ebfc49b96d);
|
|
2722
|
-
}
|
|
2723
|
-
function $c7fecc7ec9b4c272$export$50e22524de02f5db({ viewsConfiguration: viewsConfiguration, themeColors: themeColors, children: children }) {
|
|
2724
|
-
const [route, setRoute] = (0, $b3y7N$useState)(viewsConfiguration.homeRoute === "news" ? (0, $f5ca62954d1f1f5b$export$3565eb3d00ca5a74).News : (0, $f5ca62954d1f1f5b$export$3565eb3d00ca5a74).Home);
|
|
2725
|
-
const [currentDeviceType, setCurrentDeviceType] = (0, $b3y7N$useState)((0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).mobile);
|
|
2726
|
-
const [currentHeight, setCurrentHeight] = (0, $b3y7N$useState)(0);
|
|
2727
|
-
const [currentWidth, setCurrentWidth] = (0, $b3y7N$useState)(0);
|
|
2728
|
-
const mediumLandscape = (0, $b3y7N$useMemo)(()=>{
|
|
2729
|
-
return currentWidth < (0, $cd0e91e00b0900ed$export$91e4bf93df95a062);
|
|
2730
|
-
}, [
|
|
2731
|
-
currentWidth
|
|
2732
|
-
]);
|
|
2733
|
-
const [isTactile, setIsTactile] = (0, $b3y7N$useState)(false);
|
|
2734
|
-
const [isMobile, setIsMobile] = (0, $b3y7N$useState)((0, $cd0e91e00b0900ed$export$78f16669b353a880).includes(currentDeviceType));
|
|
2735
|
-
const [isWidget, setIsWidget] = (0, $b3y7N$useState)((0, $cd0e91e00b0900ed$export$909f4c209eb70365).includes(currentDeviceType));
|
|
2736
|
-
const [isLandscape, setIsLandscape] = (0, $b3y7N$useState)((0, $cd0e91e00b0900ed$export$baf53ca377ebf861).includes(currentDeviceType));
|
|
2737
|
-
const [isBorne, setIsBorne] = (0, $b3y7N$useState)((0, $cd0e91e00b0900ed$export$a8576d98c9c928de).includes(currentDeviceType));
|
|
2738
|
-
const isMobileLandscape = (0, $b3y7N$useMemo)(()=>{
|
|
2739
|
-
if (currentDeviceType === (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).mobile && currentHeight < currentWidth) return true;
|
|
2740
|
-
return false;
|
|
2741
|
-
}, [
|
|
2742
|
-
currentHeight,
|
|
2743
|
-
currentWidth,
|
|
2744
|
-
currentDeviceType
|
|
2745
|
-
]);
|
|
2746
|
-
const [displayControls, setDisplayControls] = (0, $b3y7N$useState)(true);
|
|
2747
|
-
const [showHomeAttachments, setShowHomeAttachments] = (0, $b3y7N$useState)(undefined);
|
|
2748
|
-
const value = (0, $b3y7N$useMemo)(()=>({
|
|
2749
|
-
configurations: viewsConfiguration,
|
|
2750
|
-
route: route,
|
|
2751
|
-
currentDeviceType: currentDeviceType,
|
|
2752
|
-
currentHeight: currentHeight,
|
|
2753
|
-
currentWidth: currentWidth,
|
|
2754
|
-
themeColors: themeColors,
|
|
2755
|
-
isTactile: isTactile,
|
|
2756
|
-
isMobile: isMobile,
|
|
2757
|
-
isWidget: isWidget,
|
|
2758
|
-
isLandscape: isLandscape,
|
|
2759
|
-
isBorne: isBorne,
|
|
2760
|
-
isMobileLandscape: isMobileLandscape,
|
|
2761
|
-
displayControls: displayControls,
|
|
2762
|
-
showHomeAttachments: showHomeAttachments,
|
|
2763
|
-
mediumLandscape: mediumLandscape,
|
|
2764
|
-
setRoute: setRoute,
|
|
2765
|
-
setCurrentDeviceType: setCurrentDeviceType,
|
|
2766
|
-
setCurrentHeight: setCurrentHeight,
|
|
2767
|
-
setCurrentWidth: setCurrentWidth,
|
|
2768
|
-
setDisplayControls: setDisplayControls,
|
|
2769
|
-
setShowHomeAttachments: setShowHomeAttachments
|
|
2770
|
-
}), [
|
|
2771
|
-
viewsConfiguration,
|
|
2772
|
-
route,
|
|
2773
|
-
currentDeviceType,
|
|
2774
|
-
currentHeight,
|
|
2775
|
-
currentWidth,
|
|
2776
|
-
themeColors,
|
|
2777
|
-
isTactile,
|
|
2778
|
-
isMobile,
|
|
2779
|
-
isWidget,
|
|
2780
|
-
isLandscape,
|
|
2781
|
-
isBorne,
|
|
2782
|
-
isMobileLandscape,
|
|
2783
|
-
displayControls,
|
|
2784
|
-
showHomeAttachments,
|
|
2785
|
-
mediumLandscape,
|
|
2786
|
-
setRoute,
|
|
2787
|
-
setCurrentDeviceType,
|
|
2788
|
-
setCurrentHeight,
|
|
2789
|
-
setCurrentWidth,
|
|
2790
|
-
setDisplayControls,
|
|
2791
|
-
setShowHomeAttachments
|
|
2792
|
-
]);
|
|
2793
|
-
(0, $b3y7N$useEffect)(()=>{
|
|
2794
|
-
setIsMobile((0, $cd0e91e00b0900ed$export$78f16669b353a880).includes(currentDeviceType));
|
|
2795
|
-
setIsWidget((0, $cd0e91e00b0900ed$export$909f4c209eb70365).includes(currentDeviceType));
|
|
2796
|
-
setIsLandscape((0, $cd0e91e00b0900ed$export$baf53ca377ebf861).includes(currentDeviceType));
|
|
2797
|
-
setIsBorne((0, $cd0e91e00b0900ed$export$a8576d98c9c928de).includes(currentDeviceType));
|
|
2798
|
-
}, [
|
|
2799
|
-
currentDeviceType
|
|
2800
|
-
]);
|
|
2801
|
-
(0, $b3y7N$useEffect)(()=>{
|
|
2802
|
-
setIsTactile("ontouchstart" in window || navigator.maxTouchPoints > 0);
|
|
2803
|
-
}, []);
|
|
2804
|
-
(0, $b3y7N$useEffect)(()=>{
|
|
2805
|
-
!showHomeAttachments && (0, $04ce41b46d359821$export$babd960d95248836)(undefined);
|
|
2806
|
-
}, [
|
|
2807
|
-
showHomeAttachments
|
|
2808
|
-
]);
|
|
2809
|
-
return /*#__PURE__*/ (0, $b3y7N$jsx)((0, $b3y7N$react).Fragment, {
|
|
2810
|
-
children: /*#__PURE__*/ (0, $b3y7N$jsx)($c7fecc7ec9b4c272$export$c3ad42ebfc49b96d.Provider, {
|
|
2811
|
-
value: value,
|
|
2812
|
-
children: children
|
|
2813
|
-
})
|
|
2814
|
-
});
|
|
2815
|
-
}
|
|
2816
|
-
|
|
2817
|
-
|
|
2818
|
-
const $4c54e002ebd97cf8$var$SpeechContextDefaultValues = {
|
|
2819
|
-
// Common data
|
|
2820
|
-
ponyfillCredentials: {
|
|
2821
|
-
region: "francecentral",
|
|
2822
|
-
subscriptionKey: ""
|
|
2823
|
-
},
|
|
2824
|
-
// Speech synthesis data
|
|
2825
|
-
voice: null,
|
|
2826
|
-
customVoice: undefined,
|
|
2827
|
-
setVoice: ()=>{},
|
|
2828
|
-
// Speech recognition data
|
|
2829
|
-
useContinuousRecognition: true,
|
|
2830
|
-
setUseContinuousRecognition: ()=>{}
|
|
2831
|
-
};
|
|
2832
|
-
const $4c54e002ebd97cf8$export$11ed12a49459a250 = /*#__PURE__*/ (0, $b3y7N$createContext)($4c54e002ebd97cf8$var$SpeechContextDefaultValues);
|
|
2833
|
-
function $4c54e002ebd97cf8$export$57e792e009c800a0() {
|
|
2834
|
-
return (0, $b3y7N$useContext)($4c54e002ebd97cf8$export$11ed12a49459a250);
|
|
2835
|
-
}
|
|
2836
|
-
function $4c54e002ebd97cf8$export$c3549adc483a11c2({ ponyfillFactoryCredentials: ponyfillFactoryCredentials, customVoice: customVoice, children: children }) {
|
|
2837
|
-
const { configuration: { speechRecognitionOptions: speechRecognitionOptions } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
2838
|
-
const { currentDeviceType: currentDeviceType } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
2839
|
-
const checkContinuousSpeechRecognition = ()=>{
|
|
2840
|
-
if (speechRecognitionOptions?.enableContinuousRecognitionOnAllDevices) return true;
|
|
2841
|
-
if (speechRecognitionOptions?.enableContinuousRecognitionOn) switch(currentDeviceType){
|
|
2842
|
-
case (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).mobile:
|
|
2843
|
-
return !!speechRecognitionOptions.enableContinuousRecognitionOn.mobile;
|
|
2844
|
-
case (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).widget:
|
|
2845
|
-
return !!speechRecognitionOptions.enableContinuousRecognitionOn.widget;
|
|
2846
|
-
case (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).landscape:
|
|
2847
|
-
return !!speechRecognitionOptions.enableContinuousRecognitionOn.desktop;
|
|
2848
|
-
case (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).borne:
|
|
2849
|
-
return !!speechRecognitionOptions.enableContinuousRecognitionOn.borne;
|
|
2850
|
-
default:
|
|
2851
|
-
return false;
|
|
2852
|
-
}
|
|
2853
|
-
return false;
|
|
2854
|
-
};
|
|
2855
|
-
const [voice, setVoice] = (0, $b3y7N$useState)(null);
|
|
2856
|
-
const [useContinuousRecognition, setUseContinuousRecognition] = (0, $b3y7N$useState)(checkContinuousSpeechRecognition());
|
|
2857
|
-
const value = (0, $b3y7N$useMemo)(()=>({
|
|
2858
|
-
ponyfillCredentials: ponyfillFactoryCredentials,
|
|
2859
|
-
voice: voice,
|
|
2860
|
-
customVoice: customVoice,
|
|
2861
|
-
setVoice: setVoice,
|
|
2862
|
-
useContinuousRecognition: useContinuousRecognition,
|
|
2863
|
-
setUseContinuousRecognition: setUseContinuousRecognition
|
|
2864
|
-
}), [
|
|
2865
|
-
ponyfillFactoryCredentials,
|
|
2866
|
-
voice,
|
|
2867
|
-
customVoice,
|
|
2868
|
-
setVoice,
|
|
2869
|
-
useContinuousRecognition,
|
|
2870
|
-
setUseContinuousRecognition
|
|
2871
|
-
]);
|
|
2872
|
-
return /*#__PURE__*/ (0, $b3y7N$jsx)((0, $b3y7N$react).Fragment, {
|
|
2873
|
-
children: /*#__PURE__*/ (0, $b3y7N$jsx)($4c54e002ebd97cf8$export$11ed12a49459a250.Provider, {
|
|
2874
|
-
value: value,
|
|
2875
|
-
children: children
|
|
2876
|
-
})
|
|
2877
|
-
});
|
|
2878
|
-
}
|
|
2879
|
-
|
|
2880
|
-
|
|
2881
|
-
|
|
2882
|
-
|
|
2883
|
-
|
|
2884
|
-
const $20f25105ab556570$var$color = "#00D7FF";
|
|
2885
|
-
const $20f25105ab556570$var$white = "#F7F3F6";
|
|
2886
|
-
const $20f25105ab556570$export$d30af3ec38729f1 = {
|
|
2887
|
-
hostCapabilities: {
|
|
2888
|
-
capabilities: null
|
|
2889
|
-
},
|
|
2890
|
-
choiceSetInputValueSeparator: ",",
|
|
2891
|
-
supportsInteractivity: true,
|
|
2892
|
-
fontTypes: {
|
|
2893
|
-
default: {
|
|
2894
|
-
fontFamily: '"Helvetica Neue", sans-serif',
|
|
2895
|
-
fontSizes: {
|
|
2896
|
-
small: 12,
|
|
2897
|
-
default: 16,
|
|
2898
|
-
medium: 20,
|
|
2899
|
-
large: 26,
|
|
2900
|
-
extraLarge: 33
|
|
2901
|
-
},
|
|
2902
|
-
fontWeights: {
|
|
2903
|
-
lighter: 200,
|
|
2904
|
-
default: 300,
|
|
2905
|
-
bolder: 400
|
|
2906
|
-
}
|
|
2907
|
-
},
|
|
2908
|
-
monospace: {
|
|
2909
|
-
fontFamily: '"Helvetica Neue", sans-serif',
|
|
2910
|
-
fontSizes: {
|
|
2911
|
-
small: 12,
|
|
2912
|
-
default: 16,
|
|
2913
|
-
medium: 20,
|
|
2914
|
-
large: 26,
|
|
2915
|
-
extraLarge: 33
|
|
2916
|
-
},
|
|
2917
|
-
fontWeights: {
|
|
2918
|
-
lighter: 200,
|
|
2919
|
-
default: 300,
|
|
2920
|
-
bolder: 400
|
|
2921
|
-
}
|
|
2922
|
-
}
|
|
2923
|
-
},
|
|
2924
|
-
spacing: {
|
|
2925
|
-
small: 8,
|
|
2926
|
-
default: 16,
|
|
2927
|
-
medium: 20,
|
|
2928
|
-
large: 30,
|
|
2929
|
-
extraLarge: 40,
|
|
2930
|
-
padding: 25
|
|
2931
|
-
},
|
|
2932
|
-
separator: {
|
|
2933
|
-
lineThickness: 1,
|
|
2934
|
-
lineColor: "transparent"
|
|
2935
|
-
},
|
|
2936
|
-
imageSizes: {
|
|
2937
|
-
small: 40,
|
|
2938
|
-
medium: 100,
|
|
2939
|
-
large: 160
|
|
2940
|
-
},
|
|
2941
|
-
containerStyles: {
|
|
2942
|
-
default: {
|
|
2943
|
-
foregroundColors: {
|
|
2944
|
-
default: {
|
|
2945
|
-
default: `${$20f25105ab556570$var$white}`,
|
|
2946
|
-
subtle: `${$20f25105ab556570$var$color}`,
|
|
2947
|
-
highlightColors: {
|
|
2948
|
-
default: `${$20f25105ab556570$var$color}`,
|
|
2949
|
-
subtle: "#11000000"
|
|
2950
|
-
}
|
|
2951
|
-
},
|
|
2952
|
-
dark: {
|
|
2953
|
-
default: "#000000",
|
|
2954
|
-
subtle: "#66000000",
|
|
2955
|
-
highlightColors: {
|
|
2956
|
-
default: "#22000000",
|
|
2957
|
-
subtle: "#11000000"
|
|
2958
|
-
}
|
|
2959
|
-
},
|
|
2960
|
-
light: {
|
|
2961
|
-
default: "#FFFFFF",
|
|
2962
|
-
subtle: "#33000000",
|
|
2963
|
-
highlightColors: {
|
|
2964
|
-
default: "#22000000",
|
|
2965
|
-
subtle: "#11000000"
|
|
2966
|
-
}
|
|
2967
|
-
},
|
|
2968
|
-
accent: {
|
|
2969
|
-
default: "#0063B1",
|
|
2970
|
-
subtle: "#0063B1",
|
|
2971
|
-
highlightColors: {
|
|
2972
|
-
default: "#22000000",
|
|
2973
|
-
subtle: "#11000000"
|
|
2974
|
-
}
|
|
2975
|
-
},
|
|
2976
|
-
good: {
|
|
2977
|
-
default: "#54a254",
|
|
2978
|
-
subtle: "#DD54a254",
|
|
2979
|
-
highlightColors: {
|
|
2980
|
-
default: "#22000000",
|
|
2981
|
-
subtle: "#11000000"
|
|
2982
|
-
}
|
|
2983
|
-
},
|
|
2984
|
-
warning: {
|
|
2985
|
-
default: "#c3ab23",
|
|
2986
|
-
subtle: "#DDc3ab23",
|
|
2987
|
-
highlightColors: {
|
|
2988
|
-
default: "#22000000",
|
|
2989
|
-
subtle: "#11000000"
|
|
2990
|
-
}
|
|
2991
|
-
},
|
|
2992
|
-
attention: {
|
|
2993
|
-
default: "#FF0000",
|
|
2994
|
-
subtle: "#DDFF0000",
|
|
2995
|
-
highlightColors: {
|
|
2996
|
-
default: "#22000000",
|
|
2997
|
-
subtle: "#11000000"
|
|
2998
|
-
}
|
|
2999
|
-
}
|
|
3000
|
-
},
|
|
3001
|
-
backgroundColor: "transparent"
|
|
2605
|
+
backgroundColor: "transparent"
|
|
3002
2606
|
},
|
|
3003
2607
|
emphasis: {
|
|
3004
2608
|
foregroundColors: {
|
|
@@ -3380,11 +2984,373 @@ const $a7785ea555b97582$var$Radio = ({ className: className, title: title, handl
|
|
|
3380
2984
|
]
|
|
3381
2985
|
});
|
|
3382
2986
|
};
|
|
3383
|
-
var $a7785ea555b97582$export$2e2bcd8739ae039 = $a7785ea555b97582$var$Radio;
|
|
2987
|
+
var $a7785ea555b97582$export$2e2bcd8739ae039 = $a7785ea555b97582$var$Radio;
|
|
2988
|
+
|
|
2989
|
+
|
|
2990
|
+
|
|
2991
|
+
/* eslint-disable react/self-closing-comp */
|
|
2992
|
+
|
|
2993
|
+
|
|
2994
|
+
|
|
2995
|
+
|
|
2996
|
+
const $71132ad06245c2e7$export$4aebf65ed07cf17b = {
|
|
2997
|
+
rgb: "rgb(112, 112, 112)"
|
|
2998
|
+
};
|
|
2999
|
+
const $71132ad06245c2e7$export$d80fe84b82195dbd = {
|
|
3000
|
+
...(0, $cd0e91e00b0900ed$export$c0da64553318f2cb),
|
|
3001
|
+
companyName: "#000",
|
|
3002
|
+
loader: {
|
|
3003
|
+
animation: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
3004
|
+
background: "rgba(18,18,18,0.7)",
|
|
3005
|
+
text: "#FFF",
|
|
3006
|
+
toggle: {
|
|
3007
|
+
text: "#000",
|
|
3008
|
+
background: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary
|
|
3009
|
+
},
|
|
3010
|
+
button: {
|
|
3011
|
+
background: {
|
|
3012
|
+
default: "transparent",
|
|
3013
|
+
hover: "transparent"
|
|
3014
|
+
},
|
|
3015
|
+
border: {
|
|
3016
|
+
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
3017
|
+
hover: "#FFF"
|
|
3018
|
+
},
|
|
3019
|
+
text: {
|
|
3020
|
+
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
3021
|
+
hover: "#FFF"
|
|
3022
|
+
}
|
|
3023
|
+
}
|
|
3024
|
+
},
|
|
3025
|
+
card: {
|
|
3026
|
+
frame: {
|
|
3027
|
+
background: "#2B2B2B",
|
|
3028
|
+
border: "transparent",
|
|
3029
|
+
text: "#F7F3F6"
|
|
3030
|
+
},
|
|
3031
|
+
button: {
|
|
3032
|
+
background: {
|
|
3033
|
+
default: "transparent",
|
|
3034
|
+
hover: "transparent"
|
|
3035
|
+
},
|
|
3036
|
+
border: {
|
|
3037
|
+
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
3038
|
+
hover: "#FFF"
|
|
3039
|
+
},
|
|
3040
|
+
text: {
|
|
3041
|
+
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
3042
|
+
hover: "#FFF"
|
|
3043
|
+
}
|
|
3044
|
+
},
|
|
3045
|
+
discoverButton: {
|
|
3046
|
+
background: {
|
|
3047
|
+
default: "#eaebf0",
|
|
3048
|
+
hover: "transparent"
|
|
3049
|
+
},
|
|
3050
|
+
border: {
|
|
3051
|
+
default: "transparent",
|
|
3052
|
+
hover: "#FFF"
|
|
3053
|
+
},
|
|
3054
|
+
text: {
|
|
3055
|
+
default: "#575F6B",
|
|
3056
|
+
hover: "#FFF"
|
|
3057
|
+
}
|
|
3058
|
+
}
|
|
3059
|
+
},
|
|
3060
|
+
textMode: {
|
|
3061
|
+
panel: {
|
|
3062
|
+
background: "rgba(255, 255, 255, 0.9)",
|
|
3063
|
+
border: "transparent",
|
|
3064
|
+
conversationUser: "#101219",
|
|
3065
|
+
conversationBot: "#1999B1"
|
|
3066
|
+
}
|
|
3067
|
+
},
|
|
3068
|
+
vocalMode: {
|
|
3069
|
+
subtitles: {
|
|
3070
|
+
text: "#FFF",
|
|
3071
|
+
background: "#000"
|
|
3072
|
+
}
|
|
3073
|
+
},
|
|
3074
|
+
formInput: {
|
|
3075
|
+
text: {
|
|
3076
|
+
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).secondary,
|
|
3077
|
+
hover: "#FFF"
|
|
3078
|
+
},
|
|
3079
|
+
inputRadioCheckbox: {
|
|
3080
|
+
unchecked: {
|
|
3081
|
+
background: "#434141",
|
|
3082
|
+
border: "#818181"
|
|
3083
|
+
},
|
|
3084
|
+
checked: {
|
|
3085
|
+
background: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
3086
|
+
border: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
3087
|
+
item: "#000"
|
|
3088
|
+
}
|
|
3089
|
+
},
|
|
3090
|
+
inputButton: {
|
|
3091
|
+
background: {
|
|
3092
|
+
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).black,
|
|
3093
|
+
hover: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary
|
|
3094
|
+
},
|
|
3095
|
+
border: {
|
|
3096
|
+
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
3097
|
+
hover: "#FFF"
|
|
3098
|
+
},
|
|
3099
|
+
text: {
|
|
3100
|
+
default: "#FFF",
|
|
3101
|
+
hover: "#FFF"
|
|
3102
|
+
}
|
|
3103
|
+
},
|
|
3104
|
+
likert: {
|
|
3105
|
+
default: "transparent",
|
|
3106
|
+
hover: "#E8B712"
|
|
3107
|
+
}
|
|
3108
|
+
}
|
|
3109
|
+
};
|
|
3110
|
+
const $71132ad06245c2e7$export$1196b7bf97f3d16c = {
|
|
3111
|
+
...(0, $cd0e91e00b0900ed$export$c0da64553318f2cb),
|
|
3112
|
+
companyName: "#000",
|
|
3113
|
+
loader: {
|
|
3114
|
+
animation: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
3115
|
+
background: "rgba(18,18,18,0.7)",
|
|
3116
|
+
text: "#FFF",
|
|
3117
|
+
toggle: {
|
|
3118
|
+
text: "#000",
|
|
3119
|
+
background: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary
|
|
3120
|
+
},
|
|
3121
|
+
button: {
|
|
3122
|
+
background: {
|
|
3123
|
+
default: "transparent",
|
|
3124
|
+
hover: "transparent"
|
|
3125
|
+
},
|
|
3126
|
+
border: {
|
|
3127
|
+
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
3128
|
+
hover: "#FFF"
|
|
3129
|
+
},
|
|
3130
|
+
text: {
|
|
3131
|
+
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
3132
|
+
hover: "#FFF"
|
|
3133
|
+
}
|
|
3134
|
+
}
|
|
3135
|
+
},
|
|
3136
|
+
card: {
|
|
3137
|
+
frame: {
|
|
3138
|
+
background: "#2B2B2B",
|
|
3139
|
+
border: "transparent",
|
|
3140
|
+
text: "#F7F3F6"
|
|
3141
|
+
},
|
|
3142
|
+
button: {
|
|
3143
|
+
background: {
|
|
3144
|
+
default: "transparent",
|
|
3145
|
+
hover: "transparent"
|
|
3146
|
+
},
|
|
3147
|
+
border: {
|
|
3148
|
+
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
3149
|
+
hover: "#FFF"
|
|
3150
|
+
},
|
|
3151
|
+
text: {
|
|
3152
|
+
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
3153
|
+
hover: "#FFF"
|
|
3154
|
+
}
|
|
3155
|
+
},
|
|
3156
|
+
discoverButton: {
|
|
3157
|
+
background: {
|
|
3158
|
+
default: "#eaebf0",
|
|
3159
|
+
hover: "transparent"
|
|
3160
|
+
},
|
|
3161
|
+
border: {
|
|
3162
|
+
default: "transparent",
|
|
3163
|
+
hover: "#FFF"
|
|
3164
|
+
},
|
|
3165
|
+
text: {
|
|
3166
|
+
default: "#575F6B",
|
|
3167
|
+
hover: "#FFF"
|
|
3168
|
+
}
|
|
3169
|
+
}
|
|
3170
|
+
},
|
|
3171
|
+
textMode: {
|
|
3172
|
+
panel: {
|
|
3173
|
+
background: "rgba(255, 255, 255, 0.9)",
|
|
3174
|
+
border: "transparent",
|
|
3175
|
+
conversationUser: "#101219",
|
|
3176
|
+
conversationBot: "#1999B1"
|
|
3177
|
+
}
|
|
3178
|
+
},
|
|
3179
|
+
vocalMode: {
|
|
3180
|
+
subtitles: {
|
|
3181
|
+
text: "#FFF",
|
|
3182
|
+
background: "#000"
|
|
3183
|
+
}
|
|
3184
|
+
},
|
|
3185
|
+
formInput: {
|
|
3186
|
+
text: {
|
|
3187
|
+
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).secondary,
|
|
3188
|
+
hover: "#FFF"
|
|
3189
|
+
},
|
|
3190
|
+
inputRadioCheckbox: {
|
|
3191
|
+
unchecked: {
|
|
3192
|
+
background: "#434141",
|
|
3193
|
+
border: "#818181"
|
|
3194
|
+
},
|
|
3195
|
+
checked: {
|
|
3196
|
+
background: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
3197
|
+
border: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
3198
|
+
item: "#000"
|
|
3199
|
+
}
|
|
3200
|
+
},
|
|
3201
|
+
inputButton: {
|
|
3202
|
+
background: {
|
|
3203
|
+
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).black,
|
|
3204
|
+
hover: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary
|
|
3205
|
+
},
|
|
3206
|
+
border: {
|
|
3207
|
+
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
3208
|
+
hover: "#FFF"
|
|
3209
|
+
},
|
|
3210
|
+
text: {
|
|
3211
|
+
default: "#FFF",
|
|
3212
|
+
hover: "#FFF"
|
|
3213
|
+
}
|
|
3214
|
+
},
|
|
3215
|
+
likert: {
|
|
3216
|
+
default: "transparent",
|
|
3217
|
+
hover: "#E8B712"
|
|
3218
|
+
}
|
|
3219
|
+
}
|
|
3220
|
+
};
|
|
3221
|
+
|
|
3222
|
+
|
|
3223
|
+
|
|
3224
|
+
|
|
3225
|
+
|
|
3226
|
+
|
|
3227
|
+
|
|
3228
|
+
|
|
3229
|
+
const $957e950ca3ff2781$var$initialState = {
|
|
3230
|
+
currentDeviceType: (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).mobile,
|
|
3231
|
+
isMobile: false,
|
|
3232
|
+
isWidget: false,
|
|
3233
|
+
isLandscape: true,
|
|
3234
|
+
isBorne: false
|
|
3235
|
+
};
|
|
3236
|
+
const $957e950ca3ff2781$export$d13b2577cb75f2ad = (0, $b3y7N$create)()(()=>{
|
|
3237
|
+
return $957e950ca3ff2781$var$initialState;
|
|
3238
|
+
});
|
|
3239
|
+
const $957e950ca3ff2781$export$1ae69652bfc21d9e = (value)=>{
|
|
3240
|
+
$957e950ca3ff2781$export$d13b2577cb75f2ad.setState({
|
|
3241
|
+
currentDeviceType: value,
|
|
3242
|
+
isMobile: (0, $cd0e91e00b0900ed$export$78f16669b353a880).includes(value),
|
|
3243
|
+
isWidget: (0, $cd0e91e00b0900ed$export$909f4c209eb70365).includes(value),
|
|
3244
|
+
isLandscape: (0, $cd0e91e00b0900ed$export$baf53ca377ebf861).includes(value),
|
|
3245
|
+
isBorne: (0, $cd0e91e00b0900ed$export$a8576d98c9c928de).includes(value)
|
|
3246
|
+
});
|
|
3247
|
+
};
|
|
3384
3248
|
|
|
3385
3249
|
|
|
3250
|
+
const $c7fecc7ec9b4c272$var$defaultConfiguration = {
|
|
3251
|
+
homeRoute: "home",
|
|
3252
|
+
views: {
|
|
3253
|
+
home: {
|
|
3254
|
+
background: {
|
|
3255
|
+
image: "",
|
|
3256
|
+
style: "image"
|
|
3257
|
+
}
|
|
3258
|
+
}
|
|
3259
|
+
}
|
|
3260
|
+
};
|
|
3261
|
+
const $c7fecc7ec9b4c272$var$ViewContextDefaultValues = {
|
|
3262
|
+
configurations: $c7fecc7ec9b4c272$var$defaultConfiguration,
|
|
3263
|
+
route: (0, $f5ca62954d1f1f5b$export$3565eb3d00ca5a74).Home,
|
|
3264
|
+
currentHeight: 1080,
|
|
3265
|
+
currentWidth: 1920,
|
|
3266
|
+
themeColors: (0, $71132ad06245c2e7$export$d80fe84b82195dbd),
|
|
3267
|
+
isTactile: false,
|
|
3268
|
+
isMobileLandscape: false,
|
|
3269
|
+
displayControls: true,
|
|
3270
|
+
showHomeAttachments: undefined,
|
|
3271
|
+
mediumLandscape: false,
|
|
3272
|
+
setRoute: ()=>{},
|
|
3273
|
+
setCurrentHeight: ()=>{},
|
|
3274
|
+
setCurrentWidth: ()=>{},
|
|
3275
|
+
setDisplayControls: ()=>{},
|
|
3276
|
+
setShowHomeAttachments: ()=>{}
|
|
3277
|
+
};
|
|
3278
|
+
const $c7fecc7ec9b4c272$export$c3ad42ebfc49b96d = /*#__PURE__*/ (0, $b3y7N$createContext)($c7fecc7ec9b4c272$var$ViewContextDefaultValues);
|
|
3279
|
+
function $c7fecc7ec9b4c272$export$3abe3478af3cb63b() {
|
|
3280
|
+
return (0, $b3y7N$useContext)($c7fecc7ec9b4c272$export$c3ad42ebfc49b96d);
|
|
3281
|
+
}
|
|
3282
|
+
function $c7fecc7ec9b4c272$export$50e22524de02f5db({ viewsConfiguration: viewsConfiguration, themeColors: themeColors, children: children }) {
|
|
3283
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
3284
|
+
const [route, setRoute] = (0, $b3y7N$useState)(viewsConfiguration.homeRoute === "news" ? (0, $f5ca62954d1f1f5b$export$3565eb3d00ca5a74).News : (0, $f5ca62954d1f1f5b$export$3565eb3d00ca5a74).Home);
|
|
3285
|
+
const [currentHeight, setCurrentHeight] = (0, $b3y7N$useState)(0);
|
|
3286
|
+
const [currentWidth, setCurrentWidth] = (0, $b3y7N$useState)(0);
|
|
3287
|
+
const mediumLandscape = (0, $b3y7N$useMemo)(()=>{
|
|
3288
|
+
return currentWidth < (0, $cd0e91e00b0900ed$export$91e4bf93df95a062);
|
|
3289
|
+
}, [
|
|
3290
|
+
currentWidth
|
|
3291
|
+
]);
|
|
3292
|
+
const [isTactile, setIsTactile] = (0, $b3y7N$useState)(false);
|
|
3293
|
+
const isMobileLandscape = (0, $b3y7N$useMemo)(()=>{
|
|
3294
|
+
if (currentDeviceType === (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).mobile && currentHeight < currentWidth) return true;
|
|
3295
|
+
return false;
|
|
3296
|
+
}, [
|
|
3297
|
+
currentHeight,
|
|
3298
|
+
currentWidth,
|
|
3299
|
+
currentDeviceType
|
|
3300
|
+
]);
|
|
3301
|
+
const [displayControls, setDisplayControls] = (0, $b3y7N$useState)(true);
|
|
3302
|
+
const [showHomeAttachments, setShowHomeAttachments] = (0, $b3y7N$useState)(undefined);
|
|
3303
|
+
const value = (0, $b3y7N$useMemo)(()=>({
|
|
3304
|
+
configurations: viewsConfiguration,
|
|
3305
|
+
route: route,
|
|
3306
|
+
currentDeviceType: currentDeviceType,
|
|
3307
|
+
currentHeight: currentHeight,
|
|
3308
|
+
currentWidth: currentWidth,
|
|
3309
|
+
themeColors: themeColors,
|
|
3310
|
+
isTactile: isTactile,
|
|
3311
|
+
isMobileLandscape: isMobileLandscape,
|
|
3312
|
+
displayControls: displayControls,
|
|
3313
|
+
showHomeAttachments: showHomeAttachments,
|
|
3314
|
+
mediumLandscape: mediumLandscape,
|
|
3315
|
+
setRoute: setRoute,
|
|
3316
|
+
setCurrentHeight: setCurrentHeight,
|
|
3317
|
+
setCurrentWidth: setCurrentWidth,
|
|
3318
|
+
setDisplayControls: setDisplayControls,
|
|
3319
|
+
setShowHomeAttachments: setShowHomeAttachments
|
|
3320
|
+
}), [
|
|
3321
|
+
viewsConfiguration,
|
|
3322
|
+
route,
|
|
3323
|
+
currentDeviceType,
|
|
3324
|
+
currentHeight,
|
|
3325
|
+
currentWidth,
|
|
3326
|
+
themeColors,
|
|
3327
|
+
isTactile,
|
|
3328
|
+
isMobileLandscape,
|
|
3329
|
+
displayControls,
|
|
3330
|
+
showHomeAttachments,
|
|
3331
|
+
mediumLandscape,
|
|
3332
|
+
setRoute,
|
|
3333
|
+
setCurrentHeight,
|
|
3334
|
+
setCurrentWidth,
|
|
3335
|
+
setDisplayControls,
|
|
3336
|
+
setShowHomeAttachments
|
|
3337
|
+
]);
|
|
3338
|
+
(0, $b3y7N$useEffect)(()=>{
|
|
3339
|
+
setIsTactile("ontouchstart" in window || navigator.maxTouchPoints > 0);
|
|
3340
|
+
}, []);
|
|
3341
|
+
(0, $b3y7N$useEffect)(()=>{
|
|
3342
|
+
!showHomeAttachments && (0, $04ce41b46d359821$export$babd960d95248836)(undefined);
|
|
3343
|
+
}, [
|
|
3344
|
+
showHomeAttachments
|
|
3345
|
+
]);
|
|
3346
|
+
return /*#__PURE__*/ (0, $b3y7N$jsx)((0, $b3y7N$react).Fragment, {
|
|
3347
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)($c7fecc7ec9b4c272$export$c3ad42ebfc49b96d.Provider, {
|
|
3348
|
+
value: value,
|
|
3349
|
+
children: children
|
|
3350
|
+
})
|
|
3351
|
+
});
|
|
3352
|
+
}
|
|
3386
3353
|
|
|
3387
|
-
/* eslint-disable react/self-closing-comp */
|
|
3388
3354
|
|
|
3389
3355
|
|
|
3390
3356
|
|
|
@@ -3721,7 +3687,8 @@ const { useSendMessage: $82ab8a9537e8d797$var$useSendMessage } = (0, $b3y7N$hook
|
|
|
3721
3687
|
const $82ab8a9537e8d797$var$SendTextBox = ({ className: className, withButton: withButton })=>{
|
|
3722
3688
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
3723
3689
|
const { setSendBoxRef: setSendBoxRef, canFocusSendBox: canFocusSendBox } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
3724
|
-
const
|
|
3690
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
3691
|
+
const { themeColors: themeColors } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
3725
3692
|
const sendMessage = $82ab8a9537e8d797$var$useSendMessage();
|
|
3726
3693
|
const [height, setHeight] = (0, $b3y7N$useState)();
|
|
3727
3694
|
const [message, setMessage] = (0, $b3y7N$useState)("");
|
|
@@ -3778,7 +3745,7 @@ const $82ab8a9537e8d797$var$SendTextBox = ({ className: className, withButton: w
|
|
|
3778
3745
|
children: [
|
|
3779
3746
|
/*#__PURE__*/ (0, $b3y7N$jsx)("textarea", {
|
|
3780
3747
|
ref: textareaRef,
|
|
3781
|
-
className: `rf-input-hidden rf-outline-none ${withButton ? "rf-w-[calc(100%-3rem)]" : "rf-w-full"} rf-resize-none rf-scrollbar-hidden ${isMobile && "placeholder:rf-text-black placeholder:rf-opacity-100"}`,
|
|
3748
|
+
className: `rf-input-hidden rf-outline-none rf-bg-truewhite ${withButton ? "rf-w-[calc(100%-3rem)]" : "rf-w-full"} rf-resize-none rf-scrollbar-hidden ${isMobile && "placeholder:rf-text-black placeholder:rf-opacity-100"}`,
|
|
3782
3749
|
value: message,
|
|
3783
3750
|
placeholder: translation.menu.message,
|
|
3784
3751
|
onKeyDown: (e)=>handleKeyDown(e),
|
|
@@ -4697,9 +4664,11 @@ var $eb9e092c8ad1a9f4$export$2e2bcd8739ae039 = $eb9e092c8ad1a9f4$var$DisplayFull
|
|
|
4697
4664
|
|
|
4698
4665
|
|
|
4699
4666
|
|
|
4667
|
+
|
|
4700
4668
|
const $eb227575bb03fb1f$var$ImageAttachment = ({ url: url, title: title, alt: alt, isMiniature: isMiniature, height: height })=>{
|
|
4701
4669
|
const displaySubtitles = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.displaySubtitles);
|
|
4702
|
-
const
|
|
4670
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
4671
|
+
const { currentHeight: currentHeight } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
4703
4672
|
const [maxHeight, setMaxHeight] = (0, $b3y7N$useState)(0);
|
|
4704
4673
|
(0, $b3y7N$useEffect)(()=>{
|
|
4705
4674
|
if (currentHeight && currentDeviceType) switch(currentDeviceType){
|
|
@@ -5250,20 +5219,58 @@ const $3ecc06819059f6c2$var$MultiLinkAttachment = ({ urlData: urlData, title: ti
|
|
|
5250
5219
|
var $3ecc06819059f6c2$export$2e2bcd8739ae039 = $3ecc06819059f6c2$var$MultiLinkAttachment;
|
|
5251
5220
|
|
|
5252
5221
|
|
|
5222
|
+
/* eslint-disable react/jsx-boolean-value */
|
|
5223
|
+
|
|
5224
|
+
|
|
5225
|
+
|
|
5253
5226
|
|
|
5254
5227
|
|
|
5255
5228
|
|
|
5256
5229
|
|
|
5257
5230
|
|
|
5231
|
+
|
|
5232
|
+
|
|
5233
|
+
const $8c2db177e015e048$var$Animation = ({ size: size })=>{
|
|
5234
|
+
const customClassName = (0, $b3y7N$useMemo)(()=>{
|
|
5235
|
+
switch(size){
|
|
5236
|
+
case (0, $f5ca62954d1f1f5b$export$a2a634340dd7e3e3).small:
|
|
5237
|
+
return "rf-loader-mini rf-animate-loaderMini rf-h-2 -rf-top-2";
|
|
5238
|
+
case (0, $f5ca62954d1f1f5b$export$a2a634340dd7e3e3).medium:
|
|
5239
|
+
return "rf-loader-medium rf-animate-loaderMedium rf-h-4 -rf-top-4";
|
|
5240
|
+
case (0, $f5ca62954d1f1f5b$export$a2a634340dd7e3e3).large:
|
|
5241
|
+
default:
|
|
5242
|
+
return "rf-loader rf-animate-loader rf-h-6 -rf-top-6";
|
|
5243
|
+
}
|
|
5244
|
+
}, [
|
|
5245
|
+
size
|
|
5246
|
+
]);
|
|
5247
|
+
return /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
5248
|
+
className: `rf-relative ${customClassName} rf-rounded-half`
|
|
5249
|
+
});
|
|
5250
|
+
};
|
|
5251
|
+
var $8c2db177e015e048$export$2e2bcd8739ae039 = $8c2db177e015e048$var$Animation;
|
|
5252
|
+
|
|
5253
|
+
|
|
5254
|
+
|
|
5258
5255
|
const { useSendMessage: $c4d4cd8419dfdc81$var$useSendMessage } = (0, $b3y7N$hooks1);
|
|
5259
5256
|
const $c4d4cd8419dfdc81$var$SuggestedActionAttachment = ({ title: title, actions: actions, history: history, height: height })=>{
|
|
5260
5257
|
const { locale: locale } = (0, $f902d4436881b887$export$6650dace022cfacc)();
|
|
5258
|
+
const { themeColors: themeColors } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
5259
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
5260
|
+
const unlockClickedButton = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.unlockClickedButton);
|
|
5261
|
+
const [clicked, setClicked] = (0, $b3y7N$useState)(null);
|
|
5261
5262
|
const sendMessage = $c4d4cd8419dfdc81$var$useSendMessage();
|
|
5262
|
-
|
|
5263
|
-
|
|
5264
|
-
|
|
5265
|
-
|
|
5266
|
-
|
|
5263
|
+
const animationColor = {
|
|
5264
|
+
"--rf-color-loader-animation": themeColors.card.button.text.default
|
|
5265
|
+
};
|
|
5266
|
+
(0, $b3y7N$useEffect)(()=>{
|
|
5267
|
+
unlockClickedButton && setClicked(null);
|
|
5268
|
+
}, [
|
|
5269
|
+
unlockClickedButton
|
|
5270
|
+
]);
|
|
5271
|
+
const handleClick = (value, index)=>{
|
|
5272
|
+
(0, $3426110875af99d0$export$5d55805fc8a86c05)();
|
|
5273
|
+
setClicked(index);
|
|
5267
5274
|
sendMessage(value);
|
|
5268
5275
|
};
|
|
5269
5276
|
return /*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
|
|
@@ -5280,9 +5287,20 @@ const $c4d4cd8419dfdc81$var$SuggestedActionAttachment = ({ title: title, actions
|
|
|
5280
5287
|
className: "rf-w-full rf-pt-4 rf-flex rf-flex-row rf-justify-center rf-items-center rf-gap-4 rf-flex-wrap",
|
|
5281
5288
|
children: actions.map((action, key)=>{
|
|
5282
5289
|
return /*#__PURE__*/ (0, $b3y7N$jsx)("button", {
|
|
5283
|
-
className: "rf-card-button",
|
|
5284
|
-
onClick: history ? ()=>{} : ()=>handleClick(action.action),
|
|
5285
|
-
children:
|
|
5290
|
+
className: clicked === key ? "rf-card-button-clicked" : "rf-card-button",
|
|
5291
|
+
onClick: history ? ()=>{} : ()=>handleClick(action.action, key),
|
|
5292
|
+
children: clicked === key ? /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
5293
|
+
className: "rf-w-full rf-h-[1.25rem] large:rf-h-[1.3rem] rf-flex rf-justify-center rf-items-center",
|
|
5294
|
+
style: {
|
|
5295
|
+
...animationColor
|
|
5296
|
+
},
|
|
5297
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
5298
|
+
className: "rf-w-2 rf-h-2 large:rf-w-4 large:rf-h-4",
|
|
5299
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)((0, $8c2db177e015e048$export$2e2bcd8739ae039), {
|
|
5300
|
+
size: isMobile ? (0, $f5ca62954d1f1f5b$export$a2a634340dd7e3e3).small : (0, $f5ca62954d1f1f5b$export$a2a634340dd7e3e3).medium
|
|
5301
|
+
})
|
|
5302
|
+
})
|
|
5303
|
+
}) : action.title || "?"
|
|
5286
5304
|
}, key);
|
|
5287
5305
|
})
|
|
5288
5306
|
})
|
|
@@ -5300,6 +5318,8 @@ var $c4d4cd8419dfdc81$export$2e2bcd8739ae039 = $c4d4cd8419dfdc81$var$SuggestedAc
|
|
|
5300
5318
|
|
|
5301
5319
|
|
|
5302
5320
|
|
|
5321
|
+
|
|
5322
|
+
|
|
5303
5323
|
const $4e2a8337f51cd40f$var$SvgColorChanger = ({ svgUrl: svgUrl, fillColor: fillColor, height: height })=>{
|
|
5304
5324
|
const [modifiedSvg, setModifiedSvg] = (0, $b3y7N$useState)(null);
|
|
5305
5325
|
(0, $b3y7N$useEffect)(()=>{
|
|
@@ -5334,44 +5354,64 @@ const $4e2a8337f51cd40f$var$SvgColorChanger = ({ svgUrl: svgUrl, fillColor: fill
|
|
|
5334
5354
|
var $4e2a8337f51cd40f$export$2e2bcd8739ae039 = $4e2a8337f51cd40f$var$SvgColorChanger;
|
|
5335
5355
|
|
|
5336
5356
|
|
|
5357
|
+
|
|
5358
|
+
|
|
5337
5359
|
const { useSendPostBack: $b82cb9309c705ea4$var$useSendPostBack } = (0, $b3y7N$hooks1);
|
|
5338
5360
|
const $b82cb9309c705ea4$var$DiscoverAttachment = ({ title: title, mainButtons: mainButtons, recommandationButton: recommandationButton, history: history, height: height })=>{
|
|
5339
5361
|
const sendPostBack = $b82cb9309c705ea4$var$useSendPostBack();
|
|
5340
5362
|
const { locale: locale } = (0, $f902d4436881b887$export$6650dace022cfacc)();
|
|
5363
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
5341
5364
|
const { themeColors: themeColors } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
5365
|
+
const unlockClickedButton = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.unlockClickedButton);
|
|
5342
5366
|
const displayLayout = (0, $b3y7N$useMemo)(()=>{
|
|
5343
5367
|
if (mainButtons && mainButtons.length > 1) return `rf-w-full rf-grid rf-grid-cols-${mainButtons.length} rf-gap-2 large:rf-gap-4`;
|
|
5344
5368
|
return "rf-w-1/2 rf-justify-self-center";
|
|
5345
5369
|
}, [
|
|
5346
5370
|
mainButtons
|
|
5347
5371
|
]);
|
|
5348
|
-
const
|
|
5349
|
-
|
|
5350
|
-
|
|
5351
|
-
|
|
5352
|
-
|
|
5353
|
-
|
|
5354
|
-
|
|
5355
|
-
|
|
5356
|
-
|
|
5357
|
-
|
|
5358
|
-
|
|
5359
|
-
|
|
5360
|
-
|
|
5361
|
-
|
|
5362
|
-
|
|
5363
|
-
|
|
5364
|
-
|
|
5365
|
-
}
|
|
5366
|
-
}
|
|
5367
|
-
|
|
5368
|
-
|
|
5369
|
-
|
|
5370
|
-
|
|
5371
|
-
|
|
5372
|
+
const [clicked, setClicked] = (0, $b3y7N$useState)(false);
|
|
5373
|
+
const [discoverClicked, setDiscoverClicked] = (0, $b3y7N$useState)(null);
|
|
5374
|
+
const animationColor = {
|
|
5375
|
+
"--rf-color-loader-animation": themeColors.card.button.text.default
|
|
5376
|
+
};
|
|
5377
|
+
const handleClick = (data, index)=>{
|
|
5378
|
+
if (discoverClicked === null || discoverClicked !== index) {
|
|
5379
|
+
(0, $3426110875af99d0$export$5d55805fc8a86c05)();
|
|
5380
|
+
let dataToSend = {};
|
|
5381
|
+
// @ts-ignore
|
|
5382
|
+
if (data.eventName) {
|
|
5383
|
+
const tempData = data;
|
|
5384
|
+
setClicked(true);
|
|
5385
|
+
dataToSend = {
|
|
5386
|
+
type: "event",
|
|
5387
|
+
name: tempData.eventName,
|
|
5388
|
+
recommendationId: tempData.recommendationId
|
|
5389
|
+
};
|
|
5390
|
+
} else if (index !== undefined) {
|
|
5391
|
+
setDiscoverClicked(index);
|
|
5392
|
+
const tempData = data;
|
|
5393
|
+
dataToSend = {
|
|
5394
|
+
type: "event",
|
|
5395
|
+
name: tempData.EventName,
|
|
5396
|
+
value: {
|
|
5397
|
+
filterId: tempData.FilterId,
|
|
5398
|
+
filterValue: tempData.FilterValue,
|
|
5399
|
+
followingCardText: tempData.FollowingCardText,
|
|
5400
|
+
identifier: tempData.Identifier
|
|
5401
|
+
}
|
|
5402
|
+
};
|
|
5403
|
+
}
|
|
5404
|
+
sendPostBack(dataToSend);
|
|
5372
5405
|
}
|
|
5373
|
-
sendPostBack(dataToSend);
|
|
5374
5406
|
};
|
|
5407
|
+
(0, $b3y7N$useEffect)(()=>{
|
|
5408
|
+
if (unlockClickedButton) {
|
|
5409
|
+
setClicked(false);
|
|
5410
|
+
setDiscoverClicked(null);
|
|
5411
|
+
}
|
|
5412
|
+
}, [
|
|
5413
|
+
unlockClickedButton
|
|
5414
|
+
]);
|
|
5375
5415
|
return /*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
|
|
5376
5416
|
className: `rf-w-full rf-flex rf-flex-col rf-items-center rf-justify-between rf-rounded rf-bg-cardFrameBackground large:rf-p-[25px] rf-p-4 ${history && "rf-pointer-events-none"} `,
|
|
5377
5417
|
style: {
|
|
@@ -5392,36 +5432,60 @@ const $b82cb9309c705ea4$var$DiscoverAttachment = ({ title: title, mainButtons: m
|
|
|
5392
5432
|
else if (button.EventName.indexOf("LodgingBusinesses") > -1) colorButtonHandle = themeColors.whereToSleepColor;
|
|
5393
5433
|
else if (button.EventName.indexOf("TouristDestinations") > -1) colorButtonHandle = themeColors.tobeSeenColor;
|
|
5394
5434
|
else if (button.EventName.indexOf("Event") > -1) colorButtonHandle = themeColors.agendaColor;
|
|
5395
|
-
return /*#__PURE__*/ (0, $b3y7N$
|
|
5435
|
+
return /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
5396
5436
|
className: "rf-relative rf-w-full rf-card-button-discover rf-rounded rf-flex rf-flex-col rf-gap-2 large:rf-gap-3 rf-items-center rf-justify-self-center",
|
|
5397
|
-
onClick: ()=>handleClick(button),
|
|
5437
|
+
onClick: ()=>handleClick(button, i),
|
|
5398
5438
|
style: {
|
|
5399
5439
|
boxShadow: "0px 0px 13px #0000009c"
|
|
5400
5440
|
},
|
|
5401
|
-
children:
|
|
5402
|
-
|
|
5403
|
-
|
|
5404
|
-
|
|
5405
|
-
|
|
5406
|
-
|
|
5407
|
-
|
|
5408
|
-
|
|
5409
|
-
|
|
5410
|
-
|
|
5411
|
-
}
|
|
5412
|
-
}),
|
|
5413
|
-
/*#__PURE__*/ (0, $b3y7N$jsx)("p", {
|
|
5414
|
-
className: "rf-h-full rf-flex rf-items-center rf-text-center rf-uppercase rf-font-bold large:rf-text-basecustom rf-text-xsl",
|
|
5415
|
-
children: button.Text
|
|
5441
|
+
children: discoverClicked === i ? /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
5442
|
+
className: "rf-w-full rf-h-full rf-flex rf-justify-center rf-items-center",
|
|
5443
|
+
style: {
|
|
5444
|
+
...animationColor
|
|
5445
|
+
},
|
|
5446
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
5447
|
+
className: "rf-w-4 rf-h-4 large:rf-w-6 large:rf-h-6",
|
|
5448
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)((0, $8c2db177e015e048$export$2e2bcd8739ae039), {
|
|
5449
|
+
size: isMobile ? (0, $f5ca62954d1f1f5b$export$a2a634340dd7e3e3).medium : (0, $f5ca62954d1f1f5b$export$a2a634340dd7e3e3).large
|
|
5450
|
+
})
|
|
5416
5451
|
})
|
|
5417
|
-
|
|
5452
|
+
}) : /*#__PURE__*/ (0, $b3y7N$jsxs)((0, $b3y7N$react).Fragment, {
|
|
5453
|
+
children: [
|
|
5454
|
+
button.MediaUrl.indexOf("svg") > -1 && colorButtonHandle !== "" ? /*#__PURE__*/ (0, $b3y7N$jsx)((0, $4e2a8337f51cd40f$export$2e2bcd8739ae039), {
|
|
5455
|
+
svgUrl: button.MediaUrl,
|
|
5456
|
+
height: "50px",
|
|
5457
|
+
fillColor: colorButtonHandle
|
|
5458
|
+
}) : /*#__PURE__*/ (0, $b3y7N$jsx)("img", {
|
|
5459
|
+
src: button.MediaUrl,
|
|
5460
|
+
alt: button.Text,
|
|
5461
|
+
style: {
|
|
5462
|
+
height: "50px"
|
|
5463
|
+
}
|
|
5464
|
+
}),
|
|
5465
|
+
/*#__PURE__*/ (0, $b3y7N$jsx)("p", {
|
|
5466
|
+
className: "rf-h-full rf-flex rf-items-center rf-text-center rf-uppercase rf-font-bold large:rf-text-basecustom rf-text-xsl rf-overflow-wrap",
|
|
5467
|
+
children: button.Text
|
|
5468
|
+
})
|
|
5469
|
+
]
|
|
5470
|
+
})
|
|
5418
5471
|
}, i);
|
|
5419
5472
|
}) : /*#__PURE__*/ (0, $b3y7N$jsx)((0, $b3y7N$Fragment), {})
|
|
5420
5473
|
}),
|
|
5421
|
-
recommandationButton && mainButtons && mainButtons.length > 1 && /*#__PURE__*/ (0, $b3y7N$jsx)("
|
|
5422
|
-
className:
|
|
5474
|
+
recommandationButton && mainButtons && mainButtons.length > 1 && /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
5475
|
+
className: `rf-mt-4 rf-font-bold ${clicked ? "rf-card-button-clicked" : "rf-card-button"} rf-text-center rf-capitalize-first`,
|
|
5423
5476
|
onClick: ()=>handleClick(recommandationButton),
|
|
5424
|
-
children:
|
|
5477
|
+
children: clicked ? /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
5478
|
+
className: "rf-w-full rf-h-[1.25rem] large:rf-h-[1.3rem] rf-flex rf-justify-center rf-items-center",
|
|
5479
|
+
style: {
|
|
5480
|
+
...animationColor
|
|
5481
|
+
},
|
|
5482
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
5483
|
+
className: "rf-w-4 rf-h-4 large:rf-w-6 large:rf-h-6",
|
|
5484
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)((0, $8c2db177e015e048$export$2e2bcd8739ae039), {
|
|
5485
|
+
size: isMobile ? (0, $f5ca62954d1f1f5b$export$a2a634340dd7e3e3).medium : (0, $f5ca62954d1f1f5b$export$a2a634340dd7e3e3).large
|
|
5486
|
+
})
|
|
5487
|
+
})
|
|
5488
|
+
}) : recommandationButton.text
|
|
5425
5489
|
})
|
|
5426
5490
|
]
|
|
5427
5491
|
});
|
|
@@ -5433,6 +5497,9 @@ var $b82cb9309c705ea4$export$2e2bcd8739ae039 = $b82cb9309c705ea4$var$DiscoverAtt
|
|
|
5433
5497
|
|
|
5434
5498
|
|
|
5435
5499
|
|
|
5500
|
+
/* eslint-disable react/jsx-boolean-value */
|
|
5501
|
+
|
|
5502
|
+
|
|
5436
5503
|
|
|
5437
5504
|
|
|
5438
5505
|
|
|
@@ -5441,11 +5508,23 @@ var $b82cb9309c705ea4$export$2e2bcd8739ae039 = $b82cb9309c705ea4$var$DiscoverAtt
|
|
|
5441
5508
|
const { useSendPostBack: $6682f4fb7afb585b$var$useSendPostBack } = (0, $b3y7N$hooks1);
|
|
5442
5509
|
const $6682f4fb7afb585b$var$BorderlessButtonMessage = ({ text: text, differentTextTosend: differentTextTosend })=>{
|
|
5443
5510
|
const { themeColors: themeColors } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
5511
|
+
const unlockClickedButton = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.unlockClickedButton);
|
|
5444
5512
|
const [hover, setHover] = (0, $b3y7N$useState)(false);
|
|
5445
5513
|
const sendPostBack = $6682f4fb7afb585b$var$useSendPostBack();
|
|
5514
|
+
const [clicked, setClicked] = (0, $b3y7N$useState)(false);
|
|
5515
|
+
const animationColor = {
|
|
5516
|
+
"--rf-color-loader-animation": themeColors.card.button.text.default
|
|
5517
|
+
};
|
|
5446
5518
|
const onClick = (text)=>{
|
|
5519
|
+
setClicked(true);
|
|
5520
|
+
(0, $3426110875af99d0$export$5d55805fc8a86c05)();
|
|
5447
5521
|
sendPostBack(text);
|
|
5448
5522
|
};
|
|
5523
|
+
(0, $b3y7N$useEffect)(()=>{
|
|
5524
|
+
unlockClickedButton && setClicked(false);
|
|
5525
|
+
}, [
|
|
5526
|
+
unlockClickedButton
|
|
5527
|
+
]);
|
|
5449
5528
|
return /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
5450
5529
|
className: "rf-w-full rf-flex rf-justify-start rf-cursor-pointer",
|
|
5451
5530
|
children: /*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
|
|
@@ -5457,7 +5536,18 @@ const $6682f4fb7afb585b$var$BorderlessButtonMessage = ({ text: text, differentTe
|
|
|
5457
5536
|
onClick(differentTextTosend || text);
|
|
5458
5537
|
},
|
|
5459
5538
|
children: [
|
|
5460
|
-
/*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
5539
|
+
clicked ? /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
5540
|
+
className: "rf-h-6 rf-w-6 rf-flex rf-justify-center rf-items-center",
|
|
5541
|
+
style: {
|
|
5542
|
+
...animationColor
|
|
5543
|
+
},
|
|
5544
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
5545
|
+
className: "rf-w-2 rf-h-2",
|
|
5546
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)((0, $8c2db177e015e048$export$2e2bcd8739ae039), {
|
|
5547
|
+
size: (0, $f5ca62954d1f1f5b$export$a2a634340dd7e3e3).small
|
|
5548
|
+
})
|
|
5549
|
+
})
|
|
5550
|
+
}) : /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
5461
5551
|
className: `rf-h-6 rf-w-6 rf-rounded ${hover ? "rf-bg-cardButtonBackgroundHover" : "rf-bg-cardButtonBackgroundDefault"}`,
|
|
5462
5552
|
children: /*#__PURE__*/ (0, $b3y7N$jsx)((0, $043c8dabdc83eebf$export$2e2bcd8739ae039), {
|
|
5463
5553
|
className: "rf-h-6 rf-p-1 rf-border rf-rounded rf-border-cardButtonBorderDefault",
|
|
@@ -7951,6 +8041,8 @@ class $e0d6ab762891a996$export$7f21b8f94f2ce32b extends $b3y7N$Input {
|
|
|
7951
8041
|
|
|
7952
8042
|
|
|
7953
8043
|
|
|
8044
|
+
/* eslint-disable react/jsx-boolean-value */
|
|
8045
|
+
|
|
7954
8046
|
|
|
7955
8047
|
|
|
7956
8048
|
|
|
@@ -8002,12 +8094,18 @@ const $80813655cca657d6$var$ActionButton = ({ text: text, fullWidth: fullWidth,
|
|
|
8002
8094
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
8003
8095
|
const currentSubView = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.currentSubView);
|
|
8004
8096
|
const isUsedOnBorne = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.usingOnBorne);
|
|
8097
|
+
const unlockClickedButton = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.unlockClickedButton);
|
|
8005
8098
|
const enableDocumentPrinting = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.enableDocumentPrinting);
|
|
8099
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
8006
8100
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
8007
8101
|
const { themeColors: themeColors } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
8008
8102
|
const [style, setStyle] = (0, $b3y7N$useState)();
|
|
8103
|
+
const [clicked, setClicked] = (0, $b3y7N$useState)(false);
|
|
8009
8104
|
const [hover, setHover] = (0, $b3y7N$useState)(false);
|
|
8010
8105
|
const [qrCodeData, setQrCodeData] = (0, $b3y7N$useState)();
|
|
8106
|
+
const animationColor = {
|
|
8107
|
+
"--rf-color-loader-animation": themeColors.card.button.text.default
|
|
8108
|
+
};
|
|
8011
8109
|
const setQrCodeDataAsync = async ()=>{
|
|
8012
8110
|
if (urlToOpen) {
|
|
8013
8111
|
const qrCodeString = await (0, $b3y7N$qrcode).toDataURL(encodeURI(urlToOpen));
|
|
@@ -8020,6 +8118,11 @@ const $80813655cca657d6$var$ActionButton = ({ text: text, fullWidth: fullWidth,
|
|
|
8020
8118
|
urlToOpen,
|
|
8021
8119
|
isUsedOnBorne
|
|
8022
8120
|
]);
|
|
8121
|
+
(0, $b3y7N$useEffect)(()=>{
|
|
8122
|
+
unlockClickedButton && setClicked(false);
|
|
8123
|
+
}, [
|
|
8124
|
+
unlockClickedButton
|
|
8125
|
+
]);
|
|
8023
8126
|
(0, $b3y7N$useEffect)(()=>{
|
|
8024
8127
|
// Set width : full or fit
|
|
8025
8128
|
let temp = fullWidth ? "rf-w-full" : "rf-w-fit";
|
|
@@ -8044,16 +8147,18 @@ const $80813655cca657d6$var$ActionButton = ({ text: text, fullWidth: fullWidth,
|
|
|
8044
8147
|
}));
|
|
8045
8148
|
};
|
|
8046
8149
|
const handleClick = ()=>{
|
|
8047
|
-
if (currentSubView !== (0, $f5ca62954d1f1f5b$export$f05d0fed0593ead7).history) {
|
|
8048
|
-
|
|
8150
|
+
if (currentSubView !== (0, $f5ca62954d1f1f5b$export$f05d0fed0593ead7).history && !clicked) {
|
|
8151
|
+
setClicked(true);
|
|
8152
|
+
setHover(false);
|
|
8153
|
+
(0, $3426110875af99d0$export$5d55805fc8a86c05)();
|
|
8049
8154
|
onClick();
|
|
8050
8155
|
}
|
|
8051
8156
|
};
|
|
8052
8157
|
const handleEnter = ()=>{
|
|
8053
|
-
if (currentSubView !== (0, $f5ca62954d1f1f5b$export$f05d0fed0593ead7).history) setHover(true);
|
|
8158
|
+
if (currentSubView !== (0, $f5ca62954d1f1f5b$export$f05d0fed0593ead7).history && !clicked) setHover(true);
|
|
8054
8159
|
};
|
|
8055
8160
|
const handleLeave = ()=>{
|
|
8056
|
-
if (currentSubView !== (0, $f5ca62954d1f1f5b$export$f05d0fed0593ead7).history) setHover(false);
|
|
8161
|
+
if (currentSubView !== (0, $f5ca62954d1f1f5b$export$f05d0fed0593ead7).history && !clicked) setHover(false);
|
|
8057
8162
|
};
|
|
8058
8163
|
return urlToOpen && isUsedOnBorne ? /*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
|
|
8059
8164
|
className: "rf-w-full rf-flex rf-flex-col rf-justify-center rf-items-center rf-text-cardButtonTextDefault",
|
|
@@ -8105,7 +8210,18 @@ const $80813655cca657d6$var$ActionButton = ({ text: text, fullWidth: fullWidth,
|
|
|
8105
8210
|
children: [
|
|
8106
8211
|
/*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
8107
8212
|
className: `rf-h-6 rf-w-6 rf-rounded ${hover ? "rf-bg-cardButtonBackgroundHover" : "rf-bg-cardButtonBackgroundDefault"}`,
|
|
8108
|
-
children: /*#__PURE__*/ (0, $b3y7N$jsx)(
|
|
8213
|
+
children: clicked ? /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
8214
|
+
className: "rf-h-6 rf-w-6 rf-flex rf-justify-center rf-items-center",
|
|
8215
|
+
style: {
|
|
8216
|
+
...animationColor
|
|
8217
|
+
},
|
|
8218
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
8219
|
+
className: "rf-w-2 rf-h-2",
|
|
8220
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)((0, $8c2db177e015e048$export$2e2bcd8739ae039), {
|
|
8221
|
+
size: (0, $f5ca62954d1f1f5b$export$a2a634340dd7e3e3).small
|
|
8222
|
+
})
|
|
8223
|
+
})
|
|
8224
|
+
}) : /*#__PURE__*/ (0, $b3y7N$jsx)((0, $043c8dabdc83eebf$export$2e2bcd8739ae039), {
|
|
8109
8225
|
className: `rf-h-6 rf-p-1 rf-border rf-rounded ${hover ? "rf-border-cardButtonBorderHover" : "rf-border-cardButtonBorderDefault"}`,
|
|
8110
8226
|
color: hover ? themeColors.card.button.text.hover : themeColors.card.button.text.default
|
|
8111
8227
|
})
|
|
@@ -8116,9 +8232,20 @@ const $80813655cca657d6$var$ActionButton = ({ text: text, fullWidth: fullWidth,
|
|
|
8116
8232
|
})
|
|
8117
8233
|
]
|
|
8118
8234
|
}) : /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
8119
|
-
className: ` ${currentSubView !== (0, $f5ca62954d1f1f5b$export$f05d0fed0593ead7).history ? "rf-card-button" : "rf-card-button-history"} rf-mt-2 ${fullWidth ? "rf-text-center" : "rf-text-left"} ${style}`,
|
|
8235
|
+
className: `rf-relative ${currentSubView !== (0, $f5ca62954d1f1f5b$export$f05d0fed0593ead7).history ? clicked ? "rf-card-button-clicked" : "rf-card-button" : "rf-card-button-history"} rf-mt-2 ${fullWidth ? "rf-text-center" : "rf-text-left"} ${style}`,
|
|
8120
8236
|
onClick: handleClick,
|
|
8121
|
-
children: (0, $
|
|
8237
|
+
children: clicked ? /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
8238
|
+
className: `rf-w-full rf-h-[1.25rem] large:rf-h-[1.3rem] rf-flex rf-justify-center rf-items-center ${fullWidth ? "" : "rf-pl-6 large:rf-pl-12"}`,
|
|
8239
|
+
style: {
|
|
8240
|
+
...animationColor
|
|
8241
|
+
},
|
|
8242
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
8243
|
+
className: "rf-w-4 rf-h-4 large:rf-w-6 large:rf-h-6",
|
|
8244
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)((0, $8c2db177e015e048$export$2e2bcd8739ae039), {
|
|
8245
|
+
size: isMobile ? (0, $f5ca62954d1f1f5b$export$a2a634340dd7e3e3).medium : (0, $f5ca62954d1f1f5b$export$a2a634340dd7e3e3).large
|
|
8246
|
+
})
|
|
8247
|
+
})
|
|
8248
|
+
}) : (0, $2765b17b11305295$export$d07f57595c356899)(text || translation.common.submit, locale)
|
|
8122
8249
|
});
|
|
8123
8250
|
};
|
|
8124
8251
|
var $80813655cca657d6$export$2e2bcd8739ae039 = $80813655cca657d6$var$ActionButton;
|
|
@@ -8399,6 +8526,7 @@ let $b062754c8efcd061$var$iconsInitialized = false;
|
|
|
8399
8526
|
|
|
8400
8527
|
|
|
8401
8528
|
// Add markdown-it to window for markdown processing
|
|
8529
|
+
// @ts-ignore
|
|
8402
8530
|
window.markdownit = (0, $b3y7N$markdownit);
|
|
8403
8531
|
(0, $b062754c8efcd061$export$6108075486421829)();
|
|
8404
8532
|
const $e46bc33cb25634ec$var$defaultUser = {
|
|
@@ -8412,83 +8540,72 @@ const $e46bc33cb25634ec$var$defaultUser = {
|
|
|
8412
8540
|
referrer: "",
|
|
8413
8541
|
ipaddress: ""
|
|
8414
8542
|
};
|
|
8415
|
-
|
|
8416
|
-
|
|
8417
|
-
* @param props
|
|
8418
|
-
*/ const $e46bc33cb25634ec$var$RetorikComposer = ({ addressData: addressData, userData: userData, externalEventHandler: externalEventHandler, children: children, colors: colors, isRetorikNews: isRetorikNews, changedLayout: changedLayout })=>{
|
|
8419
|
-
const [directLine, setDirectLine] = (0, $b3y7N$useState)(null);
|
|
8543
|
+
const $e46bc33cb25634ec$var$RetorikComposer = ({ addressData: addressData, userData: userData, externalEventHandler: externalEventHandler, children: children, colors: colors, isRetorikNews: isRetorikNews })=>{
|
|
8544
|
+
const [directLineCreationdata, setDirectLineCreationData] = (0, $b3y7N$useState)();
|
|
8420
8545
|
const [store, setStore] = (0, $b3y7N$useState)(null);
|
|
8421
|
-
const {
|
|
8422
|
-
const
|
|
8546
|
+
const { configuration: configuration } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
8547
|
+
const loaderClosed = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
8423
8548
|
const agentData = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.agentData);
|
|
8424
8549
|
const { locale: locale, supported: supported } = (0, $f902d4436881b887$export$6650dace022cfacc)();
|
|
8425
8550
|
const [hasConversationCookie, setHasConversationCookie] = (0, $b3y7N$useState)(false);
|
|
8426
8551
|
const [connectionStatus, setConnectionStatus] = (0, $b3y7N$useState)((0, $b3y7N$ConnectionStatus).Uninitialized);
|
|
8427
8552
|
const subscriptionRef = (0, $b3y7N$useRef)(null);
|
|
8428
|
-
(0, $b3y7N$
|
|
8429
|
-
|
|
8430
|
-
|
|
8431
|
-
|
|
8432
|
-
|
|
8433
|
-
|
|
8434
|
-
|
|
8435
|
-
|
|
8436
|
-
|
|
8437
|
-
|
|
8438
|
-
|
|
8553
|
+
const directLine = (0, $b3y7N$useMemo)(()=>{
|
|
8554
|
+
return directLineCreationdata ? (0, $b3y7N$createDirectLine)(directLineCreationdata) : null;
|
|
8555
|
+
}, [
|
|
8556
|
+
directLineCreationdata
|
|
8557
|
+
]);
|
|
8558
|
+
const processDirectLine = async ()=>{
|
|
8559
|
+
(0, $247dd696f3d09701$export$97c24bbbbbd7be8a)(addressData).then((token)=>{
|
|
8560
|
+
let test = true;
|
|
8561
|
+
if (isRetorikNews) {
|
|
8562
|
+
const fullTenantName = (addressData.baseURI || `${addressData.prefix || ""}${addressData.tenant}`).replace(/;|,|\s/g, "");
|
|
8563
|
+
const newsConversationData = localStorage.getItem(`Retorik.News.Conversation.${fullTenantName}`);
|
|
8564
|
+
if (newsConversationData) {
|
|
8565
|
+
const data = JSON.parse(newsConversationData);
|
|
8566
|
+
if (data && data.conversationId) {
|
|
8567
|
+
setDirectLineCreationData({
|
|
8568
|
+
token: token,
|
|
8569
|
+
conversationId: data.conversationId
|
|
8570
|
+
});
|
|
8571
|
+
test = false;
|
|
8572
|
+
}
|
|
8573
|
+
}
|
|
8574
|
+
} else if (configuration.enableConversationCookie !== false) {
|
|
8575
|
+
const conversationCookie = document.cookie.split("; ").find((row)=>row.startsWith("retorikConversationCookie="))?.split("=")[1];
|
|
8576
|
+
if (conversationCookie) {
|
|
8577
|
+
const splitCookieData = conversationCookie.split("||");
|
|
8578
|
+
if (splitCookieData.length === 2) {
|
|
8579
|
+
const cookieConversationId = splitCookieData[0];
|
|
8580
|
+
const cookieTenantName = splitCookieData[1];
|
|
8581
|
+
const fullTenantName = (addressData.baseURI || `${addressData.prefix || ""}${addressData.tenant}`).replace(/;|,|\s/g, "");
|
|
8582
|
+
if (cookieTenantName === fullTenantName) {
|
|
8583
|
+
setDirectLineCreationData({
|
|
8439
8584
|
token: token,
|
|
8440
|
-
conversationId:
|
|
8441
|
-
|
|
8585
|
+
conversationId: cookieConversationId,
|
|
8586
|
+
watermark: "0"
|
|
8587
|
+
});
|
|
8588
|
+
// Tell the activity store that we will retrieve several activities from an existing conversation, so that it displays only the last one
|
|
8589
|
+
(0, $9b100ac34d01a331$export$d7e4f7861d387c67)(true);
|
|
8590
|
+
setHasConversationCookie(true);
|
|
8442
8591
|
test = false;
|
|
8443
8592
|
}
|
|
8444
8593
|
}
|
|
8445
|
-
}
|
|
8446
|
-
|
|
8447
|
-
|
|
8448
|
-
|
|
8449
|
-
|
|
8450
|
-
|
|
8451
|
-
|
|
8452
|
-
|
|
8453
|
-
if (cookieTenantName === fullTenantName) {
|
|
8454
|
-
setDirectLine((0, $b3y7N$createDirectLine)({
|
|
8455
|
-
token: token,
|
|
8456
|
-
conversationId: cookieConversationId,
|
|
8457
|
-
watermark: "0"
|
|
8458
|
-
}));
|
|
8459
|
-
// Tell the activity store that we will retrieve several activities from an existing conversation, so that it displays only the last one
|
|
8460
|
-
(0, $9b100ac34d01a331$export$d7e4f7861d387c67)(true);
|
|
8461
|
-
setHasConversationCookie(true);
|
|
8462
|
-
test = false;
|
|
8463
|
-
}
|
|
8464
|
-
}
|
|
8465
|
-
}
|
|
8466
|
-
}
|
|
8467
|
-
test && setDirectLine((0, $b3y7N$createDirectLine)({
|
|
8468
|
-
token: token
|
|
8469
|
-
}));
|
|
8470
|
-
});
|
|
8471
|
-
};
|
|
8472
|
-
addressData && processDirectLine();
|
|
8473
|
-
}, [
|
|
8474
|
-
addressData
|
|
8475
|
-
]);
|
|
8476
|
-
const ponyfillFactory = (0, $b3y7N$useMemo)(()=>{
|
|
8477
|
-
if (ponyfillCredentials) {
|
|
8478
|
-
const ponyfill = (0, $b3y7N$createCognitiveServicesSpeechServicesPonyfillFactory)({
|
|
8479
|
-
credentials: ponyfillCredentials
|
|
8480
|
-
});
|
|
8481
|
-
return ponyfill;
|
|
8482
|
-
}
|
|
8483
|
-
return null;
|
|
8484
|
-
}, [
|
|
8485
|
-
ponyfillCredentials
|
|
8486
|
-
]);
|
|
8487
|
-
// Initialize the store on mount and close directline on unmount
|
|
8594
|
+
}
|
|
8595
|
+
}
|
|
8596
|
+
test && setDirectLineCreationData({
|
|
8597
|
+
token: token
|
|
8598
|
+
});
|
|
8599
|
+
});
|
|
8600
|
+
};
|
|
8601
|
+
// Initialize the store on mount
|
|
8488
8602
|
(0, $b3y7N$useEffect)(()=>{
|
|
8489
8603
|
initStore();
|
|
8604
|
+
processDirectLine();
|
|
8490
8605
|
return ()=>{
|
|
8606
|
+
console.log("Retorik Framework > Disconnect and end directline");
|
|
8491
8607
|
subscriptionRef?.current?.unsubscribe();
|
|
8608
|
+
directLine?.end();
|
|
8492
8609
|
};
|
|
8493
8610
|
}, []);
|
|
8494
8611
|
// Create custom store
|
|
@@ -8497,13 +8614,10 @@ const $e46bc33cb25634ec$var$defaultUser = {
|
|
|
8497
8614
|
}
|
|
8498
8615
|
const customAdaptiveCardHostConfig = (0, $2096cc874ff817ae$export$2e2bcd8739ae039)(colors.primary, colors.card.frame.background);
|
|
8499
8616
|
(0, $b3y7N$useEffect)(()=>{
|
|
8500
|
-
if (locale && supported &&
|
|
8501
|
-
else setAppAvailable(false);
|
|
8617
|
+
if (locale && supported && store && agentData && connectionStatus === (0, $b3y7N$ConnectionStatus).Online && (isRetorikNews || loaderClosed)) (0, $56b00880a398c953$export$a8ce9bbc5b910a21)(true);
|
|
8502
8618
|
}, [
|
|
8503
8619
|
locale,
|
|
8504
8620
|
supported,
|
|
8505
|
-
directLine,
|
|
8506
|
-
ponyfillFactory,
|
|
8507
8621
|
store,
|
|
8508
8622
|
agentData,
|
|
8509
8623
|
loaderClosed,
|
|
@@ -8518,8 +8632,9 @@ const $e46bc33cb25634ec$var$defaultUser = {
|
|
|
8518
8632
|
}, [
|
|
8519
8633
|
directLine
|
|
8520
8634
|
]);
|
|
8521
|
-
return directLine &&
|
|
8635
|
+
return directLine && store && agentData ? /*#__PURE__*/ (0, $b3y7N$jsxs)((0, $b3y7N$botframeworkwebchatlibFullComposer), {
|
|
8522
8636
|
adaptiveCardsHostConfig: customAdaptiveCardHostConfig,
|
|
8637
|
+
// @ts-ignore
|
|
8523
8638
|
adaptiveCardsPackage: $b3y7N$adaptivecardslibadaptivecards,
|
|
8524
8639
|
styleOptions: {
|
|
8525
8640
|
primaryFont: '"Calibri", sans-serif',
|
|
@@ -8533,7 +8648,6 @@ const $e46bc33cb25634ec$var$defaultUser = {
|
|
|
8533
8648
|
activityMiddleware: (0, $29794817bcd16940$export$2e2bcd8739ae039),
|
|
8534
8649
|
children: [
|
|
8535
8650
|
/*#__PURE__*/ (0, $b3y7N$jsx)((0, $758a083c76f41cee$export$2e2bcd8739ae039), {
|
|
8536
|
-
changedLayout: changedLayout,
|
|
8537
8651
|
isRetorikNews: isRetorikNews,
|
|
8538
8652
|
hasConversationCookie: hasConversationCookie,
|
|
8539
8653
|
userData: userData || $e46bc33cb25634ec$var$defaultUser
|
|
@@ -8563,6 +8677,7 @@ var $e46bc33cb25634ec$export$2e2bcd8739ae039 = $e46bc33cb25634ec$var$RetorikComp
|
|
|
8563
8677
|
|
|
8564
8678
|
|
|
8565
8679
|
|
|
8680
|
+
|
|
8566
8681
|
const $7a8005163915b65d$var$BackgroundVideo = ({ source: source, style: style, loop: loop, muted: muted, onVideoEnded: onVideoEnded, onVideoCanPlay: onVideoCanPlay })=>{
|
|
8567
8682
|
const { currentHeight: currentHeight, currentWidth: currentWidth } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
8568
8683
|
const videoRef = (0, $b3y7N$useRef)(null);
|
|
@@ -8570,7 +8685,7 @@ const $7a8005163915b65d$var$BackgroundVideo = ({ source: source, style: style, l
|
|
|
8570
8685
|
if (videoRef.current) {
|
|
8571
8686
|
videoRef.current.pause();
|
|
8572
8687
|
videoRef.current.load();
|
|
8573
|
-
videoRef.current.play();
|
|
8688
|
+
videoRef.current.play().catch((e)=>console.warn(e));
|
|
8574
8689
|
}
|
|
8575
8690
|
}, [
|
|
8576
8691
|
videoRef
|
|
@@ -8777,7 +8892,7 @@ var $4be00af891d1ec21$export$2e2bcd8739ae039 = $4be00af891d1ec21$var$Background;
|
|
|
8777
8892
|
|
|
8778
8893
|
|
|
8779
8894
|
const $c27ed3c92f4690f2$var$VoiceInput = ({ className: className })=>{
|
|
8780
|
-
const
|
|
8895
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
8781
8896
|
const lastRecognitionInterim = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.lastRecognitionInterim);
|
|
8782
8897
|
return lastRecognitionInterim ? isMobile ? /*#__PURE__*/ (0, $b3y7N$jsx)("p", {
|
|
8783
8898
|
className: className,
|
|
@@ -8791,9 +8906,12 @@ var $c27ed3c92f4690f2$export$2e2bcd8739ae039 = $c27ed3c92f4690f2$var$VoiceInput;
|
|
|
8791
8906
|
|
|
8792
8907
|
|
|
8793
8908
|
|
|
8909
|
+
|
|
8794
8910
|
const $3b31309367603f45$var$UserRequest = ()=>{
|
|
8795
8911
|
const mode = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
8796
|
-
const {
|
|
8912
|
+
const { mediumLandscape: mediumLandscape } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
8913
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
8914
|
+
const isBorne = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isBorne);
|
|
8797
8915
|
return /*#__PURE__*/ (0, $b3y7N$jsx)((0, $b3y7N$react).Fragment, {
|
|
8798
8916
|
children: !isMobile && /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
8799
8917
|
className: `rf-relative rf-h-full
|
|
@@ -9165,8 +9283,10 @@ var $89302334648bdd82$export$2e2bcd8739ae039 = $89302334648bdd82$var$FullScreen;
|
|
|
9165
9283
|
|
|
9166
9284
|
|
|
9167
9285
|
|
|
9286
|
+
|
|
9168
9287
|
const $998084db40d1ea05$var$FullScreenMobile = ({ className: className, depth: depth, background: background, children: children })=>{
|
|
9169
|
-
const
|
|
9288
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
9289
|
+
const { displayControls: displayControls } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
9170
9290
|
return /*#__PURE__*/ (0, $b3y7N$jsx)((0, $89302334648bdd82$export$2e2bcd8739ae039), {
|
|
9171
9291
|
className: `${isMobile && displayControls && "rf-mb-12"} rf-p-4 rf-flex rf-flex-col ${className}`,
|
|
9172
9292
|
depth: depth,
|
|
@@ -9223,9 +9343,11 @@ var $0f195c4ffd330baf$export$2e2bcd8739ae039 = $0f195c4ffd330baf$var$Grid;
|
|
|
9223
9343
|
|
|
9224
9344
|
|
|
9225
9345
|
|
|
9346
|
+
|
|
9226
9347
|
const $e866fd0dc36bc710$var$useCloseButtonTop = ()=>{
|
|
9227
9348
|
const { configuration: configuration } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
9228
|
-
const
|
|
9349
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
9350
|
+
const { isTactile: isTactile } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
9229
9351
|
const [top, setTop] = (0, $b3y7N$useState)(200);
|
|
9230
9352
|
/**
|
|
9231
9353
|
* On currentDeviceType change :
|
|
@@ -9483,7 +9605,7 @@ var $e72205dfc876303f$export$2e2bcd8739ae039 = $e72205dfc876303f$var$DashboardBu
|
|
|
9483
9605
|
|
|
9484
9606
|
|
|
9485
9607
|
const $c38caca23845824a$var$AbsoluteLargeClosingButton = ({ dashboardVisible: dashboardVisible, zIndexClassname: zIndexClassname, customComponent: customComponent, onClick: onClick })=>{
|
|
9486
|
-
const
|
|
9608
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
9487
9609
|
const top = (0, $e866fd0dc36bc710$export$2e2bcd8739ae039)();
|
|
9488
9610
|
const [hidden, setHidden] = (0, $b3y7N$useState)(false);
|
|
9489
9611
|
const handleHideAndClose = ()=>{
|
|
@@ -9505,7 +9627,9 @@ var $c38caca23845824a$export$2e2bcd8739ae039 = $c38caca23845824a$var$AbsoluteLar
|
|
|
9505
9627
|
|
|
9506
9628
|
|
|
9507
9629
|
const $73d7e922147f4370$var$SubMenu = ({ background: background, onClick: onClick, children: children })=>{
|
|
9508
|
-
const
|
|
9630
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
9631
|
+
const isLandscape = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isLandscape);
|
|
9632
|
+
const isBorne = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isBorne);
|
|
9509
9633
|
return /*#__PURE__*/ (0, $b3y7N$jsxs)((0, $b3y7N$react).Fragment, {
|
|
9510
9634
|
children: [
|
|
9511
9635
|
!isMobile && onClick && /*#__PURE__*/ (0, $b3y7N$jsx)((0, $c38caca23845824a$export$2e2bcd8739ae039), {
|
|
@@ -9585,6 +9709,7 @@ var $76655b543a18462f$export$2e2bcd8739ae039 = $76655b543a18462f$var$BackButton;
|
|
|
9585
9709
|
|
|
9586
9710
|
|
|
9587
9711
|
|
|
9712
|
+
|
|
9588
9713
|
|
|
9589
9714
|
|
|
9590
9715
|
/* eslint-disable react/self-closing-comp */
|
|
@@ -10064,7 +10189,8 @@ const $b0e09ff96d436802$var$DisplayGenerator = (props)=>{
|
|
|
10064
10189
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
10065
10190
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
10066
10191
|
const homeActivity = (0, $9b100ac34d01a331$export$b56465394e2b1287)((state)=>state.homeActivity);
|
|
10067
|
-
const
|
|
10192
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10193
|
+
const { setRoute: setRoute, setShowHomeAttachments: setShowHomeAttachments, themeColors: themeColors } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
10068
10194
|
const [label, setLabel] = (0, $b3y7N$useState)("");
|
|
10069
10195
|
const [colorButtonHandle, setColorButtonHandle] = (0, $b3y7N$useState)("");
|
|
10070
10196
|
/**
|
|
@@ -10171,7 +10297,8 @@ var $b0e09ff96d436802$export$2e2bcd8739ae039 = $b0e09ff96d436802$var$DisplayGene
|
|
|
10171
10297
|
|
|
10172
10298
|
|
|
10173
10299
|
const $dddc9c1fe3e6622b$var$DisplayViews = ({ handleClick: handleClick, conditionalHandleClick: conditionalHandleClick })=>{
|
|
10174
|
-
const
|
|
10300
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10301
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
10175
10302
|
const { configuration: configuration } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
10176
10303
|
const [finalMenu, setFinalMenu] = (0, $b3y7N$useState)([]);
|
|
10177
10304
|
const buildMenu = (menu)=>{
|
|
@@ -10273,7 +10400,7 @@ function $c8bb8a255bb40bea$var$instanceOfCustomMenuDisplayGeneratorProps(object)
|
|
|
10273
10400
|
const $c8bb8a255bb40bea$var$DisplaySubGenerator = (props)=>{
|
|
10274
10401
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
10275
10402
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
10276
|
-
const
|
|
10403
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10277
10404
|
const [label, setLabel] = (0, $b3y7N$useState)("");
|
|
10278
10405
|
/**
|
|
10279
10406
|
* On component mount :
|
|
@@ -10342,7 +10469,8 @@ var $c8bb8a255bb40bea$export$2e2bcd8739ae039 = $c8bb8a255bb40bea$var$DisplaySubG
|
|
|
10342
10469
|
|
|
10343
10470
|
|
|
10344
10471
|
const $52fa5fc5e62f028e$var$DisplaySubViews = ({ handleClick: handleClick, conditionalHandleClick: conditionalHandleClick })=>{
|
|
10345
|
-
const
|
|
10472
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10473
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
10346
10474
|
const { configuration: configuration } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
10347
10475
|
const [subMenu, setSubMenu] = (0, $b3y7N$useState)([]);
|
|
10348
10476
|
const buildMenu = (menu)=>{
|
|
@@ -10396,7 +10524,7 @@ var $52fa5fc5e62f028e$export$2e2bcd8739ae039 = $52fa5fc5e62f028e$var$DisplaySubV
|
|
|
10396
10524
|
const $1c61069bd2e745ae$var$Dashboard = ({ toggleDashboard: toggleDashboard })=>{
|
|
10397
10525
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
10398
10526
|
const { configuration: { isUsedOnBorne: isUsedOnBorne } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
10399
|
-
const
|
|
10527
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10400
10528
|
const handleClick = ()=>{
|
|
10401
10529
|
toggleDashboard && toggleDashboard();
|
|
10402
10530
|
};
|
|
@@ -10477,8 +10605,8 @@ $c931d7b5bb822627$exports = JSON.parse('{"aa":"Qafar","aa-DJ":"Qafar (Yabuuti)",
|
|
|
10477
10605
|
|
|
10478
10606
|
|
|
10479
10607
|
const $397faff8f3381bce$var$ParameterButton = ({ title: title, color: color, icon: icon, onClick: onClick })=>{
|
|
10480
|
-
const
|
|
10481
|
-
const
|
|
10608
|
+
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
10609
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10482
10610
|
return isMobile ? /*#__PURE__*/ (0, $b3y7N$jsxs)("button", {
|
|
10483
10611
|
className: `rf-w-full rf-py-4 rf-flex rf-flex-row ${icon === "lang" ? "rf-justify-between" : "rf-justify-start"} rf-items-center rf-border-t rf-border-t-menuBorder rf-capitalize`,
|
|
10484
10612
|
onClick: onClick,
|
|
@@ -10557,6 +10685,7 @@ var $0bff8041b227f996$export$2e2bcd8739ae039 = $0bff8041b227f996$var$HistoryButt
|
|
|
10557
10685
|
|
|
10558
10686
|
|
|
10559
10687
|
|
|
10688
|
+
|
|
10560
10689
|
// Check if the locale in the current browser is in the array of available locales
|
|
10561
10690
|
const $0b616a526d1d5293$var$checkLocaleFromBrowser = (allLanguages)=>{
|
|
10562
10691
|
const navLang = navigator?.language;
|
|
@@ -10595,7 +10724,8 @@ const $840e70926a84a3f4$var$LanguageButton = ()=>{
|
|
|
10595
10724
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
10596
10725
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
10597
10726
|
const supported = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.supported);
|
|
10598
|
-
const
|
|
10727
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10728
|
+
const { themeColors: themeColors } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
10599
10729
|
const currentSubView = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.currentSubView);
|
|
10600
10730
|
const [mainLocale, setMainLocale] = (0, $b3y7N$useState)((0, $0b616a526d1d5293$export$91fc93b93c368955)(locale).toUpperCase());
|
|
10601
10731
|
(0, $b3y7N$useEffect)(()=>{
|
|
@@ -10654,6 +10784,7 @@ var $840e70926a84a3f4$export$2e2bcd8739ae039 = $840e70926a84a3f4$var$LanguageBut
|
|
|
10654
10784
|
|
|
10655
10785
|
|
|
10656
10786
|
|
|
10787
|
+
|
|
10657
10788
|
var $165de4999729355a$exports = {};
|
|
10658
10789
|
$165de4999729355a$exports = JSON.parse('{"v":"5.7.4","fr":29.9700012207031,"ip":0,"op":45.0000018328876,"w":256,"h":256,"nm":"vibe","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Calque de forme 1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[128,128,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.25,-10.25],[-49.5,103],[-92.5,39],[-129,128.25],[-129.5,167.5],[128.75,171.75],[129.75,127.75],[100.25,65.5],[54.75,110]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":8,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.25,31.25],[-49.5,103],[-92.5,81],[-129,128.25],[-129.5,167.5],[128.75,171.75],[129.75,127.75],[100.25,18],[54.75,110]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":16,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.247,87.636],[-49.5,62.5],[-92.5,8.144],[-129,128.25],[-129.5,167.5],[128.75,171.75],[129.75,10.5],[100.25,84.403],[54.75,36.25]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":23,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.249,51.758],[-49.5,103],[-92.5,48.989],[-129,-22],[-129.5,167.5],[128.75,171.75],[129.75,19.75],[100.25,93.847],[54.75,-2]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":31,"s":[{"i":[[30.504,0],[26.498,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.249,-34.148],[-49.5,39.75],[-92.5,90.277],[-129,128.25],[-129.5,167.5],[128.75,171.75],[129.75,127.75],[100.25,33.052],[54.75,110]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":38,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.249,23.747],[-49.5,-21.5],[-92.5,115.754],[-129,62.5],[-129.5,167.5],[128.75,171.75],[129.75,127.75],[100.25,90.836],[54.75,110]],"c":true}]},{"t":45.0000018328876,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.25,-10.25],[-49.5,103],[-92.5,39],[-129,128.25],[-129.5,167.5],[128.75,171.75],[129.75,127.75],[100.25,65.5],[54.75,110]],"c":true}]}],"ix":2},"nm":"Trac\xe9 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":19,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Contour 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":19,"ix":5},"r":1,"bm":0,"nm":"Fond 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformer "}],"nm":"Forme 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":45.0000018328876,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Calque de forme 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[128,128,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.25,104.5],[-49.5,68.5],[-92.5,108.5],[-129,4.75],[-129.5,167.5],[128.75,171.75],[129.75,53],[100.25,110.5],[54.75,38.25]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":8,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.25,48.5],[-49.5,-11.5],[-92.5,44],[-129,116],[-129.5,167.5],[128.75,171.75],[129.75,125.5],[100.25,62.5],[54.749,95.5]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":16,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.25,27],[-49.502,94.547],[-92.5,55],[-129,-19.068],[-129.5,167.5],[128.75,171.75],[129.75,125],[100.25,110.5],[54.749,-63.236]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":23,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.25,70],[-49.501,1.079],[-92.5,120.5],[-129,57.802],[-129.5,167.5],[128.75,171.75],[129.75,-0.19],[100.25,65.5],[54.749,45.01]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":31,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.25,22.75],[-49.501,80.531],[-92.5,33],[-129,114.922],[-129.5,167.5],[128.75,171.75],[129.75,-17.129],[100.25,106.25],[54.747,69.109]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":38,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.25,104.5],[-49.501,68.115],[-92.5,106.017],[-129,129.414],[-129.5,167.5],[128.75,171.75],[129.75,63.44],[100.25,-1.2],[54.748,66.851]],"c":true}]},{"t":45.0000018328876,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.25,104.5],[-49.5,68.5],[-92.5,108.5],[-129,4.75],[-129.5,167.5],[128.75,171.75],[129.75,53],[100.25,110.5],[54.75,38.25]],"c":true}]}],"ix":2},"nm":"Trac\xe9 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":19,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Contour 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":19,"ix":5},"r":1,"bm":0,"nm":"Fond 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformer "}],"nm":"Forme 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":45.0000018328876,"st":0,"bm":0}],"markers":[]}');
|
|
10659
10790
|
|
|
@@ -10747,7 +10878,8 @@ const $a77b906ea2d581f2$var$MicrophoneButton = ({ openMicrophone: openMicrophone
|
|
|
10747
10878
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
10748
10879
|
const activeRecognitionState = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.activeRecognitionState);
|
|
10749
10880
|
const toggleMicrophone = (0, $b7c552f6163a7a5c$export$2e2bcd8739ae039)();
|
|
10750
|
-
const
|
|
10881
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10882
|
+
const { themeColors: themeColors } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
10751
10883
|
const allowedRef = (0, $b3y7N$useRef)(false);
|
|
10752
10884
|
const [message, setMessage] = (0, $b3y7N$useState)("");
|
|
10753
10885
|
const [playerRef, setPlayerRef] = (0, $b3y7N$useState)(null);
|
|
@@ -10838,7 +10970,7 @@ const $cd1f82089b8b3963$var$Parameters = ({ handleBack: handleBack })=>{
|
|
|
10838
10970
|
const mode = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
10839
10971
|
const displaySubtitles = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.displaySubtitles);
|
|
10840
10972
|
const muted = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.muted);
|
|
10841
|
-
const
|
|
10973
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10842
10974
|
const { configuration: { disableSound: disableSound } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
10843
10975
|
const handleSoundChange = (val)=>{
|
|
10844
10976
|
(0, $04ce41b46d359821$export$a1680ba91cc9be33)(!val);
|
|
@@ -10907,7 +11039,7 @@ var $c35a659819acee30$export$2e2bcd8739ae039 = $c35a659819acee30$var$TutorialBut
|
|
|
10907
11039
|
const $bfee9debe091d3c7$var$SubMenuClosing = ({ className: className, background: background, handleClose: handleClose, backIsConversation: backIsConversation, title: title, children: children })=>{
|
|
10908
11040
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
10909
11041
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
10910
|
-
const
|
|
11042
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10911
11043
|
return /*#__PURE__*/ (0, $b3y7N$jsxs)((0, $73d7e922147f4370$export$2e2bcd8739ae039), {
|
|
10912
11044
|
background: background,
|
|
10913
11045
|
onClick: handleClose,
|
|
@@ -10944,7 +11076,9 @@ var $bfee9debe091d3c7$export$2e2bcd8739ae039 = $bfee9debe091d3c7$var$SubMenuClos
|
|
|
10944
11076
|
|
|
10945
11077
|
|
|
10946
11078
|
const $1069807c9f448568$var$FullScreenRemoteClosing = ({ className: className, background: background, closeButtonClassName: closeButtonClassName, remoteCloseButtonZIndex: remoteCloseButtonZIndex, mobileReturnTitle: mobileReturnTitle, handleClose: handleClose, onClick: onClick, animation: animation, children: children })=>{
|
|
10947
|
-
const
|
|
11079
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
11080
|
+
const isLandscape = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isLandscape);
|
|
11081
|
+
const isBorne = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isBorne);
|
|
10948
11082
|
return /*#__PURE__*/ (0, $b3y7N$jsxs)((0, $b3y7N$react).Fragment, {
|
|
10949
11083
|
children: [
|
|
10950
11084
|
/*#__PURE__*/ (0, $b3y7N$jsxs)((0, $c3ba76bcd3f6410d$export$2e2bcd8739ae039), {
|
|
@@ -11178,10 +11312,8 @@ var $f4bd47cb5712965f$export$2e2bcd8739ae039 = $f4bd47cb5712965f$var$SubFilterCa
|
|
|
11178
11312
|
|
|
11179
11313
|
|
|
11180
11314
|
const $427c2900ccf4ba92$var$FilterItem = ({ className: className, identifier: identifier, opened: opened, filter: filter, closeOpenedFilters: closeOpenedFilters })=>{
|
|
11181
|
-
const
|
|
11182
|
-
|
|
11183
|
-
}));
|
|
11184
|
-
const { isMobile: isMobile } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
11315
|
+
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
11316
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
11185
11317
|
const [style, setStyle] = (0, $b3y7N$useState)("");
|
|
11186
11318
|
(0, $b3y7N$useEffect)(()=>{
|
|
11187
11319
|
opened ? setStyle("rf-bg-truewhite rf-text-black rf-border-black") : setStyle("rf-bg-templateBackground rf-text-gray rf-border-gray");
|
|
@@ -11526,7 +11658,7 @@ var $4d8d462ee41ffdc9$export$2e2bcd8739ae039 = $4d8d462ee41ffdc9$var$preventEven
|
|
|
11526
11658
|
const $27f6452958f7148b$var$FilterMobile = ({ className: className, setFiltersOpened: setFiltersOpened, handleClose: handleClose })=>{
|
|
11527
11659
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
11528
11660
|
const { resetFilters: resetFilters } = (0, $f3355770fb53f173$export$f9763ecd339e95eb)();
|
|
11529
|
-
const
|
|
11661
|
+
const isWidget = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
11530
11662
|
const [open, setOpen] = (0, $b3y7N$useState)(false);
|
|
11531
11663
|
const [currentOpened, setCurrentOpened] = (0, $b3y7N$useState)(undefined);
|
|
11532
11664
|
const divRef = (0, $b3y7N$useRef)(null);
|
|
@@ -11617,7 +11749,7 @@ var $27f6452958f7148b$export$2e2bcd8739ae039 = $27f6452958f7148b$var$FilterMobil
|
|
|
11617
11749
|
|
|
11618
11750
|
function $97a7deacd265097c$export$2e2bcd8739ae039() {
|
|
11619
11751
|
const { configuration: configuration } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
11620
|
-
const
|
|
11752
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
11621
11753
|
const [currentPagination, setCurrentPagination] = (0, $b3y7N$useState)(10);
|
|
11622
11754
|
(0, $b3y7N$useEffect)(()=>{
|
|
11623
11755
|
if (configuration && currentDeviceType) switch(currentDeviceType){
|
|
@@ -11722,7 +11854,9 @@ const $6b0db30c4b5b5858$var$ListContainer = ({ hasFilterOrSuggestedAction: hasFi
|
|
|
11722
11854
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
11723
11855
|
const sendPostback = $6b0db30c4b5b5858$var$useSendPostBack();
|
|
11724
11856
|
const { content: content, selectedFilters: selectedFilters, loadingData: loadingData, setLoadingData: setLoadingData } = (0, $f3355770fb53f173$export$f9763ecd339e95eb)();
|
|
11725
|
-
const
|
|
11857
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
11858
|
+
const isWidget = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
11859
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
11726
11860
|
const currentPagination = (0, $97a7deacd265097c$export$2e2bcd8739ae039)();
|
|
11727
11861
|
const [contentToDisplay, setContentToDisplay] = (0, $b3y7N$useState)([]);
|
|
11728
11862
|
const [landscapeStyle, setLandscapeStyle] = (0, $b3y7N$useState)("large:rf-h-3/5");
|
|
@@ -12047,7 +12181,9 @@ const $a8e0bc17b0fe6d93$var$springLeaveDuration = 2500;
|
|
|
12047
12181
|
const $a8e0bc17b0fe6d93$var$List = ({ activity: activity, onClose: onClose })=>{
|
|
12048
12182
|
const mode = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
12049
12183
|
const sendEvent = (0, $b3y7N$useSendEvent)();
|
|
12050
|
-
const
|
|
12184
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
12185
|
+
const isWidget = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
12186
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
12051
12187
|
const { content: content, filters: filters, selectedFilters: selectedFilters, setContent: setContent } = (0, $f3355770fb53f173$export$f9763ecd339e95eb)();
|
|
12052
12188
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
12053
12189
|
const lastListActivity = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.lastListActivity);
|
|
@@ -12413,6 +12549,7 @@ var $fe786f6198e14865$export$2e2bcd8739ae039 = $fe786f6198e14865$var$Swiper;
|
|
|
12413
12549
|
|
|
12414
12550
|
|
|
12415
12551
|
|
|
12552
|
+
|
|
12416
12553
|
const $8e767b1b71b4e397$var$springEnterDuration = 1000;
|
|
12417
12554
|
// Cards' width coefficients depending on the mode and display type
|
|
12418
12555
|
const $8e767b1b71b4e397$var$widthCoefficients = {
|
|
@@ -12425,7 +12562,9 @@ const $8e767b1b71b4e397$var$velocityBreakpoint = 0.5;
|
|
|
12425
12562
|
const $8e767b1b71b4e397$var$Carousel = /*#__PURE__*/ (0, $b3y7N$react).forwardRef(({ direction: direction, history: history, draft: draft, children: children }, ref)=>{
|
|
12426
12563
|
const mode = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
12427
12564
|
const { configuration: { forceMobileView: forceMobileView } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
12428
|
-
const
|
|
12565
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
12566
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
12567
|
+
const { showHomeAttachments: showHomeAttachments } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
12429
12568
|
const currentOrLastPlayedActivity = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.currentOrLastPlayedActivity);
|
|
12430
12569
|
const nbCards = (0, $b3y7N$useMemo)(()=>{
|
|
12431
12570
|
return (0, $b3y7N$react).Children.count(children);
|
|
@@ -12941,8 +13080,8 @@ function $d1182d10cbe1b27f$export$2e2bcd8739ae039() {
|
|
|
12941
13080
|
|
|
12942
13081
|
|
|
12943
13082
|
const $bd1929c492a95f76$var$HistoryQA = ({ activity: activity, isQuestion: isQuestion })=>{
|
|
12944
|
-
const
|
|
12945
|
-
const
|
|
13083
|
+
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
13084
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
12946
13085
|
const time = activity.localTimestamp ? new Date(activity.localTimestamp) : activity.timestamp ? new Date(activity.timestamp) : new Date();
|
|
12947
13086
|
return activity.text || !!activity.attachments?.length ? /*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
|
|
12948
13087
|
className: `${isMobile ? "rf-w-full" : "rf-max-w-full"} rf-flex rf-flex-col rf-gap-1`,
|
|
@@ -13002,7 +13141,8 @@ var $c0e1e00b31395822$export$2e2bcd8739ae039 = $c0e1e00b31395822$var$HistoryItem
|
|
|
13002
13141
|
|
|
13003
13142
|
const $84322fe6e310bbe4$var$HistoryList = ()=>{
|
|
13004
13143
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
13005
|
-
const
|
|
13144
|
+
const isWidget = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
13145
|
+
const isBorne = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isBorne);
|
|
13006
13146
|
const activities = (0, $d1182d10cbe1b27f$export$2e2bcd8739ae039)();
|
|
13007
13147
|
const scrollRef = (0, $b3y7N$useRef)(null);
|
|
13008
13148
|
const divRef = (0, $b3y7N$useRef)(null);
|
|
@@ -13344,6 +13484,8 @@ var $dbbb50c896a37e12$export$2e2bcd8739ae039 = $dbbb50c896a37e12$var$useShowPOI;
|
|
|
13344
13484
|
|
|
13345
13485
|
|
|
13346
13486
|
|
|
13487
|
+
|
|
13488
|
+
|
|
13347
13489
|
const $af96de9ebf31998e$var$CommentsPennant = ({ className: className, color: color, customerReviews: customerReviews })=>{
|
|
13348
13490
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
13349
13491
|
const [widthInPx, setWidthInPx] = (0, $b3y7N$useState)(0);
|
|
@@ -13403,7 +13545,7 @@ var $af96de9ebf31998e$export$2e2bcd8739ae039 = $af96de9ebf31998e$var$CommentsPen
|
|
|
13403
13545
|
|
|
13404
13546
|
const $f343cb3fe10aa879$var$DetailedTitle = ({ category: category, title: title, infoBanner: infoBanner, color: color, customerReviews: customerReviews, favorite: favorite, handleClose: handleClose, setTitleHeight: setTitleHeight })=>{
|
|
13405
13547
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
13406
|
-
const
|
|
13548
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
13407
13549
|
const titleRef = (0, $b3y7N$useRef)(null);
|
|
13408
13550
|
(0, $b3y7N$useEffect)(()=>{
|
|
13409
13551
|
titleRef?.current && setTitleHeight(titleRef.current.clientHeight);
|
|
@@ -13467,6 +13609,7 @@ var $f343cb3fe10aa879$export$2e2bcd8739ae039 = $f343cb3fe10aa879$var$DetailedTit
|
|
|
13467
13609
|
|
|
13468
13610
|
|
|
13469
13611
|
|
|
13612
|
+
|
|
13470
13613
|
const $ea652c6136f8ad06$var$DownloadSheet = ({ className: className, url: url })=>{
|
|
13471
13614
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
13472
13615
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
@@ -13578,7 +13721,9 @@ const $097ad82d11b7502d$var$DownloadQRHeight = 200;
|
|
|
13578
13721
|
const $097ad82d11b7502d$var$DownloadSheetHeight = 100;
|
|
13579
13722
|
const $097ad82d11b7502d$var$DetailedText = ({ text: text, otherInformations: otherInformations, color: color, url: url, titleHeight: titleHeight })=>{
|
|
13580
13723
|
const { configuration: { isUsedOnBorne: isUsedOnBorne } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
13581
|
-
const
|
|
13724
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
13725
|
+
const isLandscape = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isLandscape);
|
|
13726
|
+
const { currentHeight: currentHeight } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
13582
13727
|
const textRef = (0, $b3y7N$useRef)(null);
|
|
13583
13728
|
const otherInformationsRef = (0, $b3y7N$useRef)(null);
|
|
13584
13729
|
const [opacityStyle, setOpacityStyle] = (0, $b3y7N$useState)("");
|
|
@@ -13825,6 +13970,7 @@ var $e8cc160a7e1a415e$export$2e2bcd8739ae039 = $e8cc160a7e1a415e$var$DetailedMed
|
|
|
13825
13970
|
|
|
13826
13971
|
|
|
13827
13972
|
|
|
13973
|
+
|
|
13828
13974
|
const $ac6c51612e5952f1$var$ShowPhoneNumber = ({ phoneNumber: phoneNumber })=>{
|
|
13829
13975
|
return /*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
|
|
13830
13976
|
className: "rf-px-5 rf-py-3 rf-mb-8 rf-flex rf-flex-row rf-items-center rf-font-bold",
|
|
@@ -14390,7 +14536,10 @@ var $9008f3f761b264d2$export$2e2bcd8739ae039 = $9008f3f761b264d2$var$Map;
|
|
|
14390
14536
|
|
|
14391
14537
|
|
|
14392
14538
|
const $9c484f261d7d5f92$var$DetailedAddress = ({ address: address, phoneNumber: phoneNumber, coordinates: coordinates, color: color, customerReviews: customerReviews, url: url })=>{
|
|
14393
|
-
const
|
|
14539
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
14540
|
+
const isLandscape = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isLandscape);
|
|
14541
|
+
const isBorne = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isBorne);
|
|
14542
|
+
const { currentWidth: currentWidth } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
14394
14543
|
const { configuration: configuration } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
14395
14544
|
return /*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
|
|
14396
14545
|
className: "rf-relative rf-w-1/3 vertical:rf-w-full large:rf-bg-truewhite rf-flex rf-flex-col large-vertical:rf-flex-row",
|
|
@@ -14458,7 +14607,6 @@ var $9c484f261d7d5f92$export$2e2bcd8739ae039 = $9c484f261d7d5f92$var$DetailedAdd
|
|
|
14458
14607
|
|
|
14459
14608
|
|
|
14460
14609
|
|
|
14461
|
-
|
|
14462
14610
|
const { useSendPostBack: $df69961a6c1440a3$var$useSendPostBack, useSendEvent: $df69961a6c1440a3$var$useSendEvent } = (0, $b3y7N$hooks);
|
|
14463
14611
|
const $df69961a6c1440a3$var$springEnterDuration = 1500;
|
|
14464
14612
|
const $df69961a6c1440a3$var$springLeaveDuration = 2500;
|
|
@@ -14469,7 +14617,10 @@ const $df69961a6c1440a3$var$AttachmentDetails = ()=>{
|
|
|
14469
14617
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
14470
14618
|
const { configuration: { isUsedOnBorne: isUsedOnBorne }, baseAddress: baseAddress } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
14471
14619
|
const mode = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
14472
|
-
const
|
|
14620
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
14621
|
+
const isWidget = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
14622
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
14623
|
+
const { themeColors: themeColors } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
14473
14624
|
const [content, setContent] = (0, $b3y7N$useState)(undefined);
|
|
14474
14625
|
const [color, setColor] = (0, $b3y7N$useState)(themeColors.secondary);
|
|
14475
14626
|
const [titleHeight, setTitleHeight] = (0, $b3y7N$useState)(0);
|
|
@@ -14622,7 +14773,7 @@ const $4b8248ea6840a95e$var$FullScreenImage = ()=>{
|
|
|
14622
14773
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
14623
14774
|
const fullScreenImage = (0, $5a288634a807f931$export$2e2bcd8739ae039)();
|
|
14624
14775
|
const mode = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
14625
|
-
const
|
|
14776
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
14626
14777
|
const [content, setContent] = (0, $b3y7N$useState)();
|
|
14627
14778
|
(0, $b3y7N$useEffect)(()=>{
|
|
14628
14779
|
setContent(fullScreenImage);
|
|
@@ -14736,7 +14887,8 @@ var $d846dcc610726f2f$export$2e2bcd8739ae039 = $d846dcc610726f2f$var$LargeIconAn
|
|
|
14736
14887
|
const $e7ade6d81b3f1ff2$var$Weather = ({ handleClose: handleClose })=>{
|
|
14737
14888
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
14738
14889
|
const { configuration: configuration } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
14739
|
-
const
|
|
14890
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
14891
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
14740
14892
|
const sendEvent = (0, $b3y7N$useSendEvent)();
|
|
14741
14893
|
/**
|
|
14742
14894
|
* On call :
|
|
@@ -14806,12 +14958,14 @@ var $e7ade6d81b3f1ff2$export$2e2bcd8739ae039 = $e7ade6d81b3f1ff2$var$Weather;
|
|
|
14806
14958
|
|
|
14807
14959
|
|
|
14808
14960
|
|
|
14961
|
+
|
|
14809
14962
|
const $51a6fc414066d944$var$iconClassname = "rf-h-16 rf-w-16 large-vertical:rf-h-24 large-vertical:rf-w-24";
|
|
14810
14963
|
const $51a6fc414066d944$var$iconClassnameMobile = "rf-h-8 rf-w-8";
|
|
14811
14964
|
const $51a6fc414066d944$var$CustomView = ({ customView: customView, title: title, icon: icon, externalComponents: externalComponents, display: display, setDisplayCustomComponent: setDisplayCustomComponent })=>{
|
|
14812
14965
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
14813
14966
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
14814
|
-
const
|
|
14967
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
14968
|
+
const { displayControls: displayControls } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
14815
14969
|
const sendEvent = (0, $b3y7N$useSendEvent)();
|
|
14816
14970
|
const handleBack = ()=>{
|
|
14817
14971
|
sendEvent("Davi.CloseWindow", null);
|
|
@@ -14917,6 +15071,8 @@ var $f6bf6216720f892b$export$2e2bcd8739ae039 = $f6bf6216720f892b$var$useShowMap;
|
|
|
14917
15071
|
|
|
14918
15072
|
|
|
14919
15073
|
|
|
15074
|
+
|
|
15075
|
+
|
|
14920
15076
|
async function $891be3260bb3784e$export$cdd2c9f4b3acf5fb(data) {
|
|
14921
15077
|
// baseURI is used for retrocompatibility
|
|
14922
15078
|
let fullAddress = "";
|
|
@@ -14937,12 +15093,11 @@ async function $891be3260bb3784e$export$cdd2c9f4b3acf5fb(data) {
|
|
|
14937
15093
|
|
|
14938
15094
|
|
|
14939
15095
|
|
|
14940
|
-
|
|
14941
|
-
|
|
14942
15096
|
const $26692c14feff4dbf$export$6478e9f7582bd8fc = ()=>{
|
|
14943
15097
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
14944
15098
|
const { addressData: addressData } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
14945
|
-
const
|
|
15099
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
15100
|
+
const isWidget = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
14946
15101
|
const [municipalPoliceNumber, setMunicipalPoliceNumber] = (0, $b3y7N$useState)("");
|
|
14947
15102
|
const [localHospitalName, setLocalHospitalName] = (0, $b3y7N$useState)("");
|
|
14948
15103
|
const [localHospitalNumber, setLocalHospitalNumber] = (0, $b3y7N$useState)("");
|
|
@@ -15138,7 +15293,7 @@ const $26692c14feff4dbf$export$6478e9f7582bd8fc = ()=>{
|
|
|
15138
15293
|
|
|
15139
15294
|
|
|
15140
15295
|
const $7291afab04cdbdf5$var$Emergency = ({ handleClose: handleClose })=>{
|
|
15141
|
-
const
|
|
15296
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
15142
15297
|
const sendEvent = (0, $b3y7N$useSendEvent)();
|
|
15143
15298
|
const handleBack = ()=>{
|
|
15144
15299
|
handleClose ? handleClose() : (0, $3426110875af99d0$export$f0c096b4ecd7115d)((0, $f5ca62954d1f1f5b$export$f05d0fed0593ead7).none);
|
|
@@ -15247,6 +15402,7 @@ const $5ed8b6227682377a$var$SubViews = ({ externalComponents: externalComponents
|
|
|
15247
15402
|
showEmergency
|
|
15248
15403
|
]);
|
|
15249
15404
|
(0, $b3y7N$useEffect)(()=>{
|
|
15405
|
+
(0, $3426110875af99d0$export$e49d67c72fb28d58)();
|
|
15250
15406
|
if (currentSubView !== (0, $f5ca62954d1f1f5b$export$f05d0fed0593ead7).none) (0, $3426110875af99d0$export$dcb32d000c0e0280)((0, $f5ca62954d1f1f5b$export$4f7cd669585dc69f).DetailViewOpen);
|
|
15251
15407
|
else (0, $3426110875af99d0$export$dcb32d000c0e0280)((0, $f5ca62954d1f1f5b$export$4f7cd669585dc69f).DetailViewClose);
|
|
15252
15408
|
if (currentSubView !== (0, $f5ca62954d1f1f5b$export$f05d0fed0593ead7).custom) setDisplayCustomComponent(false);
|
|
@@ -15372,7 +15528,6 @@ const $f9b55dee2122a017$export$f0e9d14ede4c01bd = ()=>{
|
|
|
15372
15528
|
|
|
15373
15529
|
|
|
15374
15530
|
|
|
15375
|
-
|
|
15376
15531
|
const $0d96395552e34116$export$aa0c5ba341a0028 = ({ agentName: agentName = "L\xe9a", companyName: companyName, companyNameLocalized: companyNameLocalized, subCompanyMessage: subCompanyMessage, subCompanyMessageLocalized: subCompanyMessageLocalized, imageUrl: imageUrl = "" })=>{
|
|
15377
15532
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
15378
15533
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
@@ -15431,105 +15586,130 @@ const $0d96395552e34116$export$aa0c5ba341a0028 = ({ agentName: agentName = "L\xe
|
|
|
15431
15586
|
};
|
|
15432
15587
|
|
|
15433
15588
|
|
|
15434
|
-
const $ea27a870d6ff37c7$var$DisplayStandard = ({ botResponses: botResponses, isMobile: isMobile })=>{
|
|
15435
|
-
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
15436
|
-
const { configuration: { forceMobileView: forceMobileView } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
15437
|
-
return /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
15438
|
-
id: "retorik-botResponses",
|
|
15439
|
-
className: "rf-flex rf-flex-col rf-text-size-auto rf-gap-2 rf-scrollbar-hidden",
|
|
15440
|
-
children: botResponses.map((activity, key)=>{
|
|
15441
|
-
const answerTime = activity.localTimestamp ? new Date(activity.localTimestamp) : activity.timestamp ? new Date(activity.timestamp) : new Date();
|
|
15442
|
-
return /*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
|
|
15443
|
-
className: `${key > 0 && "rf-pt-2"} rf-text-textModePanelConversationBot rf-animate-slideBottom rf-flex rf-flex-col rf-items-start rf-gap-2`,
|
|
15444
|
-
children: [
|
|
15445
|
-
isMobile && /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
15446
|
-
className: "rf-px-4 rf-text-[#9A9A9A]",
|
|
15447
|
-
children: answerTime.toLocaleString(locale, {
|
|
15448
|
-
hour: "numeric",
|
|
15449
|
-
minute: "numeric"
|
|
15450
|
-
})
|
|
15451
|
-
}),
|
|
15452
|
-
activity.htmlText ? /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
15453
|
-
className: "rf-px-4",
|
|
15454
|
-
dangerouslySetInnerHTML: {
|
|
15455
|
-
__html: activity.htmlText
|
|
15456
|
-
}
|
|
15457
|
-
}) : activity.text ? /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
15458
|
-
className: "rf-px-4",
|
|
15459
|
-
children: (0, $3792187fd212489a$export$d6c6ec86eedacfd9)(activity.text)
|
|
15460
|
-
}) : /*#__PURE__*/ (0, $b3y7N$jsx)((0, $b3y7N$react).Fragment, {}),
|
|
15461
|
-
!!activity?.attachments?.length && !(0, $1136774ec828a7ed$export$7c55936a30618336)(activity) && /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
15462
|
-
className: `${forceMobileView ? "rf-m-auto" : "rf-w-full"} ${activity.attachments.length <= 1 && "rf-px-4"} rf-flex rf-flex-col rf-gap-2`,
|
|
15463
|
-
children: /*#__PURE__*/ (0, $b3y7N$jsx)((0, $d7c37f48f10c5387$export$2e2bcd8739ae039), {
|
|
15464
|
-
activity: activity
|
|
15465
|
-
})
|
|
15466
|
-
})
|
|
15467
|
-
]
|
|
15468
|
-
}, key);
|
|
15469
|
-
})
|
|
15470
|
-
});
|
|
15471
|
-
};
|
|
15472
|
-
var $ea27a870d6ff37c7$export$2e2bcd8739ae039 = $ea27a870d6ff37c7$var$DisplayStandard;
|
|
15473
15589
|
|
|
15474
15590
|
|
|
15475
15591
|
|
|
15476
15592
|
|
|
15477
15593
|
|
|
15478
|
-
|
|
15479
|
-
|
|
15594
|
+
|
|
15595
|
+
|
|
15596
|
+
const $b22a7bbed115cb27$var$interval = 150 // 20 // 25
|
|
15597
|
+
;
|
|
15598
|
+
const $b22a7bbed115cb27$var$md = new (0, $b3y7N$markdownit)({
|
|
15599
|
+
breaks: true,
|
|
15600
|
+
html: true,
|
|
15601
|
+
xhtmlOut: true,
|
|
15602
|
+
typographer: true,
|
|
15603
|
+
quotes: `""''`
|
|
15604
|
+
});
|
|
15605
|
+
const $b22a7bbed115cb27$var$DisplayStreaming = ({ triggerScroll: triggerScroll, setStreamingEnded: setStreamingEnded, streamingActivity: streamingActivity, currentStreaming: currentStreaming, isMobile: isMobile })=>{
|
|
15606
|
+
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
15607
|
+
const streamingQueue = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.streamingQueueForText);
|
|
15608
|
+
const streamingCount = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.streamingQueueFullLength);
|
|
15609
|
+
const { configuration: { forceMobileView: forceMobileView } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
15480
15610
|
const [streamingTextToDisplay, setStreamingTextToDisplay] = (0, $b3y7N$useState)("");
|
|
15481
15611
|
const [currentTextEnded, setCurrentTextEnded] = (0, $b3y7N$useState)(true);
|
|
15482
15612
|
const [currentQueueIndex, setCurrentQueueIndex] = (0, $b3y7N$useState)(0);
|
|
15613
|
+
const time = (0, $b3y7N$useMemo)(()=>{
|
|
15614
|
+
if (streamingQueue.length) {
|
|
15615
|
+
const answerTime = streamingQueue[0].localTimestamp ? new Date(streamingQueue[0].localTimestamp) : streamingQueue[0].timestamp ? new Date(streamingQueue[0].timestamp) : new Date();
|
|
15616
|
+
return answerTime;
|
|
15617
|
+
}
|
|
15618
|
+
return null;
|
|
15619
|
+
}, [
|
|
15620
|
+
streamingQueue
|
|
15621
|
+
]);
|
|
15483
15622
|
const intervalRef = (0, $b3y7N$useRef)(null);
|
|
15484
15623
|
const streamRef = (0, $b3y7N$useRef)([]);
|
|
15624
|
+
const streamIndexRef = (0, $b3y7N$useRef)(0);
|
|
15625
|
+
const previousTextRef = (0, $b3y7N$useRef)([]);
|
|
15626
|
+
// const handleNewStreaming = (text: string): void => {
|
|
15627
|
+
// text = md.render(text)
|
|
15628
|
+
// if (previousTextRef.current) {
|
|
15629
|
+
// for (let i = 0; i < previousTextRef.current.length; i++) {
|
|
15630
|
+
// if (text[i] !== previousTextRef.current[i]) {
|
|
15631
|
+
// streamIndexRef.current = i
|
|
15632
|
+
// break
|
|
15633
|
+
// }
|
|
15634
|
+
// }
|
|
15635
|
+
// } else {
|
|
15636
|
+
// streamIndexRef.current = 0
|
|
15637
|
+
// }
|
|
15638
|
+
// setCurrentTextEnded(false)
|
|
15639
|
+
// streamRef.current = text.split('')
|
|
15640
|
+
// previousTextRef.current = text
|
|
15641
|
+
// streamIndexRef.current !== streamingTextToDisplay.length &&
|
|
15642
|
+
// setStreamingTextToDisplay((value) =>
|
|
15643
|
+
// value.substring(0, streamIndexRef.current)
|
|
15644
|
+
// )
|
|
15645
|
+
// intervalRef.current = setInterval(() => {
|
|
15646
|
+
// if (streamIndexRef.current < streamRef.current?.length) {
|
|
15647
|
+
// const current = streamRef.current[streamIndexRef.current]
|
|
15648
|
+
// setStreamingTextToDisplay((value) => `${value}${current}`)
|
|
15649
|
+
// streamIndexRef.current = streamIndexRef.current + 1
|
|
15650
|
+
// } else {
|
|
15651
|
+
// setCurrentTextEnded(true)
|
|
15652
|
+
// intervalRef.current && clearInterval(intervalRef.current)
|
|
15653
|
+
// }
|
|
15654
|
+
// }, interval)
|
|
15655
|
+
// }
|
|
15485
15656
|
const handleNewStreaming = (text)=>{
|
|
15657
|
+
text = $b22a7bbed115cb27$var$md.render(text);
|
|
15658
|
+
streamRef.current = text.split(" ");
|
|
15486
15659
|
setCurrentTextEnded(false);
|
|
15487
|
-
// Create array containing indexes of \n parts to replace them with html <br /> tag later
|
|
15488
|
-
const slashNIndexesArray = [];
|
|
15489
|
-
let searchIndex = 0;
|
|
15490
|
-
while(text.indexOf("\n", searchIndex) !== -1){
|
|
15491
|
-
const index = text.indexOf("\n", searchIndex);
|
|
15492
|
-
slashNIndexesArray.push(index);
|
|
15493
|
-
searchIndex = index + 2;
|
|
15494
|
-
}
|
|
15495
|
-
streamRef.current = text.split("");
|
|
15496
|
-
let currentIndex = 0;
|
|
15497
15660
|
intervalRef.current = setInterval(()=>{
|
|
15498
|
-
if (streamRef.current
|
|
15499
|
-
const current = streamRef.current[
|
|
15500
|
-
|
|
15501
|
-
|
|
15502
|
-
|
|
15503
|
-
streamRef.current = streamRef.current.slice(1);
|
|
15504
|
-
} else {
|
|
15505
|
-
setStreamingTextToDisplay((value)=>`${value}${current}`);
|
|
15506
|
-
streamRef.current = streamRef.current.slice(1);
|
|
15507
|
-
}
|
|
15508
|
-
currentIndex++;
|
|
15661
|
+
if (streamIndexRef.current < streamRef.current.length - 1) {
|
|
15662
|
+
const current = streamRef.current[streamIndexRef.current];
|
|
15663
|
+
setStreamingTextToDisplay((value)=>`${value} ${current}`);
|
|
15664
|
+
streamIndexRef.current = streamIndexRef.current + 1;
|
|
15665
|
+
streamIndexRef.current % 10 === 0 && triggerScroll();
|
|
15509
15666
|
} else {
|
|
15510
15667
|
setCurrentTextEnded(true);
|
|
15668
|
+
triggerScroll();
|
|
15511
15669
|
intervalRef.current && clearInterval(intervalRef.current);
|
|
15512
15670
|
}
|
|
15513
15671
|
}, $b22a7bbed115cb27$var$interval);
|
|
15514
15672
|
};
|
|
15673
|
+
const resetData = ()=>{
|
|
15674
|
+
setCurrentQueueIndex(0);
|
|
15675
|
+
streamIndexRef.current = 0;
|
|
15676
|
+
previousTextRef.current = [];
|
|
15677
|
+
(0, $04ce41b46d359821$export$e9ca045daeb00700)(0);
|
|
15678
|
+
intervalRef?.current && clearInterval(intervalRef.current);
|
|
15679
|
+
};
|
|
15515
15680
|
(0, $b3y7N$useEffect)(()=>{
|
|
15516
|
-
if (streamingQueue?.length
|
|
15517
|
-
if (
|
|
15518
|
-
|
|
15519
|
-
|
|
15681
|
+
if (currentTextEnded && streamingQueue?.length) {
|
|
15682
|
+
if (streamingCount === 0 || currentQueueIndex < streamingCount) {
|
|
15683
|
+
if (streamingQueue.length > currentQueueIndex) {
|
|
15684
|
+
setStreamingEnded(false);
|
|
15685
|
+
let text = "";
|
|
15686
|
+
for(let i = 0; i <= currentQueueIndex; i++)text = text + streamingQueue[i].text;
|
|
15687
|
+
handleNewStreaming(text);
|
|
15688
|
+
setCurrentQueueIndex((value)=>value + 1);
|
|
15689
|
+
}
|
|
15520
15690
|
} else {
|
|
15521
|
-
|
|
15522
|
-
(
|
|
15691
|
+
let fullText = "";
|
|
15692
|
+
streamingQueue.forEach((activity)=>{
|
|
15693
|
+
fullText = `${fullText} ${activity.text}`;
|
|
15694
|
+
});
|
|
15695
|
+
setStreamingTextToDisplay($b22a7bbed115cb27$var$md.render(fullText));
|
|
15696
|
+
setStreamingEnded(true);
|
|
15697
|
+
resetData();
|
|
15523
15698
|
}
|
|
15524
15699
|
}
|
|
15525
15700
|
}, [
|
|
15526
15701
|
streamingQueue,
|
|
15527
|
-
currentTextEnded
|
|
15702
|
+
currentTextEnded,
|
|
15703
|
+
streamingCount
|
|
15528
15704
|
]);
|
|
15529
15705
|
(0, $b3y7N$useEffect)(()=>{
|
|
15530
|
-
|
|
15706
|
+
if (!currentStreaming) {
|
|
15707
|
+
setCurrentTextEnded(true);
|
|
15708
|
+
setStreamingTextToDisplay("");
|
|
15709
|
+
resetData();
|
|
15710
|
+
}
|
|
15531
15711
|
}, [
|
|
15532
|
-
|
|
15712
|
+
currentStreaming
|
|
15533
15713
|
]);
|
|
15534
15714
|
(0, $b3y7N$useEffect)(()=>{
|
|
15535
15715
|
return ()=>{
|
|
@@ -15537,17 +15717,30 @@ const $b22a7bbed115cb27$var$DisplayStreaming = ({ streamingQueue: streamingQueue
|
|
|
15537
15717
|
};
|
|
15538
15718
|
}, []);
|
|
15539
15719
|
return /*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
|
|
15540
|
-
|
|
15541
|
-
className: "rf-flex rf-flex-col rf-text-size-auto rf-scrollbar-hidden",
|
|
15720
|
+
className: "rf-text-textModePanelConversationBot rf-flex rf-flex-col rf-items-start rf-gap-2",
|
|
15542
15721
|
children: [
|
|
15722
|
+
isMobile && time && /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
15723
|
+
className: "rf-px-4 rf-text-[#9A9A9A]",
|
|
15724
|
+
children: time.toLocaleString(locale, {
|
|
15725
|
+
hour: "numeric",
|
|
15726
|
+
minute: "numeric"
|
|
15727
|
+
})
|
|
15728
|
+
}),
|
|
15543
15729
|
streamingTextToDisplay && /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
15544
|
-
className: "rf-px-4
|
|
15730
|
+
className: "rf-px-4",
|
|
15545
15731
|
dangerouslySetInnerHTML: {
|
|
15546
15732
|
__html: streamingTextToDisplay
|
|
15547
15733
|
}
|
|
15548
15734
|
}),
|
|
15549
|
-
currentQueueIndex
|
|
15550
|
-
|
|
15735
|
+
currentQueueIndex === 0 ? /*#__PURE__*/ (0, $b3y7N$jsx)((0, $b3y7N$react).Fragment, {
|
|
15736
|
+
children: !!streamingActivity?.attachments?.length && /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
15737
|
+
className: `${forceMobileView ? "rf-m-auto" : "rf-w-full"} ${streamingActivity.attachments.length <= 1 && "rf-px-4"}`,
|
|
15738
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)((0, $d7c37f48f10c5387$export$2e2bcd8739ae039), {
|
|
15739
|
+
activity: streamingActivity
|
|
15740
|
+
})
|
|
15741
|
+
})
|
|
15742
|
+
}) : /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
15743
|
+
className: "rf-px-4 rf-font-bold rf-animate-blink",
|
|
15551
15744
|
children: "..."
|
|
15552
15745
|
})
|
|
15553
15746
|
]
|
|
@@ -15556,7 +15749,75 @@ const $b22a7bbed115cb27$var$DisplayStreaming = ({ streamingQueue: streamingQueue
|
|
|
15556
15749
|
var $b22a7bbed115cb27$export$2e2bcd8739ae039 = $b22a7bbed115cb27$var$DisplayStreaming;
|
|
15557
15750
|
|
|
15558
15751
|
|
|
15559
|
-
|
|
15752
|
+
|
|
15753
|
+
const $ea27a870d6ff37c7$var$DisplayStandard = ({ botResponses: botResponses, isMobile: isMobile, triggerScroll: triggerScroll, canBeStreaming: canBeStreaming })=>{
|
|
15754
|
+
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
15755
|
+
const currentStreaming = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.currentStreaming);
|
|
15756
|
+
const streamingId = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.streamingReplyToId);
|
|
15757
|
+
const { configuration: { forceMobileView: forceMobileView } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
15758
|
+
const [streamingActivity, setStreamingActivity] = (0, $b3y7N$useState)(undefined);
|
|
15759
|
+
const [streamingEnded, setStreamingEnded] = (0, $b3y7N$useState)(false);
|
|
15760
|
+
const nonStreamingActivities = (0, $b3y7N$useMemo)(()=>{
|
|
15761
|
+
if (streamingActivity) return botResponses.filter((act)=>act.id !== streamingActivity.id && act.replyToId === streamingActivity.replyToId);
|
|
15762
|
+
return botResponses;
|
|
15763
|
+
}, [
|
|
15764
|
+
streamingActivity,
|
|
15765
|
+
botResponses
|
|
15766
|
+
]);
|
|
15767
|
+
(0, $b3y7N$useEffect)(()=>{
|
|
15768
|
+
if (botResponses.length && currentStreaming) setStreamingActivity(botResponses.find((act)=>act.replyToId === streamingId && act.value?.streamingCount));
|
|
15769
|
+
else setStreamingActivity(undefined);
|
|
15770
|
+
}, [
|
|
15771
|
+
botResponses,
|
|
15772
|
+
currentStreaming,
|
|
15773
|
+
streamingId
|
|
15774
|
+
]);
|
|
15775
|
+
return /*#__PURE__*/ (0, $b3y7N$jsxs)((0, $b3y7N$react).Fragment, {
|
|
15776
|
+
children: [
|
|
15777
|
+
canBeStreaming && /*#__PURE__*/ (0, $b3y7N$jsx)((0, $b22a7bbed115cb27$export$2e2bcd8739ae039), {
|
|
15778
|
+
triggerScroll: triggerScroll,
|
|
15779
|
+
setStreamingEnded: setStreamingEnded,
|
|
15780
|
+
streamingActivity: streamingActivity,
|
|
15781
|
+
currentStreaming: currentStreaming,
|
|
15782
|
+
isMobile: isMobile
|
|
15783
|
+
}),
|
|
15784
|
+
(!streamingActivity || streamingActivity && streamingEnded) && nonStreamingActivities.map((activity, key)=>{
|
|
15785
|
+
const answerTime = activity.localTimestamp ? new Date(activity.localTimestamp) : activity.timestamp ? new Date(activity.timestamp) : new Date();
|
|
15786
|
+
return /*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
|
|
15787
|
+
className: `${key > 0 && "rf-pt-2"} rf-text-textModePanelConversationBot rf-animate-slideBottom rf-flex rf-flex-col rf-items-start rf-gap-2`,
|
|
15788
|
+
children: [
|
|
15789
|
+
isMobile && /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
15790
|
+
className: "rf-px-4 rf-text-[#9A9A9A]",
|
|
15791
|
+
children: answerTime.toLocaleString(locale, {
|
|
15792
|
+
hour: "numeric",
|
|
15793
|
+
minute: "numeric"
|
|
15794
|
+
})
|
|
15795
|
+
}),
|
|
15796
|
+
activity.htmlText ? /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
15797
|
+
className: "rf-px-4",
|
|
15798
|
+
dangerouslySetInnerHTML: {
|
|
15799
|
+
__html: activity.htmlText
|
|
15800
|
+
}
|
|
15801
|
+
}) : activity.text ? /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
15802
|
+
className: "rf-px-4",
|
|
15803
|
+
children: (0, $3792187fd212489a$export$d6c6ec86eedacfd9)(activity.text)
|
|
15804
|
+
}) : /*#__PURE__*/ (0, $b3y7N$jsx)((0, $b3y7N$react).Fragment, {}),
|
|
15805
|
+
!!activity?.attachments?.length && !(0, $1136774ec828a7ed$export$7c55936a30618336)(activity) && /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
15806
|
+
className: `${forceMobileView ? "rf-m-auto" : "rf-w-full"} ${activity.attachments.length <= 1 && "rf-px-4"} rf-flex rf-flex-col rf-gap-2`,
|
|
15807
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)((0, $d7c37f48f10c5387$export$2e2bcd8739ae039), {
|
|
15808
|
+
activity: activity
|
|
15809
|
+
})
|
|
15810
|
+
})
|
|
15811
|
+
]
|
|
15812
|
+
}, key);
|
|
15813
|
+
})
|
|
15814
|
+
]
|
|
15815
|
+
});
|
|
15816
|
+
};
|
|
15817
|
+
var $ea27a870d6ff37c7$export$2e2bcd8739ae039 = $ea27a870d6ff37c7$var$DisplayStandard;
|
|
15818
|
+
|
|
15819
|
+
|
|
15820
|
+
const $df2e46a0b1d75dd8$var$ConversationDisplay = ({ userQuestion: userQuestion, botResponses: botResponses, userQuestionTime: userQuestionTime, isMobile: isMobile, triggerScroll: triggerScroll, canBeStreaming: canBeStreaming })=>{
|
|
15560
15821
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
15561
15822
|
return /*#__PURE__*/ (0, $b3y7N$jsxs)((0, $b3y7N$react).Fragment, {
|
|
15562
15823
|
children: [
|
|
@@ -15577,12 +15838,15 @@ const $df2e46a0b1d75dd8$var$ConversationDisplay = ({ userQuestion: userQuestion,
|
|
|
15577
15838
|
})
|
|
15578
15839
|
]
|
|
15579
15840
|
}, userQuestion.id),
|
|
15580
|
-
|
|
15581
|
-
|
|
15582
|
-
|
|
15583
|
-
|
|
15584
|
-
|
|
15585
|
-
|
|
15841
|
+
/*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
15842
|
+
id: "retorik-botResponses",
|
|
15843
|
+
className: "rf-flex rf-flex-col rf-text-size-auto rf-gap-2 rf-scrollbar-hidden",
|
|
15844
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)((0, $ea27a870d6ff37c7$export$2e2bcd8739ae039), {
|
|
15845
|
+
triggerScroll: triggerScroll,
|
|
15846
|
+
botResponses: botResponses || [],
|
|
15847
|
+
isMobile: isMobile,
|
|
15848
|
+
canBeStreaming: canBeStreaming
|
|
15849
|
+
})
|
|
15586
15850
|
})
|
|
15587
15851
|
]
|
|
15588
15852
|
});
|
|
@@ -15594,7 +15858,8 @@ var $df2e46a0b1d75dd8$export$2e2bcd8739ae039 = $df2e46a0b1d75dd8$var$Conversatio
|
|
|
15594
15858
|
const $2aae80cf8e050a0a$var$ConversationPanelMobile = ({ homeActivity: homeActivity, itemsInConversation: itemsInConversation })=>{
|
|
15595
15859
|
const activities = (0, $d8c9d0fe519d0cbe$export$2e2bcd8739ae039)();
|
|
15596
15860
|
const { configuration: configuration } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
15597
|
-
const
|
|
15861
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
15862
|
+
const isWidget = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
15598
15863
|
const listClosed = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.listClosed);
|
|
15599
15864
|
const open = (0, $f9b55dee2122a017$export$d95eb9b67812311f)((state)=>state.open);
|
|
15600
15865
|
const agentData = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.agentData);
|
|
@@ -15602,8 +15867,6 @@ const $2aae80cf8e050a0a$var$ConversationPanelMobile = ({ homeActivity: homeActiv
|
|
|
15602
15867
|
const [scrollButtonDisplay, setScrollButtonDisplay] = (0, $b3y7N$useState)(false);
|
|
15603
15868
|
const [scrollButtonDirection, setScrollButtonDirection] = (0, $b3y7N$useState)("bottom");
|
|
15604
15869
|
const [preventScroll, setPreventScroll] = (0, $b3y7N$useState)(false);
|
|
15605
|
-
const streamingId = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.streamingReplyToIdForText);
|
|
15606
|
-
const streamingQueue = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.streamingQueueForText);
|
|
15607
15870
|
const retorikConversationRef = (0, $b3y7N$useRef)(null);
|
|
15608
15871
|
const botEndRef = (0, $b3y7N$useRef)(null);
|
|
15609
15872
|
const timerRef = (0, $b3y7N$useRef)(null);
|
|
@@ -15707,11 +15970,10 @@ const $2aae80cf8e050a0a$var$ConversationPanelMobile = ({ homeActivity: homeActiv
|
|
|
15707
15970
|
children: /*#__PURE__*/ (0, $b3y7N$jsx)((0, $df2e46a0b1d75dd8$export$2e2bcd8739ae039), {
|
|
15708
15971
|
userQuestion: activity.question,
|
|
15709
15972
|
botResponses: activity.answers,
|
|
15710
|
-
streamingId: index === activities.length - 1 ? streamingId : null,
|
|
15711
|
-
streamingQueue: streamingQueue,
|
|
15712
15973
|
userQuestionTime: userQuestionTime,
|
|
15713
15974
|
isMobile: true,
|
|
15714
|
-
triggerScroll: ()=>scrollHandler("bottom", "newMessage")
|
|
15975
|
+
triggerScroll: ()=>scrollHandler("bottom", "newMessage"),
|
|
15976
|
+
canBeStreaming: index === activities.length - 1
|
|
15715
15977
|
})
|
|
15716
15978
|
}, index);
|
|
15717
15979
|
}),
|
|
@@ -15732,8 +15994,7 @@ const $2aae80cf8e050a0a$var$ConversationPanelMobile = ({ homeActivity: homeActiv
|
|
|
15732
15994
|
var $2aae80cf8e050a0a$export$2e2bcd8739ae039 = $2aae80cf8e050a0a$var$ConversationPanelMobile;
|
|
15733
15995
|
|
|
15734
15996
|
|
|
15735
|
-
|
|
15736
|
-
|
|
15997
|
+
/* eslint-disable react/jsx-boolean-value */
|
|
15737
15998
|
|
|
15738
15999
|
|
|
15739
16000
|
|
|
@@ -15742,8 +16003,6 @@ var $2aae80cf8e050a0a$export$2e2bcd8739ae039 = $2aae80cf8e050a0a$var$Conversatio
|
|
|
15742
16003
|
const $158745933e0ea53f$var$ConversationPanelLarge = ({ homeActivity: homeActivity, itemsInConversation: itemsInConversation })=>{
|
|
15743
16004
|
const activities = (0, $d8c9d0fe519d0cbe$export$2e2bcd8739ae039)();
|
|
15744
16005
|
const { mediumLandscape: mediumLandscape } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
15745
|
-
const streamingId = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.streamingReplyToIdForText);
|
|
15746
|
-
const streamingQueue = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.streamingQueueForText);
|
|
15747
16006
|
const botEndRef = (0, $b3y7N$useRef)(null);
|
|
15748
16007
|
const timerRef = (0, $b3y7N$useRef)(null);
|
|
15749
16008
|
const userQuestion = (0, $b3y7N$useMemo)(()=>{
|
|
@@ -15773,7 +16032,7 @@ const $158745933e0ea53f$var$ConversationPanelLarge = ({ homeActivity: homeActivi
|
|
|
15773
16032
|
}, [
|
|
15774
16033
|
itemsInConversation
|
|
15775
16034
|
]);
|
|
15776
|
-
return homeActivity?.attachments?.length ||
|
|
16035
|
+
return homeActivity?.attachments?.length || userQuestion || botResponses ? /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
15777
16036
|
className: `rf-relative rf-max-h-full ${mediumLandscape ? "rf-col-start-4" : "rf-col-start-5"} vertical:rf-col-start-1 rf-col-span-full rf-row-start-4 rf-row-end-12 large-vertical:rf-row-start-7 large-vertical:rf-row-span-6 rf-self-start rf-overflow-hidden rf-justify-self-center rf-w-3/5 rf-flex rf-flex-col rf-rounded rf-bg-textModePanelBackground`,
|
|
15778
16037
|
children: /*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
|
|
15779
16038
|
id: "retorik-conversation",
|
|
@@ -15787,9 +16046,8 @@ const $158745933e0ea53f$var$ConversationPanelLarge = ({ homeActivity: homeActivi
|
|
|
15787
16046
|
}) : /*#__PURE__*/ (0, $b3y7N$jsx)((0, $df2e46a0b1d75dd8$export$2e2bcd8739ae039), {
|
|
15788
16047
|
userQuestion: userQuestion,
|
|
15789
16048
|
botResponses: botResponses,
|
|
15790
|
-
|
|
15791
|
-
|
|
15792
|
-
triggerScroll: handleScroll
|
|
16049
|
+
triggerScroll: handleScroll,
|
|
16050
|
+
canBeStreaming: true
|
|
15793
16051
|
}),
|
|
15794
16052
|
/*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
15795
16053
|
ref: botEndRef
|
|
@@ -15802,10 +16060,12 @@ var $158745933e0ea53f$export$2e2bcd8739ae039 = $158745933e0ea53f$var$Conversatio
|
|
|
15802
16060
|
|
|
15803
16061
|
|
|
15804
16062
|
|
|
16063
|
+
|
|
15805
16064
|
const $019b0a0c6328bd4c$export$a1f3f6b0b496333e = ()=>{
|
|
15806
16065
|
const activities = (0, $d8c9d0fe519d0cbe$export$2e2bcd8739ae039)();
|
|
15807
16066
|
const { configuration: { forceMobileView: forceMobileView } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
15808
|
-
const
|
|
16067
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
16068
|
+
const { showHomeAttachments: showHomeAttachments } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
15809
16069
|
const listClosed = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.listClosed);
|
|
15810
16070
|
const [listActivity, setListActivity] = (0, $b3y7N$useState)(undefined);
|
|
15811
16071
|
/**
|
|
@@ -15868,6 +16128,7 @@ const $019b0a0c6328bd4c$export$a1f3f6b0b496333e = ()=>{
|
|
|
15868
16128
|
|
|
15869
16129
|
|
|
15870
16130
|
|
|
16131
|
+
|
|
15871
16132
|
|
|
15872
16133
|
|
|
15873
16134
|
const $129f12a268b641e5$var$Mode = ()=>{
|
|
@@ -15923,7 +16184,7 @@ var $129f12a268b641e5$export$2e2bcd8739ae039 = $129f12a268b641e5$var$Mode;
|
|
|
15923
16184
|
|
|
15924
16185
|
const $47597c8fb667575b$var$Remote = ()=>{
|
|
15925
16186
|
const { configuration: { disableSound: disableSound } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
15926
|
-
const
|
|
16187
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
15927
16188
|
const mode = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
15928
16189
|
return /*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
|
|
15929
16190
|
id: "retorik-framework-remote",
|
|
@@ -16003,6 +16264,7 @@ var $d37623b8c08ebb16$export$2e2bcd8739ae039 = $d37623b8c08ebb16$var$RemoteConta
|
|
|
16003
16264
|
|
|
16004
16265
|
|
|
16005
16266
|
|
|
16267
|
+
|
|
16006
16268
|
const $17727092beb955f3$var$ModeButton = ({ label: label, selected: selected, onClick: onClick })=>{
|
|
16007
16269
|
const { themeColors: themeColors } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
16008
16270
|
return /*#__PURE__*/ (0, $b3y7N$jsx)("button", {
|
|
@@ -16026,11 +16288,10 @@ var $17727092beb955f3$export$2e2bcd8739ae039 = $17727092beb955f3$var$ModeButton;
|
|
|
16026
16288
|
|
|
16027
16289
|
|
|
16028
16290
|
|
|
16029
|
-
|
|
16030
16291
|
const $fada14688b15ab6e$var$Mobile = ({ parametersOpened: parametersOpened, toggleParameters: toggleParameters })=>{
|
|
16031
16292
|
const { setCanFocusSendBox: setCanFocusSendBox, configuration: { hideMenu: hideMenu } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
16032
16293
|
const mode = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
16033
|
-
const
|
|
16294
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
16034
16295
|
const [fromTextToVocal, setFromTextToVocal] = (0, $b3y7N$useState)(false);
|
|
16035
16296
|
const { configuration: { disableSpeechMode: disabledSpeechMode } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
16036
16297
|
const toggleMode = (newMode)=>{
|
|
@@ -16102,7 +16363,7 @@ var $fada14688b15ab6e$export$2e2bcd8739ae039 = $fada14688b15ab6e$var$Mobile;
|
|
|
16102
16363
|
const $ab0e724de876f16a$var$ParametersAndDashboardContainer = ({ handleBack: handleBack, hideMenu: hideMenu = false })=>{
|
|
16103
16364
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
16104
16365
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
16105
|
-
const
|
|
16366
|
+
const isWidget = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
16106
16367
|
const divRef = (0, $b3y7N$useRef)(null);
|
|
16107
16368
|
(0, $b3y7N$useEffect)(()=>{
|
|
16108
16369
|
divRef?.current && isWidget && (0, $4d8d462ee41ffdc9$export$2e2bcd8739ae039)(null, divRef);
|
|
@@ -16178,7 +16439,8 @@ var $5199b7f347404807$export$2e2bcd8739ae039 = $5199b7f347404807$var$MobileConta
|
|
|
16178
16439
|
|
|
16179
16440
|
|
|
16180
16441
|
const $d8c0929cadd96ff8$var$MenuDisplayer = ({ hideMenu: hideMenu })=>{
|
|
16181
|
-
const
|
|
16442
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
16443
|
+
const { displayControls: displayControls } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
16182
16444
|
return !displayControls ? /*#__PURE__*/ (0, $b3y7N$jsx)((0, $b3y7N$react).Fragment, {}) : isMobile ? /*#__PURE__*/ (0, $b3y7N$jsx)((0, $5199b7f347404807$export$2e2bcd8739ae039), {
|
|
16183
16445
|
hideMenu: !!hideMenu
|
|
16184
16446
|
}) : /*#__PURE__*/ (0, $b3y7N$jsxs)((0, $b3y7N$react).Fragment, {
|
|
@@ -16415,9 +16677,11 @@ var $14288c7aa1eb92fb$export$2e2bcd8739ae039 = $14288c7aa1eb92fb$var$ExtendIcon;
|
|
|
16415
16677
|
const $29ea68cada6d11bd$var$HomeView = ({ chatbotData: chatbotData, externalComponents: externalComponents })=>{
|
|
16416
16678
|
const displayChangeLayoutButton = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.changeLayoutButtonDisplay);
|
|
16417
16679
|
const currentLayout = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.currentLayout);
|
|
16418
|
-
const
|
|
16680
|
+
const loaderClosed = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
16681
|
+
const { configuration: configuration } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
16419
16682
|
const mode = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
16420
|
-
const
|
|
16683
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
16684
|
+
const { configurations: configurations, setDisplayControls: setDisplayControls } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
16421
16685
|
const displayAgent = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.displayAgent);
|
|
16422
16686
|
const displayData = (0, $b3y7N$useMemo)(()=>{
|
|
16423
16687
|
return configurations.views.home;
|
|
@@ -16428,7 +16692,6 @@ const $29ea68cada6d11bd$var$HomeView = ({ chatbotData: chatbotData, externalComp
|
|
|
16428
16692
|
setDisplayControls(!configuration.hideControls);
|
|
16429
16693
|
}, []);
|
|
16430
16694
|
const extendButtonHandler = ()=>{
|
|
16431
|
-
(0, $56b00880a398c953$export$29ec02ff899d2b53)(true);
|
|
16432
16695
|
(0, $56b00880a398c953$export$e8437af1f2483b8e)((0, $f5ca62954d1f1f5b$export$a31c5a03aaeee5f).widget);
|
|
16433
16696
|
(0, $f9b55dee2122a017$export$a1c83309c736819f)();
|
|
16434
16697
|
};
|
|
@@ -16482,6 +16745,7 @@ var $29ea68cada6d11bd$export$2e2bcd8739ae039 = $29ea68cada6d11bd$var$HomeView;
|
|
|
16482
16745
|
|
|
16483
16746
|
|
|
16484
16747
|
|
|
16748
|
+
|
|
16485
16749
|
const $56a3319e2758f21a$var$Time = ({ belowReturnButton: belowReturnButton })=>{
|
|
16486
16750
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
16487
16751
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
@@ -16535,10 +16799,13 @@ var $56a3319e2758f21a$export$2e2bcd8739ae039 = $56a3319e2758f21a$var$Time;
|
|
|
16535
16799
|
|
|
16536
16800
|
|
|
16537
16801
|
|
|
16802
|
+
|
|
16803
|
+
|
|
16538
16804
|
const $d0a16524ea445e01$var$Banner = ({ news: news })=>{
|
|
16539
16805
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
16540
16806
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
16541
|
-
const
|
|
16807
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
16808
|
+
const { currentWidth: currentWidth } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
16542
16809
|
const timerRef = (0, $b3y7N$useRef)(null);
|
|
16543
16810
|
const [scrollDuration, setScrollDuration] = (0, $b3y7N$useState)(0);
|
|
16544
16811
|
const [imageSize, setImageSize] = (0, $b3y7N$useState)(0);
|
|
@@ -16665,7 +16932,8 @@ var $9cc93f014e78f993$export$2e2bcd8739ae039 = $9cc93f014e78f993$var$useNews;
|
|
|
16665
16932
|
|
|
16666
16933
|
const $9f452debefb0a8cb$var$News = ({ intervalInSeconds: intervalInSeconds = 3, onEnd: onEnd, isRetorikNews: isRetorikNews })=>{
|
|
16667
16934
|
const { newsAttachments: newsAttachments, activity: activity } = (0, $9cc93f014e78f993$export$2e2bcd8739ae039)();
|
|
16668
|
-
const
|
|
16935
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
16936
|
+
const { route: route } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
16669
16937
|
const news = (0, $b3y7N$useMemo)(()=>{
|
|
16670
16938
|
return newsAttachments.map((newsAttachement)=>newsAttachement.content);
|
|
16671
16939
|
}, [
|
|
@@ -16774,7 +17042,8 @@ const $a9d2f359055b3248$var$NewsView = ({ chatbotData: chatbotData, hideMenu: hi
|
|
|
16774
17042
|
const { configuration: configuration } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
16775
17043
|
const agentData = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.agentData);
|
|
16776
17044
|
const muted = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.muted);
|
|
16777
|
-
const
|
|
17045
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
17046
|
+
const { configurations: configurations, setRoute: setRoute, setDisplayControls: setDisplayControls } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
16778
17047
|
const [displayData, setDisplayData] = (0, $b3y7N$useState)(configurations.views.news || configurations.views.home);
|
|
16779
17048
|
const [step, setStep] = (0, $b3y7N$useState)(configurations.views.news?.openingVideo ? 1 : 2);
|
|
16780
17049
|
const timerRef = (0, $b3y7N$useRef)(null);
|
|
@@ -16791,8 +17060,11 @@ const $a9d2f359055b3248$var$NewsView = ({ chatbotData: chatbotData, hideMenu: hi
|
|
|
16791
17060
|
setDisplayControls(false);
|
|
16792
17061
|
muted && (0, $04ce41b46d359821$export$a1680ba91cc9be33)(false);
|
|
16793
17062
|
return ()=>{
|
|
16794
|
-
|
|
16795
|
-
|
|
17063
|
+
// Send closing events unless we are using RetorikNews component
|
|
17064
|
+
if (!isRetorikNews) {
|
|
17065
|
+
sendEvent("Davi.CloseWindow", null);
|
|
17066
|
+
sendEvent("Davi.CloseWindowNews", null);
|
|
17067
|
+
}
|
|
16796
17068
|
};
|
|
16797
17069
|
}, []);
|
|
16798
17070
|
/**
|
|
@@ -17037,6 +17309,7 @@ var $fa5a5afc6f7e4ef7$export$2e2bcd8739ae039 = $fa5a5afc6f7e4ef7$var$RetorikRout
|
|
|
17037
17309
|
|
|
17038
17310
|
|
|
17039
17311
|
|
|
17312
|
+
|
|
17040
17313
|
const $55e5e32e50ce2f2a$var$ModalFullscreen = ()=>{
|
|
17041
17314
|
const content = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.modalFullscreenContent);
|
|
17042
17315
|
const handleClick = (event)=>{
|
|
@@ -17055,7 +17328,8 @@ var $55e5e32e50ce2f2a$export$2e2bcd8739ae039 = $55e5e32e50ce2f2a$var$ModalFullsc
|
|
|
17055
17328
|
|
|
17056
17329
|
|
|
17057
17330
|
const $f11f1612db196f03$var$Container = ({ fullSize: fullSize, width: width, height: height, children: children, colors: colors, parent: parent })=>{
|
|
17058
|
-
const
|
|
17331
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
17332
|
+
const { isTactile: isTactile, setCurrentHeight: setCurrentHeight, setCurrentWidth: setCurrentWidth } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
17059
17333
|
const { configuration: { doNotDetectDeviceFromUserAgent: doNotDetectDeviceFromUserAgent, forceMobileView: forceMobileView } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
17060
17334
|
const container = (0, $b3y7N$useRef)(null);
|
|
17061
17335
|
const dimensions = (0, $9d905911b403e245$export$2e2bcd8739ae039)(container);
|
|
@@ -17113,35 +17387,35 @@ const $f11f1612db196f03$var$Container = ({ fullSize: fullSize, width: width, hei
|
|
|
17113
17387
|
*/ (0, $b3y7N$useEffect)(()=>{
|
|
17114
17388
|
if (forceMobileView) {
|
|
17115
17389
|
setLarge("");
|
|
17116
|
-
|
|
17390
|
+
(0, $957e950ca3ff2781$export$1ae69652bfc21d9e)((0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).mobile);
|
|
17117
17391
|
setPortrait("rf-portrait");
|
|
17118
17392
|
} else if (doNotDetectDeviceFromUserAgent) {
|
|
17119
17393
|
const isPortrait = checkPortrait(dimensions.width, dimensions.height);
|
|
17120
17394
|
if (isPortrait) {
|
|
17121
17395
|
if (dimensions.width > (0, $cd0e91e00b0900ed$export$2e65b7c7134e01f0)) {
|
|
17122
17396
|
setLarge("rf-large");
|
|
17123
|
-
|
|
17397
|
+
(0, $957e950ca3ff2781$export$1ae69652bfc21d9e)(parent === (0, $f5ca62954d1f1f5b$export$a31c5a03aaeee5f).widget ? (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).widgetBorne : (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).borne);
|
|
17124
17398
|
} else {
|
|
17125
17399
|
setLarge("");
|
|
17126
|
-
|
|
17400
|
+
(0, $957e950ca3ff2781$export$1ae69652bfc21d9e)(parent === (0, $f5ca62954d1f1f5b$export$a31c5a03aaeee5f).widget ? (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).widget : (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).mobile);
|
|
17127
17401
|
}
|
|
17128
17402
|
} else if (dimensions.height > (0, $cd0e91e00b0900ed$export$2e65b7c7134e01f0)) {
|
|
17129
17403
|
setLarge("rf-large");
|
|
17130
|
-
|
|
17404
|
+
(0, $957e950ca3ff2781$export$1ae69652bfc21d9e)(parent === (0, $f5ca62954d1f1f5b$export$a31c5a03aaeee5f).widget ? (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).widgetLandscape : (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).landscape);
|
|
17131
17405
|
} else {
|
|
17132
17406
|
setLarge("");
|
|
17133
|
-
|
|
17407
|
+
(0, $957e950ca3ff2781$export$1ae69652bfc21d9e)(parent === (0, $f5ca62954d1f1f5b$export$a31c5a03aaeee5f).widget ? (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).widget : (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).mobile);
|
|
17134
17408
|
}
|
|
17135
17409
|
} else if (0, $b3y7N$isMobile) {
|
|
17136
17410
|
setPortrait("rf-portrait");
|
|
17137
17411
|
setLarge("");
|
|
17138
|
-
|
|
17412
|
+
(0, $957e950ca3ff2781$export$1ae69652bfc21d9e)(parent === (0, $f5ca62954d1f1f5b$export$a31c5a03aaeee5f).widget ? (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).widget : (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).mobile);
|
|
17139
17413
|
} else {
|
|
17140
17414
|
const isPortrait = checkPortrait(dimensions.width, dimensions.height);
|
|
17141
17415
|
// Check for 'rf-large' class
|
|
17142
17416
|
setLarge(parent === (0, $f5ca62954d1f1f5b$export$a31c5a03aaeee5f).widget && dimensions.width < (0, $cd0e91e00b0900ed$export$2e65b7c7134e01f0) ? "" : "rf-large");
|
|
17143
|
-
if (isPortrait)
|
|
17144
|
-
else
|
|
17417
|
+
if (isPortrait) (0, $957e950ca3ff2781$export$1ae69652bfc21d9e)(parent === (0, $f5ca62954d1f1f5b$export$a31c5a03aaeee5f).widget ? dimensions.width > (0, $cd0e91e00b0900ed$export$2e65b7c7134e01f0) ? (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).widgetBorne : (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).widget : (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).borne);
|
|
17418
|
+
else (0, $957e950ca3ff2781$export$1ae69652bfc21d9e)(parent === (0, $f5ca62954d1f1f5b$export$a31c5a03aaeee5f).widget ? (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).widgetLandscape : (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).landscape);
|
|
17145
17419
|
}
|
|
17146
17420
|
dimensions.height && setCurrentHeight(dimensions.height);
|
|
17147
17421
|
dimensions.width && setCurrentWidth(dimensions.width);
|
|
@@ -17224,6 +17498,73 @@ var $f11f1612db196f03$export$2e2bcd8739ae039 = $f11f1612db196f03$var$Container;
|
|
|
17224
17498
|
|
|
17225
17499
|
|
|
17226
17500
|
|
|
17501
|
+
const $4c54e002ebd97cf8$var$SpeechContextDefaultValues = {
|
|
17502
|
+
// Common data
|
|
17503
|
+
ponyfillCredentials: {
|
|
17504
|
+
region: "francecentral",
|
|
17505
|
+
subscriptionKey: ""
|
|
17506
|
+
},
|
|
17507
|
+
// Speech synthesis data
|
|
17508
|
+
voice: null,
|
|
17509
|
+
customVoice: undefined,
|
|
17510
|
+
setVoice: ()=>{},
|
|
17511
|
+
// Speech recognition data
|
|
17512
|
+
useContinuousRecognition: true,
|
|
17513
|
+
setUseContinuousRecognition: ()=>{}
|
|
17514
|
+
};
|
|
17515
|
+
const $4c54e002ebd97cf8$export$11ed12a49459a250 = /*#__PURE__*/ (0, $b3y7N$createContext)($4c54e002ebd97cf8$var$SpeechContextDefaultValues);
|
|
17516
|
+
function $4c54e002ebd97cf8$export$57e792e009c800a0() {
|
|
17517
|
+
return (0, $b3y7N$useContext)($4c54e002ebd97cf8$export$11ed12a49459a250);
|
|
17518
|
+
}
|
|
17519
|
+
function $4c54e002ebd97cf8$export$c3549adc483a11c2({ ponyfillFactoryCredentials: ponyfillFactoryCredentials, customVoice: customVoice, children: children }) {
|
|
17520
|
+
const { configuration: { speechRecognitionOptions: speechRecognitionOptions } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
17521
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
17522
|
+
const checkContinuousSpeechRecognition = ()=>{
|
|
17523
|
+
if (speechRecognitionOptions?.enableContinuousRecognitionOnAllDevices) return true;
|
|
17524
|
+
if (speechRecognitionOptions?.enableContinuousRecognitionOn) switch(currentDeviceType){
|
|
17525
|
+
case (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).mobile:
|
|
17526
|
+
return !!speechRecognitionOptions.enableContinuousRecognitionOn.mobile;
|
|
17527
|
+
case (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).widget:
|
|
17528
|
+
return !!speechRecognitionOptions.enableContinuousRecognitionOn.widget;
|
|
17529
|
+
case (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).landscape:
|
|
17530
|
+
return !!speechRecognitionOptions.enableContinuousRecognitionOn.desktop;
|
|
17531
|
+
case (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).borne:
|
|
17532
|
+
return !!speechRecognitionOptions.enableContinuousRecognitionOn.borne;
|
|
17533
|
+
default:
|
|
17534
|
+
return false;
|
|
17535
|
+
}
|
|
17536
|
+
return false;
|
|
17537
|
+
};
|
|
17538
|
+
const [voice, setVoice] = (0, $b3y7N$useState)(null);
|
|
17539
|
+
const [useContinuousRecognition, setUseContinuousRecognition] = (0, $b3y7N$useState)(checkContinuousSpeechRecognition());
|
|
17540
|
+
const value = (0, $b3y7N$useMemo)(()=>({
|
|
17541
|
+
ponyfillCredentials: ponyfillFactoryCredentials,
|
|
17542
|
+
voice: voice,
|
|
17543
|
+
customVoice: customVoice,
|
|
17544
|
+
setVoice: setVoice,
|
|
17545
|
+
useContinuousRecognition: useContinuousRecognition,
|
|
17546
|
+
setUseContinuousRecognition: setUseContinuousRecognition
|
|
17547
|
+
}), [
|
|
17548
|
+
ponyfillFactoryCredentials,
|
|
17549
|
+
voice,
|
|
17550
|
+
customVoice,
|
|
17551
|
+
setVoice,
|
|
17552
|
+
useContinuousRecognition,
|
|
17553
|
+
setUseContinuousRecognition
|
|
17554
|
+
]);
|
|
17555
|
+
return /*#__PURE__*/ (0, $b3y7N$jsx)((0, $b3y7N$react).Fragment, {
|
|
17556
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)($4c54e002ebd97cf8$export$11ed12a49459a250.Provider, {
|
|
17557
|
+
value: value,
|
|
17558
|
+
children: children
|
|
17559
|
+
})
|
|
17560
|
+
});
|
|
17561
|
+
}
|
|
17562
|
+
|
|
17563
|
+
|
|
17564
|
+
|
|
17565
|
+
|
|
17566
|
+
|
|
17567
|
+
|
|
17227
17568
|
|
|
17228
17569
|
|
|
17229
17570
|
|
|
@@ -17356,15 +17697,15 @@ var $b5b059eebccf168a$export$2e2bcd8739ae039 = $b5b059eebccf168a$var$ContextProv
|
|
|
17356
17697
|
|
|
17357
17698
|
|
|
17358
17699
|
|
|
17359
|
-
const $1286c804208ea5de$
|
|
17700
|
+
const $1286c804208ea5de$export$6969335ea1e4e77c = (target, source)=>{
|
|
17360
17701
|
const isObject = (obj)=>obj && typeof obj === "object";
|
|
17361
17702
|
if (!isObject(target) || !isObject(source)) return source;
|
|
17362
17703
|
Object.keys(source).forEach((key)=>{
|
|
17363
17704
|
const targetValue = target[key];
|
|
17364
17705
|
const sourceValue = source[key];
|
|
17365
|
-
if (targetValue) {
|
|
17706
|
+
if (targetValue || targetValue === false) {
|
|
17366
17707
|
if (Array.isArray(targetValue) && Array.isArray(sourceValue)) source[key] = targetValue.concat(sourceValue);
|
|
17367
|
-
else if (isObject(targetValue) && isObject(sourceValue)) source[key] = $1286c804208ea5de$
|
|
17708
|
+
else if (isObject(targetValue) && isObject(sourceValue)) source[key] = $1286c804208ea5de$export$6969335ea1e4e77c(targetValue, sourceValue);
|
|
17368
17709
|
else source[key] = targetValue;
|
|
17369
17710
|
}
|
|
17370
17711
|
});
|
|
@@ -17372,7 +17713,7 @@ const $1286c804208ea5de$var$deepMerge = (target, source)=>{
|
|
|
17372
17713
|
};
|
|
17373
17714
|
const $1286c804208ea5de$var$getThemeColors = (colors)=>{
|
|
17374
17715
|
let defaultColors = colors?.theme === "light" ? (0, $71132ad06245c2e7$export$1196b7bf97f3d16c) : (0, $71132ad06245c2e7$export$d80fe84b82195dbd);
|
|
17375
|
-
defaultColors = $1286c804208ea5de$
|
|
17716
|
+
defaultColors = $1286c804208ea5de$export$6969335ea1e4e77c(colors, defaultColors);
|
|
17376
17717
|
return defaultColors;
|
|
17377
17718
|
};
|
|
17378
17719
|
var $1286c804208ea5de$export$2e2bcd8739ae039 = $1286c804208ea5de$var$getThemeColors;
|
|
@@ -17523,14 +17864,6 @@ var $14763f78c7718bd3$export$2e2bcd8739ae039 = $14763f78c7718bd3$var$IndexedDbMa
|
|
|
17523
17864
|
|
|
17524
17865
|
|
|
17525
17866
|
|
|
17526
|
-
|
|
17527
|
-
|
|
17528
|
-
const $8c2db177e015e048$var$Animation = ()=>{
|
|
17529
|
-
return /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
17530
|
-
className: "rf-relative rf-loader rf-animate-loader rf-h-6 -rf-top-6 rf-rounded-half"
|
|
17531
|
-
});
|
|
17532
|
-
};
|
|
17533
|
-
var $8c2db177e015e048$export$2e2bcd8739ae039 = $8c2db177e015e048$var$Animation;
|
|
17534
17867
|
|
|
17535
17868
|
|
|
17536
17869
|
|
|
@@ -17671,13 +18004,15 @@ var $b01026c055a6f4cc$export$2e2bcd8739ae039 = $b01026c055a6f4cc$var$LoaderCallT
|
|
|
17671
18004
|
|
|
17672
18005
|
|
|
17673
18006
|
|
|
18007
|
+
|
|
17674
18008
|
const $495c62a3599dd276$var$springDuration = 500;
|
|
17675
18009
|
const $495c62a3599dd276$var$finalMessageDisplayDuration = 2500;
|
|
17676
18010
|
const $495c62a3599dd276$var$GdprWindow = ({ titleTextSize: titleTextSize })=>{
|
|
17677
18011
|
const data = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.GDPRWindowData);
|
|
17678
18012
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
17679
18013
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
17680
|
-
const
|
|
18014
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
18015
|
+
const { themeColors: themeColors } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
17681
18016
|
const [finalMessage, setFinalMessage] = (0, $b3y7N$useState)(null);
|
|
17682
18017
|
const finalMessageTimerRef = (0, $b3y7N$useRef)();
|
|
17683
18018
|
const animationTimerRef = (0, $b3y7N$useRef)();
|
|
@@ -17803,12 +18138,16 @@ const $495c62a3599dd276$var$GdprWindow = ({ titleTextSize: titleTextSize })=>{
|
|
|
17803
18138
|
var $495c62a3599dd276$export$2e2bcd8739ae039 = $495c62a3599dd276$var$GdprWindow;
|
|
17804
18139
|
|
|
17805
18140
|
|
|
18141
|
+
|
|
17806
18142
|
const $fde3bdcd46120869$var$springEnterDuration = 500;
|
|
17807
18143
|
const $fde3bdcd46120869$var$springLeaveDuration = 1000;
|
|
17808
18144
|
const $fde3bdcd46120869$var$GdprAndLoader = ({ appAvailable: appAvailable, handleValidation: handleValidation })=>{
|
|
17809
18145
|
const displayGDPR = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.GDPRDisplay);
|
|
17810
|
-
const
|
|
17811
|
-
const {
|
|
18146
|
+
const loaderClosed = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
18147
|
+
const { configuration: { hideRetorikLogo: hideRetorikLogo } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
18148
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
18149
|
+
const isWidget = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
18150
|
+
const { themeColors: themeColors } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
17812
18151
|
const [textSize, setTextSize] = (0, $b3y7N$useState)("");
|
|
17813
18152
|
const [titleTextSize, setTitleTextSize] = (0, $b3y7N$useState)();
|
|
17814
18153
|
const container = (0, $b3y7N$useRef)(null);
|
|
@@ -17897,11 +18236,13 @@ const $fde3bdcd46120869$var$GdprAndLoader = ({ appAvailable: appAvailable, handl
|
|
|
17897
18236
|
var $fde3bdcd46120869$export$2e2bcd8739ae039 = $fde3bdcd46120869$var$GdprAndLoader;
|
|
17898
18237
|
|
|
17899
18238
|
|
|
18239
|
+
|
|
17900
18240
|
const $ba6bf0e283157133$var$DBManager = new (0, $14763f78c7718bd3$export$2e2bcd8739ae039)();
|
|
17901
18241
|
const $ba6bf0e283157133$var$tagsRemoverRegex = /<[^<>]+>/g;
|
|
17902
18242
|
const $ba6bf0e283157133$var$RetorikSpeech = ({ ponyfill: ponyfill, onEnd: onEnd, onError: onError, onStart: onStart, utterance: utterance, nextUtterance: nextUtterance, appAvailable: appAvailable })=>{
|
|
17903
18243
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
17904
|
-
const
|
|
18244
|
+
const loaderClosed = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
18245
|
+
const { configuration: { enableSpeechCaching: enableSpeechCaching, speechRecognitionOptions: speechRecognitionOptions, isUsedOnBorne: isUsedOnBorne } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
17905
18246
|
const { voice: voice } = (0, $4c54e002ebd97cf8$export$57e792e009c800a0)();
|
|
17906
18247
|
const muted = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.muted);
|
|
17907
18248
|
const activeRecognitionState = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.activeRecognitionState);
|
|
@@ -18078,7 +18419,7 @@ const $ba6bf0e283157133$var$RetorikSpeech = ({ ponyfill: ponyfill, onEnd: onEnd,
|
|
|
18078
18419
|
if (appAvailable || loaderClosed) {
|
|
18079
18420
|
onEnd && onEnd();
|
|
18080
18421
|
resetData();
|
|
18081
|
-
} else
|
|
18422
|
+
} else (0, $56b00880a398c953$export$982d69b78a955aaf)(true);
|
|
18082
18423
|
};
|
|
18083
18424
|
const handleError = (error)=>{
|
|
18084
18425
|
console.log("Error : ", error);
|
|
@@ -18226,7 +18567,8 @@ const $45f8218489149157$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
|
|
|
18226
18567
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
18227
18568
|
const mode = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
18228
18569
|
const agentData = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.agentData);
|
|
18229
|
-
const
|
|
18570
|
+
const appAvailable = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.appAvailable);
|
|
18571
|
+
const { configuration: { preventExpectedInputHint: preventExpectedInputHint, speechSynthesisOptions: speechSynthesisOptions } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
18230
18572
|
const currentNewsActivity = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.currentNewsActivity);
|
|
18231
18573
|
const lastBotActivity = (0, $9b100ac34d01a331$export$b56465394e2b1287)((state)=>state.lastBotMessageActivity);
|
|
18232
18574
|
const toggleMicrophone = (0, $b7c552f6163a7a5c$export$2e2bcd8739ae039)();
|
|
@@ -18435,6 +18777,7 @@ const $45f8218489149157$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
|
|
|
18435
18777
|
if (cancel) {
|
|
18436
18778
|
utterance ? setUtterance(null) : (0, $04ce41b46d359821$export$d0df6aec4e971f52)(false);
|
|
18437
18779
|
setNextUtterance(null);
|
|
18780
|
+
(0, $04ce41b46d359821$export$c3296e37e9ef3fed)();
|
|
18438
18781
|
}
|
|
18439
18782
|
}, [
|
|
18440
18783
|
cancel
|
|
@@ -18618,9 +18961,8 @@ const $45f8218489149157$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
|
|
|
18618
18961
|
// Check if the audio ended because of a cancel call
|
|
18619
18962
|
if (cancelRef.current) {
|
|
18620
18963
|
queuedActivitiesRef.current = [];
|
|
18621
|
-
(0, $04ce41b46d359821$export$614a80601162ec38)(null);
|
|
18622
18964
|
tempCurrentStreamingRef.current = null;
|
|
18623
|
-
|
|
18965
|
+
// killCurrentStreaming()
|
|
18624
18966
|
(0, $04ce41b46d359821$export$d0df6aec4e971f52)(false);
|
|
18625
18967
|
} else if (streamingQueue.length) {
|
|
18626
18968
|
const tempActivity = streamingQueue[0];
|
|
@@ -18633,7 +18975,7 @@ const $45f8218489149157$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
|
|
|
18633
18975
|
futureUtterance = checkSayAsWordsAndCreateUtterance(params);
|
|
18634
18976
|
tempCurrentStreamingRef.current = tempActivity.text || null;
|
|
18635
18977
|
} else {
|
|
18636
|
-
|
|
18978
|
+
// setStreamingReplyToId(null)
|
|
18637
18979
|
// Launch next activity in the queue and remove it from the queue
|
|
18638
18980
|
if (queuedActivitiesRef.current?.length) {
|
|
18639
18981
|
const activity = queuedActivitiesRef.current[0];
|
|
@@ -18684,7 +19026,9 @@ const $862dc1a8ff0214ad$var$timeoutDuration = 1000;
|
|
|
18684
19026
|
const $862dc1a8ff0214ad$var$RecognitionManager = ()=>{
|
|
18685
19027
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
18686
19028
|
const mode = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
18687
|
-
const
|
|
19029
|
+
const appAvailable = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.appAvailable);
|
|
19030
|
+
const loaderClosed = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
19031
|
+
const { configuration: { speechRecognitionOptions: speechRecognitionOptions } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
18688
19032
|
const { ponyfillCredentials: ponyfillCredentials, useContinuousRecognition: useContinuousRecognition } = (0, $4c54e002ebd97cf8$export$57e792e009c800a0)();
|
|
18689
19033
|
const activeRecognitionState = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.activeRecognitionState);
|
|
18690
19034
|
const lastRecognitionInterim = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.lastRecognitionInterim);
|
|
@@ -18886,8 +19230,11 @@ var $efe892d829a9a26a$export$2e2bcd8739ae039 = $efe892d829a9a26a$var$SpeechManag
|
|
|
18886
19230
|
|
|
18887
19231
|
|
|
18888
19232
|
|
|
19233
|
+
|
|
19234
|
+
|
|
18889
19235
|
const $86772fb907b8c462$var$FocusManager = ()=>{
|
|
18890
|
-
const
|
|
19236
|
+
const isWidget = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
19237
|
+
const open = (0, $f9b55dee2122a017$export$d95eb9b67812311f)((state)=>state.open);
|
|
18891
19238
|
const muted = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.muted);
|
|
18892
19239
|
const activeRecognitionState = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.activeRecognitionState);
|
|
18893
19240
|
const focusedRef = (0, $b3y7N$useRef)(true);
|
|
@@ -18903,6 +19250,23 @@ const $86772fb907b8c462$var$FocusManager = ()=>{
|
|
|
18903
19250
|
}, [
|
|
18904
19251
|
activeRecognitionState
|
|
18905
19252
|
]);
|
|
19253
|
+
(0, $b3y7N$useEffect)(()=>{
|
|
19254
|
+
if ((0, $b3y7N$isMobile) && isWidget) {
|
|
19255
|
+
if (open) {
|
|
19256
|
+
focusedRef.current = true;
|
|
19257
|
+
oldMutedRef.current === false && (0, $04ce41b46d359821$export$a1680ba91cc9be33)(false);
|
|
19258
|
+
} else {
|
|
19259
|
+
focusedRef.current = false;
|
|
19260
|
+
(0, $04ce41b46d359821$export$d0df6aec4e971f52)(true);
|
|
19261
|
+
(0, $04ce41b46d359821$export$a1680ba91cc9be33)(true);
|
|
19262
|
+
recognitionStateRef.current === (0, $f5ca62954d1f1f5b$export$3f0071308968cd80).Listening && (0, $04ce41b46d359821$export$45913366c4ba414f)((0, $f5ca62954d1f1f5b$export$3f0071308968cd80).ForceClosing);
|
|
19263
|
+
}
|
|
19264
|
+
}
|
|
19265
|
+
}, [
|
|
19266
|
+
open,
|
|
19267
|
+
isWidget,
|
|
19268
|
+
(0, $b3y7N$isMobile)
|
|
19269
|
+
]);
|
|
18906
19270
|
const handleVisibilityChange = ()=>{
|
|
18907
19271
|
if (document.visibilityState === "visible") {
|
|
18908
19272
|
focusedRef.current = true;
|
|
@@ -18915,12 +19279,12 @@ const $86772fb907b8c462$var$FocusManager = ()=>{
|
|
|
18915
19279
|
}
|
|
18916
19280
|
};
|
|
18917
19281
|
(0, $b3y7N$useEffect)(()=>{
|
|
18918
|
-
|
|
19282
|
+
(0, $b3y7N$isMobile) && document.addEventListener("visibilitychange", handleVisibilityChange);
|
|
18919
19283
|
return ()=>{
|
|
18920
19284
|
document.removeEventListener("visibilitychange", handleVisibilityChange);
|
|
18921
19285
|
};
|
|
18922
19286
|
}, [
|
|
18923
|
-
|
|
19287
|
+
(0, $b3y7N$isMobile)
|
|
18924
19288
|
]);
|
|
18925
19289
|
return /*#__PURE__*/ (0, $b3y7N$jsx)((0, $b3y7N$react).Fragment, {});
|
|
18926
19290
|
};
|
|
@@ -19019,12 +19383,13 @@ var $cdad753ad69926ed$export$2e2bcd8739ae039 = $cdad753ad69926ed$var$ErrorCollec
|
|
|
19019
19383
|
|
|
19020
19384
|
const { useEmitTypingIndicator: $9ecfb2c3feeca9a7$var$useEmitTypingIndicator } = (0, $b3y7N$hooks);
|
|
19021
19385
|
const $9ecfb2c3feeca9a7$var$typingTimer = 2000;
|
|
19022
|
-
const $9ecfb2c3feeca9a7$var$SendTypingIndicator = ()=>{
|
|
19386
|
+
const $9ecfb2c3feeca9a7$var$SendTypingIndicator = ({ isRetorikNews: isRetorikNews })=>{
|
|
19023
19387
|
const sendTypingIndicator = $9ecfb2c3feeca9a7$var$useEmitTypingIndicator();
|
|
19024
19388
|
const speaking = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.speaking);
|
|
19025
19389
|
const lastRecognitionInterim = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.lastRecognitionInterim);
|
|
19026
19390
|
const { route: route } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
19027
|
-
const
|
|
19391
|
+
const loaderClosed = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
19392
|
+
const appAvailable = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.appAvailable);
|
|
19028
19393
|
const currentSubView = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.currentSubView);
|
|
19029
19394
|
const listOpened = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.listOpened);
|
|
19030
19395
|
const retorikEvent = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.retorikEvent);
|
|
@@ -19046,7 +19411,7 @@ const $9ecfb2c3feeca9a7$var$SendTypingIndicator = ()=>{
|
|
|
19046
19411
|
listOpened
|
|
19047
19412
|
]);
|
|
19048
19413
|
const checkShouldSendTypingIndicator = ()=>{
|
|
19049
|
-
dataRef.current && sendTypingIndicator();
|
|
19414
|
+
dataRef.current && !isRetorikNews && sendTypingIndicator();
|
|
19050
19415
|
};
|
|
19051
19416
|
(0, $b3y7N$useEffect)(()=>{
|
|
19052
19417
|
const interval = setInterval(()=>{
|
|
@@ -19066,7 +19431,7 @@ var $9ecfb2c3feeca9a7$export$2e2bcd8739ae039 = $9ecfb2c3feeca9a7$var$SendTypingI
|
|
|
19066
19431
|
|
|
19067
19432
|
// Configure react-pdf worker
|
|
19068
19433
|
(0, $b3y7N$pdfjs).GlobalWorkerOptions.workerSrc = $b3y7N$pdfjsdistbuildpdfworkerjs;
|
|
19069
|
-
const $7ca39a491751a711$var$RetorikContainer = ({ parent: parent, isConfigUpdated: isConfigUpdated, config: props
|
|
19434
|
+
const $7ca39a491751a711$var$RetorikContainer = ({ parent: parent, isConfigUpdated: isConfigUpdated, config: props })=>{
|
|
19070
19435
|
const [processedThemeColors] = (0, $b3y7N$useState)((0, $1286c804208ea5de$export$2e2bcd8739ae039)(props.colors));
|
|
19071
19436
|
const currentLayout = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.currentLayout);
|
|
19072
19437
|
return props.config && props.viewsConfig && props.chatbotData && props.chatbotDataWidget && props.agentData && props.ponyfillFactoryCredentials ? /*#__PURE__*/ (0, $b3y7N$jsxs)((0, $b5b059eebccf168a$export$2e2bcd8739ae039), {
|
|
@@ -19088,7 +19453,6 @@ const $7ca39a491751a711$var$RetorikContainer = ({ parent: parent, isConfigUpdate
|
|
|
19088
19453
|
externalEventHandler: props.externalEventHandler,
|
|
19089
19454
|
colors: processedThemeColors,
|
|
19090
19455
|
isRetorikNews: parent === (0, $f5ca62954d1f1f5b$export$a31c5a03aaeee5f).news,
|
|
19091
|
-
changedLayout: changedLayout,
|
|
19092
19456
|
children: /*#__PURE__*/ (0, $b3y7N$jsxs)((0, $cdad753ad69926ed$export$2e2bcd8739ae039), {
|
|
19093
19457
|
children: [
|
|
19094
19458
|
/*#__PURE__*/ (0, $b3y7N$jsx)((0, $efe892d829a9a26a$export$2e2bcd8739ae039), {
|
|
@@ -19110,7 +19474,9 @@ const $7ca39a491751a711$var$RetorikContainer = ({ parent: parent, isConfigUpdate
|
|
|
19110
19474
|
externalComponents: props.externalComponents
|
|
19111
19475
|
})
|
|
19112
19476
|
}),
|
|
19113
|
-
/*#__PURE__*/ (0, $b3y7N$jsx)((0, $9ecfb2c3feeca9a7$export$2e2bcd8739ae039), {
|
|
19477
|
+
/*#__PURE__*/ (0, $b3y7N$jsx)((0, $9ecfb2c3feeca9a7$export$2e2bcd8739ae039), {
|
|
19478
|
+
isRetorikNews: parent === (0, $f5ca62954d1f1f5b$export$a31c5a03aaeee5f).news
|
|
19479
|
+
})
|
|
19114
19480
|
]
|
|
19115
19481
|
})
|
|
19116
19482
|
})
|
|
@@ -19128,22 +19494,16 @@ const $760b7137ab1b4bd7$var$getRetorikConfigs = async (props)=>{
|
|
|
19128
19494
|
...props
|
|
19129
19495
|
};
|
|
19130
19496
|
let res = null;
|
|
19131
|
-
let externalConfigEnabled = false;
|
|
19132
19497
|
const baseAddress = `${retorikProps.addressData.baseURI && retorikProps.addressData.baseURI.length > 0 ? (0, $99c9e8518c31254c$export$2e2bcd8739ae039)(retorikProps.addressData.baseURI) : (0, $29f3fbfb4bd47593$export$2e2bcd8739ae039)(retorikProps.addressData.prefix)}/${retorikProps.addressData.tenant ? retorikProps.addressData.tenant + "/" : ""}`;
|
|
19133
19498
|
const fullAddress = `${baseAddress}api/integration/framework`;
|
|
19134
19499
|
try {
|
|
19135
19500
|
const response = await fetch(fullAddress);
|
|
19136
19501
|
const json = await response.json();
|
|
19137
19502
|
res = $760b7137ab1b4bd7$var$processJson(json, retorikProps, baseAddress);
|
|
19138
|
-
externalConfigEnabled = res != null;
|
|
19139
19503
|
} catch (error) {
|
|
19140
19504
|
console.log(error);
|
|
19141
|
-
externalConfigEnabled = false;
|
|
19142
19505
|
}
|
|
19143
|
-
return
|
|
19144
|
-
config: res,
|
|
19145
|
-
externalConfigEnabled: externalConfigEnabled
|
|
19146
|
-
};
|
|
19506
|
+
return res;
|
|
19147
19507
|
};
|
|
19148
19508
|
const $760b7137ab1b4bd7$var$processJson = (json, retorikProps, baseAddress)=>{
|
|
19149
19509
|
if (json) {
|
|
@@ -19227,16 +19587,18 @@ const $760b7137ab1b4bd7$var$processJson = (json, retorikProps, baseAddress)=>{
|
|
|
19227
19587
|
hideMenu: json.hideMenu,
|
|
19228
19588
|
hideControls: json.hideControls,
|
|
19229
19589
|
doNotDetectDeviceFromUserAgent: json.doNotDetectDeviceFromUserAgent,
|
|
19230
|
-
enableTelemetry: json.enableTelemetry,
|
|
19231
19590
|
enableConversationCookie: json.enableConversationCookie,
|
|
19232
19591
|
conversationCookieMaxAge: json.conversationCookieMaxAge,
|
|
19592
|
+
enableTelemetry: json.enableTelemetry,
|
|
19233
19593
|
allowSwitchLayout: json.allowSwitchLayout,
|
|
19234
19594
|
forceMobileView: json.forceMobileFullScreenLayout,
|
|
19595
|
+
enableSpeechCaching: json.enableSpeechCaching,
|
|
19235
19596
|
speechRecognitionOptions: json.speechRecognitionOptions,
|
|
19236
19597
|
speechSynthesisOptions: json.speechSynthesisOptions,
|
|
19598
|
+
enableDocumentPrinting: undefined,
|
|
19237
19599
|
disableSpeechMode: json.disableSpeechMode,
|
|
19238
19600
|
disableSound: json.disableSound,
|
|
19239
|
-
|
|
19601
|
+
timerForFilterSelectionListMode: undefined
|
|
19240
19602
|
},
|
|
19241
19603
|
viewsConfig: {
|
|
19242
19604
|
homeRoute: "home",
|
|
@@ -19245,7 +19607,12 @@ const $760b7137ab1b4bd7$var$processJson = (json, retorikProps, baseAddress)=>{
|
|
|
19245
19607
|
home: {
|
|
19246
19608
|
background: {
|
|
19247
19609
|
style: "image",
|
|
19248
|
-
image: background
|
|
19610
|
+
image: background,
|
|
19611
|
+
video: undefined,
|
|
19612
|
+
webcam: undefined,
|
|
19613
|
+
neutral: undefined,
|
|
19614
|
+
blur: undefined,
|
|
19615
|
+
overlayOpacity: undefined
|
|
19249
19616
|
}
|
|
19250
19617
|
},
|
|
19251
19618
|
news: {
|
|
@@ -19254,7 +19621,12 @@ const $760b7137ab1b4bd7$var$processJson = (json, retorikProps, baseAddress)=>{
|
|
|
19254
19621
|
openingVideo: "",
|
|
19255
19622
|
background: {
|
|
19256
19623
|
style: "image",
|
|
19257
|
-
image: newsBackground
|
|
19624
|
+
image: newsBackground,
|
|
19625
|
+
video: undefined,
|
|
19626
|
+
webcam: undefined,
|
|
19627
|
+
neutral: undefined,
|
|
19628
|
+
blur: undefined,
|
|
19629
|
+
overlayOpacity: undefined
|
|
19258
19630
|
}
|
|
19259
19631
|
}
|
|
19260
19632
|
}
|
|
@@ -19274,13 +19646,10 @@ const $760b7137ab1b4bd7$var$processJson = (json, retorikProps, baseAddress)=>{
|
|
|
19274
19646
|
},
|
|
19275
19647
|
addressData: retorikProps.addressData,
|
|
19276
19648
|
userData: retorikProps.userData,
|
|
19277
|
-
externalEventHandler: undefined,
|
|
19278
19649
|
customVoice: {
|
|
19279
19650
|
voice: json.voice,
|
|
19280
19651
|
gender: undefined
|
|
19281
19652
|
},
|
|
19282
|
-
width: undefined,
|
|
19283
|
-
height: undefined,
|
|
19284
19653
|
colors: {
|
|
19285
19654
|
theme: json.colorSettings.theme,
|
|
19286
19655
|
primary: json.colorSettings.primary,
|
|
@@ -19487,7 +19856,6 @@ var $9c6965b05003bf9d$export$2e2bcd8739ae039 = $9c6965b05003bf9d$var$Loader;
|
|
|
19487
19856
|
|
|
19488
19857
|
|
|
19489
19858
|
|
|
19490
|
-
|
|
19491
19859
|
const $fd8b465eaceabe41$export$284b58786299e6c5 = async ({ configurationData: configurationData, addressData: addressData })=>{
|
|
19492
19860
|
if (configurationData) {
|
|
19493
19861
|
if (typeof configurationData.userConsent === "boolean") return {
|
|
@@ -19549,9 +19917,6 @@ const $303b7224b8f411ea$var$RetorikConfigHandler = (props)=>{
|
|
|
19549
19917
|
const [mainConfig, setMainConfig] = (0, $b3y7N$useState)(undefined);
|
|
19550
19918
|
const [isConfigUpdated, setIsConfigUpdated] = (0, $b3y7N$useState)(false);
|
|
19551
19919
|
const [configurationFetchingEnded, setConfigurationFetchingEnded] = (0, $b3y7N$useState)(!!(isConfigUpdated || props.config !== undefined));
|
|
19552
|
-
const layoutChanged = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.layoutChanged);
|
|
19553
|
-
const mode = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
19554
|
-
const loaderClosed = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
19555
19920
|
/**
|
|
19556
19921
|
* Check if emergency data can be retrieved to remove the button in menu if no data available
|
|
19557
19922
|
* @param configuration RetorikMainComponentConfiguration
|
|
@@ -19574,55 +19939,48 @@ const $303b7224b8f411ea$var$RetorikConfigHandler = (props)=>{
|
|
|
19574
19939
|
(0, $b3y7N$useEffect)(()=>{
|
|
19575
19940
|
const getUpdatedConfig = async ()=>{
|
|
19576
19941
|
const fetchedConfig = await (0, $760b7137ab1b4bd7$export$2e2bcd8739ae039)(props);
|
|
19577
|
-
if (fetchedConfig
|
|
19578
|
-
const {
|
|
19579
|
-
const
|
|
19580
|
-
config: _config,
|
|
19581
|
-
viewsConfig: viewsConfig,
|
|
19582
|
-
chatbotData: chatbotData
|
|
19583
|
-
|
|
19584
|
-
|
|
19585
|
-
|
|
19586
|
-
|
|
19587
|
-
|
|
19588
|
-
|
|
19589
|
-
|
|
19590
|
-
|
|
19591
|
-
|
|
19942
|
+
if (fetchedConfig) {
|
|
19943
|
+
const { skipLoader: skipLoader, defaultMode: defaultMode, config: _config, viewsConfig: viewsConfig, chatbotData: chatbotData, chatbotDataWidget: chatbotDataWidget, agentData: agentData, ponyfillFactoryCredentials: ponyfillFactoryCredentials, customVoice: customVoice, colors: colors } = fetchedConfig;
|
|
19944
|
+
const mergedMainConfig = {
|
|
19945
|
+
config: props.config !== undefined ? (0, $1286c804208ea5de$export$6969335ea1e4e77c)(props.config, _config) : _config,
|
|
19946
|
+
viewsConfig: props.chatbotData !== undefined ? (0, $1286c804208ea5de$export$6969335ea1e4e77c)(props.viewsConfig, viewsConfig) : viewsConfig,
|
|
19947
|
+
chatbotData: props.chatbotData !== undefined ? {
|
|
19948
|
+
...chatbotData,
|
|
19949
|
+
...props.chatbotData
|
|
19950
|
+
} : chatbotData,
|
|
19951
|
+
chatbotDataWidget: props.chatbotData !== undefined ? {
|
|
19952
|
+
...chatbotDataWidget,
|
|
19953
|
+
...props.chatbotDataWidget
|
|
19954
|
+
} : chatbotDataWidget,
|
|
19955
|
+
agentData: props.agentData !== undefined ? props.agentData : agentData,
|
|
19956
|
+
ponyfillFactoryCredentials: props.ponyfillFactoryCredentials !== undefined ? props.ponyfillFactoryCredentials : ponyfillFactoryCredentials,
|
|
19957
|
+
customVoice: props.customVoice !== undefined ? {
|
|
19958
|
+
...customVoice,
|
|
19959
|
+
...props.customVoice
|
|
19960
|
+
} : customVoice,
|
|
19961
|
+
colors: props.colors !== undefined ? (0, $1286c804208ea5de$export$6969335ea1e4e77c)(props.colors, (0, $1286c804208ea5de$export$2e2bcd8739ae039)(colors)) : (0, $1286c804208ea5de$export$2e2bcd8739ae039)(colors),
|
|
19962
|
+
skipLoader: props.skipLoader !== undefined ? props.skipLoader : skipLoader,
|
|
19963
|
+
defaultMode: props.defaultMode !== undefined ? props.defaultMode : defaultMode,
|
|
19964
|
+
// Data not retrieved from Retorik Studio
|
|
19965
|
+
addressData: props.addressData,
|
|
19966
|
+
userData: props.userData,
|
|
19967
|
+
externalEventHandler: props.externalEventHandler,
|
|
19592
19968
|
externalComponents: props.externalComponents,
|
|
19593
|
-
|
|
19969
|
+
width: props.width,
|
|
19970
|
+
height: props.height
|
|
19594
19971
|
};
|
|
19595
|
-
|
|
19596
|
-
checkEmergencyAndSetConfig(fetchedMainConfig);
|
|
19972
|
+
checkEmergencyAndSetConfig(mergedMainConfig);
|
|
19597
19973
|
}
|
|
19598
19974
|
};
|
|
19599
|
-
if (
|
|
19600
|
-
console.log("Retorik Framework > Get
|
|
19601
|
-
// Check mandatory properties
|
|
19602
|
-
if (props.viewsConfig && props.chatbotData && props.agentData && props.ponyfillFactoryCredentials) {
|
|
19603
|
-
const copyConfig = {
|
|
19604
|
-
...props
|
|
19605
|
-
};
|
|
19606
|
-
if (!copyConfig.chatbotDataWidget) copyConfig.chatbotDataWidget = copyConfig.chatbotData;
|
|
19607
|
-
$303b7224b8f411ea$var$configHandleLayoutChange(layoutChanged, loaderClosed, copyConfig, mode);
|
|
19608
|
-
checkEmergencyAndSetConfig(copyConfig);
|
|
19609
|
-
} else {
|
|
19610
|
-
// Warnings for missing data in props
|
|
19611
|
-
console.warn("Retorik Framework > Mandatory configuration data missing : ");
|
|
19612
|
-
!props.viewsConfig && console.warn(" * viewsConfig");
|
|
19613
|
-
!props.chatbotData && console.warn(" * chatbotData");
|
|
19614
|
-
!props.agentData && console.warn(" * agentData");
|
|
19615
|
-
!props.ponyfillFactoryCredentials && console.warn(" * ponyfillFactoryCredentials");
|
|
19616
|
-
}
|
|
19617
|
-
} else if (!isConfigUpdated) {
|
|
19618
|
-
console.log("Retorik Framework > Get config from Retorik Studio");
|
|
19975
|
+
if (!isConfigUpdated) {
|
|
19976
|
+
console.log("Retorik Framework > Get configuration");
|
|
19619
19977
|
getUpdatedConfig();
|
|
19620
19978
|
}
|
|
19621
19979
|
}, [
|
|
19622
19980
|
props
|
|
19623
19981
|
]);
|
|
19624
19982
|
/**
|
|
19625
|
-
*
|
|
19983
|
+
* Get GDPR data from Retorik Studio and set them in store
|
|
19626
19984
|
*/ (0, $b3y7N$useEffect)(()=>{
|
|
19627
19985
|
const checkGDPR = async ()=>{
|
|
19628
19986
|
const data = await (0, $fd8b465eaceabe41$export$284b58786299e6c5)({
|
|
@@ -19639,8 +19997,7 @@ const $303b7224b8f411ea$var$RetorikConfigHandler = (props)=>{
|
|
|
19639
19997
|
return mainConfig && configurationFetchingEnded ? /*#__PURE__*/ (0, $b3y7N$jsx)((0, $7ca39a491751a711$export$2e2bcd8739ae039), {
|
|
19640
19998
|
parent: props.parent,
|
|
19641
19999
|
config: mainConfig,
|
|
19642
|
-
isConfigUpdated: isConfigUpdated
|
|
19643
|
-
changedLayout: layoutChanged
|
|
20000
|
+
isConfigUpdated: isConfigUpdated
|
|
19644
20001
|
}) : /*#__PURE__*/ (0, $b3y7N$jsx)((0, $9c6965b05003bf9d$export$2e2bcd8739ae039), {
|
|
19645
20002
|
className: isConfigUpdated ? "rf-animate-loaderFadeOut" : "",
|
|
19646
20003
|
parent: props.parent,
|
|
@@ -19649,12 +20006,6 @@ const $303b7224b8f411ea$var$RetorikConfigHandler = (props)=>{
|
|
|
19649
20006
|
fullSize: !!(props.parent !== (0, $f5ca62954d1f1f5b$export$a31c5a03aaeee5f).widget && mainConfig?.config?.fullSize !== false)
|
|
19650
20007
|
});
|
|
19651
20008
|
};
|
|
19652
|
-
const $303b7224b8f411ea$var$configHandleLayoutChange = (layoutChanged, loaderClosed, config, mode)=>{
|
|
19653
|
-
if (layoutChanged) {
|
|
19654
|
-
config.defaultMode = mode;
|
|
19655
|
-
if (loaderClosed) config.skipLoader = true;
|
|
19656
|
-
}
|
|
19657
|
-
};
|
|
19658
20009
|
var $303b7224b8f411ea$export$2e2bcd8739ae039 = $303b7224b8f411ea$var$RetorikConfigHandler;
|
|
19659
20010
|
|
|
19660
20011
|
|
|
@@ -19757,10 +20108,7 @@ const $ebe9f638246a1b0b$var$LayoutHandler = (props)=>{
|
|
|
19757
20108
|
const extendButtonHandler = ()=>{
|
|
19758
20109
|
// if different display type available
|
|
19759
20110
|
if (props.widgetConfig?.large && props.widgetConfig?.thumbnail) (0, $f9b55dee2122a017$export$f0e9d14ede4c01bd)();
|
|
19760
|
-
else
|
|
19761
|
-
(0, $56b00880a398c953$export$29ec02ff899d2b53)(true);
|
|
19762
|
-
(0, $56b00880a398c953$export$e8437af1f2483b8e)((0, $f5ca62954d1f1f5b$export$a31c5a03aaeee5f).agent);
|
|
19763
|
-
}
|
|
20111
|
+
else (0, $56b00880a398c953$export$e8437af1f2483b8e)((0, $f5ca62954d1f1f5b$export$a31c5a03aaeee5f).agent);
|
|
19764
20112
|
};
|
|
19765
20113
|
return /*#__PURE__*/ (0, $b3y7N$jsxs)((0, $b3y7N$Fragment), {
|
|
19766
20114
|
children: [
|