@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.js
CHANGED
|
@@ -117,7 +117,7 @@ function $063ea7a515c267b7$export$2e2bcd8739ae039(RetorikWidget, props, element)
|
|
|
117
117
|
|
|
118
118
|
|
|
119
119
|
var $203b743475f656c9$exports = {};
|
|
120
|
-
$203b743475f656c9$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";
|
|
120
|
+
$203b743475f656c9$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";
|
|
121
121
|
|
|
122
122
|
|
|
123
123
|
var $b0c4d46435bb1afc$exports = {};
|
|
@@ -249,6 +249,12 @@ var $71c613e2e831c34c$export$f0cfc93288d9ec06;
|
|
|
249
249
|
Emotions["Joy"] = "joy";
|
|
250
250
|
Emotions["Hope"] = "hope";
|
|
251
251
|
})($71c613e2e831c34c$export$f0cfc93288d9ec06 || ($71c613e2e831c34c$export$f0cfc93288d9ec06 = {}));
|
|
252
|
+
var $71c613e2e831c34c$export$a2a634340dd7e3e3;
|
|
253
|
+
(function(AnimationSize) {
|
|
254
|
+
AnimationSize[AnimationSize["small"] = 0] = "small";
|
|
255
|
+
AnimationSize[AnimationSize["medium"] = 1] = "medium";
|
|
256
|
+
AnimationSize[AnimationSize["large"] = 2] = "large";
|
|
257
|
+
})($71c613e2e831c34c$export$a2a634340dd7e3e3 || ($71c613e2e831c34c$export$a2a634340dd7e3e3 = {}));
|
|
252
258
|
|
|
253
259
|
|
|
254
260
|
const $0b4f07c0f09dbbcf$export$2e65b7c7134e01f0 = 600;
|
|
@@ -392,7 +398,6 @@ var $06e5942c9d4d6916$export$2e2bcd8739ae039 = $06e5942c9d4d6916$var$ShadowRoot;
|
|
|
392
398
|
|
|
393
399
|
/* eslint-disable react/jsx-boolean-value */
|
|
394
400
|
|
|
395
|
-
// @ts-nocheck
|
|
396
401
|
|
|
397
402
|
|
|
398
403
|
|
|
@@ -1031,7 +1036,8 @@ const $70e3d65f5a106231$var$initialState = {
|
|
|
1031
1036
|
printingCallback: null,
|
|
1032
1037
|
GDPRDisplay: true,
|
|
1033
1038
|
GDPRWindowData: undefined,
|
|
1034
|
-
GDPRUserConsent: false
|
|
1039
|
+
GDPRUserConsent: false,
|
|
1040
|
+
unlockClickedButton: false
|
|
1035
1041
|
};
|
|
1036
1042
|
let $70e3d65f5a106231$var$timer = null;
|
|
1037
1043
|
const $70e3d65f5a106231$export$77e4cc5334565f28 = (0, $dWhh5$zustand.create)()(()=>{
|
|
@@ -1168,6 +1174,16 @@ const $70e3d65f5a106231$export$7a09e6b3c59f37ad = (value)=>{
|
|
|
1168
1174
|
GDPRUserConsent: value
|
|
1169
1175
|
});
|
|
1170
1176
|
};
|
|
1177
|
+
const $70e3d65f5a106231$export$e49d67c72fb28d58 = ()=>{
|
|
1178
|
+
$70e3d65f5a106231$export$77e4cc5334565f28.setState({
|
|
1179
|
+
unlockClickedButton: true
|
|
1180
|
+
});
|
|
1181
|
+
};
|
|
1182
|
+
const $70e3d65f5a106231$export$5d55805fc8a86c05 = ()=>{
|
|
1183
|
+
$70e3d65f5a106231$export$77e4cc5334565f28.setState({
|
|
1184
|
+
unlockClickedButton: false
|
|
1185
|
+
});
|
|
1186
|
+
};
|
|
1171
1187
|
const $70e3d65f5a106231$export$93b55f822ac81934 = ()=>{
|
|
1172
1188
|
$70e3d65f5a106231$export$77e4cc5334565f28.setState({
|
|
1173
1189
|
...$70e3d65f5a106231$var$initialState
|
|
@@ -1188,10 +1204,11 @@ const $5f7f457957bd2c8d$var$initialState = {
|
|
|
1188
1204
|
activeRecognitionState: (0, $71c613e2e831c34c$export$3f0071308968cd80).Closed,
|
|
1189
1205
|
lastRecognitionInterim: "",
|
|
1190
1206
|
streamingReplyToId: null,
|
|
1191
|
-
streamingReplyToIdForText: null,
|
|
1192
1207
|
streamingQueue: [],
|
|
1193
1208
|
streamingQueueForText: [],
|
|
1194
|
-
currentStreaming: null
|
|
1209
|
+
currentStreaming: null,
|
|
1210
|
+
streamingQueueFullLength: 0,
|
|
1211
|
+
streamingReplyToIdToIgnore: null
|
|
1195
1212
|
};
|
|
1196
1213
|
const $5f7f457957bd2c8d$export$f299240efcda25a2 = (0, $dWhh5$zustand.create)()(()=>{
|
|
1197
1214
|
return $5f7f457957bd2c8d$var$initialState;
|
|
@@ -1250,16 +1267,7 @@ const $5f7f457957bd2c8d$export$a5c8d6d0ec4b5ccb = (value)=>{
|
|
|
1250
1267
|
};
|
|
1251
1268
|
const $5f7f457957bd2c8d$export$614a80601162ec38 = (value)=>{
|
|
1252
1269
|
$5f7f457957bd2c8d$export$f299240efcda25a2.setState({
|
|
1253
|
-
streamingReplyToId: value
|
|
1254
|
-
streamingReplyToIdForText: value
|
|
1255
|
-
});
|
|
1256
|
-
value === null && $5f7f457957bd2c8d$export$f299240efcda25a2.setState({
|
|
1257
|
-
currentStreaming: null
|
|
1258
|
-
});
|
|
1259
|
-
};
|
|
1260
|
-
const $5f7f457957bd2c8d$export$de8aad637f733113 = (value)=>{
|
|
1261
|
-
$5f7f457957bd2c8d$export$f299240efcda25a2.setState({
|
|
1262
|
-
streamingReplyToIdForText: value
|
|
1270
|
+
streamingReplyToId: value
|
|
1263
1271
|
});
|
|
1264
1272
|
};
|
|
1265
1273
|
const $5f7f457957bd2c8d$export$87afd75c41a617d7 = (value)=>{
|
|
@@ -1269,11 +1277,12 @@ const $5f7f457957bd2c8d$export$87afd75c41a617d7 = (value)=>{
|
|
|
1269
1277
|
});
|
|
1270
1278
|
};
|
|
1271
1279
|
const $5f7f457957bd2c8d$export$9a026d007e335fc0 = (value)=>{
|
|
1272
|
-
|
|
1280
|
+
const idToIgnore = $5f7f457957bd2c8d$export$f299240efcda25a2.getState().streamingReplyToIdToIgnore;
|
|
1281
|
+
if (value.replyToId && value.replyToId !== idToIgnore) {
|
|
1273
1282
|
// Set replyToId and new queue if replyToId is different from the current one
|
|
1274
1283
|
if ($5f7f457957bd2c8d$export$f299240efcda25a2.getState().streamingReplyToId !== value.replyToId) $5f7f457957bd2c8d$export$f299240efcda25a2.setState({
|
|
1284
|
+
streamingQueueFullLength: 0,
|
|
1275
1285
|
streamingReplyToId: value.replyToId,
|
|
1276
|
-
streamingReplyToIdForText: value.replyToId,
|
|
1277
1286
|
streamingQueue: [
|
|
1278
1287
|
value
|
|
1279
1288
|
],
|
|
@@ -1306,11 +1315,36 @@ const $5f7f457957bd2c8d$export$eb50624bfd363865 = ()=>{
|
|
|
1306
1315
|
});
|
|
1307
1316
|
}
|
|
1308
1317
|
};
|
|
1318
|
+
const $5f7f457957bd2c8d$export$8505d436556ca045 = (replyToId)=>{
|
|
1319
|
+
const currentId = $5f7f457957bd2c8d$export$f299240efcda25a2.getState().streamingReplyToId;
|
|
1320
|
+
currentId !== replyToId && $5f7f457957bd2c8d$export$c3296e37e9ef3fed();
|
|
1321
|
+
};
|
|
1322
|
+
const $5f7f457957bd2c8d$export$c3296e37e9ef3fed = ()=>{
|
|
1323
|
+
const currentId = $5f7f457957bd2c8d$export$f299240efcda25a2.getState().streamingReplyToId;
|
|
1324
|
+
$5f7f457957bd2c8d$export$f299240efcda25a2.setState({
|
|
1325
|
+
streamingReplyToId: null,
|
|
1326
|
+
streamingQueue: [],
|
|
1327
|
+
streamingQueueForText: [],
|
|
1328
|
+
currentStreaming: null,
|
|
1329
|
+
streamingQueueFullLength: 0,
|
|
1330
|
+
streamingReplyToIdToIgnore: currentId
|
|
1331
|
+
});
|
|
1332
|
+
};
|
|
1309
1333
|
const $5f7f457957bd2c8d$export$d300d9470f5679ba = (value)=>{
|
|
1310
1334
|
$5f7f457957bd2c8d$export$f299240efcda25a2.setState({
|
|
1311
1335
|
currentStreaming: value
|
|
1312
1336
|
});
|
|
1313
1337
|
};
|
|
1338
|
+
const $5f7f457957bd2c8d$export$e9ca045daeb00700 = (value, replyToId)=>{
|
|
1339
|
+
if (replyToId) {
|
|
1340
|
+
const currentStreamingId = $5f7f457957bd2c8d$export$f299240efcda25a2.getState().streamingReplyToId;
|
|
1341
|
+
replyToId === currentStreamingId && $5f7f457957bd2c8d$export$f299240efcda25a2.setState({
|
|
1342
|
+
streamingQueueFullLength: value
|
|
1343
|
+
});
|
|
1344
|
+
} else $5f7f457957bd2c8d$export$f299240efcda25a2.setState({
|
|
1345
|
+
streamingQueueFullLength: value
|
|
1346
|
+
});
|
|
1347
|
+
};
|
|
1314
1348
|
const $5f7f457957bd2c8d$export$b6d2196a3ce412d8 = ()=>{
|
|
1315
1349
|
$5f7f457957bd2c8d$export$f299240efcda25a2.setState({
|
|
1316
1350
|
...$5f7f457957bd2c8d$var$initialState
|
|
@@ -1321,6 +1355,7 @@ const $5f7f457957bd2c8d$export$b6d2196a3ce412d8 = ()=>{
|
|
|
1321
1355
|
|
|
1322
1356
|
|
|
1323
1357
|
|
|
1358
|
+
|
|
1324
1359
|
const $9acd31406c230961$var$initialState = {
|
|
1325
1360
|
activities: [],
|
|
1326
1361
|
lastBotActivity: undefined,
|
|
@@ -1338,7 +1373,8 @@ const $9acd31406c230961$var$initialState = {
|
|
|
1338
1373
|
queue: [],
|
|
1339
1374
|
conversationId: null,
|
|
1340
1375
|
watermark: 0,
|
|
1341
|
-
retrievingConversation: false
|
|
1376
|
+
retrievingConversation: false,
|
|
1377
|
+
cookie: null
|
|
1342
1378
|
};
|
|
1343
1379
|
let $9acd31406c230961$var$timerRef;
|
|
1344
1380
|
const $9acd31406c230961$export$b56465394e2b1287 = (0, $dWhh5$zustand.create)()(()=>{
|
|
@@ -1346,12 +1382,15 @@ const $9acd31406c230961$export$b56465394e2b1287 = (0, $dWhh5$zustand.create)()((
|
|
|
1346
1382
|
});
|
|
1347
1383
|
const $9acd31406c230961$var$addActivity = async (activity, resetQueue)=>{
|
|
1348
1384
|
var _activity_from_name;
|
|
1385
|
+
(0, $70e3d65f5a106231$export$e49d67c72fb28d58)();
|
|
1349
1386
|
const currentState = $9acd31406c230961$export$b56465394e2b1287.getState();
|
|
1350
1387
|
const shouldNotSetLastBotActivity = currentState.retrievingConversation && !resetQueue;
|
|
1351
1388
|
const isBot = activity.from.role === "bot" || activity.replyToId || ((_activity_from_name = activity.from.name) === null || _activity_from_name === void 0 ? void 0 : _activity_from_name.toLowerCase()) === "bot";
|
|
1352
1389
|
if (activity.type === "message") {
|
|
1353
1390
|
if (isBot) {
|
|
1354
|
-
var _currentState_botMessageActivities, _activity_replyToId;
|
|
1391
|
+
var _activity_value, _currentState_botMessageActivities, _activity_replyToId;
|
|
1392
|
+
// If this activity is the one concluding a streaming, let's set the amount of streams previously generated
|
|
1393
|
+
if (!currentState.retrievingConversation && ((_activity_value = activity.value) === null || _activity_value === void 0 ? void 0 : _activity_value.streamingCount)) (0, $5f7f457957bd2c8d$export$e9ca045daeb00700)(activity.value.streamingCount, activity.replyToId);
|
|
1355
1394
|
if (((_currentState_botMessageActivities = currentState.botMessageActivities) === null || _currentState_botMessageActivities === void 0 ? void 0 : _currentState_botMessageActivities.length) && ((_activity_replyToId = activity.replyToId) === null || _activity_replyToId === void 0 ? void 0 : _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.
|
|
1356
1395
|
// We must put this activity back in first place in the array.
|
|
1357
1396
|
$9acd31406c230961$export$b56465394e2b1287.setState({
|
|
@@ -1478,18 +1517,18 @@ const $9acd31406c230961$export$f9786f6b1a1e81e3 = (activity)=>{
|
|
|
1478
1517
|
$9acd31406c230961$var$timerRef && clearTimeout($9acd31406c230961$var$timerRef);
|
|
1479
1518
|
$9acd31406c230961$var$timerRef = setTimeout(()=>{
|
|
1480
1519
|
$9acd31406c230961$var$updateActivities();
|
|
1520
|
+
// Let speechStore check if this activity has an impact on a curent streaming
|
|
1521
|
+
(0, $5f7f457957bd2c8d$export$8505d436556ca045)(activity.replyToId);
|
|
1481
1522
|
}, 500);
|
|
1482
1523
|
};
|
|
1483
1524
|
const $9acd31406c230961$export$210f7e70e69f7df5 = (activity)=>{
|
|
1525
|
+
var _activity_id;
|
|
1484
1526
|
// Set the home activity to be able to show its attachments when needed
|
|
1485
1527
|
if (activity.messageType === "welcome") $9acd31406c230961$export$b56465394e2b1287.setState({
|
|
1486
1528
|
homeActivity: activity
|
|
1487
1529
|
});
|
|
1488
|
-
$9acd31406c230961$export$
|
|
1489
|
-
|
|
1490
|
-
const $9acd31406c230961$export$35bf93b87d9ffb15 = (activity)=>{
|
|
1491
|
-
const retrieving = $9acd31406c230961$export$b56465394e2b1287.getState().retrievingConversation;
|
|
1492
|
-
!retrieving && (0, $5f7f457957bd2c8d$export$9a026d007e335fc0)(activity);
|
|
1530
|
+
const currentConversationId = $9acd31406c230961$export$b56465394e2b1287.getState().conversationId;
|
|
1531
|
+
currentConversationId && ((_activity_id = activity.id) === null || _activity_id === void 0 ? void 0 : _activity_id.includes(currentConversationId)) && $9acd31406c230961$export$f9786f6b1a1e81e3(activity);
|
|
1493
1532
|
};
|
|
1494
1533
|
const $9acd31406c230961$export$4365557467e67cdc = (value)=>{
|
|
1495
1534
|
const currentState = $9acd31406c230961$export$b56465394e2b1287.getState();
|
|
@@ -1506,6 +1545,20 @@ const $9acd31406c230961$export$d7e4f7861d387c67 = (value)=>{
|
|
|
1506
1545
|
retrievingConversation: value
|
|
1507
1546
|
});
|
|
1508
1547
|
};
|
|
1548
|
+
const $9acd31406c230961$export$110700823644f4a6 = (value)=>{
|
|
1549
|
+
$9acd31406c230961$export$b56465394e2b1287.setState({
|
|
1550
|
+
cookie: value
|
|
1551
|
+
});
|
|
1552
|
+
};
|
|
1553
|
+
const $9acd31406c230961$export$76568ea212370899 = ()=>{
|
|
1554
|
+
const cookie = $9acd31406c230961$export$b56465394e2b1287.getState().cookie;
|
|
1555
|
+
if (cookie) {
|
|
1556
|
+
document.cookie = cookie;
|
|
1557
|
+
$9acd31406c230961$export$b56465394e2b1287.setState({
|
|
1558
|
+
cookie: null
|
|
1559
|
+
});
|
|
1560
|
+
}
|
|
1561
|
+
};
|
|
1509
1562
|
const $9acd31406c230961$export$b7b23f8e09258fa6 = ()=>{
|
|
1510
1563
|
$9acd31406c230961$export$b56465394e2b1287.setState({
|
|
1511
1564
|
...$9acd31406c230961$var$initialState
|
|
@@ -1513,7 +1566,6 @@ const $9acd31406c230961$export$b7b23f8e09258fa6 = ()=>{
|
|
|
1513
1566
|
};
|
|
1514
1567
|
|
|
1515
1568
|
|
|
1516
|
-
|
|
1517
1569
|
const $c79349f4444d81d7$var$regexDataCommand = /(\{data-command=")[\p{L}\p{N}\p{Po}\p{Pd}\p{Pc}\s\u0027\u2019]+("\})(<br\s\/>)?/gu;
|
|
1518
1570
|
const $c79349f4444d81d7$var$createCustomStore = (enableConversationCookie, conversationCookieMaxAge, addressData, locale, externalEventHandler, isUsedOnBorne, isRetorikNews)=>{
|
|
1519
1571
|
return (0, $dWhh5$botframeworkwebchat.createStore)({}, ({ dispatch: dispatch })=>(next)=>async (action)=>{
|
|
@@ -1551,7 +1603,7 @@ const $c79349f4444d81d7$var$createCustomStore = (enableConversationCookie, conve
|
|
|
1551
1603
|
var _document_cookie_split_find;
|
|
1552
1604
|
const conversationCookie = (_document_cookie_split_find = document.cookie.split("; ").find((row)=>row.startsWith("retorikConversationCookie="))) === null || _document_cookie_split_find === void 0 ? void 0 : _document_cookie_split_find.split("=")[1];
|
|
1553
1605
|
const fullTenantName = (addressData.baseURI || `${addressData.prefix || ""}${addressData.tenant}`).replace(/;|,|\s/g, "");
|
|
1554
|
-
if (!(conversationCookie && conversationCookie.split("||").length === 2 && conversationCookie.split("||")[1] === fullTenantName))
|
|
1606
|
+
if (!(conversationCookie && conversationCookie.split("||").length === 2 && conversationCookie.split("||")[1] === fullTenantName)) (0, $9acd31406c230961$export$110700823644f4a6)(`retorikConversationCookie=${conversationId}||${fullTenantName}; max-age=${conversationCookieMaxAge || 3600}`);
|
|
1555
1607
|
}
|
|
1556
1608
|
break;
|
|
1557
1609
|
}
|
|
@@ -1604,10 +1656,14 @@ const $c79349f4444d81d7$var$createCustomStore = (enableConversationCookie, conve
|
|
|
1604
1656
|
var _action_payload_activity_text;
|
|
1605
1657
|
if ((_action_payload_activity_text = action.payload.activity.text) === null || _action_payload_activity_text === void 0 ? void 0 : _action_payload_activity_text.trim().length) {
|
|
1606
1658
|
// Create speak field from the text one
|
|
1607
|
-
const processedText = (
|
|
1608
|
-
action.payload.activity.text
|
|
1659
|
+
// const processedText = processMarkdownAndSpeechMarkdown(
|
|
1660
|
+
// action.payload.activity.text,
|
|
1661
|
+
// true
|
|
1662
|
+
// )
|
|
1663
|
+
const processedText = (0, $175044c5f3c2d8cc$export$2e2bcd8739ae039)(action);
|
|
1664
|
+
// action.payload.activity.text = processedText.htmlText
|
|
1609
1665
|
action.payload.activity.speak = processedText.text;
|
|
1610
|
-
(0, $
|
|
1666
|
+
(0, $5f7f457957bd2c8d$export$9a026d007e335fc0)(action.payload.activity);
|
|
1611
1667
|
}
|
|
1612
1668
|
return next(action);
|
|
1613
1669
|
}
|
|
@@ -1812,9 +1868,9 @@ const $c7242af7a2bc5e50$var$initialState = {
|
|
|
1812
1868
|
displaySubtitles: false,
|
|
1813
1869
|
agentData: undefined,
|
|
1814
1870
|
loaderClosed: false,
|
|
1871
|
+
appAvailable: false,
|
|
1815
1872
|
currentLayout: (0, $71c613e2e831c34c$export$a31c5a03aaeee5f).agent,
|
|
1816
1873
|
changeLayoutButtonDisplay: false,
|
|
1817
|
-
layoutChanged: false,
|
|
1818
1874
|
userAlreadySet: false,
|
|
1819
1875
|
enableDocumentPrinting: false,
|
|
1820
1876
|
disableSound: false
|
|
@@ -1827,11 +1883,6 @@ const $c7242af7a2bc5e50$export$ca8db8ed18ea1d2c = (value)=>{
|
|
|
1827
1883
|
disableSound: value
|
|
1828
1884
|
});
|
|
1829
1885
|
};
|
|
1830
|
-
const $c7242af7a2bc5e50$export$29ec02ff899d2b53 = (value)=>{
|
|
1831
|
-
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1832
|
-
layoutChanged: value
|
|
1833
|
-
});
|
|
1834
|
-
};
|
|
1835
1886
|
const $c7242af7a2bc5e50$export$e8437af1f2483b8e = (value)=>{
|
|
1836
1887
|
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1837
1888
|
currentLayout: value
|
|
@@ -1863,6 +1914,11 @@ const $c7242af7a2bc5e50$export$982d69b78a955aaf = (value)=>{
|
|
|
1863
1914
|
loaderClosed: value
|
|
1864
1915
|
});
|
|
1865
1916
|
};
|
|
1917
|
+
const $c7242af7a2bc5e50$export$a8ce9bbc5b910a21 = (value)=>{
|
|
1918
|
+
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1919
|
+
appAvailable: value
|
|
1920
|
+
});
|
|
1921
|
+
};
|
|
1866
1922
|
const $c7242af7a2bc5e50$export$f9f752f8a699b258 = (value)=>{
|
|
1867
1923
|
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1868
1924
|
subtitlesInConfiguration: value
|
|
@@ -1903,14 +1959,10 @@ const $1d4f8108de9ab73a$var$defaultConfiguration = {
|
|
|
1903
1959
|
};
|
|
1904
1960
|
const $1d4f8108de9ab73a$var$RetorikContextDefaultValues = {
|
|
1905
1961
|
configuration: $1d4f8108de9ab73a$var$defaultConfiguration,
|
|
1906
|
-
appAvailable: false,
|
|
1907
|
-
loaderClosed: false,
|
|
1908
1962
|
addressData: {},
|
|
1909
1963
|
baseAddress: "",
|
|
1910
1964
|
canFocusSendBox: false,
|
|
1911
1965
|
setConfiguration: ()=>{},
|
|
1912
|
-
setAppAvailable: ()=>{},
|
|
1913
|
-
setLoaderClosed: ()=>{},
|
|
1914
1966
|
setSendBoxRef: ()=>{},
|
|
1915
1967
|
focusSendBox: ()=>{},
|
|
1916
1968
|
setCanFocusSendBox: ()=>{}
|
|
@@ -1921,8 +1973,6 @@ function $1d4f8108de9ab73a$export$d8760bee47331b1d() {
|
|
|
1921
1973
|
}
|
|
1922
1974
|
function $1d4f8108de9ab73a$export$8d0f3aad9142f5c7({ skipLoader: skipLoader, chosenMode: chosenMode, config: config, children: children, addressData: addressData }) {
|
|
1923
1975
|
const [configuration, setConfiguration] = (0, $dWhh5$react.useState)(config);
|
|
1924
|
-
const [appAvailable, setAppAvailable] = (0, $dWhh5$react.useState)(false);
|
|
1925
|
-
const [loaderClosed, setLoaderClosed] = (0, $dWhh5$react.useState)(!!skipLoader);
|
|
1926
1976
|
const [sendBoxRef, setSendBoxRef] = (0, $dWhh5$react.useState)(null);
|
|
1927
1977
|
const [canFocusSendBox, setCanFocusSendBox] = (0, $dWhh5$react.useState)(false);
|
|
1928
1978
|
const focusSendBox = ()=>{
|
|
@@ -1933,29 +1983,22 @@ function $1d4f8108de9ab73a$export$8d0f3aad9142f5c7({ skipLoader: skipLoader, cho
|
|
|
1933
1983
|
}, [
|
|
1934
1984
|
addressData
|
|
1935
1985
|
]);
|
|
1936
|
-
const storeLoaderClosed = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
1937
1986
|
const value = (0, $dWhh5$react.useMemo)(()=>({
|
|
1938
1987
|
configuration: configuration,
|
|
1939
|
-
appAvailable: appAvailable,
|
|
1940
|
-
loaderClosed: loaderClosed,
|
|
1941
1988
|
addressData: addressData,
|
|
1942
1989
|
baseAddress: baseAddress,
|
|
1943
1990
|
canFocusSendBox: canFocusSendBox,
|
|
1944
1991
|
setConfiguration: setConfiguration,
|
|
1945
|
-
|
|
1946
|
-
setLoaderClosed: setLoaderClosed,
|
|
1992
|
+
setLoaderClosed: $c7242af7a2bc5e50$export$982d69b78a955aaf,
|
|
1947
1993
|
setSendBoxRef: setSendBoxRef,
|
|
1948
1994
|
focusSendBox: focusSendBox,
|
|
1949
1995
|
setCanFocusSendBox: setCanFocusSendBox
|
|
1950
1996
|
}), [
|
|
1951
1997
|
configuration,
|
|
1952
|
-
appAvailable,
|
|
1953
|
-
loaderClosed,
|
|
1954
1998
|
baseAddress,
|
|
1955
1999
|
canFocusSendBox,
|
|
1956
2000
|
setConfiguration,
|
|
1957
|
-
|
|
1958
|
-
setLoaderClosed,
|
|
2001
|
+
(0, $c7242af7a2bc5e50$export$982d69b78a955aaf),
|
|
1959
2002
|
setSendBoxRef,
|
|
1960
2003
|
setCanFocusSendBox
|
|
1961
2004
|
]);
|
|
@@ -2028,16 +2071,6 @@ function $1d4f8108de9ab73a$export$8d0f3aad9142f5c7({ skipLoader: skipLoader, cho
|
|
|
2028
2071
|
}, [
|
|
2029
2072
|
chosenMode
|
|
2030
2073
|
]);
|
|
2031
|
-
(0, $dWhh5$react.useEffect)(()=>{
|
|
2032
|
-
(0, $c7242af7a2bc5e50$export$982d69b78a955aaf)(loaderClosed);
|
|
2033
|
-
}, [
|
|
2034
|
-
loaderClosed
|
|
2035
|
-
]);
|
|
2036
|
-
(0, $dWhh5$react.useEffect)(()=>{
|
|
2037
|
-
if (storeLoaderClosed !== loaderClosed) setLoaderClosed(storeLoaderClosed);
|
|
2038
|
-
}, [
|
|
2039
|
-
storeLoaderClosed
|
|
2040
|
-
]);
|
|
2041
2074
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
2042
2075
|
setConfiguration(config);
|
|
2043
2076
|
}, [
|
|
@@ -2049,7 +2082,7 @@ function $1d4f8108de9ab73a$export$8d0f3aad9142f5c7({ skipLoader: skipLoader, cho
|
|
|
2049
2082
|
configuration.position
|
|
2050
2083
|
]);
|
|
2051
2084
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
2052
|
-
|
|
2085
|
+
(0, $c7242af7a2bc5e50$export$982d69b78a955aaf)(!!skipLoader);
|
|
2053
2086
|
}, [
|
|
2054
2087
|
skipLoader
|
|
2055
2088
|
]);
|
|
@@ -2398,6 +2431,7 @@ const $e37833e47d877d3a$var$useToggleMicrophone = ()=>{
|
|
|
2398
2431
|
var $e37833e47d877d3a$export$2e2bcd8739ae039 = $e37833e47d877d3a$var$useToggleMicrophone;
|
|
2399
2432
|
|
|
2400
2433
|
|
|
2434
|
+
|
|
2401
2435
|
const { usePostActivity: $071bb34c9db044ce$var$usePostActivity, useSendEvent: $071bb34c9db044ce$var$useSendEvent } = (0, $dWhh5$botframeworkwebchat.hooks);
|
|
2402
2436
|
var $071bb34c9db044ce$var$EventsReceived;
|
|
2403
2437
|
(function(EventsReceived) {
|
|
@@ -2414,7 +2448,9 @@ const $071bb34c9db044ce$var$SendActivityEventListener = ({ isRetorikNews: isReto
|
|
|
2414
2448
|
const eventToSend = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.eventToSend);
|
|
2415
2449
|
const displayGDPR = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.GDPRDisplay);
|
|
2416
2450
|
const userConsent = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.GDPRUserConsent);
|
|
2417
|
-
const
|
|
2451
|
+
const loaderClosed = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
2452
|
+
const appAvailable = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.appAvailable);
|
|
2453
|
+
const { configuration: { skipWelcome: skipWelcome } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
2418
2454
|
const toggleMicrophone = (0, $e37833e47d877d3a$export$2e2bcd8739ae039)();
|
|
2419
2455
|
const [eventReceived, setEventReceived] = (0, $dWhh5$react.useState)(null);
|
|
2420
2456
|
const userAlreadySet = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.userAlreadySet);
|
|
@@ -2473,6 +2509,8 @@ const $071bb34c9db044ce$var$SendActivityEventListener = ({ isRetorikNews: isReto
|
|
|
2473
2509
|
userConsent: userConsent
|
|
2474
2510
|
});
|
|
2475
2511
|
}, 100);
|
|
2512
|
+
// Set cookie in browser data now
|
|
2513
|
+
(0, $9acd31406c230961$export$76568ea212370899)();
|
|
2476
2514
|
}
|
|
2477
2515
|
}, [
|
|
2478
2516
|
appAvailable,
|
|
@@ -2510,557 +2548,124 @@ var $071bb34c9db044ce$export$2e2bcd8739ae039 = $071bb34c9db044ce$var$SendActivit
|
|
|
2510
2548
|
|
|
2511
2549
|
|
|
2512
2550
|
|
|
2513
|
-
|
|
2514
|
-
|
|
2515
|
-
|
|
2516
|
-
|
|
2517
|
-
|
|
2518
|
-
rgb: "rgb(112, 112, 112)"
|
|
2519
|
-
};
|
|
2520
|
-
const $04a533cfb295ca20$export$d80fe84b82195dbd = {
|
|
2521
|
-
...(0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb),
|
|
2522
|
-
companyName: "#000",
|
|
2523
|
-
loader: {
|
|
2524
|
-
animation: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
2525
|
-
background: "rgba(18,18,18,0.7)",
|
|
2526
|
-
text: "#FFF",
|
|
2527
|
-
toggle: {
|
|
2528
|
-
text: "#000",
|
|
2529
|
-
background: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary
|
|
2530
|
-
},
|
|
2531
|
-
button: {
|
|
2532
|
-
background: {
|
|
2533
|
-
default: "transparent",
|
|
2534
|
-
hover: "transparent"
|
|
2535
|
-
},
|
|
2536
|
-
border: {
|
|
2537
|
-
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
2538
|
-
hover: "#FFF"
|
|
2539
|
-
},
|
|
2540
|
-
text: {
|
|
2541
|
-
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
2542
|
-
hover: "#FFF"
|
|
2543
|
-
}
|
|
2544
|
-
}
|
|
2551
|
+
const $c1fa2cf808900aaf$var$color = "#00D7FF";
|
|
2552
|
+
const $c1fa2cf808900aaf$var$white = "#F7F3F6";
|
|
2553
|
+
const $c1fa2cf808900aaf$export$d30af3ec38729f1 = {
|
|
2554
|
+
hostCapabilities: {
|
|
2555
|
+
capabilities: null
|
|
2545
2556
|
},
|
|
2546
|
-
|
|
2547
|
-
|
|
2548
|
-
|
|
2549
|
-
|
|
2550
|
-
|
|
2551
|
-
|
|
2552
|
-
|
|
2553
|
-
|
|
2554
|
-
|
|
2555
|
-
|
|
2556
|
-
|
|
2557
|
-
border: {
|
|
2558
|
-
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
2559
|
-
hover: "#FFF"
|
|
2557
|
+
choiceSetInputValueSeparator: ",",
|
|
2558
|
+
supportsInteractivity: true,
|
|
2559
|
+
fontTypes: {
|
|
2560
|
+
default: {
|
|
2561
|
+
fontFamily: '"Helvetica Neue", sans-serif',
|
|
2562
|
+
fontSizes: {
|
|
2563
|
+
small: 12,
|
|
2564
|
+
default: 16,
|
|
2565
|
+
medium: 20,
|
|
2566
|
+
large: 26,
|
|
2567
|
+
extraLarge: 33
|
|
2560
2568
|
},
|
|
2561
|
-
|
|
2562
|
-
|
|
2563
|
-
|
|
2569
|
+
fontWeights: {
|
|
2570
|
+
lighter: 200,
|
|
2571
|
+
default: 300,
|
|
2572
|
+
bolder: 400
|
|
2564
2573
|
}
|
|
2565
2574
|
},
|
|
2566
|
-
|
|
2567
|
-
|
|
2568
|
-
|
|
2569
|
-
|
|
2570
|
-
|
|
2571
|
-
|
|
2572
|
-
|
|
2573
|
-
|
|
2575
|
+
monospace: {
|
|
2576
|
+
fontFamily: '"Helvetica Neue", sans-serif',
|
|
2577
|
+
fontSizes: {
|
|
2578
|
+
small: 12,
|
|
2579
|
+
default: 16,
|
|
2580
|
+
medium: 20,
|
|
2581
|
+
large: 26,
|
|
2582
|
+
extraLarge: 33
|
|
2574
2583
|
},
|
|
2575
|
-
|
|
2576
|
-
|
|
2577
|
-
|
|
2584
|
+
fontWeights: {
|
|
2585
|
+
lighter: 200,
|
|
2586
|
+
default: 300,
|
|
2587
|
+
bolder: 400
|
|
2578
2588
|
}
|
|
2579
2589
|
}
|
|
2580
2590
|
},
|
|
2581
|
-
|
|
2582
|
-
|
|
2583
|
-
|
|
2584
|
-
|
|
2585
|
-
|
|
2586
|
-
|
|
2587
|
-
|
|
2591
|
+
spacing: {
|
|
2592
|
+
small: 8,
|
|
2593
|
+
default: 16,
|
|
2594
|
+
medium: 20,
|
|
2595
|
+
large: 30,
|
|
2596
|
+
extraLarge: 40,
|
|
2597
|
+
padding: 25
|
|
2588
2598
|
},
|
|
2589
|
-
|
|
2590
|
-
|
|
2591
|
-
|
|
2592
|
-
background: "#000"
|
|
2593
|
-
}
|
|
2599
|
+
separator: {
|
|
2600
|
+
lineThickness: 1,
|
|
2601
|
+
lineColor: "transparent"
|
|
2594
2602
|
},
|
|
2595
|
-
|
|
2596
|
-
|
|
2597
|
-
|
|
2598
|
-
|
|
2599
|
-
|
|
2600
|
-
|
|
2601
|
-
|
|
2602
|
-
|
|
2603
|
-
|
|
2604
|
-
|
|
2605
|
-
|
|
2606
|
-
|
|
2607
|
-
|
|
2608
|
-
|
|
2609
|
-
|
|
2610
|
-
|
|
2611
|
-
|
|
2612
|
-
|
|
2613
|
-
|
|
2614
|
-
|
|
2615
|
-
|
|
2616
|
-
|
|
2617
|
-
|
|
2618
|
-
|
|
2603
|
+
imageSizes: {
|
|
2604
|
+
small: 40,
|
|
2605
|
+
medium: 100,
|
|
2606
|
+
large: 160
|
|
2607
|
+
},
|
|
2608
|
+
containerStyles: {
|
|
2609
|
+
default: {
|
|
2610
|
+
foregroundColors: {
|
|
2611
|
+
default: {
|
|
2612
|
+
default: `${$c1fa2cf808900aaf$var$white}`,
|
|
2613
|
+
subtle: `${$c1fa2cf808900aaf$var$color}`,
|
|
2614
|
+
highlightColors: {
|
|
2615
|
+
default: `${$c1fa2cf808900aaf$var$color}`,
|
|
2616
|
+
subtle: "#11000000"
|
|
2617
|
+
}
|
|
2618
|
+
},
|
|
2619
|
+
dark: {
|
|
2620
|
+
default: "#000000",
|
|
2621
|
+
subtle: "#66000000",
|
|
2622
|
+
highlightColors: {
|
|
2623
|
+
default: "#22000000",
|
|
2624
|
+
subtle: "#11000000"
|
|
2625
|
+
}
|
|
2626
|
+
},
|
|
2627
|
+
light: {
|
|
2628
|
+
default: "#FFFFFF",
|
|
2629
|
+
subtle: "#33000000",
|
|
2630
|
+
highlightColors: {
|
|
2631
|
+
default: "#22000000",
|
|
2632
|
+
subtle: "#11000000"
|
|
2633
|
+
}
|
|
2634
|
+
},
|
|
2635
|
+
accent: {
|
|
2636
|
+
default: "#0063B1",
|
|
2637
|
+
subtle: "#0063B1",
|
|
2638
|
+
highlightColors: {
|
|
2639
|
+
default: "#22000000",
|
|
2640
|
+
subtle: "#11000000"
|
|
2641
|
+
}
|
|
2642
|
+
},
|
|
2643
|
+
good: {
|
|
2644
|
+
default: "#54a254",
|
|
2645
|
+
subtle: "#DD54a254",
|
|
2646
|
+
highlightColors: {
|
|
2647
|
+
default: "#22000000",
|
|
2648
|
+
subtle: "#11000000"
|
|
2649
|
+
}
|
|
2650
|
+
},
|
|
2651
|
+
warning: {
|
|
2652
|
+
default: "#c3ab23",
|
|
2653
|
+
subtle: "#DDc3ab23",
|
|
2654
|
+
highlightColors: {
|
|
2655
|
+
default: "#22000000",
|
|
2656
|
+
subtle: "#11000000"
|
|
2657
|
+
}
|
|
2658
|
+
},
|
|
2659
|
+
attention: {
|
|
2660
|
+
default: "#FF0000",
|
|
2661
|
+
subtle: "#DDFF0000",
|
|
2662
|
+
highlightColors: {
|
|
2663
|
+
default: "#22000000",
|
|
2664
|
+
subtle: "#11000000"
|
|
2665
|
+
}
|
|
2666
|
+
}
|
|
2619
2667
|
},
|
|
2620
|
-
|
|
2621
|
-
default: "#FFF",
|
|
2622
|
-
hover: "#FFF"
|
|
2623
|
-
}
|
|
2624
|
-
},
|
|
2625
|
-
likert: {
|
|
2626
|
-
default: "transparent",
|
|
2627
|
-
hover: "#E8B712"
|
|
2628
|
-
}
|
|
2629
|
-
}
|
|
2630
|
-
};
|
|
2631
|
-
const $04a533cfb295ca20$export$1196b7bf97f3d16c = {
|
|
2632
|
-
...(0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb),
|
|
2633
|
-
companyName: "#000",
|
|
2634
|
-
loader: {
|
|
2635
|
-
animation: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
2636
|
-
background: "rgba(18,18,18,0.7)",
|
|
2637
|
-
text: "#FFF",
|
|
2638
|
-
toggle: {
|
|
2639
|
-
text: "#000",
|
|
2640
|
-
background: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary
|
|
2641
|
-
},
|
|
2642
|
-
button: {
|
|
2643
|
-
background: {
|
|
2644
|
-
default: "transparent",
|
|
2645
|
-
hover: "transparent"
|
|
2646
|
-
},
|
|
2647
|
-
border: {
|
|
2648
|
-
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
2649
|
-
hover: "#FFF"
|
|
2650
|
-
},
|
|
2651
|
-
text: {
|
|
2652
|
-
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
2653
|
-
hover: "#FFF"
|
|
2654
|
-
}
|
|
2655
|
-
}
|
|
2656
|
-
},
|
|
2657
|
-
card: {
|
|
2658
|
-
frame: {
|
|
2659
|
-
background: "#2B2B2B",
|
|
2660
|
-
border: "transparent",
|
|
2661
|
-
text: "#F7F3F6"
|
|
2662
|
-
},
|
|
2663
|
-
button: {
|
|
2664
|
-
background: {
|
|
2665
|
-
default: "transparent",
|
|
2666
|
-
hover: "transparent"
|
|
2667
|
-
},
|
|
2668
|
-
border: {
|
|
2669
|
-
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
2670
|
-
hover: "#FFF"
|
|
2671
|
-
},
|
|
2672
|
-
text: {
|
|
2673
|
-
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
2674
|
-
hover: "#FFF"
|
|
2675
|
-
}
|
|
2676
|
-
},
|
|
2677
|
-
discoverButton: {
|
|
2678
|
-
background: {
|
|
2679
|
-
default: "#eaebf0",
|
|
2680
|
-
hover: "transparent"
|
|
2681
|
-
},
|
|
2682
|
-
border: {
|
|
2683
|
-
default: "transparent",
|
|
2684
|
-
hover: "#FFF"
|
|
2685
|
-
},
|
|
2686
|
-
text: {
|
|
2687
|
-
default: "#575F6B",
|
|
2688
|
-
hover: "#FFF"
|
|
2689
|
-
}
|
|
2690
|
-
}
|
|
2691
|
-
},
|
|
2692
|
-
textMode: {
|
|
2693
|
-
panel: {
|
|
2694
|
-
background: "rgba(255, 255, 255, 0.9)",
|
|
2695
|
-
border: "transparent",
|
|
2696
|
-
conversationUser: "#101219",
|
|
2697
|
-
conversationBot: "#1999B1"
|
|
2698
|
-
}
|
|
2699
|
-
},
|
|
2700
|
-
vocalMode: {
|
|
2701
|
-
subtitles: {
|
|
2702
|
-
text: "#FFF",
|
|
2703
|
-
background: "#000"
|
|
2704
|
-
}
|
|
2705
|
-
},
|
|
2706
|
-
formInput: {
|
|
2707
|
-
text: {
|
|
2708
|
-
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).secondary,
|
|
2709
|
-
hover: "#FFF"
|
|
2710
|
-
},
|
|
2711
|
-
inputRadioCheckbox: {
|
|
2712
|
-
unchecked: {
|
|
2713
|
-
background: "#434141",
|
|
2714
|
-
border: "#818181"
|
|
2715
|
-
},
|
|
2716
|
-
checked: {
|
|
2717
|
-
background: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
2718
|
-
border: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
2719
|
-
item: "#000"
|
|
2720
|
-
}
|
|
2721
|
-
},
|
|
2722
|
-
inputButton: {
|
|
2723
|
-
background: {
|
|
2724
|
-
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).black,
|
|
2725
|
-
hover: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary
|
|
2726
|
-
},
|
|
2727
|
-
border: {
|
|
2728
|
-
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
2729
|
-
hover: "#FFF"
|
|
2730
|
-
},
|
|
2731
|
-
text: {
|
|
2732
|
-
default: "#FFF",
|
|
2733
|
-
hover: "#FFF"
|
|
2734
|
-
}
|
|
2735
|
-
},
|
|
2736
|
-
likert: {
|
|
2737
|
-
default: "transparent",
|
|
2738
|
-
hover: "#E8B712"
|
|
2739
|
-
}
|
|
2740
|
-
}
|
|
2741
|
-
};
|
|
2742
|
-
|
|
2743
|
-
|
|
2744
|
-
|
|
2745
|
-
|
|
2746
|
-
|
|
2747
|
-
const $6acc5d637072b42e$var$defaultConfiguration = {
|
|
2748
|
-
homeRoute: "home",
|
|
2749
|
-
views: {
|
|
2750
|
-
home: {
|
|
2751
|
-
background: {
|
|
2752
|
-
image: "",
|
|
2753
|
-
style: "image"
|
|
2754
|
-
}
|
|
2755
|
-
}
|
|
2756
|
-
}
|
|
2757
|
-
};
|
|
2758
|
-
const $6acc5d637072b42e$var$ViewContextDefaultValues = {
|
|
2759
|
-
configurations: $6acc5d637072b42e$var$defaultConfiguration,
|
|
2760
|
-
route: (0, $71c613e2e831c34c$export$3565eb3d00ca5a74).Home,
|
|
2761
|
-
currentDeviceType: (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).mobile,
|
|
2762
|
-
currentHeight: 1080,
|
|
2763
|
-
currentWidth: 1920,
|
|
2764
|
-
themeColors: (0, $04a533cfb295ca20$export$d80fe84b82195dbd),
|
|
2765
|
-
isTactile: false,
|
|
2766
|
-
isMobile: false,
|
|
2767
|
-
isWidget: false,
|
|
2768
|
-
isLandscape: true,
|
|
2769
|
-
isMobileLandscape: false,
|
|
2770
|
-
isBorne: false,
|
|
2771
|
-
displayControls: true,
|
|
2772
|
-
showHomeAttachments: undefined,
|
|
2773
|
-
mediumLandscape: false,
|
|
2774
|
-
setRoute: ()=>{},
|
|
2775
|
-
setCurrentDeviceType: ()=>{},
|
|
2776
|
-
setCurrentHeight: ()=>{},
|
|
2777
|
-
setCurrentWidth: ()=>{},
|
|
2778
|
-
setDisplayControls: ()=>{},
|
|
2779
|
-
setShowHomeAttachments: ()=>{}
|
|
2780
|
-
};
|
|
2781
|
-
const $6acc5d637072b42e$export$c3ad42ebfc49b96d = /*#__PURE__*/ (0, $dWhh5$react.createContext)($6acc5d637072b42e$var$ViewContextDefaultValues);
|
|
2782
|
-
function $6acc5d637072b42e$export$3abe3478af3cb63b() {
|
|
2783
|
-
return (0, $dWhh5$react.useContext)($6acc5d637072b42e$export$c3ad42ebfc49b96d);
|
|
2784
|
-
}
|
|
2785
|
-
function $6acc5d637072b42e$export$50e22524de02f5db({ viewsConfiguration: viewsConfiguration, themeColors: themeColors, children: children }) {
|
|
2786
|
-
const [route, setRoute] = (0, $dWhh5$react.useState)(viewsConfiguration.homeRoute === "news" ? (0, $71c613e2e831c34c$export$3565eb3d00ca5a74).News : (0, $71c613e2e831c34c$export$3565eb3d00ca5a74).Home);
|
|
2787
|
-
const [currentDeviceType, setCurrentDeviceType] = (0, $dWhh5$react.useState)((0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).mobile);
|
|
2788
|
-
const [currentHeight, setCurrentHeight] = (0, $dWhh5$react.useState)(0);
|
|
2789
|
-
const [currentWidth, setCurrentWidth] = (0, $dWhh5$react.useState)(0);
|
|
2790
|
-
const mediumLandscape = (0, $dWhh5$react.useMemo)(()=>{
|
|
2791
|
-
return currentWidth < (0, $0b4f07c0f09dbbcf$export$91e4bf93df95a062);
|
|
2792
|
-
}, [
|
|
2793
|
-
currentWidth
|
|
2794
|
-
]);
|
|
2795
|
-
const [isTactile, setIsTactile] = (0, $dWhh5$react.useState)(false);
|
|
2796
|
-
const [isMobile, setIsMobile] = (0, $dWhh5$react.useState)((0, $0b4f07c0f09dbbcf$export$78f16669b353a880).includes(currentDeviceType));
|
|
2797
|
-
const [isWidget, setIsWidget] = (0, $dWhh5$react.useState)((0, $0b4f07c0f09dbbcf$export$909f4c209eb70365).includes(currentDeviceType));
|
|
2798
|
-
const [isLandscape, setIsLandscape] = (0, $dWhh5$react.useState)((0, $0b4f07c0f09dbbcf$export$baf53ca377ebf861).includes(currentDeviceType));
|
|
2799
|
-
const [isBorne, setIsBorne] = (0, $dWhh5$react.useState)((0, $0b4f07c0f09dbbcf$export$a8576d98c9c928de).includes(currentDeviceType));
|
|
2800
|
-
const isMobileLandscape = (0, $dWhh5$react.useMemo)(()=>{
|
|
2801
|
-
if (currentDeviceType === (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).mobile && currentHeight < currentWidth) return true;
|
|
2802
|
-
return false;
|
|
2803
|
-
}, [
|
|
2804
|
-
currentHeight,
|
|
2805
|
-
currentWidth,
|
|
2806
|
-
currentDeviceType
|
|
2807
|
-
]);
|
|
2808
|
-
const [displayControls, setDisplayControls] = (0, $dWhh5$react.useState)(true);
|
|
2809
|
-
const [showHomeAttachments, setShowHomeAttachments] = (0, $dWhh5$react.useState)(undefined);
|
|
2810
|
-
const value = (0, $dWhh5$react.useMemo)(()=>({
|
|
2811
|
-
configurations: viewsConfiguration,
|
|
2812
|
-
route: route,
|
|
2813
|
-
currentDeviceType: currentDeviceType,
|
|
2814
|
-
currentHeight: currentHeight,
|
|
2815
|
-
currentWidth: currentWidth,
|
|
2816
|
-
themeColors: themeColors,
|
|
2817
|
-
isTactile: isTactile,
|
|
2818
|
-
isMobile: isMobile,
|
|
2819
|
-
isWidget: isWidget,
|
|
2820
|
-
isLandscape: isLandscape,
|
|
2821
|
-
isBorne: isBorne,
|
|
2822
|
-
isMobileLandscape: isMobileLandscape,
|
|
2823
|
-
displayControls: displayControls,
|
|
2824
|
-
showHomeAttachments: showHomeAttachments,
|
|
2825
|
-
mediumLandscape: mediumLandscape,
|
|
2826
|
-
setRoute: setRoute,
|
|
2827
|
-
setCurrentDeviceType: setCurrentDeviceType,
|
|
2828
|
-
setCurrentHeight: setCurrentHeight,
|
|
2829
|
-
setCurrentWidth: setCurrentWidth,
|
|
2830
|
-
setDisplayControls: setDisplayControls,
|
|
2831
|
-
setShowHomeAttachments: setShowHomeAttachments
|
|
2832
|
-
}), [
|
|
2833
|
-
viewsConfiguration,
|
|
2834
|
-
route,
|
|
2835
|
-
currentDeviceType,
|
|
2836
|
-
currentHeight,
|
|
2837
|
-
currentWidth,
|
|
2838
|
-
themeColors,
|
|
2839
|
-
isTactile,
|
|
2840
|
-
isMobile,
|
|
2841
|
-
isWidget,
|
|
2842
|
-
isLandscape,
|
|
2843
|
-
isBorne,
|
|
2844
|
-
isMobileLandscape,
|
|
2845
|
-
displayControls,
|
|
2846
|
-
showHomeAttachments,
|
|
2847
|
-
mediumLandscape,
|
|
2848
|
-
setRoute,
|
|
2849
|
-
setCurrentDeviceType,
|
|
2850
|
-
setCurrentHeight,
|
|
2851
|
-
setCurrentWidth,
|
|
2852
|
-
setDisplayControls,
|
|
2853
|
-
setShowHomeAttachments
|
|
2854
|
-
]);
|
|
2855
|
-
(0, $dWhh5$react.useEffect)(()=>{
|
|
2856
|
-
setIsMobile((0, $0b4f07c0f09dbbcf$export$78f16669b353a880).includes(currentDeviceType));
|
|
2857
|
-
setIsWidget((0, $0b4f07c0f09dbbcf$export$909f4c209eb70365).includes(currentDeviceType));
|
|
2858
|
-
setIsLandscape((0, $0b4f07c0f09dbbcf$export$baf53ca377ebf861).includes(currentDeviceType));
|
|
2859
|
-
setIsBorne((0, $0b4f07c0f09dbbcf$export$a8576d98c9c928de).includes(currentDeviceType));
|
|
2860
|
-
}, [
|
|
2861
|
-
currentDeviceType
|
|
2862
|
-
]);
|
|
2863
|
-
(0, $dWhh5$react.useEffect)(()=>{
|
|
2864
|
-
setIsTactile("ontouchstart" in window || navigator.maxTouchPoints > 0);
|
|
2865
|
-
}, []);
|
|
2866
|
-
(0, $dWhh5$react.useEffect)(()=>{
|
|
2867
|
-
!showHomeAttachments && (0, $5f7f457957bd2c8d$export$babd960d95248836)(undefined);
|
|
2868
|
-
}, [
|
|
2869
|
-
showHomeAttachments
|
|
2870
|
-
]);
|
|
2871
|
-
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
|
|
2872
|
-
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)($6acc5d637072b42e$export$c3ad42ebfc49b96d.Provider, {
|
|
2873
|
-
value: value,
|
|
2874
|
-
children: children
|
|
2875
|
-
})
|
|
2876
|
-
});
|
|
2877
|
-
}
|
|
2878
|
-
|
|
2879
|
-
|
|
2880
|
-
const $df401eb9a10f9e0e$var$SpeechContextDefaultValues = {
|
|
2881
|
-
// Common data
|
|
2882
|
-
ponyfillCredentials: {
|
|
2883
|
-
region: "francecentral",
|
|
2884
|
-
subscriptionKey: ""
|
|
2885
|
-
},
|
|
2886
|
-
// Speech synthesis data
|
|
2887
|
-
voice: null,
|
|
2888
|
-
customVoice: undefined,
|
|
2889
|
-
setVoice: ()=>{},
|
|
2890
|
-
// Speech recognition data
|
|
2891
|
-
useContinuousRecognition: true,
|
|
2892
|
-
setUseContinuousRecognition: ()=>{}
|
|
2893
|
-
};
|
|
2894
|
-
const $df401eb9a10f9e0e$export$11ed12a49459a250 = /*#__PURE__*/ (0, $dWhh5$react.createContext)($df401eb9a10f9e0e$var$SpeechContextDefaultValues);
|
|
2895
|
-
function $df401eb9a10f9e0e$export$57e792e009c800a0() {
|
|
2896
|
-
return (0, $dWhh5$react.useContext)($df401eb9a10f9e0e$export$11ed12a49459a250);
|
|
2897
|
-
}
|
|
2898
|
-
function $df401eb9a10f9e0e$export$c3549adc483a11c2({ ponyfillFactoryCredentials: ponyfillFactoryCredentials, customVoice: customVoice, children: children }) {
|
|
2899
|
-
const { configuration: { speechRecognitionOptions: speechRecognitionOptions } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
2900
|
-
const { currentDeviceType: currentDeviceType } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
2901
|
-
const checkContinuousSpeechRecognition = ()=>{
|
|
2902
|
-
if (speechRecognitionOptions === null || speechRecognitionOptions === void 0 ? void 0 : speechRecognitionOptions.enableContinuousRecognitionOnAllDevices) return true;
|
|
2903
|
-
if (speechRecognitionOptions === null || speechRecognitionOptions === void 0 ? void 0 : speechRecognitionOptions.enableContinuousRecognitionOn) switch(currentDeviceType){
|
|
2904
|
-
case (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).mobile:
|
|
2905
|
-
return !!speechRecognitionOptions.enableContinuousRecognitionOn.mobile;
|
|
2906
|
-
case (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).widget:
|
|
2907
|
-
return !!speechRecognitionOptions.enableContinuousRecognitionOn.widget;
|
|
2908
|
-
case (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).landscape:
|
|
2909
|
-
return !!speechRecognitionOptions.enableContinuousRecognitionOn.desktop;
|
|
2910
|
-
case (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).borne:
|
|
2911
|
-
return !!speechRecognitionOptions.enableContinuousRecognitionOn.borne;
|
|
2912
|
-
default:
|
|
2913
|
-
return false;
|
|
2914
|
-
}
|
|
2915
|
-
return false;
|
|
2916
|
-
};
|
|
2917
|
-
const [voice, setVoice] = (0, $dWhh5$react.useState)(null);
|
|
2918
|
-
const [useContinuousRecognition, setUseContinuousRecognition] = (0, $dWhh5$react.useState)(checkContinuousSpeechRecognition());
|
|
2919
|
-
const value = (0, $dWhh5$react.useMemo)(()=>({
|
|
2920
|
-
ponyfillCredentials: ponyfillFactoryCredentials,
|
|
2921
|
-
voice: voice,
|
|
2922
|
-
customVoice: customVoice,
|
|
2923
|
-
setVoice: setVoice,
|
|
2924
|
-
useContinuousRecognition: useContinuousRecognition,
|
|
2925
|
-
setUseContinuousRecognition: setUseContinuousRecognition
|
|
2926
|
-
}), [
|
|
2927
|
-
ponyfillFactoryCredentials,
|
|
2928
|
-
voice,
|
|
2929
|
-
customVoice,
|
|
2930
|
-
setVoice,
|
|
2931
|
-
useContinuousRecognition,
|
|
2932
|
-
setUseContinuousRecognition
|
|
2933
|
-
]);
|
|
2934
|
-
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
|
|
2935
|
-
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)($df401eb9a10f9e0e$export$11ed12a49459a250.Provider, {
|
|
2936
|
-
value: value,
|
|
2937
|
-
children: children
|
|
2938
|
-
})
|
|
2939
|
-
});
|
|
2940
|
-
}
|
|
2941
|
-
|
|
2942
|
-
|
|
2943
|
-
|
|
2944
|
-
|
|
2945
|
-
|
|
2946
|
-
const $c1fa2cf808900aaf$var$color = "#00D7FF";
|
|
2947
|
-
const $c1fa2cf808900aaf$var$white = "#F7F3F6";
|
|
2948
|
-
const $c1fa2cf808900aaf$export$d30af3ec38729f1 = {
|
|
2949
|
-
hostCapabilities: {
|
|
2950
|
-
capabilities: null
|
|
2951
|
-
},
|
|
2952
|
-
choiceSetInputValueSeparator: ",",
|
|
2953
|
-
supportsInteractivity: true,
|
|
2954
|
-
fontTypes: {
|
|
2955
|
-
default: {
|
|
2956
|
-
fontFamily: '"Helvetica Neue", sans-serif',
|
|
2957
|
-
fontSizes: {
|
|
2958
|
-
small: 12,
|
|
2959
|
-
default: 16,
|
|
2960
|
-
medium: 20,
|
|
2961
|
-
large: 26,
|
|
2962
|
-
extraLarge: 33
|
|
2963
|
-
},
|
|
2964
|
-
fontWeights: {
|
|
2965
|
-
lighter: 200,
|
|
2966
|
-
default: 300,
|
|
2967
|
-
bolder: 400
|
|
2968
|
-
}
|
|
2969
|
-
},
|
|
2970
|
-
monospace: {
|
|
2971
|
-
fontFamily: '"Helvetica Neue", sans-serif',
|
|
2972
|
-
fontSizes: {
|
|
2973
|
-
small: 12,
|
|
2974
|
-
default: 16,
|
|
2975
|
-
medium: 20,
|
|
2976
|
-
large: 26,
|
|
2977
|
-
extraLarge: 33
|
|
2978
|
-
},
|
|
2979
|
-
fontWeights: {
|
|
2980
|
-
lighter: 200,
|
|
2981
|
-
default: 300,
|
|
2982
|
-
bolder: 400
|
|
2983
|
-
}
|
|
2984
|
-
}
|
|
2985
|
-
},
|
|
2986
|
-
spacing: {
|
|
2987
|
-
small: 8,
|
|
2988
|
-
default: 16,
|
|
2989
|
-
medium: 20,
|
|
2990
|
-
large: 30,
|
|
2991
|
-
extraLarge: 40,
|
|
2992
|
-
padding: 25
|
|
2993
|
-
},
|
|
2994
|
-
separator: {
|
|
2995
|
-
lineThickness: 1,
|
|
2996
|
-
lineColor: "transparent"
|
|
2997
|
-
},
|
|
2998
|
-
imageSizes: {
|
|
2999
|
-
small: 40,
|
|
3000
|
-
medium: 100,
|
|
3001
|
-
large: 160
|
|
3002
|
-
},
|
|
3003
|
-
containerStyles: {
|
|
3004
|
-
default: {
|
|
3005
|
-
foregroundColors: {
|
|
3006
|
-
default: {
|
|
3007
|
-
default: `${$c1fa2cf808900aaf$var$white}`,
|
|
3008
|
-
subtle: `${$c1fa2cf808900aaf$var$color}`,
|
|
3009
|
-
highlightColors: {
|
|
3010
|
-
default: `${$c1fa2cf808900aaf$var$color}`,
|
|
3011
|
-
subtle: "#11000000"
|
|
3012
|
-
}
|
|
3013
|
-
},
|
|
3014
|
-
dark: {
|
|
3015
|
-
default: "#000000",
|
|
3016
|
-
subtle: "#66000000",
|
|
3017
|
-
highlightColors: {
|
|
3018
|
-
default: "#22000000",
|
|
3019
|
-
subtle: "#11000000"
|
|
3020
|
-
}
|
|
3021
|
-
},
|
|
3022
|
-
light: {
|
|
3023
|
-
default: "#FFFFFF",
|
|
3024
|
-
subtle: "#33000000",
|
|
3025
|
-
highlightColors: {
|
|
3026
|
-
default: "#22000000",
|
|
3027
|
-
subtle: "#11000000"
|
|
3028
|
-
}
|
|
3029
|
-
},
|
|
3030
|
-
accent: {
|
|
3031
|
-
default: "#0063B1",
|
|
3032
|
-
subtle: "#0063B1",
|
|
3033
|
-
highlightColors: {
|
|
3034
|
-
default: "#22000000",
|
|
3035
|
-
subtle: "#11000000"
|
|
3036
|
-
}
|
|
3037
|
-
},
|
|
3038
|
-
good: {
|
|
3039
|
-
default: "#54a254",
|
|
3040
|
-
subtle: "#DD54a254",
|
|
3041
|
-
highlightColors: {
|
|
3042
|
-
default: "#22000000",
|
|
3043
|
-
subtle: "#11000000"
|
|
3044
|
-
}
|
|
3045
|
-
},
|
|
3046
|
-
warning: {
|
|
3047
|
-
default: "#c3ab23",
|
|
3048
|
-
subtle: "#DDc3ab23",
|
|
3049
|
-
highlightColors: {
|
|
3050
|
-
default: "#22000000",
|
|
3051
|
-
subtle: "#11000000"
|
|
3052
|
-
}
|
|
3053
|
-
},
|
|
3054
|
-
attention: {
|
|
3055
|
-
default: "#FF0000",
|
|
3056
|
-
subtle: "#DDFF0000",
|
|
3057
|
-
highlightColors: {
|
|
3058
|
-
default: "#22000000",
|
|
3059
|
-
subtle: "#11000000"
|
|
3060
|
-
}
|
|
3061
|
-
}
|
|
3062
|
-
},
|
|
3063
|
-
backgroundColor: "transparent"
|
|
2668
|
+
backgroundColor: "transparent"
|
|
3064
2669
|
},
|
|
3065
2670
|
emphasis: {
|
|
3066
2671
|
foregroundColors: {
|
|
@@ -3442,11 +3047,373 @@ const $f2abbd255e7a16c8$var$Radio = ({ className: className, title: title, handl
|
|
|
3442
3047
|
]
|
|
3443
3048
|
});
|
|
3444
3049
|
};
|
|
3445
|
-
var $f2abbd255e7a16c8$export$2e2bcd8739ae039 = $f2abbd255e7a16c8$var$Radio;
|
|
3050
|
+
var $f2abbd255e7a16c8$export$2e2bcd8739ae039 = $f2abbd255e7a16c8$var$Radio;
|
|
3051
|
+
|
|
3052
|
+
|
|
3053
|
+
|
|
3054
|
+
/* eslint-disable react/self-closing-comp */
|
|
3055
|
+
|
|
3056
|
+
|
|
3057
|
+
|
|
3058
|
+
|
|
3059
|
+
const $04a533cfb295ca20$export$4aebf65ed07cf17b = {
|
|
3060
|
+
rgb: "rgb(112, 112, 112)"
|
|
3061
|
+
};
|
|
3062
|
+
const $04a533cfb295ca20$export$d80fe84b82195dbd = {
|
|
3063
|
+
...(0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb),
|
|
3064
|
+
companyName: "#000",
|
|
3065
|
+
loader: {
|
|
3066
|
+
animation: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3067
|
+
background: "rgba(18,18,18,0.7)",
|
|
3068
|
+
text: "#FFF",
|
|
3069
|
+
toggle: {
|
|
3070
|
+
text: "#000",
|
|
3071
|
+
background: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary
|
|
3072
|
+
},
|
|
3073
|
+
button: {
|
|
3074
|
+
background: {
|
|
3075
|
+
default: "transparent",
|
|
3076
|
+
hover: "transparent"
|
|
3077
|
+
},
|
|
3078
|
+
border: {
|
|
3079
|
+
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3080
|
+
hover: "#FFF"
|
|
3081
|
+
},
|
|
3082
|
+
text: {
|
|
3083
|
+
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3084
|
+
hover: "#FFF"
|
|
3085
|
+
}
|
|
3086
|
+
}
|
|
3087
|
+
},
|
|
3088
|
+
card: {
|
|
3089
|
+
frame: {
|
|
3090
|
+
background: "#2B2B2B",
|
|
3091
|
+
border: "transparent",
|
|
3092
|
+
text: "#F7F3F6"
|
|
3093
|
+
},
|
|
3094
|
+
button: {
|
|
3095
|
+
background: {
|
|
3096
|
+
default: "transparent",
|
|
3097
|
+
hover: "transparent"
|
|
3098
|
+
},
|
|
3099
|
+
border: {
|
|
3100
|
+
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3101
|
+
hover: "#FFF"
|
|
3102
|
+
},
|
|
3103
|
+
text: {
|
|
3104
|
+
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3105
|
+
hover: "#FFF"
|
|
3106
|
+
}
|
|
3107
|
+
},
|
|
3108
|
+
discoverButton: {
|
|
3109
|
+
background: {
|
|
3110
|
+
default: "#eaebf0",
|
|
3111
|
+
hover: "transparent"
|
|
3112
|
+
},
|
|
3113
|
+
border: {
|
|
3114
|
+
default: "transparent",
|
|
3115
|
+
hover: "#FFF"
|
|
3116
|
+
},
|
|
3117
|
+
text: {
|
|
3118
|
+
default: "#575F6B",
|
|
3119
|
+
hover: "#FFF"
|
|
3120
|
+
}
|
|
3121
|
+
}
|
|
3122
|
+
},
|
|
3123
|
+
textMode: {
|
|
3124
|
+
panel: {
|
|
3125
|
+
background: "rgba(255, 255, 255, 0.9)",
|
|
3126
|
+
border: "transparent",
|
|
3127
|
+
conversationUser: "#101219",
|
|
3128
|
+
conversationBot: "#1999B1"
|
|
3129
|
+
}
|
|
3130
|
+
},
|
|
3131
|
+
vocalMode: {
|
|
3132
|
+
subtitles: {
|
|
3133
|
+
text: "#FFF",
|
|
3134
|
+
background: "#000"
|
|
3135
|
+
}
|
|
3136
|
+
},
|
|
3137
|
+
formInput: {
|
|
3138
|
+
text: {
|
|
3139
|
+
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).secondary,
|
|
3140
|
+
hover: "#FFF"
|
|
3141
|
+
},
|
|
3142
|
+
inputRadioCheckbox: {
|
|
3143
|
+
unchecked: {
|
|
3144
|
+
background: "#434141",
|
|
3145
|
+
border: "#818181"
|
|
3146
|
+
},
|
|
3147
|
+
checked: {
|
|
3148
|
+
background: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3149
|
+
border: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3150
|
+
item: "#000"
|
|
3151
|
+
}
|
|
3152
|
+
},
|
|
3153
|
+
inputButton: {
|
|
3154
|
+
background: {
|
|
3155
|
+
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).black,
|
|
3156
|
+
hover: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary
|
|
3157
|
+
},
|
|
3158
|
+
border: {
|
|
3159
|
+
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3160
|
+
hover: "#FFF"
|
|
3161
|
+
},
|
|
3162
|
+
text: {
|
|
3163
|
+
default: "#FFF",
|
|
3164
|
+
hover: "#FFF"
|
|
3165
|
+
}
|
|
3166
|
+
},
|
|
3167
|
+
likert: {
|
|
3168
|
+
default: "transparent",
|
|
3169
|
+
hover: "#E8B712"
|
|
3170
|
+
}
|
|
3171
|
+
}
|
|
3172
|
+
};
|
|
3173
|
+
const $04a533cfb295ca20$export$1196b7bf97f3d16c = {
|
|
3174
|
+
...(0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb),
|
|
3175
|
+
companyName: "#000",
|
|
3176
|
+
loader: {
|
|
3177
|
+
animation: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3178
|
+
background: "rgba(18,18,18,0.7)",
|
|
3179
|
+
text: "#FFF",
|
|
3180
|
+
toggle: {
|
|
3181
|
+
text: "#000",
|
|
3182
|
+
background: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary
|
|
3183
|
+
},
|
|
3184
|
+
button: {
|
|
3185
|
+
background: {
|
|
3186
|
+
default: "transparent",
|
|
3187
|
+
hover: "transparent"
|
|
3188
|
+
},
|
|
3189
|
+
border: {
|
|
3190
|
+
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3191
|
+
hover: "#FFF"
|
|
3192
|
+
},
|
|
3193
|
+
text: {
|
|
3194
|
+
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3195
|
+
hover: "#FFF"
|
|
3196
|
+
}
|
|
3197
|
+
}
|
|
3198
|
+
},
|
|
3199
|
+
card: {
|
|
3200
|
+
frame: {
|
|
3201
|
+
background: "#2B2B2B",
|
|
3202
|
+
border: "transparent",
|
|
3203
|
+
text: "#F7F3F6"
|
|
3204
|
+
},
|
|
3205
|
+
button: {
|
|
3206
|
+
background: {
|
|
3207
|
+
default: "transparent",
|
|
3208
|
+
hover: "transparent"
|
|
3209
|
+
},
|
|
3210
|
+
border: {
|
|
3211
|
+
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3212
|
+
hover: "#FFF"
|
|
3213
|
+
},
|
|
3214
|
+
text: {
|
|
3215
|
+
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3216
|
+
hover: "#FFF"
|
|
3217
|
+
}
|
|
3218
|
+
},
|
|
3219
|
+
discoverButton: {
|
|
3220
|
+
background: {
|
|
3221
|
+
default: "#eaebf0",
|
|
3222
|
+
hover: "transparent"
|
|
3223
|
+
},
|
|
3224
|
+
border: {
|
|
3225
|
+
default: "transparent",
|
|
3226
|
+
hover: "#FFF"
|
|
3227
|
+
},
|
|
3228
|
+
text: {
|
|
3229
|
+
default: "#575F6B",
|
|
3230
|
+
hover: "#FFF"
|
|
3231
|
+
}
|
|
3232
|
+
}
|
|
3233
|
+
},
|
|
3234
|
+
textMode: {
|
|
3235
|
+
panel: {
|
|
3236
|
+
background: "rgba(255, 255, 255, 0.9)",
|
|
3237
|
+
border: "transparent",
|
|
3238
|
+
conversationUser: "#101219",
|
|
3239
|
+
conversationBot: "#1999B1"
|
|
3240
|
+
}
|
|
3241
|
+
},
|
|
3242
|
+
vocalMode: {
|
|
3243
|
+
subtitles: {
|
|
3244
|
+
text: "#FFF",
|
|
3245
|
+
background: "#000"
|
|
3246
|
+
}
|
|
3247
|
+
},
|
|
3248
|
+
formInput: {
|
|
3249
|
+
text: {
|
|
3250
|
+
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).secondary,
|
|
3251
|
+
hover: "#FFF"
|
|
3252
|
+
},
|
|
3253
|
+
inputRadioCheckbox: {
|
|
3254
|
+
unchecked: {
|
|
3255
|
+
background: "#434141",
|
|
3256
|
+
border: "#818181"
|
|
3257
|
+
},
|
|
3258
|
+
checked: {
|
|
3259
|
+
background: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3260
|
+
border: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3261
|
+
item: "#000"
|
|
3262
|
+
}
|
|
3263
|
+
},
|
|
3264
|
+
inputButton: {
|
|
3265
|
+
background: {
|
|
3266
|
+
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).black,
|
|
3267
|
+
hover: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary
|
|
3268
|
+
},
|
|
3269
|
+
border: {
|
|
3270
|
+
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3271
|
+
hover: "#FFF"
|
|
3272
|
+
},
|
|
3273
|
+
text: {
|
|
3274
|
+
default: "#FFF",
|
|
3275
|
+
hover: "#FFF"
|
|
3276
|
+
}
|
|
3277
|
+
},
|
|
3278
|
+
likert: {
|
|
3279
|
+
default: "transparent",
|
|
3280
|
+
hover: "#E8B712"
|
|
3281
|
+
}
|
|
3282
|
+
}
|
|
3283
|
+
};
|
|
3284
|
+
|
|
3285
|
+
|
|
3286
|
+
|
|
3287
|
+
|
|
3288
|
+
|
|
3289
|
+
|
|
3290
|
+
|
|
3291
|
+
|
|
3292
|
+
const $30fe6c40d8e8a888$var$initialState = {
|
|
3293
|
+
currentDeviceType: (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).mobile,
|
|
3294
|
+
isMobile: false,
|
|
3295
|
+
isWidget: false,
|
|
3296
|
+
isLandscape: true,
|
|
3297
|
+
isBorne: false
|
|
3298
|
+
};
|
|
3299
|
+
const $30fe6c40d8e8a888$export$d13b2577cb75f2ad = (0, $dWhh5$zustand.create)()(()=>{
|
|
3300
|
+
return $30fe6c40d8e8a888$var$initialState;
|
|
3301
|
+
});
|
|
3302
|
+
const $30fe6c40d8e8a888$export$1ae69652bfc21d9e = (value)=>{
|
|
3303
|
+
$30fe6c40d8e8a888$export$d13b2577cb75f2ad.setState({
|
|
3304
|
+
currentDeviceType: value,
|
|
3305
|
+
isMobile: (0, $0b4f07c0f09dbbcf$export$78f16669b353a880).includes(value),
|
|
3306
|
+
isWidget: (0, $0b4f07c0f09dbbcf$export$909f4c209eb70365).includes(value),
|
|
3307
|
+
isLandscape: (0, $0b4f07c0f09dbbcf$export$baf53ca377ebf861).includes(value),
|
|
3308
|
+
isBorne: (0, $0b4f07c0f09dbbcf$export$a8576d98c9c928de).includes(value)
|
|
3309
|
+
});
|
|
3310
|
+
};
|
|
3446
3311
|
|
|
3447
3312
|
|
|
3313
|
+
const $6acc5d637072b42e$var$defaultConfiguration = {
|
|
3314
|
+
homeRoute: "home",
|
|
3315
|
+
views: {
|
|
3316
|
+
home: {
|
|
3317
|
+
background: {
|
|
3318
|
+
image: "",
|
|
3319
|
+
style: "image"
|
|
3320
|
+
}
|
|
3321
|
+
}
|
|
3322
|
+
}
|
|
3323
|
+
};
|
|
3324
|
+
const $6acc5d637072b42e$var$ViewContextDefaultValues = {
|
|
3325
|
+
configurations: $6acc5d637072b42e$var$defaultConfiguration,
|
|
3326
|
+
route: (0, $71c613e2e831c34c$export$3565eb3d00ca5a74).Home,
|
|
3327
|
+
currentHeight: 1080,
|
|
3328
|
+
currentWidth: 1920,
|
|
3329
|
+
themeColors: (0, $04a533cfb295ca20$export$d80fe84b82195dbd),
|
|
3330
|
+
isTactile: false,
|
|
3331
|
+
isMobileLandscape: false,
|
|
3332
|
+
displayControls: true,
|
|
3333
|
+
showHomeAttachments: undefined,
|
|
3334
|
+
mediumLandscape: false,
|
|
3335
|
+
setRoute: ()=>{},
|
|
3336
|
+
setCurrentHeight: ()=>{},
|
|
3337
|
+
setCurrentWidth: ()=>{},
|
|
3338
|
+
setDisplayControls: ()=>{},
|
|
3339
|
+
setShowHomeAttachments: ()=>{}
|
|
3340
|
+
};
|
|
3341
|
+
const $6acc5d637072b42e$export$c3ad42ebfc49b96d = /*#__PURE__*/ (0, $dWhh5$react.createContext)($6acc5d637072b42e$var$ViewContextDefaultValues);
|
|
3342
|
+
function $6acc5d637072b42e$export$3abe3478af3cb63b() {
|
|
3343
|
+
return (0, $dWhh5$react.useContext)($6acc5d637072b42e$export$c3ad42ebfc49b96d);
|
|
3344
|
+
}
|
|
3345
|
+
function $6acc5d637072b42e$export$50e22524de02f5db({ viewsConfiguration: viewsConfiguration, themeColors: themeColors, children: children }) {
|
|
3346
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
3347
|
+
const [route, setRoute] = (0, $dWhh5$react.useState)(viewsConfiguration.homeRoute === "news" ? (0, $71c613e2e831c34c$export$3565eb3d00ca5a74).News : (0, $71c613e2e831c34c$export$3565eb3d00ca5a74).Home);
|
|
3348
|
+
const [currentHeight, setCurrentHeight] = (0, $dWhh5$react.useState)(0);
|
|
3349
|
+
const [currentWidth, setCurrentWidth] = (0, $dWhh5$react.useState)(0);
|
|
3350
|
+
const mediumLandscape = (0, $dWhh5$react.useMemo)(()=>{
|
|
3351
|
+
return currentWidth < (0, $0b4f07c0f09dbbcf$export$91e4bf93df95a062);
|
|
3352
|
+
}, [
|
|
3353
|
+
currentWidth
|
|
3354
|
+
]);
|
|
3355
|
+
const [isTactile, setIsTactile] = (0, $dWhh5$react.useState)(false);
|
|
3356
|
+
const isMobileLandscape = (0, $dWhh5$react.useMemo)(()=>{
|
|
3357
|
+
if (currentDeviceType === (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).mobile && currentHeight < currentWidth) return true;
|
|
3358
|
+
return false;
|
|
3359
|
+
}, [
|
|
3360
|
+
currentHeight,
|
|
3361
|
+
currentWidth,
|
|
3362
|
+
currentDeviceType
|
|
3363
|
+
]);
|
|
3364
|
+
const [displayControls, setDisplayControls] = (0, $dWhh5$react.useState)(true);
|
|
3365
|
+
const [showHomeAttachments, setShowHomeAttachments] = (0, $dWhh5$react.useState)(undefined);
|
|
3366
|
+
const value = (0, $dWhh5$react.useMemo)(()=>({
|
|
3367
|
+
configurations: viewsConfiguration,
|
|
3368
|
+
route: route,
|
|
3369
|
+
currentDeviceType: currentDeviceType,
|
|
3370
|
+
currentHeight: currentHeight,
|
|
3371
|
+
currentWidth: currentWidth,
|
|
3372
|
+
themeColors: themeColors,
|
|
3373
|
+
isTactile: isTactile,
|
|
3374
|
+
isMobileLandscape: isMobileLandscape,
|
|
3375
|
+
displayControls: displayControls,
|
|
3376
|
+
showHomeAttachments: showHomeAttachments,
|
|
3377
|
+
mediumLandscape: mediumLandscape,
|
|
3378
|
+
setRoute: setRoute,
|
|
3379
|
+
setCurrentHeight: setCurrentHeight,
|
|
3380
|
+
setCurrentWidth: setCurrentWidth,
|
|
3381
|
+
setDisplayControls: setDisplayControls,
|
|
3382
|
+
setShowHomeAttachments: setShowHomeAttachments
|
|
3383
|
+
}), [
|
|
3384
|
+
viewsConfiguration,
|
|
3385
|
+
route,
|
|
3386
|
+
currentDeviceType,
|
|
3387
|
+
currentHeight,
|
|
3388
|
+
currentWidth,
|
|
3389
|
+
themeColors,
|
|
3390
|
+
isTactile,
|
|
3391
|
+
isMobileLandscape,
|
|
3392
|
+
displayControls,
|
|
3393
|
+
showHomeAttachments,
|
|
3394
|
+
mediumLandscape,
|
|
3395
|
+
setRoute,
|
|
3396
|
+
setCurrentHeight,
|
|
3397
|
+
setCurrentWidth,
|
|
3398
|
+
setDisplayControls,
|
|
3399
|
+
setShowHomeAttachments
|
|
3400
|
+
]);
|
|
3401
|
+
(0, $dWhh5$react.useEffect)(()=>{
|
|
3402
|
+
setIsTactile("ontouchstart" in window || navigator.maxTouchPoints > 0);
|
|
3403
|
+
}, []);
|
|
3404
|
+
(0, $dWhh5$react.useEffect)(()=>{
|
|
3405
|
+
!showHomeAttachments && (0, $5f7f457957bd2c8d$export$babd960d95248836)(undefined);
|
|
3406
|
+
}, [
|
|
3407
|
+
showHomeAttachments
|
|
3408
|
+
]);
|
|
3409
|
+
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
|
|
3410
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)($6acc5d637072b42e$export$c3ad42ebfc49b96d.Provider, {
|
|
3411
|
+
value: value,
|
|
3412
|
+
children: children
|
|
3413
|
+
})
|
|
3414
|
+
});
|
|
3415
|
+
}
|
|
3448
3416
|
|
|
3449
|
-
/* eslint-disable react/self-closing-comp */
|
|
3450
3417
|
|
|
3451
3418
|
|
|
3452
3419
|
|
|
@@ -3783,7 +3750,8 @@ const { useSendMessage: $3f116974b9b94642$var$useSendMessage } = (0, $dWhh5$botf
|
|
|
3783
3750
|
const $3f116974b9b94642$var$SendTextBox = ({ className: className, withButton: withButton })=>{
|
|
3784
3751
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
3785
3752
|
const { setSendBoxRef: setSendBoxRef, canFocusSendBox: canFocusSendBox } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
3786
|
-
const
|
|
3753
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
3754
|
+
const { themeColors: themeColors } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
3787
3755
|
const sendMessage = $3f116974b9b94642$var$useSendMessage();
|
|
3788
3756
|
const [height, setHeight] = (0, $dWhh5$react.useState)();
|
|
3789
3757
|
const [message, setMessage] = (0, $dWhh5$react.useState)("");
|
|
@@ -3840,7 +3808,7 @@ const $3f116974b9b94642$var$SendTextBox = ({ className: className, withButton: w
|
|
|
3840
3808
|
children: [
|
|
3841
3809
|
/*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("textarea", {
|
|
3842
3810
|
ref: textareaRef,
|
|
3843
|
-
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"}`,
|
|
3811
|
+
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"}`,
|
|
3844
3812
|
value: message,
|
|
3845
3813
|
placeholder: translation.menu.message,
|
|
3846
3814
|
onKeyDown: (e)=>handleKeyDown(e),
|
|
@@ -4762,9 +4730,11 @@ var $3273a57f17b2299e$export$2e2bcd8739ae039 = $3273a57f17b2299e$var$DisplayFull
|
|
|
4762
4730
|
|
|
4763
4731
|
|
|
4764
4732
|
|
|
4733
|
+
|
|
4765
4734
|
const $e72567f3ecb45686$var$ImageAttachment = ({ url: url, title: title, alt: alt, isMiniature: isMiniature, height: height })=>{
|
|
4766
4735
|
const displaySubtitles = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.displaySubtitles);
|
|
4767
|
-
const
|
|
4736
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
4737
|
+
const { currentHeight: currentHeight } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
4768
4738
|
const [maxHeight, setMaxHeight] = (0, $dWhh5$react.useState)(0);
|
|
4769
4739
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
4770
4740
|
if (currentHeight && currentDeviceType) switch(currentDeviceType){
|
|
@@ -5315,20 +5285,58 @@ const $8bf13dd9aa8a9505$var$MultiLinkAttachment = ({ urlData: urlData, title: ti
|
|
|
5315
5285
|
var $8bf13dd9aa8a9505$export$2e2bcd8739ae039 = $8bf13dd9aa8a9505$var$MultiLinkAttachment;
|
|
5316
5286
|
|
|
5317
5287
|
|
|
5288
|
+
/* eslint-disable react/jsx-boolean-value */
|
|
5289
|
+
|
|
5290
|
+
|
|
5291
|
+
|
|
5318
5292
|
|
|
5319
5293
|
|
|
5320
5294
|
|
|
5321
5295
|
|
|
5322
5296
|
|
|
5297
|
+
|
|
5298
|
+
|
|
5299
|
+
const $acf3b62642941e13$var$Animation = ({ size: size })=>{
|
|
5300
|
+
const customClassName = (0, $dWhh5$react.useMemo)(()=>{
|
|
5301
|
+
switch(size){
|
|
5302
|
+
case (0, $71c613e2e831c34c$export$a2a634340dd7e3e3).small:
|
|
5303
|
+
return "rf-loader-mini rf-animate-loaderMini rf-h-2 -rf-top-2";
|
|
5304
|
+
case (0, $71c613e2e831c34c$export$a2a634340dd7e3e3).medium:
|
|
5305
|
+
return "rf-loader-medium rf-animate-loaderMedium rf-h-4 -rf-top-4";
|
|
5306
|
+
case (0, $71c613e2e831c34c$export$a2a634340dd7e3e3).large:
|
|
5307
|
+
default:
|
|
5308
|
+
return "rf-loader rf-animate-loader rf-h-6 -rf-top-6";
|
|
5309
|
+
}
|
|
5310
|
+
}, [
|
|
5311
|
+
size
|
|
5312
|
+
]);
|
|
5313
|
+
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
5314
|
+
className: `rf-relative ${customClassName} rf-rounded-half`
|
|
5315
|
+
});
|
|
5316
|
+
};
|
|
5317
|
+
var $acf3b62642941e13$export$2e2bcd8739ae039 = $acf3b62642941e13$var$Animation;
|
|
5318
|
+
|
|
5319
|
+
|
|
5320
|
+
|
|
5323
5321
|
const { useSendMessage: $fa95654c022435ea$var$useSendMessage } = (0, $dWhh5$botframeworkwebchatcomponent.hooks);
|
|
5324
5322
|
const $fa95654c022435ea$var$SuggestedActionAttachment = ({ title: title, actions: actions, history: history, height: height })=>{
|
|
5325
5323
|
const { locale: locale } = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)();
|
|
5324
|
+
const { themeColors: themeColors } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
5325
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
5326
|
+
const unlockClickedButton = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.unlockClickedButton);
|
|
5327
|
+
const [clicked, setClicked] = (0, $dWhh5$react.useState)(null);
|
|
5326
5328
|
const sendMessage = $fa95654c022435ea$var$useSendMessage();
|
|
5327
|
-
|
|
5328
|
-
|
|
5329
|
-
|
|
5330
|
-
|
|
5331
|
-
|
|
5329
|
+
const animationColor = {
|
|
5330
|
+
"--rf-color-loader-animation": themeColors.card.button.text.default
|
|
5331
|
+
};
|
|
5332
|
+
(0, $dWhh5$react.useEffect)(()=>{
|
|
5333
|
+
unlockClickedButton && setClicked(null);
|
|
5334
|
+
}, [
|
|
5335
|
+
unlockClickedButton
|
|
5336
|
+
]);
|
|
5337
|
+
const handleClick = (value, index)=>{
|
|
5338
|
+
(0, $70e3d65f5a106231$export$5d55805fc8a86c05)();
|
|
5339
|
+
setClicked(index);
|
|
5332
5340
|
sendMessage(value);
|
|
5333
5341
|
};
|
|
5334
5342
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
|
|
@@ -5345,9 +5353,20 @@ const $fa95654c022435ea$var$SuggestedActionAttachment = ({ title: title, actions
|
|
|
5345
5353
|
className: "rf-w-full rf-pt-4 rf-flex rf-flex-row rf-justify-center rf-items-center rf-gap-4 rf-flex-wrap",
|
|
5346
5354
|
children: actions.map((action, key)=>{
|
|
5347
5355
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("button", {
|
|
5348
|
-
className: "rf-card-button",
|
|
5349
|
-
onClick: history ? ()=>{} : ()=>handleClick(action.action),
|
|
5350
|
-
children:
|
|
5356
|
+
className: clicked === key ? "rf-card-button-clicked" : "rf-card-button",
|
|
5357
|
+
onClick: history ? ()=>{} : ()=>handleClick(action.action, key),
|
|
5358
|
+
children: clicked === key ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
5359
|
+
className: "rf-w-full rf-h-[1.25rem] large:rf-h-[1.3rem] rf-flex rf-justify-center rf-items-center",
|
|
5360
|
+
style: {
|
|
5361
|
+
...animationColor
|
|
5362
|
+
},
|
|
5363
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
5364
|
+
className: "rf-w-2 rf-h-2 large:rf-w-4 large:rf-h-4",
|
|
5365
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $acf3b62642941e13$export$2e2bcd8739ae039), {
|
|
5366
|
+
size: isMobile ? (0, $71c613e2e831c34c$export$a2a634340dd7e3e3).small : (0, $71c613e2e831c34c$export$a2a634340dd7e3e3).medium
|
|
5367
|
+
})
|
|
5368
|
+
})
|
|
5369
|
+
}) : action.title || "?"
|
|
5351
5370
|
}, key);
|
|
5352
5371
|
})
|
|
5353
5372
|
})
|
|
@@ -5365,6 +5384,8 @@ var $fa95654c022435ea$export$2e2bcd8739ae039 = $fa95654c022435ea$var$SuggestedAc
|
|
|
5365
5384
|
|
|
5366
5385
|
|
|
5367
5386
|
|
|
5387
|
+
|
|
5388
|
+
|
|
5368
5389
|
const $4ac41b21ea7b8cbb$var$SvgColorChanger = ({ svgUrl: svgUrl, fillColor: fillColor, height: height })=>{
|
|
5369
5390
|
const [modifiedSvg, setModifiedSvg] = (0, $dWhh5$react.useState)(null);
|
|
5370
5391
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
@@ -5399,44 +5420,64 @@ const $4ac41b21ea7b8cbb$var$SvgColorChanger = ({ svgUrl: svgUrl, fillColor: fill
|
|
|
5399
5420
|
var $4ac41b21ea7b8cbb$export$2e2bcd8739ae039 = $4ac41b21ea7b8cbb$var$SvgColorChanger;
|
|
5400
5421
|
|
|
5401
5422
|
|
|
5423
|
+
|
|
5424
|
+
|
|
5402
5425
|
const { useSendPostBack: $0425d21c89c76455$var$useSendPostBack } = (0, $dWhh5$botframeworkwebchatcomponent.hooks);
|
|
5403
5426
|
const $0425d21c89c76455$var$DiscoverAttachment = ({ title: title, mainButtons: mainButtons, recommandationButton: recommandationButton, history: history, height: height })=>{
|
|
5404
5427
|
const sendPostBack = $0425d21c89c76455$var$useSendPostBack();
|
|
5405
5428
|
const { locale: locale } = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)();
|
|
5429
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
5406
5430
|
const { themeColors: themeColors } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
5431
|
+
const unlockClickedButton = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.unlockClickedButton);
|
|
5407
5432
|
const displayLayout = (0, $dWhh5$react.useMemo)(()=>{
|
|
5408
5433
|
if (mainButtons && mainButtons.length > 1) return `rf-w-full rf-grid rf-grid-cols-${mainButtons.length} rf-gap-2 large:rf-gap-4`;
|
|
5409
5434
|
return "rf-w-1/2 rf-justify-self-center";
|
|
5410
5435
|
}, [
|
|
5411
5436
|
mainButtons
|
|
5412
5437
|
]);
|
|
5413
|
-
const
|
|
5414
|
-
|
|
5415
|
-
|
|
5416
|
-
|
|
5417
|
-
|
|
5418
|
-
|
|
5419
|
-
|
|
5420
|
-
|
|
5421
|
-
|
|
5422
|
-
|
|
5423
|
-
|
|
5424
|
-
|
|
5425
|
-
|
|
5426
|
-
|
|
5427
|
-
|
|
5428
|
-
|
|
5429
|
-
|
|
5430
|
-
}
|
|
5431
|
-
}
|
|
5432
|
-
|
|
5433
|
-
|
|
5434
|
-
|
|
5435
|
-
|
|
5436
|
-
|
|
5438
|
+
const [clicked, setClicked] = (0, $dWhh5$react.useState)(false);
|
|
5439
|
+
const [discoverClicked, setDiscoverClicked] = (0, $dWhh5$react.useState)(null);
|
|
5440
|
+
const animationColor = {
|
|
5441
|
+
"--rf-color-loader-animation": themeColors.card.button.text.default
|
|
5442
|
+
};
|
|
5443
|
+
const handleClick = (data, index)=>{
|
|
5444
|
+
if (discoverClicked === null || discoverClicked !== index) {
|
|
5445
|
+
(0, $70e3d65f5a106231$export$5d55805fc8a86c05)();
|
|
5446
|
+
let dataToSend = {};
|
|
5447
|
+
// @ts-ignore
|
|
5448
|
+
if (data.eventName) {
|
|
5449
|
+
const tempData = data;
|
|
5450
|
+
setClicked(true);
|
|
5451
|
+
dataToSend = {
|
|
5452
|
+
type: "event",
|
|
5453
|
+
name: tempData.eventName,
|
|
5454
|
+
recommendationId: tempData.recommendationId
|
|
5455
|
+
};
|
|
5456
|
+
} else if (index !== undefined) {
|
|
5457
|
+
setDiscoverClicked(index);
|
|
5458
|
+
const tempData = data;
|
|
5459
|
+
dataToSend = {
|
|
5460
|
+
type: "event",
|
|
5461
|
+
name: tempData.EventName,
|
|
5462
|
+
value: {
|
|
5463
|
+
filterId: tempData.FilterId,
|
|
5464
|
+
filterValue: tempData.FilterValue,
|
|
5465
|
+
followingCardText: tempData.FollowingCardText,
|
|
5466
|
+
identifier: tempData.Identifier
|
|
5467
|
+
}
|
|
5468
|
+
};
|
|
5469
|
+
}
|
|
5470
|
+
sendPostBack(dataToSend);
|
|
5437
5471
|
}
|
|
5438
|
-
sendPostBack(dataToSend);
|
|
5439
5472
|
};
|
|
5473
|
+
(0, $dWhh5$react.useEffect)(()=>{
|
|
5474
|
+
if (unlockClickedButton) {
|
|
5475
|
+
setClicked(false);
|
|
5476
|
+
setDiscoverClicked(null);
|
|
5477
|
+
}
|
|
5478
|
+
}, [
|
|
5479
|
+
unlockClickedButton
|
|
5480
|
+
]);
|
|
5440
5481
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
|
|
5441
5482
|
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"} `,
|
|
5442
5483
|
style: {
|
|
@@ -5457,36 +5498,60 @@ const $0425d21c89c76455$var$DiscoverAttachment = ({ title: title, mainButtons: m
|
|
|
5457
5498
|
else if (button.EventName.indexOf("LodgingBusinesses") > -1) colorButtonHandle = themeColors.whereToSleepColor;
|
|
5458
5499
|
else if (button.EventName.indexOf("TouristDestinations") > -1) colorButtonHandle = themeColors.tobeSeenColor;
|
|
5459
5500
|
else if (button.EventName.indexOf("Event") > -1) colorButtonHandle = themeColors.agendaColor;
|
|
5460
|
-
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.
|
|
5501
|
+
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
5461
5502
|
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",
|
|
5462
|
-
onClick: ()=>handleClick(button),
|
|
5503
|
+
onClick: ()=>handleClick(button, i),
|
|
5463
5504
|
style: {
|
|
5464
5505
|
boxShadow: "0px 0px 13px #0000009c"
|
|
5465
5506
|
},
|
|
5466
|
-
children:
|
|
5467
|
-
|
|
5468
|
-
|
|
5469
|
-
|
|
5470
|
-
|
|
5471
|
-
|
|
5472
|
-
|
|
5473
|
-
|
|
5474
|
-
|
|
5475
|
-
|
|
5476
|
-
}
|
|
5477
|
-
}),
|
|
5478
|
-
/*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("p", {
|
|
5479
|
-
className: "rf-h-full rf-flex rf-items-center rf-text-center rf-uppercase rf-font-bold large:rf-text-basecustom rf-text-xsl",
|
|
5480
|
-
children: button.Text
|
|
5507
|
+
children: discoverClicked === i ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
5508
|
+
className: "rf-w-full rf-h-full rf-flex rf-justify-center rf-items-center",
|
|
5509
|
+
style: {
|
|
5510
|
+
...animationColor
|
|
5511
|
+
},
|
|
5512
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
5513
|
+
className: "rf-w-4 rf-h-4 large:rf-w-6 large:rf-h-6",
|
|
5514
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $acf3b62642941e13$export$2e2bcd8739ae039), {
|
|
5515
|
+
size: isMobile ? (0, $71c613e2e831c34c$export$a2a634340dd7e3e3).medium : (0, $71c613e2e831c34c$export$a2a634340dd7e3e3).large
|
|
5516
|
+
})
|
|
5481
5517
|
})
|
|
5482
|
-
|
|
5518
|
+
}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
|
|
5519
|
+
children: [
|
|
5520
|
+
button.MediaUrl.indexOf("svg") > -1 && colorButtonHandle !== "" ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $4ac41b21ea7b8cbb$export$2e2bcd8739ae039), {
|
|
5521
|
+
svgUrl: button.MediaUrl,
|
|
5522
|
+
height: "50px",
|
|
5523
|
+
fillColor: colorButtonHandle
|
|
5524
|
+
}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("img", {
|
|
5525
|
+
src: button.MediaUrl,
|
|
5526
|
+
alt: button.Text,
|
|
5527
|
+
style: {
|
|
5528
|
+
height: "50px"
|
|
5529
|
+
}
|
|
5530
|
+
}),
|
|
5531
|
+
/*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("p", {
|
|
5532
|
+
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",
|
|
5533
|
+
children: button.Text
|
|
5534
|
+
})
|
|
5535
|
+
]
|
|
5536
|
+
})
|
|
5483
5537
|
}, i);
|
|
5484
5538
|
}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $dWhh5$reactjsxruntime.Fragment), {})
|
|
5485
5539
|
}),
|
|
5486
|
-
recommandationButton && mainButtons && mainButtons.length > 1 && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("
|
|
5487
|
-
className:
|
|
5540
|
+
recommandationButton && mainButtons && mainButtons.length > 1 && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
5541
|
+
className: `rf-mt-4 rf-font-bold ${clicked ? "rf-card-button-clicked" : "rf-card-button"} rf-text-center rf-capitalize-first`,
|
|
5488
5542
|
onClick: ()=>handleClick(recommandationButton),
|
|
5489
|
-
children:
|
|
5543
|
+
children: clicked ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
5544
|
+
className: "rf-w-full rf-h-[1.25rem] large:rf-h-[1.3rem] rf-flex rf-justify-center rf-items-center",
|
|
5545
|
+
style: {
|
|
5546
|
+
...animationColor
|
|
5547
|
+
},
|
|
5548
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
5549
|
+
className: "rf-w-4 rf-h-4 large:rf-w-6 large:rf-h-6",
|
|
5550
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $acf3b62642941e13$export$2e2bcd8739ae039), {
|
|
5551
|
+
size: isMobile ? (0, $71c613e2e831c34c$export$a2a634340dd7e3e3).medium : (0, $71c613e2e831c34c$export$a2a634340dd7e3e3).large
|
|
5552
|
+
})
|
|
5553
|
+
})
|
|
5554
|
+
}) : recommandationButton.text
|
|
5490
5555
|
})
|
|
5491
5556
|
]
|
|
5492
5557
|
});
|
|
@@ -5498,6 +5563,9 @@ var $0425d21c89c76455$export$2e2bcd8739ae039 = $0425d21c89c76455$var$DiscoverAtt
|
|
|
5498
5563
|
|
|
5499
5564
|
|
|
5500
5565
|
|
|
5566
|
+
/* eslint-disable react/jsx-boolean-value */
|
|
5567
|
+
|
|
5568
|
+
|
|
5501
5569
|
|
|
5502
5570
|
|
|
5503
5571
|
|
|
@@ -5506,11 +5574,23 @@ var $0425d21c89c76455$export$2e2bcd8739ae039 = $0425d21c89c76455$var$DiscoverAtt
|
|
|
5506
5574
|
const { useSendPostBack: $393a464021f33e39$var$useSendPostBack } = (0, $dWhh5$botframeworkwebchatcomponent.hooks);
|
|
5507
5575
|
const $393a464021f33e39$var$BorderlessButtonMessage = ({ text: text, differentTextTosend: differentTextTosend })=>{
|
|
5508
5576
|
const { themeColors: themeColors } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
5577
|
+
const unlockClickedButton = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.unlockClickedButton);
|
|
5509
5578
|
const [hover, setHover] = (0, $dWhh5$react.useState)(false);
|
|
5510
5579
|
const sendPostBack = $393a464021f33e39$var$useSendPostBack();
|
|
5580
|
+
const [clicked, setClicked] = (0, $dWhh5$react.useState)(false);
|
|
5581
|
+
const animationColor = {
|
|
5582
|
+
"--rf-color-loader-animation": themeColors.card.button.text.default
|
|
5583
|
+
};
|
|
5511
5584
|
const onClick = (text)=>{
|
|
5585
|
+
setClicked(true);
|
|
5586
|
+
(0, $70e3d65f5a106231$export$5d55805fc8a86c05)();
|
|
5512
5587
|
sendPostBack(text);
|
|
5513
5588
|
};
|
|
5589
|
+
(0, $dWhh5$react.useEffect)(()=>{
|
|
5590
|
+
unlockClickedButton && setClicked(false);
|
|
5591
|
+
}, [
|
|
5592
|
+
unlockClickedButton
|
|
5593
|
+
]);
|
|
5514
5594
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
5515
5595
|
className: "rf-w-full rf-flex rf-justify-start rf-cursor-pointer",
|
|
5516
5596
|
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
|
|
@@ -5522,7 +5602,18 @@ const $393a464021f33e39$var$BorderlessButtonMessage = ({ text: text, differentTe
|
|
|
5522
5602
|
onClick(differentTextTosend || text);
|
|
5523
5603
|
},
|
|
5524
5604
|
children: [
|
|
5525
|
-
/*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
5605
|
+
clicked ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
5606
|
+
className: "rf-h-6 rf-w-6 rf-flex rf-justify-center rf-items-center",
|
|
5607
|
+
style: {
|
|
5608
|
+
...animationColor
|
|
5609
|
+
},
|
|
5610
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
5611
|
+
className: "rf-w-2 rf-h-2",
|
|
5612
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $acf3b62642941e13$export$2e2bcd8739ae039), {
|
|
5613
|
+
size: (0, $71c613e2e831c34c$export$a2a634340dd7e3e3).small
|
|
5614
|
+
})
|
|
5615
|
+
})
|
|
5616
|
+
}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
5526
5617
|
className: `rf-h-6 rf-w-6 rf-rounded ${hover ? "rf-bg-cardButtonBackgroundHover" : "rf-bg-cardButtonBackgroundDefault"}`,
|
|
5527
5618
|
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $f698e857cd43c992$export$2e2bcd8739ae039), {
|
|
5528
5619
|
className: "rf-h-6 rf-p-1 rf-border rf-rounded rf-border-cardButtonBorderDefault",
|
|
@@ -8039,6 +8130,8 @@ $9fde42be66905cde$export$7f21b8f94f2ce32b.maxLabelProperty = new $dWhh5$adaptive
|
|
|
8039
8130
|
|
|
8040
8131
|
|
|
8041
8132
|
|
|
8133
|
+
/* eslint-disable react/jsx-boolean-value */
|
|
8134
|
+
|
|
8042
8135
|
|
|
8043
8136
|
|
|
8044
8137
|
|
|
@@ -8090,12 +8183,18 @@ const $ca0c07c153e8e8ae$var$ActionButton = ({ text: text, fullWidth: fullWidth,
|
|
|
8090
8183
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
8091
8184
|
const currentSubView = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.currentSubView);
|
|
8092
8185
|
const isUsedOnBorne = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.usingOnBorne);
|
|
8186
|
+
const unlockClickedButton = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.unlockClickedButton);
|
|
8093
8187
|
const enableDocumentPrinting = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.enableDocumentPrinting);
|
|
8188
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
8094
8189
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
8095
8190
|
const { themeColors: themeColors } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
8096
8191
|
const [style, setStyle] = (0, $dWhh5$react.useState)();
|
|
8192
|
+
const [clicked, setClicked] = (0, $dWhh5$react.useState)(false);
|
|
8097
8193
|
const [hover, setHover] = (0, $dWhh5$react.useState)(false);
|
|
8098
8194
|
const [qrCodeData, setQrCodeData] = (0, $dWhh5$react.useState)();
|
|
8195
|
+
const animationColor = {
|
|
8196
|
+
"--rf-color-loader-animation": themeColors.card.button.text.default
|
|
8197
|
+
};
|
|
8099
8198
|
const setQrCodeDataAsync = async ()=>{
|
|
8100
8199
|
if (urlToOpen) {
|
|
8101
8200
|
const qrCodeString = await (0, ($parcel$interopDefault($dWhh5$qrcode))).toDataURL(encodeURI(urlToOpen));
|
|
@@ -8108,6 +8207,11 @@ const $ca0c07c153e8e8ae$var$ActionButton = ({ text: text, fullWidth: fullWidth,
|
|
|
8108
8207
|
urlToOpen,
|
|
8109
8208
|
isUsedOnBorne
|
|
8110
8209
|
]);
|
|
8210
|
+
(0, $dWhh5$react.useEffect)(()=>{
|
|
8211
|
+
unlockClickedButton && setClicked(false);
|
|
8212
|
+
}, [
|
|
8213
|
+
unlockClickedButton
|
|
8214
|
+
]);
|
|
8111
8215
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
8112
8216
|
// Set width : full or fit
|
|
8113
8217
|
let temp = fullWidth ? "rf-w-full" : "rf-w-fit";
|
|
@@ -8132,16 +8236,18 @@ const $ca0c07c153e8e8ae$var$ActionButton = ({ text: text, fullWidth: fullWidth,
|
|
|
8132
8236
|
}));
|
|
8133
8237
|
};
|
|
8134
8238
|
const handleClick = ()=>{
|
|
8135
|
-
if (currentSubView !== (0, $71c613e2e831c34c$export$f05d0fed0593ead7).history) {
|
|
8136
|
-
|
|
8239
|
+
if (currentSubView !== (0, $71c613e2e831c34c$export$f05d0fed0593ead7).history && !clicked) {
|
|
8240
|
+
setClicked(true);
|
|
8241
|
+
setHover(false);
|
|
8242
|
+
(0, $70e3d65f5a106231$export$5d55805fc8a86c05)();
|
|
8137
8243
|
onClick();
|
|
8138
8244
|
}
|
|
8139
8245
|
};
|
|
8140
8246
|
const handleEnter = ()=>{
|
|
8141
|
-
if (currentSubView !== (0, $71c613e2e831c34c$export$f05d0fed0593ead7).history) setHover(true);
|
|
8247
|
+
if (currentSubView !== (0, $71c613e2e831c34c$export$f05d0fed0593ead7).history && !clicked) setHover(true);
|
|
8142
8248
|
};
|
|
8143
8249
|
const handleLeave = ()=>{
|
|
8144
|
-
if (currentSubView !== (0, $71c613e2e831c34c$export$f05d0fed0593ead7).history) setHover(false);
|
|
8250
|
+
if (currentSubView !== (0, $71c613e2e831c34c$export$f05d0fed0593ead7).history && !clicked) setHover(false);
|
|
8145
8251
|
};
|
|
8146
8252
|
return urlToOpen && isUsedOnBorne ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
|
|
8147
8253
|
className: "rf-w-full rf-flex rf-flex-col rf-justify-center rf-items-center rf-text-cardButtonTextDefault",
|
|
@@ -8193,7 +8299,18 @@ const $ca0c07c153e8e8ae$var$ActionButton = ({ text: text, fullWidth: fullWidth,
|
|
|
8193
8299
|
children: [
|
|
8194
8300
|
/*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
8195
8301
|
className: `rf-h-6 rf-w-6 rf-rounded ${hover ? "rf-bg-cardButtonBackgroundHover" : "rf-bg-cardButtonBackgroundDefault"}`,
|
|
8196
|
-
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)(
|
|
8302
|
+
children: clicked ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
8303
|
+
className: "rf-h-6 rf-w-6 rf-flex rf-justify-center rf-items-center",
|
|
8304
|
+
style: {
|
|
8305
|
+
...animationColor
|
|
8306
|
+
},
|
|
8307
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
8308
|
+
className: "rf-w-2 rf-h-2",
|
|
8309
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $acf3b62642941e13$export$2e2bcd8739ae039), {
|
|
8310
|
+
size: (0, $71c613e2e831c34c$export$a2a634340dd7e3e3).small
|
|
8311
|
+
})
|
|
8312
|
+
})
|
|
8313
|
+
}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $f698e857cd43c992$export$2e2bcd8739ae039), {
|
|
8197
8314
|
className: `rf-h-6 rf-p-1 rf-border rf-rounded ${hover ? "rf-border-cardButtonBorderHover" : "rf-border-cardButtonBorderDefault"}`,
|
|
8198
8315
|
color: hover ? themeColors.card.button.text.hover : themeColors.card.button.text.default
|
|
8199
8316
|
})
|
|
@@ -8204,9 +8321,20 @@ const $ca0c07c153e8e8ae$var$ActionButton = ({ text: text, fullWidth: fullWidth,
|
|
|
8204
8321
|
})
|
|
8205
8322
|
]
|
|
8206
8323
|
}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
8207
|
-
className: ` ${currentSubView !== (0, $71c613e2e831c34c$export$f05d0fed0593ead7).history ? "rf-card-button" : "rf-card-button-history"} rf-mt-2 ${fullWidth ? "rf-text-center" : "rf-text-left"} ${style}`,
|
|
8324
|
+
className: `rf-relative ${currentSubView !== (0, $71c613e2e831c34c$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}`,
|
|
8208
8325
|
onClick: handleClick,
|
|
8209
|
-
children: (0, $
|
|
8326
|
+
children: clicked ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
8327
|
+
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"}`,
|
|
8328
|
+
style: {
|
|
8329
|
+
...animationColor
|
|
8330
|
+
},
|
|
8331
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
8332
|
+
className: "rf-w-4 rf-h-4 large:rf-w-6 large:rf-h-6",
|
|
8333
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $acf3b62642941e13$export$2e2bcd8739ae039), {
|
|
8334
|
+
size: isMobile ? (0, $71c613e2e831c34c$export$a2a634340dd7e3e3).medium : (0, $71c613e2e831c34c$export$a2a634340dd7e3e3).large
|
|
8335
|
+
})
|
|
8336
|
+
})
|
|
8337
|
+
}) : (0, $04321743da31c8db$export$d07f57595c356899)(text || translation.common.submit, locale)
|
|
8210
8338
|
});
|
|
8211
8339
|
};
|
|
8212
8340
|
var $ca0c07c153e8e8ae$export$2e2bcd8739ae039 = $ca0c07c153e8e8ae$var$ActionButton;
|
|
@@ -8499,6 +8627,7 @@ let $85d8b0d1ec40dae5$var$iconsInitialized = false;
|
|
|
8499
8627
|
|
|
8500
8628
|
|
|
8501
8629
|
// Add markdown-it to window for markdown processing
|
|
8630
|
+
// @ts-ignore
|
|
8502
8631
|
window.markdownit = (0, ($parcel$interopDefault($dWhh5$markdownit)));
|
|
8503
8632
|
(0, $85d8b0d1ec40dae5$export$6108075486421829)();
|
|
8504
8633
|
const $c610b7db00433cde$var$defaultUser = {
|
|
@@ -8512,85 +8641,74 @@ const $c610b7db00433cde$var$defaultUser = {
|
|
|
8512
8641
|
referrer: "",
|
|
8513
8642
|
ipaddress: ""
|
|
8514
8643
|
};
|
|
8515
|
-
|
|
8516
|
-
|
|
8517
|
-
* @param props
|
|
8518
|
-
*/ const $c610b7db00433cde$var$RetorikComposer = ({ addressData: addressData, userData: userData, externalEventHandler: externalEventHandler, children: children, colors: colors, isRetorikNews: isRetorikNews, changedLayout: changedLayout })=>{
|
|
8519
|
-
const [directLine, setDirectLine] = (0, $dWhh5$react.useState)(null);
|
|
8644
|
+
const $c610b7db00433cde$var$RetorikComposer = ({ addressData: addressData, userData: userData, externalEventHandler: externalEventHandler, children: children, colors: colors, isRetorikNews: isRetorikNews })=>{
|
|
8645
|
+
const [directLineCreationdata, setDirectLineCreationData] = (0, $dWhh5$react.useState)();
|
|
8520
8646
|
const [store, setStore] = (0, $dWhh5$react.useState)(null);
|
|
8521
|
-
const {
|
|
8522
|
-
const
|
|
8647
|
+
const { configuration: configuration } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
8648
|
+
const loaderClosed = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
8523
8649
|
const agentData = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.agentData);
|
|
8524
8650
|
const { locale: locale, supported: supported } = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)();
|
|
8525
8651
|
const [hasConversationCookie, setHasConversationCookie] = (0, $dWhh5$react.useState)(false);
|
|
8526
8652
|
const [connectionStatus, setConnectionStatus] = (0, $dWhh5$react.useState)((0, $dWhh5$botframeworkdirectlinejs.ConnectionStatus).Uninitialized);
|
|
8527
8653
|
const subscriptionRef = (0, $dWhh5$react.useRef)(null);
|
|
8528
|
-
(0, $dWhh5$react.
|
|
8529
|
-
|
|
8530
|
-
|
|
8531
|
-
|
|
8532
|
-
|
|
8533
|
-
|
|
8534
|
-
|
|
8535
|
-
|
|
8536
|
-
|
|
8537
|
-
|
|
8538
|
-
|
|
8654
|
+
const directLine = (0, $dWhh5$react.useMemo)(()=>{
|
|
8655
|
+
return directLineCreationdata ? (0, $dWhh5$botframeworkwebchat.createDirectLine)(directLineCreationdata) : null;
|
|
8656
|
+
}, [
|
|
8657
|
+
directLineCreationdata
|
|
8658
|
+
]);
|
|
8659
|
+
const processDirectLine = async ()=>{
|
|
8660
|
+
(0, $5b9a777a82cf18dd$export$97c24bbbbbd7be8a)(addressData).then((token)=>{
|
|
8661
|
+
let test = true;
|
|
8662
|
+
if (isRetorikNews) {
|
|
8663
|
+
const fullTenantName = (addressData.baseURI || `${addressData.prefix || ""}${addressData.tenant}`).replace(/;|,|\s/g, "");
|
|
8664
|
+
const newsConversationData = localStorage.getItem(`Retorik.News.Conversation.${fullTenantName}`);
|
|
8665
|
+
if (newsConversationData) {
|
|
8666
|
+
const data = JSON.parse(newsConversationData);
|
|
8667
|
+
if (data && data.conversationId) {
|
|
8668
|
+
setDirectLineCreationData({
|
|
8669
|
+
token: token,
|
|
8670
|
+
conversationId: data.conversationId
|
|
8671
|
+
});
|
|
8672
|
+
test = false;
|
|
8673
|
+
}
|
|
8674
|
+
}
|
|
8675
|
+
} else if (configuration.enableConversationCookie !== false) {
|
|
8676
|
+
var _document_cookie_split_find;
|
|
8677
|
+
const conversationCookie = (_document_cookie_split_find = document.cookie.split("; ").find((row)=>row.startsWith("retorikConversationCookie="))) === null || _document_cookie_split_find === void 0 ? void 0 : _document_cookie_split_find.split("=")[1];
|
|
8678
|
+
if (conversationCookie) {
|
|
8679
|
+
const splitCookieData = conversationCookie.split("||");
|
|
8680
|
+
if (splitCookieData.length === 2) {
|
|
8681
|
+
const cookieConversationId = splitCookieData[0];
|
|
8682
|
+
const cookieTenantName = splitCookieData[1];
|
|
8683
|
+
const fullTenantName = (addressData.baseURI || `${addressData.prefix || ""}${addressData.tenant}`).replace(/;|,|\s/g, "");
|
|
8684
|
+
if (cookieTenantName === fullTenantName) {
|
|
8685
|
+
setDirectLineCreationData({
|
|
8539
8686
|
token: token,
|
|
8540
|
-
conversationId:
|
|
8541
|
-
|
|
8687
|
+
conversationId: cookieConversationId,
|
|
8688
|
+
watermark: "0"
|
|
8689
|
+
});
|
|
8690
|
+
// Tell the activity store that we will retrieve several activities from an existing conversation, so that it displays only the last one
|
|
8691
|
+
(0, $9acd31406c230961$export$d7e4f7861d387c67)(true);
|
|
8692
|
+
setHasConversationCookie(true);
|
|
8542
8693
|
test = false;
|
|
8543
8694
|
}
|
|
8544
8695
|
}
|
|
8545
|
-
} else if (configuration.enableConversationCookie !== false) {
|
|
8546
|
-
var _document_cookie_split_find;
|
|
8547
|
-
const conversationCookie = (_document_cookie_split_find = document.cookie.split("; ").find((row)=>row.startsWith("retorikConversationCookie="))) === null || _document_cookie_split_find === void 0 ? void 0 : _document_cookie_split_find.split("=")[1];
|
|
8548
|
-
if (conversationCookie) {
|
|
8549
|
-
const splitCookieData = conversationCookie.split("||");
|
|
8550
|
-
if (splitCookieData.length === 2) {
|
|
8551
|
-
const cookieConversationId = splitCookieData[0];
|
|
8552
|
-
const cookieTenantName = splitCookieData[1];
|
|
8553
|
-
const fullTenantName = (addressData.baseURI || `${addressData.prefix || ""}${addressData.tenant}`).replace(/;|,|\s/g, "");
|
|
8554
|
-
if (cookieTenantName === fullTenantName) {
|
|
8555
|
-
setDirectLine((0, $dWhh5$botframeworkwebchat.createDirectLine)({
|
|
8556
|
-
token: token,
|
|
8557
|
-
conversationId: cookieConversationId,
|
|
8558
|
-
watermark: "0"
|
|
8559
|
-
}));
|
|
8560
|
-
// Tell the activity store that we will retrieve several activities from an existing conversation, so that it displays only the last one
|
|
8561
|
-
(0, $9acd31406c230961$export$d7e4f7861d387c67)(true);
|
|
8562
|
-
setHasConversationCookie(true);
|
|
8563
|
-
test = false;
|
|
8564
|
-
}
|
|
8565
|
-
}
|
|
8566
|
-
}
|
|
8567
8696
|
}
|
|
8568
|
-
|
|
8569
|
-
|
|
8570
|
-
|
|
8571
|
-
});
|
|
8572
|
-
};
|
|
8573
|
-
|
|
8574
|
-
|
|
8575
|
-
addressData
|
|
8576
|
-
]);
|
|
8577
|
-
const ponyfillFactory = (0, $dWhh5$react.useMemo)(()=>{
|
|
8578
|
-
if (ponyfillCredentials) {
|
|
8579
|
-
const ponyfill = (0, $dWhh5$botframeworkwebchat.createCognitiveServicesSpeechServicesPonyfillFactory)({
|
|
8580
|
-
credentials: ponyfillCredentials
|
|
8581
|
-
});
|
|
8582
|
-
return ponyfill;
|
|
8583
|
-
}
|
|
8584
|
-
return null;
|
|
8585
|
-
}, [
|
|
8586
|
-
ponyfillCredentials
|
|
8587
|
-
]);
|
|
8588
|
-
// Initialize the store on mount and close directline on unmount
|
|
8697
|
+
}
|
|
8698
|
+
test && setDirectLineCreationData({
|
|
8699
|
+
token: token
|
|
8700
|
+
});
|
|
8701
|
+
});
|
|
8702
|
+
};
|
|
8703
|
+
// Initialize the store on mount
|
|
8589
8704
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
8590
8705
|
initStore();
|
|
8706
|
+
processDirectLine();
|
|
8591
8707
|
return ()=>{
|
|
8592
8708
|
var _subscriptionRef_current;
|
|
8709
|
+
console.log("Retorik Framework > Disconnect and end directline");
|
|
8593
8710
|
subscriptionRef === null || subscriptionRef === void 0 ? void 0 : (_subscriptionRef_current = subscriptionRef.current) === null || _subscriptionRef_current === void 0 ? void 0 : _subscriptionRef_current.unsubscribe();
|
|
8711
|
+
directLine === null || directLine === void 0 ? void 0 : directLine.end();
|
|
8594
8712
|
};
|
|
8595
8713
|
}, []);
|
|
8596
8714
|
// Create custom store
|
|
@@ -8599,13 +8717,10 @@ const $c610b7db00433cde$var$defaultUser = {
|
|
|
8599
8717
|
}
|
|
8600
8718
|
const customAdaptiveCardHostConfig = (0, $7fcbbf5bfb4dd5b8$export$2e2bcd8739ae039)(colors.primary, colors.card.frame.background);
|
|
8601
8719
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
8602
|
-
if (locale && supported &&
|
|
8603
|
-
else setAppAvailable(false);
|
|
8720
|
+
if (locale && supported && store && agentData && connectionStatus === (0, $dWhh5$botframeworkdirectlinejs.ConnectionStatus).Online && (isRetorikNews || loaderClosed)) (0, $c7242af7a2bc5e50$export$a8ce9bbc5b910a21)(true);
|
|
8604
8721
|
}, [
|
|
8605
8722
|
locale,
|
|
8606
8723
|
supported,
|
|
8607
|
-
directLine,
|
|
8608
|
-
ponyfillFactory,
|
|
8609
8724
|
store,
|
|
8610
8725
|
agentData,
|
|
8611
8726
|
loaderClosed,
|
|
@@ -8621,8 +8736,9 @@ const $c610b7db00433cde$var$defaultUser = {
|
|
|
8621
8736
|
}, [
|
|
8622
8737
|
directLine
|
|
8623
8738
|
]);
|
|
8624
|
-
return directLine &&
|
|
8739
|
+
return directLine && store && agentData ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$botframeworkwebchatlibFullComposer))), {
|
|
8625
8740
|
adaptiveCardsHostConfig: customAdaptiveCardHostConfig,
|
|
8741
|
+
// @ts-ignore
|
|
8626
8742
|
adaptiveCardsPackage: $dWhh5$adaptivecardslibadaptivecards,
|
|
8627
8743
|
styleOptions: {
|
|
8628
8744
|
primaryFont: '"Calibri", sans-serif',
|
|
@@ -8636,7 +8752,6 @@ const $c610b7db00433cde$var$defaultUser = {
|
|
|
8636
8752
|
activityMiddleware: (0, $c8770452d727244a$export$2e2bcd8739ae039),
|
|
8637
8753
|
children: [
|
|
8638
8754
|
/*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $071bb34c9db044ce$export$2e2bcd8739ae039), {
|
|
8639
|
-
changedLayout: changedLayout,
|
|
8640
8755
|
isRetorikNews: isRetorikNews,
|
|
8641
8756
|
hasConversationCookie: hasConversationCookie,
|
|
8642
8757
|
userData: userData || $c610b7db00433cde$var$defaultUser
|
|
@@ -8666,6 +8781,7 @@ var $c610b7db00433cde$export$2e2bcd8739ae039 = $c610b7db00433cde$var$RetorikComp
|
|
|
8666
8781
|
|
|
8667
8782
|
|
|
8668
8783
|
|
|
8784
|
+
|
|
8669
8785
|
const $99db97028d95da41$var$BackgroundVideo = ({ source: source, style: style, loop: loop, muted: muted, onVideoEnded: onVideoEnded, onVideoCanPlay: onVideoCanPlay })=>{
|
|
8670
8786
|
const { currentHeight: currentHeight, currentWidth: currentWidth } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
8671
8787
|
const videoRef = (0, $dWhh5$react.useRef)(null);
|
|
@@ -8673,7 +8789,7 @@ const $99db97028d95da41$var$BackgroundVideo = ({ source: source, style: style, l
|
|
|
8673
8789
|
if (videoRef.current) {
|
|
8674
8790
|
videoRef.current.pause();
|
|
8675
8791
|
videoRef.current.load();
|
|
8676
|
-
videoRef.current.play();
|
|
8792
|
+
videoRef.current.play().catch((e)=>console.warn(e));
|
|
8677
8793
|
}
|
|
8678
8794
|
}, [
|
|
8679
8795
|
videoRef
|
|
@@ -8881,7 +8997,7 @@ var $f30fe7aba51bf78e$export$2e2bcd8739ae039 = $f30fe7aba51bf78e$var$Background;
|
|
|
8881
8997
|
|
|
8882
8998
|
|
|
8883
8999
|
const $f49c2c2bc5cff629$var$VoiceInput = ({ className: className })=>{
|
|
8884
|
-
const
|
|
9000
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
8885
9001
|
const lastRecognitionInterim = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.lastRecognitionInterim);
|
|
8886
9002
|
return lastRecognitionInterim ? isMobile ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("p", {
|
|
8887
9003
|
className: className,
|
|
@@ -8895,9 +9011,12 @@ var $f49c2c2bc5cff629$export$2e2bcd8739ae039 = $f49c2c2bc5cff629$var$VoiceInput;
|
|
|
8895
9011
|
|
|
8896
9012
|
|
|
8897
9013
|
|
|
9014
|
+
|
|
8898
9015
|
const $6af0aee9119363c4$var$UserRequest = ()=>{
|
|
8899
9016
|
const mode = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
8900
|
-
const {
|
|
9017
|
+
const { mediumLandscape: mediumLandscape } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
9018
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
9019
|
+
const isBorne = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isBorne);
|
|
8901
9020
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
|
|
8902
9021
|
children: !isMobile && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
8903
9022
|
className: `rf-relative rf-h-full
|
|
@@ -9271,8 +9390,10 @@ var $9d2c3b646d8954b6$export$2e2bcd8739ae039 = $9d2c3b646d8954b6$var$FullScreen;
|
|
|
9271
9390
|
|
|
9272
9391
|
|
|
9273
9392
|
|
|
9393
|
+
|
|
9274
9394
|
const $5b0a263fc6ebfb59$var$FullScreenMobile = ({ className: className, depth: depth, background: background, children: children })=>{
|
|
9275
|
-
const
|
|
9395
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
9396
|
+
const { displayControls: displayControls } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
9276
9397
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $9d2c3b646d8954b6$export$2e2bcd8739ae039), {
|
|
9277
9398
|
className: `${isMobile && displayControls && "rf-mb-12"} rf-p-4 rf-flex rf-flex-col ${className}`,
|
|
9278
9399
|
depth: depth,
|
|
@@ -9329,9 +9450,11 @@ var $e4f759e73afbe50c$export$2e2bcd8739ae039 = $e4f759e73afbe50c$var$Grid;
|
|
|
9329
9450
|
|
|
9330
9451
|
|
|
9331
9452
|
|
|
9453
|
+
|
|
9332
9454
|
const $cda76bef9e6e0763$var$useCloseButtonTop = ()=>{
|
|
9333
9455
|
const { configuration: configuration } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
9334
|
-
const
|
|
9456
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
9457
|
+
const { isTactile: isTactile } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
9335
9458
|
const [top, setTop] = (0, $dWhh5$react.useState)(200);
|
|
9336
9459
|
/**
|
|
9337
9460
|
* On currentDeviceType change :
|
|
@@ -9591,7 +9714,7 @@ var $579744d25642d716$export$2e2bcd8739ae039 = $579744d25642d716$var$DashboardBu
|
|
|
9591
9714
|
|
|
9592
9715
|
|
|
9593
9716
|
const $e30af8373281dae5$var$AbsoluteLargeClosingButton = ({ dashboardVisible: dashboardVisible, zIndexClassname: zIndexClassname, customComponent: customComponent, onClick: onClick })=>{
|
|
9594
|
-
const
|
|
9717
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
9595
9718
|
const top = (0, $cda76bef9e6e0763$export$2e2bcd8739ae039)();
|
|
9596
9719
|
const [hidden, setHidden] = (0, $dWhh5$react.useState)(false);
|
|
9597
9720
|
const handleHideAndClose = ()=>{
|
|
@@ -9613,7 +9736,9 @@ var $e30af8373281dae5$export$2e2bcd8739ae039 = $e30af8373281dae5$var$AbsoluteLar
|
|
|
9613
9736
|
|
|
9614
9737
|
|
|
9615
9738
|
const $bd338a637fd5b066$var$SubMenu = ({ background: background, onClick: onClick, children: children })=>{
|
|
9616
|
-
const
|
|
9739
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
9740
|
+
const isLandscape = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isLandscape);
|
|
9741
|
+
const isBorne = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isBorne);
|
|
9617
9742
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
|
|
9618
9743
|
children: [
|
|
9619
9744
|
!isMobile && onClick && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $e30af8373281dae5$export$2e2bcd8739ae039), {
|
|
@@ -9693,6 +9818,7 @@ var $a0e7200eb5fb20c5$export$2e2bcd8739ae039 = $a0e7200eb5fb20c5$var$BackButton;
|
|
|
9693
9818
|
|
|
9694
9819
|
|
|
9695
9820
|
|
|
9821
|
+
|
|
9696
9822
|
|
|
9697
9823
|
|
|
9698
9824
|
/* eslint-disable react/self-closing-comp */
|
|
@@ -10172,7 +10298,8 @@ const $4a98cd521d2d07ef$var$DisplayGenerator = (props)=>{
|
|
|
10172
10298
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
10173
10299
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
10174
10300
|
const homeActivity = (0, $9acd31406c230961$export$b56465394e2b1287)((state)=>state.homeActivity);
|
|
10175
|
-
const
|
|
10301
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10302
|
+
const { setRoute: setRoute, setShowHomeAttachments: setShowHomeAttachments, themeColors: themeColors } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
10176
10303
|
const [label, setLabel] = (0, $dWhh5$react.useState)("");
|
|
10177
10304
|
const [colorButtonHandle, setColorButtonHandle] = (0, $dWhh5$react.useState)("");
|
|
10178
10305
|
/**
|
|
@@ -10279,7 +10406,8 @@ var $4a98cd521d2d07ef$export$2e2bcd8739ae039 = $4a98cd521d2d07ef$var$DisplayGene
|
|
|
10279
10406
|
|
|
10280
10407
|
|
|
10281
10408
|
const $a07d788c908a6b4a$var$DisplayViews = ({ handleClick: handleClick, conditionalHandleClick: conditionalHandleClick })=>{
|
|
10282
|
-
const
|
|
10409
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10410
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
10283
10411
|
const { configuration: configuration } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
10284
10412
|
const [finalMenu, setFinalMenu] = (0, $dWhh5$react.useState)([]);
|
|
10285
10413
|
const buildMenu = (menu)=>{
|
|
@@ -10381,7 +10509,7 @@ function $a16df460e030efa9$var$instanceOfCustomMenuDisplayGeneratorProps(object)
|
|
|
10381
10509
|
const $a16df460e030efa9$var$DisplaySubGenerator = (props)=>{
|
|
10382
10510
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
10383
10511
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
10384
|
-
const
|
|
10512
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10385
10513
|
const [label, setLabel] = (0, $dWhh5$react.useState)("");
|
|
10386
10514
|
/**
|
|
10387
10515
|
* On component mount :
|
|
@@ -10450,7 +10578,8 @@ var $a16df460e030efa9$export$2e2bcd8739ae039 = $a16df460e030efa9$var$DisplaySubG
|
|
|
10450
10578
|
|
|
10451
10579
|
|
|
10452
10580
|
const $ef4ae4bb0e8b8f8c$var$DisplaySubViews = ({ handleClick: handleClick, conditionalHandleClick: conditionalHandleClick })=>{
|
|
10453
|
-
const
|
|
10581
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10582
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
10454
10583
|
const { configuration: configuration } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
10455
10584
|
const [subMenu, setSubMenu] = (0, $dWhh5$react.useState)([]);
|
|
10456
10585
|
const buildMenu = (menu)=>{
|
|
@@ -10504,7 +10633,7 @@ var $ef4ae4bb0e8b8f8c$export$2e2bcd8739ae039 = $ef4ae4bb0e8b8f8c$var$DisplaySubV
|
|
|
10504
10633
|
const $9d923b2173a33de2$var$Dashboard = ({ toggleDashboard: toggleDashboard })=>{
|
|
10505
10634
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
10506
10635
|
const { configuration: { isUsedOnBorne: isUsedOnBorne } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
10507
|
-
const
|
|
10636
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10508
10637
|
const handleClick = ()=>{
|
|
10509
10638
|
toggleDashboard && toggleDashboard();
|
|
10510
10639
|
};
|
|
@@ -10585,8 +10714,8 @@ $a956d40ea7c2e65c$exports = JSON.parse('{"aa":"Qafar","aa-DJ":"Qafar (Yabuuti)",
|
|
|
10585
10714
|
|
|
10586
10715
|
|
|
10587
10716
|
const $eba1371e77343bf7$var$ParameterButton = ({ title: title, color: color, icon: icon, onClick: onClick })=>{
|
|
10588
|
-
const
|
|
10589
|
-
const
|
|
10717
|
+
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
10718
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10590
10719
|
return isMobile ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("button", {
|
|
10591
10720
|
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`,
|
|
10592
10721
|
onClick: onClick,
|
|
@@ -10665,6 +10794,7 @@ var $d1bee524d1944cdb$export$2e2bcd8739ae039 = $d1bee524d1944cdb$var$HistoryButt
|
|
|
10665
10794
|
|
|
10666
10795
|
|
|
10667
10796
|
|
|
10797
|
+
|
|
10668
10798
|
// Check if the locale in the current browser is in the array of available locales
|
|
10669
10799
|
const $6259571439c6f7ce$var$checkLocaleFromBrowser = (allLanguages)=>{
|
|
10670
10800
|
var _navigator;
|
|
@@ -10705,7 +10835,8 @@ const $f19fa486c3780055$var$LanguageButton = ()=>{
|
|
|
10705
10835
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
10706
10836
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
10707
10837
|
const supported = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.supported);
|
|
10708
|
-
const
|
|
10838
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10839
|
+
const { themeColors: themeColors } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
10709
10840
|
const currentSubView = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.currentSubView);
|
|
10710
10841
|
const [mainLocale, setMainLocale] = (0, $dWhh5$react.useState)((0, $6259571439c6f7ce$export$91fc93b93c368955)(locale).toUpperCase());
|
|
10711
10842
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
@@ -10764,6 +10895,7 @@ var $f19fa486c3780055$export$2e2bcd8739ae039 = $f19fa486c3780055$var$LanguageBut
|
|
|
10764
10895
|
|
|
10765
10896
|
|
|
10766
10897
|
|
|
10898
|
+
|
|
10767
10899
|
var $3efc2f56154c835a$exports = {};
|
|
10768
10900
|
$3efc2f56154c835a$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":[]}');
|
|
10769
10901
|
|
|
@@ -10857,7 +10989,8 @@ const $9a101af72a25f94e$var$MicrophoneButton = ({ openMicrophone: openMicrophone
|
|
|
10857
10989
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
10858
10990
|
const activeRecognitionState = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.activeRecognitionState);
|
|
10859
10991
|
const toggleMicrophone = (0, $e37833e47d877d3a$export$2e2bcd8739ae039)();
|
|
10860
|
-
const
|
|
10992
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10993
|
+
const { themeColors: themeColors } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
10861
10994
|
const allowedRef = (0, $dWhh5$react.useRef)(false);
|
|
10862
10995
|
const [message, setMessage] = (0, $dWhh5$react.useState)("");
|
|
10863
10996
|
const [playerRef, setPlayerRef] = (0, $dWhh5$react.useState)(null);
|
|
@@ -10948,7 +11081,7 @@ const $718f337892f278fa$var$Parameters = ({ handleBack: handleBack })=>{
|
|
|
10948
11081
|
const mode = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
10949
11082
|
const displaySubtitles = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.displaySubtitles);
|
|
10950
11083
|
const muted = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.muted);
|
|
10951
|
-
const
|
|
11084
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10952
11085
|
const { configuration: { disableSound: disableSound } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
10953
11086
|
const handleSoundChange = (val)=>{
|
|
10954
11087
|
(0, $5f7f457957bd2c8d$export$a1680ba91cc9be33)(!val);
|
|
@@ -11017,7 +11150,7 @@ var $72584f9ef0b9627d$export$2e2bcd8739ae039 = $72584f9ef0b9627d$var$TutorialBut
|
|
|
11017
11150
|
const $0641c78f051b69fe$var$SubMenuClosing = ({ className: className, background: background, handleClose: handleClose, backIsConversation: backIsConversation, title: title, children: children })=>{
|
|
11018
11151
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
11019
11152
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
11020
|
-
const
|
|
11153
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
11021
11154
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, $bd338a637fd5b066$export$2e2bcd8739ae039), {
|
|
11022
11155
|
background: background,
|
|
11023
11156
|
onClick: handleClose,
|
|
@@ -11054,7 +11187,9 @@ var $0641c78f051b69fe$export$2e2bcd8739ae039 = $0641c78f051b69fe$var$SubMenuClos
|
|
|
11054
11187
|
|
|
11055
11188
|
|
|
11056
11189
|
const $6597700a5925d4dd$var$FullScreenRemoteClosing = ({ className: className, background: background, closeButtonClassName: closeButtonClassName, remoteCloseButtonZIndex: remoteCloseButtonZIndex, mobileReturnTitle: mobileReturnTitle, handleClose: handleClose, onClick: onClick, animation: animation, children: children })=>{
|
|
11057
|
-
const
|
|
11190
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
11191
|
+
const isLandscape = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isLandscape);
|
|
11192
|
+
const isBorne = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isBorne);
|
|
11058
11193
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
|
|
11059
11194
|
children: [
|
|
11060
11195
|
/*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, $e126bc061f6f032b$export$2e2bcd8739ae039), {
|
|
@@ -11289,10 +11424,8 @@ var $8cbc478ca079b320$export$2e2bcd8739ae039 = $8cbc478ca079b320$var$SubFilterCa
|
|
|
11289
11424
|
|
|
11290
11425
|
|
|
11291
11426
|
const $bf3385ff4ec0cb17$var$FilterItem = ({ className: className, identifier: identifier, opened: opened, filter: filter, closeOpenedFilters: closeOpenedFilters })=>{
|
|
11292
|
-
const
|
|
11293
|
-
|
|
11294
|
-
}));
|
|
11295
|
-
const { isMobile: isMobile } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
11427
|
+
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
11428
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
11296
11429
|
const [style, setStyle] = (0, $dWhh5$react.useState)("");
|
|
11297
11430
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
11298
11431
|
opened ? setStyle("rf-bg-truewhite rf-text-black rf-border-black") : setStyle("rf-bg-templateBackground rf-text-gray rf-border-gray");
|
|
@@ -11637,7 +11770,7 @@ var $9eb4669b72b0cf4a$export$2e2bcd8739ae039 = $9eb4669b72b0cf4a$var$preventEven
|
|
|
11637
11770
|
const $55a6a0d3c4977a41$var$FilterMobile = ({ className: className, setFiltersOpened: setFiltersOpened, handleClose: handleClose })=>{
|
|
11638
11771
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
11639
11772
|
const { resetFilters: resetFilters } = (0, $4859746455f78ba2$export$f9763ecd339e95eb)();
|
|
11640
|
-
const
|
|
11773
|
+
const isWidget = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
11641
11774
|
const [open, setOpen] = (0, $dWhh5$react.useState)(false);
|
|
11642
11775
|
const [currentOpened, setCurrentOpened] = (0, $dWhh5$react.useState)(undefined);
|
|
11643
11776
|
const divRef = (0, $dWhh5$react.useRef)(null);
|
|
@@ -11728,7 +11861,7 @@ var $55a6a0d3c4977a41$export$2e2bcd8739ae039 = $55a6a0d3c4977a41$var$FilterMobil
|
|
|
11728
11861
|
|
|
11729
11862
|
function $c581f9c34f3754ec$export$2e2bcd8739ae039() {
|
|
11730
11863
|
const { configuration: configuration } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
11731
|
-
const
|
|
11864
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
11732
11865
|
const [currentPagination, setCurrentPagination] = (0, $dWhh5$react.useState)(10);
|
|
11733
11866
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
11734
11867
|
if (configuration && currentDeviceType) switch(currentDeviceType){
|
|
@@ -11837,7 +11970,9 @@ const $a0c42cb8428afc95$var$ListContainer = ({ hasFilterOrSuggestedAction: hasFi
|
|
|
11837
11970
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
11838
11971
|
const sendPostback = $a0c42cb8428afc95$var$useSendPostBack();
|
|
11839
11972
|
const { content: content, selectedFilters: selectedFilters, loadingData: loadingData, setLoadingData: setLoadingData } = (0, $4859746455f78ba2$export$f9763ecd339e95eb)();
|
|
11840
|
-
const
|
|
11973
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
11974
|
+
const isWidget = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
11975
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
11841
11976
|
const currentPagination = (0, $c581f9c34f3754ec$export$2e2bcd8739ae039)();
|
|
11842
11977
|
const [contentToDisplay, setContentToDisplay] = (0, $dWhh5$react.useState)([]);
|
|
11843
11978
|
const [landscapeStyle, setLandscapeStyle] = (0, $dWhh5$react.useState)("large:rf-h-3/5");
|
|
@@ -12163,7 +12298,9 @@ const $7a4829033e41af4d$var$List = ({ activity: activity, onClose: onClose })=>{
|
|
|
12163
12298
|
var _content_channelData, _content_suggestedActions_actions, _content_suggestedActions, _content_channelData1, _content_suggestedActions1;
|
|
12164
12299
|
const mode = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
12165
12300
|
const sendEvent = (0, $dWhh5$botframeworkwebchatapilibhooks.useSendEvent)();
|
|
12166
|
-
const
|
|
12301
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
12302
|
+
const isWidget = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
12303
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
12167
12304
|
const { content: content, filters: filters, selectedFilters: selectedFilters, setContent: setContent } = (0, $4859746455f78ba2$export$f9763ecd339e95eb)();
|
|
12168
12305
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
12169
12306
|
const lastListActivity = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.lastListActivity);
|
|
@@ -12530,6 +12667,7 @@ var $8bc9b4e77f6f09d6$export$2e2bcd8739ae039 = $8bc9b4e77f6f09d6$var$Swiper;
|
|
|
12530
12667
|
|
|
12531
12668
|
|
|
12532
12669
|
|
|
12670
|
+
|
|
12533
12671
|
const $872024d5c381e99a$var$springEnterDuration = 1000;
|
|
12534
12672
|
// Cards' width coefficients depending on the mode and display type
|
|
12535
12673
|
const $872024d5c381e99a$var$widthCoefficients = {
|
|
@@ -12542,7 +12680,9 @@ const $872024d5c381e99a$var$velocityBreakpoint = 0.5;
|
|
|
12542
12680
|
const $872024d5c381e99a$var$Carousel = /*#__PURE__*/ (0, ($parcel$interopDefault($dWhh5$react))).forwardRef(({ direction: direction, history: history, draft: draft, children: children }, ref)=>{
|
|
12543
12681
|
const mode = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
12544
12682
|
const { configuration: { forceMobileView: forceMobileView } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
12545
|
-
const
|
|
12683
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
12684
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
12685
|
+
const { showHomeAttachments: showHomeAttachments } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
12546
12686
|
const currentOrLastPlayedActivity = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.currentOrLastPlayedActivity);
|
|
12547
12687
|
const nbCards = (0, $dWhh5$react.useMemo)(()=>{
|
|
12548
12688
|
return (0, ($parcel$interopDefault($dWhh5$react))).Children.count(children);
|
|
@@ -13062,8 +13202,8 @@ function $0a0255973b22d31f$export$2e2bcd8739ae039() {
|
|
|
13062
13202
|
|
|
13063
13203
|
const $db601f65e25709db$var$HistoryQA = ({ activity: activity, isQuestion: isQuestion })=>{
|
|
13064
13204
|
var _activity_attachments, _activity_attachments1;
|
|
13065
|
-
const
|
|
13066
|
-
const
|
|
13205
|
+
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
13206
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
13067
13207
|
const time = activity.localTimestamp ? new Date(activity.localTimestamp) : activity.timestamp ? new Date(activity.timestamp) : new Date();
|
|
13068
13208
|
return activity.text || !!((_activity_attachments = activity.attachments) === null || _activity_attachments === void 0 ? void 0 : _activity_attachments.length) ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
|
|
13069
13209
|
className: `${isMobile ? "rf-w-full" : "rf-max-w-full"} rf-flex rf-flex-col rf-gap-1`,
|
|
@@ -13123,7 +13263,8 @@ var $9e5ad86f0a7e1d05$export$2e2bcd8739ae039 = $9e5ad86f0a7e1d05$var$HistoryItem
|
|
|
13123
13263
|
|
|
13124
13264
|
const $4c0e94df62fa6718$var$HistoryList = ()=>{
|
|
13125
13265
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
13126
|
-
const
|
|
13266
|
+
const isWidget = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
13267
|
+
const isBorne = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isBorne);
|
|
13127
13268
|
const activities = (0, $0a0255973b22d31f$export$2e2bcd8739ae039)();
|
|
13128
13269
|
const scrollRef = (0, $dWhh5$react.useRef)(null);
|
|
13129
13270
|
const divRef = (0, $dWhh5$react.useRef)(null);
|
|
@@ -13471,6 +13612,8 @@ var $725ea0cac166169b$export$2e2bcd8739ae039 = $725ea0cac166169b$var$useShowPOI;
|
|
|
13471
13612
|
|
|
13472
13613
|
|
|
13473
13614
|
|
|
13615
|
+
|
|
13616
|
+
|
|
13474
13617
|
const $5503336bdce4ac5d$var$CommentsPennant = ({ className: className, color: color, customerReviews: customerReviews })=>{
|
|
13475
13618
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
13476
13619
|
const [widthInPx, setWidthInPx] = (0, $dWhh5$react.useState)(0);
|
|
@@ -13530,7 +13673,7 @@ var $5503336bdce4ac5d$export$2e2bcd8739ae039 = $5503336bdce4ac5d$var$CommentsPen
|
|
|
13530
13673
|
|
|
13531
13674
|
const $f18ad223fcd061b7$var$DetailedTitle = ({ category: category, title: title, infoBanner: infoBanner, color: color, customerReviews: customerReviews, favorite: favorite, handleClose: handleClose, setTitleHeight: setTitleHeight })=>{
|
|
13532
13675
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
13533
|
-
const
|
|
13676
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
13534
13677
|
const titleRef = (0, $dWhh5$react.useRef)(null);
|
|
13535
13678
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
13536
13679
|
(titleRef === null || titleRef === void 0 ? void 0 : titleRef.current) && setTitleHeight(titleRef.current.clientHeight);
|
|
@@ -13594,6 +13737,7 @@ var $f18ad223fcd061b7$export$2e2bcd8739ae039 = $f18ad223fcd061b7$var$DetailedTit
|
|
|
13594
13737
|
|
|
13595
13738
|
|
|
13596
13739
|
|
|
13740
|
+
|
|
13597
13741
|
const $9982aaf71fbd3e1f$var$DownloadSheet = ({ className: className, url: url })=>{
|
|
13598
13742
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
13599
13743
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
@@ -13705,7 +13849,9 @@ const $fe50c85aaca30261$var$DownloadQRHeight = 200;
|
|
|
13705
13849
|
const $fe50c85aaca30261$var$DownloadSheetHeight = 100;
|
|
13706
13850
|
const $fe50c85aaca30261$var$DetailedText = ({ text: text, otherInformations: otherInformations, color: color, url: url, titleHeight: titleHeight })=>{
|
|
13707
13851
|
const { configuration: { isUsedOnBorne: isUsedOnBorne } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
13708
|
-
const
|
|
13852
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
13853
|
+
const isLandscape = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isLandscape);
|
|
13854
|
+
const { currentHeight: currentHeight } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
13709
13855
|
const textRef = (0, $dWhh5$react.useRef)(null);
|
|
13710
13856
|
const otherInformationsRef = (0, $dWhh5$react.useRef)(null);
|
|
13711
13857
|
const [opacityStyle, setOpacityStyle] = (0, $dWhh5$react.useState)("");
|
|
@@ -13954,6 +14100,7 @@ var $91842d87af07aa1e$export$2e2bcd8739ae039 = $91842d87af07aa1e$var$DetailedMed
|
|
|
13954
14100
|
|
|
13955
14101
|
|
|
13956
14102
|
|
|
14103
|
+
|
|
13957
14104
|
const $2ed0c554c11c571c$var$ShowPhoneNumber = ({ phoneNumber: phoneNumber })=>{
|
|
13958
14105
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
|
|
13959
14106
|
className: "rf-px-5 rf-py-3 rf-mb-8 rf-flex rf-flex-row rf-items-center rf-font-bold",
|
|
@@ -14521,7 +14668,10 @@ var $c9b17a03b9c46905$export$2e2bcd8739ae039 = $c9b17a03b9c46905$var$Map;
|
|
|
14521
14668
|
|
|
14522
14669
|
|
|
14523
14670
|
const $6cacbade32b06d0d$var$DetailedAddress = ({ address: address, phoneNumber: phoneNumber, coordinates: coordinates, color: color, customerReviews: customerReviews, url: url })=>{
|
|
14524
|
-
const
|
|
14671
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
14672
|
+
const isLandscape = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isLandscape);
|
|
14673
|
+
const isBorne = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isBorne);
|
|
14674
|
+
const { currentWidth: currentWidth } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
14525
14675
|
const { configuration: configuration } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
14526
14676
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
|
|
14527
14677
|
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",
|
|
@@ -14589,7 +14739,6 @@ var $6cacbade32b06d0d$export$2e2bcd8739ae039 = $6cacbade32b06d0d$var$DetailedAdd
|
|
|
14589
14739
|
|
|
14590
14740
|
|
|
14591
14741
|
|
|
14592
|
-
|
|
14593
14742
|
const { useSendPostBack: $d796192f79db347a$var$useSendPostBack, useSendEvent: $d796192f79db347a$var$useSendEvent } = (0, $dWhh5$botframeworkwebchat.hooks);
|
|
14594
14743
|
const $d796192f79db347a$var$springEnterDuration = 1500;
|
|
14595
14744
|
const $d796192f79db347a$var$springLeaveDuration = 2500;
|
|
@@ -14600,7 +14749,10 @@ const $d796192f79db347a$var$AttachmentDetails = ()=>{
|
|
|
14600
14749
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
14601
14750
|
const { configuration: { isUsedOnBorne: isUsedOnBorne }, baseAddress: baseAddress } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
14602
14751
|
const mode = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
14603
|
-
const
|
|
14752
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
14753
|
+
const isWidget = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
14754
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
14755
|
+
const { themeColors: themeColors } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
14604
14756
|
const [content, setContent] = (0, $dWhh5$react.useState)(undefined);
|
|
14605
14757
|
const [color, setColor] = (0, $dWhh5$react.useState)(themeColors.secondary);
|
|
14606
14758
|
const [titleHeight, setTitleHeight] = (0, $dWhh5$react.useState)(0);
|
|
@@ -14754,7 +14906,7 @@ const $29a469608f79fe1f$var$FullScreenImage = ()=>{
|
|
|
14754
14906
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
14755
14907
|
const fullScreenImage = (0, $d8385ac74eefc635$export$2e2bcd8739ae039)();
|
|
14756
14908
|
const mode = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
14757
|
-
const
|
|
14909
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
14758
14910
|
const [content, setContent] = (0, $dWhh5$react.useState)();
|
|
14759
14911
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
14760
14912
|
setContent(fullScreenImage);
|
|
@@ -14869,7 +15021,8 @@ const $becba6a72493aae8$var$Weather = ({ handleClose: handleClose })=>{
|
|
|
14869
15021
|
var _configuration_position, _configuration_position1, _configuration_position2, _configuration_position3;
|
|
14870
15022
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
14871
15023
|
const { configuration: configuration } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
14872
|
-
const
|
|
15024
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
15025
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
14873
15026
|
const sendEvent = (0, $dWhh5$botframeworkwebchatapilibhooks.useSendEvent)();
|
|
14874
15027
|
/**
|
|
14875
15028
|
* On call :
|
|
@@ -14939,12 +15092,14 @@ var $becba6a72493aae8$export$2e2bcd8739ae039 = $becba6a72493aae8$var$Weather;
|
|
|
14939
15092
|
|
|
14940
15093
|
|
|
14941
15094
|
|
|
15095
|
+
|
|
14942
15096
|
const $323612a7bbe80f4b$var$iconClassname = "rf-h-16 rf-w-16 large-vertical:rf-h-24 large-vertical:rf-w-24";
|
|
14943
15097
|
const $323612a7bbe80f4b$var$iconClassnameMobile = "rf-h-8 rf-w-8";
|
|
14944
15098
|
const $323612a7bbe80f4b$var$CustomView = ({ customView: customView, title: title, icon: icon, externalComponents: externalComponents, display: display, setDisplayCustomComponent: setDisplayCustomComponent })=>{
|
|
14945
15099
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
14946
15100
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
14947
|
-
const
|
|
15101
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
15102
|
+
const { displayControls: displayControls } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
14948
15103
|
const sendEvent = (0, $dWhh5$botframeworkwebchatapilibhooks.useSendEvent)();
|
|
14949
15104
|
const handleBack = ()=>{
|
|
14950
15105
|
sendEvent("Davi.CloseWindow", null);
|
|
@@ -15050,6 +15205,8 @@ var $6c588e813a69f99f$export$2e2bcd8739ae039 = $6c588e813a69f99f$var$useShowMap;
|
|
|
15050
15205
|
|
|
15051
15206
|
|
|
15052
15207
|
|
|
15208
|
+
|
|
15209
|
+
|
|
15053
15210
|
async function $ebb9a848c3dddb50$export$cdd2c9f4b3acf5fb(data) {
|
|
15054
15211
|
// baseURI is used for retrocompatibility
|
|
15055
15212
|
let fullAddress = "";
|
|
@@ -15070,12 +15227,11 @@ async function $ebb9a848c3dddb50$export$cdd2c9f4b3acf5fb(data) {
|
|
|
15070
15227
|
|
|
15071
15228
|
|
|
15072
15229
|
|
|
15073
|
-
|
|
15074
|
-
|
|
15075
15230
|
const $2b55f3947c65e277$export$6478e9f7582bd8fc = ()=>{
|
|
15076
15231
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
15077
15232
|
const { addressData: addressData } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
15078
|
-
const
|
|
15233
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
15234
|
+
const isWidget = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
15079
15235
|
const [municipalPoliceNumber, setMunicipalPoliceNumber] = (0, $dWhh5$react.useState)("");
|
|
15080
15236
|
const [localHospitalName, setLocalHospitalName] = (0, $dWhh5$react.useState)("");
|
|
15081
15237
|
const [localHospitalNumber, setLocalHospitalNumber] = (0, $dWhh5$react.useState)("");
|
|
@@ -15271,7 +15427,7 @@ const $2b55f3947c65e277$export$6478e9f7582bd8fc = ()=>{
|
|
|
15271
15427
|
|
|
15272
15428
|
|
|
15273
15429
|
const $e56ded4540f43ec0$var$Emergency = ({ handleClose: handleClose })=>{
|
|
15274
|
-
const
|
|
15430
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
15275
15431
|
const sendEvent = (0, $dWhh5$botframeworkwebchatapilibhooks.useSendEvent)();
|
|
15276
15432
|
const handleBack = ()=>{
|
|
15277
15433
|
handleClose ? handleClose() : (0, $70e3d65f5a106231$export$f0c096b4ecd7115d)((0, $71c613e2e831c34c$export$f05d0fed0593ead7).none);
|
|
@@ -15380,6 +15536,7 @@ const $7e9357b001e113dc$var$SubViews = ({ externalComponents: externalComponents
|
|
|
15380
15536
|
showEmergency
|
|
15381
15537
|
]);
|
|
15382
15538
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
15539
|
+
(0, $70e3d65f5a106231$export$e49d67c72fb28d58)();
|
|
15383
15540
|
if (currentSubView !== (0, $71c613e2e831c34c$export$f05d0fed0593ead7).none) (0, $70e3d65f5a106231$export$dcb32d000c0e0280)((0, $71c613e2e831c34c$export$4f7cd669585dc69f).DetailViewOpen);
|
|
15384
15541
|
else (0, $70e3d65f5a106231$export$dcb32d000c0e0280)((0, $71c613e2e831c34c$export$4f7cd669585dc69f).DetailViewClose);
|
|
15385
15542
|
if (currentSubView !== (0, $71c613e2e831c34c$export$f05d0fed0593ead7).custom) setDisplayCustomComponent(false);
|
|
@@ -15505,7 +15662,6 @@ const $1068fd56b5926747$export$f0e9d14ede4c01bd = ()=>{
|
|
|
15505
15662
|
|
|
15506
15663
|
|
|
15507
15664
|
|
|
15508
|
-
|
|
15509
15665
|
const $016ac743b008b7bc$export$aa0c5ba341a0028 = ({ agentName: agentName = "L\xe9a", companyName: companyName, companyNameLocalized: companyNameLocalized, subCompanyMessage: subCompanyMessage, subCompanyMessageLocalized: subCompanyMessageLocalized, imageUrl: imageUrl = "" })=>{
|
|
15510
15666
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
15511
15667
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
@@ -15565,107 +15721,131 @@ const $016ac743b008b7bc$export$aa0c5ba341a0028 = ({ agentName: agentName = "L\xe
|
|
|
15565
15721
|
};
|
|
15566
15722
|
|
|
15567
15723
|
|
|
15568
|
-
const $a2a195f52aaf1332$var$DisplayStandard = ({ botResponses: botResponses, isMobile: isMobile })=>{
|
|
15569
|
-
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
15570
|
-
const { configuration: { forceMobileView: forceMobileView } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
15571
|
-
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
15572
|
-
id: "retorik-botResponses",
|
|
15573
|
-
className: "rf-flex rf-flex-col rf-text-size-auto rf-gap-2 rf-scrollbar-hidden",
|
|
15574
|
-
children: botResponses.map((activity, key)=>{
|
|
15575
|
-
var _activity_attachments;
|
|
15576
|
-
const answerTime = activity.localTimestamp ? new Date(activity.localTimestamp) : activity.timestamp ? new Date(activity.timestamp) : new Date();
|
|
15577
|
-
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
|
|
15578
|
-
className: `${key > 0 && "rf-pt-2"} rf-text-textModePanelConversationBot rf-animate-slideBottom rf-flex rf-flex-col rf-items-start rf-gap-2`,
|
|
15579
|
-
children: [
|
|
15580
|
-
isMobile && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
15581
|
-
className: "rf-px-4 rf-text-[#9A9A9A]",
|
|
15582
|
-
children: answerTime.toLocaleString(locale, {
|
|
15583
|
-
hour: "numeric",
|
|
15584
|
-
minute: "numeric"
|
|
15585
|
-
})
|
|
15586
|
-
}),
|
|
15587
|
-
activity.htmlText ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
15588
|
-
className: "rf-px-4",
|
|
15589
|
-
dangerouslySetInnerHTML: {
|
|
15590
|
-
__html: activity.htmlText
|
|
15591
|
-
}
|
|
15592
|
-
}) : activity.text ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
15593
|
-
className: "rf-px-4",
|
|
15594
|
-
children: (0, $547da4225675b90f$export$d6c6ec86eedacfd9)(activity.text)
|
|
15595
|
-
}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {}),
|
|
15596
|
-
!!(activity === null || activity === void 0 ? void 0 : (_activity_attachments = activity.attachments) === null || _activity_attachments === void 0 ? void 0 : _activity_attachments.length) && !(0, $1a0bdae30bc87d45$export$7c55936a30618336)(activity) && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
15597
|
-
className: `${forceMobileView ? "rf-m-auto" : "rf-w-full"} ${activity.attachments.length <= 1 && "rf-px-4"} rf-flex rf-flex-col rf-gap-2`,
|
|
15598
|
-
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $c0f9a707e7db7f07$export$2e2bcd8739ae039), {
|
|
15599
|
-
activity: activity
|
|
15600
|
-
})
|
|
15601
|
-
})
|
|
15602
|
-
]
|
|
15603
|
-
}, key);
|
|
15604
|
-
})
|
|
15605
|
-
});
|
|
15606
|
-
};
|
|
15607
|
-
var $a2a195f52aaf1332$export$2e2bcd8739ae039 = $a2a195f52aaf1332$var$DisplayStandard;
|
|
15608
15724
|
|
|
15609
15725
|
|
|
15610
15726
|
|
|
15611
15727
|
|
|
15612
15728
|
|
|
15613
|
-
|
|
15614
|
-
|
|
15729
|
+
|
|
15730
|
+
|
|
15731
|
+
const $8113fa9a024156c4$var$interval = 150 // 20 // 25
|
|
15732
|
+
;
|
|
15733
|
+
const $8113fa9a024156c4$var$md = new (0, ($parcel$interopDefault($dWhh5$markdownit)))({
|
|
15734
|
+
breaks: true,
|
|
15735
|
+
html: true,
|
|
15736
|
+
xhtmlOut: true,
|
|
15737
|
+
typographer: true,
|
|
15738
|
+
quotes: `""''`
|
|
15739
|
+
});
|
|
15740
|
+
const $8113fa9a024156c4$var$DisplayStreaming = ({ triggerScroll: triggerScroll, setStreamingEnded: setStreamingEnded, streamingActivity: streamingActivity, currentStreaming: currentStreaming, isMobile: isMobile })=>{
|
|
15741
|
+
var _streamingActivity_attachments;
|
|
15742
|
+
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
15743
|
+
const streamingQueue = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.streamingQueueForText);
|
|
15744
|
+
const streamingCount = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.streamingQueueFullLength);
|
|
15745
|
+
const { configuration: { forceMobileView: forceMobileView } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
15615
15746
|
const [streamingTextToDisplay, setStreamingTextToDisplay] = (0, $dWhh5$react.useState)("");
|
|
15616
15747
|
const [currentTextEnded, setCurrentTextEnded] = (0, $dWhh5$react.useState)(true);
|
|
15617
15748
|
const [currentQueueIndex, setCurrentQueueIndex] = (0, $dWhh5$react.useState)(0);
|
|
15749
|
+
const time = (0, $dWhh5$react.useMemo)(()=>{
|
|
15750
|
+
if (streamingQueue.length) {
|
|
15751
|
+
const answerTime = streamingQueue[0].localTimestamp ? new Date(streamingQueue[0].localTimestamp) : streamingQueue[0].timestamp ? new Date(streamingQueue[0].timestamp) : new Date();
|
|
15752
|
+
return answerTime;
|
|
15753
|
+
}
|
|
15754
|
+
return null;
|
|
15755
|
+
}, [
|
|
15756
|
+
streamingQueue
|
|
15757
|
+
]);
|
|
15618
15758
|
const intervalRef = (0, $dWhh5$react.useRef)(null);
|
|
15619
15759
|
const streamRef = (0, $dWhh5$react.useRef)([]);
|
|
15760
|
+
const streamIndexRef = (0, $dWhh5$react.useRef)(0);
|
|
15761
|
+
const previousTextRef = (0, $dWhh5$react.useRef)([]);
|
|
15762
|
+
// const handleNewStreaming = (text: string): void => {
|
|
15763
|
+
// text = md.render(text)
|
|
15764
|
+
// if (previousTextRef.current) {
|
|
15765
|
+
// for (let i = 0; i < previousTextRef.current.length; i++) {
|
|
15766
|
+
// if (text[i] !== previousTextRef.current[i]) {
|
|
15767
|
+
// streamIndexRef.current = i
|
|
15768
|
+
// break
|
|
15769
|
+
// }
|
|
15770
|
+
// }
|
|
15771
|
+
// } else {
|
|
15772
|
+
// streamIndexRef.current = 0
|
|
15773
|
+
// }
|
|
15774
|
+
// setCurrentTextEnded(false)
|
|
15775
|
+
// streamRef.current = text.split('')
|
|
15776
|
+
// previousTextRef.current = text
|
|
15777
|
+
// streamIndexRef.current !== streamingTextToDisplay.length &&
|
|
15778
|
+
// setStreamingTextToDisplay((value) =>
|
|
15779
|
+
// value.substring(0, streamIndexRef.current)
|
|
15780
|
+
// )
|
|
15781
|
+
// intervalRef.current = setInterval(() => {
|
|
15782
|
+
// if (streamIndexRef.current < streamRef.current?.length) {
|
|
15783
|
+
// const current = streamRef.current[streamIndexRef.current]
|
|
15784
|
+
// setStreamingTextToDisplay((value) => `${value}${current}`)
|
|
15785
|
+
// streamIndexRef.current = streamIndexRef.current + 1
|
|
15786
|
+
// } else {
|
|
15787
|
+
// setCurrentTextEnded(true)
|
|
15788
|
+
// intervalRef.current && clearInterval(intervalRef.current)
|
|
15789
|
+
// }
|
|
15790
|
+
// }, interval)
|
|
15791
|
+
// }
|
|
15620
15792
|
const handleNewStreaming = (text)=>{
|
|
15793
|
+
text = $8113fa9a024156c4$var$md.render(text);
|
|
15794
|
+
streamRef.current = text.split(" ");
|
|
15621
15795
|
setCurrentTextEnded(false);
|
|
15622
|
-
// Create array containing indexes of \n parts to replace them with html <br /> tag later
|
|
15623
|
-
const slashNIndexesArray = [];
|
|
15624
|
-
let searchIndex = 0;
|
|
15625
|
-
while(text.indexOf("\n", searchIndex) !== -1){
|
|
15626
|
-
const index = text.indexOf("\n", searchIndex);
|
|
15627
|
-
slashNIndexesArray.push(index);
|
|
15628
|
-
searchIndex = index + 2;
|
|
15629
|
-
}
|
|
15630
|
-
streamRef.current = text.split("");
|
|
15631
|
-
let currentIndex = 0;
|
|
15632
15796
|
intervalRef.current = setInterval(()=>{
|
|
15633
|
-
|
|
15634
|
-
|
|
15635
|
-
|
|
15636
|
-
|
|
15637
|
-
|
|
15638
|
-
setStreamingTextToDisplay((value)=>`${value}<br />`);
|
|
15639
|
-
streamRef.current = streamRef.current.slice(1);
|
|
15640
|
-
} else {
|
|
15641
|
-
setStreamingTextToDisplay((value)=>`${value}${current}`);
|
|
15642
|
-
streamRef.current = streamRef.current.slice(1);
|
|
15643
|
-
}
|
|
15644
|
-
currentIndex++;
|
|
15797
|
+
if (streamIndexRef.current < streamRef.current.length - 1) {
|
|
15798
|
+
const current = streamRef.current[streamIndexRef.current];
|
|
15799
|
+
setStreamingTextToDisplay((value)=>`${value} ${current}`);
|
|
15800
|
+
streamIndexRef.current = streamIndexRef.current + 1;
|
|
15801
|
+
streamIndexRef.current % 10 === 0 && triggerScroll();
|
|
15645
15802
|
} else {
|
|
15646
15803
|
setCurrentTextEnded(true);
|
|
15804
|
+
triggerScroll();
|
|
15647
15805
|
intervalRef.current && clearInterval(intervalRef.current);
|
|
15648
15806
|
}
|
|
15649
15807
|
}, $8113fa9a024156c4$var$interval);
|
|
15650
15808
|
};
|
|
15809
|
+
const resetData = ()=>{
|
|
15810
|
+
setCurrentQueueIndex(0);
|
|
15811
|
+
streamIndexRef.current = 0;
|
|
15812
|
+
previousTextRef.current = [];
|
|
15813
|
+
(0, $5f7f457957bd2c8d$export$e9ca045daeb00700)(0);
|
|
15814
|
+
(intervalRef === null || intervalRef === void 0 ? void 0 : intervalRef.current) && clearInterval(intervalRef.current);
|
|
15815
|
+
};
|
|
15651
15816
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
15652
|
-
if ((streamingQueue === null || streamingQueue === void 0 ? void 0 : streamingQueue.length)
|
|
15653
|
-
if (
|
|
15654
|
-
|
|
15655
|
-
|
|
15817
|
+
if (currentTextEnded && (streamingQueue === null || streamingQueue === void 0 ? void 0 : streamingQueue.length)) {
|
|
15818
|
+
if (streamingCount === 0 || currentQueueIndex < streamingCount) {
|
|
15819
|
+
if (streamingQueue.length > currentQueueIndex) {
|
|
15820
|
+
setStreamingEnded(false);
|
|
15821
|
+
let text = "";
|
|
15822
|
+
for(let i = 0; i <= currentQueueIndex; i++)text = text + streamingQueue[i].text;
|
|
15823
|
+
handleNewStreaming(text);
|
|
15824
|
+
setCurrentQueueIndex((value)=>value + 1);
|
|
15825
|
+
}
|
|
15656
15826
|
} else {
|
|
15657
|
-
|
|
15658
|
-
(
|
|
15827
|
+
let fullText = "";
|
|
15828
|
+
streamingQueue.forEach((activity)=>{
|
|
15829
|
+
fullText = `${fullText} ${activity.text}`;
|
|
15830
|
+
});
|
|
15831
|
+
setStreamingTextToDisplay($8113fa9a024156c4$var$md.render(fullText));
|
|
15832
|
+
setStreamingEnded(true);
|
|
15833
|
+
resetData();
|
|
15659
15834
|
}
|
|
15660
15835
|
}
|
|
15661
15836
|
}, [
|
|
15662
15837
|
streamingQueue,
|
|
15663
|
-
currentTextEnded
|
|
15838
|
+
currentTextEnded,
|
|
15839
|
+
streamingCount
|
|
15664
15840
|
]);
|
|
15665
15841
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
15666
|
-
|
|
15842
|
+
if (!currentStreaming) {
|
|
15843
|
+
setCurrentTextEnded(true);
|
|
15844
|
+
setStreamingTextToDisplay("");
|
|
15845
|
+
resetData();
|
|
15846
|
+
}
|
|
15667
15847
|
}, [
|
|
15668
|
-
|
|
15848
|
+
currentStreaming
|
|
15669
15849
|
]);
|
|
15670
15850
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
15671
15851
|
return ()=>{
|
|
@@ -15673,17 +15853,30 @@ const $8113fa9a024156c4$var$DisplayStreaming = ({ streamingQueue: streamingQueue
|
|
|
15673
15853
|
};
|
|
15674
15854
|
}, []);
|
|
15675
15855
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
|
|
15676
|
-
|
|
15677
|
-
className: "rf-flex rf-flex-col rf-text-size-auto rf-scrollbar-hidden",
|
|
15856
|
+
className: "rf-text-textModePanelConversationBot rf-flex rf-flex-col rf-items-start rf-gap-2",
|
|
15678
15857
|
children: [
|
|
15858
|
+
isMobile && time && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
15859
|
+
className: "rf-px-4 rf-text-[#9A9A9A]",
|
|
15860
|
+
children: time.toLocaleString(locale, {
|
|
15861
|
+
hour: "numeric",
|
|
15862
|
+
minute: "numeric"
|
|
15863
|
+
})
|
|
15864
|
+
}),
|
|
15679
15865
|
streamingTextToDisplay && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
15680
|
-
className: "rf-px-4
|
|
15866
|
+
className: "rf-px-4",
|
|
15681
15867
|
dangerouslySetInnerHTML: {
|
|
15682
15868
|
__html: streamingTextToDisplay
|
|
15683
15869
|
}
|
|
15684
15870
|
}),
|
|
15685
|
-
currentQueueIndex
|
|
15686
|
-
|
|
15871
|
+
currentQueueIndex === 0 ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
|
|
15872
|
+
children: !!(streamingActivity === null || streamingActivity === void 0 ? void 0 : (_streamingActivity_attachments = streamingActivity.attachments) === null || _streamingActivity_attachments === void 0 ? void 0 : _streamingActivity_attachments.length) && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
15873
|
+
className: `${forceMobileView ? "rf-m-auto" : "rf-w-full"} ${streamingActivity.attachments.length <= 1 && "rf-px-4"}`,
|
|
15874
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $c0f9a707e7db7f07$export$2e2bcd8739ae039), {
|
|
15875
|
+
activity: streamingActivity
|
|
15876
|
+
})
|
|
15877
|
+
})
|
|
15878
|
+
}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
15879
|
+
className: "rf-px-4 rf-font-bold rf-animate-blink",
|
|
15687
15880
|
children: "..."
|
|
15688
15881
|
})
|
|
15689
15882
|
]
|
|
@@ -15692,7 +15885,79 @@ const $8113fa9a024156c4$var$DisplayStreaming = ({ streamingQueue: streamingQueue
|
|
|
15692
15885
|
var $8113fa9a024156c4$export$2e2bcd8739ae039 = $8113fa9a024156c4$var$DisplayStreaming;
|
|
15693
15886
|
|
|
15694
15887
|
|
|
15695
|
-
|
|
15888
|
+
|
|
15889
|
+
const $a2a195f52aaf1332$var$DisplayStandard = ({ botResponses: botResponses, isMobile: isMobile, triggerScroll: triggerScroll, canBeStreaming: canBeStreaming })=>{
|
|
15890
|
+
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
15891
|
+
const currentStreaming = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.currentStreaming);
|
|
15892
|
+
const streamingId = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.streamingReplyToId);
|
|
15893
|
+
const { configuration: { forceMobileView: forceMobileView } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
15894
|
+
const [streamingActivity, setStreamingActivity] = (0, $dWhh5$react.useState)(undefined);
|
|
15895
|
+
const [streamingEnded, setStreamingEnded] = (0, $dWhh5$react.useState)(false);
|
|
15896
|
+
const nonStreamingActivities = (0, $dWhh5$react.useMemo)(()=>{
|
|
15897
|
+
if (streamingActivity) return botResponses.filter((act)=>act.id !== streamingActivity.id && act.replyToId === streamingActivity.replyToId);
|
|
15898
|
+
return botResponses;
|
|
15899
|
+
}, [
|
|
15900
|
+
streamingActivity,
|
|
15901
|
+
botResponses
|
|
15902
|
+
]);
|
|
15903
|
+
(0, $dWhh5$react.useEffect)(()=>{
|
|
15904
|
+
if (botResponses.length && currentStreaming) setStreamingActivity(botResponses.find((act)=>{
|
|
15905
|
+
var _act_value;
|
|
15906
|
+
return act.replyToId === streamingId && ((_act_value = act.value) === null || _act_value === void 0 ? void 0 : _act_value.streamingCount);
|
|
15907
|
+
}));
|
|
15908
|
+
else setStreamingActivity(undefined);
|
|
15909
|
+
}, [
|
|
15910
|
+
botResponses,
|
|
15911
|
+
currentStreaming,
|
|
15912
|
+
streamingId
|
|
15913
|
+
]);
|
|
15914
|
+
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
|
|
15915
|
+
children: [
|
|
15916
|
+
canBeStreaming && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $8113fa9a024156c4$export$2e2bcd8739ae039), {
|
|
15917
|
+
triggerScroll: triggerScroll,
|
|
15918
|
+
setStreamingEnded: setStreamingEnded,
|
|
15919
|
+
streamingActivity: streamingActivity,
|
|
15920
|
+
currentStreaming: currentStreaming,
|
|
15921
|
+
isMobile: isMobile
|
|
15922
|
+
}),
|
|
15923
|
+
(!streamingActivity || streamingActivity && streamingEnded) && nonStreamingActivities.map((activity, key)=>{
|
|
15924
|
+
var _activity_attachments;
|
|
15925
|
+
const answerTime = activity.localTimestamp ? new Date(activity.localTimestamp) : activity.timestamp ? new Date(activity.timestamp) : new Date();
|
|
15926
|
+
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
|
|
15927
|
+
className: `${key > 0 && "rf-pt-2"} rf-text-textModePanelConversationBot rf-animate-slideBottom rf-flex rf-flex-col rf-items-start rf-gap-2`,
|
|
15928
|
+
children: [
|
|
15929
|
+
isMobile && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
15930
|
+
className: "rf-px-4 rf-text-[#9A9A9A]",
|
|
15931
|
+
children: answerTime.toLocaleString(locale, {
|
|
15932
|
+
hour: "numeric",
|
|
15933
|
+
minute: "numeric"
|
|
15934
|
+
})
|
|
15935
|
+
}),
|
|
15936
|
+
activity.htmlText ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
15937
|
+
className: "rf-px-4",
|
|
15938
|
+
dangerouslySetInnerHTML: {
|
|
15939
|
+
__html: activity.htmlText
|
|
15940
|
+
}
|
|
15941
|
+
}) : activity.text ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
15942
|
+
className: "rf-px-4",
|
|
15943
|
+
children: (0, $547da4225675b90f$export$d6c6ec86eedacfd9)(activity.text)
|
|
15944
|
+
}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {}),
|
|
15945
|
+
!!(activity === null || activity === void 0 ? void 0 : (_activity_attachments = activity.attachments) === null || _activity_attachments === void 0 ? void 0 : _activity_attachments.length) && !(0, $1a0bdae30bc87d45$export$7c55936a30618336)(activity) && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
15946
|
+
className: `${forceMobileView ? "rf-m-auto" : "rf-w-full"} ${activity.attachments.length <= 1 && "rf-px-4"} rf-flex rf-flex-col rf-gap-2`,
|
|
15947
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $c0f9a707e7db7f07$export$2e2bcd8739ae039), {
|
|
15948
|
+
activity: activity
|
|
15949
|
+
})
|
|
15950
|
+
})
|
|
15951
|
+
]
|
|
15952
|
+
}, key);
|
|
15953
|
+
})
|
|
15954
|
+
]
|
|
15955
|
+
});
|
|
15956
|
+
};
|
|
15957
|
+
var $a2a195f52aaf1332$export$2e2bcd8739ae039 = $a2a195f52aaf1332$var$DisplayStandard;
|
|
15958
|
+
|
|
15959
|
+
|
|
15960
|
+
const $4d9ea07b04f0d01b$var$ConversationDisplay = ({ userQuestion: userQuestion, botResponses: botResponses, userQuestionTime: userQuestionTime, isMobile: isMobile, triggerScroll: triggerScroll, canBeStreaming: canBeStreaming })=>{
|
|
15696
15961
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
15697
15962
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
|
|
15698
15963
|
children: [
|
|
@@ -15713,12 +15978,15 @@ const $4d9ea07b04f0d01b$var$ConversationDisplay = ({ userQuestion: userQuestion,
|
|
|
15713
15978
|
})
|
|
15714
15979
|
]
|
|
15715
15980
|
}, userQuestion.id),
|
|
15716
|
-
|
|
15717
|
-
|
|
15718
|
-
|
|
15719
|
-
|
|
15720
|
-
|
|
15721
|
-
|
|
15981
|
+
/*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
15982
|
+
id: "retorik-botResponses",
|
|
15983
|
+
className: "rf-flex rf-flex-col rf-text-size-auto rf-gap-2 rf-scrollbar-hidden",
|
|
15984
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $a2a195f52aaf1332$export$2e2bcd8739ae039), {
|
|
15985
|
+
triggerScroll: triggerScroll,
|
|
15986
|
+
botResponses: botResponses || [],
|
|
15987
|
+
isMobile: isMobile,
|
|
15988
|
+
canBeStreaming: canBeStreaming
|
|
15989
|
+
})
|
|
15722
15990
|
})
|
|
15723
15991
|
]
|
|
15724
15992
|
});
|
|
@@ -15731,7 +15999,8 @@ const $7df5d708684c32ba$var$ConversationPanelMobile = ({ homeActivity: homeActiv
|
|
|
15731
15999
|
var _retorikConversationRef_current, _homeActivity_attachments;
|
|
15732
16000
|
const activities = (0, $970df85ce5628c51$export$2e2bcd8739ae039)();
|
|
15733
16001
|
const { configuration: configuration } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
15734
|
-
const
|
|
16002
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
16003
|
+
const isWidget = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
15735
16004
|
const listClosed = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.listClosed);
|
|
15736
16005
|
const open = (0, $1068fd56b5926747$export$d95eb9b67812311f)((state)=>state.open);
|
|
15737
16006
|
const agentData = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.agentData);
|
|
@@ -15739,8 +16008,6 @@ const $7df5d708684c32ba$var$ConversationPanelMobile = ({ homeActivity: homeActiv
|
|
|
15739
16008
|
const [scrollButtonDisplay, setScrollButtonDisplay] = (0, $dWhh5$react.useState)(false);
|
|
15740
16009
|
const [scrollButtonDirection, setScrollButtonDirection] = (0, $dWhh5$react.useState)("bottom");
|
|
15741
16010
|
const [preventScroll, setPreventScroll] = (0, $dWhh5$react.useState)(false);
|
|
15742
|
-
const streamingId = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.streamingReplyToIdForText);
|
|
15743
|
-
const streamingQueue = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.streamingQueueForText);
|
|
15744
16011
|
const retorikConversationRef = (0, $dWhh5$react.useRef)(null);
|
|
15745
16012
|
const botEndRef = (0, $dWhh5$react.useRef)(null);
|
|
15746
16013
|
const timerRef = (0, $dWhh5$react.useRef)(null);
|
|
@@ -15844,11 +16111,10 @@ const $7df5d708684c32ba$var$ConversationPanelMobile = ({ homeActivity: homeActiv
|
|
|
15844
16111
|
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $4d9ea07b04f0d01b$export$2e2bcd8739ae039), {
|
|
15845
16112
|
userQuestion: activity.question,
|
|
15846
16113
|
botResponses: activity.answers,
|
|
15847
|
-
streamingId: index === activities.length - 1 ? streamingId : null,
|
|
15848
|
-
streamingQueue: streamingQueue,
|
|
15849
16114
|
userQuestionTime: userQuestionTime,
|
|
15850
16115
|
isMobile: true,
|
|
15851
|
-
triggerScroll: ()=>scrollHandler("bottom", "newMessage")
|
|
16116
|
+
triggerScroll: ()=>scrollHandler("bottom", "newMessage"),
|
|
16117
|
+
canBeStreaming: index === activities.length - 1
|
|
15852
16118
|
})
|
|
15853
16119
|
}, index);
|
|
15854
16120
|
}),
|
|
@@ -15869,8 +16135,7 @@ const $7df5d708684c32ba$var$ConversationPanelMobile = ({ homeActivity: homeActiv
|
|
|
15869
16135
|
var $7df5d708684c32ba$export$2e2bcd8739ae039 = $7df5d708684c32ba$var$ConversationPanelMobile;
|
|
15870
16136
|
|
|
15871
16137
|
|
|
15872
|
-
|
|
15873
|
-
|
|
16138
|
+
/* eslint-disable react/jsx-boolean-value */
|
|
15874
16139
|
|
|
15875
16140
|
|
|
15876
16141
|
|
|
@@ -15880,8 +16145,6 @@ const $d65b086bfae1b3b3$var$ConversationPanelLarge = ({ homeActivity: homeActivi
|
|
|
15880
16145
|
var _homeActivity_attachments, _homeActivity_attachments1;
|
|
15881
16146
|
const activities = (0, $970df85ce5628c51$export$2e2bcd8739ae039)();
|
|
15882
16147
|
const { mediumLandscape: mediumLandscape } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
15883
|
-
const streamingId = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.streamingReplyToIdForText);
|
|
15884
|
-
const streamingQueue = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.streamingQueueForText);
|
|
15885
16148
|
const botEndRef = (0, $dWhh5$react.useRef)(null);
|
|
15886
16149
|
const timerRef = (0, $dWhh5$react.useRef)(null);
|
|
15887
16150
|
const userQuestion = (0, $dWhh5$react.useMemo)(()=>{
|
|
@@ -15913,7 +16176,7 @@ const $d65b086bfae1b3b3$var$ConversationPanelLarge = ({ homeActivity: homeActivi
|
|
|
15913
16176
|
}, [
|
|
15914
16177
|
itemsInConversation
|
|
15915
16178
|
]);
|
|
15916
|
-
return (homeActivity === null || homeActivity === void 0 ? void 0 : (_homeActivity_attachments = homeActivity.attachments) === null || _homeActivity_attachments === void 0 ? void 0 : _homeActivity_attachments.length) ||
|
|
16179
|
+
return (homeActivity === null || homeActivity === void 0 ? void 0 : (_homeActivity_attachments = homeActivity.attachments) === null || _homeActivity_attachments === void 0 ? void 0 : _homeActivity_attachments.length) || userQuestion || botResponses ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
15917
16180
|
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`,
|
|
15918
16181
|
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
|
|
15919
16182
|
id: "retorik-conversation",
|
|
@@ -15927,9 +16190,8 @@ const $d65b086bfae1b3b3$var$ConversationPanelLarge = ({ homeActivity: homeActivi
|
|
|
15927
16190
|
}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $4d9ea07b04f0d01b$export$2e2bcd8739ae039), {
|
|
15928
16191
|
userQuestion: userQuestion,
|
|
15929
16192
|
botResponses: botResponses,
|
|
15930
|
-
|
|
15931
|
-
|
|
15932
|
-
triggerScroll: handleScroll
|
|
16193
|
+
triggerScroll: handleScroll,
|
|
16194
|
+
canBeStreaming: true
|
|
15933
16195
|
}),
|
|
15934
16196
|
/*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
15935
16197
|
ref: botEndRef
|
|
@@ -15942,10 +16204,12 @@ var $d65b086bfae1b3b3$export$2e2bcd8739ae039 = $d65b086bfae1b3b3$var$Conversatio
|
|
|
15942
16204
|
|
|
15943
16205
|
|
|
15944
16206
|
|
|
16207
|
+
|
|
15945
16208
|
const $248ff5c2ef55c790$export$a1f3f6b0b496333e = ()=>{
|
|
15946
16209
|
const activities = (0, $970df85ce5628c51$export$2e2bcd8739ae039)();
|
|
15947
16210
|
const { configuration: { forceMobileView: forceMobileView } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
15948
|
-
const
|
|
16211
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
16212
|
+
const { showHomeAttachments: showHomeAttachments } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
15949
16213
|
const listClosed = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.listClosed);
|
|
15950
16214
|
const [listActivity, setListActivity] = (0, $dWhh5$react.useState)(undefined);
|
|
15951
16215
|
/**
|
|
@@ -16008,6 +16272,7 @@ const $248ff5c2ef55c790$export$a1f3f6b0b496333e = ()=>{
|
|
|
16008
16272
|
|
|
16009
16273
|
|
|
16010
16274
|
|
|
16275
|
+
|
|
16011
16276
|
|
|
16012
16277
|
|
|
16013
16278
|
const $9c84070cf0521963$var$Mode = ()=>{
|
|
@@ -16063,7 +16328,7 @@ var $9c84070cf0521963$export$2e2bcd8739ae039 = $9c84070cf0521963$var$Mode;
|
|
|
16063
16328
|
|
|
16064
16329
|
const $3a6f407e42297873$var$Remote = ()=>{
|
|
16065
16330
|
const { configuration: { disableSound: disableSound } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
16066
|
-
const
|
|
16331
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
16067
16332
|
const mode = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
16068
16333
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
|
|
16069
16334
|
id: "retorik-framework-remote",
|
|
@@ -16143,6 +16408,7 @@ var $81e653c6b570247f$export$2e2bcd8739ae039 = $81e653c6b570247f$var$RemoteConta
|
|
|
16143
16408
|
|
|
16144
16409
|
|
|
16145
16410
|
|
|
16411
|
+
|
|
16146
16412
|
const $e27b2d64339a5000$var$ModeButton = ({ label: label, selected: selected, onClick: onClick })=>{
|
|
16147
16413
|
const { themeColors: themeColors } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
16148
16414
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("button", {
|
|
@@ -16166,11 +16432,10 @@ var $e27b2d64339a5000$export$2e2bcd8739ae039 = $e27b2d64339a5000$var$ModeButton;
|
|
|
16166
16432
|
|
|
16167
16433
|
|
|
16168
16434
|
|
|
16169
|
-
|
|
16170
16435
|
const $40c9c7ece5949bcc$var$Mobile = ({ parametersOpened: parametersOpened, toggleParameters: toggleParameters })=>{
|
|
16171
16436
|
const { setCanFocusSendBox: setCanFocusSendBox, configuration: { hideMenu: hideMenu } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
16172
16437
|
const mode = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
16173
|
-
const
|
|
16438
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
16174
16439
|
const [fromTextToVocal, setFromTextToVocal] = (0, $dWhh5$react.useState)(false);
|
|
16175
16440
|
const { configuration: { disableSpeechMode: disabledSpeechMode } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
16176
16441
|
const toggleMode = (newMode)=>{
|
|
@@ -16242,7 +16507,7 @@ var $40c9c7ece5949bcc$export$2e2bcd8739ae039 = $40c9c7ece5949bcc$var$Mobile;
|
|
|
16242
16507
|
const $e2e69d564c00882c$var$ParametersAndDashboardContainer = ({ handleBack: handleBack, hideMenu: hideMenu = false })=>{
|
|
16243
16508
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
16244
16509
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
16245
|
-
const
|
|
16510
|
+
const isWidget = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
16246
16511
|
const divRef = (0, $dWhh5$react.useRef)(null);
|
|
16247
16512
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
16248
16513
|
(divRef === null || divRef === void 0 ? void 0 : divRef.current) && isWidget && (0, $9eb4669b72b0cf4a$export$2e2bcd8739ae039)(null, divRef);
|
|
@@ -16318,7 +16583,8 @@ var $dc82c3c971b3eb9c$export$2e2bcd8739ae039 = $dc82c3c971b3eb9c$var$MobileConta
|
|
|
16318
16583
|
|
|
16319
16584
|
|
|
16320
16585
|
const $86a958d0e5b6b736$var$MenuDisplayer = ({ hideMenu: hideMenu })=>{
|
|
16321
|
-
const
|
|
16586
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
16587
|
+
const { displayControls: displayControls } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
16322
16588
|
return !displayControls ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {}) : isMobile ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $dc82c3c971b3eb9c$export$2e2bcd8739ae039), {
|
|
16323
16589
|
hideMenu: !!hideMenu
|
|
16324
16590
|
}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
|
|
@@ -16555,9 +16821,11 @@ var $d2c0480827389113$export$2e2bcd8739ae039 = $d2c0480827389113$var$ExtendIcon;
|
|
|
16555
16821
|
const $6c3069cd619942d1$var$HomeView = ({ chatbotData: chatbotData, externalComponents: externalComponents })=>{
|
|
16556
16822
|
const displayChangeLayoutButton = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.changeLayoutButtonDisplay);
|
|
16557
16823
|
const currentLayout = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.currentLayout);
|
|
16558
|
-
const
|
|
16824
|
+
const loaderClosed = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
16825
|
+
const { configuration: configuration } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
16559
16826
|
const mode = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
16560
|
-
const
|
|
16827
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
16828
|
+
const { configurations: configurations, setDisplayControls: setDisplayControls } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
16561
16829
|
const displayAgent = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.displayAgent);
|
|
16562
16830
|
const displayData = (0, $dWhh5$react.useMemo)(()=>{
|
|
16563
16831
|
return configurations.views.home;
|
|
@@ -16568,7 +16836,6 @@ const $6c3069cd619942d1$var$HomeView = ({ chatbotData: chatbotData, externalComp
|
|
|
16568
16836
|
setDisplayControls(!configuration.hideControls);
|
|
16569
16837
|
}, []);
|
|
16570
16838
|
const extendButtonHandler = ()=>{
|
|
16571
|
-
(0, $c7242af7a2bc5e50$export$29ec02ff899d2b53)(true);
|
|
16572
16839
|
(0, $c7242af7a2bc5e50$export$e8437af1f2483b8e)((0, $71c613e2e831c34c$export$a31c5a03aaeee5f).widget);
|
|
16573
16840
|
(0, $1068fd56b5926747$export$a1c83309c736819f)();
|
|
16574
16841
|
};
|
|
@@ -16622,6 +16889,7 @@ var $6c3069cd619942d1$export$2e2bcd8739ae039 = $6c3069cd619942d1$var$HomeView;
|
|
|
16622
16889
|
|
|
16623
16890
|
|
|
16624
16891
|
|
|
16892
|
+
|
|
16625
16893
|
const $01d9bb41fd368021$var$Time = ({ belowReturnButton: belowReturnButton })=>{
|
|
16626
16894
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
16627
16895
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
@@ -16675,11 +16943,14 @@ var $01d9bb41fd368021$export$2e2bcd8739ae039 = $01d9bb41fd368021$var$Time;
|
|
|
16675
16943
|
|
|
16676
16944
|
|
|
16677
16945
|
|
|
16946
|
+
|
|
16947
|
+
|
|
16678
16948
|
const $24072221965576dd$var$Banner = ({ news: news })=>{
|
|
16679
16949
|
var _news_image, _news_image1;
|
|
16680
16950
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
16681
16951
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
16682
|
-
const
|
|
16952
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
16953
|
+
const { currentWidth: currentWidth } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
16683
16954
|
const timerRef = (0, $dWhh5$react.useRef)(null);
|
|
16684
16955
|
const [scrollDuration, setScrollDuration] = (0, $dWhh5$react.useState)(0);
|
|
16685
16956
|
const [imageSize, setImageSize] = (0, $dWhh5$react.useState)(0);
|
|
@@ -16807,7 +17078,8 @@ var $d3f2491623efa760$export$2e2bcd8739ae039 = $d3f2491623efa760$var$useNews;
|
|
|
16807
17078
|
|
|
16808
17079
|
const $d399eaf5da71d3d6$var$News = ({ intervalInSeconds: intervalInSeconds = 3, onEnd: onEnd, isRetorikNews: isRetorikNews })=>{
|
|
16809
17080
|
const { newsAttachments: newsAttachments, activity: activity } = (0, $d3f2491623efa760$export$2e2bcd8739ae039)();
|
|
16810
|
-
const
|
|
17081
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
17082
|
+
const { route: route } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
16811
17083
|
const news = (0, $dWhh5$react.useMemo)(()=>{
|
|
16812
17084
|
return newsAttachments.map((newsAttachement)=>newsAttachement.content);
|
|
16813
17085
|
}, [
|
|
@@ -16917,7 +17189,8 @@ const $9b9bf2fb80ceb1cd$var$NewsView = ({ chatbotData: chatbotData, hideMenu: hi
|
|
|
16917
17189
|
const { configuration: configuration } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
16918
17190
|
const agentData = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.agentData);
|
|
16919
17191
|
const muted = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.muted);
|
|
16920
|
-
const
|
|
17192
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
17193
|
+
const { configurations: configurations, setRoute: setRoute, setDisplayControls: setDisplayControls } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
16921
17194
|
const [displayData, setDisplayData] = (0, $dWhh5$react.useState)(configurations.views.news || configurations.views.home);
|
|
16922
17195
|
const [step, setStep] = (0, $dWhh5$react.useState)(((_configurations_views_news = configurations.views.news) === null || _configurations_views_news === void 0 ? void 0 : _configurations_views_news.openingVideo) ? 1 : 2);
|
|
16923
17196
|
const timerRef = (0, $dWhh5$react.useRef)(null);
|
|
@@ -16934,8 +17207,11 @@ const $9b9bf2fb80ceb1cd$var$NewsView = ({ chatbotData: chatbotData, hideMenu: hi
|
|
|
16934
17207
|
setDisplayControls(false);
|
|
16935
17208
|
muted && (0, $5f7f457957bd2c8d$export$a1680ba91cc9be33)(false);
|
|
16936
17209
|
return ()=>{
|
|
16937
|
-
|
|
16938
|
-
|
|
17210
|
+
// Send closing events unless we are using RetorikNews component
|
|
17211
|
+
if (!isRetorikNews) {
|
|
17212
|
+
sendEvent("Davi.CloseWindow", null);
|
|
17213
|
+
sendEvent("Davi.CloseWindowNews", null);
|
|
17214
|
+
}
|
|
16939
17215
|
};
|
|
16940
17216
|
}, []);
|
|
16941
17217
|
/**
|
|
@@ -17184,6 +17460,7 @@ var $1e3451b8a577006c$export$2e2bcd8739ae039 = $1e3451b8a577006c$var$RetorikRout
|
|
|
17184
17460
|
|
|
17185
17461
|
|
|
17186
17462
|
|
|
17463
|
+
|
|
17187
17464
|
const $9ccee10030bde87b$var$ModalFullscreen = ()=>{
|
|
17188
17465
|
const content = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.modalFullscreenContent);
|
|
17189
17466
|
const handleClick = (event)=>{
|
|
@@ -17202,7 +17479,8 @@ var $9ccee10030bde87b$export$2e2bcd8739ae039 = $9ccee10030bde87b$var$ModalFullsc
|
|
|
17202
17479
|
|
|
17203
17480
|
|
|
17204
17481
|
const $9242b50f1c1199a7$var$Container = ({ fullSize: fullSize, width: width, height: height, children: children, colors: colors, parent: parent })=>{
|
|
17205
|
-
const
|
|
17482
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
17483
|
+
const { isTactile: isTactile, setCurrentHeight: setCurrentHeight, setCurrentWidth: setCurrentWidth } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
17206
17484
|
const { configuration: { doNotDetectDeviceFromUserAgent: doNotDetectDeviceFromUserAgent, forceMobileView: forceMobileView } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
17207
17485
|
const container = (0, $dWhh5$react.useRef)(null);
|
|
17208
17486
|
const dimensions = (0, $b81eedb00aebd99e$export$2e2bcd8739ae039)(container);
|
|
@@ -17260,35 +17538,35 @@ const $9242b50f1c1199a7$var$Container = ({ fullSize: fullSize, width: width, hei
|
|
|
17260
17538
|
*/ (0, $dWhh5$react.useEffect)(()=>{
|
|
17261
17539
|
if (forceMobileView) {
|
|
17262
17540
|
setLarge("");
|
|
17263
|
-
|
|
17541
|
+
(0, $30fe6c40d8e8a888$export$1ae69652bfc21d9e)((0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).mobile);
|
|
17264
17542
|
setPortrait("rf-portrait");
|
|
17265
17543
|
} else if (doNotDetectDeviceFromUserAgent) {
|
|
17266
17544
|
const isPortrait = checkPortrait(dimensions.width, dimensions.height);
|
|
17267
17545
|
if (isPortrait) {
|
|
17268
17546
|
if (dimensions.width > (0, $0b4f07c0f09dbbcf$export$2e65b7c7134e01f0)) {
|
|
17269
17547
|
setLarge("rf-large");
|
|
17270
|
-
|
|
17548
|
+
(0, $30fe6c40d8e8a888$export$1ae69652bfc21d9e)(parent === (0, $71c613e2e831c34c$export$a31c5a03aaeee5f).widget ? (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).widgetBorne : (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).borne);
|
|
17271
17549
|
} else {
|
|
17272
17550
|
setLarge("");
|
|
17273
|
-
|
|
17551
|
+
(0, $30fe6c40d8e8a888$export$1ae69652bfc21d9e)(parent === (0, $71c613e2e831c34c$export$a31c5a03aaeee5f).widget ? (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).widget : (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).mobile);
|
|
17274
17552
|
}
|
|
17275
17553
|
} else if (dimensions.height > (0, $0b4f07c0f09dbbcf$export$2e65b7c7134e01f0)) {
|
|
17276
17554
|
setLarge("rf-large");
|
|
17277
|
-
|
|
17555
|
+
(0, $30fe6c40d8e8a888$export$1ae69652bfc21d9e)(parent === (0, $71c613e2e831c34c$export$a31c5a03aaeee5f).widget ? (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).widgetLandscape : (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).landscape);
|
|
17278
17556
|
} else {
|
|
17279
17557
|
setLarge("");
|
|
17280
|
-
|
|
17558
|
+
(0, $30fe6c40d8e8a888$export$1ae69652bfc21d9e)(parent === (0, $71c613e2e831c34c$export$a31c5a03aaeee5f).widget ? (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).widget : (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).mobile);
|
|
17281
17559
|
}
|
|
17282
17560
|
} else if (0, $dWhh5$reactdevicedetect.isMobile) {
|
|
17283
17561
|
setPortrait("rf-portrait");
|
|
17284
17562
|
setLarge("");
|
|
17285
|
-
|
|
17563
|
+
(0, $30fe6c40d8e8a888$export$1ae69652bfc21d9e)(parent === (0, $71c613e2e831c34c$export$a31c5a03aaeee5f).widget ? (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).widget : (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).mobile);
|
|
17286
17564
|
} else {
|
|
17287
17565
|
const isPortrait = checkPortrait(dimensions.width, dimensions.height);
|
|
17288
17566
|
// Check for 'rf-large' class
|
|
17289
17567
|
setLarge(parent === (0, $71c613e2e831c34c$export$a31c5a03aaeee5f).widget && dimensions.width < (0, $0b4f07c0f09dbbcf$export$2e65b7c7134e01f0) ? "" : "rf-large");
|
|
17290
|
-
if (isPortrait)
|
|
17291
|
-
else
|
|
17568
|
+
if (isPortrait) (0, $30fe6c40d8e8a888$export$1ae69652bfc21d9e)(parent === (0, $71c613e2e831c34c$export$a31c5a03aaeee5f).widget ? dimensions.width > (0, $0b4f07c0f09dbbcf$export$2e65b7c7134e01f0) ? (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).widgetBorne : (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).widget : (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).borne);
|
|
17569
|
+
else (0, $30fe6c40d8e8a888$export$1ae69652bfc21d9e)(parent === (0, $71c613e2e831c34c$export$a31c5a03aaeee5f).widget ? (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).widgetLandscape : (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).landscape);
|
|
17292
17570
|
}
|
|
17293
17571
|
dimensions.height && setCurrentHeight(dimensions.height);
|
|
17294
17572
|
dimensions.width && setCurrentWidth(dimensions.width);
|
|
@@ -17371,6 +17649,73 @@ var $9242b50f1c1199a7$export$2e2bcd8739ae039 = $9242b50f1c1199a7$var$Container;
|
|
|
17371
17649
|
|
|
17372
17650
|
|
|
17373
17651
|
|
|
17652
|
+
const $df401eb9a10f9e0e$var$SpeechContextDefaultValues = {
|
|
17653
|
+
// Common data
|
|
17654
|
+
ponyfillCredentials: {
|
|
17655
|
+
region: "francecentral",
|
|
17656
|
+
subscriptionKey: ""
|
|
17657
|
+
},
|
|
17658
|
+
// Speech synthesis data
|
|
17659
|
+
voice: null,
|
|
17660
|
+
customVoice: undefined,
|
|
17661
|
+
setVoice: ()=>{},
|
|
17662
|
+
// Speech recognition data
|
|
17663
|
+
useContinuousRecognition: true,
|
|
17664
|
+
setUseContinuousRecognition: ()=>{}
|
|
17665
|
+
};
|
|
17666
|
+
const $df401eb9a10f9e0e$export$11ed12a49459a250 = /*#__PURE__*/ (0, $dWhh5$react.createContext)($df401eb9a10f9e0e$var$SpeechContextDefaultValues);
|
|
17667
|
+
function $df401eb9a10f9e0e$export$57e792e009c800a0() {
|
|
17668
|
+
return (0, $dWhh5$react.useContext)($df401eb9a10f9e0e$export$11ed12a49459a250);
|
|
17669
|
+
}
|
|
17670
|
+
function $df401eb9a10f9e0e$export$c3549adc483a11c2({ ponyfillFactoryCredentials: ponyfillFactoryCredentials, customVoice: customVoice, children: children }) {
|
|
17671
|
+
const { configuration: { speechRecognitionOptions: speechRecognitionOptions } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
17672
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
17673
|
+
const checkContinuousSpeechRecognition = ()=>{
|
|
17674
|
+
if (speechRecognitionOptions === null || speechRecognitionOptions === void 0 ? void 0 : speechRecognitionOptions.enableContinuousRecognitionOnAllDevices) return true;
|
|
17675
|
+
if (speechRecognitionOptions === null || speechRecognitionOptions === void 0 ? void 0 : speechRecognitionOptions.enableContinuousRecognitionOn) switch(currentDeviceType){
|
|
17676
|
+
case (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).mobile:
|
|
17677
|
+
return !!speechRecognitionOptions.enableContinuousRecognitionOn.mobile;
|
|
17678
|
+
case (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).widget:
|
|
17679
|
+
return !!speechRecognitionOptions.enableContinuousRecognitionOn.widget;
|
|
17680
|
+
case (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).landscape:
|
|
17681
|
+
return !!speechRecognitionOptions.enableContinuousRecognitionOn.desktop;
|
|
17682
|
+
case (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).borne:
|
|
17683
|
+
return !!speechRecognitionOptions.enableContinuousRecognitionOn.borne;
|
|
17684
|
+
default:
|
|
17685
|
+
return false;
|
|
17686
|
+
}
|
|
17687
|
+
return false;
|
|
17688
|
+
};
|
|
17689
|
+
const [voice, setVoice] = (0, $dWhh5$react.useState)(null);
|
|
17690
|
+
const [useContinuousRecognition, setUseContinuousRecognition] = (0, $dWhh5$react.useState)(checkContinuousSpeechRecognition());
|
|
17691
|
+
const value = (0, $dWhh5$react.useMemo)(()=>({
|
|
17692
|
+
ponyfillCredentials: ponyfillFactoryCredentials,
|
|
17693
|
+
voice: voice,
|
|
17694
|
+
customVoice: customVoice,
|
|
17695
|
+
setVoice: setVoice,
|
|
17696
|
+
useContinuousRecognition: useContinuousRecognition,
|
|
17697
|
+
setUseContinuousRecognition: setUseContinuousRecognition
|
|
17698
|
+
}), [
|
|
17699
|
+
ponyfillFactoryCredentials,
|
|
17700
|
+
voice,
|
|
17701
|
+
customVoice,
|
|
17702
|
+
setVoice,
|
|
17703
|
+
useContinuousRecognition,
|
|
17704
|
+
setUseContinuousRecognition
|
|
17705
|
+
]);
|
|
17706
|
+
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
|
|
17707
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)($df401eb9a10f9e0e$export$11ed12a49459a250.Provider, {
|
|
17708
|
+
value: value,
|
|
17709
|
+
children: children
|
|
17710
|
+
})
|
|
17711
|
+
});
|
|
17712
|
+
}
|
|
17713
|
+
|
|
17714
|
+
|
|
17715
|
+
|
|
17716
|
+
|
|
17717
|
+
|
|
17718
|
+
|
|
17374
17719
|
|
|
17375
17720
|
|
|
17376
17721
|
|
|
@@ -17503,15 +17848,15 @@ var $c60444aa70224d4d$export$2e2bcd8739ae039 = $c60444aa70224d4d$var$ContextProv
|
|
|
17503
17848
|
|
|
17504
17849
|
|
|
17505
17850
|
|
|
17506
|
-
const $68ec406cc754e31c$
|
|
17851
|
+
const $68ec406cc754e31c$export$6969335ea1e4e77c = (target, source)=>{
|
|
17507
17852
|
const isObject = (obj)=>obj && typeof obj === "object";
|
|
17508
17853
|
if (!isObject(target) || !isObject(source)) return source;
|
|
17509
17854
|
Object.keys(source).forEach((key)=>{
|
|
17510
17855
|
const targetValue = target[key];
|
|
17511
17856
|
const sourceValue = source[key];
|
|
17512
|
-
if (targetValue) {
|
|
17857
|
+
if (targetValue || targetValue === false) {
|
|
17513
17858
|
if (Array.isArray(targetValue) && Array.isArray(sourceValue)) source[key] = targetValue.concat(sourceValue);
|
|
17514
|
-
else if (isObject(targetValue) && isObject(sourceValue)) source[key] = $68ec406cc754e31c$
|
|
17859
|
+
else if (isObject(targetValue) && isObject(sourceValue)) source[key] = $68ec406cc754e31c$export$6969335ea1e4e77c(targetValue, sourceValue);
|
|
17515
17860
|
else source[key] = targetValue;
|
|
17516
17861
|
}
|
|
17517
17862
|
});
|
|
@@ -17519,7 +17864,7 @@ const $68ec406cc754e31c$var$deepMerge = (target, source)=>{
|
|
|
17519
17864
|
};
|
|
17520
17865
|
const $68ec406cc754e31c$var$getThemeColors = (colors)=>{
|
|
17521
17866
|
let defaultColors = (colors === null || colors === void 0 ? void 0 : colors.theme) === "light" ? (0, $04a533cfb295ca20$export$1196b7bf97f3d16c) : (0, $04a533cfb295ca20$export$d80fe84b82195dbd);
|
|
17522
|
-
defaultColors = $68ec406cc754e31c$
|
|
17867
|
+
defaultColors = $68ec406cc754e31c$export$6969335ea1e4e77c(colors, defaultColors);
|
|
17523
17868
|
return defaultColors;
|
|
17524
17869
|
};
|
|
17525
17870
|
var $68ec406cc754e31c$export$2e2bcd8739ae039 = $68ec406cc754e31c$var$getThemeColors;
|
|
@@ -17672,14 +18017,6 @@ var $e7fbc91b362e1033$export$2e2bcd8739ae039 = $e7fbc91b362e1033$var$IndexedDbMa
|
|
|
17672
18017
|
|
|
17673
18018
|
|
|
17674
18019
|
|
|
17675
|
-
|
|
17676
|
-
|
|
17677
|
-
const $acf3b62642941e13$var$Animation = ()=>{
|
|
17678
|
-
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
17679
|
-
className: "rf-relative rf-loader rf-animate-loader rf-h-6 -rf-top-6 rf-rounded-half"
|
|
17680
|
-
});
|
|
17681
|
-
};
|
|
17682
|
-
var $acf3b62642941e13$export$2e2bcd8739ae039 = $acf3b62642941e13$var$Animation;
|
|
17683
18020
|
|
|
17684
18021
|
|
|
17685
18022
|
|
|
@@ -17821,13 +18158,15 @@ var $59a12b6e2b34e902$export$2e2bcd8739ae039 = $59a12b6e2b34e902$var$LoaderCallT
|
|
|
17821
18158
|
|
|
17822
18159
|
|
|
17823
18160
|
|
|
18161
|
+
|
|
17824
18162
|
const $7f65f9ca51e19c19$var$springDuration = 500;
|
|
17825
18163
|
const $7f65f9ca51e19c19$var$finalMessageDisplayDuration = 2500;
|
|
17826
18164
|
const $7f65f9ca51e19c19$var$GdprWindow = ({ titleTextSize: titleTextSize })=>{
|
|
17827
18165
|
const data = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.GDPRWindowData);
|
|
17828
18166
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
17829
18167
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
17830
|
-
const
|
|
18168
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
18169
|
+
const { themeColors: themeColors } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
17831
18170
|
const [finalMessage, setFinalMessage] = (0, $dWhh5$react.useState)(null);
|
|
17832
18171
|
const finalMessageTimerRef = (0, $dWhh5$react.useRef)();
|
|
17833
18172
|
const animationTimerRef = (0, $dWhh5$react.useRef)();
|
|
@@ -17954,12 +18293,16 @@ const $7f65f9ca51e19c19$var$GdprWindow = ({ titleTextSize: titleTextSize })=>{
|
|
|
17954
18293
|
var $7f65f9ca51e19c19$export$2e2bcd8739ae039 = $7f65f9ca51e19c19$var$GdprWindow;
|
|
17955
18294
|
|
|
17956
18295
|
|
|
18296
|
+
|
|
17957
18297
|
const $9a1eaae49cbafe0e$var$springEnterDuration = 500;
|
|
17958
18298
|
const $9a1eaae49cbafe0e$var$springLeaveDuration = 1000;
|
|
17959
18299
|
const $9a1eaae49cbafe0e$var$GdprAndLoader = ({ appAvailable: appAvailable, handleValidation: handleValidation })=>{
|
|
17960
18300
|
const displayGDPR = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.GDPRDisplay);
|
|
17961
|
-
const
|
|
17962
|
-
const {
|
|
18301
|
+
const loaderClosed = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
18302
|
+
const { configuration: { hideRetorikLogo: hideRetorikLogo } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
18303
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
18304
|
+
const isWidget = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
18305
|
+
const { themeColors: themeColors } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
17963
18306
|
const [textSize, setTextSize] = (0, $dWhh5$react.useState)("");
|
|
17964
18307
|
const [titleTextSize, setTitleTextSize] = (0, $dWhh5$react.useState)();
|
|
17965
18308
|
const container = (0, $dWhh5$react.useRef)(null);
|
|
@@ -18048,11 +18391,13 @@ const $9a1eaae49cbafe0e$var$GdprAndLoader = ({ appAvailable: appAvailable, handl
|
|
|
18048
18391
|
var $9a1eaae49cbafe0e$export$2e2bcd8739ae039 = $9a1eaae49cbafe0e$var$GdprAndLoader;
|
|
18049
18392
|
|
|
18050
18393
|
|
|
18394
|
+
|
|
18051
18395
|
const $d31b268c3b702355$var$DBManager = new (0, $e7fbc91b362e1033$export$2e2bcd8739ae039)();
|
|
18052
18396
|
const $d31b268c3b702355$var$tagsRemoverRegex = /<[^<>]+>/g;
|
|
18053
18397
|
const $d31b268c3b702355$var$RetorikSpeech = ({ ponyfill: ponyfill, onEnd: onEnd, onError: onError, onStart: onStart, utterance: utterance, nextUtterance: nextUtterance, appAvailable: appAvailable })=>{
|
|
18054
18398
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
18055
|
-
const
|
|
18399
|
+
const loaderClosed = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
18400
|
+
const { configuration: { enableSpeechCaching: enableSpeechCaching, speechRecognitionOptions: speechRecognitionOptions, isUsedOnBorne: isUsedOnBorne } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
18056
18401
|
const { voice: voice } = (0, $df401eb9a10f9e0e$export$57e792e009c800a0)();
|
|
18057
18402
|
const muted = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.muted);
|
|
18058
18403
|
const activeRecognitionState = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.activeRecognitionState);
|
|
@@ -18230,7 +18575,7 @@ const $d31b268c3b702355$var$RetorikSpeech = ({ ponyfill: ponyfill, onEnd: onEnd,
|
|
|
18230
18575
|
if (appAvailable || loaderClosed) {
|
|
18231
18576
|
onEnd && onEnd();
|
|
18232
18577
|
resetData();
|
|
18233
|
-
} else
|
|
18578
|
+
} else (0, $c7242af7a2bc5e50$export$982d69b78a955aaf)(true);
|
|
18234
18579
|
};
|
|
18235
18580
|
const handleError = (error)=>{
|
|
18236
18581
|
console.log("Error : ", error);
|
|
@@ -18381,7 +18726,8 @@ const $ad561f5c61e38c20$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
|
|
|
18381
18726
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
18382
18727
|
const mode = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
18383
18728
|
const agentData = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.agentData);
|
|
18384
|
-
const
|
|
18729
|
+
const appAvailable = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.appAvailable);
|
|
18730
|
+
const { configuration: { preventExpectedInputHint: preventExpectedInputHint, speechSynthesisOptions: speechSynthesisOptions } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
18385
18731
|
const currentNewsActivity = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.currentNewsActivity);
|
|
18386
18732
|
const lastBotActivity = (0, $9acd31406c230961$export$b56465394e2b1287)((state)=>state.lastBotMessageActivity);
|
|
18387
18733
|
const toggleMicrophone = (0, $e37833e47d877d3a$export$2e2bcd8739ae039)();
|
|
@@ -18593,6 +18939,7 @@ const $ad561f5c61e38c20$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
|
|
|
18593
18939
|
if (cancel) {
|
|
18594
18940
|
utterance ? setUtterance(null) : (0, $5f7f457957bd2c8d$export$d0df6aec4e971f52)(false);
|
|
18595
18941
|
setNextUtterance(null);
|
|
18942
|
+
(0, $5f7f457957bd2c8d$export$c3296e37e9ef3fed)();
|
|
18596
18943
|
}
|
|
18597
18944
|
}, [
|
|
18598
18945
|
cancel
|
|
@@ -18779,9 +19126,8 @@ const $ad561f5c61e38c20$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
|
|
|
18779
19126
|
// Check if the audio ended because of a cancel call
|
|
18780
19127
|
if (cancelRef.current) {
|
|
18781
19128
|
queuedActivitiesRef.current = [];
|
|
18782
|
-
(0, $5f7f457957bd2c8d$export$614a80601162ec38)(null);
|
|
18783
19129
|
tempCurrentStreamingRef.current = null;
|
|
18784
|
-
|
|
19130
|
+
// killCurrentStreaming()
|
|
18785
19131
|
(0, $5f7f457957bd2c8d$export$d0df6aec4e971f52)(false);
|
|
18786
19132
|
} else if (streamingQueue.length) {
|
|
18787
19133
|
const tempActivity = streamingQueue[0];
|
|
@@ -18795,7 +19141,7 @@ const $ad561f5c61e38c20$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
|
|
|
18795
19141
|
tempCurrentStreamingRef.current = tempActivity.text || null;
|
|
18796
19142
|
} else {
|
|
18797
19143
|
var _queuedActivitiesRef_current, _currentPlayingRef_current;
|
|
18798
|
-
|
|
19144
|
+
// setStreamingReplyToId(null)
|
|
18799
19145
|
// Launch next activity in the queue and remove it from the queue
|
|
18800
19146
|
if ((_queuedActivitiesRef_current = queuedActivitiesRef.current) === null || _queuedActivitiesRef_current === void 0 ? void 0 : _queuedActivitiesRef_current.length) {
|
|
18801
19147
|
const activity = queuedActivitiesRef.current[0];
|
|
@@ -18846,7 +19192,9 @@ const $b0722e4118e770aa$var$timeoutDuration = 1000;
|
|
|
18846
19192
|
const $b0722e4118e770aa$var$RecognitionManager = ()=>{
|
|
18847
19193
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
18848
19194
|
const mode = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
18849
|
-
const
|
|
19195
|
+
const appAvailable = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.appAvailable);
|
|
19196
|
+
const loaderClosed = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
19197
|
+
const { configuration: { speechRecognitionOptions: speechRecognitionOptions } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
18850
19198
|
const { ponyfillCredentials: ponyfillCredentials, useContinuousRecognition: useContinuousRecognition } = (0, $df401eb9a10f9e0e$export$57e792e009c800a0)();
|
|
18851
19199
|
const activeRecognitionState = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.activeRecognitionState);
|
|
18852
19200
|
const lastRecognitionInterim = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.lastRecognitionInterim);
|
|
@@ -19050,8 +19398,11 @@ var $9e19251bfed127fc$export$2e2bcd8739ae039 = $9e19251bfed127fc$var$SpeechManag
|
|
|
19050
19398
|
|
|
19051
19399
|
|
|
19052
19400
|
|
|
19401
|
+
|
|
19402
|
+
|
|
19053
19403
|
const $fa132146e65c60c8$var$FocusManager = ()=>{
|
|
19054
|
-
const
|
|
19404
|
+
const isWidget = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
19405
|
+
const open = (0, $1068fd56b5926747$export$d95eb9b67812311f)((state)=>state.open);
|
|
19055
19406
|
const muted = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.muted);
|
|
19056
19407
|
const activeRecognitionState = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.activeRecognitionState);
|
|
19057
19408
|
const focusedRef = (0, $dWhh5$react.useRef)(true);
|
|
@@ -19067,6 +19418,23 @@ const $fa132146e65c60c8$var$FocusManager = ()=>{
|
|
|
19067
19418
|
}, [
|
|
19068
19419
|
activeRecognitionState
|
|
19069
19420
|
]);
|
|
19421
|
+
(0, $dWhh5$react.useEffect)(()=>{
|
|
19422
|
+
if ((0, $dWhh5$reactdevicedetect.isMobile) && isWidget) {
|
|
19423
|
+
if (open) {
|
|
19424
|
+
focusedRef.current = true;
|
|
19425
|
+
oldMutedRef.current === false && (0, $5f7f457957bd2c8d$export$a1680ba91cc9be33)(false);
|
|
19426
|
+
} else {
|
|
19427
|
+
focusedRef.current = false;
|
|
19428
|
+
(0, $5f7f457957bd2c8d$export$d0df6aec4e971f52)(true);
|
|
19429
|
+
(0, $5f7f457957bd2c8d$export$a1680ba91cc9be33)(true);
|
|
19430
|
+
recognitionStateRef.current === (0, $71c613e2e831c34c$export$3f0071308968cd80).Listening && (0, $5f7f457957bd2c8d$export$45913366c4ba414f)((0, $71c613e2e831c34c$export$3f0071308968cd80).ForceClosing);
|
|
19431
|
+
}
|
|
19432
|
+
}
|
|
19433
|
+
}, [
|
|
19434
|
+
open,
|
|
19435
|
+
isWidget,
|
|
19436
|
+
(0, $dWhh5$reactdevicedetect.isMobile)
|
|
19437
|
+
]);
|
|
19070
19438
|
const handleVisibilityChange = ()=>{
|
|
19071
19439
|
if (document.visibilityState === "visible") {
|
|
19072
19440
|
focusedRef.current = true;
|
|
@@ -19079,12 +19447,12 @@ const $fa132146e65c60c8$var$FocusManager = ()=>{
|
|
|
19079
19447
|
}
|
|
19080
19448
|
};
|
|
19081
19449
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
19082
|
-
|
|
19450
|
+
(0, $dWhh5$reactdevicedetect.isMobile) && document.addEventListener("visibilitychange", handleVisibilityChange);
|
|
19083
19451
|
return ()=>{
|
|
19084
19452
|
document.removeEventListener("visibilitychange", handleVisibilityChange);
|
|
19085
19453
|
};
|
|
19086
19454
|
}, [
|
|
19087
|
-
|
|
19455
|
+
(0, $dWhh5$reactdevicedetect.isMobile)
|
|
19088
19456
|
]);
|
|
19089
19457
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {});
|
|
19090
19458
|
};
|
|
@@ -19183,12 +19551,13 @@ var $21e61f2afa34502d$export$2e2bcd8739ae039 = $21e61f2afa34502d$var$ErrorCollec
|
|
|
19183
19551
|
|
|
19184
19552
|
const { useEmitTypingIndicator: $4b02e31a53a4d2e7$var$useEmitTypingIndicator } = (0, $dWhh5$botframeworkwebchat.hooks);
|
|
19185
19553
|
const $4b02e31a53a4d2e7$var$typingTimer = 2000;
|
|
19186
|
-
const $4b02e31a53a4d2e7$var$SendTypingIndicator = ()=>{
|
|
19554
|
+
const $4b02e31a53a4d2e7$var$SendTypingIndicator = ({ isRetorikNews: isRetorikNews })=>{
|
|
19187
19555
|
const sendTypingIndicator = $4b02e31a53a4d2e7$var$useEmitTypingIndicator();
|
|
19188
19556
|
const speaking = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.speaking);
|
|
19189
19557
|
const lastRecognitionInterim = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.lastRecognitionInterim);
|
|
19190
19558
|
const { route: route } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
19191
|
-
const
|
|
19559
|
+
const loaderClosed = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
19560
|
+
const appAvailable = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.appAvailable);
|
|
19192
19561
|
const currentSubView = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.currentSubView);
|
|
19193
19562
|
const listOpened = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.listOpened);
|
|
19194
19563
|
const retorikEvent = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.retorikEvent);
|
|
@@ -19210,7 +19579,7 @@ const $4b02e31a53a4d2e7$var$SendTypingIndicator = ()=>{
|
|
|
19210
19579
|
listOpened
|
|
19211
19580
|
]);
|
|
19212
19581
|
const checkShouldSendTypingIndicator = ()=>{
|
|
19213
|
-
dataRef.current && sendTypingIndicator();
|
|
19582
|
+
dataRef.current && !isRetorikNews && sendTypingIndicator();
|
|
19214
19583
|
};
|
|
19215
19584
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
19216
19585
|
const interval = setInterval(()=>{
|
|
@@ -19230,7 +19599,7 @@ var $4b02e31a53a4d2e7$export$2e2bcd8739ae039 = $4b02e31a53a4d2e7$var$SendTypingI
|
|
|
19230
19599
|
|
|
19231
19600
|
// Configure react-pdf worker
|
|
19232
19601
|
(0, $dWhh5$reactpdf.pdfjs).GlobalWorkerOptions.workerSrc = $dWhh5$pdfjsdistbuildpdfworkerjs;
|
|
19233
|
-
const $bbc725a084d1069a$var$RetorikContainer = ({ parent: parent, isConfigUpdated: isConfigUpdated, config: props
|
|
19602
|
+
const $bbc725a084d1069a$var$RetorikContainer = ({ parent: parent, isConfigUpdated: isConfigUpdated, config: props })=>{
|
|
19234
19603
|
const [processedThemeColors] = (0, $dWhh5$react.useState)((0, $68ec406cc754e31c$export$2e2bcd8739ae039)(props.colors));
|
|
19235
19604
|
const currentLayout = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.currentLayout);
|
|
19236
19605
|
return props.config && props.viewsConfig && props.chatbotData && props.chatbotDataWidget && props.agentData && props.ponyfillFactoryCredentials ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, $c60444aa70224d4d$export$2e2bcd8739ae039), {
|
|
@@ -19252,7 +19621,6 @@ const $bbc725a084d1069a$var$RetorikContainer = ({ parent: parent, isConfigUpdate
|
|
|
19252
19621
|
externalEventHandler: props.externalEventHandler,
|
|
19253
19622
|
colors: processedThemeColors,
|
|
19254
19623
|
isRetorikNews: parent === (0, $71c613e2e831c34c$export$a31c5a03aaeee5f).news,
|
|
19255
|
-
changedLayout: changedLayout,
|
|
19256
19624
|
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, $21e61f2afa34502d$export$2e2bcd8739ae039), {
|
|
19257
19625
|
children: [
|
|
19258
19626
|
/*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $9e19251bfed127fc$export$2e2bcd8739ae039), {
|
|
@@ -19274,7 +19642,9 @@ const $bbc725a084d1069a$var$RetorikContainer = ({ parent: parent, isConfigUpdate
|
|
|
19274
19642
|
externalComponents: props.externalComponents
|
|
19275
19643
|
})
|
|
19276
19644
|
}),
|
|
19277
|
-
/*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $4b02e31a53a4d2e7$export$2e2bcd8739ae039), {
|
|
19645
|
+
/*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $4b02e31a53a4d2e7$export$2e2bcd8739ae039), {
|
|
19646
|
+
isRetorikNews: parent === (0, $71c613e2e831c34c$export$a31c5a03aaeee5f).news
|
|
19647
|
+
})
|
|
19278
19648
|
]
|
|
19279
19649
|
})
|
|
19280
19650
|
})
|
|
@@ -19292,22 +19662,16 @@ const $ba3150a69d33f468$var$getRetorikConfigs = async (props)=>{
|
|
|
19292
19662
|
...props
|
|
19293
19663
|
};
|
|
19294
19664
|
let res = null;
|
|
19295
|
-
let externalConfigEnabled = false;
|
|
19296
19665
|
const baseAddress = `${retorikProps.addressData.baseURI && retorikProps.addressData.baseURI.length > 0 ? (0, $82b306c512e33035$export$2e2bcd8739ae039)(retorikProps.addressData.baseURI) : (0, $c6d7669b9282aea4$export$2e2bcd8739ae039)(retorikProps.addressData.prefix)}/${retorikProps.addressData.tenant ? retorikProps.addressData.tenant + "/" : ""}`;
|
|
19297
19666
|
const fullAddress = `${baseAddress}api/integration/framework`;
|
|
19298
19667
|
try {
|
|
19299
19668
|
const response = await fetch(fullAddress);
|
|
19300
19669
|
const json = await response.json();
|
|
19301
19670
|
res = $ba3150a69d33f468$var$processJson(json, retorikProps, baseAddress);
|
|
19302
|
-
externalConfigEnabled = res != null;
|
|
19303
19671
|
} catch (error) {
|
|
19304
19672
|
console.log(error);
|
|
19305
|
-
externalConfigEnabled = false;
|
|
19306
19673
|
}
|
|
19307
|
-
return
|
|
19308
|
-
config: res,
|
|
19309
|
-
externalConfigEnabled: externalConfigEnabled
|
|
19310
|
-
};
|
|
19674
|
+
return res;
|
|
19311
19675
|
};
|
|
19312
19676
|
const $ba3150a69d33f468$var$processJson = (json, retorikProps, baseAddress)=>{
|
|
19313
19677
|
if (json) {
|
|
@@ -19393,16 +19757,18 @@ const $ba3150a69d33f468$var$processJson = (json, retorikProps, baseAddress)=>{
|
|
|
19393
19757
|
hideMenu: json.hideMenu,
|
|
19394
19758
|
hideControls: json.hideControls,
|
|
19395
19759
|
doNotDetectDeviceFromUserAgent: json.doNotDetectDeviceFromUserAgent,
|
|
19396
|
-
enableTelemetry: json.enableTelemetry,
|
|
19397
19760
|
enableConversationCookie: json.enableConversationCookie,
|
|
19398
19761
|
conversationCookieMaxAge: json.conversationCookieMaxAge,
|
|
19762
|
+
enableTelemetry: json.enableTelemetry,
|
|
19399
19763
|
allowSwitchLayout: json.allowSwitchLayout,
|
|
19400
19764
|
forceMobileView: json.forceMobileFullScreenLayout,
|
|
19765
|
+
enableSpeechCaching: json.enableSpeechCaching,
|
|
19401
19766
|
speechRecognitionOptions: json.speechRecognitionOptions,
|
|
19402
19767
|
speechSynthesisOptions: json.speechSynthesisOptions,
|
|
19768
|
+
enableDocumentPrinting: undefined,
|
|
19403
19769
|
disableSpeechMode: json.disableSpeechMode,
|
|
19404
19770
|
disableSound: json.disableSound,
|
|
19405
|
-
|
|
19771
|
+
timerForFilterSelectionListMode: undefined
|
|
19406
19772
|
},
|
|
19407
19773
|
viewsConfig: {
|
|
19408
19774
|
homeRoute: "home",
|
|
@@ -19411,7 +19777,12 @@ const $ba3150a69d33f468$var$processJson = (json, retorikProps, baseAddress)=>{
|
|
|
19411
19777
|
home: {
|
|
19412
19778
|
background: {
|
|
19413
19779
|
style: "image",
|
|
19414
|
-
image: background
|
|
19780
|
+
image: background,
|
|
19781
|
+
video: undefined,
|
|
19782
|
+
webcam: undefined,
|
|
19783
|
+
neutral: undefined,
|
|
19784
|
+
blur: undefined,
|
|
19785
|
+
overlayOpacity: undefined
|
|
19415
19786
|
}
|
|
19416
19787
|
},
|
|
19417
19788
|
news: {
|
|
@@ -19420,7 +19791,12 @@ const $ba3150a69d33f468$var$processJson = (json, retorikProps, baseAddress)=>{
|
|
|
19420
19791
|
openingVideo: "",
|
|
19421
19792
|
background: {
|
|
19422
19793
|
style: "image",
|
|
19423
|
-
image: newsBackground
|
|
19794
|
+
image: newsBackground,
|
|
19795
|
+
video: undefined,
|
|
19796
|
+
webcam: undefined,
|
|
19797
|
+
neutral: undefined,
|
|
19798
|
+
blur: undefined,
|
|
19799
|
+
overlayOpacity: undefined
|
|
19424
19800
|
}
|
|
19425
19801
|
}
|
|
19426
19802
|
}
|
|
@@ -19440,13 +19816,10 @@ const $ba3150a69d33f468$var$processJson = (json, retorikProps, baseAddress)=>{
|
|
|
19440
19816
|
},
|
|
19441
19817
|
addressData: retorikProps.addressData,
|
|
19442
19818
|
userData: retorikProps.userData,
|
|
19443
|
-
externalEventHandler: undefined,
|
|
19444
19819
|
customVoice: {
|
|
19445
19820
|
voice: json.voice,
|
|
19446
19821
|
gender: undefined
|
|
19447
19822
|
},
|
|
19448
|
-
width: undefined,
|
|
19449
|
-
height: undefined,
|
|
19450
19823
|
colors: {
|
|
19451
19824
|
theme: json.colorSettings.theme,
|
|
19452
19825
|
primary: json.colorSettings.primary,
|
|
@@ -19653,7 +20026,6 @@ var $9569bd86e01b07fd$export$2e2bcd8739ae039 = $9569bd86e01b07fd$var$Loader;
|
|
|
19653
20026
|
|
|
19654
20027
|
|
|
19655
20028
|
|
|
19656
|
-
|
|
19657
20029
|
const $9b7229e19d910060$export$284b58786299e6c5 = async ({ configurationData: configurationData, addressData: addressData })=>{
|
|
19658
20030
|
if (configurationData) {
|
|
19659
20031
|
if (typeof configurationData.userConsent === "boolean") return {
|
|
@@ -19718,9 +20090,6 @@ const $ce7633a58d99dcca$var$RetorikConfigHandler = (props)=>{
|
|
|
19718
20090
|
const [mainConfig, setMainConfig] = (0, $dWhh5$react.useState)(undefined);
|
|
19719
20091
|
const [isConfigUpdated, setIsConfigUpdated] = (0, $dWhh5$react.useState)(false);
|
|
19720
20092
|
const [configurationFetchingEnded, setConfigurationFetchingEnded] = (0, $dWhh5$react.useState)(!!(isConfigUpdated || props.config !== undefined));
|
|
19721
|
-
const layoutChanged = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.layoutChanged);
|
|
19722
|
-
const mode = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
19723
|
-
const loaderClosed = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
19724
20093
|
/**
|
|
19725
20094
|
* Check if emergency data can be retrieved to remove the button in menu if no data available
|
|
19726
20095
|
* @param configuration RetorikMainComponentConfiguration
|
|
@@ -19744,55 +20113,48 @@ const $ce7633a58d99dcca$var$RetorikConfigHandler = (props)=>{
|
|
|
19744
20113
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
19745
20114
|
const getUpdatedConfig = async ()=>{
|
|
19746
20115
|
const fetchedConfig = await (0, $ba3150a69d33f468$export$2e2bcd8739ae039)(props);
|
|
19747
|
-
if (fetchedConfig
|
|
19748
|
-
const {
|
|
19749
|
-
const
|
|
19750
|
-
config: _config,
|
|
19751
|
-
viewsConfig: viewsConfig,
|
|
19752
|
-
chatbotData: chatbotData
|
|
19753
|
-
|
|
19754
|
-
|
|
19755
|
-
|
|
19756
|
-
|
|
19757
|
-
|
|
19758
|
-
|
|
19759
|
-
|
|
19760
|
-
|
|
19761
|
-
|
|
20116
|
+
if (fetchedConfig) {
|
|
20117
|
+
const { skipLoader: skipLoader, defaultMode: defaultMode, config: _config, viewsConfig: viewsConfig, chatbotData: chatbotData, chatbotDataWidget: chatbotDataWidget, agentData: agentData, ponyfillFactoryCredentials: ponyfillFactoryCredentials, customVoice: customVoice, colors: colors } = fetchedConfig;
|
|
20118
|
+
const mergedMainConfig = {
|
|
20119
|
+
config: props.config !== undefined ? (0, $68ec406cc754e31c$export$6969335ea1e4e77c)(props.config, _config) : _config,
|
|
20120
|
+
viewsConfig: props.chatbotData !== undefined ? (0, $68ec406cc754e31c$export$6969335ea1e4e77c)(props.viewsConfig, viewsConfig) : viewsConfig,
|
|
20121
|
+
chatbotData: props.chatbotData !== undefined ? {
|
|
20122
|
+
...chatbotData,
|
|
20123
|
+
...props.chatbotData
|
|
20124
|
+
} : chatbotData,
|
|
20125
|
+
chatbotDataWidget: props.chatbotData !== undefined ? {
|
|
20126
|
+
...chatbotDataWidget,
|
|
20127
|
+
...props.chatbotDataWidget
|
|
20128
|
+
} : chatbotDataWidget,
|
|
20129
|
+
agentData: props.agentData !== undefined ? props.agentData : agentData,
|
|
20130
|
+
ponyfillFactoryCredentials: props.ponyfillFactoryCredentials !== undefined ? props.ponyfillFactoryCredentials : ponyfillFactoryCredentials,
|
|
20131
|
+
customVoice: props.customVoice !== undefined ? {
|
|
20132
|
+
...customVoice,
|
|
20133
|
+
...props.customVoice
|
|
20134
|
+
} : customVoice,
|
|
20135
|
+
colors: props.colors !== undefined ? (0, $68ec406cc754e31c$export$6969335ea1e4e77c)(props.colors, (0, $68ec406cc754e31c$export$2e2bcd8739ae039)(colors)) : (0, $68ec406cc754e31c$export$2e2bcd8739ae039)(colors),
|
|
20136
|
+
skipLoader: props.skipLoader !== undefined ? props.skipLoader : skipLoader,
|
|
20137
|
+
defaultMode: props.defaultMode !== undefined ? props.defaultMode : defaultMode,
|
|
20138
|
+
// Data not retrieved from Retorik Studio
|
|
20139
|
+
addressData: props.addressData,
|
|
20140
|
+
userData: props.userData,
|
|
20141
|
+
externalEventHandler: props.externalEventHandler,
|
|
19762
20142
|
externalComponents: props.externalComponents,
|
|
19763
|
-
|
|
20143
|
+
width: props.width,
|
|
20144
|
+
height: props.height
|
|
19764
20145
|
};
|
|
19765
|
-
|
|
19766
|
-
checkEmergencyAndSetConfig(fetchedMainConfig);
|
|
20146
|
+
checkEmergencyAndSetConfig(mergedMainConfig);
|
|
19767
20147
|
}
|
|
19768
20148
|
};
|
|
19769
|
-
if (
|
|
19770
|
-
console.log("Retorik Framework > Get
|
|
19771
|
-
// Check mandatory properties
|
|
19772
|
-
if (props.viewsConfig && props.chatbotData && props.agentData && props.ponyfillFactoryCredentials) {
|
|
19773
|
-
const copyConfig = {
|
|
19774
|
-
...props
|
|
19775
|
-
};
|
|
19776
|
-
if (!copyConfig.chatbotDataWidget) copyConfig.chatbotDataWidget = copyConfig.chatbotData;
|
|
19777
|
-
$ce7633a58d99dcca$var$configHandleLayoutChange(layoutChanged, loaderClosed, copyConfig, mode);
|
|
19778
|
-
checkEmergencyAndSetConfig(copyConfig);
|
|
19779
|
-
} else {
|
|
19780
|
-
// Warnings for missing data in props
|
|
19781
|
-
console.warn("Retorik Framework > Mandatory configuration data missing : ");
|
|
19782
|
-
!props.viewsConfig && console.warn(" * viewsConfig");
|
|
19783
|
-
!props.chatbotData && console.warn(" * chatbotData");
|
|
19784
|
-
!props.agentData && console.warn(" * agentData");
|
|
19785
|
-
!props.ponyfillFactoryCredentials && console.warn(" * ponyfillFactoryCredentials");
|
|
19786
|
-
}
|
|
19787
|
-
} else if (!isConfigUpdated) {
|
|
19788
|
-
console.log("Retorik Framework > Get config from Retorik Studio");
|
|
20149
|
+
if (!isConfigUpdated) {
|
|
20150
|
+
console.log("Retorik Framework > Get configuration");
|
|
19789
20151
|
getUpdatedConfig();
|
|
19790
20152
|
}
|
|
19791
20153
|
}, [
|
|
19792
20154
|
props
|
|
19793
20155
|
]);
|
|
19794
20156
|
/**
|
|
19795
|
-
*
|
|
20157
|
+
* Get GDPR data from Retorik Studio and set them in store
|
|
19796
20158
|
*/ (0, $dWhh5$react.useEffect)(()=>{
|
|
19797
20159
|
const checkGDPR = async ()=>{
|
|
19798
20160
|
const data = await (0, $9b7229e19d910060$export$284b58786299e6c5)({
|
|
@@ -19809,8 +20171,7 @@ const $ce7633a58d99dcca$var$RetorikConfigHandler = (props)=>{
|
|
|
19809
20171
|
return mainConfig && configurationFetchingEnded ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $bbc725a084d1069a$export$2e2bcd8739ae039), {
|
|
19810
20172
|
parent: props.parent,
|
|
19811
20173
|
config: mainConfig,
|
|
19812
|
-
isConfigUpdated: isConfigUpdated
|
|
19813
|
-
changedLayout: layoutChanged
|
|
20174
|
+
isConfigUpdated: isConfigUpdated
|
|
19814
20175
|
}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $9569bd86e01b07fd$export$2e2bcd8739ae039), {
|
|
19815
20176
|
className: isConfigUpdated ? "rf-animate-loaderFadeOut" : "",
|
|
19816
20177
|
parent: props.parent,
|
|
@@ -19819,12 +20180,6 @@ const $ce7633a58d99dcca$var$RetorikConfigHandler = (props)=>{
|
|
|
19819
20180
|
fullSize: !!(props.parent !== (0, $71c613e2e831c34c$export$a31c5a03aaeee5f).widget && (mainConfig === null || mainConfig === void 0 ? void 0 : (_mainConfig_config = mainConfig.config) === null || _mainConfig_config === void 0 ? void 0 : _mainConfig_config.fullSize) !== false)
|
|
19820
20181
|
});
|
|
19821
20182
|
};
|
|
19822
|
-
const $ce7633a58d99dcca$var$configHandleLayoutChange = (layoutChanged, loaderClosed, config, mode)=>{
|
|
19823
|
-
if (layoutChanged) {
|
|
19824
|
-
config.defaultMode = mode;
|
|
19825
|
-
if (loaderClosed) config.skipLoader = true;
|
|
19826
|
-
}
|
|
19827
|
-
};
|
|
19828
20183
|
var $ce7633a58d99dcca$export$2e2bcd8739ae039 = $ce7633a58d99dcca$var$RetorikConfigHandler;
|
|
19829
20184
|
|
|
19830
20185
|
|
|
@@ -19934,10 +20289,7 @@ const $5f80e5f73a172bb5$var$LayoutHandler = (props)=>{
|
|
|
19934
20289
|
var _props_widgetConfig, _props_widgetConfig1;
|
|
19935
20290
|
// if different display type available
|
|
19936
20291
|
if (((_props_widgetConfig = props.widgetConfig) === null || _props_widgetConfig === void 0 ? void 0 : _props_widgetConfig.large) && ((_props_widgetConfig1 = props.widgetConfig) === null || _props_widgetConfig1 === void 0 ? void 0 : _props_widgetConfig1.thumbnail)) (0, $1068fd56b5926747$export$f0e9d14ede4c01bd)();
|
|
19937
|
-
else
|
|
19938
|
-
(0, $c7242af7a2bc5e50$export$29ec02ff899d2b53)(true);
|
|
19939
|
-
(0, $c7242af7a2bc5e50$export$e8437af1f2483b8e)((0, $71c613e2e831c34c$export$a31c5a03aaeee5f).agent);
|
|
19940
|
-
}
|
|
20292
|
+
else (0, $c7242af7a2bc5e50$export$e8437af1f2483b8e)((0, $71c613e2e831c34c$export$a31c5a03aaeee5f).agent);
|
|
19941
20293
|
};
|
|
19942
20294
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, $dWhh5$reactjsxruntime.Fragment), {
|
|
19943
20295
|
children: [
|