@davi-ai/retorik-framework 1.0.16 → 1.0.17
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 +1115 -904
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +1113 -904
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -6,7 +6,7 @@ import $b3y7N$leaflet from "leaflet";
|
|
|
6
6
|
import $b3y7N$leafletdistimagesmarkershadowpng from "leaflet/dist/images/marker-shadow.png";
|
|
7
7
|
import {pdfjs as $b3y7N$pdfjs, Document as $b3y7N$Document, Page as $b3y7N$Page} from "react-pdf";
|
|
8
8
|
import * as $b3y7N$pdfjsdistbuildpdfworkerjs from "pdfjs-dist/build/pdf.worker.js";
|
|
9
|
-
import {createDirectLine as $b3y7N$createDirectLine,
|
|
9
|
+
import {createDirectLine as $b3y7N$createDirectLine, createStore as $b3y7N$createStore, hooks as $b3y7N$hooks} from "botframework-webchat";
|
|
10
10
|
import $b3y7N$botframeworkwebchatlibFullComposer from "botframework-webchat/lib/FullComposer";
|
|
11
11
|
import {ConnectionStatus as $b3y7N$ConnectionStatus} from "botframework-directlinejs";
|
|
12
12
|
import * as $b3y7N$adaptivecardslibadaptivecards from "adaptivecards/lib/adaptivecards";
|
|
@@ -71,7 +71,7 @@ function $be78c14eded2a1b5$export$2e2bcd8739ae039(RetorikWidget, props, element)
|
|
|
71
71
|
|
|
72
72
|
|
|
73
73
|
var $4e7182a6e3eb35e2$exports = {};
|
|
74
|
-
$4e7182a6e3eb35e2$exports = "*, :before, :after {\n box-sizing: border-box;\n border: 0 solid;\n}\n\n:before, :after {\n --tw-content: \"\";\n}\n\nhtml, :host {\n -webkit-text-size-adjust: 100%;\n -moz-tab-size: 4;\n tab-size: 4;\n font-feature-settings: normal;\n font-variation-settings: normal;\n -webkit-tap-highlight-color: transparent;\n font-family: Calibri, sans-serif;\n line-height: 1.5;\n}\n\nbody {\n line-height: inherit;\n margin: 0;\n}\n\nhr {\n color: inherit;\n border-top-width: 1px;\n height: 0;\n}\n\nabbr:where([title]) {\n text-decoration: underline dotted;\n}\n\nh1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\nb, strong {\n font-weight: bolder;\n}\n\ncode, kbd, samp, pre {\n font-feature-settings: normal;\n font-variation-settings: normal;\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n font-size: 1em;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\ntable {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n}\n\nbutton, input, optgroup, select, textarea {\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n font-family: inherit;\n font-size: 100%;\n font-weight: inherit;\n line-height: inherit;\n color: inherit;\n margin: 0;\n padding: 0;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, [type=\"button\"], [type=\"reset\"], [type=\"submit\"] {\n -webkit-appearance: button;\n background-color: #0000;\n background-image: none;\n}\n\n:-moz-focusring {\n outline: auto;\n}\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\nsummary {\n display: list-item;\n}\n\nblockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol, ul, menu {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\ndialog {\n padding: 0;\n}\n\ntextarea {\n resize: vertical;\n}\n\ninput::placeholder, textarea::placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\nbutton, [role=\"button\"] {\n cursor: pointer;\n}\n\n:disabled {\n cursor: default;\n}\n\nimg, svg, video, canvas, audio, iframe, embed, object {\n vertical-align: middle;\n display: block;\n}\n\nimg, video {\n max-width: 100%;\n height: auto;\n}\n\n[hidden] {\n display: none;\n}\n\n*, :before, :after, ::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: #3b82f680;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\n\n.rf-pointer-events-none {\n pointer-events: none;\n}\n\n.rf-pointer-events-auto {\n pointer-events: auto;\n}\n\n.rf-visible {\n visibility: visible;\n}\n\n.rf-invisible {\n visibility: hidden;\n}\n\n.rf-fixed {\n position: fixed;\n}\n\n.rf-absolute {\n position: absolute;\n}\n\n.rf-relative {\n position: relative;\n}\n\n.-rf-left-6 {\n left: -1.5rem;\n}\n\n.-rf-top-6 {\n top: -1.5rem;\n}\n\n.-rf-top-\\[1\\.15rem\\] {\n top: -1.15rem;\n}\n\n.rf--bottom-2 {\n bottom: -.5rem;\n}\n\n.rf-bottom-0 {\n bottom: 0;\n}\n\n.rf-bottom-1 {\n bottom: .25rem;\n}\n\n.rf-bottom-1\\/4 {\n bottom: 25%;\n}\n\n.rf-bottom-10 {\n bottom: 2.5rem;\n}\n\n.rf-bottom-16 {\n bottom: 4rem;\n}\n\n.rf-bottom-2 {\n bottom: .5rem;\n}\n\n.rf-bottom-4 {\n bottom: 1rem;\n}\n\n.rf-bottom-40 {\n bottom: 10rem;\n}\n\n.rf-left-0 {\n left: 0;\n}\n\n.rf-left-1 {\n left: .25rem;\n}\n\n.rf-left-1\\/2 {\n left: 50%;\n}\n\n.rf-left-2 {\n left: .5rem;\n}\n\n.rf-left-4 {\n left: 1rem;\n}\n\n.rf-right-0 {\n right: 0;\n}\n\n.rf-right-1 {\n right: .25rem;\n}\n\n.rf-right-2 {\n right: .5rem;\n}\n\n.rf-right-3 {\n right: .75rem;\n}\n\n.rf-right-4 {\n right: 1rem;\n}\n\n.rf-right-6 {\n right: 1.5rem;\n}\n\n.rf-right-8 {\n right: 2rem;\n}\n\n.rf-top-0 {\n top: 0;\n}\n\n.rf-top-1 {\n top: .25rem;\n}\n\n.rf-top-1\\/2 {\n top: 50%;\n}\n\n.rf-top-1\\/3 {\n top: 33.3333%;\n}\n\n.rf-top-110 {\n top: 110%;\n}\n\n.rf-top-2 {\n top: .5rem;\n}\n\n.rf-top-4 {\n top: 1rem;\n}\n\n.rf-top-\\[0\\.125rem\\] {\n top: .125rem;\n}\n\n.rf-z-background {\n z-index: 0;\n}\n\n.rf-z-chatbot {\n z-index: 10;\n}\n\n.rf-z-detailedPOI {\n z-index: 2;\n}\n\n.rf-z-dropdown {\n z-index: 30;\n}\n\n.rf-z-exitwidget {\n z-index: 55;\n}\n\n.rf-z-menu {\n z-index: 40;\n}\n\n.rf-z-modal {\n z-index: 50;\n}\n\n.rf-z-overlay {\n z-index: 40;\n}\n\n.rf-z-ui {\n z-index: 20;\n}\n\n.rf-z-util {\n z-index: 1;\n}\n\n.rf-col-span-2 {\n grid-column: span 2 / span 2;\n}\n\n.rf-col-span-3 {\n grid-column: span 3 / span 3;\n}\n\n.rf-col-span-6 {\n grid-column: span 6 / span 6;\n}\n\n.rf-col-span-full {\n grid-column: 1 / -1;\n}\n\n.rf-col-start-1 {\n grid-column-start: 1;\n}\n\n.rf-col-start-2 {\n grid-column-start: 2;\n}\n\n.rf-col-start-4 {\n grid-column-start: 4;\n}\n\n.rf-col-start-5 {\n grid-column-start: 5;\n}\n\n.rf-col-end-13 {\n grid-column-end: 13;\n}\n\n.rf-col-end-2 {\n grid-column-end: 2;\n}\n\n.rf-col-end-9 {\n grid-column-end: 9;\n}\n\n.rf-row-span-1 {\n grid-row: span 1 / span 1;\n}\n\n.rf-row-span-2 {\n grid-row: span 2 / span 2;\n}\n\n.rf-row-span-3 {\n grid-row: span 3 / span 3;\n}\n\n.rf-row-span-5 {\n grid-row: span 5 / span 5;\n}\n\n.rf-row-span-6 {\n grid-row: span 6 / span 6;\n}\n\n.rf-row-span-9 {\n grid-row: span 9 / span 9;\n}\n\n.rf-row-span-full {\n grid-row: 1 / -1;\n}\n\n.rf-row-start-1 {\n grid-row-start: 1;\n}\n\n.rf-row-start-12 {\n grid-row-start: 12;\n}\n\n.rf-row-start-2 {\n grid-row-start: 2;\n}\n\n.rf-row-start-3 {\n grid-row-start: 3;\n}\n\n.rf-row-start-4 {\n grid-row-start: 4;\n}\n\n.rf-row-start-6 {\n grid-row-start: 6;\n}\n\n.rf-row-start-9 {\n grid-row-start: 9;\n}\n\n.rf-row-end-12 {\n grid-row-end: 12;\n}\n\n.rf-row-end-13 {\n grid-row-end: 13;\n}\n\n.rf-row-end-2 {\n grid-row-end: 2;\n}\n\n.rf-row-end-3 {\n grid-row-end: 3;\n}\n\n.rf-row-end-4 {\n grid-row-end: 4;\n}\n\n.rf-row-end-5 {\n grid-row-end: 5;\n}\n\n.rf-float-right {\n float: right;\n}\n\n.rf-m-0 {\n margin: 0;\n}\n\n.rf-m-4 {\n margin: 1rem;\n}\n\n.rf-m-auto {\n margin: auto;\n}\n\n.-rf-mx-6 {\n margin-left: -1.5rem;\n margin-right: -1.5rem;\n}\n\n.rf-mx-0 {\n margin-left: 0;\n margin-right: 0;\n}\n\n.rf-mx-2 {\n margin-left: .5rem;\n margin-right: .5rem;\n}\n\n.rf-mx-3 {\n margin-left: .75rem;\n margin-right: .75rem;\n}\n\n.rf-mx-8 {\n margin-left: 2rem;\n margin-right: 2rem;\n}\n\n.rf-mx-auto {\n margin-left: auto;\n margin-right: auto;\n}\n\n.rf-my-1 {\n margin-top: .25rem;\n margin-bottom: .25rem;\n}\n\n.rf-my-2 {\n margin-top: .5rem;\n margin-bottom: .5rem;\n}\n\n.rf-my-4 {\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\n\n.rf-my-auto {\n margin-top: auto;\n margin-bottom: auto;\n}\n\n.-rf-mb-4 {\n margin-bottom: -1rem;\n}\n\n.-rf-ml-2 {\n margin-left: -.5rem;\n}\n\n.rf-mb-0 {\n margin-bottom: 0;\n}\n\n.rf-mb-1 {\n margin-bottom: .25rem;\n}\n\n.rf-mb-12 {\n margin-bottom: 3rem;\n}\n\n.rf-mb-16 {\n margin-bottom: 4rem;\n}\n\n.rf-mb-2 {\n margin-bottom: .5rem;\n}\n\n.rf-mb-26 {\n margin-bottom: 6.5rem;\n}\n\n.rf-mb-28 {\n margin-bottom: 7rem;\n}\n\n.rf-mb-3 {\n margin-bottom: .75rem;\n}\n\n.rf-mb-30 {\n margin-bottom: 7.5rem;\n}\n\n.rf-mb-4 {\n margin-bottom: 1rem;\n}\n\n.rf-mb-5 {\n margin-bottom: 1.25rem;\n}\n\n.rf-mb-6 {\n margin-bottom: 1.5rem;\n}\n\n.rf-mb-8 {\n margin-bottom: 2rem;\n}\n\n.rf-ml-1 {\n margin-left: .25rem;\n}\n\n.rf-ml-2 {\n margin-left: .5rem;\n}\n\n.rf-ml-4 {\n margin-left: 1rem;\n}\n\n.rf-ml-6 {\n margin-left: 1.5rem;\n}\n\n.rf-mr-1 {\n margin-right: .25rem;\n}\n\n.rf-mr-2 {\n margin-right: .5rem;\n}\n\n.rf-mr-3 {\n margin-right: .75rem;\n}\n\n.rf-mr-4 {\n margin-right: 1rem;\n}\n\n.rf-mr-5 {\n margin-right: 1.25rem;\n}\n\n.rf-mt-1 {\n margin-top: .25rem;\n}\n\n.rf-mt-10 {\n margin-top: 2.5rem;\n}\n\n.rf-mt-2 {\n margin-top: .5rem;\n}\n\n.rf-mt-4 {\n margin-top: 1rem;\n}\n\n.rf-mt-5 {\n margin-top: 1.25rem;\n}\n\n.rf-mt-8 {\n margin-top: 2rem;\n}\n\n.rf-mt-\\[0\\.2rem\\] {\n margin-top: .2rem;\n}\n\n.rf-mt-auto {\n margin-top: auto;\n}\n\n.rf-line-clamp-1 {\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-2 {\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-inline {\n display: inline;\n}\n\n.rf-flex {\n display: flex;\n}\n\n.rf-grid {\n display: grid;\n}\n\n.rf-hidden {\n display: none;\n}\n\n.rf-aspect-\\[4\\/3\\] {\n aspect-ratio: 4 / 3;\n}\n\n.rf-aspect-square {\n aspect-ratio: 1;\n}\n\n.rf-aspect-video {\n aspect-ratio: 16 / 9;\n}\n\n.rf-h-0 {\n height: 0;\n}\n\n.rf-h-1 {\n height: .25rem;\n}\n\n.rf-h-1\\/2 {\n height: 50%;\n}\n\n.rf-h-1\\/3 {\n height: 33.3333%;\n}\n\n.rf-h-12 {\n height: 3rem;\n}\n\n.rf-h-14 {\n height: 3.5rem;\n}\n\n.rf-h-16 {\n height: 4rem;\n}\n\n.rf-h-18 {\n height: 4.5rem;\n}\n\n.rf-h-2 {\n height: .5rem;\n}\n\n.rf-h-2\\/3 {\n height: 66.6667%;\n}\n\n.rf-h-24 {\n height: 6rem;\n}\n\n.rf-h-3 {\n height: .75rem;\n}\n\n.rf-h-3\\/10 {\n height: 30%;\n}\n\n.rf-h-32 {\n height: 8rem;\n}\n\n.rf-h-36 {\n height: 9rem;\n}\n\n.rf-h-4 {\n height: 1rem;\n}\n\n.rf-h-48 {\n height: 12rem;\n}\n\n.rf-h-5 {\n height: 1.25rem;\n}\n\n.rf-h-6 {\n height: 1.5rem;\n}\n\n.rf-h-7 {\n height: 1.75rem;\n}\n\n.rf-h-8 {\n height: 2rem;\n}\n\n.rf-h-9 {\n height: 2.25rem;\n}\n\n.rf-h-\\[0\\.875rem\\] {\n height: .875rem;\n}\n\n.rf-h-\\[calc\\(50vw-3rem\\)\\] {\n height: calc(50vw - 3rem);\n}\n\n.rf-h-fit {\n height: fit-content;\n}\n\n.rf-h-full {\n height: 100%;\n}\n\n.rf-h-max {\n height: max-content;\n}\n\n.rf-h-screen {\n height: 100vh;\n}\n\n.rf-max-h-12 {\n max-height: 3rem;\n}\n\n.rf-max-h-28 {\n max-height: 7rem;\n}\n\n.rf-max-h-4\\/5 {\n max-height: 80%;\n}\n\n.rf-max-h-48 {\n max-height: 12rem;\n}\n\n.rf-max-h-6 {\n max-height: 1.5rem;\n}\n\n.rf-max-h-full {\n max-height: 100%;\n}\n\n.rf-max-h-qrcode {\n max-height: 120px;\n}\n\n.rf-max-h-screen {\n max-height: 100vh;\n}\n\n.rf-min-h-12 {\n min-height: 3rem;\n}\n\n.rf-min-h-16 {\n min-height: 4rem;\n}\n\n.rf-min-h-2\\/5 {\n min-height: 40%;\n}\n\n.rf-min-h-6 {\n min-height: 1.5rem;\n}\n\n.rf-min-h-full {\n min-height: 100%;\n}\n\n.rf-min-h-inherit {\n min-height: inherit;\n}\n\n.rf-w-0 {\n width: 0;\n}\n\n.rf-w-1\\/2 {\n width: 50%;\n}\n\n.rf-w-1\\/3 {\n width: 33.3333%;\n}\n\n.rf-w-1\\/4 {\n width: 25%;\n}\n\n.rf-w-11\\/12 {\n width: 91.6667%;\n}\n\n.rf-w-12 {\n width: 3rem;\n}\n\n.rf-w-16 {\n width: 4rem;\n}\n\n.rf-w-18 {\n width: 4.5rem;\n}\n\n.rf-w-2 {\n width: .5rem;\n}\n\n.rf-w-2\\/3 {\n width: 66.6667%;\n}\n\n.rf-w-20 {\n width: 5rem;\n}\n\n.rf-w-24 {\n width: 6rem;\n}\n\n.rf-w-3 {\n width: .75rem;\n}\n\n.rf-w-3\\/20 {\n width: 15%;\n}\n\n.rf-w-3\\/4 {\n width: 75%;\n}\n\n.rf-w-3\\/5 {\n width: 60%;\n}\n\n.rf-w-32 {\n width: 8rem;\n}\n\n.rf-w-36 {\n width: 9rem;\n}\n\n.rf-w-4 {\n width: 1rem;\n}\n\n.rf-w-4\\/9 {\n width: 45%;\n}\n\n.rf-w-48 {\n width: 12rem;\n}\n\n.rf-w-5 {\n width: 1.25rem;\n}\n\n.rf-w-6 {\n width: 1.5rem;\n}\n\n.rf-w-7 {\n width: 1.75rem;\n}\n\n.rf-w-8 {\n width: 2rem;\n}\n\n.rf-w-9 {\n width: 2.25rem;\n}\n\n.rf-w-\\[45\\%\\] {\n width: 45%;\n}\n\n.rf-w-\\[45ch\\] {\n width: 45ch;\n}\n\n.rf-w-\\[90\\%\\] {\n width: 90%;\n}\n\n.rf-w-\\[calc\\(100\\%-3rem\\)\\] {\n width: calc(100% - 3rem);\n}\n\n.rf-w-fit {\n width: fit-content;\n}\n\n.rf-w-full {\n width: 100%;\n}\n\n.rf-w-max {\n width: max-content;\n}\n\n.rf-w-screen {\n width: 100vw;\n}\n\n.rf-min-w-11\\/12 {\n min-width: 91.7%;\n}\n\n.rf-min-w-12 {\n min-width: 3rem;\n}\n\n.rf-min-w-24 {\n min-width: 6rem;\n}\n\n.rf-min-w-3\\/20 {\n min-width: 15%;\n}\n\n.rf-min-w-6 {\n min-width: 1.5rem;\n}\n\n.rf-min-w-\\[45\\%\\] {\n min-width: 45%;\n}\n\n.rf-min-w-full {\n min-width: 100%;\n}\n\n.rf-max-w-1\\/2 {\n max-width: 50%;\n}\n\n.rf-max-w-16 {\n max-width: 4rem;\n}\n\n.rf-max-w-3\\/20 {\n max-width: 15%;\n}\n\n.rf-max-w-6 {\n max-width: 1.5rem;\n}\n\n.rf-max-w-7\\/10 {\n max-width: 70%;\n}\n\n.rf-max-w-\\[100vw\\] {\n max-width: 100vw;\n}\n\n.rf-max-w-\\[45\\%\\] {\n max-width: 45%;\n}\n\n.rf-max-w-\\[70vw\\] {\n max-width: 70vw;\n}\n\n.rf-max-w-\\[calc\\(100\\%-2rem\\)\\] {\n max-width: calc(100% - 2rem);\n}\n\n.rf-max-w-full {\n max-width: 100%;\n}\n\n.rf-max-w-none {\n max-width: none;\n}\n\n.rf-flex-1 {\n flex: 1;\n}\n\n.rf-flex-\\[0_0_40\\%\\] {\n flex: 0 0 40%;\n}\n\n.rf-flex-\\[2_1_0\\%\\] {\n flex: 2;\n}\n\n.rf-flex-\\[4_1_0\\%\\] {\n flex: 4;\n}\n\n.rf-origin-center {\n transform-origin: center;\n}\n\n.-rf-translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.-rf-translate-y-1\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf--translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-translate-x-1 {\n --tw-translate-x: .25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-translate-x-5 {\n --tw-translate-x: 1.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf--rotate-90 {\n --tw-rotate: -90deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-rotate-0 {\n --tw-rotate: 0deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-rotate-180 {\n --tw-rotate: 180deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-rotate-90 {\n --tw-rotate: 90deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-scale-0 {\n --tw-scale-x: 0;\n --tw-scale-y: 0;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n@keyframes rf-blink {\n 0%, 100% {\n opacity: .2;\n }\n\n 50% {\n opacity: 1;\n }\n}\n\n.rf-animate-blink {\n animation: 1.4s infinite both rf-blink;\n}\n\n@keyframes rf-fadeIn {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n.rf-animate-fadeIn {\n animation: .5s .2s backwards rf-fadeIn;\n}\n\n@keyframes rf-hScroll {\n 0% {\n transform: translateX(0);\n }\n\n 100% {\n transform: translateX(calc(-100% - 2rem));\n }\n}\n\n.rf-animate-hScroll {\n animation: 20s linear infinite rf-hScroll;\n}\n\n@keyframes rf-loader {\n 0% {\n box-shadow: 0 1.5rem 0 -1.5rem var(--rf-color-loader-animation);\n }\n\n 40% {\n box-shadow: 0 1.5rem 0 -.3rem var(--rf-color-loader-animation);\n }\n\n 80% {\n box-shadow: 0 1.5rem 0 -1.5rem var(--rf-color-loader-animation);\n }\n\n 100% {\n box-shadow: 0 1.5rem 0 -1.5rem var(--rf-color-loader-animation);\n }\n}\n\n.rf-animate-loader {\n animation: 1.8s ease-in-out -.16s infinite both rf-loader;\n}\n\n.rf-animate-loaderFadeIn {\n animation: 2s rf-fadeIn;\n}\n\n@keyframes rf-fadeOut {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n}\n\n.rf-animate-loaderFadeOut {\n animation: 1s rf-fadeOut;\n}\n\n@keyframes rf-slideBottom {\n 0% {\n opacity: 0;\n transform: translateX(0)translateY(20px);\n }\n\n 100% {\n opacity: 1;\n transform: translateX(0)translateY(0);\n }\n}\n\n.rf-animate-slideBottom {\n animation: .5s .2s backwards rf-slideBottom;\n}\n\n@keyframes rf-spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n.rf-animate-spin {\n animation: 1s linear infinite rf-spin;\n}\n\n.rf-cursor-pointer {\n cursor: pointer;\n}\n\n.rf-select-none {\n user-select: none;\n}\n\n.rf-resize-none {\n resize: none;\n}\n\n.rf-scroll-pb-4 {\n scroll-padding-bottom: 1rem;\n}\n\n.rf-grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n\n.rf-grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.rf-grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.rf-grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.rf-grid-cols-6 {\n grid-template-columns: repeat(6, minmax(0, 1fr));\n}\n\n.rf-grid-cols-7 {\n grid-template-columns: repeat(7, minmax(0, 1fr));\n}\n\n.rf-grid-cols-8 {\n grid-template-columns: repeat(8, minmax(0, 1fr));\n}\n\n.rf-grid-cols-headerContainer {\n grid-template-columns: 7rem 1fr 1fr 1fr;\n}\n\n.rf-grid-cols-printingPreview {\n grid-template-columns: minmax(0, 1fr) 3rem;\n}\n\n.rf-grid-cols-routes {\n grid-template-columns: repeat(3, max-content);\n}\n\n.rf-grid-rows-1 {\n grid-template-rows: repeat(1, minmax(0, 1fr));\n}\n\n.rf-grid-rows-2 {\n grid-template-rows: repeat(2, minmax(0, 1fr));\n}\n\n.rf-grid-rows-container {\n grid-template-rows: repeat(12, minmax(0, 1fr));\n}\n\n.rf-grid-rows-headerContainer {\n grid-template-rows: repeat(3, minmax(0, 1fr));\n}\n\n.rf-flex-row {\n flex-direction: row;\n}\n\n.rf-flex-col {\n flex-direction: column;\n}\n\n.rf-flex-col-reverse {\n flex-direction: column-reverse;\n}\n\n.rf-flex-wrap {\n flex-wrap: wrap;\n}\n\n.rf-flex-nowrap {\n flex-wrap: nowrap;\n}\n\n.rf-content-around {\n align-content: space-around;\n}\n\n.rf-items-start {\n align-items: flex-start;\n}\n\n.rf-items-end {\n align-items: flex-end;\n}\n\n.rf-items-center {\n align-items: center;\n}\n\n.rf-justify-start {\n justify-content: flex-start;\n}\n\n.rf-justify-end {\n justify-content: flex-end;\n}\n\n.rf-justify-center {\n justify-content: center;\n}\n\n.rf-justify-between {\n justify-content: space-between;\n}\n\n.rf-justify-around {\n justify-content: space-around;\n}\n\n.rf-justify-evenly {\n justify-content: space-evenly;\n}\n\n.rf-gap-1 {\n gap: .25rem;\n}\n\n.rf-gap-12 {\n gap: 3rem;\n}\n\n.rf-gap-2 {\n gap: .5rem;\n}\n\n.rf-gap-3 {\n gap: .75rem;\n}\n\n.rf-gap-4 {\n gap: 1rem;\n}\n\n.rf-gap-5 {\n gap: 1.25rem;\n}\n\n.rf-gap-8 {\n gap: 2rem;\n}\n\n.rf-gap-9 {\n gap: 2.25rem;\n}\n\n.rf-divide-x > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-x-reverse: 0;\n border-right-width: calc(1px * var(--tw-divide-x-reverse));\n border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));\n}\n\n.rf-self-auto {\n align-self: auto;\n}\n\n.rf-self-start {\n align-self: flex-start;\n}\n\n.rf-self-end {\n align-self: flex-end;\n}\n\n.rf-self-center {\n align-self: center;\n}\n\n.rf-justify-self-start {\n justify-self: start;\n}\n\n.rf-justify-self-end {\n justify-self: end;\n}\n\n.rf-justify-self-center {\n justify-self: center;\n}\n\n.rf-overflow-hidden {\n overflow: hidden;\n}\n\n.rf-overflow-clip {\n overflow: clip;\n}\n\n.rf-overflow-x-auto {\n overflow-x: auto;\n}\n\n.rf-overflow-y-auto {\n overflow-y: auto;\n}\n\n.rf-overflow-x-hidden {\n overflow-x: hidden;\n}\n\n.rf-overflow-y-hidden {\n overflow-y: hidden;\n}\n\n.rf-overflow-y-visible {\n overflow-y: visible;\n}\n\n.rf-overflow-x-scroll {\n overflow-x: scroll;\n}\n\n.rf-overflow-y-scroll {\n overflow-y: scroll;\n}\n\n.rf-truncate {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.rf-whitespace-nowrap {\n white-space: nowrap;\n}\n\n.rf-rounded {\n border-radius: .3125rem;\n}\n\n.rf-rounded-6 {\n border-radius: 1.5rem;\n}\n\n.rf-rounded-8 {\n border-radius: 2rem;\n}\n\n.rf-rounded-\\[20px\\] {\n border-radius: 20px;\n}\n\n.rf-rounded-full {\n border-radius: 9999px;\n}\n\n.rf-rounded-half {\n border-radius: 50%;\n}\n\n.rf-rounded-lg {\n border-radius: .5rem;\n}\n\n.rf-rounded-max {\n border-radius: 100%;\n}\n\n.rf-rounded-b {\n border-bottom-right-radius: .3125rem;\n border-bottom-left-radius: .3125rem;\n}\n\n.rf-rounded-l-lg {\n border-top-left-radius: .5rem;\n border-bottom-left-radius: .5rem;\n}\n\n.rf-border {\n border-width: 1px;\n}\n\n.rf-border-0 {\n border-width: 0;\n}\n\n.rf-border-2 {\n border-width: 2px;\n}\n\n.rf-border-y {\n border-top-width: 1px;\n border-bottom-width: 1px;\n}\n\n.rf-border-b {\n border-bottom-width: 1px;\n}\n\n.rf-border-b-2 {\n border-bottom-width: 2px;\n}\n\n.rf-border-l {\n border-left-width: 1px;\n}\n\n.rf-border-r {\n border-right-width: 1px;\n}\n\n.rf-border-t {\n border-top-width: 1px;\n}\n\n.rf-border-t-0 {\n border-top-width: 0;\n}\n\n.rf-border-none {\n border-style: none;\n}\n\n.rf-border-\\[\\#00000029\\] {\n border-color: #00000029;\n}\n\n.rf-border-\\[\\#9FA2AA\\] {\n --tw-border-opacity: 1;\n border-color: rgb(159 162 170 / var(--tw-border-opacity));\n}\n\n.rf-border-\\[\\#C7C6C6\\] {\n --tw-border-opacity: 1;\n border-color: rgb(199 198 198 / var(--tw-border-opacity));\n}\n\n.rf-border-black {\n border-color: var(--rf-color-black);\n}\n\n.rf-border-cardButtonBorderDefault {\n border-color: var(--rf-color-cardButtonBorderDefault);\n}\n\n.rf-border-cardButtonBorderHover {\n border-color: var(--rf-color-cardButtonBorderHover);\n}\n\n.rf-border-cardFrameBorder {\n border-color: var(--rf-color-cardFrameBorder);\n}\n\n.rf-border-formInputButtonBorderDefault {\n border-color: var(--rf-color-formInputButtonBorderDefault);\n}\n\n.rf-border-formInputButtonBorderHover {\n border-color: var(--rf-color-formInputButtonBorderHover);\n}\n\n.rf-border-formInputRadioCheckboxCheckedBorder {\n border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n}\n\n.rf-border-formInputRadioCheckboxUncheckedBorder {\n border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n}\n\n.rf-border-gray {\n --tw-border-opacity: 1;\n border-color: rgb(128 128 128 / var(--tw-border-opacity));\n}\n\n.rf-border-menuBorder {\n --tw-border-opacity: 1;\n border-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-border-primary {\n border-color: var(--rf-color-primary);\n}\n\n.rf-border-red-700 {\n --tw-border-opacity: 1;\n border-color: rgb(185 28 28 / var(--tw-border-opacity));\n}\n\n.rf-border-secondary {\n border-color: var(--rf-color-secondary);\n}\n\n.rf-border-templateCheckboxBorder {\n --tw-border-opacity: 1;\n border-color: rgb(112 112 112 / var(--tw-border-opacity));\n}\n\n.rf-border-trueblack {\n --tw-border-opacity: 1;\n border-color: rgb(0 0 0 / var(--tw-border-opacity));\n}\n\n.rf-border-truewhite {\n --tw-border-opacity: 1;\n border-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n\n.rf-border-x-primary {\n border-left-color: var(--rf-color-primary);\n border-right-color: var(--rf-color-primary);\n}\n\n.rf-border-y-menuBorder {\n --tw-border-opacity: 1;\n border-top-color: rgb(224 225 231 / var(--tw-border-opacity));\n border-bottom-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-border-b-\\[\\#C4C5C8\\] {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(196 197 200 / var(--tw-border-opacity));\n}\n\n.rf-border-b-black {\n border-bottom-color: var(--rf-color-black);\n}\n\n.rf-border-b-menuBorder {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-border-b-silver {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(192 192 192 / var(--tw-border-opacity));\n}\n\n.rf-border-b-transparent {\n border-bottom-color: #0000;\n}\n\n.rf-border-l-menuBorder {\n --tw-border-opacity: 1;\n border-left-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-border-r-silver {\n --tw-border-opacity: 1;\n border-right-color: rgb(192 192 192 / var(--tw-border-opacity));\n}\n\n.rf-border-t-\\[\\#CBC9C9\\] {\n --tw-border-opacity: 1;\n border-top-color: rgb(203 201 201 / var(--tw-border-opacity));\n}\n\n.rf-border-t-menuBorder {\n --tw-border-opacity: 1;\n border-top-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-bg-\\[\\#00000050\\] {\n background-color: #00000050;\n}\n\n.rf-bg-\\[\\#F0F0F0\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(240 240 240 / var(--tw-bg-opacity));\n}\n\n.rf-bg-\\[\\#F8F8F8\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(248 248 248 / var(--tw-bg-opacity));\n}\n\n.rf-bg-black {\n background-color: var(--rf-color-black);\n}\n\n.rf-bg-blue-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n}\n\n.rf-bg-cardButtonBackgroundDefault {\n background-color: var(--rf-color-cardButtonBackgroundDefault);\n}\n\n.rf-bg-cardButtonBackgroundHover {\n background-color: var(--rf-color-cardButtonBackgroundHover);\n}\n\n.rf-bg-cardFrameBackground {\n background-color: var(--rf-color-cardFrameBackground);\n}\n\n.rf-bg-formInputButtonBackgroundDefault {\n background-color: var(--rf-color-formInputButtonBackgroundDefault);\n}\n\n.rf-bg-formInputButtonBackgroundHover {\n background-color: var(--rf-color-formInputButtonBackgroundHover);\n}\n\n.rf-bg-formInputRadioCheckboxUncheckedBackground {\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n}\n\n.rf-bg-gray {\n --tw-bg-opacity: 1;\n background-color: rgb(128 128 128 / var(--tw-bg-opacity));\n}\n\n.rf-bg-primary {\n background-color: var(--rf-color-primary);\n}\n\n.rf-bg-red-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(220 38 38 / var(--tw-bg-opacity));\n}\n\n.rf-bg-secondary {\n background-color: var(--rf-color-secondary);\n}\n\n.rf-bg-silver {\n --tw-bg-opacity: 1;\n background-color: rgb(192 192 192 / var(--tw-bg-opacity));\n}\n\n.rf-bg-templateBackground {\n --tw-bg-opacity: 1;\n background-color: rgb(241 241 241 / var(--tw-bg-opacity));\n}\n\n.rf-bg-templateEmptyCard {\n --tw-bg-opacity: 1;\n background-color: rgb(232 231 231 / var(--tw-bg-opacity));\n}\n\n.rf-bg-textModePanelBackground {\n background-color: var(--rf-color-textModePanelBackground);\n}\n\n.rf-bg-transparent {\n background-color: #0000;\n}\n\n.rf-bg-truewhite {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.rf-bg-vocalModeSubtitlesBackground {\n background-color: var(--rf-color-vocalModeSubtitlesBackground);\n}\n\n.rf-bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(247 243 246 / var(--tw-bg-opacity));\n}\n\n.rf-bg-opacity-30 {\n --tw-bg-opacity: .3;\n}\n\n.rf-bg-opacity-50 {\n --tw-bg-opacity: .5;\n}\n\n.rf-bg-opacity-80 {\n --tw-bg-opacity: .8;\n}\n\n.rf-object-cover {\n object-fit: cover;\n}\n\n.rf-p-0 {\n padding: 0;\n}\n\n.rf-p-1 {\n padding: .25rem;\n}\n\n.rf-p-2 {\n padding: .5rem;\n}\n\n.rf-p-4 {\n padding: 1rem;\n}\n\n.rf-p-6 {\n padding: 1.5rem;\n}\n\n.rf-p-\\[25px\\] {\n padding: 25px;\n}\n\n.rf-p-\\[7px_12px\\] {\n padding: 7px 12px;\n}\n\n.rf-px-1 {\n padding-left: .25rem;\n padding-right: .25rem;\n}\n\n.rf-px-2 {\n padding-left: .5rem;\n padding-right: .5rem;\n}\n\n.rf-px-3 {\n padding-left: .75rem;\n padding-right: .75rem;\n}\n\n.rf-px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.rf-px-5, .rf-px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.rf-px-8 {\n padding-left: 2rem;\n padding-right: 2rem;\n}\n\n.rf-py-0 {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.rf-py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n.rf-py-12 {\n padding-top: 3rem;\n padding-bottom: 3rem;\n}\n\n.rf-py-2 {\n padding-top: .5rem;\n padding-bottom: .5rem;\n}\n\n.rf-py-3 {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n.rf-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.rf-py-6 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n.rf-pb-10 {\n padding-bottom: 2.5rem;\n}\n\n.rf-pb-12 {\n padding-bottom: 3rem;\n}\n\n.rf-pb-14 {\n padding-bottom: 3.5rem;\n}\n\n.rf-pb-2 {\n padding-bottom: .5rem;\n}\n\n.rf-pb-3 {\n padding-bottom: .75rem;\n}\n\n.rf-pb-4 {\n padding-bottom: 1rem;\n}\n\n.rf-pb-5, .rf-pb-6 {\n padding-bottom: 1.5rem;\n}\n\n.rf-pb-8 {\n padding-bottom: 2rem;\n}\n\n.rf-pb-\\[15vh\\] {\n padding-bottom: 15vh;\n}\n\n.rf-pl-0 {\n padding-left: 0;\n}\n\n.rf-pl-1 {\n padding-left: .25rem;\n}\n\n.rf-pl-2 {\n padding-left: .5rem;\n}\n\n.rf-pl-4 {\n padding-left: 1rem;\n}\n\n.rf-pl-6 {\n padding-left: 1.5rem;\n}\n\n.rf-pr-1 {\n padding-right: .25rem;\n}\n\n.rf-pr-2 {\n padding-right: .5rem;\n}\n\n.rf-pr-4 {\n padding-right: 1rem;\n}\n\n.rf-pt-1 {\n padding-top: .25rem;\n}\n\n.rf-pt-11\\/20 {\n padding-top: 55%;\n}\n\n.rf-pt-12 {\n padding-top: 3rem;\n}\n\n.rf-pt-14 {\n padding-top: 3.5rem;\n}\n\n.rf-pt-2 {\n padding-top: .5rem;\n}\n\n.rf-pt-24 {\n padding-top: 6rem;\n}\n\n.rf-pt-3 {\n padding-top: .75rem;\n}\n\n.rf-pt-4 {\n padding-top: 1rem;\n}\n\n.rf-pt-8 {\n padding-top: 2rem;\n}\n\n.rf-pt-\\[25vh\\] {\n padding-top: 25vh;\n}\n\n.rf-pt-\\[26vh\\] {\n padding-top: 26vh;\n}\n\n.rf-text-left {\n text-align: left;\n}\n\n.rf-text-center {\n text-align: center;\n}\n\n.rf-text-right {\n text-align: right;\n}\n\n.rf-font-default {\n font-family: Calibri, sans-serif;\n}\n\n.rf-text-2xl {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n.rf-text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n.rf-text-4xl {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-text-5xl {\n font-size: 3rem;\n line-height: 1;\n}\n\n.rf-text-7xl {\n font-size: 4.5rem;\n line-height: 1;\n}\n\n.rf-text-8xl {\n font-size: 6rem;\n line-height: 1;\n}\n\n.rf-text-\\[0\\.5rem\\] {\n font-size: .5rem;\n}\n\n.rf-text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.rf-text-basecustom {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n.rf-text-lgcustom {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n.rf-text-sm {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n.rf-text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n\n.rf-text-xs {\n font-size: .75rem;\n line-height: 1rem;\n}\n\n.rf-text-xsl {\n font-size: .7rem;\n line-height: 1rem;\n}\n\n.rf-text-xsm {\n font-size: .6rem;\n}\n\n.rf-font-bold {\n font-weight: 600;\n}\n\n.rf-font-medium {\n font-weight: 300;\n}\n\n.rf-font-semibold {\n font-weight: 400;\n}\n\n.rf-uppercase {\n text-transform: uppercase;\n}\n\n.rf-capitalize {\n text-transform: capitalize;\n}\n\n.rf-normal-case {\n text-transform: none;\n}\n\n.rf-italic {\n font-style: italic;\n}\n\n.rf-text-\\[\\#575F6B\\] {\n --tw-text-opacity: 1;\n color: rgb(87 95 107 / var(--tw-text-opacity));\n}\n\n.rf-text-\\[\\#9A9A9A\\] {\n --tw-text-opacity: 1;\n color: rgb(154 154 154 / var(--tw-text-opacity));\n}\n\n.rf-text-\\[\\#A4A7AF\\] {\n --tw-text-opacity: 1;\n color: rgb(164 167 175 / var(--tw-text-opacity));\n}\n\n.rf-text-black {\n color: var(--rf-color-black);\n}\n\n.rf-text-cardButtonTextDefault {\n color: var(--rf-color-cardButtonTextDefault);\n}\n\n.rf-text-cardFrameText {\n color: var(--rf-color-cardFrameText);\n}\n\n.rf-text-formInputButtonTextDefault {\n color: var(--rf-color-formInputButtonTextDefault);\n}\n\n.rf-text-formInputButtonTextHover {\n color: var(--rf-color-formInputButtonTextHover);\n}\n\n.rf-text-formInputRadioCheckboxUncheckedBackground {\n color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n}\n\n.rf-text-formInputTextDefault {\n color: var(--rf-color-formInputTextDefault);\n}\n\n.rf-text-gray {\n --tw-text-opacity: 1;\n color: rgb(128 128 128 / var(--tw-text-opacity));\n}\n\n.rf-text-lightgray {\n --tw-text-opacity: 1;\n color: rgb(129 129 129 / var(--tw-text-opacity));\n}\n\n.rf-text-primary {\n color: var(--rf-color-primary);\n}\n\n.rf-text-red-700 {\n --tw-text-opacity: 1;\n color: rgb(185 28 28 / var(--tw-text-opacity));\n}\n\n.rf-text-secondary {\n color: var(--rf-color-secondary);\n}\n\n.rf-text-textModePanelConversationBot {\n color: var(--rf-color-textModePanelConversationBot);\n}\n\n.rf-text-textModePanelConversationUser {\n color: var(--rf-color-textModePanelConversationUser);\n}\n\n.rf-text-trueblack {\n --tw-text-opacity: 1;\n color: rgb(0 0 0 / var(--tw-text-opacity));\n}\n\n.rf-text-truewhite {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.rf-text-vocalModeSubtitlesText {\n color: var(--rf-color-vocalModeSubtitlesText);\n}\n\n.rf-text-white {\n --tw-text-opacity: 1;\n color: rgb(247 243 246 / var(--tw-text-opacity));\n}\n\n.rf-underline {\n text-decoration-line: underline;\n}\n\n.rf-shadow-\\[0_0_15px_0_silver\\] {\n --tw-shadow: 0 0 15px 0 silver;\n --tw-shadow-colored: 0 0 15px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_0_20px_1px_\\#A4A7AF80\\] {\n --tw-shadow: 0 0 20px 1px #a4a7af80;\n --tw-shadow-colored: 0 0 20px 1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_0_3px_6px_\\#00000029\\] {\n --tw-shadow: 0 0 3px 6px #00000029;\n --tw-shadow-colored: 0 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_3px_6px_\\#00000029\\] {\n --tw-shadow: 0 3px 6px #00000029;\n --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_3px_6px_\\#606267\\] {\n --tw-shadow: 0 3px 6px #606267;\n --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_3px_6px_rgba\\(0\\,0\\,0\\,0\\.16\\)\\] {\n --tw-shadow: 0 3px 6px #00000029;\n --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_6px_6px_\\#00000029\\] {\n --tw-shadow: 0 6px 6px #00000029;\n --tw-shadow-colored: 0 6px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[20px_3px_20px_\\#00000029\\] {\n --tw-shadow: 20px 3px 20px #00000029;\n --tw-shadow-colored: 20px 3px 20px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[3px_3px_16px_\\#00000029\\] {\n --tw-shadow: 3px 3px 16px #00000029;\n --tw-shadow-colored: 3px 3px 16px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[3px_3px_6px_\\#00000029\\] {\n --tw-shadow: 3px 3px 6px #00000029;\n --tw-shadow-colored: 3px 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[inset_0_0_6px_\\#0000003B\\] {\n --tw-shadow: inset 0 0 6px #0000003b;\n --tw-shadow-colored: inset 0 0 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[inset_0_12px_12px_-12px_\\#00000029\\,inset_0_-12px_12px_-12px_\\#00000029\\] {\n --tw-shadow: inset 0 12px 12px -12px #00000029, inset 0 -12px 12px -12px #00000029;\n --tw-shadow-colored: inset 0 12px 12px -12px var(--tw-shadow-color), inset 0 -12px 12px -12px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-card {\n --tw-shadow: 0px 0px 13px 3px #101219;\n --tw-shadow-colored: 0px 0px 13px 3px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-outline-none {\n outline-offset: 2px;\n outline: 2px solid #0000;\n}\n\n.rf-blur-background {\n --tw-blur: blur(var(--rf-blur-background));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.rf-filter {\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.rf-transition-all {\n transition-property: all;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.rf-transition-transform {\n transition-property: transform;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.rf-text-shadow-black {\n text-shadow: 2px 0 5px #000, -2px 0 5px #000, 0 2px 5px #000, 0 -2px 5px #000;\n}\n\n.rf-capitalize-first:first-letter {\n text-transform: uppercase;\n}\n\nol {\n padding-left: 2rem;\n list-style-type: decimal;\n}\n\nul {\n padding-left: 2rem;\n list-style-type: disc;\n}\n\n#retorik-container.rf-portrait:not(.rf-large) .ac-image {\n max-width: 100px;\n}\n\n.rf-glass-background, #retorik-container.portrait .portrait\\:rf-glass-background {\n background-color: var(--rf-color-black);\n --tw-bg-opacity: .62;\n --tw-backdrop-blur: blur(8px);\n backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n\n.rf-loader:before {\n content: \"\";\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n animation: 1.8s ease-in-out -.32s infinite both rf-loader;\n display: block;\n position: absolute;\n right: 1.5rem;\n}\n\n.rf-loader:after {\n content: \"\";\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n animation: 1.8s ease-in-out infinite both rf-loader;\n display: block;\n position: absolute;\n left: 1.5rem;\n}\n\n.rf-loader-microphone:before, .rf-loader-microphone:after {\n content: \"\";\n --tw-border-opacity: 1;\n border: 6px solid #0000;\n border-top-color: rgb(128 128 128 / var(--tw-border-opacity));\n border-radius: 100%;\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.rf-loader-microphone:before {\n z-index: 1;\n animation: 1s linear infinite rf-spin;\n}\n\n.rf-loader-microphone:after {\n --tw-border-opacity: 1;\n border-color: rgb(204 204 204 / var(--tw-border-opacity));\n}\n\n.rf-touch-action-none {\n touch-action: none;\n}\n\n.rf-unselectable {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-touch-callout: none;\n}\n\n.rf-title-extralarge-bold-size-auto {\n font-size: 2.25rem;\n font-weight: 600;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large .rf-title-extralarge-bold-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-extralarge-bold-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n.rf-title-extralarge-size-auto {\n font-size: 2.25rem;\n font-weight: 400;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large .rf-title-extralarge-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-extralarge-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n.rf-title-large-size-auto {\n font-size: 1.5rem;\n font-weight: 400;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-title-large-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-large-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n.rf-title-large-bold-size-auto {\n font-size: 1.875rem;\n font-weight: 600;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large .rf-title-large-bold-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-large-bold-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n.rf-title-size-auto {\n font-size: 1.5rem;\n font-weight: 400;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-title-size-auto {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-title-bold-size-auto {\n font-size: 1.5rem;\n font-weight: 600;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-title-bold-size-auto {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-bold-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-subtitle-size-auto {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-subtitle-size-auto {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-subtitle-size-auto {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n.rf-text-extralarge-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large .rf-text-extralarge-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-extralarge-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n.rf-text-verylarge-size-auto {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-text-verylarge-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-verylarge-size-auto {\n font-size: 4.5rem;\n line-height: 1;\n}\n\n.rf-text-large-size-auto {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-text-large-size-auto {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-large-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-text-medium-size-auto {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large .rf-text-medium-size-auto {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n.rf-text-size-auto {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-text-size-auto {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-size-auto {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n.rf-small-size-auto {\n font-size: .6rem;\n}\n\n#retorik-container.rf-large .rf-small-size-auto {\n font-size: .75rem;\n line-height: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-small-size-auto {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n.rf-line-clamp-unknown {\n hyphens: auto;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-1 {\n hyphens: auto;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-2 {\n hyphens: auto;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-3 {\n hyphens: auto;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-4 {\n hyphens: auto;\n -webkit-line-clamp: 4;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-5 {\n hyphens: auto;\n -webkit-line-clamp: 5;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-6 {\n hyphens: auto;\n -webkit-line-clamp: 6;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-7 {\n hyphens: auto;\n -webkit-line-clamp: 7;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-8 {\n hyphens: auto;\n -webkit-line-clamp: 8;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-9 {\n hyphens: auto;\n -webkit-line-clamp: 9;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-10 {\n hyphens: auto;\n -webkit-line-clamp: 10;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-height-fill-available {\n height: stretch;\n}\n\n.rf-width-fill-available {\n width: stretch;\n}\n\n.rf-animation-delay-2 {\n animation-delay: .2s;\n}\n\n.rf-animation-delay-4 {\n animation-delay: .4s;\n}\n\n.rf-scrollbar-thin {\n scrollbar-width: thin;\n scrollbar-color: var(--rf-color-secondary) transparent;\n}\n\n.rf-scrollbar-thin::-webkit-scrollbar {\n width: .2rem;\n height: .2rem;\n margin: .25rem 0;\n}\n\n.rf-scrollbar-thin::-webkit-scrollbar-thumb {\n background-color: var(--rf-color-secondary);\n border-radius: .5rem;\n}\n\n.rf-scrollbar-x-custom::-webkit-scrollbar {\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n border-radius: 2rem;\n height: .5rem;\n}\n\n.rf-scrollbar-x-custom::-webkit-scrollbar-thumb {\n background-color: var(--rf-color-primary);\n border-radius: 2rem;\n}\n\n.rf-scrollbar-hidden {\n scrollbar-width: none;\n}\n\n.rf-scrollbar-hidden::-webkit-scrollbar {\n display: none;\n}\n\n.rf-opacity-gradient-b {\n -webkit-mask-image: linear-gradient(#000 50%, #0000 100%);\n}\n\n.rf-opacity-gradient-b-thin {\n -webkit-mask-image: linear-gradient(#797676 84%, #0000 100%);\n}\n\n.rf-opacity-gradient-l {\n -webkit-mask-image: linear-gradient(to left, #000 75%, gray 80%, #0000 85%);\n}\n\n.rf-opacity-gradient-l-thin {\n -webkit-mask-image: linear-gradient(to left, #000 90%, gray 95%, #0000 100%);\n}\n\n.rf-opacity-gradient-h {\n -webkit-mask-image: linear-gradient(to right, #0000 0%, 6%, #000, 94%, #0000 100%);\n}\n\n.rf-card-button {\n border-width: 1px;\n border-color: var(--rf-color-cardButtonBorderDefault);\n background-color: var(--rf-color-cardButtonBackgroundDefault);\n color: var(--rf-color-cardButtonTextDefault);\n border-radius: .3125rem;\n padding: .25rem .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button {\n padding: .5rem 1rem;\n}\n\n.rf-card-button:hover {\n cursor: pointer;\n border-color: var(--rf-color-cardButtonBorderHover);\n background-color: var(--rf-color-cardButtonBackgroundHover);\n color: var(--rf-color-cardButtonTextHover);\n}\n\n.rf-card-button-secondary {\n border-width: 1px;\n border-color: var(--rf-color-secondary);\n color: var(--rf-color-secondary);\n background-color: #0000;\n border-radius: .3125rem;\n padding: .25rem .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-secondary {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-secondary {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-secondary {\n padding: .5rem 1rem;\n}\n\n.rf-card-button-secondary:hover {\n cursor: pointer;\n border-color: var(--rf-color-secondary);\n background-color: var(--rf-color-secondary);\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.rf-card-button-discover {\n border-width: 1px;\n border-color: var(--rf-color-cardButtonDiscoverBorderDefault);\n background-color: var(--rf-color-cardButtonDiscoverBackgroundDefault);\n color: var(--rf-color-cardButtonDiscoverTextDefault);\n border-radius: .3125rem;\n padding: .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-discover {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n.rf-card-button-discover:hover {\n cursor: pointer;\n border-color: var(--rf-color-cardButtonDiscoverBorderHover);\n background-color: var(--rf-color-cardButtonDiscoverBackgroundHover);\n color: var(--rf-color-cardButtonDiscoverTextHover);\n}\n\n.rf-card-button-history {\n cursor: default;\n border-width: 1px;\n border-color: var(--rf-color-cardButtonBorderDefault);\n background-color: var(--rf-color-cardButtonBackgroundDefault);\n color: var(--rf-color-cardButtonTextDefault);\n border-radius: .3125rem;\n padding: .25rem .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-history {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-history {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-history {\n padding: .5rem 1rem;\n}\n\n.lf-player-container {\n align-items: flex-end;\n width: 100%;\n height: 100%;\n display: flex;\n overflow: hidden;\n}\n\n.rf-input-label {\n text-overflow: ellipsis;\n color: var(--rf-color-formInputTextDefault);\n margin-top: .1rem;\n margin-left: .75rem;\n overflow-x: hidden;\n}\n\n#retorik-container.rf-large .rf-input-label {\n margin-top: .25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-input-label {\n margin-top: .2rem;\n}\n\n.rf-radio-custom {\n -webkit-appearance: none;\n appearance: none;\n border-width: 2px;\n border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n border-radius: 50%;\n place-content: center;\n width: 1.5rem;\n min-width: 1.5rem;\n height: 1.5rem;\n margin: 0;\n display: grid;\n}\n\n.rf-radio-custom:checked {\n border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n#retorik-container.rf-large .rf-radio-custom {\n width: 1.75rem;\n min-width: 1.75rem;\n height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-radio-custom {\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n}\n\n.rf-radio-custom:before {\n content: \"\";\n --tw-scale-x: 0;\n --tw-scale-y: 0;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n background-color: var(--rf-color-formInputRadioCheckboxCheckedItem);\n border-radius: 50%;\n width: .5rem;\n height: .5rem;\n transition-property: all;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n#retorik-container.rf-large .rf-radio-custom:before {\n width: .75rem;\n height: .75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-radio-custom:before {\n width: 1rem;\n height: 1rem;\n}\n\n.rf-radio-custom:checked:before {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-input-hidden {\n -webkit-appearance: none;\n appearance: none;\n margin: 0;\n}\n\n.rf-checkbox-custom {\n -webkit-appearance: none;\n appearance: none;\n border-width: 2px;\n border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n border-radius: .3125rem;\n place-content: center;\n width: 1.5rem;\n min-width: 1.5rem;\n height: 1.5rem;\n margin: 0;\n display: grid;\n}\n\n#retorik-container.rf-large .rf-checkbox-custom {\n width: 1.75rem;\n min-width: 1.75rem;\n height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-checkbox-custom {\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n}\n\n.rf-checkbox-custom:checked {\n border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n.rf-toggle-custom {\n -webkit-appearance: none;\n appearance: none;\n background-color: var(--rf-color-black);\n border-radius: 1.5rem;\n width: 3rem;\n min-width: 3rem;\n height: 1.5rem;\n margin: 0;\n position: relative;\n}\n\n.rf-toggle-custom:checked {\n background-color: var(--rf-color-primary);\n}\n\n#retorik-container.rf-large .rf-toggle-custom {\n border-radius: 1.75rem;\n width: 3.5rem;\n min-width: 3.5rem;\n height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-toggle-custom {\n border-radius: 2rem;\n width: 4rem;\n min-width: 4rem;\n height: 2rem;\n}\n\n.rf-toggle-custom:before {\n content: \"\";\n --tw-translate-x: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n transition-property: all;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n position: absolute;\n top: .25rem;\n left: .25rem;\n}\n\n#retorik-container.rf-large .rf-toggle-custom:before {\n width: 1.25rem;\n height: 1.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-toggle-custom:before {\n width: 1.5rem;\n height: 1.5rem;\n}\n\n.rf-toggle-custom:checked:before {\n --tw-translate-x: 1.5rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n#retorik-container.rf-large .rf-toggle-custom:checked:before {\n --tw-translate-x: 1.75rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n#retorik-container.rf-large.rf-portrait .rf-toggle-custom:checked:before {\n --tw-translate-x: 2rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-select-custom {\n -webkit-appearance: none;\n appearance: none;\n border-width: 2px;\n border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n border-radius: .3125rem;\n margin: 0;\n padding: 1rem;\n}\n\n.rf-select-custom:hover {\n cursor: pointer;\n}\n\n.rf-select-custom:focus-visible {\n border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n}\n\n.rf-slider-custom {\n -webkit-appearance: none;\n -moz-appearance: none;\n outline-offset: 2px;\n border-radius: .5rem;\n outline: 2px solid #0000;\n width: 100%;\n height: .25rem;\n display: block;\n position: relative;\n}\n\n.rf-slider-custom::-webkit-slider-runnable-track {\n -webkit-appearance: none;\n}\n\n.rf-slider-custom::-moz-track {\n -moz-appearance: none;\n}\n\n.rf-slider-custom::-ms-track {\n appearance: none;\n}\n\n.rf-slider-custom::-webkit-slider-thumb {\n -webkit-appearance: none;\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n border-style: none;\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -.2rem;\n}\n\n.rf-slider-custom::-webkit-slider-thumb:hover {\n cursor: pointer;\n}\n\n.rf-slider-custom::-moz-range-thumb {\n -webkit-appearance: none;\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n border-style: none;\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -.2rem;\n}\n\n.rf-slider-custom::-moz-range-thumb:hover {\n cursor: pointer;\n}\n\n.rf-slider-custom::-ms-thumb {\n appearance: none;\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n border-style: none;\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -.2rem;\n}\n\n.rf-slider-custom::-ms-thumb:hover {\n cursor: pointer;\n}\n\n.rf-likert-custom {\n cursor: pointer;\n outline-offset: 2px;\n -webkit-text-stroke-width: 1px;\n -webkit-text-stroke-color: white;\n background-color: #0000;\n border-style: none;\n outline: 2px solid #0000;\n}\n\n.svgButtonMenu > svg * {\n fill: var(--fill);\n}\n\n.webchat__css-custom-properties {\n width: 100%;\n height: 100%;\n}\n\n.placeholder\\:rf-text-black::placeholder {\n color: var(--rf-color-black);\n}\n\n.placeholder\\:rf-opacity-100::placeholder {\n opacity: 1;\n}\n\n.hover\\:rf-cursor-pointer:hover {\n cursor: pointer;\n}\n\n.hover\\:rf-border-truewhite:hover {\n --tw-border-opacity: 1;\n border-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n\n.hover\\:rf-bg-formInputRadioCheckboxCheckedBackground:hover {\n background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n.hover\\:rf-bg-truewhite:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.hover\\:rf-text-formInputRadioCheckboxCheckedItem:hover {\n color: var(--rf-color-formInputRadioCheckboxCheckedItem);\n}\n\n.hover\\:rf-text-truewhite:hover {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-col-span-full {\n grid-column: 1 / -1;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-col-start-1 {\n grid-column-start: 1;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-row-span-1 {\n grid-row: span 1 / span 1;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-row-start-11 {\n grid-row-start: 11;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-row-end-13 {\n grid-row-end: 13;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-w-5\\/6 {\n width: 83.3333%;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-w-full {\n width: 100%;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-flex-col {\n flex-direction: column;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-overflow-x-auto {\n overflow-x: auto;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-border-r-0 {\n border-right-width: 0;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-absolute {\n position: absolute;\n}\n\n#retorik-container.rf-large .large\\:rf-left-4 {\n left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-top-8 {\n top: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-col-start-5 {\n grid-column-start: 5;\n}\n\n#retorik-container.rf-large .large\\:rf-col-end-6 {\n grid-column-end: 6;\n}\n\n#retorik-container.rf-large .large\\:rf-col-end-9 {\n grid-column-end: 9;\n}\n\n#retorik-container.rf-large .large\\:rf-row-span-full {\n grid-row: 1 / -1;\n}\n\n#retorik-container.rf-large .large\\:rf-row-start-10 {\n grid-row-start: 10;\n}\n\n#retorik-container.rf-large .large\\:rf-row-start-5 {\n grid-row-start: 5;\n}\n\n#retorik-container.rf-large .large\\:rf-m-8 {\n margin: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-my-0 {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-my-3 {\n margin-top: .75rem;\n margin-bottom: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-0 {\n margin-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-4 {\n margin-bottom: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-6 {\n margin-bottom: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-0 {\n margin-left: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-12 {\n margin-left: 3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-4 {\n margin-left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-8 {\n margin-left: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mr-3 {\n margin-right: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mr-30 {\n margin-right: 7.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-0 {\n margin-top: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-20 {\n margin-top: 5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-3 {\n margin-top: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-\\[20vh\\] {\n margin-top: 20vh;\n}\n\n#retorik-container.rf-large .large\\:rf-block {\n display: block;\n}\n\n#retorik-container.rf-large .large\\:rf-flex {\n display: flex;\n}\n\n#retorik-container.rf-large .large\\:rf-hidden {\n display: none;\n}\n\n#retorik-container.rf-large .large\\:rf-aspect-video {\n aspect-ratio: 16 / 9;\n}\n\n#retorik-container.rf-large .large\\:rf-h-16 {\n height: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-3\\/5 {\n height: 60%;\n}\n\n#retorik-container.rf-large .large\\:rf-h-4 {\n height: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-5 {\n height: 1.25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-6 {\n height: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-8 {\n height: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-\\[60vh\\] {\n height: 60vh;\n}\n\n#retorik-container.rf-large .large\\:rf-h-auto {\n height: auto;\n}\n\n#retorik-container.rf-large .large\\:rf-h-full {\n height: 100%;\n}\n\n#retorik-container.rf-large .large\\:rf-max-h-28 {\n max-height: 7rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-1\\/8 {\n width: 12.5%;\n}\n\n#retorik-container.rf-large .large\\:rf-w-14 {\n width: 3.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-16 {\n width: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-3\\/5 {\n width: 60%;\n}\n\n#retorik-container.rf-large .large\\:rf-w-4 {\n width: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-5 {\n width: 1.25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-6 {\n width: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-8 {\n width: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-fit {\n width: fit-content;\n}\n\n#retorik-container.rf-large .large\\:rf-w-full {\n width: 100%;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-1\\/2 {\n min-width: 50%;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-1\\/8 {\n min-width: 12.5%;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-16 {\n min-width: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-3\\/5 {\n min-width: 60%;\n}\n\n#retorik-container.rf-large .large\\:rf-max-w-1\\/8 {\n max-width: 12.5%;\n}\n\n#retorik-container.rf-large .large\\:rf-max-w-\\[12rem\\] {\n max-width: 12rem;\n}\n\n#retorik-container.rf-large .large\\:rf-max-w-full {\n max-width: 100%;\n}\n\n#retorik-container.rf-large .large\\:rf-grid-cols-5 {\n grid-template-columns: repeat(5, minmax(0, 1fr));\n}\n\n#retorik-container.rf-large .large\\:rf-flex-row {\n flex-direction: row;\n}\n\n#retorik-container.rf-large .large\\:rf-flex-col {\n flex-direction: column;\n}\n\n#retorik-container.rf-large .large\\:rf-items-baseline {\n align-items: baseline;\n}\n\n#retorik-container.rf-large .large\\:rf-justify-start {\n justify-content: flex-start;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-1 {\n gap: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-3 {\n gap: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-4 {\n gap: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-6 {\n gap: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-overflow-y-scroll {\n overflow-y: scroll;\n}\n\n#retorik-container.rf-large .large\\:rf-border-t-0 {\n border-top-width: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-bg-truewhite {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n#retorik-container.rf-large .large\\:rf-p-4 {\n padding: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-p-\\[25px\\] {\n padding: 25px;\n}\n\n#retorik-container.rf-large .large\\:rf-p-min1 {\n padding: .1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-0 {\n padding-left: 0;\n padding-right: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-px-16 {\n padding-left: 4rem;\n padding-right: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-5, #retorik-container.rf-large .large\\:rf-px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-8 {\n padding-left: 2rem;\n padding-right: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-0 {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-2 {\n padding-top: .5rem;\n padding-bottom: .5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-3 {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pb-16 {\n padding-bottom: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pl-4 {\n padding-left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pr-4 {\n padding-right: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pt-16 {\n padding-top: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pt-3 {\n padding-top: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-text-5xl {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large .large\\:rf-text-6xl {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large .large\\:rf-text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-text-basecustom {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-text-sm {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-uppercase {\n text-transform: uppercase;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-h-4 {\n height: 1rem;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-h-6 {\n height: 1.5rem;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-w-6 {\n width: 1.5rem;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-pt-1\\/5 {\n padding-top: 20%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-bottom-\\[25vh\\] {\n bottom: 25vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-left-4 {\n left: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-top-4 {\n top: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-span-full {\n grid-column: 1 / -1;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-start-1 {\n grid-column-start: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-start-2 {\n grid-column-start: 2;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-end-8 {\n grid-column-end: 8;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-end-9 {\n grid-column-end: 9;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-span-4 {\n grid-row: span 4 / span 4;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-span-6 {\n grid-row: span 6 / span 6;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-start-5 {\n grid-row-start: 5;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-start-7 {\n grid-row-start: 7;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-end-11 {\n grid-row-end: 11;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-end-7 {\n grid-row-end: 7;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mt-4 {\n margin-top: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mt-\\[20vh\\] {\n margin-top: 20vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mt-\\[25vh\\] {\n margin-top: 25vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-block {\n display: block;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-hidden {\n display: none;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-1\\/2 {\n height: 50%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-14 {\n height: 3.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-24 {\n height: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-6 {\n height: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-\\[50vh\\] {\n height: 50vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-11\\/12 {\n max-height: 91.67%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-36 {\n max-height: 9rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-\\[18vh\\] {\n max-height: 18vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-\\[30vh\\] {\n max-height: 30vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-1\\/2 {\n width: 50%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-14 {\n width: 3.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-16 {\n width: 4rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-24 {\n width: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-4\\/9 {\n width: 45%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-6 {\n width: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-w-24 {\n min-width: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-w-4\\/9 {\n min-width: 45%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-w-2\\/3 {\n max-width: 66.67%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-w-\\[60\\%\\] {\n max-width: 60%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-flex-row {\n flex-direction: row;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-justify-center {\n justify-content: center;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-gap-6 {\n gap: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-self-end {\n align-self: flex-end;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-border-t {\n border-top-width: 1px;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-border-t-menuBorder {\n --tw-border-opacity: 1;\n border-top-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-py-5 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pl-0 {\n padding-left: 0;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-8 {\n padding-top: 2rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-\\[16\\.67\\%\\] {\n padding-top: 16.67%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-\\[20vh\\] {\n padding-top: 20vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-text-basecustomuppercase {\n font-size: 1rem;\n line-height: 1.1rem;\n}\n\n#retorik-container.rf-large.rf-tactile .large-tactile\\:rf-mt-0 {\n margin-top: 0;\n}\n\n#retorik-container.rf-large.rf-tactile .large-tactile\\:rf-flex {\n display: flex;\n}\n\n#retorik-container.rf-large.rf-tactile .large-tactile\\:rf-hidden {\n display: none;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .desktop\\:rf-h-full {\n height: 100%;\n}\n\n@media (height <= 700px) and (width <= 300px) {\n .small-mobile\\:rf-row-span-6 {\n grid-row: span 6 / span 6;\n }\n\n .small-mobile\\:rf-row-span-7 {\n grid-row: span 7 / span 7;\n }\n\n .small-mobile\\:rf-row-start-5 {\n grid-row-start: 5;\n }\n}\n";
|
|
74
|
+
$4e7182a6e3eb35e2$exports = "*, :before, :after {\n box-sizing: border-box;\n border: 0 solid;\n}\n\n:before, :after {\n --tw-content: \"\";\n}\n\nhtml, :host {\n -webkit-text-size-adjust: 100%;\n -moz-tab-size: 4;\n tab-size: 4;\n font-feature-settings: normal;\n font-variation-settings: normal;\n -webkit-tap-highlight-color: transparent;\n font-family: Calibri, sans-serif;\n line-height: 1.5;\n}\n\nbody {\n line-height: inherit;\n margin: 0;\n}\n\nhr {\n color: inherit;\n border-top-width: 1px;\n height: 0;\n}\n\nabbr:where([title]) {\n text-decoration: underline dotted;\n}\n\nh1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\nb, strong {\n font-weight: bolder;\n}\n\ncode, kbd, samp, pre {\n font-feature-settings: normal;\n font-variation-settings: normal;\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n font-size: 1em;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\ntable {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n}\n\nbutton, input, optgroup, select, textarea {\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n font-family: inherit;\n font-size: 100%;\n font-weight: inherit;\n line-height: inherit;\n color: inherit;\n margin: 0;\n padding: 0;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, [type=\"button\"], [type=\"reset\"], [type=\"submit\"] {\n -webkit-appearance: button;\n background-color: #0000;\n background-image: none;\n}\n\n:-moz-focusring {\n outline: auto;\n}\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\nsummary {\n display: list-item;\n}\n\nblockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol, ul, menu {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\ndialog {\n padding: 0;\n}\n\ntextarea {\n resize: vertical;\n}\n\ninput::placeholder, textarea::placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\nbutton, [role=\"button\"] {\n cursor: pointer;\n}\n\n:disabled {\n cursor: default;\n}\n\nimg, svg, video, canvas, audio, iframe, embed, object {\n vertical-align: middle;\n display: block;\n}\n\nimg, video {\n max-width: 100%;\n height: auto;\n}\n\n[hidden] {\n display: none;\n}\n\n*, :before, :after, ::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: #3b82f680;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\n\n.rf-pointer-events-none {\n pointer-events: none;\n}\n\n.rf-pointer-events-auto {\n pointer-events: auto;\n}\n\n.rf-visible {\n visibility: visible;\n}\n\n.rf-invisible {\n visibility: hidden;\n}\n\n.rf-fixed {\n position: fixed;\n}\n\n.rf-absolute {\n position: absolute;\n}\n\n.rf-relative {\n position: relative;\n}\n\n.-rf-left-6 {\n left: -1.5rem;\n}\n\n.-rf-top-2 {\n top: -.5rem;\n}\n\n.-rf-top-4 {\n top: -1rem;\n}\n\n.-rf-top-6 {\n top: -1.5rem;\n}\n\n.-rf-top-\\[1\\.15rem\\] {\n top: -1.15rem;\n}\n\n.rf--bottom-2 {\n bottom: -.5rem;\n}\n\n.rf-bottom-0 {\n bottom: 0;\n}\n\n.rf-bottom-1 {\n bottom: .25rem;\n}\n\n.rf-bottom-1\\/4 {\n bottom: 25%;\n}\n\n.rf-bottom-10 {\n bottom: 2.5rem;\n}\n\n.rf-bottom-16 {\n bottom: 4rem;\n}\n\n.rf-bottom-2 {\n bottom: .5rem;\n}\n\n.rf-bottom-4 {\n bottom: 1rem;\n}\n\n.rf-bottom-40 {\n bottom: 10rem;\n}\n\n.rf-left-0 {\n left: 0;\n}\n\n.rf-left-1 {\n left: .25rem;\n}\n\n.rf-left-1\\/2 {\n left: 50%;\n}\n\n.rf-left-2 {\n left: .5rem;\n}\n\n.rf-left-4 {\n left: 1rem;\n}\n\n.rf-right-0 {\n right: 0;\n}\n\n.rf-right-1 {\n right: .25rem;\n}\n\n.rf-right-2 {\n right: .5rem;\n}\n\n.rf-right-3 {\n right: .75rem;\n}\n\n.rf-right-4 {\n right: 1rem;\n}\n\n.rf-right-6 {\n right: 1.5rem;\n}\n\n.rf-right-8 {\n right: 2rem;\n}\n\n.rf-top-0 {\n top: 0;\n}\n\n.rf-top-1 {\n top: .25rem;\n}\n\n.rf-top-1\\/2 {\n top: 50%;\n}\n\n.rf-top-1\\/3 {\n top: 33.3333%;\n}\n\n.rf-top-110 {\n top: 110%;\n}\n\n.rf-top-2 {\n top: .5rem;\n}\n\n.rf-top-4 {\n top: 1rem;\n}\n\n.rf-top-\\[0\\.125rem\\] {\n top: .125rem;\n}\n\n.rf-z-background {\n z-index: 0;\n}\n\n.rf-z-chatbot {\n z-index: 10;\n}\n\n.rf-z-detailedPOI {\n z-index: 2;\n}\n\n.rf-z-dropdown {\n z-index: 30;\n}\n\n.rf-z-exitwidget {\n z-index: 55;\n}\n\n.rf-z-menu {\n z-index: 40;\n}\n\n.rf-z-modal {\n z-index: 50;\n}\n\n.rf-z-overlay {\n z-index: 40;\n}\n\n.rf-z-ui {\n z-index: 20;\n}\n\n.rf-z-util {\n z-index: 1;\n}\n\n.rf-col-span-2 {\n grid-column: span 2 / span 2;\n}\n\n.rf-col-span-3 {\n grid-column: span 3 / span 3;\n}\n\n.rf-col-span-6 {\n grid-column: span 6 / span 6;\n}\n\n.rf-col-span-full {\n grid-column: 1 / -1;\n}\n\n.rf-col-start-1 {\n grid-column-start: 1;\n}\n\n.rf-col-start-2 {\n grid-column-start: 2;\n}\n\n.rf-col-start-4 {\n grid-column-start: 4;\n}\n\n.rf-col-start-5 {\n grid-column-start: 5;\n}\n\n.rf-col-end-13 {\n grid-column-end: 13;\n}\n\n.rf-col-end-2 {\n grid-column-end: 2;\n}\n\n.rf-col-end-9 {\n grid-column-end: 9;\n}\n\n.rf-row-span-1 {\n grid-row: span 1 / span 1;\n}\n\n.rf-row-span-2 {\n grid-row: span 2 / span 2;\n}\n\n.rf-row-span-3 {\n grid-row: span 3 / span 3;\n}\n\n.rf-row-span-5 {\n grid-row: span 5 / span 5;\n}\n\n.rf-row-span-6 {\n grid-row: span 6 / span 6;\n}\n\n.rf-row-span-9 {\n grid-row: span 9 / span 9;\n}\n\n.rf-row-span-full {\n grid-row: 1 / -1;\n}\n\n.rf-row-start-1 {\n grid-row-start: 1;\n}\n\n.rf-row-start-12 {\n grid-row-start: 12;\n}\n\n.rf-row-start-2 {\n grid-row-start: 2;\n}\n\n.rf-row-start-3 {\n grid-row-start: 3;\n}\n\n.rf-row-start-4 {\n grid-row-start: 4;\n}\n\n.rf-row-start-6 {\n grid-row-start: 6;\n}\n\n.rf-row-start-9 {\n grid-row-start: 9;\n}\n\n.rf-row-end-12 {\n grid-row-end: 12;\n}\n\n.rf-row-end-13 {\n grid-row-end: 13;\n}\n\n.rf-row-end-2 {\n grid-row-end: 2;\n}\n\n.rf-row-end-3 {\n grid-row-end: 3;\n}\n\n.rf-row-end-4 {\n grid-row-end: 4;\n}\n\n.rf-row-end-5 {\n grid-row-end: 5;\n}\n\n.rf-float-right {\n float: right;\n}\n\n.rf-m-0 {\n margin: 0;\n}\n\n.rf-m-4 {\n margin: 1rem;\n}\n\n.rf-m-auto {\n margin: auto;\n}\n\n.-rf-mx-6 {\n margin-left: -1.5rem;\n margin-right: -1.5rem;\n}\n\n.rf-mx-0 {\n margin-left: 0;\n margin-right: 0;\n}\n\n.rf-mx-2 {\n margin-left: .5rem;\n margin-right: .5rem;\n}\n\n.rf-mx-3 {\n margin-left: .75rem;\n margin-right: .75rem;\n}\n\n.rf-mx-8 {\n margin-left: 2rem;\n margin-right: 2rem;\n}\n\n.rf-mx-auto {\n margin-left: auto;\n margin-right: auto;\n}\n\n.rf-my-1 {\n margin-top: .25rem;\n margin-bottom: .25rem;\n}\n\n.rf-my-2 {\n margin-top: .5rem;\n margin-bottom: .5rem;\n}\n\n.rf-my-4 {\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\n\n.rf-my-auto {\n margin-top: auto;\n margin-bottom: auto;\n}\n\n.-rf-mb-4 {\n margin-bottom: -1rem;\n}\n\n.-rf-ml-2 {\n margin-left: -.5rem;\n}\n\n.rf-mb-0 {\n margin-bottom: 0;\n}\n\n.rf-mb-1 {\n margin-bottom: .25rem;\n}\n\n.rf-mb-12 {\n margin-bottom: 3rem;\n}\n\n.rf-mb-16 {\n margin-bottom: 4rem;\n}\n\n.rf-mb-2 {\n margin-bottom: .5rem;\n}\n\n.rf-mb-26 {\n margin-bottom: 6.5rem;\n}\n\n.rf-mb-28 {\n margin-bottom: 7rem;\n}\n\n.rf-mb-3 {\n margin-bottom: .75rem;\n}\n\n.rf-mb-30 {\n margin-bottom: 7.5rem;\n}\n\n.rf-mb-4 {\n margin-bottom: 1rem;\n}\n\n.rf-mb-5 {\n margin-bottom: 1.25rem;\n}\n\n.rf-mb-6 {\n margin-bottom: 1.5rem;\n}\n\n.rf-mb-8 {\n margin-bottom: 2rem;\n}\n\n.rf-ml-1 {\n margin-left: .25rem;\n}\n\n.rf-ml-2 {\n margin-left: .5rem;\n}\n\n.rf-ml-4 {\n margin-left: 1rem;\n}\n\n.rf-ml-6 {\n margin-left: 1.5rem;\n}\n\n.rf-mr-1 {\n margin-right: .25rem;\n}\n\n.rf-mr-2 {\n margin-right: .5rem;\n}\n\n.rf-mr-3 {\n margin-right: .75rem;\n}\n\n.rf-mr-4 {\n margin-right: 1rem;\n}\n\n.rf-mr-5 {\n margin-right: 1.25rem;\n}\n\n.rf-mt-1 {\n margin-top: .25rem;\n}\n\n.rf-mt-10 {\n margin-top: 2.5rem;\n}\n\n.rf-mt-2 {\n margin-top: .5rem;\n}\n\n.rf-mt-4 {\n margin-top: 1rem;\n}\n\n.rf-mt-5 {\n margin-top: 1.25rem;\n}\n\n.rf-mt-8 {\n margin-top: 2rem;\n}\n\n.rf-mt-\\[0\\.2rem\\] {\n margin-top: .2rem;\n}\n\n.rf-mt-auto {\n margin-top: auto;\n}\n\n.rf-line-clamp-1 {\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-2 {\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-inline {\n display: inline;\n}\n\n.rf-flex {\n display: flex;\n}\n\n.rf-grid {\n display: grid;\n}\n\n.rf-hidden {\n display: none;\n}\n\n.rf-aspect-\\[4\\/3\\] {\n aspect-ratio: 4 / 3;\n}\n\n.rf-aspect-square {\n aspect-ratio: 1;\n}\n\n.rf-aspect-video {\n aspect-ratio: 16 / 9;\n}\n\n.rf-h-0 {\n height: 0;\n}\n\n.rf-h-1 {\n height: .25rem;\n}\n\n.rf-h-1\\/2 {\n height: 50%;\n}\n\n.rf-h-1\\/3 {\n height: 33.3333%;\n}\n\n.rf-h-12 {\n height: 3rem;\n}\n\n.rf-h-14 {\n height: 3.5rem;\n}\n\n.rf-h-16 {\n height: 4rem;\n}\n\n.rf-h-18 {\n height: 4.5rem;\n}\n\n.rf-h-2 {\n height: .5rem;\n}\n\n.rf-h-2\\/3 {\n height: 66.6667%;\n}\n\n.rf-h-24 {\n height: 6rem;\n}\n\n.rf-h-3 {\n height: .75rem;\n}\n\n.rf-h-3\\/10 {\n height: 30%;\n}\n\n.rf-h-32 {\n height: 8rem;\n}\n\n.rf-h-36 {\n height: 9rem;\n}\n\n.rf-h-4 {\n height: 1rem;\n}\n\n.rf-h-48 {\n height: 12rem;\n}\n\n.rf-h-5 {\n height: 1.25rem;\n}\n\n.rf-h-6 {\n height: 1.5rem;\n}\n\n.rf-h-7 {\n height: 1.75rem;\n}\n\n.rf-h-8 {\n height: 2rem;\n}\n\n.rf-h-9 {\n height: 2.25rem;\n}\n\n.rf-h-\\[0\\.875rem\\] {\n height: .875rem;\n}\n\n.rf-h-\\[1\\.25rem\\] {\n height: 1.25rem;\n}\n\n.rf-h-\\[calc\\(50vw-3rem\\)\\] {\n height: calc(50vw - 3rem);\n}\n\n.rf-h-fit {\n height: fit-content;\n}\n\n.rf-h-full {\n height: 100%;\n}\n\n.rf-h-max {\n height: max-content;\n}\n\n.rf-h-screen {\n height: 100vh;\n}\n\n.rf-max-h-12 {\n max-height: 3rem;\n}\n\n.rf-max-h-28 {\n max-height: 7rem;\n}\n\n.rf-max-h-4\\/5 {\n max-height: 80%;\n}\n\n.rf-max-h-48 {\n max-height: 12rem;\n}\n\n.rf-max-h-6 {\n max-height: 1.5rem;\n}\n\n.rf-max-h-full {\n max-height: 100%;\n}\n\n.rf-max-h-qrcode {\n max-height: 120px;\n}\n\n.rf-max-h-screen {\n max-height: 100vh;\n}\n\n.rf-min-h-12 {\n min-height: 3rem;\n}\n\n.rf-min-h-16 {\n min-height: 4rem;\n}\n\n.rf-min-h-2\\/5 {\n min-height: 40%;\n}\n\n.rf-min-h-6 {\n min-height: 1.5rem;\n}\n\n.rf-min-h-full {\n min-height: 100%;\n}\n\n.rf-min-h-inherit {\n min-height: inherit;\n}\n\n.rf-w-0 {\n width: 0;\n}\n\n.rf-w-1\\/2 {\n width: 50%;\n}\n\n.rf-w-1\\/3 {\n width: 33.3333%;\n}\n\n.rf-w-1\\/4 {\n width: 25%;\n}\n\n.rf-w-11\\/12 {\n width: 91.6667%;\n}\n\n.rf-w-12 {\n width: 3rem;\n}\n\n.rf-w-16 {\n width: 4rem;\n}\n\n.rf-w-18 {\n width: 4.5rem;\n}\n\n.rf-w-2 {\n width: .5rem;\n}\n\n.rf-w-2\\/3 {\n width: 66.6667%;\n}\n\n.rf-w-20 {\n width: 5rem;\n}\n\n.rf-w-24 {\n width: 6rem;\n}\n\n.rf-w-3 {\n width: .75rem;\n}\n\n.rf-w-3\\/20 {\n width: 15%;\n}\n\n.rf-w-3\\/4 {\n width: 75%;\n}\n\n.rf-w-3\\/5 {\n width: 60%;\n}\n\n.rf-w-32 {\n width: 8rem;\n}\n\n.rf-w-36 {\n width: 9rem;\n}\n\n.rf-w-4 {\n width: 1rem;\n}\n\n.rf-w-4\\/9 {\n width: 45%;\n}\n\n.rf-w-48 {\n width: 12rem;\n}\n\n.rf-w-5 {\n width: 1.25rem;\n}\n\n.rf-w-6 {\n width: 1.5rem;\n}\n\n.rf-w-7 {\n width: 1.75rem;\n}\n\n.rf-w-8 {\n width: 2rem;\n}\n\n.rf-w-9 {\n width: 2.25rem;\n}\n\n.rf-w-\\[45\\%\\] {\n width: 45%;\n}\n\n.rf-w-\\[45ch\\] {\n width: 45ch;\n}\n\n.rf-w-\\[90\\%\\] {\n width: 90%;\n}\n\n.rf-w-\\[calc\\(100\\%-3rem\\)\\] {\n width: calc(100% - 3rem);\n}\n\n.rf-w-fit {\n width: fit-content;\n}\n\n.rf-w-full {\n width: 100%;\n}\n\n.rf-w-max {\n width: max-content;\n}\n\n.rf-w-screen {\n width: 100vw;\n}\n\n.rf-min-w-11\\/12 {\n min-width: 91.7%;\n}\n\n.rf-min-w-12 {\n min-width: 3rem;\n}\n\n.rf-min-w-24 {\n min-width: 6rem;\n}\n\n.rf-min-w-3\\/20 {\n min-width: 15%;\n}\n\n.rf-min-w-6 {\n min-width: 1.5rem;\n}\n\n.rf-min-w-\\[45\\%\\] {\n min-width: 45%;\n}\n\n.rf-min-w-full {\n min-width: 100%;\n}\n\n.rf-max-w-1\\/2 {\n max-width: 50%;\n}\n\n.rf-max-w-16 {\n max-width: 4rem;\n}\n\n.rf-max-w-3\\/20 {\n max-width: 15%;\n}\n\n.rf-max-w-6 {\n max-width: 1.5rem;\n}\n\n.rf-max-w-7\\/10 {\n max-width: 70%;\n}\n\n.rf-max-w-\\[100vw\\] {\n max-width: 100vw;\n}\n\n.rf-max-w-\\[45\\%\\] {\n max-width: 45%;\n}\n\n.rf-max-w-\\[70vw\\] {\n max-width: 70vw;\n}\n\n.rf-max-w-\\[calc\\(100\\%-2rem\\)\\] {\n max-width: calc(100% - 2rem);\n}\n\n.rf-max-w-full {\n max-width: 100%;\n}\n\n.rf-max-w-none {\n max-width: none;\n}\n\n.rf-flex-1 {\n flex: 1;\n}\n\n.rf-flex-\\[0_0_40\\%\\] {\n flex: 0 0 40%;\n}\n\n.rf-flex-\\[2_1_0\\%\\] {\n flex: 2;\n}\n\n.rf-flex-\\[4_1_0\\%\\] {\n flex: 4;\n}\n\n.rf-origin-center {\n transform-origin: center;\n}\n\n.-rf-translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.-rf-translate-y-1\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf--translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-translate-x-1 {\n --tw-translate-x: .25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-translate-x-5 {\n --tw-translate-x: 1.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf--rotate-90 {\n --tw-rotate: -90deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-rotate-0 {\n --tw-rotate: 0deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-rotate-180 {\n --tw-rotate: 180deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-rotate-90 {\n --tw-rotate: 90deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-scale-0 {\n --tw-scale-x: 0;\n --tw-scale-y: 0;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n@keyframes rf-blink {\n 0%, 100% {\n opacity: .2;\n }\n\n 50% {\n opacity: 1;\n }\n}\n\n.rf-animate-blink {\n animation: 1.4s infinite both rf-blink;\n}\n\n@keyframes rf-fadeIn {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n.rf-animate-fadeIn {\n animation: .5s .2s backwards rf-fadeIn;\n}\n\n@keyframes rf-hScroll {\n 0% {\n transform: translateX(0);\n }\n\n 100% {\n transform: translateX(calc(-100% - 2rem));\n }\n}\n\n.rf-animate-hScroll {\n animation: 20s linear infinite rf-hScroll;\n}\n\n@keyframes rf-loader {\n 0% {\n box-shadow: 0 1.5rem 0 -1.5rem var(--rf-color-loader-animation);\n }\n\n 40% {\n box-shadow: 0 1.5rem 0 -.3rem var(--rf-color-loader-animation);\n }\n\n 80% {\n box-shadow: 0 1.5rem 0 -1.5rem var(--rf-color-loader-animation);\n }\n\n 100% {\n box-shadow: 0 1.5rem 0 -1.5rem var(--rf-color-loader-animation);\n }\n}\n\n.rf-animate-loader {\n animation: 1.8s ease-in-out -.16s infinite both rf-loader;\n}\n\n.rf-animate-loaderFadeIn {\n animation: 2s rf-fadeIn;\n}\n\n@keyframes rf-fadeOut {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n}\n\n.rf-animate-loaderFadeOut {\n animation: 1s rf-fadeOut;\n}\n\n@keyframes rf-loaderMedium {\n 0% {\n box-shadow: 0 .75rem 0 -.75rem var(--rf-color-loader-animation);\n }\n\n 40% {\n box-shadow: 0 .75rem 0 -.25rem var(--rf-color-loader-animation);\n }\n\n 80% {\n box-shadow: 0 .75rem 0 -.75rem var(--rf-color-loader-animation);\n }\n\n 100% {\n box-shadow: 0 .75rem 0 -.75rem var(--rf-color-loader-animation);\n }\n}\n\n.rf-animate-loaderMedium {\n animation: 1.8s ease-in-out -.16s infinite both rf-loaderMedium;\n}\n\n@keyframes rf-loaderMini {\n 0% {\n box-shadow: 0 .5rem 0 -.5rem var(--rf-color-loader-animation);\n }\n\n 40% {\n box-shadow: 0 .5rem 0 -.1rem var(--rf-color-loader-animation);\n }\n\n 80% {\n box-shadow: 0 .5rem 0 -.5rem var(--rf-color-loader-animation);\n }\n\n 100% {\n box-shadow: 0 .5rem 0 -.5rem var(--rf-color-loader-animation);\n }\n}\n\n.rf-animate-loaderMini {\n animation: 1.8s ease-in-out -.16s infinite both rf-loaderMini;\n}\n\n@keyframes rf-slideBottom {\n 0% {\n opacity: 0;\n transform: translateX(0)translateY(20px);\n }\n\n 100% {\n opacity: 1;\n transform: translateX(0)translateY(0);\n }\n}\n\n.rf-animate-slideBottom {\n animation: .5s .2s backwards rf-slideBottom;\n}\n\n@keyframes rf-spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n.rf-animate-spin {\n animation: 1s linear infinite rf-spin;\n}\n\n.rf-cursor-pointer {\n cursor: pointer;\n}\n\n.rf-select-none {\n user-select: none;\n}\n\n.rf-resize-none {\n resize: none;\n}\n\n.rf-scroll-pb-4 {\n scroll-padding-bottom: 1rem;\n}\n\n.rf-grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n\n.rf-grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.rf-grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.rf-grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.rf-grid-cols-6 {\n grid-template-columns: repeat(6, minmax(0, 1fr));\n}\n\n.rf-grid-cols-7 {\n grid-template-columns: repeat(7, minmax(0, 1fr));\n}\n\n.rf-grid-cols-8 {\n grid-template-columns: repeat(8, minmax(0, 1fr));\n}\n\n.rf-grid-cols-headerContainer {\n grid-template-columns: 7rem 1fr 1fr 1fr;\n}\n\n.rf-grid-cols-printingPreview {\n grid-template-columns: minmax(0, 1fr) 3rem;\n}\n\n.rf-grid-cols-routes {\n grid-template-columns: repeat(3, max-content);\n}\n\n.rf-grid-rows-1 {\n grid-template-rows: repeat(1, minmax(0, 1fr));\n}\n\n.rf-grid-rows-2 {\n grid-template-rows: repeat(2, minmax(0, 1fr));\n}\n\n.rf-grid-rows-container {\n grid-template-rows: repeat(12, minmax(0, 1fr));\n}\n\n.rf-grid-rows-headerContainer {\n grid-template-rows: repeat(3, minmax(0, 1fr));\n}\n\n.rf-flex-row {\n flex-direction: row;\n}\n\n.rf-flex-col {\n flex-direction: column;\n}\n\n.rf-flex-col-reverse {\n flex-direction: column-reverse;\n}\n\n.rf-flex-wrap {\n flex-wrap: wrap;\n}\n\n.rf-flex-nowrap {\n flex-wrap: nowrap;\n}\n\n.rf-content-around {\n align-content: space-around;\n}\n\n.rf-items-start {\n align-items: flex-start;\n}\n\n.rf-items-end {\n align-items: flex-end;\n}\n\n.rf-items-center {\n align-items: center;\n}\n\n.rf-justify-start {\n justify-content: flex-start;\n}\n\n.rf-justify-end {\n justify-content: flex-end;\n}\n\n.rf-justify-center {\n justify-content: center;\n}\n\n.rf-justify-between {\n justify-content: space-between;\n}\n\n.rf-justify-around {\n justify-content: space-around;\n}\n\n.rf-justify-evenly {\n justify-content: space-evenly;\n}\n\n.rf-gap-1 {\n gap: .25rem;\n}\n\n.rf-gap-12 {\n gap: 3rem;\n}\n\n.rf-gap-2 {\n gap: .5rem;\n}\n\n.rf-gap-3 {\n gap: .75rem;\n}\n\n.rf-gap-4 {\n gap: 1rem;\n}\n\n.rf-gap-5 {\n gap: 1.25rem;\n}\n\n.rf-gap-8 {\n gap: 2rem;\n}\n\n.rf-gap-9 {\n gap: 2.25rem;\n}\n\n.rf-divide-x > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-x-reverse: 0;\n border-right-width: calc(1px * var(--tw-divide-x-reverse));\n border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));\n}\n\n.rf-self-auto {\n align-self: auto;\n}\n\n.rf-self-start {\n align-self: flex-start;\n}\n\n.rf-self-end {\n align-self: flex-end;\n}\n\n.rf-self-center {\n align-self: center;\n}\n\n.rf-justify-self-start {\n justify-self: start;\n}\n\n.rf-justify-self-end {\n justify-self: end;\n}\n\n.rf-justify-self-center {\n justify-self: center;\n}\n\n.rf-overflow-hidden {\n overflow: hidden;\n}\n\n.rf-overflow-clip {\n overflow: clip;\n}\n\n.rf-overflow-x-auto {\n overflow-x: auto;\n}\n\n.rf-overflow-y-auto {\n overflow-y: auto;\n}\n\n.rf-overflow-x-hidden {\n overflow-x: hidden;\n}\n\n.rf-overflow-y-hidden {\n overflow-y: hidden;\n}\n\n.rf-overflow-y-visible {\n overflow-y: visible;\n}\n\n.rf-overflow-x-scroll {\n overflow-x: scroll;\n}\n\n.rf-overflow-y-scroll {\n overflow-y: scroll;\n}\n\n.rf-truncate {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.rf-whitespace-nowrap {\n white-space: nowrap;\n}\n\n.rf-rounded {\n border-radius: .3125rem;\n}\n\n.rf-rounded-6 {\n border-radius: 1.5rem;\n}\n\n.rf-rounded-8 {\n border-radius: 2rem;\n}\n\n.rf-rounded-\\[20px\\] {\n border-radius: 20px;\n}\n\n.rf-rounded-full {\n border-radius: 9999px;\n}\n\n.rf-rounded-half {\n border-radius: 50%;\n}\n\n.rf-rounded-lg {\n border-radius: .5rem;\n}\n\n.rf-rounded-max {\n border-radius: 100%;\n}\n\n.rf-rounded-b {\n border-bottom-right-radius: .3125rem;\n border-bottom-left-radius: .3125rem;\n}\n\n.rf-rounded-l-lg {\n border-top-left-radius: .5rem;\n border-bottom-left-radius: .5rem;\n}\n\n.rf-border {\n border-width: 1px;\n}\n\n.rf-border-0 {\n border-width: 0;\n}\n\n.rf-border-2 {\n border-width: 2px;\n}\n\n.rf-border-y {\n border-top-width: 1px;\n border-bottom-width: 1px;\n}\n\n.rf-border-b {\n border-bottom-width: 1px;\n}\n\n.rf-border-b-2 {\n border-bottom-width: 2px;\n}\n\n.rf-border-l {\n border-left-width: 1px;\n}\n\n.rf-border-r {\n border-right-width: 1px;\n}\n\n.rf-border-t {\n border-top-width: 1px;\n}\n\n.rf-border-t-0 {\n border-top-width: 0;\n}\n\n.rf-border-none {\n border-style: none;\n}\n\n.rf-border-\\[\\#00000029\\] {\n border-color: #00000029;\n}\n\n.rf-border-\\[\\#9FA2AA\\] {\n --tw-border-opacity: 1;\n border-color: rgb(159 162 170 / var(--tw-border-opacity));\n}\n\n.rf-border-\\[\\#C7C6C6\\] {\n --tw-border-opacity: 1;\n border-color: rgb(199 198 198 / var(--tw-border-opacity));\n}\n\n.rf-border-black {\n border-color: var(--rf-color-black);\n}\n\n.rf-border-cardButtonBorderDefault {\n border-color: var(--rf-color-cardButtonBorderDefault);\n}\n\n.rf-border-cardButtonBorderHover {\n border-color: var(--rf-color-cardButtonBorderHover);\n}\n\n.rf-border-cardFrameBorder {\n border-color: var(--rf-color-cardFrameBorder);\n}\n\n.rf-border-formInputButtonBorderDefault {\n border-color: var(--rf-color-formInputButtonBorderDefault);\n}\n\n.rf-border-formInputButtonBorderHover {\n border-color: var(--rf-color-formInputButtonBorderHover);\n}\n\n.rf-border-formInputRadioCheckboxCheckedBorder {\n border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n}\n\n.rf-border-formInputRadioCheckboxUncheckedBorder {\n border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n}\n\n.rf-border-gray {\n --tw-border-opacity: 1;\n border-color: rgb(128 128 128 / var(--tw-border-opacity));\n}\n\n.rf-border-menuBorder {\n --tw-border-opacity: 1;\n border-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-border-primary {\n border-color: var(--rf-color-primary);\n}\n\n.rf-border-red-700 {\n --tw-border-opacity: 1;\n border-color: rgb(185 28 28 / var(--tw-border-opacity));\n}\n\n.rf-border-secondary {\n border-color: var(--rf-color-secondary);\n}\n\n.rf-border-templateCheckboxBorder {\n --tw-border-opacity: 1;\n border-color: rgb(112 112 112 / var(--tw-border-opacity));\n}\n\n.rf-border-trueblack {\n --tw-border-opacity: 1;\n border-color: rgb(0 0 0 / var(--tw-border-opacity));\n}\n\n.rf-border-truewhite {\n --tw-border-opacity: 1;\n border-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n\n.rf-border-x-primary {\n border-left-color: var(--rf-color-primary);\n border-right-color: var(--rf-color-primary);\n}\n\n.rf-border-y-menuBorder {\n --tw-border-opacity: 1;\n border-top-color: rgb(224 225 231 / var(--tw-border-opacity));\n border-bottom-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-border-b-\\[\\#C4C5C8\\] {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(196 197 200 / var(--tw-border-opacity));\n}\n\n.rf-border-b-black {\n border-bottom-color: var(--rf-color-black);\n}\n\n.rf-border-b-menuBorder {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-border-b-silver {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(192 192 192 / var(--tw-border-opacity));\n}\n\n.rf-border-b-transparent {\n border-bottom-color: #0000;\n}\n\n.rf-border-l-menuBorder {\n --tw-border-opacity: 1;\n border-left-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-border-r-silver {\n --tw-border-opacity: 1;\n border-right-color: rgb(192 192 192 / var(--tw-border-opacity));\n}\n\n.rf-border-t-\\[\\#CBC9C9\\] {\n --tw-border-opacity: 1;\n border-top-color: rgb(203 201 201 / var(--tw-border-opacity));\n}\n\n.rf-border-t-menuBorder {\n --tw-border-opacity: 1;\n border-top-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-bg-\\[\\#00000050\\] {\n background-color: #00000050;\n}\n\n.rf-bg-\\[\\#F0F0F0\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(240 240 240 / var(--tw-bg-opacity));\n}\n\n.rf-bg-\\[\\#F8F8F8\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(248 248 248 / var(--tw-bg-opacity));\n}\n\n.rf-bg-black {\n background-color: var(--rf-color-black);\n}\n\n.rf-bg-blue-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n}\n\n.rf-bg-cardButtonBackgroundDefault {\n background-color: var(--rf-color-cardButtonBackgroundDefault);\n}\n\n.rf-bg-cardButtonBackgroundHover {\n background-color: var(--rf-color-cardButtonBackgroundHover);\n}\n\n.rf-bg-cardFrameBackground {\n background-color: var(--rf-color-cardFrameBackground);\n}\n\n.rf-bg-formInputButtonBackgroundDefault {\n background-color: var(--rf-color-formInputButtonBackgroundDefault);\n}\n\n.rf-bg-formInputButtonBackgroundHover {\n background-color: var(--rf-color-formInputButtonBackgroundHover);\n}\n\n.rf-bg-formInputRadioCheckboxUncheckedBackground {\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n}\n\n.rf-bg-gray {\n --tw-bg-opacity: 1;\n background-color: rgb(128 128 128 / var(--tw-bg-opacity));\n}\n\n.rf-bg-primary {\n background-color: var(--rf-color-primary);\n}\n\n.rf-bg-red-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(220 38 38 / var(--tw-bg-opacity));\n}\n\n.rf-bg-secondary {\n background-color: var(--rf-color-secondary);\n}\n\n.rf-bg-silver {\n --tw-bg-opacity: 1;\n background-color: rgb(192 192 192 / var(--tw-bg-opacity));\n}\n\n.rf-bg-templateBackground {\n --tw-bg-opacity: 1;\n background-color: rgb(241 241 241 / var(--tw-bg-opacity));\n}\n\n.rf-bg-templateEmptyCard {\n --tw-bg-opacity: 1;\n background-color: rgb(232 231 231 / var(--tw-bg-opacity));\n}\n\n.rf-bg-textModePanelBackground {\n background-color: var(--rf-color-textModePanelBackground);\n}\n\n.rf-bg-transparent {\n background-color: #0000;\n}\n\n.rf-bg-truewhite {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.rf-bg-vocalModeSubtitlesBackground {\n background-color: var(--rf-color-vocalModeSubtitlesBackground);\n}\n\n.rf-bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(247 243 246 / var(--tw-bg-opacity));\n}\n\n.rf-bg-opacity-30 {\n --tw-bg-opacity: .3;\n}\n\n.rf-bg-opacity-50 {\n --tw-bg-opacity: .5;\n}\n\n.rf-bg-opacity-80 {\n --tw-bg-opacity: .8;\n}\n\n.rf-object-cover {\n object-fit: cover;\n}\n\n.rf-p-0 {\n padding: 0;\n}\n\n.rf-p-1 {\n padding: .25rem;\n}\n\n.rf-p-2 {\n padding: .5rem;\n}\n\n.rf-p-4 {\n padding: 1rem;\n}\n\n.rf-p-6 {\n padding: 1.5rem;\n}\n\n.rf-p-\\[25px\\] {\n padding: 25px;\n}\n\n.rf-p-\\[7px_12px\\] {\n padding: 7px 12px;\n}\n\n.rf-px-1 {\n padding-left: .25rem;\n padding-right: .25rem;\n}\n\n.rf-px-2 {\n padding-left: .5rem;\n padding-right: .5rem;\n}\n\n.rf-px-3 {\n padding-left: .75rem;\n padding-right: .75rem;\n}\n\n.rf-px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.rf-px-5, .rf-px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.rf-px-8 {\n padding-left: 2rem;\n padding-right: 2rem;\n}\n\n.rf-py-0 {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.rf-py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n.rf-py-12 {\n padding-top: 3rem;\n padding-bottom: 3rem;\n}\n\n.rf-py-2 {\n padding-top: .5rem;\n padding-bottom: .5rem;\n}\n\n.rf-py-3 {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n.rf-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.rf-py-6 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n.rf-pb-10 {\n padding-bottom: 2.5rem;\n}\n\n.rf-pb-12 {\n padding-bottom: 3rem;\n}\n\n.rf-pb-14 {\n padding-bottom: 3.5rem;\n}\n\n.rf-pb-2 {\n padding-bottom: .5rem;\n}\n\n.rf-pb-3 {\n padding-bottom: .75rem;\n}\n\n.rf-pb-4 {\n padding-bottom: 1rem;\n}\n\n.rf-pb-5, .rf-pb-6 {\n padding-bottom: 1.5rem;\n}\n\n.rf-pb-8 {\n padding-bottom: 2rem;\n}\n\n.rf-pb-\\[15vh\\] {\n padding-bottom: 15vh;\n}\n\n.rf-pl-0 {\n padding-left: 0;\n}\n\n.rf-pl-1 {\n padding-left: .25rem;\n}\n\n.rf-pl-2 {\n padding-left: .5rem;\n}\n\n.rf-pl-4 {\n padding-left: 1rem;\n}\n\n.rf-pl-6 {\n padding-left: 1.5rem;\n}\n\n.rf-pr-1 {\n padding-right: .25rem;\n}\n\n.rf-pr-2 {\n padding-right: .5rem;\n}\n\n.rf-pr-4 {\n padding-right: 1rem;\n}\n\n.rf-pt-1 {\n padding-top: .25rem;\n}\n\n.rf-pt-11\\/20 {\n padding-top: 55%;\n}\n\n.rf-pt-12 {\n padding-top: 3rem;\n}\n\n.rf-pt-14 {\n padding-top: 3.5rem;\n}\n\n.rf-pt-2 {\n padding-top: .5rem;\n}\n\n.rf-pt-24 {\n padding-top: 6rem;\n}\n\n.rf-pt-3 {\n padding-top: .75rem;\n}\n\n.rf-pt-4 {\n padding-top: 1rem;\n}\n\n.rf-pt-8 {\n padding-top: 2rem;\n}\n\n.rf-pt-\\[25vh\\] {\n padding-top: 25vh;\n}\n\n.rf-pt-\\[26vh\\] {\n padding-top: 26vh;\n}\n\n.rf-text-left {\n text-align: left;\n}\n\n.rf-text-center {\n text-align: center;\n}\n\n.rf-text-right {\n text-align: right;\n}\n\n.rf-font-default {\n font-family: Calibri, sans-serif;\n}\n\n.rf-text-2xl {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n.rf-text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n.rf-text-4xl {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-text-5xl {\n font-size: 3rem;\n line-height: 1;\n}\n\n.rf-text-7xl {\n font-size: 4.5rem;\n line-height: 1;\n}\n\n.rf-text-8xl {\n font-size: 6rem;\n line-height: 1;\n}\n\n.rf-text-\\[0\\.5rem\\] {\n font-size: .5rem;\n}\n\n.rf-text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.rf-text-basecustom {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n.rf-text-lgcustom {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n.rf-text-sm {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n.rf-text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n\n.rf-text-xs {\n font-size: .75rem;\n line-height: 1rem;\n}\n\n.rf-text-xsl {\n font-size: .7rem;\n line-height: 1rem;\n}\n\n.rf-text-xsm {\n font-size: .6rem;\n}\n\n.rf-font-bold {\n font-weight: 600;\n}\n\n.rf-font-medium {\n font-weight: 300;\n}\n\n.rf-font-semibold {\n font-weight: 400;\n}\n\n.rf-uppercase {\n text-transform: uppercase;\n}\n\n.rf-capitalize {\n text-transform: capitalize;\n}\n\n.rf-normal-case {\n text-transform: none;\n}\n\n.rf-italic {\n font-style: italic;\n}\n\n.rf-text-\\[\\#575F6B\\] {\n --tw-text-opacity: 1;\n color: rgb(87 95 107 / var(--tw-text-opacity));\n}\n\n.rf-text-\\[\\#9A9A9A\\] {\n --tw-text-opacity: 1;\n color: rgb(154 154 154 / var(--tw-text-opacity));\n}\n\n.rf-text-\\[\\#A4A7AF\\] {\n --tw-text-opacity: 1;\n color: rgb(164 167 175 / var(--tw-text-opacity));\n}\n\n.rf-text-black {\n color: var(--rf-color-black);\n}\n\n.rf-text-cardButtonTextDefault {\n color: var(--rf-color-cardButtonTextDefault);\n}\n\n.rf-text-cardFrameText {\n color: var(--rf-color-cardFrameText);\n}\n\n.rf-text-formInputButtonTextDefault {\n color: var(--rf-color-formInputButtonTextDefault);\n}\n\n.rf-text-formInputButtonTextHover {\n color: var(--rf-color-formInputButtonTextHover);\n}\n\n.rf-text-formInputRadioCheckboxUncheckedBackground {\n color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n}\n\n.rf-text-formInputTextDefault {\n color: var(--rf-color-formInputTextDefault);\n}\n\n.rf-text-gray {\n --tw-text-opacity: 1;\n color: rgb(128 128 128 / var(--tw-text-opacity));\n}\n\n.rf-text-lightgray {\n --tw-text-opacity: 1;\n color: rgb(129 129 129 / var(--tw-text-opacity));\n}\n\n.rf-text-primary {\n color: var(--rf-color-primary);\n}\n\n.rf-text-red-700 {\n --tw-text-opacity: 1;\n color: rgb(185 28 28 / var(--tw-text-opacity));\n}\n\n.rf-text-secondary {\n color: var(--rf-color-secondary);\n}\n\n.rf-text-textModePanelConversationBot {\n color: var(--rf-color-textModePanelConversationBot);\n}\n\n.rf-text-textModePanelConversationUser {\n color: var(--rf-color-textModePanelConversationUser);\n}\n\n.rf-text-trueblack {\n --tw-text-opacity: 1;\n color: rgb(0 0 0 / var(--tw-text-opacity));\n}\n\n.rf-text-truewhite {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.rf-text-vocalModeSubtitlesText {\n color: var(--rf-color-vocalModeSubtitlesText);\n}\n\n.rf-text-white {\n --tw-text-opacity: 1;\n color: rgb(247 243 246 / var(--tw-text-opacity));\n}\n\n.rf-underline {\n text-decoration-line: underline;\n}\n\n.rf-shadow-\\[0_0_15px_0_silver\\] {\n --tw-shadow: 0 0 15px 0 silver;\n --tw-shadow-colored: 0 0 15px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_0_20px_1px_\\#A4A7AF80\\] {\n --tw-shadow: 0 0 20px 1px #a4a7af80;\n --tw-shadow-colored: 0 0 20px 1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_0_3px_6px_\\#00000029\\] {\n --tw-shadow: 0 0 3px 6px #00000029;\n --tw-shadow-colored: 0 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_3px_6px_\\#00000029\\] {\n --tw-shadow: 0 3px 6px #00000029;\n --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_3px_6px_\\#606267\\] {\n --tw-shadow: 0 3px 6px #606267;\n --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_3px_6px_rgba\\(0\\,0\\,0\\,0\\.16\\)\\] {\n --tw-shadow: 0 3px 6px #00000029;\n --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_6px_6px_\\#00000029\\] {\n --tw-shadow: 0 6px 6px #00000029;\n --tw-shadow-colored: 0 6px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[20px_3px_20px_\\#00000029\\] {\n --tw-shadow: 20px 3px 20px #00000029;\n --tw-shadow-colored: 20px 3px 20px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[3px_3px_16px_\\#00000029\\] {\n --tw-shadow: 3px 3px 16px #00000029;\n --tw-shadow-colored: 3px 3px 16px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[3px_3px_6px_\\#00000029\\] {\n --tw-shadow: 3px 3px 6px #00000029;\n --tw-shadow-colored: 3px 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[inset_0_0_6px_\\#0000003B\\] {\n --tw-shadow: inset 0 0 6px #0000003b;\n --tw-shadow-colored: inset 0 0 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[inset_0_12px_12px_-12px_\\#00000029\\,inset_0_-12px_12px_-12px_\\#00000029\\] {\n --tw-shadow: inset 0 12px 12px -12px #00000029, inset 0 -12px 12px -12px #00000029;\n --tw-shadow-colored: inset 0 12px 12px -12px var(--tw-shadow-color), inset 0 -12px 12px -12px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-card {\n --tw-shadow: 0px 0px 13px 3px #101219;\n --tw-shadow-colored: 0px 0px 13px 3px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-outline-none {\n outline-offset: 2px;\n outline: 2px solid #0000;\n}\n\n.rf-blur-background {\n --tw-blur: blur(var(--rf-blur-background));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.rf-filter {\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.rf-transition-all {\n transition-property: all;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.rf-transition-transform {\n transition-property: transform;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.rf-text-shadow-black {\n text-shadow: 2px 0 5px #000, -2px 0 5px #000, 0 2px 5px #000, 0 -2px 5px #000;\n}\n\n.rf-capitalize-first:first-letter {\n text-transform: uppercase;\n}\n\nol {\n padding-left: 2rem;\n list-style-type: decimal;\n}\n\nul {\n padding-left: 2rem;\n list-style-type: disc;\n}\n\n#retorik-container.rf-portrait:not(.rf-large) .ac-image {\n max-width: 100px;\n}\n\n.rf-glass-background, #retorik-container.portrait .portrait\\:rf-glass-background {\n background-color: var(--rf-color-black);\n --tw-bg-opacity: .62;\n --tw-backdrop-blur: blur(8px);\n backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n\n.rf-loader:before {\n content: \"\";\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n animation: 1.8s ease-in-out -.32s infinite both rf-loader;\n display: block;\n position: absolute;\n right: 1.5rem;\n}\n\n.rf-loader:after {\n content: \"\";\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n animation: 1.8s ease-in-out infinite both rf-loader;\n display: block;\n position: absolute;\n left: 1.5rem;\n}\n\n.rf-loader-medium:before {\n content: \"\";\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n animation: 1.8s ease-in-out -.32s infinite both rf-loaderMedium;\n display: block;\n position: absolute;\n right: 1rem;\n}\n\n.rf-loader-medium:after {\n content: \"\";\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n animation: 1.8s ease-in-out infinite both rf-loaderMedium;\n display: block;\n position: absolute;\n left: 1rem;\n}\n\n.rf-loader-mini:before {\n content: \"\";\n border-radius: 50%;\n width: .5rem;\n height: .5rem;\n animation: 1.8s ease-in-out -.32s infinite both rf-loaderMini;\n display: block;\n position: absolute;\n right: .5rem;\n}\n\n.rf-loader-mini:after {\n content: \"\";\n border-radius: 50%;\n width: .5rem;\n height: .5rem;\n animation: 1.8s ease-in-out infinite both rf-loaderMini;\n display: block;\n position: absolute;\n left: .5rem;\n}\n\n.rf-loader-microphone:before, .rf-loader-microphone:after {\n content: \"\";\n --tw-border-opacity: 1;\n border: 6px solid #0000;\n border-top-color: rgb(128 128 128 / var(--tw-border-opacity));\n border-radius: 100%;\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.rf-loader-microphone:before {\n z-index: 1;\n animation: 1s linear infinite rf-spin;\n}\n\n.rf-loader-microphone:after {\n --tw-border-opacity: 1;\n border-color: rgb(204 204 204 / var(--tw-border-opacity));\n}\n\n.rf-touch-action-none {\n touch-action: none;\n}\n\n.rf-unselectable {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-touch-callout: none;\n}\n\n.rf-title-extralarge-bold-size-auto {\n font-size: 2.25rem;\n font-weight: 600;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large .rf-title-extralarge-bold-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-extralarge-bold-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n.rf-title-extralarge-size-auto {\n font-size: 2.25rem;\n font-weight: 400;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large .rf-title-extralarge-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-extralarge-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n.rf-title-large-size-auto {\n font-size: 1.5rem;\n font-weight: 400;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-title-large-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-large-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n.rf-title-large-bold-size-auto {\n font-size: 1.875rem;\n font-weight: 600;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large .rf-title-large-bold-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-large-bold-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n.rf-title-size-auto {\n font-size: 1.5rem;\n font-weight: 400;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-title-size-auto {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-title-bold-size-auto {\n font-size: 1.5rem;\n font-weight: 600;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-title-bold-size-auto {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-bold-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-subtitle-size-auto {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-subtitle-size-auto {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-subtitle-size-auto {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n.rf-text-extralarge-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large .rf-text-extralarge-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-extralarge-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n.rf-text-verylarge-size-auto {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-text-verylarge-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-verylarge-size-auto {\n font-size: 4.5rem;\n line-height: 1;\n}\n\n.rf-text-large-size-auto {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-text-large-size-auto {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-large-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-text-medium-size-auto {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large .rf-text-medium-size-auto {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n.rf-text-size-auto {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-text-size-auto {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-size-auto {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n.rf-small-size-auto {\n font-size: .6rem;\n}\n\n#retorik-container.rf-large .rf-small-size-auto {\n font-size: .75rem;\n line-height: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-small-size-auto {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n.rf-line-clamp-unknown {\n hyphens: auto;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-1 {\n hyphens: auto;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-2 {\n hyphens: auto;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-3 {\n hyphens: auto;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-4 {\n hyphens: auto;\n -webkit-line-clamp: 4;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-5 {\n hyphens: auto;\n -webkit-line-clamp: 5;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-6 {\n hyphens: auto;\n -webkit-line-clamp: 6;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-7 {\n hyphens: auto;\n -webkit-line-clamp: 7;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-8 {\n hyphens: auto;\n -webkit-line-clamp: 8;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-9 {\n hyphens: auto;\n -webkit-line-clamp: 9;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-10 {\n hyphens: auto;\n -webkit-line-clamp: 10;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-overflow-wrap {\n overflow-wrap: anywhere;\n}\n\n.rf-height-fill-available {\n height: stretch;\n}\n\n.rf-width-fill-available {\n width: stretch;\n}\n\n.rf-animation-delay-2 {\n animation-delay: .2s;\n}\n\n.rf-animation-delay-4 {\n animation-delay: .4s;\n}\n\n.rf-scrollbar-thin {\n scrollbar-width: thin;\n scrollbar-color: var(--rf-color-secondary) transparent;\n}\n\n.rf-scrollbar-thin::-webkit-scrollbar {\n width: .2rem;\n height: .2rem;\n margin: .25rem 0;\n}\n\n.rf-scrollbar-thin::-webkit-scrollbar-thumb {\n background-color: var(--rf-color-secondary);\n border-radius: .5rem;\n}\n\n.rf-scrollbar-x-custom::-webkit-scrollbar {\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n border-radius: 2rem;\n height: .5rem;\n}\n\n.rf-scrollbar-x-custom::-webkit-scrollbar-thumb {\n background-color: var(--rf-color-primary);\n border-radius: 2rem;\n}\n\n.rf-scrollbar-hidden {\n scrollbar-width: none;\n}\n\n.rf-scrollbar-hidden::-webkit-scrollbar {\n display: none;\n}\n\n.rf-opacity-gradient-b {\n -webkit-mask-image: linear-gradient(#000 50%, #0000 100%);\n}\n\n.rf-opacity-gradient-b-thin {\n -webkit-mask-image: linear-gradient(#797676 84%, #0000 100%);\n}\n\n.rf-opacity-gradient-l {\n -webkit-mask-image: linear-gradient(to left, #000 75%, gray 80%, #0000 85%);\n}\n\n.rf-opacity-gradient-l-thin {\n -webkit-mask-image: linear-gradient(to left, #000 90%, gray 95%, #0000 100%);\n}\n\n.rf-opacity-gradient-h {\n -webkit-mask-image: linear-gradient(to right, #0000 0%, 6%, #000, 94%, #0000 100%);\n}\n\n.rf-card-button {\n border-width: 1px;\n border-color: var(--rf-color-cardButtonBorderDefault);\n background-color: var(--rf-color-cardButtonBackgroundDefault);\n color: var(--rf-color-cardButtonTextDefault);\n border-radius: .3125rem;\n padding: .25rem .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button {\n padding: .5rem 1rem;\n}\n\n.rf-card-button:hover {\n cursor: pointer;\n border-color: var(--rf-color-cardButtonBorderHover);\n background-color: var(--rf-color-cardButtonBackgroundHover);\n color: var(--rf-color-cardButtonTextHover);\n}\n\n.rf-card-button-clicked {\n background-color: var(--rf-color-cardButtonBackgroundDefault);\n border-width: 1px;\n border-color: #0000;\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-clicked {\n padding-top: .5rem;\n padding-bottom: .5rem;\n}\n\n.rf-card-button-secondary {\n border-width: 1px;\n border-color: var(--rf-color-secondary);\n color: var(--rf-color-secondary);\n background-color: #0000;\n border-radius: .3125rem;\n padding: .25rem .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-secondary {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-secondary {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-secondary {\n padding: .5rem 1rem;\n}\n\n.rf-card-button-secondary:hover {\n cursor: pointer;\n border-color: var(--rf-color-secondary);\n background-color: var(--rf-color-secondary);\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.rf-card-button-discover {\n border-width: 1px;\n border-color: var(--rf-color-cardButtonDiscoverBorderDefault);\n background-color: var(--rf-color-cardButtonDiscoverBackgroundDefault);\n color: var(--rf-color-cardButtonDiscoverTextDefault);\n border-radius: .3125rem;\n padding: .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-discover {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n.rf-card-button-discover:hover {\n cursor: pointer;\n border-color: var(--rf-color-cardButtonDiscoverBorderHover);\n background-color: var(--rf-color-cardButtonDiscoverBackgroundHover);\n color: var(--rf-color-cardButtonDiscoverTextHover);\n}\n\n.rf-card-button-history {\n cursor: default;\n border-width: 1px;\n border-color: var(--rf-color-cardButtonBorderDefault);\n background-color: var(--rf-color-cardButtonBackgroundDefault);\n color: var(--rf-color-cardButtonTextDefault);\n border-radius: .3125rem;\n padding: .25rem .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-history {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-history {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-history {\n padding: .5rem 1rem;\n}\n\n.lf-player-container {\n align-items: flex-end;\n width: 100%;\n height: 100%;\n display: flex;\n overflow: hidden;\n}\n\n.rf-input-label {\n text-overflow: ellipsis;\n color: var(--rf-color-formInputTextDefault);\n margin-top: .1rem;\n margin-left: .75rem;\n overflow-x: hidden;\n}\n\n#retorik-container.rf-large .rf-input-label {\n margin-top: .25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-input-label {\n margin-top: .2rem;\n}\n\n.rf-radio-custom {\n -webkit-appearance: none;\n appearance: none;\n border-width: 2px;\n border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n border-radius: 50%;\n place-content: center;\n width: 1.5rem;\n min-width: 1.5rem;\n height: 1.5rem;\n margin: 0;\n display: grid;\n}\n\n.rf-radio-custom:checked {\n border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n#retorik-container.rf-large .rf-radio-custom {\n width: 1.75rem;\n min-width: 1.75rem;\n height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-radio-custom {\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n}\n\n.rf-radio-custom:before {\n content: \"\";\n --tw-scale-x: 0;\n --tw-scale-y: 0;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n background-color: var(--rf-color-formInputRadioCheckboxCheckedItem);\n border-radius: 50%;\n width: .5rem;\n height: .5rem;\n transition-property: all;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n#retorik-container.rf-large .rf-radio-custom:before {\n width: .75rem;\n height: .75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-radio-custom:before {\n width: 1rem;\n height: 1rem;\n}\n\n.rf-radio-custom:checked:before {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-input-hidden {\n -webkit-appearance: none;\n appearance: none;\n margin: 0;\n}\n\n.rf-checkbox-custom {\n -webkit-appearance: none;\n appearance: none;\n border-width: 2px;\n border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n border-radius: .3125rem;\n place-content: center;\n width: 1.5rem;\n min-width: 1.5rem;\n height: 1.5rem;\n margin: 0;\n display: grid;\n}\n\n#retorik-container.rf-large .rf-checkbox-custom {\n width: 1.75rem;\n min-width: 1.75rem;\n height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-checkbox-custom {\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n}\n\n.rf-checkbox-custom:checked {\n border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n.rf-toggle-custom {\n -webkit-appearance: none;\n appearance: none;\n background-color: var(--rf-color-black);\n border-radius: 1.5rem;\n width: 3rem;\n min-width: 3rem;\n height: 1.5rem;\n margin: 0;\n position: relative;\n}\n\n.rf-toggle-custom:checked {\n background-color: var(--rf-color-primary);\n}\n\n#retorik-container.rf-large .rf-toggle-custom {\n border-radius: 1.75rem;\n width: 3.5rem;\n min-width: 3.5rem;\n height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-toggle-custom {\n border-radius: 2rem;\n width: 4rem;\n min-width: 4rem;\n height: 2rem;\n}\n\n.rf-toggle-custom:before {\n content: \"\";\n --tw-translate-x: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n transition-property: all;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n position: absolute;\n top: .25rem;\n left: .25rem;\n}\n\n#retorik-container.rf-large .rf-toggle-custom:before {\n width: 1.25rem;\n height: 1.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-toggle-custom:before {\n width: 1.5rem;\n height: 1.5rem;\n}\n\n.rf-toggle-custom:checked:before {\n --tw-translate-x: 1.5rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n#retorik-container.rf-large .rf-toggle-custom:checked:before {\n --tw-translate-x: 1.75rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n#retorik-container.rf-large.rf-portrait .rf-toggle-custom:checked:before {\n --tw-translate-x: 2rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-select-custom {\n -webkit-appearance: none;\n appearance: none;\n border-width: 2px;\n border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n border-radius: .3125rem;\n margin: 0;\n padding: 1rem;\n}\n\n.rf-select-custom:hover {\n cursor: pointer;\n}\n\n.rf-select-custom:focus-visible {\n border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n}\n\n.rf-slider-custom {\n -webkit-appearance: none;\n -moz-appearance: none;\n outline-offset: 2px;\n border-radius: .5rem;\n outline: 2px solid #0000;\n width: 100%;\n height: .25rem;\n display: block;\n position: relative;\n}\n\n.rf-slider-custom::-webkit-slider-runnable-track {\n -webkit-appearance: none;\n}\n\n.rf-slider-custom::-moz-track {\n -moz-appearance: none;\n}\n\n.rf-slider-custom::-ms-track {\n appearance: none;\n}\n\n.rf-slider-custom::-webkit-slider-thumb {\n -webkit-appearance: none;\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n border-style: none;\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -.2rem;\n}\n\n.rf-slider-custom::-webkit-slider-thumb:hover {\n cursor: pointer;\n}\n\n.rf-slider-custom::-moz-range-thumb {\n -webkit-appearance: none;\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n border-style: none;\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -.2rem;\n}\n\n.rf-slider-custom::-moz-range-thumb:hover {\n cursor: pointer;\n}\n\n.rf-slider-custom::-ms-thumb {\n appearance: none;\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n border-style: none;\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -.2rem;\n}\n\n.rf-slider-custom::-ms-thumb:hover {\n cursor: pointer;\n}\n\n.rf-likert-custom {\n cursor: pointer;\n outline-offset: 2px;\n -webkit-text-stroke-width: 1px;\n -webkit-text-stroke-color: white;\n background-color: #0000;\n border-style: none;\n outline: 2px solid #0000;\n}\n\n.svgButtonMenu > svg * {\n fill: var(--fill);\n}\n\n.webchat__css-custom-properties {\n width: 100%;\n height: 100%;\n}\n\n.placeholder\\:rf-text-black::placeholder {\n color: var(--rf-color-black);\n}\n\n.placeholder\\:rf-opacity-100::placeholder {\n opacity: 1;\n}\n\n.hover\\:rf-cursor-pointer:hover {\n cursor: pointer;\n}\n\n.hover\\:rf-border-truewhite:hover {\n --tw-border-opacity: 1;\n border-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n\n.hover\\:rf-bg-formInputRadioCheckboxCheckedBackground:hover {\n background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n.hover\\:rf-bg-truewhite:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.hover\\:rf-text-formInputRadioCheckboxCheckedItem:hover {\n color: var(--rf-color-formInputRadioCheckboxCheckedItem);\n}\n\n.hover\\:rf-text-truewhite:hover {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-col-span-full {\n grid-column: 1 / -1;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-col-start-1 {\n grid-column-start: 1;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-row-span-1 {\n grid-row: span 1 / span 1;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-row-start-11 {\n grid-row-start: 11;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-row-end-13 {\n grid-row-end: 13;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-w-5\\/6 {\n width: 83.3333%;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-w-full {\n width: 100%;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-flex-col {\n flex-direction: column;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-overflow-x-auto {\n overflow-x: auto;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-border-r-0 {\n border-right-width: 0;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-absolute {\n position: absolute;\n}\n\n#retorik-container.rf-large .large\\:rf-left-4 {\n left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-top-8 {\n top: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-col-start-5 {\n grid-column-start: 5;\n}\n\n#retorik-container.rf-large .large\\:rf-col-end-6 {\n grid-column-end: 6;\n}\n\n#retorik-container.rf-large .large\\:rf-col-end-9 {\n grid-column-end: 9;\n}\n\n#retorik-container.rf-large .large\\:rf-row-span-full {\n grid-row: 1 / -1;\n}\n\n#retorik-container.rf-large .large\\:rf-row-start-10 {\n grid-row-start: 10;\n}\n\n#retorik-container.rf-large .large\\:rf-row-start-5 {\n grid-row-start: 5;\n}\n\n#retorik-container.rf-large .large\\:rf-m-8 {\n margin: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-my-0 {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-my-3 {\n margin-top: .75rem;\n margin-bottom: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-0 {\n margin-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-4 {\n margin-bottom: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-6 {\n margin-bottom: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-0 {\n margin-left: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-12 {\n margin-left: 3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-4 {\n margin-left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-8 {\n margin-left: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mr-3 {\n margin-right: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mr-30 {\n margin-right: 7.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-0 {\n margin-top: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-20 {\n margin-top: 5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-3 {\n margin-top: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-\\[20vh\\] {\n margin-top: 20vh;\n}\n\n#retorik-container.rf-large .large\\:rf-block {\n display: block;\n}\n\n#retorik-container.rf-large .large\\:rf-flex {\n display: flex;\n}\n\n#retorik-container.rf-large .large\\:rf-hidden {\n display: none;\n}\n\n#retorik-container.rf-large .large\\:rf-aspect-video {\n aspect-ratio: 16 / 9;\n}\n\n#retorik-container.rf-large .large\\:rf-h-16 {\n height: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-3\\/5 {\n height: 60%;\n}\n\n#retorik-container.rf-large .large\\:rf-h-4 {\n height: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-5 {\n height: 1.25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-6 {\n height: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-8 {\n height: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-\\[1\\.3rem\\] {\n height: 1.3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-\\[60vh\\] {\n height: 60vh;\n}\n\n#retorik-container.rf-large .large\\:rf-h-auto {\n height: auto;\n}\n\n#retorik-container.rf-large .large\\:rf-h-full {\n height: 100%;\n}\n\n#retorik-container.rf-large .large\\:rf-max-h-28 {\n max-height: 7rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-1\\/8 {\n width: 12.5%;\n}\n\n#retorik-container.rf-large .large\\:rf-w-14 {\n width: 3.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-16 {\n width: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-3\\/5 {\n width: 60%;\n}\n\n#retorik-container.rf-large .large\\:rf-w-4 {\n width: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-5 {\n width: 1.25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-6 {\n width: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-8 {\n width: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-fit {\n width: fit-content;\n}\n\n#retorik-container.rf-large .large\\:rf-w-full {\n width: 100%;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-1\\/2 {\n min-width: 50%;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-1\\/8 {\n min-width: 12.5%;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-16 {\n min-width: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-3\\/5 {\n min-width: 60%;\n}\n\n#retorik-container.rf-large .large\\:rf-max-w-1\\/8 {\n max-width: 12.5%;\n}\n\n#retorik-container.rf-large .large\\:rf-max-w-\\[12rem\\] {\n max-width: 12rem;\n}\n\n#retorik-container.rf-large .large\\:rf-max-w-full {\n max-width: 100%;\n}\n\n#retorik-container.rf-large .large\\:rf-grid-cols-5 {\n grid-template-columns: repeat(5, minmax(0, 1fr));\n}\n\n#retorik-container.rf-large .large\\:rf-flex-row {\n flex-direction: row;\n}\n\n#retorik-container.rf-large .large\\:rf-flex-col {\n flex-direction: column;\n}\n\n#retorik-container.rf-large .large\\:rf-items-baseline {\n align-items: baseline;\n}\n\n#retorik-container.rf-large .large\\:rf-justify-start {\n justify-content: flex-start;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-1 {\n gap: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-3 {\n gap: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-4 {\n gap: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-6 {\n gap: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-overflow-y-scroll {\n overflow-y: scroll;\n}\n\n#retorik-container.rf-large .large\\:rf-border-t-0 {\n border-top-width: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-bg-truewhite {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n#retorik-container.rf-large .large\\:rf-p-4 {\n padding: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-p-\\[25px\\] {\n padding: 25px;\n}\n\n#retorik-container.rf-large .large\\:rf-p-min1 {\n padding: .1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-0 {\n padding-left: 0;\n padding-right: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-px-16 {\n padding-left: 4rem;\n padding-right: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-5, #retorik-container.rf-large .large\\:rf-px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-8 {\n padding-left: 2rem;\n padding-right: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-0 {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-2 {\n padding-top: .5rem;\n padding-bottom: .5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-3 {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pb-16 {\n padding-bottom: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pl-12 {\n padding-left: 3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pl-4 {\n padding-left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pr-4 {\n padding-right: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pt-16 {\n padding-top: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pt-3 {\n padding-top: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-text-5xl {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large .large\\:rf-text-6xl {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large .large\\:rf-text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-text-basecustom {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-text-sm {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-uppercase {\n text-transform: uppercase;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-h-4 {\n height: 1rem;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-h-6 {\n height: 1.5rem;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-w-6 {\n width: 1.5rem;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-pt-1\\/5 {\n padding-top: 20%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-bottom-\\[25vh\\] {\n bottom: 25vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-left-4 {\n left: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-top-4 {\n top: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-span-full {\n grid-column: 1 / -1;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-start-1 {\n grid-column-start: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-start-2 {\n grid-column-start: 2;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-end-8 {\n grid-column-end: 8;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-end-9 {\n grid-column-end: 9;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-span-4 {\n grid-row: span 4 / span 4;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-span-6 {\n grid-row: span 6 / span 6;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-start-5 {\n grid-row-start: 5;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-start-7 {\n grid-row-start: 7;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-end-11 {\n grid-row-end: 11;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-end-7 {\n grid-row-end: 7;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mt-4 {\n margin-top: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mt-\\[20vh\\] {\n margin-top: 20vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mt-\\[25vh\\] {\n margin-top: 25vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-block {\n display: block;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-hidden {\n display: none;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-1\\/2 {\n height: 50%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-14 {\n height: 3.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-24 {\n height: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-6 {\n height: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-\\[50vh\\] {\n height: 50vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-11\\/12 {\n max-height: 91.67%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-36 {\n max-height: 9rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-\\[18vh\\] {\n max-height: 18vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-\\[30vh\\] {\n max-height: 30vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-1\\/2 {\n width: 50%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-14 {\n width: 3.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-16 {\n width: 4rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-24 {\n width: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-4\\/9 {\n width: 45%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-6 {\n width: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-w-24 {\n min-width: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-w-4\\/9 {\n min-width: 45%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-w-2\\/3 {\n max-width: 66.67%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-w-\\[60\\%\\] {\n max-width: 60%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-flex-row {\n flex-direction: row;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-justify-center {\n justify-content: center;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-gap-6 {\n gap: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-self-end {\n align-self: flex-end;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-border-t {\n border-top-width: 1px;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-border-t-menuBorder {\n --tw-border-opacity: 1;\n border-top-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-py-5 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pl-0 {\n padding-left: 0;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-8 {\n padding-top: 2rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-\\[16\\.67\\%\\] {\n padding-top: 16.67%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-\\[20vh\\] {\n padding-top: 20vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-text-basecustomuppercase {\n font-size: 1rem;\n line-height: 1.1rem;\n}\n\n#retorik-container.rf-large.rf-tactile .large-tactile\\:rf-mt-0 {\n margin-top: 0;\n}\n\n#retorik-container.rf-large.rf-tactile .large-tactile\\:rf-flex {\n display: flex;\n}\n\n#retorik-container.rf-large.rf-tactile .large-tactile\\:rf-hidden {\n display: none;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .desktop\\:rf-h-full {\n height: 100%;\n}\n\n@media (height <= 700px) and (width <= 300px) {\n .small-mobile\\:rf-row-span-6 {\n grid-row: span 6 / span 6;\n }\n\n .small-mobile\\:rf-row-span-7 {\n grid-row: span 7 / span 7;\n }\n\n .small-mobile\\:rf-row-start-5 {\n grid-row-start: 5;\n }\n}\n";
|
|
75
75
|
|
|
76
76
|
|
|
77
77
|
var $5e8567c898177618$exports = {};
|
|
@@ -203,6 +203,12 @@ var $f5ca62954d1f1f5b$export$f0cfc93288d9ec06;
|
|
|
203
203
|
$f5ca62954d1f1f5b$export$f0cfc93288d9ec06["Joy"] = "joy";
|
|
204
204
|
$f5ca62954d1f1f5b$export$f0cfc93288d9ec06["Hope"] = "hope";
|
|
205
205
|
})($f5ca62954d1f1f5b$export$f0cfc93288d9ec06 || ($f5ca62954d1f1f5b$export$f0cfc93288d9ec06 = {}));
|
|
206
|
+
var $f5ca62954d1f1f5b$export$a2a634340dd7e3e3;
|
|
207
|
+
(function($f5ca62954d1f1f5b$export$a2a634340dd7e3e3) {
|
|
208
|
+
$f5ca62954d1f1f5b$export$a2a634340dd7e3e3[$f5ca62954d1f1f5b$export$a2a634340dd7e3e3["small"] = 0] = "small";
|
|
209
|
+
$f5ca62954d1f1f5b$export$a2a634340dd7e3e3[$f5ca62954d1f1f5b$export$a2a634340dd7e3e3["medium"] = 1] = "medium";
|
|
210
|
+
$f5ca62954d1f1f5b$export$a2a634340dd7e3e3[$f5ca62954d1f1f5b$export$a2a634340dd7e3e3["large"] = 2] = "large";
|
|
211
|
+
})($f5ca62954d1f1f5b$export$a2a634340dd7e3e3 || ($f5ca62954d1f1f5b$export$a2a634340dd7e3e3 = {}));
|
|
206
212
|
|
|
207
213
|
|
|
208
214
|
const $cd0e91e00b0900ed$export$2e65b7c7134e01f0 = 600;
|
|
@@ -346,7 +352,6 @@ var $71329996a1817ff3$export$2e2bcd8739ae039 = $71329996a1817ff3$var$ShadowRoot;
|
|
|
346
352
|
|
|
347
353
|
/* eslint-disable react/jsx-boolean-value */
|
|
348
354
|
|
|
349
|
-
// @ts-nocheck
|
|
350
355
|
|
|
351
356
|
|
|
352
357
|
|
|
@@ -983,7 +988,8 @@ const $3426110875af99d0$var$initialState = {
|
|
|
983
988
|
printingCallback: null,
|
|
984
989
|
GDPRDisplay: true,
|
|
985
990
|
GDPRWindowData: undefined,
|
|
986
|
-
GDPRUserConsent: false
|
|
991
|
+
GDPRUserConsent: false,
|
|
992
|
+
unlockClickedButton: false
|
|
987
993
|
};
|
|
988
994
|
let $3426110875af99d0$var$timer = null;
|
|
989
995
|
const $3426110875af99d0$export$77e4cc5334565f28 = (0, $b3y7N$create)()(()=>{
|
|
@@ -1120,6 +1126,16 @@ const $3426110875af99d0$export$7a09e6b3c59f37ad = (value)=>{
|
|
|
1120
1126
|
GDPRUserConsent: value
|
|
1121
1127
|
});
|
|
1122
1128
|
};
|
|
1129
|
+
const $3426110875af99d0$export$e49d67c72fb28d58 = ()=>{
|
|
1130
|
+
$3426110875af99d0$export$77e4cc5334565f28.setState({
|
|
1131
|
+
unlockClickedButton: true
|
|
1132
|
+
});
|
|
1133
|
+
};
|
|
1134
|
+
const $3426110875af99d0$export$5d55805fc8a86c05 = ()=>{
|
|
1135
|
+
$3426110875af99d0$export$77e4cc5334565f28.setState({
|
|
1136
|
+
unlockClickedButton: false
|
|
1137
|
+
});
|
|
1138
|
+
};
|
|
1123
1139
|
const $3426110875af99d0$export$93b55f822ac81934 = ()=>{
|
|
1124
1140
|
$3426110875af99d0$export$77e4cc5334565f28.setState({
|
|
1125
1141
|
...$3426110875af99d0$var$initialState
|
|
@@ -1273,6 +1289,7 @@ const $04ce41b46d359821$export$b6d2196a3ce412d8 = ()=>{
|
|
|
1273
1289
|
|
|
1274
1290
|
|
|
1275
1291
|
|
|
1292
|
+
|
|
1276
1293
|
const $9b100ac34d01a331$var$initialState = {
|
|
1277
1294
|
activities: [],
|
|
1278
1295
|
lastBotActivity: undefined,
|
|
@@ -1290,13 +1307,15 @@ const $9b100ac34d01a331$var$initialState = {
|
|
|
1290
1307
|
queue: [],
|
|
1291
1308
|
conversationId: null,
|
|
1292
1309
|
watermark: 0,
|
|
1293
|
-
retrievingConversation: false
|
|
1310
|
+
retrievingConversation: false,
|
|
1311
|
+
cookie: null
|
|
1294
1312
|
};
|
|
1295
1313
|
let $9b100ac34d01a331$var$timerRef;
|
|
1296
1314
|
const $9b100ac34d01a331$export$b56465394e2b1287 = (0, $b3y7N$create)()(()=>{
|
|
1297
1315
|
return $9b100ac34d01a331$var$initialState;
|
|
1298
1316
|
});
|
|
1299
1317
|
const $9b100ac34d01a331$var$addActivity = async (activity, resetQueue)=>{
|
|
1318
|
+
(0, $3426110875af99d0$export$e49d67c72fb28d58)();
|
|
1300
1319
|
const currentState = $9b100ac34d01a331$export$b56465394e2b1287.getState();
|
|
1301
1320
|
const shouldNotSetLastBotActivity = currentState.retrievingConversation && !resetQueue;
|
|
1302
1321
|
const isBot = activity.from.role === "bot" || activity.replyToId || activity.from.name?.toLowerCase() === "bot";
|
|
@@ -1435,11 +1454,13 @@ const $9b100ac34d01a331$export$210f7e70e69f7df5 = (activity)=>{
|
|
|
1435
1454
|
if (activity.messageType === "welcome") $9b100ac34d01a331$export$b56465394e2b1287.setState({
|
|
1436
1455
|
homeActivity: activity
|
|
1437
1456
|
});
|
|
1438
|
-
$9b100ac34d01a331$export$
|
|
1457
|
+
const currentConversationId = $9b100ac34d01a331$export$b56465394e2b1287.getState().conversationId;
|
|
1458
|
+
currentConversationId && activity.id?.includes(currentConversationId) && $9b100ac34d01a331$export$f9786f6b1a1e81e3(activity);
|
|
1439
1459
|
};
|
|
1440
1460
|
const $9b100ac34d01a331$export$35bf93b87d9ffb15 = (activity)=>{
|
|
1441
1461
|
const retrieving = $9b100ac34d01a331$export$b56465394e2b1287.getState().retrievingConversation;
|
|
1442
|
-
|
|
1462
|
+
const currentConversationId = $9b100ac34d01a331$export$b56465394e2b1287.getState().conversationId;
|
|
1463
|
+
currentConversationId && !retrieving && activity.id?.includes(currentConversationId) && (0, $04ce41b46d359821$export$9a026d007e335fc0)(activity);
|
|
1443
1464
|
};
|
|
1444
1465
|
const $9b100ac34d01a331$export$4365557467e67cdc = (value)=>{
|
|
1445
1466
|
const currentState = $9b100ac34d01a331$export$b56465394e2b1287.getState();
|
|
@@ -1456,6 +1477,20 @@ const $9b100ac34d01a331$export$d7e4f7861d387c67 = (value)=>{
|
|
|
1456
1477
|
retrievingConversation: value
|
|
1457
1478
|
});
|
|
1458
1479
|
};
|
|
1480
|
+
const $9b100ac34d01a331$export$110700823644f4a6 = (value)=>{
|
|
1481
|
+
$9b100ac34d01a331$export$b56465394e2b1287.setState({
|
|
1482
|
+
cookie: value
|
|
1483
|
+
});
|
|
1484
|
+
};
|
|
1485
|
+
const $9b100ac34d01a331$export$76568ea212370899 = ()=>{
|
|
1486
|
+
const cookie = $9b100ac34d01a331$export$b56465394e2b1287.getState().cookie;
|
|
1487
|
+
if (cookie) {
|
|
1488
|
+
document.cookie = cookie;
|
|
1489
|
+
$9b100ac34d01a331$export$b56465394e2b1287.setState({
|
|
1490
|
+
cookie: null
|
|
1491
|
+
});
|
|
1492
|
+
}
|
|
1493
|
+
};
|
|
1459
1494
|
const $9b100ac34d01a331$export$b7b23f8e09258fa6 = ()=>{
|
|
1460
1495
|
$9b100ac34d01a331$export$b56465394e2b1287.setState({
|
|
1461
1496
|
...$9b100ac34d01a331$var$initialState
|
|
@@ -1500,7 +1535,7 @@ const $9a5f0912c55d1da2$var$createCustomStore = (enableConversationCookie, conve
|
|
|
1500
1535
|
} else if (!(enableConversationCookie === false)) {
|
|
1501
1536
|
const conversationCookie = document.cookie.split("; ").find((row)=>row.startsWith("retorikConversationCookie="))?.split("=")[1];
|
|
1502
1537
|
const fullTenantName = (addressData.baseURI || `${addressData.prefix || ""}${addressData.tenant}`).replace(/;|,|\s/g, "");
|
|
1503
|
-
if (!(conversationCookie && conversationCookie.split("||").length === 2 && conversationCookie.split("||")[1] === fullTenantName))
|
|
1538
|
+
if (!(conversationCookie && conversationCookie.split("||").length === 2 && conversationCookie.split("||")[1] === fullTenantName)) (0, $9b100ac34d01a331$export$110700823644f4a6)(`retorikConversationCookie=${conversationId}||${fullTenantName}; max-age=${conversationCookieMaxAge || 3600}`);
|
|
1504
1539
|
}
|
|
1505
1540
|
break;
|
|
1506
1541
|
}
|
|
@@ -1755,9 +1790,9 @@ const $56b00880a398c953$var$initialState = {
|
|
|
1755
1790
|
displaySubtitles: false,
|
|
1756
1791
|
agentData: undefined,
|
|
1757
1792
|
loaderClosed: false,
|
|
1793
|
+
appAvailable: false,
|
|
1758
1794
|
currentLayout: (0, $f5ca62954d1f1f5b$export$a31c5a03aaeee5f).agent,
|
|
1759
1795
|
changeLayoutButtonDisplay: false,
|
|
1760
|
-
layoutChanged: false,
|
|
1761
1796
|
userAlreadySet: false,
|
|
1762
1797
|
enableDocumentPrinting: false,
|
|
1763
1798
|
disableSound: false
|
|
@@ -1770,11 +1805,6 @@ const $56b00880a398c953$export$ca8db8ed18ea1d2c = (value)=>{
|
|
|
1770
1805
|
disableSound: value
|
|
1771
1806
|
});
|
|
1772
1807
|
};
|
|
1773
|
-
const $56b00880a398c953$export$29ec02ff899d2b53 = (value)=>{
|
|
1774
|
-
$56b00880a398c953$export$bd22554f31e5f96f.setState({
|
|
1775
|
-
layoutChanged: value
|
|
1776
|
-
});
|
|
1777
|
-
};
|
|
1778
1808
|
const $56b00880a398c953$export$e8437af1f2483b8e = (value)=>{
|
|
1779
1809
|
$56b00880a398c953$export$bd22554f31e5f96f.setState({
|
|
1780
1810
|
currentLayout: value
|
|
@@ -1806,6 +1836,11 @@ const $56b00880a398c953$export$982d69b78a955aaf = (value)=>{
|
|
|
1806
1836
|
loaderClosed: value
|
|
1807
1837
|
});
|
|
1808
1838
|
};
|
|
1839
|
+
const $56b00880a398c953$export$a8ce9bbc5b910a21 = (value)=>{
|
|
1840
|
+
$56b00880a398c953$export$bd22554f31e5f96f.setState({
|
|
1841
|
+
appAvailable: value
|
|
1842
|
+
});
|
|
1843
|
+
};
|
|
1809
1844
|
const $56b00880a398c953$export$f9f752f8a699b258 = (value)=>{
|
|
1810
1845
|
$56b00880a398c953$export$bd22554f31e5f96f.setState({
|
|
1811
1846
|
subtitlesInConfiguration: value
|
|
@@ -1846,14 +1881,10 @@ const $15b0bc93a9787124$var$defaultConfiguration = {
|
|
|
1846
1881
|
};
|
|
1847
1882
|
const $15b0bc93a9787124$var$RetorikContextDefaultValues = {
|
|
1848
1883
|
configuration: $15b0bc93a9787124$var$defaultConfiguration,
|
|
1849
|
-
appAvailable: false,
|
|
1850
|
-
loaderClosed: false,
|
|
1851
1884
|
addressData: {},
|
|
1852
1885
|
baseAddress: "",
|
|
1853
1886
|
canFocusSendBox: false,
|
|
1854
1887
|
setConfiguration: ()=>{},
|
|
1855
|
-
setAppAvailable: ()=>{},
|
|
1856
|
-
setLoaderClosed: ()=>{},
|
|
1857
1888
|
setSendBoxRef: ()=>{},
|
|
1858
1889
|
focusSendBox: ()=>{},
|
|
1859
1890
|
setCanFocusSendBox: ()=>{}
|
|
@@ -1864,8 +1895,6 @@ function $15b0bc93a9787124$export$d8760bee47331b1d() {
|
|
|
1864
1895
|
}
|
|
1865
1896
|
function $15b0bc93a9787124$export$8d0f3aad9142f5c7({ skipLoader: skipLoader, chosenMode: chosenMode, config: config, children: children, addressData: addressData }) {
|
|
1866
1897
|
const [configuration, setConfiguration] = (0, $b3y7N$useState)(config);
|
|
1867
|
-
const [appAvailable, setAppAvailable] = (0, $b3y7N$useState)(false);
|
|
1868
|
-
const [loaderClosed, setLoaderClosed] = (0, $b3y7N$useState)(!!skipLoader);
|
|
1869
1898
|
const [sendBoxRef, setSendBoxRef] = (0, $b3y7N$useState)(null);
|
|
1870
1899
|
const [canFocusSendBox, setCanFocusSendBox] = (0, $b3y7N$useState)(false);
|
|
1871
1900
|
const focusSendBox = ()=>{
|
|
@@ -1876,29 +1905,22 @@ function $15b0bc93a9787124$export$8d0f3aad9142f5c7({ skipLoader: skipLoader, cho
|
|
|
1876
1905
|
}, [
|
|
1877
1906
|
addressData
|
|
1878
1907
|
]);
|
|
1879
|
-
const storeLoaderClosed = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
1880
1908
|
const value = (0, $b3y7N$useMemo)(()=>({
|
|
1881
1909
|
configuration: configuration,
|
|
1882
|
-
appAvailable: appAvailable,
|
|
1883
|
-
loaderClosed: loaderClosed,
|
|
1884
1910
|
addressData: addressData,
|
|
1885
1911
|
baseAddress: baseAddress,
|
|
1886
1912
|
canFocusSendBox: canFocusSendBox,
|
|
1887
1913
|
setConfiguration: setConfiguration,
|
|
1888
|
-
|
|
1889
|
-
setLoaderClosed: setLoaderClosed,
|
|
1914
|
+
setLoaderClosed: $56b00880a398c953$export$982d69b78a955aaf,
|
|
1890
1915
|
setSendBoxRef: setSendBoxRef,
|
|
1891
1916
|
focusSendBox: focusSendBox,
|
|
1892
1917
|
setCanFocusSendBox: setCanFocusSendBox
|
|
1893
1918
|
}), [
|
|
1894
1919
|
configuration,
|
|
1895
|
-
appAvailable,
|
|
1896
|
-
loaderClosed,
|
|
1897
1920
|
baseAddress,
|
|
1898
1921
|
canFocusSendBox,
|
|
1899
1922
|
setConfiguration,
|
|
1900
|
-
|
|
1901
|
-
setLoaderClosed,
|
|
1923
|
+
(0, $56b00880a398c953$export$982d69b78a955aaf),
|
|
1902
1924
|
setSendBoxRef,
|
|
1903
1925
|
setCanFocusSendBox
|
|
1904
1926
|
]);
|
|
@@ -1970,16 +1992,6 @@ function $15b0bc93a9787124$export$8d0f3aad9142f5c7({ skipLoader: skipLoader, cho
|
|
|
1970
1992
|
}, [
|
|
1971
1993
|
chosenMode
|
|
1972
1994
|
]);
|
|
1973
|
-
(0, $b3y7N$useEffect)(()=>{
|
|
1974
|
-
(0, $56b00880a398c953$export$982d69b78a955aaf)(loaderClosed);
|
|
1975
|
-
}, [
|
|
1976
|
-
loaderClosed
|
|
1977
|
-
]);
|
|
1978
|
-
(0, $b3y7N$useEffect)(()=>{
|
|
1979
|
-
if (storeLoaderClosed !== loaderClosed) setLoaderClosed(storeLoaderClosed);
|
|
1980
|
-
}, [
|
|
1981
|
-
storeLoaderClosed
|
|
1982
|
-
]);
|
|
1983
1995
|
(0, $b3y7N$useEffect)(()=>{
|
|
1984
1996
|
setConfiguration(config);
|
|
1985
1997
|
}, [
|
|
@@ -1991,7 +2003,7 @@ function $15b0bc93a9787124$export$8d0f3aad9142f5c7({ skipLoader: skipLoader, cho
|
|
|
1991
2003
|
configuration.position
|
|
1992
2004
|
]);
|
|
1993
2005
|
(0, $b3y7N$useEffect)(()=>{
|
|
1994
|
-
|
|
2006
|
+
(0, $56b00880a398c953$export$982d69b78a955aaf)(!!skipLoader);
|
|
1995
2007
|
}, [
|
|
1996
2008
|
skipLoader
|
|
1997
2009
|
]);
|
|
@@ -2336,6 +2348,7 @@ const $b7c552f6163a7a5c$var$useToggleMicrophone = ()=>{
|
|
|
2336
2348
|
var $b7c552f6163a7a5c$export$2e2bcd8739ae039 = $b7c552f6163a7a5c$var$useToggleMicrophone;
|
|
2337
2349
|
|
|
2338
2350
|
|
|
2351
|
+
|
|
2339
2352
|
const { usePostActivity: $758a083c76f41cee$var$usePostActivity, useSendEvent: $758a083c76f41cee$var$useSendEvent } = (0, $b3y7N$hooks);
|
|
2340
2353
|
var $758a083c76f41cee$var$EventsReceived;
|
|
2341
2354
|
(function($758a083c76f41cee$var$EventsReceived) {
|
|
@@ -2352,7 +2365,9 @@ const $758a083c76f41cee$var$SendActivityEventListener = ({ isRetorikNews: isReto
|
|
|
2352
2365
|
const eventToSend = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.eventToSend);
|
|
2353
2366
|
const displayGDPR = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.GDPRDisplay);
|
|
2354
2367
|
const userConsent = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.GDPRUserConsent);
|
|
2355
|
-
const
|
|
2368
|
+
const loaderClosed = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
2369
|
+
const appAvailable = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.appAvailable);
|
|
2370
|
+
const { configuration: { skipWelcome: skipWelcome } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
2356
2371
|
const toggleMicrophone = (0, $b7c552f6163a7a5c$export$2e2bcd8739ae039)();
|
|
2357
2372
|
const [eventReceived, setEventReceived] = (0, $b3y7N$useState)(null);
|
|
2358
2373
|
const userAlreadySet = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.userAlreadySet);
|
|
@@ -2411,6 +2426,8 @@ const $758a083c76f41cee$var$SendActivityEventListener = ({ isRetorikNews: isReto
|
|
|
2411
2426
|
userConsent: userConsent
|
|
2412
2427
|
});
|
|
2413
2428
|
}, 100);
|
|
2429
|
+
// Set cookie in browser data now
|
|
2430
|
+
(0, $9b100ac34d01a331$export$76568ea212370899)();
|
|
2414
2431
|
}
|
|
2415
2432
|
}, [
|
|
2416
2433
|
appAvailable,
|
|
@@ -2448,557 +2465,124 @@ var $758a083c76f41cee$export$2e2bcd8739ae039 = $758a083c76f41cee$var$SendActivit
|
|
|
2448
2465
|
|
|
2449
2466
|
|
|
2450
2467
|
|
|
2451
|
-
|
|
2452
|
-
|
|
2453
|
-
|
|
2454
|
-
|
|
2455
|
-
|
|
2456
|
-
rgb: "rgb(112, 112, 112)"
|
|
2457
|
-
};
|
|
2458
|
-
const $71132ad06245c2e7$export$d80fe84b82195dbd = {
|
|
2459
|
-
...(0, $cd0e91e00b0900ed$export$c0da64553318f2cb),
|
|
2460
|
-
companyName: "#000",
|
|
2461
|
-
loader: {
|
|
2462
|
-
animation: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
2463
|
-
background: "rgba(18,18,18,0.7)",
|
|
2464
|
-
text: "#FFF",
|
|
2465
|
-
toggle: {
|
|
2466
|
-
text: "#000",
|
|
2467
|
-
background: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary
|
|
2468
|
-
},
|
|
2469
|
-
button: {
|
|
2470
|
-
background: {
|
|
2471
|
-
default: "transparent",
|
|
2472
|
-
hover: "transparent"
|
|
2473
|
-
},
|
|
2474
|
-
border: {
|
|
2475
|
-
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
2476
|
-
hover: "#FFF"
|
|
2477
|
-
},
|
|
2478
|
-
text: {
|
|
2479
|
-
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
2480
|
-
hover: "#FFF"
|
|
2481
|
-
}
|
|
2482
|
-
}
|
|
2468
|
+
const $20f25105ab556570$var$color = "#00D7FF";
|
|
2469
|
+
const $20f25105ab556570$var$white = "#F7F3F6";
|
|
2470
|
+
const $20f25105ab556570$export$d30af3ec38729f1 = {
|
|
2471
|
+
hostCapabilities: {
|
|
2472
|
+
capabilities: null
|
|
2483
2473
|
},
|
|
2484
|
-
|
|
2485
|
-
|
|
2486
|
-
|
|
2487
|
-
|
|
2488
|
-
|
|
2489
|
-
|
|
2490
|
-
|
|
2491
|
-
|
|
2492
|
-
|
|
2493
|
-
|
|
2494
|
-
|
|
2495
|
-
border: {
|
|
2496
|
-
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
2497
|
-
hover: "#FFF"
|
|
2474
|
+
choiceSetInputValueSeparator: ",",
|
|
2475
|
+
supportsInteractivity: true,
|
|
2476
|
+
fontTypes: {
|
|
2477
|
+
default: {
|
|
2478
|
+
fontFamily: '"Helvetica Neue", sans-serif',
|
|
2479
|
+
fontSizes: {
|
|
2480
|
+
small: 12,
|
|
2481
|
+
default: 16,
|
|
2482
|
+
medium: 20,
|
|
2483
|
+
large: 26,
|
|
2484
|
+
extraLarge: 33
|
|
2498
2485
|
},
|
|
2499
|
-
|
|
2500
|
-
|
|
2501
|
-
|
|
2486
|
+
fontWeights: {
|
|
2487
|
+
lighter: 200,
|
|
2488
|
+
default: 300,
|
|
2489
|
+
bolder: 400
|
|
2502
2490
|
}
|
|
2503
2491
|
},
|
|
2504
|
-
|
|
2505
|
-
|
|
2506
|
-
|
|
2507
|
-
|
|
2508
|
-
|
|
2509
|
-
|
|
2510
|
-
|
|
2511
|
-
|
|
2492
|
+
monospace: {
|
|
2493
|
+
fontFamily: '"Helvetica Neue", sans-serif',
|
|
2494
|
+
fontSizes: {
|
|
2495
|
+
small: 12,
|
|
2496
|
+
default: 16,
|
|
2497
|
+
medium: 20,
|
|
2498
|
+
large: 26,
|
|
2499
|
+
extraLarge: 33
|
|
2512
2500
|
},
|
|
2513
|
-
|
|
2514
|
-
|
|
2515
|
-
|
|
2501
|
+
fontWeights: {
|
|
2502
|
+
lighter: 200,
|
|
2503
|
+
default: 300,
|
|
2504
|
+
bolder: 400
|
|
2516
2505
|
}
|
|
2517
2506
|
}
|
|
2518
2507
|
},
|
|
2519
|
-
|
|
2520
|
-
|
|
2521
|
-
|
|
2522
|
-
|
|
2523
|
-
|
|
2524
|
-
|
|
2525
|
-
|
|
2508
|
+
spacing: {
|
|
2509
|
+
small: 8,
|
|
2510
|
+
default: 16,
|
|
2511
|
+
medium: 20,
|
|
2512
|
+
large: 30,
|
|
2513
|
+
extraLarge: 40,
|
|
2514
|
+
padding: 25
|
|
2526
2515
|
},
|
|
2527
|
-
|
|
2528
|
-
|
|
2529
|
-
|
|
2530
|
-
background: "#000"
|
|
2531
|
-
}
|
|
2516
|
+
separator: {
|
|
2517
|
+
lineThickness: 1,
|
|
2518
|
+
lineColor: "transparent"
|
|
2532
2519
|
},
|
|
2533
|
-
|
|
2534
|
-
|
|
2535
|
-
|
|
2536
|
-
|
|
2537
|
-
|
|
2538
|
-
|
|
2539
|
-
|
|
2540
|
-
|
|
2541
|
-
|
|
2542
|
-
|
|
2543
|
-
|
|
2544
|
-
|
|
2545
|
-
|
|
2546
|
-
|
|
2547
|
-
|
|
2548
|
-
|
|
2549
|
-
|
|
2550
|
-
|
|
2551
|
-
|
|
2552
|
-
|
|
2553
|
-
|
|
2554
|
-
|
|
2555
|
-
|
|
2556
|
-
|
|
2520
|
+
imageSizes: {
|
|
2521
|
+
small: 40,
|
|
2522
|
+
medium: 100,
|
|
2523
|
+
large: 160
|
|
2524
|
+
},
|
|
2525
|
+
containerStyles: {
|
|
2526
|
+
default: {
|
|
2527
|
+
foregroundColors: {
|
|
2528
|
+
default: {
|
|
2529
|
+
default: `${$20f25105ab556570$var$white}`,
|
|
2530
|
+
subtle: `${$20f25105ab556570$var$color}`,
|
|
2531
|
+
highlightColors: {
|
|
2532
|
+
default: `${$20f25105ab556570$var$color}`,
|
|
2533
|
+
subtle: "#11000000"
|
|
2534
|
+
}
|
|
2535
|
+
},
|
|
2536
|
+
dark: {
|
|
2537
|
+
default: "#000000",
|
|
2538
|
+
subtle: "#66000000",
|
|
2539
|
+
highlightColors: {
|
|
2540
|
+
default: "#22000000",
|
|
2541
|
+
subtle: "#11000000"
|
|
2542
|
+
}
|
|
2543
|
+
},
|
|
2544
|
+
light: {
|
|
2545
|
+
default: "#FFFFFF",
|
|
2546
|
+
subtle: "#33000000",
|
|
2547
|
+
highlightColors: {
|
|
2548
|
+
default: "#22000000",
|
|
2549
|
+
subtle: "#11000000"
|
|
2550
|
+
}
|
|
2551
|
+
},
|
|
2552
|
+
accent: {
|
|
2553
|
+
default: "#0063B1",
|
|
2554
|
+
subtle: "#0063B1",
|
|
2555
|
+
highlightColors: {
|
|
2556
|
+
default: "#22000000",
|
|
2557
|
+
subtle: "#11000000"
|
|
2558
|
+
}
|
|
2559
|
+
},
|
|
2560
|
+
good: {
|
|
2561
|
+
default: "#54a254",
|
|
2562
|
+
subtle: "#DD54a254",
|
|
2563
|
+
highlightColors: {
|
|
2564
|
+
default: "#22000000",
|
|
2565
|
+
subtle: "#11000000"
|
|
2566
|
+
}
|
|
2567
|
+
},
|
|
2568
|
+
warning: {
|
|
2569
|
+
default: "#c3ab23",
|
|
2570
|
+
subtle: "#DDc3ab23",
|
|
2571
|
+
highlightColors: {
|
|
2572
|
+
default: "#22000000",
|
|
2573
|
+
subtle: "#11000000"
|
|
2574
|
+
}
|
|
2575
|
+
},
|
|
2576
|
+
attention: {
|
|
2577
|
+
default: "#FF0000",
|
|
2578
|
+
subtle: "#DDFF0000",
|
|
2579
|
+
highlightColors: {
|
|
2580
|
+
default: "#22000000",
|
|
2581
|
+
subtle: "#11000000"
|
|
2582
|
+
}
|
|
2583
|
+
}
|
|
2557
2584
|
},
|
|
2558
|
-
|
|
2559
|
-
default: "#FFF",
|
|
2560
|
-
hover: "#FFF"
|
|
2561
|
-
}
|
|
2562
|
-
},
|
|
2563
|
-
likert: {
|
|
2564
|
-
default: "transparent",
|
|
2565
|
-
hover: "#E8B712"
|
|
2566
|
-
}
|
|
2567
|
-
}
|
|
2568
|
-
};
|
|
2569
|
-
const $71132ad06245c2e7$export$1196b7bf97f3d16c = {
|
|
2570
|
-
...(0, $cd0e91e00b0900ed$export$c0da64553318f2cb),
|
|
2571
|
-
companyName: "#000",
|
|
2572
|
-
loader: {
|
|
2573
|
-
animation: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
2574
|
-
background: "rgba(18,18,18,0.7)",
|
|
2575
|
-
text: "#FFF",
|
|
2576
|
-
toggle: {
|
|
2577
|
-
text: "#000",
|
|
2578
|
-
background: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary
|
|
2579
|
-
},
|
|
2580
|
-
button: {
|
|
2581
|
-
background: {
|
|
2582
|
-
default: "transparent",
|
|
2583
|
-
hover: "transparent"
|
|
2584
|
-
},
|
|
2585
|
-
border: {
|
|
2586
|
-
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
2587
|
-
hover: "#FFF"
|
|
2588
|
-
},
|
|
2589
|
-
text: {
|
|
2590
|
-
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
2591
|
-
hover: "#FFF"
|
|
2592
|
-
}
|
|
2593
|
-
}
|
|
2594
|
-
},
|
|
2595
|
-
card: {
|
|
2596
|
-
frame: {
|
|
2597
|
-
background: "#2B2B2B",
|
|
2598
|
-
border: "transparent",
|
|
2599
|
-
text: "#F7F3F6"
|
|
2600
|
-
},
|
|
2601
|
-
button: {
|
|
2602
|
-
background: {
|
|
2603
|
-
default: "transparent",
|
|
2604
|
-
hover: "transparent"
|
|
2605
|
-
},
|
|
2606
|
-
border: {
|
|
2607
|
-
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
2608
|
-
hover: "#FFF"
|
|
2609
|
-
},
|
|
2610
|
-
text: {
|
|
2611
|
-
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
2612
|
-
hover: "#FFF"
|
|
2613
|
-
}
|
|
2614
|
-
},
|
|
2615
|
-
discoverButton: {
|
|
2616
|
-
background: {
|
|
2617
|
-
default: "#eaebf0",
|
|
2618
|
-
hover: "transparent"
|
|
2619
|
-
},
|
|
2620
|
-
border: {
|
|
2621
|
-
default: "transparent",
|
|
2622
|
-
hover: "#FFF"
|
|
2623
|
-
},
|
|
2624
|
-
text: {
|
|
2625
|
-
default: "#575F6B",
|
|
2626
|
-
hover: "#FFF"
|
|
2627
|
-
}
|
|
2628
|
-
}
|
|
2629
|
-
},
|
|
2630
|
-
textMode: {
|
|
2631
|
-
panel: {
|
|
2632
|
-
background: "rgba(255, 255, 255, 0.9)",
|
|
2633
|
-
border: "transparent",
|
|
2634
|
-
conversationUser: "#101219",
|
|
2635
|
-
conversationBot: "#1999B1"
|
|
2636
|
-
}
|
|
2637
|
-
},
|
|
2638
|
-
vocalMode: {
|
|
2639
|
-
subtitles: {
|
|
2640
|
-
text: "#FFF",
|
|
2641
|
-
background: "#000"
|
|
2642
|
-
}
|
|
2643
|
-
},
|
|
2644
|
-
formInput: {
|
|
2645
|
-
text: {
|
|
2646
|
-
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).secondary,
|
|
2647
|
-
hover: "#FFF"
|
|
2648
|
-
},
|
|
2649
|
-
inputRadioCheckbox: {
|
|
2650
|
-
unchecked: {
|
|
2651
|
-
background: "#434141",
|
|
2652
|
-
border: "#818181"
|
|
2653
|
-
},
|
|
2654
|
-
checked: {
|
|
2655
|
-
background: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
2656
|
-
border: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
2657
|
-
item: "#000"
|
|
2658
|
-
}
|
|
2659
|
-
},
|
|
2660
|
-
inputButton: {
|
|
2661
|
-
background: {
|
|
2662
|
-
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).black,
|
|
2663
|
-
hover: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary
|
|
2664
|
-
},
|
|
2665
|
-
border: {
|
|
2666
|
-
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
2667
|
-
hover: "#FFF"
|
|
2668
|
-
},
|
|
2669
|
-
text: {
|
|
2670
|
-
default: "#FFF",
|
|
2671
|
-
hover: "#FFF"
|
|
2672
|
-
}
|
|
2673
|
-
},
|
|
2674
|
-
likert: {
|
|
2675
|
-
default: "transparent",
|
|
2676
|
-
hover: "#E8B712"
|
|
2677
|
-
}
|
|
2678
|
-
}
|
|
2679
|
-
};
|
|
2680
|
-
|
|
2681
|
-
|
|
2682
|
-
|
|
2683
|
-
|
|
2684
|
-
|
|
2685
|
-
const $c7fecc7ec9b4c272$var$defaultConfiguration = {
|
|
2686
|
-
homeRoute: "home",
|
|
2687
|
-
views: {
|
|
2688
|
-
home: {
|
|
2689
|
-
background: {
|
|
2690
|
-
image: "",
|
|
2691
|
-
style: "image"
|
|
2692
|
-
}
|
|
2693
|
-
}
|
|
2694
|
-
}
|
|
2695
|
-
};
|
|
2696
|
-
const $c7fecc7ec9b4c272$var$ViewContextDefaultValues = {
|
|
2697
|
-
configurations: $c7fecc7ec9b4c272$var$defaultConfiguration,
|
|
2698
|
-
route: (0, $f5ca62954d1f1f5b$export$3565eb3d00ca5a74).Home,
|
|
2699
|
-
currentDeviceType: (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).mobile,
|
|
2700
|
-
currentHeight: 1080,
|
|
2701
|
-
currentWidth: 1920,
|
|
2702
|
-
themeColors: (0, $71132ad06245c2e7$export$d80fe84b82195dbd),
|
|
2703
|
-
isTactile: false,
|
|
2704
|
-
isMobile: false,
|
|
2705
|
-
isWidget: false,
|
|
2706
|
-
isLandscape: true,
|
|
2707
|
-
isMobileLandscape: false,
|
|
2708
|
-
isBorne: false,
|
|
2709
|
-
displayControls: true,
|
|
2710
|
-
showHomeAttachments: undefined,
|
|
2711
|
-
mediumLandscape: false,
|
|
2712
|
-
setRoute: ()=>{},
|
|
2713
|
-
setCurrentDeviceType: ()=>{},
|
|
2714
|
-
setCurrentHeight: ()=>{},
|
|
2715
|
-
setCurrentWidth: ()=>{},
|
|
2716
|
-
setDisplayControls: ()=>{},
|
|
2717
|
-
setShowHomeAttachments: ()=>{}
|
|
2718
|
-
};
|
|
2719
|
-
const $c7fecc7ec9b4c272$export$c3ad42ebfc49b96d = /*#__PURE__*/ (0, $b3y7N$createContext)($c7fecc7ec9b4c272$var$ViewContextDefaultValues);
|
|
2720
|
-
function $c7fecc7ec9b4c272$export$3abe3478af3cb63b() {
|
|
2721
|
-
return (0, $b3y7N$useContext)($c7fecc7ec9b4c272$export$c3ad42ebfc49b96d);
|
|
2722
|
-
}
|
|
2723
|
-
function $c7fecc7ec9b4c272$export$50e22524de02f5db({ viewsConfiguration: viewsConfiguration, themeColors: themeColors, children: children }) {
|
|
2724
|
-
const [route, setRoute] = (0, $b3y7N$useState)(viewsConfiguration.homeRoute === "news" ? (0, $f5ca62954d1f1f5b$export$3565eb3d00ca5a74).News : (0, $f5ca62954d1f1f5b$export$3565eb3d00ca5a74).Home);
|
|
2725
|
-
const [currentDeviceType, setCurrentDeviceType] = (0, $b3y7N$useState)((0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).mobile);
|
|
2726
|
-
const [currentHeight, setCurrentHeight] = (0, $b3y7N$useState)(0);
|
|
2727
|
-
const [currentWidth, setCurrentWidth] = (0, $b3y7N$useState)(0);
|
|
2728
|
-
const mediumLandscape = (0, $b3y7N$useMemo)(()=>{
|
|
2729
|
-
return currentWidth < (0, $cd0e91e00b0900ed$export$91e4bf93df95a062);
|
|
2730
|
-
}, [
|
|
2731
|
-
currentWidth
|
|
2732
|
-
]);
|
|
2733
|
-
const [isTactile, setIsTactile] = (0, $b3y7N$useState)(false);
|
|
2734
|
-
const [isMobile, setIsMobile] = (0, $b3y7N$useState)((0, $cd0e91e00b0900ed$export$78f16669b353a880).includes(currentDeviceType));
|
|
2735
|
-
const [isWidget, setIsWidget] = (0, $b3y7N$useState)((0, $cd0e91e00b0900ed$export$909f4c209eb70365).includes(currentDeviceType));
|
|
2736
|
-
const [isLandscape, setIsLandscape] = (0, $b3y7N$useState)((0, $cd0e91e00b0900ed$export$baf53ca377ebf861).includes(currentDeviceType));
|
|
2737
|
-
const [isBorne, setIsBorne] = (0, $b3y7N$useState)((0, $cd0e91e00b0900ed$export$a8576d98c9c928de).includes(currentDeviceType));
|
|
2738
|
-
const isMobileLandscape = (0, $b3y7N$useMemo)(()=>{
|
|
2739
|
-
if (currentDeviceType === (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).mobile && currentHeight < currentWidth) return true;
|
|
2740
|
-
return false;
|
|
2741
|
-
}, [
|
|
2742
|
-
currentHeight,
|
|
2743
|
-
currentWidth,
|
|
2744
|
-
currentDeviceType
|
|
2745
|
-
]);
|
|
2746
|
-
const [displayControls, setDisplayControls] = (0, $b3y7N$useState)(true);
|
|
2747
|
-
const [showHomeAttachments, setShowHomeAttachments] = (0, $b3y7N$useState)(undefined);
|
|
2748
|
-
const value = (0, $b3y7N$useMemo)(()=>({
|
|
2749
|
-
configurations: viewsConfiguration,
|
|
2750
|
-
route: route,
|
|
2751
|
-
currentDeviceType: currentDeviceType,
|
|
2752
|
-
currentHeight: currentHeight,
|
|
2753
|
-
currentWidth: currentWidth,
|
|
2754
|
-
themeColors: themeColors,
|
|
2755
|
-
isTactile: isTactile,
|
|
2756
|
-
isMobile: isMobile,
|
|
2757
|
-
isWidget: isWidget,
|
|
2758
|
-
isLandscape: isLandscape,
|
|
2759
|
-
isBorne: isBorne,
|
|
2760
|
-
isMobileLandscape: isMobileLandscape,
|
|
2761
|
-
displayControls: displayControls,
|
|
2762
|
-
showHomeAttachments: showHomeAttachments,
|
|
2763
|
-
mediumLandscape: mediumLandscape,
|
|
2764
|
-
setRoute: setRoute,
|
|
2765
|
-
setCurrentDeviceType: setCurrentDeviceType,
|
|
2766
|
-
setCurrentHeight: setCurrentHeight,
|
|
2767
|
-
setCurrentWidth: setCurrentWidth,
|
|
2768
|
-
setDisplayControls: setDisplayControls,
|
|
2769
|
-
setShowHomeAttachments: setShowHomeAttachments
|
|
2770
|
-
}), [
|
|
2771
|
-
viewsConfiguration,
|
|
2772
|
-
route,
|
|
2773
|
-
currentDeviceType,
|
|
2774
|
-
currentHeight,
|
|
2775
|
-
currentWidth,
|
|
2776
|
-
themeColors,
|
|
2777
|
-
isTactile,
|
|
2778
|
-
isMobile,
|
|
2779
|
-
isWidget,
|
|
2780
|
-
isLandscape,
|
|
2781
|
-
isBorne,
|
|
2782
|
-
isMobileLandscape,
|
|
2783
|
-
displayControls,
|
|
2784
|
-
showHomeAttachments,
|
|
2785
|
-
mediumLandscape,
|
|
2786
|
-
setRoute,
|
|
2787
|
-
setCurrentDeviceType,
|
|
2788
|
-
setCurrentHeight,
|
|
2789
|
-
setCurrentWidth,
|
|
2790
|
-
setDisplayControls,
|
|
2791
|
-
setShowHomeAttachments
|
|
2792
|
-
]);
|
|
2793
|
-
(0, $b3y7N$useEffect)(()=>{
|
|
2794
|
-
setIsMobile((0, $cd0e91e00b0900ed$export$78f16669b353a880).includes(currentDeviceType));
|
|
2795
|
-
setIsWidget((0, $cd0e91e00b0900ed$export$909f4c209eb70365).includes(currentDeviceType));
|
|
2796
|
-
setIsLandscape((0, $cd0e91e00b0900ed$export$baf53ca377ebf861).includes(currentDeviceType));
|
|
2797
|
-
setIsBorne((0, $cd0e91e00b0900ed$export$a8576d98c9c928de).includes(currentDeviceType));
|
|
2798
|
-
}, [
|
|
2799
|
-
currentDeviceType
|
|
2800
|
-
]);
|
|
2801
|
-
(0, $b3y7N$useEffect)(()=>{
|
|
2802
|
-
setIsTactile("ontouchstart" in window || navigator.maxTouchPoints > 0);
|
|
2803
|
-
}, []);
|
|
2804
|
-
(0, $b3y7N$useEffect)(()=>{
|
|
2805
|
-
!showHomeAttachments && (0, $04ce41b46d359821$export$babd960d95248836)(undefined);
|
|
2806
|
-
}, [
|
|
2807
|
-
showHomeAttachments
|
|
2808
|
-
]);
|
|
2809
|
-
return /*#__PURE__*/ (0, $b3y7N$jsx)((0, $b3y7N$react).Fragment, {
|
|
2810
|
-
children: /*#__PURE__*/ (0, $b3y7N$jsx)($c7fecc7ec9b4c272$export$c3ad42ebfc49b96d.Provider, {
|
|
2811
|
-
value: value,
|
|
2812
|
-
children: children
|
|
2813
|
-
})
|
|
2814
|
-
});
|
|
2815
|
-
}
|
|
2816
|
-
|
|
2817
|
-
|
|
2818
|
-
const $4c54e002ebd97cf8$var$SpeechContextDefaultValues = {
|
|
2819
|
-
// Common data
|
|
2820
|
-
ponyfillCredentials: {
|
|
2821
|
-
region: "francecentral",
|
|
2822
|
-
subscriptionKey: ""
|
|
2823
|
-
},
|
|
2824
|
-
// Speech synthesis data
|
|
2825
|
-
voice: null,
|
|
2826
|
-
customVoice: undefined,
|
|
2827
|
-
setVoice: ()=>{},
|
|
2828
|
-
// Speech recognition data
|
|
2829
|
-
useContinuousRecognition: true,
|
|
2830
|
-
setUseContinuousRecognition: ()=>{}
|
|
2831
|
-
};
|
|
2832
|
-
const $4c54e002ebd97cf8$export$11ed12a49459a250 = /*#__PURE__*/ (0, $b3y7N$createContext)($4c54e002ebd97cf8$var$SpeechContextDefaultValues);
|
|
2833
|
-
function $4c54e002ebd97cf8$export$57e792e009c800a0() {
|
|
2834
|
-
return (0, $b3y7N$useContext)($4c54e002ebd97cf8$export$11ed12a49459a250);
|
|
2835
|
-
}
|
|
2836
|
-
function $4c54e002ebd97cf8$export$c3549adc483a11c2({ ponyfillFactoryCredentials: ponyfillFactoryCredentials, customVoice: customVoice, children: children }) {
|
|
2837
|
-
const { configuration: { speechRecognitionOptions: speechRecognitionOptions } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
2838
|
-
const { currentDeviceType: currentDeviceType } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
2839
|
-
const checkContinuousSpeechRecognition = ()=>{
|
|
2840
|
-
if (speechRecognitionOptions?.enableContinuousRecognitionOnAllDevices) return true;
|
|
2841
|
-
if (speechRecognitionOptions?.enableContinuousRecognitionOn) switch(currentDeviceType){
|
|
2842
|
-
case (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).mobile:
|
|
2843
|
-
return !!speechRecognitionOptions.enableContinuousRecognitionOn.mobile;
|
|
2844
|
-
case (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).widget:
|
|
2845
|
-
return !!speechRecognitionOptions.enableContinuousRecognitionOn.widget;
|
|
2846
|
-
case (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).landscape:
|
|
2847
|
-
return !!speechRecognitionOptions.enableContinuousRecognitionOn.desktop;
|
|
2848
|
-
case (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).borne:
|
|
2849
|
-
return !!speechRecognitionOptions.enableContinuousRecognitionOn.borne;
|
|
2850
|
-
default:
|
|
2851
|
-
return false;
|
|
2852
|
-
}
|
|
2853
|
-
return false;
|
|
2854
|
-
};
|
|
2855
|
-
const [voice, setVoice] = (0, $b3y7N$useState)(null);
|
|
2856
|
-
const [useContinuousRecognition, setUseContinuousRecognition] = (0, $b3y7N$useState)(checkContinuousSpeechRecognition());
|
|
2857
|
-
const value = (0, $b3y7N$useMemo)(()=>({
|
|
2858
|
-
ponyfillCredentials: ponyfillFactoryCredentials,
|
|
2859
|
-
voice: voice,
|
|
2860
|
-
customVoice: customVoice,
|
|
2861
|
-
setVoice: setVoice,
|
|
2862
|
-
useContinuousRecognition: useContinuousRecognition,
|
|
2863
|
-
setUseContinuousRecognition: setUseContinuousRecognition
|
|
2864
|
-
}), [
|
|
2865
|
-
ponyfillFactoryCredentials,
|
|
2866
|
-
voice,
|
|
2867
|
-
customVoice,
|
|
2868
|
-
setVoice,
|
|
2869
|
-
useContinuousRecognition,
|
|
2870
|
-
setUseContinuousRecognition
|
|
2871
|
-
]);
|
|
2872
|
-
return /*#__PURE__*/ (0, $b3y7N$jsx)((0, $b3y7N$react).Fragment, {
|
|
2873
|
-
children: /*#__PURE__*/ (0, $b3y7N$jsx)($4c54e002ebd97cf8$export$11ed12a49459a250.Provider, {
|
|
2874
|
-
value: value,
|
|
2875
|
-
children: children
|
|
2876
|
-
})
|
|
2877
|
-
});
|
|
2878
|
-
}
|
|
2879
|
-
|
|
2880
|
-
|
|
2881
|
-
|
|
2882
|
-
|
|
2883
|
-
|
|
2884
|
-
const $20f25105ab556570$var$color = "#00D7FF";
|
|
2885
|
-
const $20f25105ab556570$var$white = "#F7F3F6";
|
|
2886
|
-
const $20f25105ab556570$export$d30af3ec38729f1 = {
|
|
2887
|
-
hostCapabilities: {
|
|
2888
|
-
capabilities: null
|
|
2889
|
-
},
|
|
2890
|
-
choiceSetInputValueSeparator: ",",
|
|
2891
|
-
supportsInteractivity: true,
|
|
2892
|
-
fontTypes: {
|
|
2893
|
-
default: {
|
|
2894
|
-
fontFamily: '"Helvetica Neue", sans-serif',
|
|
2895
|
-
fontSizes: {
|
|
2896
|
-
small: 12,
|
|
2897
|
-
default: 16,
|
|
2898
|
-
medium: 20,
|
|
2899
|
-
large: 26,
|
|
2900
|
-
extraLarge: 33
|
|
2901
|
-
},
|
|
2902
|
-
fontWeights: {
|
|
2903
|
-
lighter: 200,
|
|
2904
|
-
default: 300,
|
|
2905
|
-
bolder: 400
|
|
2906
|
-
}
|
|
2907
|
-
},
|
|
2908
|
-
monospace: {
|
|
2909
|
-
fontFamily: '"Helvetica Neue", sans-serif',
|
|
2910
|
-
fontSizes: {
|
|
2911
|
-
small: 12,
|
|
2912
|
-
default: 16,
|
|
2913
|
-
medium: 20,
|
|
2914
|
-
large: 26,
|
|
2915
|
-
extraLarge: 33
|
|
2916
|
-
},
|
|
2917
|
-
fontWeights: {
|
|
2918
|
-
lighter: 200,
|
|
2919
|
-
default: 300,
|
|
2920
|
-
bolder: 400
|
|
2921
|
-
}
|
|
2922
|
-
}
|
|
2923
|
-
},
|
|
2924
|
-
spacing: {
|
|
2925
|
-
small: 8,
|
|
2926
|
-
default: 16,
|
|
2927
|
-
medium: 20,
|
|
2928
|
-
large: 30,
|
|
2929
|
-
extraLarge: 40,
|
|
2930
|
-
padding: 25
|
|
2931
|
-
},
|
|
2932
|
-
separator: {
|
|
2933
|
-
lineThickness: 1,
|
|
2934
|
-
lineColor: "transparent"
|
|
2935
|
-
},
|
|
2936
|
-
imageSizes: {
|
|
2937
|
-
small: 40,
|
|
2938
|
-
medium: 100,
|
|
2939
|
-
large: 160
|
|
2940
|
-
},
|
|
2941
|
-
containerStyles: {
|
|
2942
|
-
default: {
|
|
2943
|
-
foregroundColors: {
|
|
2944
|
-
default: {
|
|
2945
|
-
default: `${$20f25105ab556570$var$white}`,
|
|
2946
|
-
subtle: `${$20f25105ab556570$var$color}`,
|
|
2947
|
-
highlightColors: {
|
|
2948
|
-
default: `${$20f25105ab556570$var$color}`,
|
|
2949
|
-
subtle: "#11000000"
|
|
2950
|
-
}
|
|
2951
|
-
},
|
|
2952
|
-
dark: {
|
|
2953
|
-
default: "#000000",
|
|
2954
|
-
subtle: "#66000000",
|
|
2955
|
-
highlightColors: {
|
|
2956
|
-
default: "#22000000",
|
|
2957
|
-
subtle: "#11000000"
|
|
2958
|
-
}
|
|
2959
|
-
},
|
|
2960
|
-
light: {
|
|
2961
|
-
default: "#FFFFFF",
|
|
2962
|
-
subtle: "#33000000",
|
|
2963
|
-
highlightColors: {
|
|
2964
|
-
default: "#22000000",
|
|
2965
|
-
subtle: "#11000000"
|
|
2966
|
-
}
|
|
2967
|
-
},
|
|
2968
|
-
accent: {
|
|
2969
|
-
default: "#0063B1",
|
|
2970
|
-
subtle: "#0063B1",
|
|
2971
|
-
highlightColors: {
|
|
2972
|
-
default: "#22000000",
|
|
2973
|
-
subtle: "#11000000"
|
|
2974
|
-
}
|
|
2975
|
-
},
|
|
2976
|
-
good: {
|
|
2977
|
-
default: "#54a254",
|
|
2978
|
-
subtle: "#DD54a254",
|
|
2979
|
-
highlightColors: {
|
|
2980
|
-
default: "#22000000",
|
|
2981
|
-
subtle: "#11000000"
|
|
2982
|
-
}
|
|
2983
|
-
},
|
|
2984
|
-
warning: {
|
|
2985
|
-
default: "#c3ab23",
|
|
2986
|
-
subtle: "#DDc3ab23",
|
|
2987
|
-
highlightColors: {
|
|
2988
|
-
default: "#22000000",
|
|
2989
|
-
subtle: "#11000000"
|
|
2990
|
-
}
|
|
2991
|
-
},
|
|
2992
|
-
attention: {
|
|
2993
|
-
default: "#FF0000",
|
|
2994
|
-
subtle: "#DDFF0000",
|
|
2995
|
-
highlightColors: {
|
|
2996
|
-
default: "#22000000",
|
|
2997
|
-
subtle: "#11000000"
|
|
2998
|
-
}
|
|
2999
|
-
}
|
|
3000
|
-
},
|
|
3001
|
-
backgroundColor: "transparent"
|
|
2585
|
+
backgroundColor: "transparent"
|
|
3002
2586
|
},
|
|
3003
2587
|
emphasis: {
|
|
3004
2588
|
foregroundColors: {
|
|
@@ -3347,44 +2931,406 @@ const $1885b2e3dbaa1d35$var$Carousel = ({ className: className, medias: medias,
|
|
|
3347
2931
|
]
|
|
3348
2932
|
}) : /*#__PURE__*/ (0, $b3y7N$jsx)((0, $b3y7N$react).Fragment, {});
|
|
3349
2933
|
};
|
|
3350
|
-
var $1885b2e3dbaa1d35$export$2e2bcd8739ae039 = $1885b2e3dbaa1d35$var$Carousel;
|
|
2934
|
+
var $1885b2e3dbaa1d35$export$2e2bcd8739ae039 = $1885b2e3dbaa1d35$var$Carousel;
|
|
2935
|
+
|
|
2936
|
+
|
|
2937
|
+
|
|
2938
|
+
|
|
2939
|
+
const $a7785ea555b97582$var$Radio = ({ className: className, title: title, handleChange: handleChange, checked: checked })=>{
|
|
2940
|
+
const [transition, setTransition] = (0, $b3y7N$useState)(checked ? "rf-scale-1" : "rf-scale-0");
|
|
2941
|
+
const handleToggle = ()=>{
|
|
2942
|
+
setTransition(checked ? "rf-scale-0" : "rf-scale-1");
|
|
2943
|
+
handleChange(title);
|
|
2944
|
+
};
|
|
2945
|
+
return /*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
|
|
2946
|
+
className: `rf-flex rf-flex-row rf-items-center rf-justify-between hover:rf-cursor-pointer ${className}`,
|
|
2947
|
+
children: [
|
|
2948
|
+
/*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
2949
|
+
className: "rf-capitalize",
|
|
2950
|
+
children: title
|
|
2951
|
+
}),
|
|
2952
|
+
/*#__PURE__*/ (0, $b3y7N$jsx)("button", {
|
|
2953
|
+
className: `rf-relative rf-w-7 large:rf-w-8 large-vertical:rf-w-14 rf-h-7 large:rf-h-8 large-vertical:rf-h-14 ${!checked && "rf-border rf-border-[#9FA2AA]"} rf-rounded-half`,
|
|
2954
|
+
style: {
|
|
2955
|
+
background: checked ? "linear-gradient(to right, #1999B1, #0a4652)" : "#FFFFFF",
|
|
2956
|
+
boxShadow: checked ? "-3px 3px 6px #00000029" : ""
|
|
2957
|
+
},
|
|
2958
|
+
onClick: handleToggle,
|
|
2959
|
+
"aria-label": title,
|
|
2960
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
2961
|
+
className: `rf-absolute rf-top-2 large-vertical:rf-top-4 rf-left-2 large-vertical:rf-left-4 rf-w-3 large:rf-w-4 large-vertical:rf-w-6 rf-h-3 large:rf-h-4 large-vertical:rf-h-6 rf-rounded-half rf-bg-[#F8F8F8] rf-transition-all ${transition}`
|
|
2962
|
+
})
|
|
2963
|
+
})
|
|
2964
|
+
]
|
|
2965
|
+
});
|
|
2966
|
+
};
|
|
2967
|
+
var $a7785ea555b97582$export$2e2bcd8739ae039 = $a7785ea555b97582$var$Radio;
|
|
2968
|
+
|
|
2969
|
+
|
|
2970
|
+
|
|
2971
|
+
/* eslint-disable react/self-closing-comp */
|
|
2972
|
+
|
|
2973
|
+
|
|
2974
|
+
|
|
2975
|
+
|
|
2976
|
+
const $71132ad06245c2e7$export$4aebf65ed07cf17b = {
|
|
2977
|
+
rgb: "rgb(112, 112, 112)"
|
|
2978
|
+
};
|
|
2979
|
+
const $71132ad06245c2e7$export$d80fe84b82195dbd = {
|
|
2980
|
+
...(0, $cd0e91e00b0900ed$export$c0da64553318f2cb),
|
|
2981
|
+
companyName: "#000",
|
|
2982
|
+
loader: {
|
|
2983
|
+
animation: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
2984
|
+
background: "rgba(18,18,18,0.7)",
|
|
2985
|
+
text: "#FFF",
|
|
2986
|
+
toggle: {
|
|
2987
|
+
text: "#000",
|
|
2988
|
+
background: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary
|
|
2989
|
+
},
|
|
2990
|
+
button: {
|
|
2991
|
+
background: {
|
|
2992
|
+
default: "transparent",
|
|
2993
|
+
hover: "transparent"
|
|
2994
|
+
},
|
|
2995
|
+
border: {
|
|
2996
|
+
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
2997
|
+
hover: "#FFF"
|
|
2998
|
+
},
|
|
2999
|
+
text: {
|
|
3000
|
+
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
3001
|
+
hover: "#FFF"
|
|
3002
|
+
}
|
|
3003
|
+
}
|
|
3004
|
+
},
|
|
3005
|
+
card: {
|
|
3006
|
+
frame: {
|
|
3007
|
+
background: "#2B2B2B",
|
|
3008
|
+
border: "transparent",
|
|
3009
|
+
text: "#F7F3F6"
|
|
3010
|
+
},
|
|
3011
|
+
button: {
|
|
3012
|
+
background: {
|
|
3013
|
+
default: "transparent",
|
|
3014
|
+
hover: "transparent"
|
|
3015
|
+
},
|
|
3016
|
+
border: {
|
|
3017
|
+
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
3018
|
+
hover: "#FFF"
|
|
3019
|
+
},
|
|
3020
|
+
text: {
|
|
3021
|
+
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
3022
|
+
hover: "#FFF"
|
|
3023
|
+
}
|
|
3024
|
+
},
|
|
3025
|
+
discoverButton: {
|
|
3026
|
+
background: {
|
|
3027
|
+
default: "#eaebf0",
|
|
3028
|
+
hover: "transparent"
|
|
3029
|
+
},
|
|
3030
|
+
border: {
|
|
3031
|
+
default: "transparent",
|
|
3032
|
+
hover: "#FFF"
|
|
3033
|
+
},
|
|
3034
|
+
text: {
|
|
3035
|
+
default: "#575F6B",
|
|
3036
|
+
hover: "#FFF"
|
|
3037
|
+
}
|
|
3038
|
+
}
|
|
3039
|
+
},
|
|
3040
|
+
textMode: {
|
|
3041
|
+
panel: {
|
|
3042
|
+
background: "rgba(255, 255, 255, 0.9)",
|
|
3043
|
+
border: "transparent",
|
|
3044
|
+
conversationUser: "#101219",
|
|
3045
|
+
conversationBot: "#1999B1"
|
|
3046
|
+
}
|
|
3047
|
+
},
|
|
3048
|
+
vocalMode: {
|
|
3049
|
+
subtitles: {
|
|
3050
|
+
text: "#FFF",
|
|
3051
|
+
background: "#000"
|
|
3052
|
+
}
|
|
3053
|
+
},
|
|
3054
|
+
formInput: {
|
|
3055
|
+
text: {
|
|
3056
|
+
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).secondary,
|
|
3057
|
+
hover: "#FFF"
|
|
3058
|
+
},
|
|
3059
|
+
inputRadioCheckbox: {
|
|
3060
|
+
unchecked: {
|
|
3061
|
+
background: "#434141",
|
|
3062
|
+
border: "#818181"
|
|
3063
|
+
},
|
|
3064
|
+
checked: {
|
|
3065
|
+
background: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
3066
|
+
border: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
3067
|
+
item: "#000"
|
|
3068
|
+
}
|
|
3069
|
+
},
|
|
3070
|
+
inputButton: {
|
|
3071
|
+
background: {
|
|
3072
|
+
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).black,
|
|
3073
|
+
hover: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary
|
|
3074
|
+
},
|
|
3075
|
+
border: {
|
|
3076
|
+
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
3077
|
+
hover: "#FFF"
|
|
3078
|
+
},
|
|
3079
|
+
text: {
|
|
3080
|
+
default: "#FFF",
|
|
3081
|
+
hover: "#FFF"
|
|
3082
|
+
}
|
|
3083
|
+
},
|
|
3084
|
+
likert: {
|
|
3085
|
+
default: "transparent",
|
|
3086
|
+
hover: "#E8B712"
|
|
3087
|
+
}
|
|
3088
|
+
}
|
|
3089
|
+
};
|
|
3090
|
+
const $71132ad06245c2e7$export$1196b7bf97f3d16c = {
|
|
3091
|
+
...(0, $cd0e91e00b0900ed$export$c0da64553318f2cb),
|
|
3092
|
+
companyName: "#000",
|
|
3093
|
+
loader: {
|
|
3094
|
+
animation: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
3095
|
+
background: "rgba(18,18,18,0.7)",
|
|
3096
|
+
text: "#FFF",
|
|
3097
|
+
toggle: {
|
|
3098
|
+
text: "#000",
|
|
3099
|
+
background: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary
|
|
3100
|
+
},
|
|
3101
|
+
button: {
|
|
3102
|
+
background: {
|
|
3103
|
+
default: "transparent",
|
|
3104
|
+
hover: "transparent"
|
|
3105
|
+
},
|
|
3106
|
+
border: {
|
|
3107
|
+
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
3108
|
+
hover: "#FFF"
|
|
3109
|
+
},
|
|
3110
|
+
text: {
|
|
3111
|
+
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
3112
|
+
hover: "#FFF"
|
|
3113
|
+
}
|
|
3114
|
+
}
|
|
3115
|
+
},
|
|
3116
|
+
card: {
|
|
3117
|
+
frame: {
|
|
3118
|
+
background: "#2B2B2B",
|
|
3119
|
+
border: "transparent",
|
|
3120
|
+
text: "#F7F3F6"
|
|
3121
|
+
},
|
|
3122
|
+
button: {
|
|
3123
|
+
background: {
|
|
3124
|
+
default: "transparent",
|
|
3125
|
+
hover: "transparent"
|
|
3126
|
+
},
|
|
3127
|
+
border: {
|
|
3128
|
+
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
3129
|
+
hover: "#FFF"
|
|
3130
|
+
},
|
|
3131
|
+
text: {
|
|
3132
|
+
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
3133
|
+
hover: "#FFF"
|
|
3134
|
+
}
|
|
3135
|
+
},
|
|
3136
|
+
discoverButton: {
|
|
3137
|
+
background: {
|
|
3138
|
+
default: "#eaebf0",
|
|
3139
|
+
hover: "transparent"
|
|
3140
|
+
},
|
|
3141
|
+
border: {
|
|
3142
|
+
default: "transparent",
|
|
3143
|
+
hover: "#FFF"
|
|
3144
|
+
},
|
|
3145
|
+
text: {
|
|
3146
|
+
default: "#575F6B",
|
|
3147
|
+
hover: "#FFF"
|
|
3148
|
+
}
|
|
3149
|
+
}
|
|
3150
|
+
},
|
|
3151
|
+
textMode: {
|
|
3152
|
+
panel: {
|
|
3153
|
+
background: "rgba(255, 255, 255, 0.9)",
|
|
3154
|
+
border: "transparent",
|
|
3155
|
+
conversationUser: "#101219",
|
|
3156
|
+
conversationBot: "#1999B1"
|
|
3157
|
+
}
|
|
3158
|
+
},
|
|
3159
|
+
vocalMode: {
|
|
3160
|
+
subtitles: {
|
|
3161
|
+
text: "#FFF",
|
|
3162
|
+
background: "#000"
|
|
3163
|
+
}
|
|
3164
|
+
},
|
|
3165
|
+
formInput: {
|
|
3166
|
+
text: {
|
|
3167
|
+
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).secondary,
|
|
3168
|
+
hover: "#FFF"
|
|
3169
|
+
},
|
|
3170
|
+
inputRadioCheckbox: {
|
|
3171
|
+
unchecked: {
|
|
3172
|
+
background: "#434141",
|
|
3173
|
+
border: "#818181"
|
|
3174
|
+
},
|
|
3175
|
+
checked: {
|
|
3176
|
+
background: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
3177
|
+
border: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
3178
|
+
item: "#000"
|
|
3179
|
+
}
|
|
3180
|
+
},
|
|
3181
|
+
inputButton: {
|
|
3182
|
+
background: {
|
|
3183
|
+
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).black,
|
|
3184
|
+
hover: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary
|
|
3185
|
+
},
|
|
3186
|
+
border: {
|
|
3187
|
+
default: (0, $cd0e91e00b0900ed$export$c0da64553318f2cb).primary,
|
|
3188
|
+
hover: "#FFF"
|
|
3189
|
+
},
|
|
3190
|
+
text: {
|
|
3191
|
+
default: "#FFF",
|
|
3192
|
+
hover: "#FFF"
|
|
3193
|
+
}
|
|
3194
|
+
},
|
|
3195
|
+
likert: {
|
|
3196
|
+
default: "transparent",
|
|
3197
|
+
hover: "#E8B712"
|
|
3198
|
+
}
|
|
3199
|
+
}
|
|
3200
|
+
};
|
|
3351
3201
|
|
|
3352
3202
|
|
|
3353
3203
|
|
|
3354
3204
|
|
|
3355
|
-
|
|
3356
|
-
|
|
3357
|
-
|
|
3358
|
-
|
|
3359
|
-
|
|
3360
|
-
|
|
3361
|
-
|
|
3362
|
-
|
|
3363
|
-
|
|
3364
|
-
|
|
3365
|
-
|
|
3366
|
-
|
|
3367
|
-
|
|
3368
|
-
|
|
3369
|
-
|
|
3370
|
-
|
|
3371
|
-
|
|
3372
|
-
|
|
3373
|
-
|
|
3374
|
-
|
|
3375
|
-
|
|
3376
|
-
children: /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
3377
|
-
className: `rf-absolute rf-top-2 large-vertical:rf-top-4 rf-left-2 large-vertical:rf-left-4 rf-w-3 large:rf-w-4 large-vertical:rf-w-6 rf-h-3 large:rf-h-4 large-vertical:rf-h-6 rf-rounded-half rf-bg-[#F8F8F8] rf-transition-all ${transition}`
|
|
3378
|
-
})
|
|
3379
|
-
})
|
|
3380
|
-
]
|
|
3205
|
+
|
|
3206
|
+
|
|
3207
|
+
|
|
3208
|
+
|
|
3209
|
+
const $957e950ca3ff2781$var$initialState = {
|
|
3210
|
+
currentDeviceType: (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).mobile,
|
|
3211
|
+
isMobile: false,
|
|
3212
|
+
isWidget: false,
|
|
3213
|
+
isLandscape: true,
|
|
3214
|
+
isBorne: false
|
|
3215
|
+
};
|
|
3216
|
+
const $957e950ca3ff2781$export$d13b2577cb75f2ad = (0, $b3y7N$create)()(()=>{
|
|
3217
|
+
return $957e950ca3ff2781$var$initialState;
|
|
3218
|
+
});
|
|
3219
|
+
const $957e950ca3ff2781$export$1ae69652bfc21d9e = (value)=>{
|
|
3220
|
+
$957e950ca3ff2781$export$d13b2577cb75f2ad.setState({
|
|
3221
|
+
currentDeviceType: value,
|
|
3222
|
+
isMobile: (0, $cd0e91e00b0900ed$export$78f16669b353a880).includes(value),
|
|
3223
|
+
isWidget: (0, $cd0e91e00b0900ed$export$909f4c209eb70365).includes(value),
|
|
3224
|
+
isLandscape: (0, $cd0e91e00b0900ed$export$baf53ca377ebf861).includes(value),
|
|
3225
|
+
isBorne: (0, $cd0e91e00b0900ed$export$a8576d98c9c928de).includes(value)
|
|
3381
3226
|
});
|
|
3382
3227
|
};
|
|
3383
|
-
var $a7785ea555b97582$export$2e2bcd8739ae039 = $a7785ea555b97582$var$Radio;
|
|
3384
3228
|
|
|
3385
3229
|
|
|
3230
|
+
const $c7fecc7ec9b4c272$var$defaultConfiguration = {
|
|
3231
|
+
homeRoute: "home",
|
|
3232
|
+
views: {
|
|
3233
|
+
home: {
|
|
3234
|
+
background: {
|
|
3235
|
+
image: "",
|
|
3236
|
+
style: "image"
|
|
3237
|
+
}
|
|
3238
|
+
}
|
|
3239
|
+
}
|
|
3240
|
+
};
|
|
3241
|
+
const $c7fecc7ec9b4c272$var$ViewContextDefaultValues = {
|
|
3242
|
+
configurations: $c7fecc7ec9b4c272$var$defaultConfiguration,
|
|
3243
|
+
route: (0, $f5ca62954d1f1f5b$export$3565eb3d00ca5a74).Home,
|
|
3244
|
+
currentHeight: 1080,
|
|
3245
|
+
currentWidth: 1920,
|
|
3246
|
+
themeColors: (0, $71132ad06245c2e7$export$d80fe84b82195dbd),
|
|
3247
|
+
isTactile: false,
|
|
3248
|
+
isMobileLandscape: false,
|
|
3249
|
+
displayControls: true,
|
|
3250
|
+
showHomeAttachments: undefined,
|
|
3251
|
+
mediumLandscape: false,
|
|
3252
|
+
setRoute: ()=>{},
|
|
3253
|
+
setCurrentHeight: ()=>{},
|
|
3254
|
+
setCurrentWidth: ()=>{},
|
|
3255
|
+
setDisplayControls: ()=>{},
|
|
3256
|
+
setShowHomeAttachments: ()=>{}
|
|
3257
|
+
};
|
|
3258
|
+
const $c7fecc7ec9b4c272$export$c3ad42ebfc49b96d = /*#__PURE__*/ (0, $b3y7N$createContext)($c7fecc7ec9b4c272$var$ViewContextDefaultValues);
|
|
3259
|
+
function $c7fecc7ec9b4c272$export$3abe3478af3cb63b() {
|
|
3260
|
+
return (0, $b3y7N$useContext)($c7fecc7ec9b4c272$export$c3ad42ebfc49b96d);
|
|
3261
|
+
}
|
|
3262
|
+
function $c7fecc7ec9b4c272$export$50e22524de02f5db({ viewsConfiguration: viewsConfiguration, themeColors: themeColors, children: children }) {
|
|
3263
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
3264
|
+
const [route, setRoute] = (0, $b3y7N$useState)(viewsConfiguration.homeRoute === "news" ? (0, $f5ca62954d1f1f5b$export$3565eb3d00ca5a74).News : (0, $f5ca62954d1f1f5b$export$3565eb3d00ca5a74).Home);
|
|
3265
|
+
const [currentHeight, setCurrentHeight] = (0, $b3y7N$useState)(0);
|
|
3266
|
+
const [currentWidth, setCurrentWidth] = (0, $b3y7N$useState)(0);
|
|
3267
|
+
const mediumLandscape = (0, $b3y7N$useMemo)(()=>{
|
|
3268
|
+
return currentWidth < (0, $cd0e91e00b0900ed$export$91e4bf93df95a062);
|
|
3269
|
+
}, [
|
|
3270
|
+
currentWidth
|
|
3271
|
+
]);
|
|
3272
|
+
const [isTactile, setIsTactile] = (0, $b3y7N$useState)(false);
|
|
3273
|
+
const isMobileLandscape = (0, $b3y7N$useMemo)(()=>{
|
|
3274
|
+
if (currentDeviceType === (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).mobile && currentHeight < currentWidth) return true;
|
|
3275
|
+
return false;
|
|
3276
|
+
}, [
|
|
3277
|
+
currentHeight,
|
|
3278
|
+
currentWidth,
|
|
3279
|
+
currentDeviceType
|
|
3280
|
+
]);
|
|
3281
|
+
const [displayControls, setDisplayControls] = (0, $b3y7N$useState)(true);
|
|
3282
|
+
const [showHomeAttachments, setShowHomeAttachments] = (0, $b3y7N$useState)(undefined);
|
|
3283
|
+
const value = (0, $b3y7N$useMemo)(()=>({
|
|
3284
|
+
configurations: viewsConfiguration,
|
|
3285
|
+
route: route,
|
|
3286
|
+
currentDeviceType: currentDeviceType,
|
|
3287
|
+
currentHeight: currentHeight,
|
|
3288
|
+
currentWidth: currentWidth,
|
|
3289
|
+
themeColors: themeColors,
|
|
3290
|
+
isTactile: isTactile,
|
|
3291
|
+
isMobileLandscape: isMobileLandscape,
|
|
3292
|
+
displayControls: displayControls,
|
|
3293
|
+
showHomeAttachments: showHomeAttachments,
|
|
3294
|
+
mediumLandscape: mediumLandscape,
|
|
3295
|
+
setRoute: setRoute,
|
|
3296
|
+
setCurrentHeight: setCurrentHeight,
|
|
3297
|
+
setCurrentWidth: setCurrentWidth,
|
|
3298
|
+
setDisplayControls: setDisplayControls,
|
|
3299
|
+
setShowHomeAttachments: setShowHomeAttachments
|
|
3300
|
+
}), [
|
|
3301
|
+
viewsConfiguration,
|
|
3302
|
+
route,
|
|
3303
|
+
currentDeviceType,
|
|
3304
|
+
currentHeight,
|
|
3305
|
+
currentWidth,
|
|
3306
|
+
themeColors,
|
|
3307
|
+
isTactile,
|
|
3308
|
+
isMobileLandscape,
|
|
3309
|
+
displayControls,
|
|
3310
|
+
showHomeAttachments,
|
|
3311
|
+
mediumLandscape,
|
|
3312
|
+
setRoute,
|
|
3313
|
+
setCurrentHeight,
|
|
3314
|
+
setCurrentWidth,
|
|
3315
|
+
setDisplayControls,
|
|
3316
|
+
setShowHomeAttachments
|
|
3317
|
+
]);
|
|
3318
|
+
(0, $b3y7N$useEffect)(()=>{
|
|
3319
|
+
setIsTactile("ontouchstart" in window || navigator.maxTouchPoints > 0);
|
|
3320
|
+
}, []);
|
|
3321
|
+
(0, $b3y7N$useEffect)(()=>{
|
|
3322
|
+
!showHomeAttachments && (0, $04ce41b46d359821$export$babd960d95248836)(undefined);
|
|
3323
|
+
}, [
|
|
3324
|
+
showHomeAttachments
|
|
3325
|
+
]);
|
|
3326
|
+
return /*#__PURE__*/ (0, $b3y7N$jsx)((0, $b3y7N$react).Fragment, {
|
|
3327
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)($c7fecc7ec9b4c272$export$c3ad42ebfc49b96d.Provider, {
|
|
3328
|
+
value: value,
|
|
3329
|
+
children: children
|
|
3330
|
+
})
|
|
3331
|
+
});
|
|
3332
|
+
}
|
|
3386
3333
|
|
|
3387
|
-
/* eslint-disable react/self-closing-comp */
|
|
3388
3334
|
|
|
3389
3335
|
|
|
3390
3336
|
|
|
@@ -3721,7 +3667,8 @@ const { useSendMessage: $82ab8a9537e8d797$var$useSendMessage } = (0, $b3y7N$hook
|
|
|
3721
3667
|
const $82ab8a9537e8d797$var$SendTextBox = ({ className: className, withButton: withButton })=>{
|
|
3722
3668
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
3723
3669
|
const { setSendBoxRef: setSendBoxRef, canFocusSendBox: canFocusSendBox } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
3724
|
-
const
|
|
3670
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
3671
|
+
const { themeColors: themeColors } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
3725
3672
|
const sendMessage = $82ab8a9537e8d797$var$useSendMessage();
|
|
3726
3673
|
const [height, setHeight] = (0, $b3y7N$useState)();
|
|
3727
3674
|
const [message, setMessage] = (0, $b3y7N$useState)("");
|
|
@@ -3778,7 +3725,7 @@ const $82ab8a9537e8d797$var$SendTextBox = ({ className: className, withButton: w
|
|
|
3778
3725
|
children: [
|
|
3779
3726
|
/*#__PURE__*/ (0, $b3y7N$jsx)("textarea", {
|
|
3780
3727
|
ref: textareaRef,
|
|
3781
|
-
className: `rf-input-hidden rf-outline-none ${withButton ? "rf-w-[calc(100%-3rem)]" : "rf-w-full"} rf-resize-none rf-scrollbar-hidden ${isMobile && "placeholder:rf-text-black placeholder:rf-opacity-100"}`,
|
|
3728
|
+
className: `rf-input-hidden rf-outline-none rf-bg-truewhite ${withButton ? "rf-w-[calc(100%-3rem)]" : "rf-w-full"} rf-resize-none rf-scrollbar-hidden ${isMobile && "placeholder:rf-text-black placeholder:rf-opacity-100"}`,
|
|
3782
3729
|
value: message,
|
|
3783
3730
|
placeholder: translation.menu.message,
|
|
3784
3731
|
onKeyDown: (e)=>handleKeyDown(e),
|
|
@@ -4697,9 +4644,11 @@ var $eb9e092c8ad1a9f4$export$2e2bcd8739ae039 = $eb9e092c8ad1a9f4$var$DisplayFull
|
|
|
4697
4644
|
|
|
4698
4645
|
|
|
4699
4646
|
|
|
4647
|
+
|
|
4700
4648
|
const $eb227575bb03fb1f$var$ImageAttachment = ({ url: url, title: title, alt: alt, isMiniature: isMiniature, height: height })=>{
|
|
4701
4649
|
const displaySubtitles = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.displaySubtitles);
|
|
4702
|
-
const
|
|
4650
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
4651
|
+
const { currentHeight: currentHeight } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
4703
4652
|
const [maxHeight, setMaxHeight] = (0, $b3y7N$useState)(0);
|
|
4704
4653
|
(0, $b3y7N$useEffect)(()=>{
|
|
4705
4654
|
if (currentHeight && currentDeviceType) switch(currentDeviceType){
|
|
@@ -5250,20 +5199,58 @@ const $3ecc06819059f6c2$var$MultiLinkAttachment = ({ urlData: urlData, title: ti
|
|
|
5250
5199
|
var $3ecc06819059f6c2$export$2e2bcd8739ae039 = $3ecc06819059f6c2$var$MultiLinkAttachment;
|
|
5251
5200
|
|
|
5252
5201
|
|
|
5202
|
+
/* eslint-disable react/jsx-boolean-value */
|
|
5203
|
+
|
|
5204
|
+
|
|
5205
|
+
|
|
5206
|
+
|
|
5207
|
+
|
|
5208
|
+
|
|
5209
|
+
|
|
5210
|
+
|
|
5253
5211
|
|
|
5254
5212
|
|
|
5213
|
+
const $8c2db177e015e048$var$Animation = ({ size: size })=>{
|
|
5214
|
+
const customClassName = (0, $b3y7N$useMemo)(()=>{
|
|
5215
|
+
switch(size){
|
|
5216
|
+
case (0, $f5ca62954d1f1f5b$export$a2a634340dd7e3e3).small:
|
|
5217
|
+
return "rf-loader-mini rf-animate-loaderMini rf-h-2 -rf-top-2";
|
|
5218
|
+
case (0, $f5ca62954d1f1f5b$export$a2a634340dd7e3e3).medium:
|
|
5219
|
+
return "rf-loader-medium rf-animate-loaderMedium rf-h-4 -rf-top-4";
|
|
5220
|
+
case (0, $f5ca62954d1f1f5b$export$a2a634340dd7e3e3).large:
|
|
5221
|
+
default:
|
|
5222
|
+
return "rf-loader rf-animate-loader rf-h-6 -rf-top-6";
|
|
5223
|
+
}
|
|
5224
|
+
}, [
|
|
5225
|
+
size
|
|
5226
|
+
]);
|
|
5227
|
+
return /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
5228
|
+
className: `rf-relative ${customClassName} rf-rounded-half`
|
|
5229
|
+
});
|
|
5230
|
+
};
|
|
5231
|
+
var $8c2db177e015e048$export$2e2bcd8739ae039 = $8c2db177e015e048$var$Animation;
|
|
5255
5232
|
|
|
5256
5233
|
|
|
5257
5234
|
|
|
5258
5235
|
const { useSendMessage: $c4d4cd8419dfdc81$var$useSendMessage } = (0, $b3y7N$hooks1);
|
|
5259
5236
|
const $c4d4cd8419dfdc81$var$SuggestedActionAttachment = ({ title: title, actions: actions, history: history, height: height })=>{
|
|
5260
5237
|
const { locale: locale } = (0, $f902d4436881b887$export$6650dace022cfacc)();
|
|
5238
|
+
const { themeColors: themeColors } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
5239
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
5240
|
+
const unlockClickedButton = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.unlockClickedButton);
|
|
5241
|
+
const [clicked, setClicked] = (0, $b3y7N$useState)(null);
|
|
5261
5242
|
const sendMessage = $c4d4cd8419dfdc81$var$useSendMessage();
|
|
5262
|
-
|
|
5263
|
-
|
|
5264
|
-
|
|
5265
|
-
|
|
5266
|
-
|
|
5243
|
+
const animationColor = {
|
|
5244
|
+
"--rf-color-loader-animation": themeColors.card.button.text.default
|
|
5245
|
+
};
|
|
5246
|
+
(0, $b3y7N$useEffect)(()=>{
|
|
5247
|
+
unlockClickedButton && setClicked(null);
|
|
5248
|
+
}, [
|
|
5249
|
+
unlockClickedButton
|
|
5250
|
+
]);
|
|
5251
|
+
const handleClick = (value, index)=>{
|
|
5252
|
+
(0, $3426110875af99d0$export$5d55805fc8a86c05)();
|
|
5253
|
+
setClicked(index);
|
|
5267
5254
|
sendMessage(value);
|
|
5268
5255
|
};
|
|
5269
5256
|
return /*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
|
|
@@ -5280,9 +5267,20 @@ const $c4d4cd8419dfdc81$var$SuggestedActionAttachment = ({ title: title, actions
|
|
|
5280
5267
|
className: "rf-w-full rf-pt-4 rf-flex rf-flex-row rf-justify-center rf-items-center rf-gap-4 rf-flex-wrap",
|
|
5281
5268
|
children: actions.map((action, key)=>{
|
|
5282
5269
|
return /*#__PURE__*/ (0, $b3y7N$jsx)("button", {
|
|
5283
|
-
className: "rf-card-button",
|
|
5284
|
-
onClick: history ? ()=>{} : ()=>handleClick(action.action),
|
|
5285
|
-
children:
|
|
5270
|
+
className: clicked === key ? "rf-card-button-clicked" : "rf-card-button",
|
|
5271
|
+
onClick: history ? ()=>{} : ()=>handleClick(action.action, key),
|
|
5272
|
+
children: clicked === key ? /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
5273
|
+
className: "rf-w-full rf-h-[1.25rem] large:rf-h-[1.3rem] rf-flex rf-justify-center rf-items-center",
|
|
5274
|
+
style: {
|
|
5275
|
+
...animationColor
|
|
5276
|
+
},
|
|
5277
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
5278
|
+
className: "rf-w-2 rf-h-2 large:rf-w-4 large:rf-h-4",
|
|
5279
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)((0, $8c2db177e015e048$export$2e2bcd8739ae039), {
|
|
5280
|
+
size: isMobile ? (0, $f5ca62954d1f1f5b$export$a2a634340dd7e3e3).small : (0, $f5ca62954d1f1f5b$export$a2a634340dd7e3e3).medium
|
|
5281
|
+
})
|
|
5282
|
+
})
|
|
5283
|
+
}) : action.title || "?"
|
|
5286
5284
|
}, key);
|
|
5287
5285
|
})
|
|
5288
5286
|
})
|
|
@@ -5300,6 +5298,8 @@ var $c4d4cd8419dfdc81$export$2e2bcd8739ae039 = $c4d4cd8419dfdc81$var$SuggestedAc
|
|
|
5300
5298
|
|
|
5301
5299
|
|
|
5302
5300
|
|
|
5301
|
+
|
|
5302
|
+
|
|
5303
5303
|
const $4e2a8337f51cd40f$var$SvgColorChanger = ({ svgUrl: svgUrl, fillColor: fillColor, height: height })=>{
|
|
5304
5304
|
const [modifiedSvg, setModifiedSvg] = (0, $b3y7N$useState)(null);
|
|
5305
5305
|
(0, $b3y7N$useEffect)(()=>{
|
|
@@ -5334,44 +5334,66 @@ const $4e2a8337f51cd40f$var$SvgColorChanger = ({ svgUrl: svgUrl, fillColor: fill
|
|
|
5334
5334
|
var $4e2a8337f51cd40f$export$2e2bcd8739ae039 = $4e2a8337f51cd40f$var$SvgColorChanger;
|
|
5335
5335
|
|
|
5336
5336
|
|
|
5337
|
+
|
|
5338
|
+
|
|
5337
5339
|
const { useSendPostBack: $b82cb9309c705ea4$var$useSendPostBack } = (0, $b3y7N$hooks1);
|
|
5338
5340
|
const $b82cb9309c705ea4$var$DiscoverAttachment = ({ title: title, mainButtons: mainButtons, recommandationButton: recommandationButton, history: history, height: height })=>{
|
|
5339
5341
|
const sendPostBack = $b82cb9309c705ea4$var$useSendPostBack();
|
|
5340
5342
|
const { locale: locale } = (0, $f902d4436881b887$export$6650dace022cfacc)();
|
|
5343
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
5341
5344
|
const { themeColors: themeColors } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
5345
|
+
const unlockClickedButton = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.unlockClickedButton);
|
|
5342
5346
|
const displayLayout = (0, $b3y7N$useMemo)(()=>{
|
|
5343
5347
|
if (mainButtons && mainButtons.length > 1) return `rf-w-full rf-grid rf-grid-cols-${mainButtons.length} rf-gap-2 large:rf-gap-4`;
|
|
5344
5348
|
return "rf-w-1/2 rf-justify-self-center";
|
|
5345
5349
|
}, [
|
|
5346
5350
|
mainButtons
|
|
5347
5351
|
]);
|
|
5348
|
-
const
|
|
5349
|
-
|
|
5350
|
-
|
|
5351
|
-
|
|
5352
|
-
|
|
5353
|
-
|
|
5354
|
-
|
|
5355
|
-
|
|
5356
|
-
|
|
5357
|
-
|
|
5358
|
-
|
|
5359
|
-
|
|
5360
|
-
|
|
5361
|
-
|
|
5362
|
-
|
|
5363
|
-
|
|
5364
|
-
|
|
5365
|
-
}
|
|
5366
|
-
}
|
|
5367
|
-
|
|
5368
|
-
|
|
5369
|
-
|
|
5370
|
-
|
|
5371
|
-
|
|
5352
|
+
const [clicked, setClicked] = (0, $b3y7N$useState)(false);
|
|
5353
|
+
const [discoverClicked, setDiscoverClicked] = (0, $b3y7N$useState)(null);
|
|
5354
|
+
const animationColor = {
|
|
5355
|
+
"--rf-color-loader-animation": themeColors.card.button.text.default
|
|
5356
|
+
};
|
|
5357
|
+
const handleClick = (data, index)=>{
|
|
5358
|
+
if (discoverClicked === null || discoverClicked !== index) {
|
|
5359
|
+
(0, $3426110875af99d0$export$5d55805fc8a86c05)();
|
|
5360
|
+
let dataToSend = {};
|
|
5361
|
+
// @ts-ignore
|
|
5362
|
+
if (data.eventName) {
|
|
5363
|
+
const tempData = data;
|
|
5364
|
+
setClicked(true);
|
|
5365
|
+
dataToSend = {
|
|
5366
|
+
type: "event",
|
|
5367
|
+
name: tempData.eventName,
|
|
5368
|
+
recommendationId: tempData.recommendationId
|
|
5369
|
+
};
|
|
5370
|
+
} else if (index !== undefined) {
|
|
5371
|
+
setDiscoverClicked(index);
|
|
5372
|
+
const tempData = data;
|
|
5373
|
+
const value = tempData.FilterId ? {
|
|
5374
|
+
value: {
|
|
5375
|
+
filterId: tempData.FilterId,
|
|
5376
|
+
filterValue: tempData.FilterValue,
|
|
5377
|
+
followingCardText: tempData.FollowingCardText
|
|
5378
|
+
}
|
|
5379
|
+
} : {};
|
|
5380
|
+
dataToSend = {
|
|
5381
|
+
type: "event",
|
|
5382
|
+
name: tempData.EventName,
|
|
5383
|
+
...value
|
|
5384
|
+
};
|
|
5385
|
+
}
|
|
5386
|
+
sendPostBack(dataToSend);
|
|
5372
5387
|
}
|
|
5373
|
-
sendPostBack(dataToSend);
|
|
5374
5388
|
};
|
|
5389
|
+
(0, $b3y7N$useEffect)(()=>{
|
|
5390
|
+
if (unlockClickedButton) {
|
|
5391
|
+
setClicked(false);
|
|
5392
|
+
setDiscoverClicked(null);
|
|
5393
|
+
}
|
|
5394
|
+
}, [
|
|
5395
|
+
unlockClickedButton
|
|
5396
|
+
]);
|
|
5375
5397
|
return /*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
|
|
5376
5398
|
className: `rf-w-full rf-flex rf-flex-col rf-items-center rf-justify-between rf-rounded rf-bg-cardFrameBackground large:rf-p-[25px] rf-p-4 ${history && "rf-pointer-events-none"} `,
|
|
5377
5399
|
style: {
|
|
@@ -5392,36 +5414,60 @@ const $b82cb9309c705ea4$var$DiscoverAttachment = ({ title: title, mainButtons: m
|
|
|
5392
5414
|
else if (button.EventName.indexOf("LodgingBusinesses") > -1) colorButtonHandle = themeColors.whereToSleepColor;
|
|
5393
5415
|
else if (button.EventName.indexOf("TouristDestinations") > -1) colorButtonHandle = themeColors.tobeSeenColor;
|
|
5394
5416
|
else if (button.EventName.indexOf("Event") > -1) colorButtonHandle = themeColors.agendaColor;
|
|
5395
|
-
return /*#__PURE__*/ (0, $b3y7N$
|
|
5417
|
+
return /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
5396
5418
|
className: "rf-relative rf-w-full rf-card-button-discover rf-rounded rf-flex rf-flex-col rf-gap-2 large:rf-gap-3 rf-items-center rf-justify-self-center",
|
|
5397
|
-
onClick: ()=>handleClick(button),
|
|
5419
|
+
onClick: ()=>handleClick(button, i),
|
|
5398
5420
|
style: {
|
|
5399
5421
|
boxShadow: "0px 0px 13px #0000009c"
|
|
5400
5422
|
},
|
|
5401
|
-
children:
|
|
5402
|
-
|
|
5403
|
-
|
|
5404
|
-
|
|
5405
|
-
|
|
5406
|
-
|
|
5407
|
-
|
|
5408
|
-
|
|
5409
|
-
|
|
5410
|
-
|
|
5411
|
-
}
|
|
5412
|
-
}),
|
|
5413
|
-
/*#__PURE__*/ (0, $b3y7N$jsx)("p", {
|
|
5414
|
-
className: "rf-h-full rf-flex rf-items-center rf-text-center rf-uppercase rf-font-bold large:rf-text-basecustom rf-text-xsl",
|
|
5415
|
-
children: button.Text
|
|
5423
|
+
children: discoverClicked === i ? /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
5424
|
+
className: "rf-w-full rf-h-full rf-flex rf-justify-center rf-items-center",
|
|
5425
|
+
style: {
|
|
5426
|
+
...animationColor
|
|
5427
|
+
},
|
|
5428
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
5429
|
+
className: "rf-w-4 rf-h-4 large:rf-w-6 large:rf-h-6",
|
|
5430
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)((0, $8c2db177e015e048$export$2e2bcd8739ae039), {
|
|
5431
|
+
size: isMobile ? (0, $f5ca62954d1f1f5b$export$a2a634340dd7e3e3).medium : (0, $f5ca62954d1f1f5b$export$a2a634340dd7e3e3).large
|
|
5432
|
+
})
|
|
5416
5433
|
})
|
|
5417
|
-
|
|
5434
|
+
}) : /*#__PURE__*/ (0, $b3y7N$jsxs)((0, $b3y7N$react).Fragment, {
|
|
5435
|
+
children: [
|
|
5436
|
+
button.MediaUrl.indexOf("svg") > -1 && colorButtonHandle !== "" ? /*#__PURE__*/ (0, $b3y7N$jsx)((0, $4e2a8337f51cd40f$export$2e2bcd8739ae039), {
|
|
5437
|
+
svgUrl: button.MediaUrl,
|
|
5438
|
+
height: "50px",
|
|
5439
|
+
fillColor: colorButtonHandle
|
|
5440
|
+
}) : /*#__PURE__*/ (0, $b3y7N$jsx)("img", {
|
|
5441
|
+
src: button.MediaUrl,
|
|
5442
|
+
alt: button.Text,
|
|
5443
|
+
style: {
|
|
5444
|
+
height: "50px"
|
|
5445
|
+
}
|
|
5446
|
+
}),
|
|
5447
|
+
/*#__PURE__*/ (0, $b3y7N$jsx)("p", {
|
|
5448
|
+
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",
|
|
5449
|
+
children: button.Text
|
|
5450
|
+
})
|
|
5451
|
+
]
|
|
5452
|
+
})
|
|
5418
5453
|
}, i);
|
|
5419
5454
|
}) : /*#__PURE__*/ (0, $b3y7N$jsx)((0, $b3y7N$Fragment), {})
|
|
5420
5455
|
}),
|
|
5421
|
-
recommandationButton && mainButtons && mainButtons.length > 1 && /*#__PURE__*/ (0, $b3y7N$jsx)("
|
|
5422
|
-
className:
|
|
5456
|
+
recommandationButton && mainButtons && mainButtons.length > 1 && /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
5457
|
+
className: `rf-mt-4 rf-font-bold ${clicked ? "rf-card-button-clicked" : "rf-card-button"} rf-text-center rf-capitalize-first`,
|
|
5423
5458
|
onClick: ()=>handleClick(recommandationButton),
|
|
5424
|
-
children:
|
|
5459
|
+
children: clicked ? /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
5460
|
+
className: "rf-w-full rf-h-[1.25rem] large:rf-h-[1.3rem] rf-flex rf-justify-center rf-items-center",
|
|
5461
|
+
style: {
|
|
5462
|
+
...animationColor
|
|
5463
|
+
},
|
|
5464
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
5465
|
+
className: "rf-w-4 rf-h-4 large:rf-w-6 large:rf-h-6",
|
|
5466
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)((0, $8c2db177e015e048$export$2e2bcd8739ae039), {
|
|
5467
|
+
size: isMobile ? (0, $f5ca62954d1f1f5b$export$a2a634340dd7e3e3).medium : (0, $f5ca62954d1f1f5b$export$a2a634340dd7e3e3).large
|
|
5468
|
+
})
|
|
5469
|
+
})
|
|
5470
|
+
}) : recommandationButton.text
|
|
5425
5471
|
})
|
|
5426
5472
|
]
|
|
5427
5473
|
});
|
|
@@ -5433,6 +5479,9 @@ var $b82cb9309c705ea4$export$2e2bcd8739ae039 = $b82cb9309c705ea4$var$DiscoverAtt
|
|
|
5433
5479
|
|
|
5434
5480
|
|
|
5435
5481
|
|
|
5482
|
+
/* eslint-disable react/jsx-boolean-value */
|
|
5483
|
+
|
|
5484
|
+
|
|
5436
5485
|
|
|
5437
5486
|
|
|
5438
5487
|
|
|
@@ -5441,11 +5490,23 @@ var $b82cb9309c705ea4$export$2e2bcd8739ae039 = $b82cb9309c705ea4$var$DiscoverAtt
|
|
|
5441
5490
|
const { useSendPostBack: $6682f4fb7afb585b$var$useSendPostBack } = (0, $b3y7N$hooks1);
|
|
5442
5491
|
const $6682f4fb7afb585b$var$BorderlessButtonMessage = ({ text: text, differentTextTosend: differentTextTosend })=>{
|
|
5443
5492
|
const { themeColors: themeColors } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
5493
|
+
const unlockClickedButton = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.unlockClickedButton);
|
|
5444
5494
|
const [hover, setHover] = (0, $b3y7N$useState)(false);
|
|
5445
5495
|
const sendPostBack = $6682f4fb7afb585b$var$useSendPostBack();
|
|
5496
|
+
const [clicked, setClicked] = (0, $b3y7N$useState)(false);
|
|
5497
|
+
const animationColor = {
|
|
5498
|
+
"--rf-color-loader-animation": themeColors.card.button.text.default
|
|
5499
|
+
};
|
|
5446
5500
|
const onClick = (text)=>{
|
|
5501
|
+
setClicked(true);
|
|
5502
|
+
(0, $3426110875af99d0$export$5d55805fc8a86c05)();
|
|
5447
5503
|
sendPostBack(text);
|
|
5448
5504
|
};
|
|
5505
|
+
(0, $b3y7N$useEffect)(()=>{
|
|
5506
|
+
unlockClickedButton && setClicked(false);
|
|
5507
|
+
}, [
|
|
5508
|
+
unlockClickedButton
|
|
5509
|
+
]);
|
|
5449
5510
|
return /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
5450
5511
|
className: "rf-w-full rf-flex rf-justify-start rf-cursor-pointer",
|
|
5451
5512
|
children: /*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
|
|
@@ -5457,7 +5518,18 @@ const $6682f4fb7afb585b$var$BorderlessButtonMessage = ({ text: text, differentTe
|
|
|
5457
5518
|
onClick(differentTextTosend || text);
|
|
5458
5519
|
},
|
|
5459
5520
|
children: [
|
|
5460
|
-
/*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
5521
|
+
clicked ? /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
5522
|
+
className: "rf-h-6 rf-w-6 rf-flex rf-justify-center rf-items-center",
|
|
5523
|
+
style: {
|
|
5524
|
+
...animationColor
|
|
5525
|
+
},
|
|
5526
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
5527
|
+
className: "rf-w-2 rf-h-2",
|
|
5528
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)((0, $8c2db177e015e048$export$2e2bcd8739ae039), {
|
|
5529
|
+
size: (0, $f5ca62954d1f1f5b$export$a2a634340dd7e3e3).small
|
|
5530
|
+
})
|
|
5531
|
+
})
|
|
5532
|
+
}) : /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
5461
5533
|
className: `rf-h-6 rf-w-6 rf-rounded ${hover ? "rf-bg-cardButtonBackgroundHover" : "rf-bg-cardButtonBackgroundDefault"}`,
|
|
5462
5534
|
children: /*#__PURE__*/ (0, $b3y7N$jsx)((0, $043c8dabdc83eebf$export$2e2bcd8739ae039), {
|
|
5463
5535
|
className: "rf-h-6 rf-p-1 rf-border rf-rounded rf-border-cardButtonBorderDefault",
|
|
@@ -7951,6 +8023,8 @@ class $e0d6ab762891a996$export$7f21b8f94f2ce32b extends $b3y7N$Input {
|
|
|
7951
8023
|
|
|
7952
8024
|
|
|
7953
8025
|
|
|
8026
|
+
/* eslint-disable react/jsx-boolean-value */
|
|
8027
|
+
|
|
7954
8028
|
|
|
7955
8029
|
|
|
7956
8030
|
|
|
@@ -8002,12 +8076,18 @@ const $80813655cca657d6$var$ActionButton = ({ text: text, fullWidth: fullWidth,
|
|
|
8002
8076
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
8003
8077
|
const currentSubView = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.currentSubView);
|
|
8004
8078
|
const isUsedOnBorne = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.usingOnBorne);
|
|
8079
|
+
const unlockClickedButton = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.unlockClickedButton);
|
|
8005
8080
|
const enableDocumentPrinting = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.enableDocumentPrinting);
|
|
8081
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
8006
8082
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
8007
8083
|
const { themeColors: themeColors } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
8008
8084
|
const [style, setStyle] = (0, $b3y7N$useState)();
|
|
8085
|
+
const [clicked, setClicked] = (0, $b3y7N$useState)(false);
|
|
8009
8086
|
const [hover, setHover] = (0, $b3y7N$useState)(false);
|
|
8010
8087
|
const [qrCodeData, setQrCodeData] = (0, $b3y7N$useState)();
|
|
8088
|
+
const animationColor = {
|
|
8089
|
+
"--rf-color-loader-animation": themeColors.card.button.text.default
|
|
8090
|
+
};
|
|
8011
8091
|
const setQrCodeDataAsync = async ()=>{
|
|
8012
8092
|
if (urlToOpen) {
|
|
8013
8093
|
const qrCodeString = await (0, $b3y7N$qrcode).toDataURL(encodeURI(urlToOpen));
|
|
@@ -8020,6 +8100,11 @@ const $80813655cca657d6$var$ActionButton = ({ text: text, fullWidth: fullWidth,
|
|
|
8020
8100
|
urlToOpen,
|
|
8021
8101
|
isUsedOnBorne
|
|
8022
8102
|
]);
|
|
8103
|
+
(0, $b3y7N$useEffect)(()=>{
|
|
8104
|
+
unlockClickedButton && setClicked(false);
|
|
8105
|
+
}, [
|
|
8106
|
+
unlockClickedButton
|
|
8107
|
+
]);
|
|
8023
8108
|
(0, $b3y7N$useEffect)(()=>{
|
|
8024
8109
|
// Set width : full or fit
|
|
8025
8110
|
let temp = fullWidth ? "rf-w-full" : "rf-w-fit";
|
|
@@ -8044,16 +8129,18 @@ const $80813655cca657d6$var$ActionButton = ({ text: text, fullWidth: fullWidth,
|
|
|
8044
8129
|
}));
|
|
8045
8130
|
};
|
|
8046
8131
|
const handleClick = ()=>{
|
|
8047
|
-
if (currentSubView !== (0, $f5ca62954d1f1f5b$export$f05d0fed0593ead7).history) {
|
|
8048
|
-
|
|
8132
|
+
if (currentSubView !== (0, $f5ca62954d1f1f5b$export$f05d0fed0593ead7).history && !clicked) {
|
|
8133
|
+
setClicked(true);
|
|
8134
|
+
setHover(false);
|
|
8135
|
+
(0, $3426110875af99d0$export$5d55805fc8a86c05)();
|
|
8049
8136
|
onClick();
|
|
8050
8137
|
}
|
|
8051
8138
|
};
|
|
8052
8139
|
const handleEnter = ()=>{
|
|
8053
|
-
if (currentSubView !== (0, $f5ca62954d1f1f5b$export$f05d0fed0593ead7).history) setHover(true);
|
|
8140
|
+
if (currentSubView !== (0, $f5ca62954d1f1f5b$export$f05d0fed0593ead7).history && !clicked) setHover(true);
|
|
8054
8141
|
};
|
|
8055
8142
|
const handleLeave = ()=>{
|
|
8056
|
-
if (currentSubView !== (0, $f5ca62954d1f1f5b$export$f05d0fed0593ead7).history) setHover(false);
|
|
8143
|
+
if (currentSubView !== (0, $f5ca62954d1f1f5b$export$f05d0fed0593ead7).history && !clicked) setHover(false);
|
|
8057
8144
|
};
|
|
8058
8145
|
return urlToOpen && isUsedOnBorne ? /*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
|
|
8059
8146
|
className: "rf-w-full rf-flex rf-flex-col rf-justify-center rf-items-center rf-text-cardButtonTextDefault",
|
|
@@ -8105,7 +8192,18 @@ const $80813655cca657d6$var$ActionButton = ({ text: text, fullWidth: fullWidth,
|
|
|
8105
8192
|
children: [
|
|
8106
8193
|
/*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
8107
8194
|
className: `rf-h-6 rf-w-6 rf-rounded ${hover ? "rf-bg-cardButtonBackgroundHover" : "rf-bg-cardButtonBackgroundDefault"}`,
|
|
8108
|
-
children: /*#__PURE__*/ (0, $b3y7N$jsx)(
|
|
8195
|
+
children: clicked ? /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
8196
|
+
className: "rf-h-6 rf-w-6 rf-flex rf-justify-center rf-items-center",
|
|
8197
|
+
style: {
|
|
8198
|
+
...animationColor
|
|
8199
|
+
},
|
|
8200
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
8201
|
+
className: "rf-w-2 rf-h-2",
|
|
8202
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)((0, $8c2db177e015e048$export$2e2bcd8739ae039), {
|
|
8203
|
+
size: (0, $f5ca62954d1f1f5b$export$a2a634340dd7e3e3).small
|
|
8204
|
+
})
|
|
8205
|
+
})
|
|
8206
|
+
}) : /*#__PURE__*/ (0, $b3y7N$jsx)((0, $043c8dabdc83eebf$export$2e2bcd8739ae039), {
|
|
8109
8207
|
className: `rf-h-6 rf-p-1 rf-border rf-rounded ${hover ? "rf-border-cardButtonBorderHover" : "rf-border-cardButtonBorderDefault"}`,
|
|
8110
8208
|
color: hover ? themeColors.card.button.text.hover : themeColors.card.button.text.default
|
|
8111
8209
|
})
|
|
@@ -8116,9 +8214,20 @@ const $80813655cca657d6$var$ActionButton = ({ text: text, fullWidth: fullWidth,
|
|
|
8116
8214
|
})
|
|
8117
8215
|
]
|
|
8118
8216
|
}) : /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
8119
|
-
className: ` ${currentSubView !== (0, $f5ca62954d1f1f5b$export$f05d0fed0593ead7).history ? "rf-card-button" : "rf-card-button-history"} rf-mt-2 ${fullWidth ? "rf-text-center" : "rf-text-left"} ${style}`,
|
|
8217
|
+
className: `rf-relative ${currentSubView !== (0, $f5ca62954d1f1f5b$export$f05d0fed0593ead7).history ? clicked ? "rf-card-button-clicked" : "rf-card-button" : "rf-card-button-history"} rf-mt-2 ${fullWidth ? "rf-text-center" : "rf-text-left"} ${style}`,
|
|
8120
8218
|
onClick: handleClick,
|
|
8121
|
-
children: (0, $
|
|
8219
|
+
children: clicked ? /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
8220
|
+
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"}`,
|
|
8221
|
+
style: {
|
|
8222
|
+
...animationColor
|
|
8223
|
+
},
|
|
8224
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
8225
|
+
className: "rf-w-4 rf-h-4 large:rf-w-6 large:rf-h-6",
|
|
8226
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)((0, $8c2db177e015e048$export$2e2bcd8739ae039), {
|
|
8227
|
+
size: isMobile ? (0, $f5ca62954d1f1f5b$export$a2a634340dd7e3e3).medium : (0, $f5ca62954d1f1f5b$export$a2a634340dd7e3e3).large
|
|
8228
|
+
})
|
|
8229
|
+
})
|
|
8230
|
+
}) : (0, $2765b17b11305295$export$d07f57595c356899)(text || translation.common.submit, locale)
|
|
8122
8231
|
});
|
|
8123
8232
|
};
|
|
8124
8233
|
var $80813655cca657d6$export$2e2bcd8739ae039 = $80813655cca657d6$var$ActionButton;
|
|
@@ -8399,6 +8508,7 @@ let $b062754c8efcd061$var$iconsInitialized = false;
|
|
|
8399
8508
|
|
|
8400
8509
|
|
|
8401
8510
|
// Add markdown-it to window for markdown processing
|
|
8511
|
+
// @ts-ignore
|
|
8402
8512
|
window.markdownit = (0, $b3y7N$markdownit);
|
|
8403
8513
|
(0, $b062754c8efcd061$export$6108075486421829)();
|
|
8404
8514
|
const $e46bc33cb25634ec$var$defaultUser = {
|
|
@@ -8412,83 +8522,72 @@ const $e46bc33cb25634ec$var$defaultUser = {
|
|
|
8412
8522
|
referrer: "",
|
|
8413
8523
|
ipaddress: ""
|
|
8414
8524
|
};
|
|
8415
|
-
|
|
8416
|
-
|
|
8417
|
-
* @param props
|
|
8418
|
-
*/ const $e46bc33cb25634ec$var$RetorikComposer = ({ addressData: addressData, userData: userData, externalEventHandler: externalEventHandler, children: children, colors: colors, isRetorikNews: isRetorikNews, changedLayout: changedLayout })=>{
|
|
8419
|
-
const [directLine, setDirectLine] = (0, $b3y7N$useState)(null);
|
|
8525
|
+
const $e46bc33cb25634ec$var$RetorikComposer = ({ addressData: addressData, userData: userData, externalEventHandler: externalEventHandler, children: children, colors: colors, isRetorikNews: isRetorikNews })=>{
|
|
8526
|
+
const [directLineCreationdata, setDirectLineCreationData] = (0, $b3y7N$useState)();
|
|
8420
8527
|
const [store, setStore] = (0, $b3y7N$useState)(null);
|
|
8421
|
-
const {
|
|
8422
|
-
const
|
|
8528
|
+
const { configuration: configuration } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
8529
|
+
const loaderClosed = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
8423
8530
|
const agentData = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.agentData);
|
|
8424
8531
|
const { locale: locale, supported: supported } = (0, $f902d4436881b887$export$6650dace022cfacc)();
|
|
8425
8532
|
const [hasConversationCookie, setHasConversationCookie] = (0, $b3y7N$useState)(false);
|
|
8426
8533
|
const [connectionStatus, setConnectionStatus] = (0, $b3y7N$useState)((0, $b3y7N$ConnectionStatus).Uninitialized);
|
|
8427
8534
|
const subscriptionRef = (0, $b3y7N$useRef)(null);
|
|
8428
|
-
(0, $b3y7N$
|
|
8429
|
-
|
|
8430
|
-
|
|
8431
|
-
|
|
8432
|
-
|
|
8433
|
-
|
|
8434
|
-
|
|
8435
|
-
|
|
8436
|
-
|
|
8437
|
-
|
|
8438
|
-
|
|
8535
|
+
const directLine = (0, $b3y7N$useMemo)(()=>{
|
|
8536
|
+
return directLineCreationdata ? (0, $b3y7N$createDirectLine)(directLineCreationdata) : null;
|
|
8537
|
+
}, [
|
|
8538
|
+
directLineCreationdata
|
|
8539
|
+
]);
|
|
8540
|
+
const processDirectLine = async ()=>{
|
|
8541
|
+
(0, $247dd696f3d09701$export$97c24bbbbbd7be8a)(addressData).then((token)=>{
|
|
8542
|
+
let test = true;
|
|
8543
|
+
if (isRetorikNews) {
|
|
8544
|
+
const fullTenantName = (addressData.baseURI || `${addressData.prefix || ""}${addressData.tenant}`).replace(/;|,|\s/g, "");
|
|
8545
|
+
const newsConversationData = localStorage.getItem(`Retorik.News.Conversation.${fullTenantName}`);
|
|
8546
|
+
if (newsConversationData) {
|
|
8547
|
+
const data = JSON.parse(newsConversationData);
|
|
8548
|
+
if (data && data.conversationId) {
|
|
8549
|
+
setDirectLineCreationData({
|
|
8550
|
+
token: token,
|
|
8551
|
+
conversationId: data.conversationId
|
|
8552
|
+
});
|
|
8553
|
+
test = false;
|
|
8554
|
+
}
|
|
8555
|
+
}
|
|
8556
|
+
} else if (configuration.enableConversationCookie !== false) {
|
|
8557
|
+
const conversationCookie = document.cookie.split("; ").find((row)=>row.startsWith("retorikConversationCookie="))?.split("=")[1];
|
|
8558
|
+
if (conversationCookie) {
|
|
8559
|
+
const splitCookieData = conversationCookie.split("||");
|
|
8560
|
+
if (splitCookieData.length === 2) {
|
|
8561
|
+
const cookieConversationId = splitCookieData[0];
|
|
8562
|
+
const cookieTenantName = splitCookieData[1];
|
|
8563
|
+
const fullTenantName = (addressData.baseURI || `${addressData.prefix || ""}${addressData.tenant}`).replace(/;|,|\s/g, "");
|
|
8564
|
+
if (cookieTenantName === fullTenantName) {
|
|
8565
|
+
setDirectLineCreationData({
|
|
8439
8566
|
token: token,
|
|
8440
|
-
conversationId:
|
|
8441
|
-
|
|
8567
|
+
conversationId: cookieConversationId,
|
|
8568
|
+
watermark: "0"
|
|
8569
|
+
});
|
|
8570
|
+
// Tell the activity store that we will retrieve several activities from an existing conversation, so that it displays only the last one
|
|
8571
|
+
(0, $9b100ac34d01a331$export$d7e4f7861d387c67)(true);
|
|
8572
|
+
setHasConversationCookie(true);
|
|
8442
8573
|
test = false;
|
|
8443
8574
|
}
|
|
8444
8575
|
}
|
|
8445
|
-
} else if (configuration.enableConversationCookie !== false) {
|
|
8446
|
-
const conversationCookie = document.cookie.split("; ").find((row)=>row.startsWith("retorikConversationCookie="))?.split("=")[1];
|
|
8447
|
-
if (conversationCookie) {
|
|
8448
|
-
const splitCookieData = conversationCookie.split("||");
|
|
8449
|
-
if (splitCookieData.length === 2) {
|
|
8450
|
-
const cookieConversationId = splitCookieData[0];
|
|
8451
|
-
const cookieTenantName = splitCookieData[1];
|
|
8452
|
-
const fullTenantName = (addressData.baseURI || `${addressData.prefix || ""}${addressData.tenant}`).replace(/;|,|\s/g, "");
|
|
8453
|
-
if (cookieTenantName === fullTenantName) {
|
|
8454
|
-
setDirectLine((0, $b3y7N$createDirectLine)({
|
|
8455
|
-
token: token,
|
|
8456
|
-
conversationId: cookieConversationId,
|
|
8457
|
-
watermark: "0"
|
|
8458
|
-
}));
|
|
8459
|
-
// Tell the activity store that we will retrieve several activities from an existing conversation, so that it displays only the last one
|
|
8460
|
-
(0, $9b100ac34d01a331$export$d7e4f7861d387c67)(true);
|
|
8461
|
-
setHasConversationCookie(true);
|
|
8462
|
-
test = false;
|
|
8463
|
-
}
|
|
8464
|
-
}
|
|
8465
|
-
}
|
|
8466
8576
|
}
|
|
8467
|
-
|
|
8468
|
-
|
|
8469
|
-
|
|
8470
|
-
});
|
|
8471
|
-
};
|
|
8472
|
-
addressData && processDirectLine();
|
|
8473
|
-
}, [
|
|
8474
|
-
addressData
|
|
8475
|
-
]);
|
|
8476
|
-
const ponyfillFactory = (0, $b3y7N$useMemo)(()=>{
|
|
8477
|
-
if (ponyfillCredentials) {
|
|
8478
|
-
const ponyfill = (0, $b3y7N$createCognitiveServicesSpeechServicesPonyfillFactory)({
|
|
8479
|
-
credentials: ponyfillCredentials
|
|
8577
|
+
}
|
|
8578
|
+
test && setDirectLineCreationData({
|
|
8579
|
+
token: token
|
|
8480
8580
|
});
|
|
8481
|
-
|
|
8482
|
-
|
|
8483
|
-
|
|
8484
|
-
}, [
|
|
8485
|
-
ponyfillCredentials
|
|
8486
|
-
]);
|
|
8487
|
-
// Initialize the store on mount and close directline on unmount
|
|
8581
|
+
});
|
|
8582
|
+
};
|
|
8583
|
+
// Initialize the store on mount
|
|
8488
8584
|
(0, $b3y7N$useEffect)(()=>{
|
|
8489
8585
|
initStore();
|
|
8586
|
+
processDirectLine();
|
|
8490
8587
|
return ()=>{
|
|
8588
|
+
console.log("Retorik Framework > Disconnect and end directline");
|
|
8491
8589
|
subscriptionRef?.current?.unsubscribe();
|
|
8590
|
+
directLine?.end();
|
|
8492
8591
|
};
|
|
8493
8592
|
}, []);
|
|
8494
8593
|
// Create custom store
|
|
@@ -8497,13 +8596,10 @@ const $e46bc33cb25634ec$var$defaultUser = {
|
|
|
8497
8596
|
}
|
|
8498
8597
|
const customAdaptiveCardHostConfig = (0, $2096cc874ff817ae$export$2e2bcd8739ae039)(colors.primary, colors.card.frame.background);
|
|
8499
8598
|
(0, $b3y7N$useEffect)(()=>{
|
|
8500
|
-
if (locale && supported &&
|
|
8501
|
-
else setAppAvailable(false);
|
|
8599
|
+
if (locale && supported && store && agentData && connectionStatus === (0, $b3y7N$ConnectionStatus).Online && (isRetorikNews || loaderClosed)) (0, $56b00880a398c953$export$a8ce9bbc5b910a21)(true);
|
|
8502
8600
|
}, [
|
|
8503
8601
|
locale,
|
|
8504
8602
|
supported,
|
|
8505
|
-
directLine,
|
|
8506
|
-
ponyfillFactory,
|
|
8507
8603
|
store,
|
|
8508
8604
|
agentData,
|
|
8509
8605
|
loaderClosed,
|
|
@@ -8518,8 +8614,9 @@ const $e46bc33cb25634ec$var$defaultUser = {
|
|
|
8518
8614
|
}, [
|
|
8519
8615
|
directLine
|
|
8520
8616
|
]);
|
|
8521
|
-
return directLine &&
|
|
8617
|
+
return directLine && store && agentData ? /*#__PURE__*/ (0, $b3y7N$jsxs)((0, $b3y7N$botframeworkwebchatlibFullComposer), {
|
|
8522
8618
|
adaptiveCardsHostConfig: customAdaptiveCardHostConfig,
|
|
8619
|
+
// @ts-ignore
|
|
8523
8620
|
adaptiveCardsPackage: $b3y7N$adaptivecardslibadaptivecards,
|
|
8524
8621
|
styleOptions: {
|
|
8525
8622
|
primaryFont: '"Calibri", sans-serif',
|
|
@@ -8533,7 +8630,6 @@ const $e46bc33cb25634ec$var$defaultUser = {
|
|
|
8533
8630
|
activityMiddleware: (0, $29794817bcd16940$export$2e2bcd8739ae039),
|
|
8534
8631
|
children: [
|
|
8535
8632
|
/*#__PURE__*/ (0, $b3y7N$jsx)((0, $758a083c76f41cee$export$2e2bcd8739ae039), {
|
|
8536
|
-
changedLayout: changedLayout,
|
|
8537
8633
|
isRetorikNews: isRetorikNews,
|
|
8538
8634
|
hasConversationCookie: hasConversationCookie,
|
|
8539
8635
|
userData: userData || $e46bc33cb25634ec$var$defaultUser
|
|
@@ -8563,6 +8659,7 @@ var $e46bc33cb25634ec$export$2e2bcd8739ae039 = $e46bc33cb25634ec$var$RetorikComp
|
|
|
8563
8659
|
|
|
8564
8660
|
|
|
8565
8661
|
|
|
8662
|
+
|
|
8566
8663
|
const $7a8005163915b65d$var$BackgroundVideo = ({ source: source, style: style, loop: loop, muted: muted, onVideoEnded: onVideoEnded, onVideoCanPlay: onVideoCanPlay })=>{
|
|
8567
8664
|
const { currentHeight: currentHeight, currentWidth: currentWidth } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
8568
8665
|
const videoRef = (0, $b3y7N$useRef)(null);
|
|
@@ -8570,7 +8667,7 @@ const $7a8005163915b65d$var$BackgroundVideo = ({ source: source, style: style, l
|
|
|
8570
8667
|
if (videoRef.current) {
|
|
8571
8668
|
videoRef.current.pause();
|
|
8572
8669
|
videoRef.current.load();
|
|
8573
|
-
videoRef.current.play();
|
|
8670
|
+
videoRef.current.play().catch((e)=>console.warn(e));
|
|
8574
8671
|
}
|
|
8575
8672
|
}, [
|
|
8576
8673
|
videoRef
|
|
@@ -8777,7 +8874,7 @@ var $4be00af891d1ec21$export$2e2bcd8739ae039 = $4be00af891d1ec21$var$Background;
|
|
|
8777
8874
|
|
|
8778
8875
|
|
|
8779
8876
|
const $c27ed3c92f4690f2$var$VoiceInput = ({ className: className })=>{
|
|
8780
|
-
const
|
|
8877
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
8781
8878
|
const lastRecognitionInterim = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.lastRecognitionInterim);
|
|
8782
8879
|
return lastRecognitionInterim ? isMobile ? /*#__PURE__*/ (0, $b3y7N$jsx)("p", {
|
|
8783
8880
|
className: className,
|
|
@@ -8791,9 +8888,12 @@ var $c27ed3c92f4690f2$export$2e2bcd8739ae039 = $c27ed3c92f4690f2$var$VoiceInput;
|
|
|
8791
8888
|
|
|
8792
8889
|
|
|
8793
8890
|
|
|
8891
|
+
|
|
8794
8892
|
const $3b31309367603f45$var$UserRequest = ()=>{
|
|
8795
8893
|
const mode = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
8796
|
-
const {
|
|
8894
|
+
const { mediumLandscape: mediumLandscape } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
8895
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
8896
|
+
const isBorne = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isBorne);
|
|
8797
8897
|
return /*#__PURE__*/ (0, $b3y7N$jsx)((0, $b3y7N$react).Fragment, {
|
|
8798
8898
|
children: !isMobile && /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
8799
8899
|
className: `rf-relative rf-h-full
|
|
@@ -9165,8 +9265,10 @@ var $89302334648bdd82$export$2e2bcd8739ae039 = $89302334648bdd82$var$FullScreen;
|
|
|
9165
9265
|
|
|
9166
9266
|
|
|
9167
9267
|
|
|
9268
|
+
|
|
9168
9269
|
const $998084db40d1ea05$var$FullScreenMobile = ({ className: className, depth: depth, background: background, children: children })=>{
|
|
9169
|
-
const
|
|
9270
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
9271
|
+
const { displayControls: displayControls } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
9170
9272
|
return /*#__PURE__*/ (0, $b3y7N$jsx)((0, $89302334648bdd82$export$2e2bcd8739ae039), {
|
|
9171
9273
|
className: `${isMobile && displayControls && "rf-mb-12"} rf-p-4 rf-flex rf-flex-col ${className}`,
|
|
9172
9274
|
depth: depth,
|
|
@@ -9223,9 +9325,11 @@ var $0f195c4ffd330baf$export$2e2bcd8739ae039 = $0f195c4ffd330baf$var$Grid;
|
|
|
9223
9325
|
|
|
9224
9326
|
|
|
9225
9327
|
|
|
9328
|
+
|
|
9226
9329
|
const $e866fd0dc36bc710$var$useCloseButtonTop = ()=>{
|
|
9227
9330
|
const { configuration: configuration } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
9228
|
-
const
|
|
9331
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
9332
|
+
const { isTactile: isTactile } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
9229
9333
|
const [top, setTop] = (0, $b3y7N$useState)(200);
|
|
9230
9334
|
/**
|
|
9231
9335
|
* On currentDeviceType change :
|
|
@@ -9483,7 +9587,7 @@ var $e72205dfc876303f$export$2e2bcd8739ae039 = $e72205dfc876303f$var$DashboardBu
|
|
|
9483
9587
|
|
|
9484
9588
|
|
|
9485
9589
|
const $c38caca23845824a$var$AbsoluteLargeClosingButton = ({ dashboardVisible: dashboardVisible, zIndexClassname: zIndexClassname, customComponent: customComponent, onClick: onClick })=>{
|
|
9486
|
-
const
|
|
9590
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
9487
9591
|
const top = (0, $e866fd0dc36bc710$export$2e2bcd8739ae039)();
|
|
9488
9592
|
const [hidden, setHidden] = (0, $b3y7N$useState)(false);
|
|
9489
9593
|
const handleHideAndClose = ()=>{
|
|
@@ -9505,7 +9609,9 @@ var $c38caca23845824a$export$2e2bcd8739ae039 = $c38caca23845824a$var$AbsoluteLar
|
|
|
9505
9609
|
|
|
9506
9610
|
|
|
9507
9611
|
const $73d7e922147f4370$var$SubMenu = ({ background: background, onClick: onClick, children: children })=>{
|
|
9508
|
-
const
|
|
9612
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
9613
|
+
const isLandscape = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isLandscape);
|
|
9614
|
+
const isBorne = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isBorne);
|
|
9509
9615
|
return /*#__PURE__*/ (0, $b3y7N$jsxs)((0, $b3y7N$react).Fragment, {
|
|
9510
9616
|
children: [
|
|
9511
9617
|
!isMobile && onClick && /*#__PURE__*/ (0, $b3y7N$jsx)((0, $c38caca23845824a$export$2e2bcd8739ae039), {
|
|
@@ -9585,6 +9691,7 @@ var $76655b543a18462f$export$2e2bcd8739ae039 = $76655b543a18462f$var$BackButton;
|
|
|
9585
9691
|
|
|
9586
9692
|
|
|
9587
9693
|
|
|
9694
|
+
|
|
9588
9695
|
|
|
9589
9696
|
|
|
9590
9697
|
/* eslint-disable react/self-closing-comp */
|
|
@@ -10064,7 +10171,8 @@ const $b0e09ff96d436802$var$DisplayGenerator = (props)=>{
|
|
|
10064
10171
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
10065
10172
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
10066
10173
|
const homeActivity = (0, $9b100ac34d01a331$export$b56465394e2b1287)((state)=>state.homeActivity);
|
|
10067
|
-
const
|
|
10174
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10175
|
+
const { setRoute: setRoute, setShowHomeAttachments: setShowHomeAttachments, themeColors: themeColors } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
10068
10176
|
const [label, setLabel] = (0, $b3y7N$useState)("");
|
|
10069
10177
|
const [colorButtonHandle, setColorButtonHandle] = (0, $b3y7N$useState)("");
|
|
10070
10178
|
/**
|
|
@@ -10171,7 +10279,8 @@ var $b0e09ff96d436802$export$2e2bcd8739ae039 = $b0e09ff96d436802$var$DisplayGene
|
|
|
10171
10279
|
|
|
10172
10280
|
|
|
10173
10281
|
const $dddc9c1fe3e6622b$var$DisplayViews = ({ handleClick: handleClick, conditionalHandleClick: conditionalHandleClick })=>{
|
|
10174
|
-
const
|
|
10282
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10283
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
10175
10284
|
const { configuration: configuration } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
10176
10285
|
const [finalMenu, setFinalMenu] = (0, $b3y7N$useState)([]);
|
|
10177
10286
|
const buildMenu = (menu)=>{
|
|
@@ -10273,7 +10382,7 @@ function $c8bb8a255bb40bea$var$instanceOfCustomMenuDisplayGeneratorProps(object)
|
|
|
10273
10382
|
const $c8bb8a255bb40bea$var$DisplaySubGenerator = (props)=>{
|
|
10274
10383
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
10275
10384
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
10276
|
-
const
|
|
10385
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10277
10386
|
const [label, setLabel] = (0, $b3y7N$useState)("");
|
|
10278
10387
|
/**
|
|
10279
10388
|
* On component mount :
|
|
@@ -10342,7 +10451,8 @@ var $c8bb8a255bb40bea$export$2e2bcd8739ae039 = $c8bb8a255bb40bea$var$DisplaySubG
|
|
|
10342
10451
|
|
|
10343
10452
|
|
|
10344
10453
|
const $52fa5fc5e62f028e$var$DisplaySubViews = ({ handleClick: handleClick, conditionalHandleClick: conditionalHandleClick })=>{
|
|
10345
|
-
const
|
|
10454
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10455
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
10346
10456
|
const { configuration: configuration } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
10347
10457
|
const [subMenu, setSubMenu] = (0, $b3y7N$useState)([]);
|
|
10348
10458
|
const buildMenu = (menu)=>{
|
|
@@ -10396,7 +10506,7 @@ var $52fa5fc5e62f028e$export$2e2bcd8739ae039 = $52fa5fc5e62f028e$var$DisplaySubV
|
|
|
10396
10506
|
const $1c61069bd2e745ae$var$Dashboard = ({ toggleDashboard: toggleDashboard })=>{
|
|
10397
10507
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
10398
10508
|
const { configuration: { isUsedOnBorne: isUsedOnBorne } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
10399
|
-
const
|
|
10509
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10400
10510
|
const handleClick = ()=>{
|
|
10401
10511
|
toggleDashboard && toggleDashboard();
|
|
10402
10512
|
};
|
|
@@ -10477,8 +10587,8 @@ $c931d7b5bb822627$exports = JSON.parse('{"aa":"Qafar","aa-DJ":"Qafar (Yabuuti)",
|
|
|
10477
10587
|
|
|
10478
10588
|
|
|
10479
10589
|
const $397faff8f3381bce$var$ParameterButton = ({ title: title, color: color, icon: icon, onClick: onClick })=>{
|
|
10480
|
-
const
|
|
10481
|
-
const
|
|
10590
|
+
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
10591
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10482
10592
|
return isMobile ? /*#__PURE__*/ (0, $b3y7N$jsxs)("button", {
|
|
10483
10593
|
className: `rf-w-full rf-py-4 rf-flex rf-flex-row ${icon === "lang" ? "rf-justify-between" : "rf-justify-start"} rf-items-center rf-border-t rf-border-t-menuBorder rf-capitalize`,
|
|
10484
10594
|
onClick: onClick,
|
|
@@ -10557,6 +10667,7 @@ var $0bff8041b227f996$export$2e2bcd8739ae039 = $0bff8041b227f996$var$HistoryButt
|
|
|
10557
10667
|
|
|
10558
10668
|
|
|
10559
10669
|
|
|
10670
|
+
|
|
10560
10671
|
// Check if the locale in the current browser is in the array of available locales
|
|
10561
10672
|
const $0b616a526d1d5293$var$checkLocaleFromBrowser = (allLanguages)=>{
|
|
10562
10673
|
const navLang = navigator?.language;
|
|
@@ -10595,7 +10706,8 @@ const $840e70926a84a3f4$var$LanguageButton = ()=>{
|
|
|
10595
10706
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
10596
10707
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
10597
10708
|
const supported = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.supported);
|
|
10598
|
-
const
|
|
10709
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10710
|
+
const { themeColors: themeColors } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
10599
10711
|
const currentSubView = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.currentSubView);
|
|
10600
10712
|
const [mainLocale, setMainLocale] = (0, $b3y7N$useState)((0, $0b616a526d1d5293$export$91fc93b93c368955)(locale).toUpperCase());
|
|
10601
10713
|
(0, $b3y7N$useEffect)(()=>{
|
|
@@ -10654,6 +10766,7 @@ var $840e70926a84a3f4$export$2e2bcd8739ae039 = $840e70926a84a3f4$var$LanguageBut
|
|
|
10654
10766
|
|
|
10655
10767
|
|
|
10656
10768
|
|
|
10769
|
+
|
|
10657
10770
|
var $165de4999729355a$exports = {};
|
|
10658
10771
|
$165de4999729355a$exports = JSON.parse('{"v":"5.7.4","fr":29.9700012207031,"ip":0,"op":45.0000018328876,"w":256,"h":256,"nm":"vibe","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Calque de forme 1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[128,128,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.25,-10.25],[-49.5,103],[-92.5,39],[-129,128.25],[-129.5,167.5],[128.75,171.75],[129.75,127.75],[100.25,65.5],[54.75,110]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":8,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.25,31.25],[-49.5,103],[-92.5,81],[-129,128.25],[-129.5,167.5],[128.75,171.75],[129.75,127.75],[100.25,18],[54.75,110]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":16,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.247,87.636],[-49.5,62.5],[-92.5,8.144],[-129,128.25],[-129.5,167.5],[128.75,171.75],[129.75,10.5],[100.25,84.403],[54.75,36.25]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":23,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.249,51.758],[-49.5,103],[-92.5,48.989],[-129,-22],[-129.5,167.5],[128.75,171.75],[129.75,19.75],[100.25,93.847],[54.75,-2]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":31,"s":[{"i":[[30.504,0],[26.498,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.249,-34.148],[-49.5,39.75],[-92.5,90.277],[-129,128.25],[-129.5,167.5],[128.75,171.75],[129.75,127.75],[100.25,33.052],[54.75,110]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":38,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.249,23.747],[-49.5,-21.5],[-92.5,115.754],[-129,62.5],[-129.5,167.5],[128.75,171.75],[129.75,127.75],[100.25,90.836],[54.75,110]],"c":true}]},{"t":45.0000018328876,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.25,-10.25],[-49.5,103],[-92.5,39],[-129,128.25],[-129.5,167.5],[128.75,171.75],[129.75,127.75],[100.25,65.5],[54.75,110]],"c":true}]}],"ix":2},"nm":"Trac\xe9 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":19,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Contour 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":19,"ix":5},"r":1,"bm":0,"nm":"Fond 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformer "}],"nm":"Forme 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":45.0000018328876,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Calque de forme 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[128,128,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.25,104.5],[-49.5,68.5],[-92.5,108.5],[-129,4.75],[-129.5,167.5],[128.75,171.75],[129.75,53],[100.25,110.5],[54.75,38.25]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":8,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.25,48.5],[-49.5,-11.5],[-92.5,44],[-129,116],[-129.5,167.5],[128.75,171.75],[129.75,125.5],[100.25,62.5],[54.749,95.5]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":16,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.25,27],[-49.502,94.547],[-92.5,55],[-129,-19.068],[-129.5,167.5],[128.75,171.75],[129.75,125],[100.25,110.5],[54.749,-63.236]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":23,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.25,70],[-49.501,1.079],[-92.5,120.5],[-129,57.802],[-129.5,167.5],[128.75,171.75],[129.75,-0.19],[100.25,65.5],[54.749,45.01]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":31,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.25,22.75],[-49.501,80.531],[-92.5,33],[-129,114.922],[-129.5,167.5],[128.75,171.75],[129.75,-17.129],[100.25,106.25],[54.747,69.109]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":38,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.25,104.5],[-49.501,68.115],[-92.5,106.017],[-129,129.414],[-129.5,167.5],[128.75,171.75],[129.75,63.44],[100.25,-1.2],[54.748,66.851]],"c":true}]},{"t":45.0000018328876,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.25,104.5],[-49.5,68.5],[-92.5,108.5],[-129,4.75],[-129.5,167.5],[128.75,171.75],[129.75,53],[100.25,110.5],[54.75,38.25]],"c":true}]}],"ix":2},"nm":"Trac\xe9 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":19,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Contour 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":19,"ix":5},"r":1,"bm":0,"nm":"Fond 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformer "}],"nm":"Forme 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":45.0000018328876,"st":0,"bm":0}],"markers":[]}');
|
|
10659
10772
|
|
|
@@ -10747,7 +10860,8 @@ const $a77b906ea2d581f2$var$MicrophoneButton = ({ openMicrophone: openMicrophone
|
|
|
10747
10860
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
10748
10861
|
const activeRecognitionState = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.activeRecognitionState);
|
|
10749
10862
|
const toggleMicrophone = (0, $b7c552f6163a7a5c$export$2e2bcd8739ae039)();
|
|
10750
|
-
const
|
|
10863
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10864
|
+
const { themeColors: themeColors } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
10751
10865
|
const allowedRef = (0, $b3y7N$useRef)(false);
|
|
10752
10866
|
const [message, setMessage] = (0, $b3y7N$useState)("");
|
|
10753
10867
|
const [playerRef, setPlayerRef] = (0, $b3y7N$useState)(null);
|
|
@@ -10838,7 +10952,7 @@ const $cd1f82089b8b3963$var$Parameters = ({ handleBack: handleBack })=>{
|
|
|
10838
10952
|
const mode = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
10839
10953
|
const displaySubtitles = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.displaySubtitles);
|
|
10840
10954
|
const muted = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.muted);
|
|
10841
|
-
const
|
|
10955
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10842
10956
|
const { configuration: { disableSound: disableSound } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
10843
10957
|
const handleSoundChange = (val)=>{
|
|
10844
10958
|
(0, $04ce41b46d359821$export$a1680ba91cc9be33)(!val);
|
|
@@ -10907,7 +11021,7 @@ var $c35a659819acee30$export$2e2bcd8739ae039 = $c35a659819acee30$var$TutorialBut
|
|
|
10907
11021
|
const $bfee9debe091d3c7$var$SubMenuClosing = ({ className: className, background: background, handleClose: handleClose, backIsConversation: backIsConversation, title: title, children: children })=>{
|
|
10908
11022
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
10909
11023
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
10910
|
-
const
|
|
11024
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10911
11025
|
return /*#__PURE__*/ (0, $b3y7N$jsxs)((0, $73d7e922147f4370$export$2e2bcd8739ae039), {
|
|
10912
11026
|
background: background,
|
|
10913
11027
|
onClick: handleClose,
|
|
@@ -10944,7 +11058,9 @@ var $bfee9debe091d3c7$export$2e2bcd8739ae039 = $bfee9debe091d3c7$var$SubMenuClos
|
|
|
10944
11058
|
|
|
10945
11059
|
|
|
10946
11060
|
const $1069807c9f448568$var$FullScreenRemoteClosing = ({ className: className, background: background, closeButtonClassName: closeButtonClassName, remoteCloseButtonZIndex: remoteCloseButtonZIndex, mobileReturnTitle: mobileReturnTitle, handleClose: handleClose, onClick: onClick, animation: animation, children: children })=>{
|
|
10947
|
-
const
|
|
11061
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
11062
|
+
const isLandscape = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isLandscape);
|
|
11063
|
+
const isBorne = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isBorne);
|
|
10948
11064
|
return /*#__PURE__*/ (0, $b3y7N$jsxs)((0, $b3y7N$react).Fragment, {
|
|
10949
11065
|
children: [
|
|
10950
11066
|
/*#__PURE__*/ (0, $b3y7N$jsxs)((0, $c3ba76bcd3f6410d$export$2e2bcd8739ae039), {
|
|
@@ -11178,10 +11294,8 @@ var $f4bd47cb5712965f$export$2e2bcd8739ae039 = $f4bd47cb5712965f$var$SubFilterCa
|
|
|
11178
11294
|
|
|
11179
11295
|
|
|
11180
11296
|
const $427c2900ccf4ba92$var$FilterItem = ({ className: className, identifier: identifier, opened: opened, filter: filter, closeOpenedFilters: closeOpenedFilters })=>{
|
|
11181
|
-
const
|
|
11182
|
-
|
|
11183
|
-
}));
|
|
11184
|
-
const { isMobile: isMobile } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
11297
|
+
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
11298
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
11185
11299
|
const [style, setStyle] = (0, $b3y7N$useState)("");
|
|
11186
11300
|
(0, $b3y7N$useEffect)(()=>{
|
|
11187
11301
|
opened ? setStyle("rf-bg-truewhite rf-text-black rf-border-black") : setStyle("rf-bg-templateBackground rf-text-gray rf-border-gray");
|
|
@@ -11526,7 +11640,7 @@ var $4d8d462ee41ffdc9$export$2e2bcd8739ae039 = $4d8d462ee41ffdc9$var$preventEven
|
|
|
11526
11640
|
const $27f6452958f7148b$var$FilterMobile = ({ className: className, setFiltersOpened: setFiltersOpened, handleClose: handleClose })=>{
|
|
11527
11641
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
11528
11642
|
const { resetFilters: resetFilters } = (0, $f3355770fb53f173$export$f9763ecd339e95eb)();
|
|
11529
|
-
const
|
|
11643
|
+
const isWidget = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
11530
11644
|
const [open, setOpen] = (0, $b3y7N$useState)(false);
|
|
11531
11645
|
const [currentOpened, setCurrentOpened] = (0, $b3y7N$useState)(undefined);
|
|
11532
11646
|
const divRef = (0, $b3y7N$useRef)(null);
|
|
@@ -11617,7 +11731,7 @@ var $27f6452958f7148b$export$2e2bcd8739ae039 = $27f6452958f7148b$var$FilterMobil
|
|
|
11617
11731
|
|
|
11618
11732
|
function $97a7deacd265097c$export$2e2bcd8739ae039() {
|
|
11619
11733
|
const { configuration: configuration } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
11620
|
-
const
|
|
11734
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
11621
11735
|
const [currentPagination, setCurrentPagination] = (0, $b3y7N$useState)(10);
|
|
11622
11736
|
(0, $b3y7N$useEffect)(()=>{
|
|
11623
11737
|
if (configuration && currentDeviceType) switch(currentDeviceType){
|
|
@@ -11722,7 +11836,9 @@ const $6b0db30c4b5b5858$var$ListContainer = ({ hasFilterOrSuggestedAction: hasFi
|
|
|
11722
11836
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
11723
11837
|
const sendPostback = $6b0db30c4b5b5858$var$useSendPostBack();
|
|
11724
11838
|
const { content: content, selectedFilters: selectedFilters, loadingData: loadingData, setLoadingData: setLoadingData } = (0, $f3355770fb53f173$export$f9763ecd339e95eb)();
|
|
11725
|
-
const
|
|
11839
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
11840
|
+
const isWidget = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
11841
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
11726
11842
|
const currentPagination = (0, $97a7deacd265097c$export$2e2bcd8739ae039)();
|
|
11727
11843
|
const [contentToDisplay, setContentToDisplay] = (0, $b3y7N$useState)([]);
|
|
11728
11844
|
const [landscapeStyle, setLandscapeStyle] = (0, $b3y7N$useState)("large:rf-h-3/5");
|
|
@@ -12047,7 +12163,9 @@ const $a8e0bc17b0fe6d93$var$springLeaveDuration = 2500;
|
|
|
12047
12163
|
const $a8e0bc17b0fe6d93$var$List = ({ activity: activity, onClose: onClose })=>{
|
|
12048
12164
|
const mode = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
12049
12165
|
const sendEvent = (0, $b3y7N$useSendEvent)();
|
|
12050
|
-
const
|
|
12166
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
12167
|
+
const isWidget = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
12168
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
12051
12169
|
const { content: content, filters: filters, selectedFilters: selectedFilters, setContent: setContent } = (0, $f3355770fb53f173$export$f9763ecd339e95eb)();
|
|
12052
12170
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
12053
12171
|
const lastListActivity = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.lastListActivity);
|
|
@@ -12413,6 +12531,7 @@ var $fe786f6198e14865$export$2e2bcd8739ae039 = $fe786f6198e14865$var$Swiper;
|
|
|
12413
12531
|
|
|
12414
12532
|
|
|
12415
12533
|
|
|
12534
|
+
|
|
12416
12535
|
const $8e767b1b71b4e397$var$springEnterDuration = 1000;
|
|
12417
12536
|
// Cards' width coefficients depending on the mode and display type
|
|
12418
12537
|
const $8e767b1b71b4e397$var$widthCoefficients = {
|
|
@@ -12425,7 +12544,9 @@ const $8e767b1b71b4e397$var$velocityBreakpoint = 0.5;
|
|
|
12425
12544
|
const $8e767b1b71b4e397$var$Carousel = /*#__PURE__*/ (0, $b3y7N$react).forwardRef(({ direction: direction, history: history, draft: draft, children: children }, ref)=>{
|
|
12426
12545
|
const mode = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
12427
12546
|
const { configuration: { forceMobileView: forceMobileView } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
12428
|
-
const
|
|
12547
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
12548
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
12549
|
+
const { showHomeAttachments: showHomeAttachments } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
12429
12550
|
const currentOrLastPlayedActivity = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.currentOrLastPlayedActivity);
|
|
12430
12551
|
const nbCards = (0, $b3y7N$useMemo)(()=>{
|
|
12431
12552
|
return (0, $b3y7N$react).Children.count(children);
|
|
@@ -12941,8 +13062,8 @@ function $d1182d10cbe1b27f$export$2e2bcd8739ae039() {
|
|
|
12941
13062
|
|
|
12942
13063
|
|
|
12943
13064
|
const $bd1929c492a95f76$var$HistoryQA = ({ activity: activity, isQuestion: isQuestion })=>{
|
|
12944
|
-
const
|
|
12945
|
-
const
|
|
13065
|
+
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
13066
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
12946
13067
|
const time = activity.localTimestamp ? new Date(activity.localTimestamp) : activity.timestamp ? new Date(activity.timestamp) : new Date();
|
|
12947
13068
|
return activity.text || !!activity.attachments?.length ? /*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
|
|
12948
13069
|
className: `${isMobile ? "rf-w-full" : "rf-max-w-full"} rf-flex rf-flex-col rf-gap-1`,
|
|
@@ -13002,7 +13123,8 @@ var $c0e1e00b31395822$export$2e2bcd8739ae039 = $c0e1e00b31395822$var$HistoryItem
|
|
|
13002
13123
|
|
|
13003
13124
|
const $84322fe6e310bbe4$var$HistoryList = ()=>{
|
|
13004
13125
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
13005
|
-
const
|
|
13126
|
+
const isWidget = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
13127
|
+
const isBorne = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isBorne);
|
|
13006
13128
|
const activities = (0, $d1182d10cbe1b27f$export$2e2bcd8739ae039)();
|
|
13007
13129
|
const scrollRef = (0, $b3y7N$useRef)(null);
|
|
13008
13130
|
const divRef = (0, $b3y7N$useRef)(null);
|
|
@@ -13344,6 +13466,8 @@ var $dbbb50c896a37e12$export$2e2bcd8739ae039 = $dbbb50c896a37e12$var$useShowPOI;
|
|
|
13344
13466
|
|
|
13345
13467
|
|
|
13346
13468
|
|
|
13469
|
+
|
|
13470
|
+
|
|
13347
13471
|
const $af96de9ebf31998e$var$CommentsPennant = ({ className: className, color: color, customerReviews: customerReviews })=>{
|
|
13348
13472
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
13349
13473
|
const [widthInPx, setWidthInPx] = (0, $b3y7N$useState)(0);
|
|
@@ -13403,7 +13527,7 @@ var $af96de9ebf31998e$export$2e2bcd8739ae039 = $af96de9ebf31998e$var$CommentsPen
|
|
|
13403
13527
|
|
|
13404
13528
|
const $f343cb3fe10aa879$var$DetailedTitle = ({ category: category, title: title, infoBanner: infoBanner, color: color, customerReviews: customerReviews, favorite: favorite, handleClose: handleClose, setTitleHeight: setTitleHeight })=>{
|
|
13405
13529
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
13406
|
-
const
|
|
13530
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
13407
13531
|
const titleRef = (0, $b3y7N$useRef)(null);
|
|
13408
13532
|
(0, $b3y7N$useEffect)(()=>{
|
|
13409
13533
|
titleRef?.current && setTitleHeight(titleRef.current.clientHeight);
|
|
@@ -13467,6 +13591,7 @@ var $f343cb3fe10aa879$export$2e2bcd8739ae039 = $f343cb3fe10aa879$var$DetailedTit
|
|
|
13467
13591
|
|
|
13468
13592
|
|
|
13469
13593
|
|
|
13594
|
+
|
|
13470
13595
|
const $ea652c6136f8ad06$var$DownloadSheet = ({ className: className, url: url })=>{
|
|
13471
13596
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
13472
13597
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
@@ -13578,7 +13703,9 @@ const $097ad82d11b7502d$var$DownloadQRHeight = 200;
|
|
|
13578
13703
|
const $097ad82d11b7502d$var$DownloadSheetHeight = 100;
|
|
13579
13704
|
const $097ad82d11b7502d$var$DetailedText = ({ text: text, otherInformations: otherInformations, color: color, url: url, titleHeight: titleHeight })=>{
|
|
13580
13705
|
const { configuration: { isUsedOnBorne: isUsedOnBorne } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
13581
|
-
const
|
|
13706
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
13707
|
+
const isLandscape = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isLandscape);
|
|
13708
|
+
const { currentHeight: currentHeight } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
13582
13709
|
const textRef = (0, $b3y7N$useRef)(null);
|
|
13583
13710
|
const otherInformationsRef = (0, $b3y7N$useRef)(null);
|
|
13584
13711
|
const [opacityStyle, setOpacityStyle] = (0, $b3y7N$useState)("");
|
|
@@ -13825,6 +13952,7 @@ var $e8cc160a7e1a415e$export$2e2bcd8739ae039 = $e8cc160a7e1a415e$var$DetailedMed
|
|
|
13825
13952
|
|
|
13826
13953
|
|
|
13827
13954
|
|
|
13955
|
+
|
|
13828
13956
|
const $ac6c51612e5952f1$var$ShowPhoneNumber = ({ phoneNumber: phoneNumber })=>{
|
|
13829
13957
|
return /*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
|
|
13830
13958
|
className: "rf-px-5 rf-py-3 rf-mb-8 rf-flex rf-flex-row rf-items-center rf-font-bold",
|
|
@@ -14390,7 +14518,10 @@ var $9008f3f761b264d2$export$2e2bcd8739ae039 = $9008f3f761b264d2$var$Map;
|
|
|
14390
14518
|
|
|
14391
14519
|
|
|
14392
14520
|
const $9c484f261d7d5f92$var$DetailedAddress = ({ address: address, phoneNumber: phoneNumber, coordinates: coordinates, color: color, customerReviews: customerReviews, url: url })=>{
|
|
14393
|
-
const
|
|
14521
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
14522
|
+
const isLandscape = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isLandscape);
|
|
14523
|
+
const isBorne = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isBorne);
|
|
14524
|
+
const { currentWidth: currentWidth } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
14394
14525
|
const { configuration: configuration } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
14395
14526
|
return /*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
|
|
14396
14527
|
className: "rf-relative rf-w-1/3 vertical:rf-w-full large:rf-bg-truewhite rf-flex rf-flex-col large-vertical:rf-flex-row",
|
|
@@ -14458,7 +14589,6 @@ var $9c484f261d7d5f92$export$2e2bcd8739ae039 = $9c484f261d7d5f92$var$DetailedAdd
|
|
|
14458
14589
|
|
|
14459
14590
|
|
|
14460
14591
|
|
|
14461
|
-
|
|
14462
14592
|
const { useSendPostBack: $df69961a6c1440a3$var$useSendPostBack, useSendEvent: $df69961a6c1440a3$var$useSendEvent } = (0, $b3y7N$hooks);
|
|
14463
14593
|
const $df69961a6c1440a3$var$springEnterDuration = 1500;
|
|
14464
14594
|
const $df69961a6c1440a3$var$springLeaveDuration = 2500;
|
|
@@ -14469,7 +14599,10 @@ const $df69961a6c1440a3$var$AttachmentDetails = ()=>{
|
|
|
14469
14599
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
14470
14600
|
const { configuration: { isUsedOnBorne: isUsedOnBorne }, baseAddress: baseAddress } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
14471
14601
|
const mode = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
14472
|
-
const
|
|
14602
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
14603
|
+
const isWidget = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
14604
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
14605
|
+
const { themeColors: themeColors } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
14473
14606
|
const [content, setContent] = (0, $b3y7N$useState)(undefined);
|
|
14474
14607
|
const [color, setColor] = (0, $b3y7N$useState)(themeColors.secondary);
|
|
14475
14608
|
const [titleHeight, setTitleHeight] = (0, $b3y7N$useState)(0);
|
|
@@ -14622,7 +14755,7 @@ const $4b8248ea6840a95e$var$FullScreenImage = ()=>{
|
|
|
14622
14755
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
14623
14756
|
const fullScreenImage = (0, $5a288634a807f931$export$2e2bcd8739ae039)();
|
|
14624
14757
|
const mode = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
14625
|
-
const
|
|
14758
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
14626
14759
|
const [content, setContent] = (0, $b3y7N$useState)();
|
|
14627
14760
|
(0, $b3y7N$useEffect)(()=>{
|
|
14628
14761
|
setContent(fullScreenImage);
|
|
@@ -14736,7 +14869,8 @@ var $d846dcc610726f2f$export$2e2bcd8739ae039 = $d846dcc610726f2f$var$LargeIconAn
|
|
|
14736
14869
|
const $e7ade6d81b3f1ff2$var$Weather = ({ handleClose: handleClose })=>{
|
|
14737
14870
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
14738
14871
|
const { configuration: configuration } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
14739
|
-
const
|
|
14872
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
14873
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
14740
14874
|
const sendEvent = (0, $b3y7N$useSendEvent)();
|
|
14741
14875
|
/**
|
|
14742
14876
|
* On call :
|
|
@@ -14806,12 +14940,14 @@ var $e7ade6d81b3f1ff2$export$2e2bcd8739ae039 = $e7ade6d81b3f1ff2$var$Weather;
|
|
|
14806
14940
|
|
|
14807
14941
|
|
|
14808
14942
|
|
|
14943
|
+
|
|
14809
14944
|
const $51a6fc414066d944$var$iconClassname = "rf-h-16 rf-w-16 large-vertical:rf-h-24 large-vertical:rf-w-24";
|
|
14810
14945
|
const $51a6fc414066d944$var$iconClassnameMobile = "rf-h-8 rf-w-8";
|
|
14811
14946
|
const $51a6fc414066d944$var$CustomView = ({ customView: customView, title: title, icon: icon, externalComponents: externalComponents, display: display, setDisplayCustomComponent: setDisplayCustomComponent })=>{
|
|
14812
14947
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
14813
14948
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
14814
|
-
const
|
|
14949
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
14950
|
+
const { displayControls: displayControls } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
14815
14951
|
const sendEvent = (0, $b3y7N$useSendEvent)();
|
|
14816
14952
|
const handleBack = ()=>{
|
|
14817
14953
|
sendEvent("Davi.CloseWindow", null);
|
|
@@ -14917,6 +15053,8 @@ var $f6bf6216720f892b$export$2e2bcd8739ae039 = $f6bf6216720f892b$var$useShowMap;
|
|
|
14917
15053
|
|
|
14918
15054
|
|
|
14919
15055
|
|
|
15056
|
+
|
|
15057
|
+
|
|
14920
15058
|
async function $891be3260bb3784e$export$cdd2c9f4b3acf5fb(data) {
|
|
14921
15059
|
// baseURI is used for retrocompatibility
|
|
14922
15060
|
let fullAddress = "";
|
|
@@ -14937,12 +15075,11 @@ async function $891be3260bb3784e$export$cdd2c9f4b3acf5fb(data) {
|
|
|
14937
15075
|
|
|
14938
15076
|
|
|
14939
15077
|
|
|
14940
|
-
|
|
14941
|
-
|
|
14942
15078
|
const $26692c14feff4dbf$export$6478e9f7582bd8fc = ()=>{
|
|
14943
15079
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
14944
15080
|
const { addressData: addressData } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
14945
|
-
const
|
|
15081
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
15082
|
+
const isWidget = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
14946
15083
|
const [municipalPoliceNumber, setMunicipalPoliceNumber] = (0, $b3y7N$useState)("");
|
|
14947
15084
|
const [localHospitalName, setLocalHospitalName] = (0, $b3y7N$useState)("");
|
|
14948
15085
|
const [localHospitalNumber, setLocalHospitalNumber] = (0, $b3y7N$useState)("");
|
|
@@ -15138,7 +15275,7 @@ const $26692c14feff4dbf$export$6478e9f7582bd8fc = ()=>{
|
|
|
15138
15275
|
|
|
15139
15276
|
|
|
15140
15277
|
const $7291afab04cdbdf5$var$Emergency = ({ handleClose: handleClose })=>{
|
|
15141
|
-
const
|
|
15278
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
15142
15279
|
const sendEvent = (0, $b3y7N$useSendEvent)();
|
|
15143
15280
|
const handleBack = ()=>{
|
|
15144
15281
|
handleClose ? handleClose() : (0, $3426110875af99d0$export$f0c096b4ecd7115d)((0, $f5ca62954d1f1f5b$export$f05d0fed0593ead7).none);
|
|
@@ -15247,6 +15384,7 @@ const $5ed8b6227682377a$var$SubViews = ({ externalComponents: externalComponents
|
|
|
15247
15384
|
showEmergency
|
|
15248
15385
|
]);
|
|
15249
15386
|
(0, $b3y7N$useEffect)(()=>{
|
|
15387
|
+
(0, $3426110875af99d0$export$e49d67c72fb28d58)();
|
|
15250
15388
|
if (currentSubView !== (0, $f5ca62954d1f1f5b$export$f05d0fed0593ead7).none) (0, $3426110875af99d0$export$dcb32d000c0e0280)((0, $f5ca62954d1f1f5b$export$4f7cd669585dc69f).DetailViewOpen);
|
|
15251
15389
|
else (0, $3426110875af99d0$export$dcb32d000c0e0280)((0, $f5ca62954d1f1f5b$export$4f7cd669585dc69f).DetailViewClose);
|
|
15252
15390
|
if (currentSubView !== (0, $f5ca62954d1f1f5b$export$f05d0fed0593ead7).custom) setDisplayCustomComponent(false);
|
|
@@ -15594,7 +15732,8 @@ var $df2e46a0b1d75dd8$export$2e2bcd8739ae039 = $df2e46a0b1d75dd8$var$Conversatio
|
|
|
15594
15732
|
const $2aae80cf8e050a0a$var$ConversationPanelMobile = ({ homeActivity: homeActivity, itemsInConversation: itemsInConversation })=>{
|
|
15595
15733
|
const activities = (0, $d8c9d0fe519d0cbe$export$2e2bcd8739ae039)();
|
|
15596
15734
|
const { configuration: configuration } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
15597
|
-
const
|
|
15735
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
15736
|
+
const isWidget = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
15598
15737
|
const listClosed = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.listClosed);
|
|
15599
15738
|
const open = (0, $f9b55dee2122a017$export$d95eb9b67812311f)((state)=>state.open);
|
|
15600
15739
|
const agentData = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.agentData);
|
|
@@ -15802,10 +15941,12 @@ var $158745933e0ea53f$export$2e2bcd8739ae039 = $158745933e0ea53f$var$Conversatio
|
|
|
15802
15941
|
|
|
15803
15942
|
|
|
15804
15943
|
|
|
15944
|
+
|
|
15805
15945
|
const $019b0a0c6328bd4c$export$a1f3f6b0b496333e = ()=>{
|
|
15806
15946
|
const activities = (0, $d8c9d0fe519d0cbe$export$2e2bcd8739ae039)();
|
|
15807
15947
|
const { configuration: { forceMobileView: forceMobileView } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
15808
|
-
const
|
|
15948
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
15949
|
+
const { showHomeAttachments: showHomeAttachments } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
15809
15950
|
const listClosed = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.listClosed);
|
|
15810
15951
|
const [listActivity, setListActivity] = (0, $b3y7N$useState)(undefined);
|
|
15811
15952
|
/**
|
|
@@ -15868,6 +16009,7 @@ const $019b0a0c6328bd4c$export$a1f3f6b0b496333e = ()=>{
|
|
|
15868
16009
|
|
|
15869
16010
|
|
|
15870
16011
|
|
|
16012
|
+
|
|
15871
16013
|
|
|
15872
16014
|
|
|
15873
16015
|
const $129f12a268b641e5$var$Mode = ()=>{
|
|
@@ -15923,7 +16065,7 @@ var $129f12a268b641e5$export$2e2bcd8739ae039 = $129f12a268b641e5$var$Mode;
|
|
|
15923
16065
|
|
|
15924
16066
|
const $47597c8fb667575b$var$Remote = ()=>{
|
|
15925
16067
|
const { configuration: { disableSound: disableSound } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
15926
|
-
const
|
|
16068
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
15927
16069
|
const mode = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
15928
16070
|
return /*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
|
|
15929
16071
|
id: "retorik-framework-remote",
|
|
@@ -16003,6 +16145,7 @@ var $d37623b8c08ebb16$export$2e2bcd8739ae039 = $d37623b8c08ebb16$var$RemoteConta
|
|
|
16003
16145
|
|
|
16004
16146
|
|
|
16005
16147
|
|
|
16148
|
+
|
|
16006
16149
|
const $17727092beb955f3$var$ModeButton = ({ label: label, selected: selected, onClick: onClick })=>{
|
|
16007
16150
|
const { themeColors: themeColors } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
16008
16151
|
return /*#__PURE__*/ (0, $b3y7N$jsx)("button", {
|
|
@@ -16026,11 +16169,10 @@ var $17727092beb955f3$export$2e2bcd8739ae039 = $17727092beb955f3$var$ModeButton;
|
|
|
16026
16169
|
|
|
16027
16170
|
|
|
16028
16171
|
|
|
16029
|
-
|
|
16030
16172
|
const $fada14688b15ab6e$var$Mobile = ({ parametersOpened: parametersOpened, toggleParameters: toggleParameters })=>{
|
|
16031
16173
|
const { setCanFocusSendBox: setCanFocusSendBox, configuration: { hideMenu: hideMenu } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
16032
16174
|
const mode = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
16033
|
-
const
|
|
16175
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
16034
16176
|
const [fromTextToVocal, setFromTextToVocal] = (0, $b3y7N$useState)(false);
|
|
16035
16177
|
const { configuration: { disableSpeechMode: disabledSpeechMode } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
16036
16178
|
const toggleMode = (newMode)=>{
|
|
@@ -16102,7 +16244,7 @@ var $fada14688b15ab6e$export$2e2bcd8739ae039 = $fada14688b15ab6e$var$Mobile;
|
|
|
16102
16244
|
const $ab0e724de876f16a$var$ParametersAndDashboardContainer = ({ handleBack: handleBack, hideMenu: hideMenu = false })=>{
|
|
16103
16245
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
16104
16246
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
16105
|
-
const
|
|
16247
|
+
const isWidget = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
16106
16248
|
const divRef = (0, $b3y7N$useRef)(null);
|
|
16107
16249
|
(0, $b3y7N$useEffect)(()=>{
|
|
16108
16250
|
divRef?.current && isWidget && (0, $4d8d462ee41ffdc9$export$2e2bcd8739ae039)(null, divRef);
|
|
@@ -16178,7 +16320,8 @@ var $5199b7f347404807$export$2e2bcd8739ae039 = $5199b7f347404807$var$MobileConta
|
|
|
16178
16320
|
|
|
16179
16321
|
|
|
16180
16322
|
const $d8c0929cadd96ff8$var$MenuDisplayer = ({ hideMenu: hideMenu })=>{
|
|
16181
|
-
const
|
|
16323
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
16324
|
+
const { displayControls: displayControls } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
16182
16325
|
return !displayControls ? /*#__PURE__*/ (0, $b3y7N$jsx)((0, $b3y7N$react).Fragment, {}) : isMobile ? /*#__PURE__*/ (0, $b3y7N$jsx)((0, $5199b7f347404807$export$2e2bcd8739ae039), {
|
|
16183
16326
|
hideMenu: !!hideMenu
|
|
16184
16327
|
}) : /*#__PURE__*/ (0, $b3y7N$jsxs)((0, $b3y7N$react).Fragment, {
|
|
@@ -16415,9 +16558,11 @@ var $14288c7aa1eb92fb$export$2e2bcd8739ae039 = $14288c7aa1eb92fb$var$ExtendIcon;
|
|
|
16415
16558
|
const $29ea68cada6d11bd$var$HomeView = ({ chatbotData: chatbotData, externalComponents: externalComponents })=>{
|
|
16416
16559
|
const displayChangeLayoutButton = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.changeLayoutButtonDisplay);
|
|
16417
16560
|
const currentLayout = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.currentLayout);
|
|
16418
|
-
const
|
|
16561
|
+
const loaderClosed = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
16562
|
+
const { configuration: configuration } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
16419
16563
|
const mode = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
16420
|
-
const
|
|
16564
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
16565
|
+
const { configurations: configurations, setDisplayControls: setDisplayControls } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
16421
16566
|
const displayAgent = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.displayAgent);
|
|
16422
16567
|
const displayData = (0, $b3y7N$useMemo)(()=>{
|
|
16423
16568
|
return configurations.views.home;
|
|
@@ -16428,7 +16573,6 @@ const $29ea68cada6d11bd$var$HomeView = ({ chatbotData: chatbotData, externalComp
|
|
|
16428
16573
|
setDisplayControls(!configuration.hideControls);
|
|
16429
16574
|
}, []);
|
|
16430
16575
|
const extendButtonHandler = ()=>{
|
|
16431
|
-
(0, $56b00880a398c953$export$29ec02ff899d2b53)(true);
|
|
16432
16576
|
(0, $56b00880a398c953$export$e8437af1f2483b8e)((0, $f5ca62954d1f1f5b$export$a31c5a03aaeee5f).widget);
|
|
16433
16577
|
(0, $f9b55dee2122a017$export$a1c83309c736819f)();
|
|
16434
16578
|
};
|
|
@@ -16482,6 +16626,7 @@ var $29ea68cada6d11bd$export$2e2bcd8739ae039 = $29ea68cada6d11bd$var$HomeView;
|
|
|
16482
16626
|
|
|
16483
16627
|
|
|
16484
16628
|
|
|
16629
|
+
|
|
16485
16630
|
const $56a3319e2758f21a$var$Time = ({ belowReturnButton: belowReturnButton })=>{
|
|
16486
16631
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
16487
16632
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
@@ -16535,10 +16680,13 @@ var $56a3319e2758f21a$export$2e2bcd8739ae039 = $56a3319e2758f21a$var$Time;
|
|
|
16535
16680
|
|
|
16536
16681
|
|
|
16537
16682
|
|
|
16683
|
+
|
|
16684
|
+
|
|
16538
16685
|
const $d0a16524ea445e01$var$Banner = ({ news: news })=>{
|
|
16539
16686
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
16540
16687
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
16541
|
-
const
|
|
16688
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
16689
|
+
const { currentWidth: currentWidth } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
16542
16690
|
const timerRef = (0, $b3y7N$useRef)(null);
|
|
16543
16691
|
const [scrollDuration, setScrollDuration] = (0, $b3y7N$useState)(0);
|
|
16544
16692
|
const [imageSize, setImageSize] = (0, $b3y7N$useState)(0);
|
|
@@ -16665,7 +16813,8 @@ var $9cc93f014e78f993$export$2e2bcd8739ae039 = $9cc93f014e78f993$var$useNews;
|
|
|
16665
16813
|
|
|
16666
16814
|
const $9f452debefb0a8cb$var$News = ({ intervalInSeconds: intervalInSeconds = 3, onEnd: onEnd, isRetorikNews: isRetorikNews })=>{
|
|
16667
16815
|
const { newsAttachments: newsAttachments, activity: activity } = (0, $9cc93f014e78f993$export$2e2bcd8739ae039)();
|
|
16668
|
-
const
|
|
16816
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
16817
|
+
const { route: route } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
16669
16818
|
const news = (0, $b3y7N$useMemo)(()=>{
|
|
16670
16819
|
return newsAttachments.map((newsAttachement)=>newsAttachement.content);
|
|
16671
16820
|
}, [
|
|
@@ -16774,7 +16923,8 @@ const $a9d2f359055b3248$var$NewsView = ({ chatbotData: chatbotData, hideMenu: hi
|
|
|
16774
16923
|
const { configuration: configuration } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
16775
16924
|
const agentData = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.agentData);
|
|
16776
16925
|
const muted = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.muted);
|
|
16777
|
-
const
|
|
16926
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
16927
|
+
const { configurations: configurations, setRoute: setRoute, setDisplayControls: setDisplayControls } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
16778
16928
|
const [displayData, setDisplayData] = (0, $b3y7N$useState)(configurations.views.news || configurations.views.home);
|
|
16779
16929
|
const [step, setStep] = (0, $b3y7N$useState)(configurations.views.news?.openingVideo ? 1 : 2);
|
|
16780
16930
|
const timerRef = (0, $b3y7N$useRef)(null);
|
|
@@ -16791,8 +16941,11 @@ const $a9d2f359055b3248$var$NewsView = ({ chatbotData: chatbotData, hideMenu: hi
|
|
|
16791
16941
|
setDisplayControls(false);
|
|
16792
16942
|
muted && (0, $04ce41b46d359821$export$a1680ba91cc9be33)(false);
|
|
16793
16943
|
return ()=>{
|
|
16794
|
-
|
|
16795
|
-
|
|
16944
|
+
// Send closing events unless we are using RetorikNews component
|
|
16945
|
+
if (!isRetorikNews) {
|
|
16946
|
+
sendEvent("Davi.CloseWindow", null);
|
|
16947
|
+
sendEvent("Davi.CloseWindowNews", null);
|
|
16948
|
+
}
|
|
16796
16949
|
};
|
|
16797
16950
|
}, []);
|
|
16798
16951
|
/**
|
|
@@ -17037,6 +17190,7 @@ var $fa5a5afc6f7e4ef7$export$2e2bcd8739ae039 = $fa5a5afc6f7e4ef7$var$RetorikRout
|
|
|
17037
17190
|
|
|
17038
17191
|
|
|
17039
17192
|
|
|
17193
|
+
|
|
17040
17194
|
const $55e5e32e50ce2f2a$var$ModalFullscreen = ()=>{
|
|
17041
17195
|
const content = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.modalFullscreenContent);
|
|
17042
17196
|
const handleClick = (event)=>{
|
|
@@ -17055,7 +17209,8 @@ var $55e5e32e50ce2f2a$export$2e2bcd8739ae039 = $55e5e32e50ce2f2a$var$ModalFullsc
|
|
|
17055
17209
|
|
|
17056
17210
|
|
|
17057
17211
|
const $f11f1612db196f03$var$Container = ({ fullSize: fullSize, width: width, height: height, children: children, colors: colors, parent: parent })=>{
|
|
17058
|
-
const
|
|
17212
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
17213
|
+
const { isTactile: isTactile, setCurrentHeight: setCurrentHeight, setCurrentWidth: setCurrentWidth } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
17059
17214
|
const { configuration: { doNotDetectDeviceFromUserAgent: doNotDetectDeviceFromUserAgent, forceMobileView: forceMobileView } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
17060
17215
|
const container = (0, $b3y7N$useRef)(null);
|
|
17061
17216
|
const dimensions = (0, $9d905911b403e245$export$2e2bcd8739ae039)(container);
|
|
@@ -17113,35 +17268,35 @@ const $f11f1612db196f03$var$Container = ({ fullSize: fullSize, width: width, hei
|
|
|
17113
17268
|
*/ (0, $b3y7N$useEffect)(()=>{
|
|
17114
17269
|
if (forceMobileView) {
|
|
17115
17270
|
setLarge("");
|
|
17116
|
-
|
|
17271
|
+
(0, $957e950ca3ff2781$export$1ae69652bfc21d9e)((0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).mobile);
|
|
17117
17272
|
setPortrait("rf-portrait");
|
|
17118
17273
|
} else if (doNotDetectDeviceFromUserAgent) {
|
|
17119
17274
|
const isPortrait = checkPortrait(dimensions.width, dimensions.height);
|
|
17120
17275
|
if (isPortrait) {
|
|
17121
17276
|
if (dimensions.width > (0, $cd0e91e00b0900ed$export$2e65b7c7134e01f0)) {
|
|
17122
17277
|
setLarge("rf-large");
|
|
17123
|
-
|
|
17278
|
+
(0, $957e950ca3ff2781$export$1ae69652bfc21d9e)(parent === (0, $f5ca62954d1f1f5b$export$a31c5a03aaeee5f).widget ? (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).widgetBorne : (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).borne);
|
|
17124
17279
|
} else {
|
|
17125
17280
|
setLarge("");
|
|
17126
|
-
|
|
17281
|
+
(0, $957e950ca3ff2781$export$1ae69652bfc21d9e)(parent === (0, $f5ca62954d1f1f5b$export$a31c5a03aaeee5f).widget ? (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).widget : (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).mobile);
|
|
17127
17282
|
}
|
|
17128
17283
|
} else if (dimensions.height > (0, $cd0e91e00b0900ed$export$2e65b7c7134e01f0)) {
|
|
17129
17284
|
setLarge("rf-large");
|
|
17130
|
-
|
|
17285
|
+
(0, $957e950ca3ff2781$export$1ae69652bfc21d9e)(parent === (0, $f5ca62954d1f1f5b$export$a31c5a03aaeee5f).widget ? (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).widgetLandscape : (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).landscape);
|
|
17131
17286
|
} else {
|
|
17132
17287
|
setLarge("");
|
|
17133
|
-
|
|
17288
|
+
(0, $957e950ca3ff2781$export$1ae69652bfc21d9e)(parent === (0, $f5ca62954d1f1f5b$export$a31c5a03aaeee5f).widget ? (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).widget : (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).mobile);
|
|
17134
17289
|
}
|
|
17135
17290
|
} else if (0, $b3y7N$isMobile) {
|
|
17136
17291
|
setPortrait("rf-portrait");
|
|
17137
17292
|
setLarge("");
|
|
17138
|
-
|
|
17293
|
+
(0, $957e950ca3ff2781$export$1ae69652bfc21d9e)(parent === (0, $f5ca62954d1f1f5b$export$a31c5a03aaeee5f).widget ? (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).widget : (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).mobile);
|
|
17139
17294
|
} else {
|
|
17140
17295
|
const isPortrait = checkPortrait(dimensions.width, dimensions.height);
|
|
17141
17296
|
// Check for 'rf-large' class
|
|
17142
17297
|
setLarge(parent === (0, $f5ca62954d1f1f5b$export$a31c5a03aaeee5f).widget && dimensions.width < (0, $cd0e91e00b0900ed$export$2e65b7c7134e01f0) ? "" : "rf-large");
|
|
17143
|
-
if (isPortrait)
|
|
17144
|
-
else
|
|
17298
|
+
if (isPortrait) (0, $957e950ca3ff2781$export$1ae69652bfc21d9e)(parent === (0, $f5ca62954d1f1f5b$export$a31c5a03aaeee5f).widget ? dimensions.width > (0, $cd0e91e00b0900ed$export$2e65b7c7134e01f0) ? (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).widgetBorne : (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).widget : (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).borne);
|
|
17299
|
+
else (0, $957e950ca3ff2781$export$1ae69652bfc21d9e)(parent === (0, $f5ca62954d1f1f5b$export$a31c5a03aaeee5f).widget ? (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).widgetLandscape : (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).landscape);
|
|
17145
17300
|
}
|
|
17146
17301
|
dimensions.height && setCurrentHeight(dimensions.height);
|
|
17147
17302
|
dimensions.width && setCurrentWidth(dimensions.width);
|
|
@@ -17224,6 +17379,73 @@ var $f11f1612db196f03$export$2e2bcd8739ae039 = $f11f1612db196f03$var$Container;
|
|
|
17224
17379
|
|
|
17225
17380
|
|
|
17226
17381
|
|
|
17382
|
+
const $4c54e002ebd97cf8$var$SpeechContextDefaultValues = {
|
|
17383
|
+
// Common data
|
|
17384
|
+
ponyfillCredentials: {
|
|
17385
|
+
region: "francecentral",
|
|
17386
|
+
subscriptionKey: ""
|
|
17387
|
+
},
|
|
17388
|
+
// Speech synthesis data
|
|
17389
|
+
voice: null,
|
|
17390
|
+
customVoice: undefined,
|
|
17391
|
+
setVoice: ()=>{},
|
|
17392
|
+
// Speech recognition data
|
|
17393
|
+
useContinuousRecognition: true,
|
|
17394
|
+
setUseContinuousRecognition: ()=>{}
|
|
17395
|
+
};
|
|
17396
|
+
const $4c54e002ebd97cf8$export$11ed12a49459a250 = /*#__PURE__*/ (0, $b3y7N$createContext)($4c54e002ebd97cf8$var$SpeechContextDefaultValues);
|
|
17397
|
+
function $4c54e002ebd97cf8$export$57e792e009c800a0() {
|
|
17398
|
+
return (0, $b3y7N$useContext)($4c54e002ebd97cf8$export$11ed12a49459a250);
|
|
17399
|
+
}
|
|
17400
|
+
function $4c54e002ebd97cf8$export$c3549adc483a11c2({ ponyfillFactoryCredentials: ponyfillFactoryCredentials, customVoice: customVoice, children: children }) {
|
|
17401
|
+
const { configuration: { speechRecognitionOptions: speechRecognitionOptions } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
17402
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
17403
|
+
const checkContinuousSpeechRecognition = ()=>{
|
|
17404
|
+
if (speechRecognitionOptions?.enableContinuousRecognitionOnAllDevices) return true;
|
|
17405
|
+
if (speechRecognitionOptions?.enableContinuousRecognitionOn) switch(currentDeviceType){
|
|
17406
|
+
case (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).mobile:
|
|
17407
|
+
return !!speechRecognitionOptions.enableContinuousRecognitionOn.mobile;
|
|
17408
|
+
case (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).widget:
|
|
17409
|
+
return !!speechRecognitionOptions.enableContinuousRecognitionOn.widget;
|
|
17410
|
+
case (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).landscape:
|
|
17411
|
+
return !!speechRecognitionOptions.enableContinuousRecognitionOn.desktop;
|
|
17412
|
+
case (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).borne:
|
|
17413
|
+
return !!speechRecognitionOptions.enableContinuousRecognitionOn.borne;
|
|
17414
|
+
default:
|
|
17415
|
+
return false;
|
|
17416
|
+
}
|
|
17417
|
+
return false;
|
|
17418
|
+
};
|
|
17419
|
+
const [voice, setVoice] = (0, $b3y7N$useState)(null);
|
|
17420
|
+
const [useContinuousRecognition, setUseContinuousRecognition] = (0, $b3y7N$useState)(checkContinuousSpeechRecognition());
|
|
17421
|
+
const value = (0, $b3y7N$useMemo)(()=>({
|
|
17422
|
+
ponyfillCredentials: ponyfillFactoryCredentials,
|
|
17423
|
+
voice: voice,
|
|
17424
|
+
customVoice: customVoice,
|
|
17425
|
+
setVoice: setVoice,
|
|
17426
|
+
useContinuousRecognition: useContinuousRecognition,
|
|
17427
|
+
setUseContinuousRecognition: setUseContinuousRecognition
|
|
17428
|
+
}), [
|
|
17429
|
+
ponyfillFactoryCredentials,
|
|
17430
|
+
voice,
|
|
17431
|
+
customVoice,
|
|
17432
|
+
setVoice,
|
|
17433
|
+
useContinuousRecognition,
|
|
17434
|
+
setUseContinuousRecognition
|
|
17435
|
+
]);
|
|
17436
|
+
return /*#__PURE__*/ (0, $b3y7N$jsx)((0, $b3y7N$react).Fragment, {
|
|
17437
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)($4c54e002ebd97cf8$export$11ed12a49459a250.Provider, {
|
|
17438
|
+
value: value,
|
|
17439
|
+
children: children
|
|
17440
|
+
})
|
|
17441
|
+
});
|
|
17442
|
+
}
|
|
17443
|
+
|
|
17444
|
+
|
|
17445
|
+
|
|
17446
|
+
|
|
17447
|
+
|
|
17448
|
+
|
|
17227
17449
|
|
|
17228
17450
|
|
|
17229
17451
|
|
|
@@ -17356,15 +17578,15 @@ var $b5b059eebccf168a$export$2e2bcd8739ae039 = $b5b059eebccf168a$var$ContextProv
|
|
|
17356
17578
|
|
|
17357
17579
|
|
|
17358
17580
|
|
|
17359
|
-
const $1286c804208ea5de$
|
|
17581
|
+
const $1286c804208ea5de$export$6969335ea1e4e77c = (target, source)=>{
|
|
17360
17582
|
const isObject = (obj)=>obj && typeof obj === "object";
|
|
17361
17583
|
if (!isObject(target) || !isObject(source)) return source;
|
|
17362
17584
|
Object.keys(source).forEach((key)=>{
|
|
17363
17585
|
const targetValue = target[key];
|
|
17364
17586
|
const sourceValue = source[key];
|
|
17365
|
-
if (targetValue) {
|
|
17587
|
+
if (targetValue || targetValue === false) {
|
|
17366
17588
|
if (Array.isArray(targetValue) && Array.isArray(sourceValue)) source[key] = targetValue.concat(sourceValue);
|
|
17367
|
-
else if (isObject(targetValue) && isObject(sourceValue)) source[key] = $1286c804208ea5de$
|
|
17589
|
+
else if (isObject(targetValue) && isObject(sourceValue)) source[key] = $1286c804208ea5de$export$6969335ea1e4e77c(targetValue, sourceValue);
|
|
17368
17590
|
else source[key] = targetValue;
|
|
17369
17591
|
}
|
|
17370
17592
|
});
|
|
@@ -17372,7 +17594,7 @@ const $1286c804208ea5de$var$deepMerge = (target, source)=>{
|
|
|
17372
17594
|
};
|
|
17373
17595
|
const $1286c804208ea5de$var$getThemeColors = (colors)=>{
|
|
17374
17596
|
let defaultColors = colors?.theme === "light" ? (0, $71132ad06245c2e7$export$1196b7bf97f3d16c) : (0, $71132ad06245c2e7$export$d80fe84b82195dbd);
|
|
17375
|
-
defaultColors = $1286c804208ea5de$
|
|
17597
|
+
defaultColors = $1286c804208ea5de$export$6969335ea1e4e77c(colors, defaultColors);
|
|
17376
17598
|
return defaultColors;
|
|
17377
17599
|
};
|
|
17378
17600
|
var $1286c804208ea5de$export$2e2bcd8739ae039 = $1286c804208ea5de$var$getThemeColors;
|
|
@@ -17523,14 +17745,6 @@ var $14763f78c7718bd3$export$2e2bcd8739ae039 = $14763f78c7718bd3$var$IndexedDbMa
|
|
|
17523
17745
|
|
|
17524
17746
|
|
|
17525
17747
|
|
|
17526
|
-
|
|
17527
|
-
|
|
17528
|
-
const $8c2db177e015e048$var$Animation = ()=>{
|
|
17529
|
-
return /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
17530
|
-
className: "rf-relative rf-loader rf-animate-loader rf-h-6 -rf-top-6 rf-rounded-half"
|
|
17531
|
-
});
|
|
17532
|
-
};
|
|
17533
|
-
var $8c2db177e015e048$export$2e2bcd8739ae039 = $8c2db177e015e048$var$Animation;
|
|
17534
17748
|
|
|
17535
17749
|
|
|
17536
17750
|
|
|
@@ -17671,13 +17885,15 @@ var $b01026c055a6f4cc$export$2e2bcd8739ae039 = $b01026c055a6f4cc$var$LoaderCallT
|
|
|
17671
17885
|
|
|
17672
17886
|
|
|
17673
17887
|
|
|
17888
|
+
|
|
17674
17889
|
const $495c62a3599dd276$var$springDuration = 500;
|
|
17675
17890
|
const $495c62a3599dd276$var$finalMessageDisplayDuration = 2500;
|
|
17676
17891
|
const $495c62a3599dd276$var$GdprWindow = ({ titleTextSize: titleTextSize })=>{
|
|
17677
17892
|
const data = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.GDPRWindowData);
|
|
17678
17893
|
const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
17679
17894
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
17680
|
-
const
|
|
17895
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
17896
|
+
const { themeColors: themeColors } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
17681
17897
|
const [finalMessage, setFinalMessage] = (0, $b3y7N$useState)(null);
|
|
17682
17898
|
const finalMessageTimerRef = (0, $b3y7N$useRef)();
|
|
17683
17899
|
const animationTimerRef = (0, $b3y7N$useRef)();
|
|
@@ -17803,12 +18019,16 @@ const $495c62a3599dd276$var$GdprWindow = ({ titleTextSize: titleTextSize })=>{
|
|
|
17803
18019
|
var $495c62a3599dd276$export$2e2bcd8739ae039 = $495c62a3599dd276$var$GdprWindow;
|
|
17804
18020
|
|
|
17805
18021
|
|
|
18022
|
+
|
|
17806
18023
|
const $fde3bdcd46120869$var$springEnterDuration = 500;
|
|
17807
18024
|
const $fde3bdcd46120869$var$springLeaveDuration = 1000;
|
|
17808
18025
|
const $fde3bdcd46120869$var$GdprAndLoader = ({ appAvailable: appAvailable, handleValidation: handleValidation })=>{
|
|
17809
18026
|
const displayGDPR = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.GDPRDisplay);
|
|
17810
|
-
const
|
|
17811
|
-
const {
|
|
18027
|
+
const loaderClosed = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
18028
|
+
const { configuration: { hideRetorikLogo: hideRetorikLogo } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
18029
|
+
const isMobile = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
18030
|
+
const isWidget = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
18031
|
+
const { themeColors: themeColors } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
17812
18032
|
const [textSize, setTextSize] = (0, $b3y7N$useState)("");
|
|
17813
18033
|
const [titleTextSize, setTitleTextSize] = (0, $b3y7N$useState)();
|
|
17814
18034
|
const container = (0, $b3y7N$useRef)(null);
|
|
@@ -17897,11 +18117,13 @@ const $fde3bdcd46120869$var$GdprAndLoader = ({ appAvailable: appAvailable, handl
|
|
|
17897
18117
|
var $fde3bdcd46120869$export$2e2bcd8739ae039 = $fde3bdcd46120869$var$GdprAndLoader;
|
|
17898
18118
|
|
|
17899
18119
|
|
|
18120
|
+
|
|
17900
18121
|
const $ba6bf0e283157133$var$DBManager = new (0, $14763f78c7718bd3$export$2e2bcd8739ae039)();
|
|
17901
18122
|
const $ba6bf0e283157133$var$tagsRemoverRegex = /<[^<>]+>/g;
|
|
17902
18123
|
const $ba6bf0e283157133$var$RetorikSpeech = ({ ponyfill: ponyfill, onEnd: onEnd, onError: onError, onStart: onStart, utterance: utterance, nextUtterance: nextUtterance, appAvailable: appAvailable })=>{
|
|
17903
18124
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
17904
|
-
const
|
|
18125
|
+
const loaderClosed = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
18126
|
+
const { configuration: { enableSpeechCaching: enableSpeechCaching, speechRecognitionOptions: speechRecognitionOptions, isUsedOnBorne: isUsedOnBorne } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
17905
18127
|
const { voice: voice } = (0, $4c54e002ebd97cf8$export$57e792e009c800a0)();
|
|
17906
18128
|
const muted = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.muted);
|
|
17907
18129
|
const activeRecognitionState = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.activeRecognitionState);
|
|
@@ -18078,7 +18300,7 @@ const $ba6bf0e283157133$var$RetorikSpeech = ({ ponyfill: ponyfill, onEnd: onEnd,
|
|
|
18078
18300
|
if (appAvailable || loaderClosed) {
|
|
18079
18301
|
onEnd && onEnd();
|
|
18080
18302
|
resetData();
|
|
18081
|
-
} else
|
|
18303
|
+
} else (0, $56b00880a398c953$export$982d69b78a955aaf)(true);
|
|
18082
18304
|
};
|
|
18083
18305
|
const handleError = (error)=>{
|
|
18084
18306
|
console.log("Error : ", error);
|
|
@@ -18226,7 +18448,8 @@ const $45f8218489149157$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
|
|
|
18226
18448
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
18227
18449
|
const mode = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
18228
18450
|
const agentData = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.agentData);
|
|
18229
|
-
const
|
|
18451
|
+
const appAvailable = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.appAvailable);
|
|
18452
|
+
const { configuration: { preventExpectedInputHint: preventExpectedInputHint, speechSynthesisOptions: speechSynthesisOptions } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
18230
18453
|
const currentNewsActivity = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.currentNewsActivity);
|
|
18231
18454
|
const lastBotActivity = (0, $9b100ac34d01a331$export$b56465394e2b1287)((state)=>state.lastBotMessageActivity);
|
|
18232
18455
|
const toggleMicrophone = (0, $b7c552f6163a7a5c$export$2e2bcd8739ae039)();
|
|
@@ -18684,7 +18907,9 @@ const $862dc1a8ff0214ad$var$timeoutDuration = 1000;
|
|
|
18684
18907
|
const $862dc1a8ff0214ad$var$RecognitionManager = ()=>{
|
|
18685
18908
|
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
18686
18909
|
const mode = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
18687
|
-
const
|
|
18910
|
+
const appAvailable = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.appAvailable);
|
|
18911
|
+
const loaderClosed = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
18912
|
+
const { configuration: { speechRecognitionOptions: speechRecognitionOptions } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
18688
18913
|
const { ponyfillCredentials: ponyfillCredentials, useContinuousRecognition: useContinuousRecognition } = (0, $4c54e002ebd97cf8$export$57e792e009c800a0)();
|
|
18689
18914
|
const activeRecognitionState = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.activeRecognitionState);
|
|
18690
18915
|
const lastRecognitionInterim = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.lastRecognitionInterim);
|
|
@@ -18887,7 +19112,7 @@ var $efe892d829a9a26a$export$2e2bcd8739ae039 = $efe892d829a9a26a$var$SpeechManag
|
|
|
18887
19112
|
|
|
18888
19113
|
|
|
18889
19114
|
const $86772fb907b8c462$var$FocusManager = ()=>{
|
|
18890
|
-
const
|
|
19115
|
+
const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
18891
19116
|
const muted = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.muted);
|
|
18892
19117
|
const activeRecognitionState = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.activeRecognitionState);
|
|
18893
19118
|
const focusedRef = (0, $b3y7N$useRef)(true);
|
|
@@ -19019,12 +19244,13 @@ var $cdad753ad69926ed$export$2e2bcd8739ae039 = $cdad753ad69926ed$var$ErrorCollec
|
|
|
19019
19244
|
|
|
19020
19245
|
const { useEmitTypingIndicator: $9ecfb2c3feeca9a7$var$useEmitTypingIndicator } = (0, $b3y7N$hooks);
|
|
19021
19246
|
const $9ecfb2c3feeca9a7$var$typingTimer = 2000;
|
|
19022
|
-
const $9ecfb2c3feeca9a7$var$SendTypingIndicator = ()=>{
|
|
19247
|
+
const $9ecfb2c3feeca9a7$var$SendTypingIndicator = ({ isRetorikNews: isRetorikNews })=>{
|
|
19023
19248
|
const sendTypingIndicator = $9ecfb2c3feeca9a7$var$useEmitTypingIndicator();
|
|
19024
19249
|
const speaking = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.speaking);
|
|
19025
19250
|
const lastRecognitionInterim = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.lastRecognitionInterim);
|
|
19026
19251
|
const { route: route } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
19027
|
-
const
|
|
19252
|
+
const loaderClosed = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
19253
|
+
const appAvailable = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.appAvailable);
|
|
19028
19254
|
const currentSubView = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.currentSubView);
|
|
19029
19255
|
const listOpened = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.listOpened);
|
|
19030
19256
|
const retorikEvent = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.retorikEvent);
|
|
@@ -19046,7 +19272,7 @@ const $9ecfb2c3feeca9a7$var$SendTypingIndicator = ()=>{
|
|
|
19046
19272
|
listOpened
|
|
19047
19273
|
]);
|
|
19048
19274
|
const checkShouldSendTypingIndicator = ()=>{
|
|
19049
|
-
dataRef.current && sendTypingIndicator();
|
|
19275
|
+
dataRef.current && !isRetorikNews && sendTypingIndicator();
|
|
19050
19276
|
};
|
|
19051
19277
|
(0, $b3y7N$useEffect)(()=>{
|
|
19052
19278
|
const interval = setInterval(()=>{
|
|
@@ -19066,7 +19292,7 @@ var $9ecfb2c3feeca9a7$export$2e2bcd8739ae039 = $9ecfb2c3feeca9a7$var$SendTypingI
|
|
|
19066
19292
|
|
|
19067
19293
|
// Configure react-pdf worker
|
|
19068
19294
|
(0, $b3y7N$pdfjs).GlobalWorkerOptions.workerSrc = $b3y7N$pdfjsdistbuildpdfworkerjs;
|
|
19069
|
-
const $7ca39a491751a711$var$RetorikContainer = ({ parent: parent, isConfigUpdated: isConfigUpdated, config: props
|
|
19295
|
+
const $7ca39a491751a711$var$RetorikContainer = ({ parent: parent, isConfigUpdated: isConfigUpdated, config: props })=>{
|
|
19070
19296
|
const [processedThemeColors] = (0, $b3y7N$useState)((0, $1286c804208ea5de$export$2e2bcd8739ae039)(props.colors));
|
|
19071
19297
|
const currentLayout = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.currentLayout);
|
|
19072
19298
|
return props.config && props.viewsConfig && props.chatbotData && props.chatbotDataWidget && props.agentData && props.ponyfillFactoryCredentials ? /*#__PURE__*/ (0, $b3y7N$jsxs)((0, $b5b059eebccf168a$export$2e2bcd8739ae039), {
|
|
@@ -19088,7 +19314,6 @@ const $7ca39a491751a711$var$RetorikContainer = ({ parent: parent, isConfigUpdate
|
|
|
19088
19314
|
externalEventHandler: props.externalEventHandler,
|
|
19089
19315
|
colors: processedThemeColors,
|
|
19090
19316
|
isRetorikNews: parent === (0, $f5ca62954d1f1f5b$export$a31c5a03aaeee5f).news,
|
|
19091
|
-
changedLayout: changedLayout,
|
|
19092
19317
|
children: /*#__PURE__*/ (0, $b3y7N$jsxs)((0, $cdad753ad69926ed$export$2e2bcd8739ae039), {
|
|
19093
19318
|
children: [
|
|
19094
19319
|
/*#__PURE__*/ (0, $b3y7N$jsx)((0, $efe892d829a9a26a$export$2e2bcd8739ae039), {
|
|
@@ -19110,7 +19335,9 @@ const $7ca39a491751a711$var$RetorikContainer = ({ parent: parent, isConfigUpdate
|
|
|
19110
19335
|
externalComponents: props.externalComponents
|
|
19111
19336
|
})
|
|
19112
19337
|
}),
|
|
19113
|
-
/*#__PURE__*/ (0, $b3y7N$jsx)((0, $9ecfb2c3feeca9a7$export$2e2bcd8739ae039), {
|
|
19338
|
+
/*#__PURE__*/ (0, $b3y7N$jsx)((0, $9ecfb2c3feeca9a7$export$2e2bcd8739ae039), {
|
|
19339
|
+
isRetorikNews: parent === (0, $f5ca62954d1f1f5b$export$a31c5a03aaeee5f).news
|
|
19340
|
+
})
|
|
19114
19341
|
]
|
|
19115
19342
|
})
|
|
19116
19343
|
})
|
|
@@ -19128,22 +19355,16 @@ const $760b7137ab1b4bd7$var$getRetorikConfigs = async (props)=>{
|
|
|
19128
19355
|
...props
|
|
19129
19356
|
};
|
|
19130
19357
|
let res = null;
|
|
19131
|
-
let externalConfigEnabled = false;
|
|
19132
19358
|
const baseAddress = `${retorikProps.addressData.baseURI && retorikProps.addressData.baseURI.length > 0 ? (0, $99c9e8518c31254c$export$2e2bcd8739ae039)(retorikProps.addressData.baseURI) : (0, $29f3fbfb4bd47593$export$2e2bcd8739ae039)(retorikProps.addressData.prefix)}/${retorikProps.addressData.tenant ? retorikProps.addressData.tenant + "/" : ""}`;
|
|
19133
19359
|
const fullAddress = `${baseAddress}api/integration/framework`;
|
|
19134
19360
|
try {
|
|
19135
19361
|
const response = await fetch(fullAddress);
|
|
19136
19362
|
const json = await response.json();
|
|
19137
19363
|
res = $760b7137ab1b4bd7$var$processJson(json, retorikProps, baseAddress);
|
|
19138
|
-
externalConfigEnabled = res != null;
|
|
19139
19364
|
} catch (error) {
|
|
19140
19365
|
console.log(error);
|
|
19141
|
-
externalConfigEnabled = false;
|
|
19142
19366
|
}
|
|
19143
|
-
return
|
|
19144
|
-
config: res,
|
|
19145
|
-
externalConfigEnabled: externalConfigEnabled
|
|
19146
|
-
};
|
|
19367
|
+
return res;
|
|
19147
19368
|
};
|
|
19148
19369
|
const $760b7137ab1b4bd7$var$processJson = (json, retorikProps, baseAddress)=>{
|
|
19149
19370
|
if (json) {
|
|
@@ -19227,16 +19448,18 @@ const $760b7137ab1b4bd7$var$processJson = (json, retorikProps, baseAddress)=>{
|
|
|
19227
19448
|
hideMenu: json.hideMenu,
|
|
19228
19449
|
hideControls: json.hideControls,
|
|
19229
19450
|
doNotDetectDeviceFromUserAgent: json.doNotDetectDeviceFromUserAgent,
|
|
19230
|
-
enableTelemetry: json.enableTelemetry,
|
|
19231
19451
|
enableConversationCookie: json.enableConversationCookie,
|
|
19232
19452
|
conversationCookieMaxAge: json.conversationCookieMaxAge,
|
|
19453
|
+
enableTelemetry: json.enableTelemetry,
|
|
19233
19454
|
allowSwitchLayout: json.allowSwitchLayout,
|
|
19234
19455
|
forceMobileView: json.forceMobileFullScreenLayout,
|
|
19456
|
+
enableSpeechCaching: json.enableSpeechCaching,
|
|
19235
19457
|
speechRecognitionOptions: json.speechRecognitionOptions,
|
|
19236
19458
|
speechSynthesisOptions: json.speechSynthesisOptions,
|
|
19459
|
+
enableDocumentPrinting: undefined,
|
|
19237
19460
|
disableSpeechMode: json.disableSpeechMode,
|
|
19238
19461
|
disableSound: json.disableSound,
|
|
19239
|
-
|
|
19462
|
+
timerForFilterSelectionListMode: undefined
|
|
19240
19463
|
},
|
|
19241
19464
|
viewsConfig: {
|
|
19242
19465
|
homeRoute: "home",
|
|
@@ -19245,7 +19468,12 @@ const $760b7137ab1b4bd7$var$processJson = (json, retorikProps, baseAddress)=>{
|
|
|
19245
19468
|
home: {
|
|
19246
19469
|
background: {
|
|
19247
19470
|
style: "image",
|
|
19248
|
-
image: background
|
|
19471
|
+
image: background,
|
|
19472
|
+
video: undefined,
|
|
19473
|
+
webcam: undefined,
|
|
19474
|
+
neutral: undefined,
|
|
19475
|
+
blur: undefined,
|
|
19476
|
+
overlayOpacity: undefined
|
|
19249
19477
|
}
|
|
19250
19478
|
},
|
|
19251
19479
|
news: {
|
|
@@ -19254,7 +19482,12 @@ const $760b7137ab1b4bd7$var$processJson = (json, retorikProps, baseAddress)=>{
|
|
|
19254
19482
|
openingVideo: "",
|
|
19255
19483
|
background: {
|
|
19256
19484
|
style: "image",
|
|
19257
|
-
image: newsBackground
|
|
19485
|
+
image: newsBackground,
|
|
19486
|
+
video: undefined,
|
|
19487
|
+
webcam: undefined,
|
|
19488
|
+
neutral: undefined,
|
|
19489
|
+
blur: undefined,
|
|
19490
|
+
overlayOpacity: undefined
|
|
19258
19491
|
}
|
|
19259
19492
|
}
|
|
19260
19493
|
}
|
|
@@ -19274,13 +19507,10 @@ const $760b7137ab1b4bd7$var$processJson = (json, retorikProps, baseAddress)=>{
|
|
|
19274
19507
|
},
|
|
19275
19508
|
addressData: retorikProps.addressData,
|
|
19276
19509
|
userData: retorikProps.userData,
|
|
19277
|
-
externalEventHandler: undefined,
|
|
19278
19510
|
customVoice: {
|
|
19279
19511
|
voice: json.voice,
|
|
19280
19512
|
gender: undefined
|
|
19281
19513
|
},
|
|
19282
|
-
width: undefined,
|
|
19283
|
-
height: undefined,
|
|
19284
19514
|
colors: {
|
|
19285
19515
|
theme: json.colorSettings.theme,
|
|
19286
19516
|
primary: json.colorSettings.primary,
|
|
@@ -19487,7 +19717,6 @@ var $9c6965b05003bf9d$export$2e2bcd8739ae039 = $9c6965b05003bf9d$var$Loader;
|
|
|
19487
19717
|
|
|
19488
19718
|
|
|
19489
19719
|
|
|
19490
|
-
|
|
19491
19720
|
const $fd8b465eaceabe41$export$284b58786299e6c5 = async ({ configurationData: configurationData, addressData: addressData })=>{
|
|
19492
19721
|
if (configurationData) {
|
|
19493
19722
|
if (typeof configurationData.userConsent === "boolean") return {
|
|
@@ -19549,9 +19778,6 @@ const $303b7224b8f411ea$var$RetorikConfigHandler = (props)=>{
|
|
|
19549
19778
|
const [mainConfig, setMainConfig] = (0, $b3y7N$useState)(undefined);
|
|
19550
19779
|
const [isConfigUpdated, setIsConfigUpdated] = (0, $b3y7N$useState)(false);
|
|
19551
19780
|
const [configurationFetchingEnded, setConfigurationFetchingEnded] = (0, $b3y7N$useState)(!!(isConfigUpdated || props.config !== undefined));
|
|
19552
|
-
const layoutChanged = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.layoutChanged);
|
|
19553
|
-
const mode = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
19554
|
-
const loaderClosed = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
19555
19781
|
/**
|
|
19556
19782
|
* Check if emergency data can be retrieved to remove the button in menu if no data available
|
|
19557
19783
|
* @param configuration RetorikMainComponentConfiguration
|
|
@@ -19574,55 +19800,48 @@ const $303b7224b8f411ea$var$RetorikConfigHandler = (props)=>{
|
|
|
19574
19800
|
(0, $b3y7N$useEffect)(()=>{
|
|
19575
19801
|
const getUpdatedConfig = async ()=>{
|
|
19576
19802
|
const fetchedConfig = await (0, $760b7137ab1b4bd7$export$2e2bcd8739ae039)(props);
|
|
19577
|
-
if (fetchedConfig
|
|
19578
|
-
const {
|
|
19579
|
-
const
|
|
19580
|
-
config: _config,
|
|
19581
|
-
viewsConfig: viewsConfig,
|
|
19582
|
-
chatbotData: chatbotData
|
|
19583
|
-
|
|
19584
|
-
|
|
19585
|
-
|
|
19586
|
-
|
|
19587
|
-
|
|
19588
|
-
|
|
19589
|
-
|
|
19590
|
-
|
|
19591
|
-
|
|
19803
|
+
if (fetchedConfig) {
|
|
19804
|
+
const { skipLoader: skipLoader, defaultMode: defaultMode, config: _config, viewsConfig: viewsConfig, chatbotData: chatbotData, chatbotDataWidget: chatbotDataWidget, agentData: agentData, ponyfillFactoryCredentials: ponyfillFactoryCredentials, customVoice: customVoice, colors: colors } = fetchedConfig;
|
|
19805
|
+
const mergedMainConfig = {
|
|
19806
|
+
config: props.config !== undefined ? (0, $1286c804208ea5de$export$6969335ea1e4e77c)(props.config, _config) : _config,
|
|
19807
|
+
viewsConfig: props.chatbotData !== undefined ? (0, $1286c804208ea5de$export$6969335ea1e4e77c)(props.viewsConfig, viewsConfig) : viewsConfig,
|
|
19808
|
+
chatbotData: props.chatbotData !== undefined ? {
|
|
19809
|
+
...chatbotData,
|
|
19810
|
+
...props.chatbotData
|
|
19811
|
+
} : chatbotData,
|
|
19812
|
+
chatbotDataWidget: props.chatbotData !== undefined ? {
|
|
19813
|
+
...chatbotDataWidget,
|
|
19814
|
+
...props.chatbotDataWidget
|
|
19815
|
+
} : chatbotDataWidget,
|
|
19816
|
+
agentData: props.agentData !== undefined ? props.agentData : agentData,
|
|
19817
|
+
ponyfillFactoryCredentials: props.ponyfillFactoryCredentials !== undefined ? props.ponyfillFactoryCredentials : ponyfillFactoryCredentials,
|
|
19818
|
+
customVoice: props.customVoice !== undefined ? {
|
|
19819
|
+
...customVoice,
|
|
19820
|
+
...props.customVoice
|
|
19821
|
+
} : customVoice,
|
|
19822
|
+
colors: props.colors !== undefined ? (0, $1286c804208ea5de$export$6969335ea1e4e77c)(props.colors, (0, $1286c804208ea5de$export$2e2bcd8739ae039)(colors)) : (0, $1286c804208ea5de$export$2e2bcd8739ae039)(colors),
|
|
19823
|
+
skipLoader: props.skipLoader !== undefined ? props.skipLoader : skipLoader,
|
|
19824
|
+
defaultMode: props.defaultMode !== undefined ? props.defaultMode : defaultMode,
|
|
19825
|
+
// Data not retrieved from Retorik Studio
|
|
19826
|
+
addressData: props.addressData,
|
|
19827
|
+
userData: props.userData,
|
|
19828
|
+
externalEventHandler: props.externalEventHandler,
|
|
19592
19829
|
externalComponents: props.externalComponents,
|
|
19593
|
-
|
|
19830
|
+
width: props.width,
|
|
19831
|
+
height: props.height
|
|
19594
19832
|
};
|
|
19595
|
-
|
|
19596
|
-
checkEmergencyAndSetConfig(fetchedMainConfig);
|
|
19833
|
+
checkEmergencyAndSetConfig(mergedMainConfig);
|
|
19597
19834
|
}
|
|
19598
19835
|
};
|
|
19599
|
-
if (
|
|
19600
|
-
console.log("Retorik Framework > Get
|
|
19601
|
-
// Check mandatory properties
|
|
19602
|
-
if (props.viewsConfig && props.chatbotData && props.agentData && props.ponyfillFactoryCredentials) {
|
|
19603
|
-
const copyConfig = {
|
|
19604
|
-
...props
|
|
19605
|
-
};
|
|
19606
|
-
if (!copyConfig.chatbotDataWidget) copyConfig.chatbotDataWidget = copyConfig.chatbotData;
|
|
19607
|
-
$303b7224b8f411ea$var$configHandleLayoutChange(layoutChanged, loaderClosed, copyConfig, mode);
|
|
19608
|
-
checkEmergencyAndSetConfig(copyConfig);
|
|
19609
|
-
} else {
|
|
19610
|
-
// Warnings for missing data in props
|
|
19611
|
-
console.warn("Retorik Framework > Mandatory configuration data missing : ");
|
|
19612
|
-
!props.viewsConfig && console.warn(" * viewsConfig");
|
|
19613
|
-
!props.chatbotData && console.warn(" * chatbotData");
|
|
19614
|
-
!props.agentData && console.warn(" * agentData");
|
|
19615
|
-
!props.ponyfillFactoryCredentials && console.warn(" * ponyfillFactoryCredentials");
|
|
19616
|
-
}
|
|
19617
|
-
} else if (!isConfigUpdated) {
|
|
19618
|
-
console.log("Retorik Framework > Get config from Retorik Studio");
|
|
19836
|
+
if (!isConfigUpdated) {
|
|
19837
|
+
console.log("Retorik Framework > Get configuration");
|
|
19619
19838
|
getUpdatedConfig();
|
|
19620
19839
|
}
|
|
19621
19840
|
}, [
|
|
19622
19841
|
props
|
|
19623
19842
|
]);
|
|
19624
19843
|
/**
|
|
19625
|
-
*
|
|
19844
|
+
* Get GDPR data from Retorik Studio and set them in store
|
|
19626
19845
|
*/ (0, $b3y7N$useEffect)(()=>{
|
|
19627
19846
|
const checkGDPR = async ()=>{
|
|
19628
19847
|
const data = await (0, $fd8b465eaceabe41$export$284b58786299e6c5)({
|
|
@@ -19639,8 +19858,7 @@ const $303b7224b8f411ea$var$RetorikConfigHandler = (props)=>{
|
|
|
19639
19858
|
return mainConfig && configurationFetchingEnded ? /*#__PURE__*/ (0, $b3y7N$jsx)((0, $7ca39a491751a711$export$2e2bcd8739ae039), {
|
|
19640
19859
|
parent: props.parent,
|
|
19641
19860
|
config: mainConfig,
|
|
19642
|
-
isConfigUpdated: isConfigUpdated
|
|
19643
|
-
changedLayout: layoutChanged
|
|
19861
|
+
isConfigUpdated: isConfigUpdated
|
|
19644
19862
|
}) : /*#__PURE__*/ (0, $b3y7N$jsx)((0, $9c6965b05003bf9d$export$2e2bcd8739ae039), {
|
|
19645
19863
|
className: isConfigUpdated ? "rf-animate-loaderFadeOut" : "",
|
|
19646
19864
|
parent: props.parent,
|
|
@@ -19649,12 +19867,6 @@ const $303b7224b8f411ea$var$RetorikConfigHandler = (props)=>{
|
|
|
19649
19867
|
fullSize: !!(props.parent !== (0, $f5ca62954d1f1f5b$export$a31c5a03aaeee5f).widget && mainConfig?.config?.fullSize !== false)
|
|
19650
19868
|
});
|
|
19651
19869
|
};
|
|
19652
|
-
const $303b7224b8f411ea$var$configHandleLayoutChange = (layoutChanged, loaderClosed, config, mode)=>{
|
|
19653
|
-
if (layoutChanged) {
|
|
19654
|
-
config.defaultMode = mode;
|
|
19655
|
-
if (loaderClosed) config.skipLoader = true;
|
|
19656
|
-
}
|
|
19657
|
-
};
|
|
19658
19870
|
var $303b7224b8f411ea$export$2e2bcd8739ae039 = $303b7224b8f411ea$var$RetorikConfigHandler;
|
|
19659
19871
|
|
|
19660
19872
|
|
|
@@ -19757,10 +19969,7 @@ const $ebe9f638246a1b0b$var$LayoutHandler = (props)=>{
|
|
|
19757
19969
|
const extendButtonHandler = ()=>{
|
|
19758
19970
|
// if different display type available
|
|
19759
19971
|
if (props.widgetConfig?.large && props.widgetConfig?.thumbnail) (0, $f9b55dee2122a017$export$f0e9d14ede4c01bd)();
|
|
19760
|
-
else
|
|
19761
|
-
(0, $56b00880a398c953$export$29ec02ff899d2b53)(true);
|
|
19762
|
-
(0, $56b00880a398c953$export$e8437af1f2483b8e)((0, $f5ca62954d1f1f5b$export$a31c5a03aaeee5f).agent);
|
|
19763
|
-
}
|
|
19972
|
+
else (0, $56b00880a398c953$export$e8437af1f2483b8e)((0, $f5ca62954d1f1f5b$export$a31c5a03aaeee5f).agent);
|
|
19764
19973
|
};
|
|
19765
19974
|
return /*#__PURE__*/ (0, $b3y7N$jsxs)((0, $b3y7N$Fragment), {
|
|
19766
19975
|
children: [
|