@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.js
CHANGED
|
@@ -117,7 +117,7 @@ function $063ea7a515c267b7$export$2e2bcd8739ae039(RetorikWidget, props, element)
|
|
|
117
117
|
|
|
118
118
|
|
|
119
119
|
var $203b743475f656c9$exports = {};
|
|
120
|
-
$203b743475f656c9$exports = "*, :before, :after {\n box-sizing: border-box;\n border: 0 solid;\n}\n\n:before, :after {\n --tw-content: \"\";\n}\n\nhtml, :host {\n -webkit-text-size-adjust: 100%;\n -moz-tab-size: 4;\n tab-size: 4;\n font-feature-settings: normal;\n font-variation-settings: normal;\n -webkit-tap-highlight-color: transparent;\n font-family: Calibri, sans-serif;\n line-height: 1.5;\n}\n\nbody {\n line-height: inherit;\n margin: 0;\n}\n\nhr {\n color: inherit;\n border-top-width: 1px;\n height: 0;\n}\n\nabbr:where([title]) {\n text-decoration: underline dotted;\n}\n\nh1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\nb, strong {\n font-weight: bolder;\n}\n\ncode, kbd, samp, pre {\n font-feature-settings: normal;\n font-variation-settings: normal;\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n font-size: 1em;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\ntable {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n}\n\nbutton, input, optgroup, select, textarea {\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n font-family: inherit;\n font-size: 100%;\n font-weight: inherit;\n line-height: inherit;\n color: inherit;\n margin: 0;\n padding: 0;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, [type=\"button\"], [type=\"reset\"], [type=\"submit\"] {\n -webkit-appearance: button;\n background-color: #0000;\n background-image: none;\n}\n\n:-moz-focusring {\n outline: auto;\n}\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\nsummary {\n display: list-item;\n}\n\nblockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol, ul, menu {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\ndialog {\n padding: 0;\n}\n\ntextarea {\n resize: vertical;\n}\n\ninput::placeholder, textarea::placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\nbutton, [role=\"button\"] {\n cursor: pointer;\n}\n\n:disabled {\n cursor: default;\n}\n\nimg, svg, video, canvas, audio, iframe, embed, object {\n vertical-align: middle;\n display: block;\n}\n\nimg, video {\n max-width: 100%;\n height: auto;\n}\n\n[hidden] {\n display: none;\n}\n\n*, :before, :after, ::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: #3b82f680;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\n\n.rf-pointer-events-none {\n pointer-events: none;\n}\n\n.rf-pointer-events-auto {\n pointer-events: auto;\n}\n\n.rf-visible {\n visibility: visible;\n}\n\n.rf-invisible {\n visibility: hidden;\n}\n\n.rf-fixed {\n position: fixed;\n}\n\n.rf-absolute {\n position: absolute;\n}\n\n.rf-relative {\n position: relative;\n}\n\n.-rf-left-6 {\n left: -1.5rem;\n}\n\n.-rf-top-6 {\n top: -1.5rem;\n}\n\n.-rf-top-\\[1\\.15rem\\] {\n top: -1.15rem;\n}\n\n.rf--bottom-2 {\n bottom: -.5rem;\n}\n\n.rf-bottom-0 {\n bottom: 0;\n}\n\n.rf-bottom-1 {\n bottom: .25rem;\n}\n\n.rf-bottom-1\\/4 {\n bottom: 25%;\n}\n\n.rf-bottom-10 {\n bottom: 2.5rem;\n}\n\n.rf-bottom-16 {\n bottom: 4rem;\n}\n\n.rf-bottom-2 {\n bottom: .5rem;\n}\n\n.rf-bottom-4 {\n bottom: 1rem;\n}\n\n.rf-bottom-40 {\n bottom: 10rem;\n}\n\n.rf-left-0 {\n left: 0;\n}\n\n.rf-left-1 {\n left: .25rem;\n}\n\n.rf-left-1\\/2 {\n left: 50%;\n}\n\n.rf-left-2 {\n left: .5rem;\n}\n\n.rf-left-4 {\n left: 1rem;\n}\n\n.rf-right-0 {\n right: 0;\n}\n\n.rf-right-1 {\n right: .25rem;\n}\n\n.rf-right-2 {\n right: .5rem;\n}\n\n.rf-right-3 {\n right: .75rem;\n}\n\n.rf-right-4 {\n right: 1rem;\n}\n\n.rf-right-6 {\n right: 1.5rem;\n}\n\n.rf-right-8 {\n right: 2rem;\n}\n\n.rf-top-0 {\n top: 0;\n}\n\n.rf-top-1 {\n top: .25rem;\n}\n\n.rf-top-1\\/2 {\n top: 50%;\n}\n\n.rf-top-1\\/3 {\n top: 33.3333%;\n}\n\n.rf-top-110 {\n top: 110%;\n}\n\n.rf-top-2 {\n top: .5rem;\n}\n\n.rf-top-4 {\n top: 1rem;\n}\n\n.rf-top-\\[0\\.125rem\\] {\n top: .125rem;\n}\n\n.rf-z-background {\n z-index: 0;\n}\n\n.rf-z-chatbot {\n z-index: 10;\n}\n\n.rf-z-detailedPOI {\n z-index: 2;\n}\n\n.rf-z-dropdown {\n z-index: 30;\n}\n\n.rf-z-exitwidget {\n z-index: 55;\n}\n\n.rf-z-menu {\n z-index: 40;\n}\n\n.rf-z-modal {\n z-index: 50;\n}\n\n.rf-z-overlay {\n z-index: 40;\n}\n\n.rf-z-ui {\n z-index: 20;\n}\n\n.rf-z-util {\n z-index: 1;\n}\n\n.rf-col-span-2 {\n grid-column: span 2 / span 2;\n}\n\n.rf-col-span-3 {\n grid-column: span 3 / span 3;\n}\n\n.rf-col-span-6 {\n grid-column: span 6 / span 6;\n}\n\n.rf-col-span-full {\n grid-column: 1 / -1;\n}\n\n.rf-col-start-1 {\n grid-column-start: 1;\n}\n\n.rf-col-start-2 {\n grid-column-start: 2;\n}\n\n.rf-col-start-4 {\n grid-column-start: 4;\n}\n\n.rf-col-start-5 {\n grid-column-start: 5;\n}\n\n.rf-col-end-13 {\n grid-column-end: 13;\n}\n\n.rf-col-end-2 {\n grid-column-end: 2;\n}\n\n.rf-col-end-9 {\n grid-column-end: 9;\n}\n\n.rf-row-span-1 {\n grid-row: span 1 / span 1;\n}\n\n.rf-row-span-2 {\n grid-row: span 2 / span 2;\n}\n\n.rf-row-span-3 {\n grid-row: span 3 / span 3;\n}\n\n.rf-row-span-5 {\n grid-row: span 5 / span 5;\n}\n\n.rf-row-span-6 {\n grid-row: span 6 / span 6;\n}\n\n.rf-row-span-9 {\n grid-row: span 9 / span 9;\n}\n\n.rf-row-span-full {\n grid-row: 1 / -1;\n}\n\n.rf-row-start-1 {\n grid-row-start: 1;\n}\n\n.rf-row-start-12 {\n grid-row-start: 12;\n}\n\n.rf-row-start-2 {\n grid-row-start: 2;\n}\n\n.rf-row-start-3 {\n grid-row-start: 3;\n}\n\n.rf-row-start-4 {\n grid-row-start: 4;\n}\n\n.rf-row-start-6 {\n grid-row-start: 6;\n}\n\n.rf-row-start-9 {\n grid-row-start: 9;\n}\n\n.rf-row-end-12 {\n grid-row-end: 12;\n}\n\n.rf-row-end-13 {\n grid-row-end: 13;\n}\n\n.rf-row-end-2 {\n grid-row-end: 2;\n}\n\n.rf-row-end-3 {\n grid-row-end: 3;\n}\n\n.rf-row-end-4 {\n grid-row-end: 4;\n}\n\n.rf-row-end-5 {\n grid-row-end: 5;\n}\n\n.rf-float-right {\n float: right;\n}\n\n.rf-m-0 {\n margin: 0;\n}\n\n.rf-m-4 {\n margin: 1rem;\n}\n\n.rf-m-auto {\n margin: auto;\n}\n\n.-rf-mx-6 {\n margin-left: -1.5rem;\n margin-right: -1.5rem;\n}\n\n.rf-mx-0 {\n margin-left: 0;\n margin-right: 0;\n}\n\n.rf-mx-2 {\n margin-left: .5rem;\n margin-right: .5rem;\n}\n\n.rf-mx-3 {\n margin-left: .75rem;\n margin-right: .75rem;\n}\n\n.rf-mx-8 {\n margin-left: 2rem;\n margin-right: 2rem;\n}\n\n.rf-mx-auto {\n margin-left: auto;\n margin-right: auto;\n}\n\n.rf-my-1 {\n margin-top: .25rem;\n margin-bottom: .25rem;\n}\n\n.rf-my-2 {\n margin-top: .5rem;\n margin-bottom: .5rem;\n}\n\n.rf-my-4 {\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\n\n.rf-my-auto {\n margin-top: auto;\n margin-bottom: auto;\n}\n\n.-rf-mb-4 {\n margin-bottom: -1rem;\n}\n\n.-rf-ml-2 {\n margin-left: -.5rem;\n}\n\n.rf-mb-0 {\n margin-bottom: 0;\n}\n\n.rf-mb-1 {\n margin-bottom: .25rem;\n}\n\n.rf-mb-12 {\n margin-bottom: 3rem;\n}\n\n.rf-mb-16 {\n margin-bottom: 4rem;\n}\n\n.rf-mb-2 {\n margin-bottom: .5rem;\n}\n\n.rf-mb-26 {\n margin-bottom: 6.5rem;\n}\n\n.rf-mb-28 {\n margin-bottom: 7rem;\n}\n\n.rf-mb-3 {\n margin-bottom: .75rem;\n}\n\n.rf-mb-30 {\n margin-bottom: 7.5rem;\n}\n\n.rf-mb-4 {\n margin-bottom: 1rem;\n}\n\n.rf-mb-5 {\n margin-bottom: 1.25rem;\n}\n\n.rf-mb-6 {\n margin-bottom: 1.5rem;\n}\n\n.rf-mb-8 {\n margin-bottom: 2rem;\n}\n\n.rf-ml-1 {\n margin-left: .25rem;\n}\n\n.rf-ml-2 {\n margin-left: .5rem;\n}\n\n.rf-ml-4 {\n margin-left: 1rem;\n}\n\n.rf-ml-6 {\n margin-left: 1.5rem;\n}\n\n.rf-mr-1 {\n margin-right: .25rem;\n}\n\n.rf-mr-2 {\n margin-right: .5rem;\n}\n\n.rf-mr-3 {\n margin-right: .75rem;\n}\n\n.rf-mr-4 {\n margin-right: 1rem;\n}\n\n.rf-mr-5 {\n margin-right: 1.25rem;\n}\n\n.rf-mt-1 {\n margin-top: .25rem;\n}\n\n.rf-mt-10 {\n margin-top: 2.5rem;\n}\n\n.rf-mt-2 {\n margin-top: .5rem;\n}\n\n.rf-mt-4 {\n margin-top: 1rem;\n}\n\n.rf-mt-5 {\n margin-top: 1.25rem;\n}\n\n.rf-mt-8 {\n margin-top: 2rem;\n}\n\n.rf-mt-\\[0\\.2rem\\] {\n margin-top: .2rem;\n}\n\n.rf-mt-auto {\n margin-top: auto;\n}\n\n.rf-line-clamp-1 {\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-2 {\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-inline {\n display: inline;\n}\n\n.rf-flex {\n display: flex;\n}\n\n.rf-grid {\n display: grid;\n}\n\n.rf-hidden {\n display: none;\n}\n\n.rf-aspect-\\[4\\/3\\] {\n aspect-ratio: 4 / 3;\n}\n\n.rf-aspect-square {\n aspect-ratio: 1;\n}\n\n.rf-aspect-video {\n aspect-ratio: 16 / 9;\n}\n\n.rf-h-0 {\n height: 0;\n}\n\n.rf-h-1 {\n height: .25rem;\n}\n\n.rf-h-1\\/2 {\n height: 50%;\n}\n\n.rf-h-1\\/3 {\n height: 33.3333%;\n}\n\n.rf-h-12 {\n height: 3rem;\n}\n\n.rf-h-14 {\n height: 3.5rem;\n}\n\n.rf-h-16 {\n height: 4rem;\n}\n\n.rf-h-18 {\n height: 4.5rem;\n}\n\n.rf-h-2 {\n height: .5rem;\n}\n\n.rf-h-2\\/3 {\n height: 66.6667%;\n}\n\n.rf-h-24 {\n height: 6rem;\n}\n\n.rf-h-3 {\n height: .75rem;\n}\n\n.rf-h-3\\/10 {\n height: 30%;\n}\n\n.rf-h-32 {\n height: 8rem;\n}\n\n.rf-h-36 {\n height: 9rem;\n}\n\n.rf-h-4 {\n height: 1rem;\n}\n\n.rf-h-48 {\n height: 12rem;\n}\n\n.rf-h-5 {\n height: 1.25rem;\n}\n\n.rf-h-6 {\n height: 1.5rem;\n}\n\n.rf-h-7 {\n height: 1.75rem;\n}\n\n.rf-h-8 {\n height: 2rem;\n}\n\n.rf-h-9 {\n height: 2.25rem;\n}\n\n.rf-h-\\[0\\.875rem\\] {\n height: .875rem;\n}\n\n.rf-h-\\[calc\\(50vw-3rem\\)\\] {\n height: calc(50vw - 3rem);\n}\n\n.rf-h-fit {\n height: fit-content;\n}\n\n.rf-h-full {\n height: 100%;\n}\n\n.rf-h-max {\n height: max-content;\n}\n\n.rf-h-screen {\n height: 100vh;\n}\n\n.rf-max-h-12 {\n max-height: 3rem;\n}\n\n.rf-max-h-28 {\n max-height: 7rem;\n}\n\n.rf-max-h-4\\/5 {\n max-height: 80%;\n}\n\n.rf-max-h-48 {\n max-height: 12rem;\n}\n\n.rf-max-h-6 {\n max-height: 1.5rem;\n}\n\n.rf-max-h-full {\n max-height: 100%;\n}\n\n.rf-max-h-qrcode {\n max-height: 120px;\n}\n\n.rf-max-h-screen {\n max-height: 100vh;\n}\n\n.rf-min-h-12 {\n min-height: 3rem;\n}\n\n.rf-min-h-16 {\n min-height: 4rem;\n}\n\n.rf-min-h-2\\/5 {\n min-height: 40%;\n}\n\n.rf-min-h-6 {\n min-height: 1.5rem;\n}\n\n.rf-min-h-full {\n min-height: 100%;\n}\n\n.rf-min-h-inherit {\n min-height: inherit;\n}\n\n.rf-w-0 {\n width: 0;\n}\n\n.rf-w-1\\/2 {\n width: 50%;\n}\n\n.rf-w-1\\/3 {\n width: 33.3333%;\n}\n\n.rf-w-1\\/4 {\n width: 25%;\n}\n\n.rf-w-11\\/12 {\n width: 91.6667%;\n}\n\n.rf-w-12 {\n width: 3rem;\n}\n\n.rf-w-16 {\n width: 4rem;\n}\n\n.rf-w-18 {\n width: 4.5rem;\n}\n\n.rf-w-2 {\n width: .5rem;\n}\n\n.rf-w-2\\/3 {\n width: 66.6667%;\n}\n\n.rf-w-20 {\n width: 5rem;\n}\n\n.rf-w-24 {\n width: 6rem;\n}\n\n.rf-w-3 {\n width: .75rem;\n}\n\n.rf-w-3\\/20 {\n width: 15%;\n}\n\n.rf-w-3\\/4 {\n width: 75%;\n}\n\n.rf-w-3\\/5 {\n width: 60%;\n}\n\n.rf-w-32 {\n width: 8rem;\n}\n\n.rf-w-36 {\n width: 9rem;\n}\n\n.rf-w-4 {\n width: 1rem;\n}\n\n.rf-w-4\\/9 {\n width: 45%;\n}\n\n.rf-w-48 {\n width: 12rem;\n}\n\n.rf-w-5 {\n width: 1.25rem;\n}\n\n.rf-w-6 {\n width: 1.5rem;\n}\n\n.rf-w-7 {\n width: 1.75rem;\n}\n\n.rf-w-8 {\n width: 2rem;\n}\n\n.rf-w-9 {\n width: 2.25rem;\n}\n\n.rf-w-\\[45\\%\\] {\n width: 45%;\n}\n\n.rf-w-\\[45ch\\] {\n width: 45ch;\n}\n\n.rf-w-\\[90\\%\\] {\n width: 90%;\n}\n\n.rf-w-\\[calc\\(100\\%-3rem\\)\\] {\n width: calc(100% - 3rem);\n}\n\n.rf-w-fit {\n width: fit-content;\n}\n\n.rf-w-full {\n width: 100%;\n}\n\n.rf-w-max {\n width: max-content;\n}\n\n.rf-w-screen {\n width: 100vw;\n}\n\n.rf-min-w-11\\/12 {\n min-width: 91.7%;\n}\n\n.rf-min-w-12 {\n min-width: 3rem;\n}\n\n.rf-min-w-24 {\n min-width: 6rem;\n}\n\n.rf-min-w-3\\/20 {\n min-width: 15%;\n}\n\n.rf-min-w-6 {\n min-width: 1.5rem;\n}\n\n.rf-min-w-\\[45\\%\\] {\n min-width: 45%;\n}\n\n.rf-min-w-full {\n min-width: 100%;\n}\n\n.rf-max-w-1\\/2 {\n max-width: 50%;\n}\n\n.rf-max-w-16 {\n max-width: 4rem;\n}\n\n.rf-max-w-3\\/20 {\n max-width: 15%;\n}\n\n.rf-max-w-6 {\n max-width: 1.5rem;\n}\n\n.rf-max-w-7\\/10 {\n max-width: 70%;\n}\n\n.rf-max-w-\\[100vw\\] {\n max-width: 100vw;\n}\n\n.rf-max-w-\\[45\\%\\] {\n max-width: 45%;\n}\n\n.rf-max-w-\\[70vw\\] {\n max-width: 70vw;\n}\n\n.rf-max-w-\\[calc\\(100\\%-2rem\\)\\] {\n max-width: calc(100% - 2rem);\n}\n\n.rf-max-w-full {\n max-width: 100%;\n}\n\n.rf-max-w-none {\n max-width: none;\n}\n\n.rf-flex-1 {\n flex: 1;\n}\n\n.rf-flex-\\[0_0_40\\%\\] {\n flex: 0 0 40%;\n}\n\n.rf-flex-\\[2_1_0\\%\\] {\n flex: 2;\n}\n\n.rf-flex-\\[4_1_0\\%\\] {\n flex: 4;\n}\n\n.rf-origin-center {\n transform-origin: center;\n}\n\n.-rf-translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.-rf-translate-y-1\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf--translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-translate-x-1 {\n --tw-translate-x: .25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-translate-x-5 {\n --tw-translate-x: 1.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf--rotate-90 {\n --tw-rotate: -90deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-rotate-0 {\n --tw-rotate: 0deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-rotate-180 {\n --tw-rotate: 180deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-rotate-90 {\n --tw-rotate: 90deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-scale-0 {\n --tw-scale-x: 0;\n --tw-scale-y: 0;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n@keyframes rf-blink {\n 0%, 100% {\n opacity: .2;\n }\n\n 50% {\n opacity: 1;\n }\n}\n\n.rf-animate-blink {\n animation: 1.4s infinite both rf-blink;\n}\n\n@keyframes rf-fadeIn {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n.rf-animate-fadeIn {\n animation: .5s .2s backwards rf-fadeIn;\n}\n\n@keyframes rf-hScroll {\n 0% {\n transform: translateX(0);\n }\n\n 100% {\n transform: translateX(calc(-100% - 2rem));\n }\n}\n\n.rf-animate-hScroll {\n animation: 20s linear infinite rf-hScroll;\n}\n\n@keyframes rf-loader {\n 0% {\n box-shadow: 0 1.5rem 0 -1.5rem var(--rf-color-loader-animation);\n }\n\n 40% {\n box-shadow: 0 1.5rem 0 -.3rem var(--rf-color-loader-animation);\n }\n\n 80% {\n box-shadow: 0 1.5rem 0 -1.5rem var(--rf-color-loader-animation);\n }\n\n 100% {\n box-shadow: 0 1.5rem 0 -1.5rem var(--rf-color-loader-animation);\n }\n}\n\n.rf-animate-loader {\n animation: 1.8s ease-in-out -.16s infinite both rf-loader;\n}\n\n.rf-animate-loaderFadeIn {\n animation: 2s rf-fadeIn;\n}\n\n@keyframes rf-fadeOut {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n}\n\n.rf-animate-loaderFadeOut {\n animation: 1s rf-fadeOut;\n}\n\n@keyframes rf-slideBottom {\n 0% {\n opacity: 0;\n transform: translateX(0)translateY(20px);\n }\n\n 100% {\n opacity: 1;\n transform: translateX(0)translateY(0);\n }\n}\n\n.rf-animate-slideBottom {\n animation: .5s .2s backwards rf-slideBottom;\n}\n\n@keyframes rf-spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n.rf-animate-spin {\n animation: 1s linear infinite rf-spin;\n}\n\n.rf-cursor-pointer {\n cursor: pointer;\n}\n\n.rf-select-none {\n user-select: none;\n}\n\n.rf-resize-none {\n resize: none;\n}\n\n.rf-scroll-pb-4 {\n scroll-padding-bottom: 1rem;\n}\n\n.rf-grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n\n.rf-grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.rf-grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.rf-grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.rf-grid-cols-6 {\n grid-template-columns: repeat(6, minmax(0, 1fr));\n}\n\n.rf-grid-cols-7 {\n grid-template-columns: repeat(7, minmax(0, 1fr));\n}\n\n.rf-grid-cols-8 {\n grid-template-columns: repeat(8, minmax(0, 1fr));\n}\n\n.rf-grid-cols-headerContainer {\n grid-template-columns: 7rem 1fr 1fr 1fr;\n}\n\n.rf-grid-cols-printingPreview {\n grid-template-columns: minmax(0, 1fr) 3rem;\n}\n\n.rf-grid-cols-routes {\n grid-template-columns: repeat(3, max-content);\n}\n\n.rf-grid-rows-1 {\n grid-template-rows: repeat(1, minmax(0, 1fr));\n}\n\n.rf-grid-rows-2 {\n grid-template-rows: repeat(2, minmax(0, 1fr));\n}\n\n.rf-grid-rows-container {\n grid-template-rows: repeat(12, minmax(0, 1fr));\n}\n\n.rf-grid-rows-headerContainer {\n grid-template-rows: repeat(3, minmax(0, 1fr));\n}\n\n.rf-flex-row {\n flex-direction: row;\n}\n\n.rf-flex-col {\n flex-direction: column;\n}\n\n.rf-flex-col-reverse {\n flex-direction: column-reverse;\n}\n\n.rf-flex-wrap {\n flex-wrap: wrap;\n}\n\n.rf-flex-nowrap {\n flex-wrap: nowrap;\n}\n\n.rf-content-around {\n align-content: space-around;\n}\n\n.rf-items-start {\n align-items: flex-start;\n}\n\n.rf-items-end {\n align-items: flex-end;\n}\n\n.rf-items-center {\n align-items: center;\n}\n\n.rf-justify-start {\n justify-content: flex-start;\n}\n\n.rf-justify-end {\n justify-content: flex-end;\n}\n\n.rf-justify-center {\n justify-content: center;\n}\n\n.rf-justify-between {\n justify-content: space-between;\n}\n\n.rf-justify-around {\n justify-content: space-around;\n}\n\n.rf-justify-evenly {\n justify-content: space-evenly;\n}\n\n.rf-gap-1 {\n gap: .25rem;\n}\n\n.rf-gap-12 {\n gap: 3rem;\n}\n\n.rf-gap-2 {\n gap: .5rem;\n}\n\n.rf-gap-3 {\n gap: .75rem;\n}\n\n.rf-gap-4 {\n gap: 1rem;\n}\n\n.rf-gap-5 {\n gap: 1.25rem;\n}\n\n.rf-gap-8 {\n gap: 2rem;\n}\n\n.rf-gap-9 {\n gap: 2.25rem;\n}\n\n.rf-divide-x > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-x-reverse: 0;\n border-right-width: calc(1px * var(--tw-divide-x-reverse));\n border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));\n}\n\n.rf-self-auto {\n align-self: auto;\n}\n\n.rf-self-start {\n align-self: flex-start;\n}\n\n.rf-self-end {\n align-self: flex-end;\n}\n\n.rf-self-center {\n align-self: center;\n}\n\n.rf-justify-self-start {\n justify-self: start;\n}\n\n.rf-justify-self-end {\n justify-self: end;\n}\n\n.rf-justify-self-center {\n justify-self: center;\n}\n\n.rf-overflow-hidden {\n overflow: hidden;\n}\n\n.rf-overflow-clip {\n overflow: clip;\n}\n\n.rf-overflow-x-auto {\n overflow-x: auto;\n}\n\n.rf-overflow-y-auto {\n overflow-y: auto;\n}\n\n.rf-overflow-x-hidden {\n overflow-x: hidden;\n}\n\n.rf-overflow-y-hidden {\n overflow-y: hidden;\n}\n\n.rf-overflow-y-visible {\n overflow-y: visible;\n}\n\n.rf-overflow-x-scroll {\n overflow-x: scroll;\n}\n\n.rf-overflow-y-scroll {\n overflow-y: scroll;\n}\n\n.rf-truncate {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.rf-whitespace-nowrap {\n white-space: nowrap;\n}\n\n.rf-rounded {\n border-radius: .3125rem;\n}\n\n.rf-rounded-6 {\n border-radius: 1.5rem;\n}\n\n.rf-rounded-8 {\n border-radius: 2rem;\n}\n\n.rf-rounded-\\[20px\\] {\n border-radius: 20px;\n}\n\n.rf-rounded-full {\n border-radius: 9999px;\n}\n\n.rf-rounded-half {\n border-radius: 50%;\n}\n\n.rf-rounded-lg {\n border-radius: .5rem;\n}\n\n.rf-rounded-max {\n border-radius: 100%;\n}\n\n.rf-rounded-b {\n border-bottom-right-radius: .3125rem;\n border-bottom-left-radius: .3125rem;\n}\n\n.rf-rounded-l-lg {\n border-top-left-radius: .5rem;\n border-bottom-left-radius: .5rem;\n}\n\n.rf-border {\n border-width: 1px;\n}\n\n.rf-border-0 {\n border-width: 0;\n}\n\n.rf-border-2 {\n border-width: 2px;\n}\n\n.rf-border-y {\n border-top-width: 1px;\n border-bottom-width: 1px;\n}\n\n.rf-border-b {\n border-bottom-width: 1px;\n}\n\n.rf-border-b-2 {\n border-bottom-width: 2px;\n}\n\n.rf-border-l {\n border-left-width: 1px;\n}\n\n.rf-border-r {\n border-right-width: 1px;\n}\n\n.rf-border-t {\n border-top-width: 1px;\n}\n\n.rf-border-t-0 {\n border-top-width: 0;\n}\n\n.rf-border-none {\n border-style: none;\n}\n\n.rf-border-\\[\\#00000029\\] {\n border-color: #00000029;\n}\n\n.rf-border-\\[\\#9FA2AA\\] {\n --tw-border-opacity: 1;\n border-color: rgb(159 162 170 / var(--tw-border-opacity));\n}\n\n.rf-border-\\[\\#C7C6C6\\] {\n --tw-border-opacity: 1;\n border-color: rgb(199 198 198 / var(--tw-border-opacity));\n}\n\n.rf-border-black {\n border-color: var(--rf-color-black);\n}\n\n.rf-border-cardButtonBorderDefault {\n border-color: var(--rf-color-cardButtonBorderDefault);\n}\n\n.rf-border-cardButtonBorderHover {\n border-color: var(--rf-color-cardButtonBorderHover);\n}\n\n.rf-border-cardFrameBorder {\n border-color: var(--rf-color-cardFrameBorder);\n}\n\n.rf-border-formInputButtonBorderDefault {\n border-color: var(--rf-color-formInputButtonBorderDefault);\n}\n\n.rf-border-formInputButtonBorderHover {\n border-color: var(--rf-color-formInputButtonBorderHover);\n}\n\n.rf-border-formInputRadioCheckboxCheckedBorder {\n border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n}\n\n.rf-border-formInputRadioCheckboxUncheckedBorder {\n border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n}\n\n.rf-border-gray {\n --tw-border-opacity: 1;\n border-color: rgb(128 128 128 / var(--tw-border-opacity));\n}\n\n.rf-border-menuBorder {\n --tw-border-opacity: 1;\n border-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-border-primary {\n border-color: var(--rf-color-primary);\n}\n\n.rf-border-red-700 {\n --tw-border-opacity: 1;\n border-color: rgb(185 28 28 / var(--tw-border-opacity));\n}\n\n.rf-border-secondary {\n border-color: var(--rf-color-secondary);\n}\n\n.rf-border-templateCheckboxBorder {\n --tw-border-opacity: 1;\n border-color: rgb(112 112 112 / var(--tw-border-opacity));\n}\n\n.rf-border-trueblack {\n --tw-border-opacity: 1;\n border-color: rgb(0 0 0 / var(--tw-border-opacity));\n}\n\n.rf-border-truewhite {\n --tw-border-opacity: 1;\n border-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n\n.rf-border-x-primary {\n border-left-color: var(--rf-color-primary);\n border-right-color: var(--rf-color-primary);\n}\n\n.rf-border-y-menuBorder {\n --tw-border-opacity: 1;\n border-top-color: rgb(224 225 231 / var(--tw-border-opacity));\n border-bottom-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-border-b-\\[\\#C4C5C8\\] {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(196 197 200 / var(--tw-border-opacity));\n}\n\n.rf-border-b-black {\n border-bottom-color: var(--rf-color-black);\n}\n\n.rf-border-b-menuBorder {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-border-b-silver {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(192 192 192 / var(--tw-border-opacity));\n}\n\n.rf-border-b-transparent {\n border-bottom-color: #0000;\n}\n\n.rf-border-l-menuBorder {\n --tw-border-opacity: 1;\n border-left-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-border-r-silver {\n --tw-border-opacity: 1;\n border-right-color: rgb(192 192 192 / var(--tw-border-opacity));\n}\n\n.rf-border-t-\\[\\#CBC9C9\\] {\n --tw-border-opacity: 1;\n border-top-color: rgb(203 201 201 / var(--tw-border-opacity));\n}\n\n.rf-border-t-menuBorder {\n --tw-border-opacity: 1;\n border-top-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-bg-\\[\\#00000050\\] {\n background-color: #00000050;\n}\n\n.rf-bg-\\[\\#F0F0F0\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(240 240 240 / var(--tw-bg-opacity));\n}\n\n.rf-bg-\\[\\#F8F8F8\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(248 248 248 / var(--tw-bg-opacity));\n}\n\n.rf-bg-black {\n background-color: var(--rf-color-black);\n}\n\n.rf-bg-blue-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n}\n\n.rf-bg-cardButtonBackgroundDefault {\n background-color: var(--rf-color-cardButtonBackgroundDefault);\n}\n\n.rf-bg-cardButtonBackgroundHover {\n background-color: var(--rf-color-cardButtonBackgroundHover);\n}\n\n.rf-bg-cardFrameBackground {\n background-color: var(--rf-color-cardFrameBackground);\n}\n\n.rf-bg-formInputButtonBackgroundDefault {\n background-color: var(--rf-color-formInputButtonBackgroundDefault);\n}\n\n.rf-bg-formInputButtonBackgroundHover {\n background-color: var(--rf-color-formInputButtonBackgroundHover);\n}\n\n.rf-bg-formInputRadioCheckboxUncheckedBackground {\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n}\n\n.rf-bg-gray {\n --tw-bg-opacity: 1;\n background-color: rgb(128 128 128 / var(--tw-bg-opacity));\n}\n\n.rf-bg-primary {\n background-color: var(--rf-color-primary);\n}\n\n.rf-bg-red-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(220 38 38 / var(--tw-bg-opacity));\n}\n\n.rf-bg-secondary {\n background-color: var(--rf-color-secondary);\n}\n\n.rf-bg-silver {\n --tw-bg-opacity: 1;\n background-color: rgb(192 192 192 / var(--tw-bg-opacity));\n}\n\n.rf-bg-templateBackground {\n --tw-bg-opacity: 1;\n background-color: rgb(241 241 241 / var(--tw-bg-opacity));\n}\n\n.rf-bg-templateEmptyCard {\n --tw-bg-opacity: 1;\n background-color: rgb(232 231 231 / var(--tw-bg-opacity));\n}\n\n.rf-bg-textModePanelBackground {\n background-color: var(--rf-color-textModePanelBackground);\n}\n\n.rf-bg-transparent {\n background-color: #0000;\n}\n\n.rf-bg-truewhite {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.rf-bg-vocalModeSubtitlesBackground {\n background-color: var(--rf-color-vocalModeSubtitlesBackground);\n}\n\n.rf-bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(247 243 246 / var(--tw-bg-opacity));\n}\n\n.rf-bg-opacity-30 {\n --tw-bg-opacity: .3;\n}\n\n.rf-bg-opacity-50 {\n --tw-bg-opacity: .5;\n}\n\n.rf-bg-opacity-80 {\n --tw-bg-opacity: .8;\n}\n\n.rf-object-cover {\n object-fit: cover;\n}\n\n.rf-p-0 {\n padding: 0;\n}\n\n.rf-p-1 {\n padding: .25rem;\n}\n\n.rf-p-2 {\n padding: .5rem;\n}\n\n.rf-p-4 {\n padding: 1rem;\n}\n\n.rf-p-6 {\n padding: 1.5rem;\n}\n\n.rf-p-\\[25px\\] {\n padding: 25px;\n}\n\n.rf-p-\\[7px_12px\\] {\n padding: 7px 12px;\n}\n\n.rf-px-1 {\n padding-left: .25rem;\n padding-right: .25rem;\n}\n\n.rf-px-2 {\n padding-left: .5rem;\n padding-right: .5rem;\n}\n\n.rf-px-3 {\n padding-left: .75rem;\n padding-right: .75rem;\n}\n\n.rf-px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.rf-px-5, .rf-px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.rf-px-8 {\n padding-left: 2rem;\n padding-right: 2rem;\n}\n\n.rf-py-0 {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.rf-py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n.rf-py-12 {\n padding-top: 3rem;\n padding-bottom: 3rem;\n}\n\n.rf-py-2 {\n padding-top: .5rem;\n padding-bottom: .5rem;\n}\n\n.rf-py-3 {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n.rf-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.rf-py-6 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n.rf-pb-10 {\n padding-bottom: 2.5rem;\n}\n\n.rf-pb-12 {\n padding-bottom: 3rem;\n}\n\n.rf-pb-14 {\n padding-bottom: 3.5rem;\n}\n\n.rf-pb-2 {\n padding-bottom: .5rem;\n}\n\n.rf-pb-3 {\n padding-bottom: .75rem;\n}\n\n.rf-pb-4 {\n padding-bottom: 1rem;\n}\n\n.rf-pb-5, .rf-pb-6 {\n padding-bottom: 1.5rem;\n}\n\n.rf-pb-8 {\n padding-bottom: 2rem;\n}\n\n.rf-pb-\\[15vh\\] {\n padding-bottom: 15vh;\n}\n\n.rf-pl-0 {\n padding-left: 0;\n}\n\n.rf-pl-1 {\n padding-left: .25rem;\n}\n\n.rf-pl-2 {\n padding-left: .5rem;\n}\n\n.rf-pl-4 {\n padding-left: 1rem;\n}\n\n.rf-pl-6 {\n padding-left: 1.5rem;\n}\n\n.rf-pr-1 {\n padding-right: .25rem;\n}\n\n.rf-pr-2 {\n padding-right: .5rem;\n}\n\n.rf-pr-4 {\n padding-right: 1rem;\n}\n\n.rf-pt-1 {\n padding-top: .25rem;\n}\n\n.rf-pt-11\\/20 {\n padding-top: 55%;\n}\n\n.rf-pt-12 {\n padding-top: 3rem;\n}\n\n.rf-pt-14 {\n padding-top: 3.5rem;\n}\n\n.rf-pt-2 {\n padding-top: .5rem;\n}\n\n.rf-pt-24 {\n padding-top: 6rem;\n}\n\n.rf-pt-3 {\n padding-top: .75rem;\n}\n\n.rf-pt-4 {\n padding-top: 1rem;\n}\n\n.rf-pt-8 {\n padding-top: 2rem;\n}\n\n.rf-pt-\\[25vh\\] {\n padding-top: 25vh;\n}\n\n.rf-pt-\\[26vh\\] {\n padding-top: 26vh;\n}\n\n.rf-text-left {\n text-align: left;\n}\n\n.rf-text-center {\n text-align: center;\n}\n\n.rf-text-right {\n text-align: right;\n}\n\n.rf-font-default {\n font-family: Calibri, sans-serif;\n}\n\n.rf-text-2xl {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n.rf-text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n.rf-text-4xl {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-text-5xl {\n font-size: 3rem;\n line-height: 1;\n}\n\n.rf-text-7xl {\n font-size: 4.5rem;\n line-height: 1;\n}\n\n.rf-text-8xl {\n font-size: 6rem;\n line-height: 1;\n}\n\n.rf-text-\\[0\\.5rem\\] {\n font-size: .5rem;\n}\n\n.rf-text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.rf-text-basecustom {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n.rf-text-lgcustom {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n.rf-text-sm {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n.rf-text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n\n.rf-text-xs {\n font-size: .75rem;\n line-height: 1rem;\n}\n\n.rf-text-xsl {\n font-size: .7rem;\n line-height: 1rem;\n}\n\n.rf-text-xsm {\n font-size: .6rem;\n}\n\n.rf-font-bold {\n font-weight: 600;\n}\n\n.rf-font-medium {\n font-weight: 300;\n}\n\n.rf-font-semibold {\n font-weight: 400;\n}\n\n.rf-uppercase {\n text-transform: uppercase;\n}\n\n.rf-capitalize {\n text-transform: capitalize;\n}\n\n.rf-normal-case {\n text-transform: none;\n}\n\n.rf-italic {\n font-style: italic;\n}\n\n.rf-text-\\[\\#575F6B\\] {\n --tw-text-opacity: 1;\n color: rgb(87 95 107 / var(--tw-text-opacity));\n}\n\n.rf-text-\\[\\#9A9A9A\\] {\n --tw-text-opacity: 1;\n color: rgb(154 154 154 / var(--tw-text-opacity));\n}\n\n.rf-text-\\[\\#A4A7AF\\] {\n --tw-text-opacity: 1;\n color: rgb(164 167 175 / var(--tw-text-opacity));\n}\n\n.rf-text-black {\n color: var(--rf-color-black);\n}\n\n.rf-text-cardButtonTextDefault {\n color: var(--rf-color-cardButtonTextDefault);\n}\n\n.rf-text-cardFrameText {\n color: var(--rf-color-cardFrameText);\n}\n\n.rf-text-formInputButtonTextDefault {\n color: var(--rf-color-formInputButtonTextDefault);\n}\n\n.rf-text-formInputButtonTextHover {\n color: var(--rf-color-formInputButtonTextHover);\n}\n\n.rf-text-formInputRadioCheckboxUncheckedBackground {\n color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n}\n\n.rf-text-formInputTextDefault {\n color: var(--rf-color-formInputTextDefault);\n}\n\n.rf-text-gray {\n --tw-text-opacity: 1;\n color: rgb(128 128 128 / var(--tw-text-opacity));\n}\n\n.rf-text-lightgray {\n --tw-text-opacity: 1;\n color: rgb(129 129 129 / var(--tw-text-opacity));\n}\n\n.rf-text-primary {\n color: var(--rf-color-primary);\n}\n\n.rf-text-red-700 {\n --tw-text-opacity: 1;\n color: rgb(185 28 28 / var(--tw-text-opacity));\n}\n\n.rf-text-secondary {\n color: var(--rf-color-secondary);\n}\n\n.rf-text-textModePanelConversationBot {\n color: var(--rf-color-textModePanelConversationBot);\n}\n\n.rf-text-textModePanelConversationUser {\n color: var(--rf-color-textModePanelConversationUser);\n}\n\n.rf-text-trueblack {\n --tw-text-opacity: 1;\n color: rgb(0 0 0 / var(--tw-text-opacity));\n}\n\n.rf-text-truewhite {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.rf-text-vocalModeSubtitlesText {\n color: var(--rf-color-vocalModeSubtitlesText);\n}\n\n.rf-text-white {\n --tw-text-opacity: 1;\n color: rgb(247 243 246 / var(--tw-text-opacity));\n}\n\n.rf-underline {\n text-decoration-line: underline;\n}\n\n.rf-shadow-\\[0_0_15px_0_silver\\] {\n --tw-shadow: 0 0 15px 0 silver;\n --tw-shadow-colored: 0 0 15px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_0_20px_1px_\\#A4A7AF80\\] {\n --tw-shadow: 0 0 20px 1px #a4a7af80;\n --tw-shadow-colored: 0 0 20px 1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_0_3px_6px_\\#00000029\\] {\n --tw-shadow: 0 0 3px 6px #00000029;\n --tw-shadow-colored: 0 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_3px_6px_\\#00000029\\] {\n --tw-shadow: 0 3px 6px #00000029;\n --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_3px_6px_\\#606267\\] {\n --tw-shadow: 0 3px 6px #606267;\n --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_3px_6px_rgba\\(0\\,0\\,0\\,0\\.16\\)\\] {\n --tw-shadow: 0 3px 6px #00000029;\n --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_6px_6px_\\#00000029\\] {\n --tw-shadow: 0 6px 6px #00000029;\n --tw-shadow-colored: 0 6px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[20px_3px_20px_\\#00000029\\] {\n --tw-shadow: 20px 3px 20px #00000029;\n --tw-shadow-colored: 20px 3px 20px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[3px_3px_16px_\\#00000029\\] {\n --tw-shadow: 3px 3px 16px #00000029;\n --tw-shadow-colored: 3px 3px 16px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[3px_3px_6px_\\#00000029\\] {\n --tw-shadow: 3px 3px 6px #00000029;\n --tw-shadow-colored: 3px 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[inset_0_0_6px_\\#0000003B\\] {\n --tw-shadow: inset 0 0 6px #0000003b;\n --tw-shadow-colored: inset 0 0 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[inset_0_12px_12px_-12px_\\#00000029\\,inset_0_-12px_12px_-12px_\\#00000029\\] {\n --tw-shadow: inset 0 12px 12px -12px #00000029, inset 0 -12px 12px -12px #00000029;\n --tw-shadow-colored: inset 0 12px 12px -12px var(--tw-shadow-color), inset 0 -12px 12px -12px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-card {\n --tw-shadow: 0px 0px 13px 3px #101219;\n --tw-shadow-colored: 0px 0px 13px 3px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-outline-none {\n outline-offset: 2px;\n outline: 2px solid #0000;\n}\n\n.rf-blur-background {\n --tw-blur: blur(var(--rf-blur-background));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.rf-filter {\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.rf-transition-all {\n transition-property: all;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.rf-transition-transform {\n transition-property: transform;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.rf-text-shadow-black {\n text-shadow: 2px 0 5px #000, -2px 0 5px #000, 0 2px 5px #000, 0 -2px 5px #000;\n}\n\n.rf-capitalize-first:first-letter {\n text-transform: uppercase;\n}\n\nol {\n padding-left: 2rem;\n list-style-type: decimal;\n}\n\nul {\n padding-left: 2rem;\n list-style-type: disc;\n}\n\n#retorik-container.rf-portrait:not(.rf-large) .ac-image {\n max-width: 100px;\n}\n\n.rf-glass-background, #retorik-container.portrait .portrait\\:rf-glass-background {\n background-color: var(--rf-color-black);\n --tw-bg-opacity: .62;\n --tw-backdrop-blur: blur(8px);\n backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n\n.rf-loader:before {\n content: \"\";\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n animation: 1.8s ease-in-out -.32s infinite both rf-loader;\n display: block;\n position: absolute;\n right: 1.5rem;\n}\n\n.rf-loader:after {\n content: \"\";\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n animation: 1.8s ease-in-out infinite both rf-loader;\n display: block;\n position: absolute;\n left: 1.5rem;\n}\n\n.rf-loader-microphone:before, .rf-loader-microphone:after {\n content: \"\";\n --tw-border-opacity: 1;\n border: 6px solid #0000;\n border-top-color: rgb(128 128 128 / var(--tw-border-opacity));\n border-radius: 100%;\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.rf-loader-microphone:before {\n z-index: 1;\n animation: 1s linear infinite rf-spin;\n}\n\n.rf-loader-microphone:after {\n --tw-border-opacity: 1;\n border-color: rgb(204 204 204 / var(--tw-border-opacity));\n}\n\n.rf-touch-action-none {\n touch-action: none;\n}\n\n.rf-unselectable {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-touch-callout: none;\n}\n\n.rf-title-extralarge-bold-size-auto {\n font-size: 2.25rem;\n font-weight: 600;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large .rf-title-extralarge-bold-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-extralarge-bold-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n.rf-title-extralarge-size-auto {\n font-size: 2.25rem;\n font-weight: 400;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large .rf-title-extralarge-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-extralarge-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n.rf-title-large-size-auto {\n font-size: 1.5rem;\n font-weight: 400;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-title-large-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-large-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n.rf-title-large-bold-size-auto {\n font-size: 1.875rem;\n font-weight: 600;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large .rf-title-large-bold-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-large-bold-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n.rf-title-size-auto {\n font-size: 1.5rem;\n font-weight: 400;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-title-size-auto {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-title-bold-size-auto {\n font-size: 1.5rem;\n font-weight: 600;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-title-bold-size-auto {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-bold-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-subtitle-size-auto {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-subtitle-size-auto {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-subtitle-size-auto {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n.rf-text-extralarge-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large .rf-text-extralarge-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-extralarge-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n.rf-text-verylarge-size-auto {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-text-verylarge-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-verylarge-size-auto {\n font-size: 4.5rem;\n line-height: 1;\n}\n\n.rf-text-large-size-auto {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-text-large-size-auto {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-large-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-text-medium-size-auto {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large .rf-text-medium-size-auto {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n.rf-text-size-auto {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-text-size-auto {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-size-auto {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n.rf-small-size-auto {\n font-size: .6rem;\n}\n\n#retorik-container.rf-large .rf-small-size-auto {\n font-size: .75rem;\n line-height: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-small-size-auto {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n.rf-line-clamp-unknown {\n hyphens: auto;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-1 {\n hyphens: auto;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-2 {\n hyphens: auto;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-3 {\n hyphens: auto;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-4 {\n hyphens: auto;\n -webkit-line-clamp: 4;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-5 {\n hyphens: auto;\n -webkit-line-clamp: 5;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-6 {\n hyphens: auto;\n -webkit-line-clamp: 6;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-7 {\n hyphens: auto;\n -webkit-line-clamp: 7;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-8 {\n hyphens: auto;\n -webkit-line-clamp: 8;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-9 {\n hyphens: auto;\n -webkit-line-clamp: 9;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-10 {\n hyphens: auto;\n -webkit-line-clamp: 10;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-height-fill-available {\n height: stretch;\n}\n\n.rf-width-fill-available {\n width: stretch;\n}\n\n.rf-animation-delay-2 {\n animation-delay: .2s;\n}\n\n.rf-animation-delay-4 {\n animation-delay: .4s;\n}\n\n.rf-scrollbar-thin {\n scrollbar-width: thin;\n scrollbar-color: var(--rf-color-secondary) transparent;\n}\n\n.rf-scrollbar-thin::-webkit-scrollbar {\n width: .2rem;\n height: .2rem;\n margin: .25rem 0;\n}\n\n.rf-scrollbar-thin::-webkit-scrollbar-thumb {\n background-color: var(--rf-color-secondary);\n border-radius: .5rem;\n}\n\n.rf-scrollbar-x-custom::-webkit-scrollbar {\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n border-radius: 2rem;\n height: .5rem;\n}\n\n.rf-scrollbar-x-custom::-webkit-scrollbar-thumb {\n background-color: var(--rf-color-primary);\n border-radius: 2rem;\n}\n\n.rf-scrollbar-hidden {\n scrollbar-width: none;\n}\n\n.rf-scrollbar-hidden::-webkit-scrollbar {\n display: none;\n}\n\n.rf-opacity-gradient-b {\n -webkit-mask-image: linear-gradient(#000 50%, #0000 100%);\n}\n\n.rf-opacity-gradient-b-thin {\n -webkit-mask-image: linear-gradient(#797676 84%, #0000 100%);\n}\n\n.rf-opacity-gradient-l {\n -webkit-mask-image: linear-gradient(to left, #000 75%, gray 80%, #0000 85%);\n}\n\n.rf-opacity-gradient-l-thin {\n -webkit-mask-image: linear-gradient(to left, #000 90%, gray 95%, #0000 100%);\n}\n\n.rf-opacity-gradient-h {\n -webkit-mask-image: linear-gradient(to right, #0000 0%, 6%, #000, 94%, #0000 100%);\n}\n\n.rf-card-button {\n border-width: 1px;\n border-color: var(--rf-color-cardButtonBorderDefault);\n background-color: var(--rf-color-cardButtonBackgroundDefault);\n color: var(--rf-color-cardButtonTextDefault);\n border-radius: .3125rem;\n padding: .25rem .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button {\n padding: .5rem 1rem;\n}\n\n.rf-card-button:hover {\n cursor: pointer;\n border-color: var(--rf-color-cardButtonBorderHover);\n background-color: var(--rf-color-cardButtonBackgroundHover);\n color: var(--rf-color-cardButtonTextHover);\n}\n\n.rf-card-button-secondary {\n border-width: 1px;\n border-color: var(--rf-color-secondary);\n color: var(--rf-color-secondary);\n background-color: #0000;\n border-radius: .3125rem;\n padding: .25rem .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-secondary {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-secondary {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-secondary {\n padding: .5rem 1rem;\n}\n\n.rf-card-button-secondary:hover {\n cursor: pointer;\n border-color: var(--rf-color-secondary);\n background-color: var(--rf-color-secondary);\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.rf-card-button-discover {\n border-width: 1px;\n border-color: var(--rf-color-cardButtonDiscoverBorderDefault);\n background-color: var(--rf-color-cardButtonDiscoverBackgroundDefault);\n color: var(--rf-color-cardButtonDiscoverTextDefault);\n border-radius: .3125rem;\n padding: .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-discover {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n.rf-card-button-discover:hover {\n cursor: pointer;\n border-color: var(--rf-color-cardButtonDiscoverBorderHover);\n background-color: var(--rf-color-cardButtonDiscoverBackgroundHover);\n color: var(--rf-color-cardButtonDiscoverTextHover);\n}\n\n.rf-card-button-history {\n cursor: default;\n border-width: 1px;\n border-color: var(--rf-color-cardButtonBorderDefault);\n background-color: var(--rf-color-cardButtonBackgroundDefault);\n color: var(--rf-color-cardButtonTextDefault);\n border-radius: .3125rem;\n padding: .25rem .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-history {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-history {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-history {\n padding: .5rem 1rem;\n}\n\n.lf-player-container {\n align-items: flex-end;\n width: 100%;\n height: 100%;\n display: flex;\n overflow: hidden;\n}\n\n.rf-input-label {\n text-overflow: ellipsis;\n color: var(--rf-color-formInputTextDefault);\n margin-top: .1rem;\n margin-left: .75rem;\n overflow-x: hidden;\n}\n\n#retorik-container.rf-large .rf-input-label {\n margin-top: .25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-input-label {\n margin-top: .2rem;\n}\n\n.rf-radio-custom {\n -webkit-appearance: none;\n appearance: none;\n border-width: 2px;\n border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n border-radius: 50%;\n place-content: center;\n width: 1.5rem;\n min-width: 1.5rem;\n height: 1.5rem;\n margin: 0;\n display: grid;\n}\n\n.rf-radio-custom:checked {\n border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n#retorik-container.rf-large .rf-radio-custom {\n width: 1.75rem;\n min-width: 1.75rem;\n height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-radio-custom {\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n}\n\n.rf-radio-custom:before {\n content: \"\";\n --tw-scale-x: 0;\n --tw-scale-y: 0;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n background-color: var(--rf-color-formInputRadioCheckboxCheckedItem);\n border-radius: 50%;\n width: .5rem;\n height: .5rem;\n transition-property: all;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n#retorik-container.rf-large .rf-radio-custom:before {\n width: .75rem;\n height: .75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-radio-custom:before {\n width: 1rem;\n height: 1rem;\n}\n\n.rf-radio-custom:checked:before {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-input-hidden {\n -webkit-appearance: none;\n appearance: none;\n margin: 0;\n}\n\n.rf-checkbox-custom {\n -webkit-appearance: none;\n appearance: none;\n border-width: 2px;\n border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n border-radius: .3125rem;\n place-content: center;\n width: 1.5rem;\n min-width: 1.5rem;\n height: 1.5rem;\n margin: 0;\n display: grid;\n}\n\n#retorik-container.rf-large .rf-checkbox-custom {\n width: 1.75rem;\n min-width: 1.75rem;\n height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-checkbox-custom {\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n}\n\n.rf-checkbox-custom:checked {\n border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n.rf-toggle-custom {\n -webkit-appearance: none;\n appearance: none;\n background-color: var(--rf-color-black);\n border-radius: 1.5rem;\n width: 3rem;\n min-width: 3rem;\n height: 1.5rem;\n margin: 0;\n position: relative;\n}\n\n.rf-toggle-custom:checked {\n background-color: var(--rf-color-primary);\n}\n\n#retorik-container.rf-large .rf-toggle-custom {\n border-radius: 1.75rem;\n width: 3.5rem;\n min-width: 3.5rem;\n height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-toggle-custom {\n border-radius: 2rem;\n width: 4rem;\n min-width: 4rem;\n height: 2rem;\n}\n\n.rf-toggle-custom:before {\n content: \"\";\n --tw-translate-x: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n transition-property: all;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n position: absolute;\n top: .25rem;\n left: .25rem;\n}\n\n#retorik-container.rf-large .rf-toggle-custom:before {\n width: 1.25rem;\n height: 1.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-toggle-custom:before {\n width: 1.5rem;\n height: 1.5rem;\n}\n\n.rf-toggle-custom:checked:before {\n --tw-translate-x: 1.5rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n#retorik-container.rf-large .rf-toggle-custom:checked:before {\n --tw-translate-x: 1.75rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n#retorik-container.rf-large.rf-portrait .rf-toggle-custom:checked:before {\n --tw-translate-x: 2rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-select-custom {\n -webkit-appearance: none;\n appearance: none;\n border-width: 2px;\n border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n border-radius: .3125rem;\n margin: 0;\n padding: 1rem;\n}\n\n.rf-select-custom:hover {\n cursor: pointer;\n}\n\n.rf-select-custom:focus-visible {\n border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n}\n\n.rf-slider-custom {\n -webkit-appearance: none;\n -moz-appearance: none;\n outline-offset: 2px;\n border-radius: .5rem;\n outline: 2px solid #0000;\n width: 100%;\n height: .25rem;\n display: block;\n position: relative;\n}\n\n.rf-slider-custom::-webkit-slider-runnable-track {\n -webkit-appearance: none;\n}\n\n.rf-slider-custom::-moz-track {\n -moz-appearance: none;\n}\n\n.rf-slider-custom::-ms-track {\n appearance: none;\n}\n\n.rf-slider-custom::-webkit-slider-thumb {\n -webkit-appearance: none;\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n border-style: none;\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -.2rem;\n}\n\n.rf-slider-custom::-webkit-slider-thumb:hover {\n cursor: pointer;\n}\n\n.rf-slider-custom::-moz-range-thumb {\n -webkit-appearance: none;\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n border-style: none;\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -.2rem;\n}\n\n.rf-slider-custom::-moz-range-thumb:hover {\n cursor: pointer;\n}\n\n.rf-slider-custom::-ms-thumb {\n appearance: none;\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n border-style: none;\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -.2rem;\n}\n\n.rf-slider-custom::-ms-thumb:hover {\n cursor: pointer;\n}\n\n.rf-likert-custom {\n cursor: pointer;\n outline-offset: 2px;\n -webkit-text-stroke-width: 1px;\n -webkit-text-stroke-color: white;\n background-color: #0000;\n border-style: none;\n outline: 2px solid #0000;\n}\n\n.svgButtonMenu > svg * {\n fill: var(--fill);\n}\n\n.webchat__css-custom-properties {\n width: 100%;\n height: 100%;\n}\n\n.placeholder\\:rf-text-black::placeholder {\n color: var(--rf-color-black);\n}\n\n.placeholder\\:rf-opacity-100::placeholder {\n opacity: 1;\n}\n\n.hover\\:rf-cursor-pointer:hover {\n cursor: pointer;\n}\n\n.hover\\:rf-border-truewhite:hover {\n --tw-border-opacity: 1;\n border-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n\n.hover\\:rf-bg-formInputRadioCheckboxCheckedBackground:hover {\n background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n.hover\\:rf-bg-truewhite:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.hover\\:rf-text-formInputRadioCheckboxCheckedItem:hover {\n color: var(--rf-color-formInputRadioCheckboxCheckedItem);\n}\n\n.hover\\:rf-text-truewhite:hover {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-col-span-full {\n grid-column: 1 / -1;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-col-start-1 {\n grid-column-start: 1;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-row-span-1 {\n grid-row: span 1 / span 1;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-row-start-11 {\n grid-row-start: 11;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-row-end-13 {\n grid-row-end: 13;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-w-5\\/6 {\n width: 83.3333%;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-w-full {\n width: 100%;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-flex-col {\n flex-direction: column;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-overflow-x-auto {\n overflow-x: auto;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-border-r-0 {\n border-right-width: 0;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-absolute {\n position: absolute;\n}\n\n#retorik-container.rf-large .large\\:rf-left-4 {\n left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-top-8 {\n top: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-col-start-5 {\n grid-column-start: 5;\n}\n\n#retorik-container.rf-large .large\\:rf-col-end-6 {\n grid-column-end: 6;\n}\n\n#retorik-container.rf-large .large\\:rf-col-end-9 {\n grid-column-end: 9;\n}\n\n#retorik-container.rf-large .large\\:rf-row-span-full {\n grid-row: 1 / -1;\n}\n\n#retorik-container.rf-large .large\\:rf-row-start-10 {\n grid-row-start: 10;\n}\n\n#retorik-container.rf-large .large\\:rf-row-start-5 {\n grid-row-start: 5;\n}\n\n#retorik-container.rf-large .large\\:rf-m-8 {\n margin: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-my-0 {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-my-3 {\n margin-top: .75rem;\n margin-bottom: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-0 {\n margin-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-4 {\n margin-bottom: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-6 {\n margin-bottom: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-0 {\n margin-left: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-12 {\n margin-left: 3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-4 {\n margin-left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-8 {\n margin-left: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mr-3 {\n margin-right: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mr-30 {\n margin-right: 7.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-0 {\n margin-top: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-20 {\n margin-top: 5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-3 {\n margin-top: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-\\[20vh\\] {\n margin-top: 20vh;\n}\n\n#retorik-container.rf-large .large\\:rf-block {\n display: block;\n}\n\n#retorik-container.rf-large .large\\:rf-flex {\n display: flex;\n}\n\n#retorik-container.rf-large .large\\:rf-hidden {\n display: none;\n}\n\n#retorik-container.rf-large .large\\:rf-aspect-video {\n aspect-ratio: 16 / 9;\n}\n\n#retorik-container.rf-large .large\\:rf-h-16 {\n height: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-3\\/5 {\n height: 60%;\n}\n\n#retorik-container.rf-large .large\\:rf-h-4 {\n height: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-5 {\n height: 1.25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-6 {\n height: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-8 {\n height: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-\\[60vh\\] {\n height: 60vh;\n}\n\n#retorik-container.rf-large .large\\:rf-h-auto {\n height: auto;\n}\n\n#retorik-container.rf-large .large\\:rf-h-full {\n height: 100%;\n}\n\n#retorik-container.rf-large .large\\:rf-max-h-28 {\n max-height: 7rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-1\\/8 {\n width: 12.5%;\n}\n\n#retorik-container.rf-large .large\\:rf-w-14 {\n width: 3.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-16 {\n width: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-3\\/5 {\n width: 60%;\n}\n\n#retorik-container.rf-large .large\\:rf-w-4 {\n width: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-5 {\n width: 1.25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-6 {\n width: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-8 {\n width: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-fit {\n width: fit-content;\n}\n\n#retorik-container.rf-large .large\\:rf-w-full {\n width: 100%;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-1\\/2 {\n min-width: 50%;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-1\\/8 {\n min-width: 12.5%;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-16 {\n min-width: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-3\\/5 {\n min-width: 60%;\n}\n\n#retorik-container.rf-large .large\\:rf-max-w-1\\/8 {\n max-width: 12.5%;\n}\n\n#retorik-container.rf-large .large\\:rf-max-w-\\[12rem\\] {\n max-width: 12rem;\n}\n\n#retorik-container.rf-large .large\\:rf-max-w-full {\n max-width: 100%;\n}\n\n#retorik-container.rf-large .large\\:rf-grid-cols-5 {\n grid-template-columns: repeat(5, minmax(0, 1fr));\n}\n\n#retorik-container.rf-large .large\\:rf-flex-row {\n flex-direction: row;\n}\n\n#retorik-container.rf-large .large\\:rf-flex-col {\n flex-direction: column;\n}\n\n#retorik-container.rf-large .large\\:rf-items-baseline {\n align-items: baseline;\n}\n\n#retorik-container.rf-large .large\\:rf-justify-start {\n justify-content: flex-start;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-1 {\n gap: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-3 {\n gap: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-4 {\n gap: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-6 {\n gap: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-overflow-y-scroll {\n overflow-y: scroll;\n}\n\n#retorik-container.rf-large .large\\:rf-border-t-0 {\n border-top-width: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-bg-truewhite {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n#retorik-container.rf-large .large\\:rf-p-4 {\n padding: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-p-\\[25px\\] {\n padding: 25px;\n}\n\n#retorik-container.rf-large .large\\:rf-p-min1 {\n padding: .1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-0 {\n padding-left: 0;\n padding-right: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-px-16 {\n padding-left: 4rem;\n padding-right: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-5, #retorik-container.rf-large .large\\:rf-px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-8 {\n padding-left: 2rem;\n padding-right: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-0 {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-2 {\n padding-top: .5rem;\n padding-bottom: .5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-3 {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pb-16 {\n padding-bottom: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pl-4 {\n padding-left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pr-4 {\n padding-right: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pt-16 {\n padding-top: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pt-3 {\n padding-top: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-text-5xl {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large .large\\:rf-text-6xl {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large .large\\:rf-text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-text-basecustom {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-text-sm {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-uppercase {\n text-transform: uppercase;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-h-4 {\n height: 1rem;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-h-6 {\n height: 1.5rem;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-w-6 {\n width: 1.5rem;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-pt-1\\/5 {\n padding-top: 20%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-bottom-\\[25vh\\] {\n bottom: 25vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-left-4 {\n left: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-top-4 {\n top: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-span-full {\n grid-column: 1 / -1;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-start-1 {\n grid-column-start: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-start-2 {\n grid-column-start: 2;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-end-8 {\n grid-column-end: 8;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-end-9 {\n grid-column-end: 9;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-span-4 {\n grid-row: span 4 / span 4;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-span-6 {\n grid-row: span 6 / span 6;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-start-5 {\n grid-row-start: 5;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-start-7 {\n grid-row-start: 7;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-end-11 {\n grid-row-end: 11;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-end-7 {\n grid-row-end: 7;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mt-4 {\n margin-top: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mt-\\[20vh\\] {\n margin-top: 20vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mt-\\[25vh\\] {\n margin-top: 25vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-block {\n display: block;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-hidden {\n display: none;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-1\\/2 {\n height: 50%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-14 {\n height: 3.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-24 {\n height: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-6 {\n height: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-\\[50vh\\] {\n height: 50vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-11\\/12 {\n max-height: 91.67%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-36 {\n max-height: 9rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-\\[18vh\\] {\n max-height: 18vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-\\[30vh\\] {\n max-height: 30vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-1\\/2 {\n width: 50%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-14 {\n width: 3.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-16 {\n width: 4rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-24 {\n width: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-4\\/9 {\n width: 45%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-6 {\n width: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-w-24 {\n min-width: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-w-4\\/9 {\n min-width: 45%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-w-2\\/3 {\n max-width: 66.67%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-w-\\[60\\%\\] {\n max-width: 60%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-flex-row {\n flex-direction: row;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-justify-center {\n justify-content: center;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-gap-6 {\n gap: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-self-end {\n align-self: flex-end;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-border-t {\n border-top-width: 1px;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-border-t-menuBorder {\n --tw-border-opacity: 1;\n border-top-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-py-5 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pl-0 {\n padding-left: 0;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-8 {\n padding-top: 2rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-\\[16\\.67\\%\\] {\n padding-top: 16.67%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-\\[20vh\\] {\n padding-top: 20vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-text-basecustomuppercase {\n font-size: 1rem;\n line-height: 1.1rem;\n}\n\n#retorik-container.rf-large.rf-tactile .large-tactile\\:rf-mt-0 {\n margin-top: 0;\n}\n\n#retorik-container.rf-large.rf-tactile .large-tactile\\:rf-flex {\n display: flex;\n}\n\n#retorik-container.rf-large.rf-tactile .large-tactile\\:rf-hidden {\n display: none;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .desktop\\:rf-h-full {\n height: 100%;\n}\n\n@media (height <= 700px) and (width <= 300px) {\n .small-mobile\\:rf-row-span-6 {\n grid-row: span 6 / span 6;\n }\n\n .small-mobile\\:rf-row-span-7 {\n grid-row: span 7 / span 7;\n }\n\n .small-mobile\\:rf-row-start-5 {\n grid-row-start: 5;\n }\n}\n";
|
|
120
|
+
$203b743475f656c9$exports = "*, :before, :after {\n box-sizing: border-box;\n border: 0 solid;\n}\n\n:before, :after {\n --tw-content: \"\";\n}\n\nhtml, :host {\n -webkit-text-size-adjust: 100%;\n -moz-tab-size: 4;\n tab-size: 4;\n font-feature-settings: normal;\n font-variation-settings: normal;\n -webkit-tap-highlight-color: transparent;\n font-family: Calibri, sans-serif;\n line-height: 1.5;\n}\n\nbody {\n line-height: inherit;\n margin: 0;\n}\n\nhr {\n color: inherit;\n border-top-width: 1px;\n height: 0;\n}\n\nabbr:where([title]) {\n text-decoration: underline dotted;\n}\n\nh1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\nb, strong {\n font-weight: bolder;\n}\n\ncode, kbd, samp, pre {\n font-feature-settings: normal;\n font-variation-settings: normal;\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n font-size: 1em;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\ntable {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n}\n\nbutton, input, optgroup, select, textarea {\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n font-family: inherit;\n font-size: 100%;\n font-weight: inherit;\n line-height: inherit;\n color: inherit;\n margin: 0;\n padding: 0;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, [type=\"button\"], [type=\"reset\"], [type=\"submit\"] {\n -webkit-appearance: button;\n background-color: #0000;\n background-image: none;\n}\n\n:-moz-focusring {\n outline: auto;\n}\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\nsummary {\n display: list-item;\n}\n\nblockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol, ul, menu {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\ndialog {\n padding: 0;\n}\n\ntextarea {\n resize: vertical;\n}\n\ninput::placeholder, textarea::placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\nbutton, [role=\"button\"] {\n cursor: pointer;\n}\n\n:disabled {\n cursor: default;\n}\n\nimg, svg, video, canvas, audio, iframe, embed, object {\n vertical-align: middle;\n display: block;\n}\n\nimg, video {\n max-width: 100%;\n height: auto;\n}\n\n[hidden] {\n display: none;\n}\n\n*, :before, :after, ::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: #3b82f680;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\n\n.rf-pointer-events-none {\n pointer-events: none;\n}\n\n.rf-pointer-events-auto {\n pointer-events: auto;\n}\n\n.rf-visible {\n visibility: visible;\n}\n\n.rf-invisible {\n visibility: hidden;\n}\n\n.rf-fixed {\n position: fixed;\n}\n\n.rf-absolute {\n position: absolute;\n}\n\n.rf-relative {\n position: relative;\n}\n\n.-rf-left-6 {\n left: -1.5rem;\n}\n\n.-rf-top-2 {\n top: -.5rem;\n}\n\n.-rf-top-4 {\n top: -1rem;\n}\n\n.-rf-top-6 {\n top: -1.5rem;\n}\n\n.-rf-top-\\[1\\.15rem\\] {\n top: -1.15rem;\n}\n\n.rf--bottom-2 {\n bottom: -.5rem;\n}\n\n.rf-bottom-0 {\n bottom: 0;\n}\n\n.rf-bottom-1 {\n bottom: .25rem;\n}\n\n.rf-bottom-1\\/4 {\n bottom: 25%;\n}\n\n.rf-bottom-10 {\n bottom: 2.5rem;\n}\n\n.rf-bottom-16 {\n bottom: 4rem;\n}\n\n.rf-bottom-2 {\n bottom: .5rem;\n}\n\n.rf-bottom-4 {\n bottom: 1rem;\n}\n\n.rf-bottom-40 {\n bottom: 10rem;\n}\n\n.rf-left-0 {\n left: 0;\n}\n\n.rf-left-1 {\n left: .25rem;\n}\n\n.rf-left-1\\/2 {\n left: 50%;\n}\n\n.rf-left-2 {\n left: .5rem;\n}\n\n.rf-left-4 {\n left: 1rem;\n}\n\n.rf-right-0 {\n right: 0;\n}\n\n.rf-right-1 {\n right: .25rem;\n}\n\n.rf-right-2 {\n right: .5rem;\n}\n\n.rf-right-3 {\n right: .75rem;\n}\n\n.rf-right-4 {\n right: 1rem;\n}\n\n.rf-right-6 {\n right: 1.5rem;\n}\n\n.rf-right-8 {\n right: 2rem;\n}\n\n.rf-top-0 {\n top: 0;\n}\n\n.rf-top-1 {\n top: .25rem;\n}\n\n.rf-top-1\\/2 {\n top: 50%;\n}\n\n.rf-top-1\\/3 {\n top: 33.3333%;\n}\n\n.rf-top-110 {\n top: 110%;\n}\n\n.rf-top-2 {\n top: .5rem;\n}\n\n.rf-top-4 {\n top: 1rem;\n}\n\n.rf-top-\\[0\\.125rem\\] {\n top: .125rem;\n}\n\n.rf-z-background {\n z-index: 0;\n}\n\n.rf-z-chatbot {\n z-index: 10;\n}\n\n.rf-z-detailedPOI {\n z-index: 2;\n}\n\n.rf-z-dropdown {\n z-index: 30;\n}\n\n.rf-z-exitwidget {\n z-index: 55;\n}\n\n.rf-z-menu {\n z-index: 40;\n}\n\n.rf-z-modal {\n z-index: 50;\n}\n\n.rf-z-overlay {\n z-index: 40;\n}\n\n.rf-z-ui {\n z-index: 20;\n}\n\n.rf-z-util {\n z-index: 1;\n}\n\n.rf-col-span-2 {\n grid-column: span 2 / span 2;\n}\n\n.rf-col-span-3 {\n grid-column: span 3 / span 3;\n}\n\n.rf-col-span-6 {\n grid-column: span 6 / span 6;\n}\n\n.rf-col-span-full {\n grid-column: 1 / -1;\n}\n\n.rf-col-start-1 {\n grid-column-start: 1;\n}\n\n.rf-col-start-2 {\n grid-column-start: 2;\n}\n\n.rf-col-start-4 {\n grid-column-start: 4;\n}\n\n.rf-col-start-5 {\n grid-column-start: 5;\n}\n\n.rf-col-end-13 {\n grid-column-end: 13;\n}\n\n.rf-col-end-2 {\n grid-column-end: 2;\n}\n\n.rf-col-end-9 {\n grid-column-end: 9;\n}\n\n.rf-row-span-1 {\n grid-row: span 1 / span 1;\n}\n\n.rf-row-span-2 {\n grid-row: span 2 / span 2;\n}\n\n.rf-row-span-3 {\n grid-row: span 3 / span 3;\n}\n\n.rf-row-span-5 {\n grid-row: span 5 / span 5;\n}\n\n.rf-row-span-6 {\n grid-row: span 6 / span 6;\n}\n\n.rf-row-span-9 {\n grid-row: span 9 / span 9;\n}\n\n.rf-row-span-full {\n grid-row: 1 / -1;\n}\n\n.rf-row-start-1 {\n grid-row-start: 1;\n}\n\n.rf-row-start-12 {\n grid-row-start: 12;\n}\n\n.rf-row-start-2 {\n grid-row-start: 2;\n}\n\n.rf-row-start-3 {\n grid-row-start: 3;\n}\n\n.rf-row-start-4 {\n grid-row-start: 4;\n}\n\n.rf-row-start-6 {\n grid-row-start: 6;\n}\n\n.rf-row-start-9 {\n grid-row-start: 9;\n}\n\n.rf-row-end-12 {\n grid-row-end: 12;\n}\n\n.rf-row-end-13 {\n grid-row-end: 13;\n}\n\n.rf-row-end-2 {\n grid-row-end: 2;\n}\n\n.rf-row-end-3 {\n grid-row-end: 3;\n}\n\n.rf-row-end-4 {\n grid-row-end: 4;\n}\n\n.rf-row-end-5 {\n grid-row-end: 5;\n}\n\n.rf-float-right {\n float: right;\n}\n\n.rf-m-0 {\n margin: 0;\n}\n\n.rf-m-4 {\n margin: 1rem;\n}\n\n.rf-m-auto {\n margin: auto;\n}\n\n.-rf-mx-6 {\n margin-left: -1.5rem;\n margin-right: -1.5rem;\n}\n\n.rf-mx-0 {\n margin-left: 0;\n margin-right: 0;\n}\n\n.rf-mx-2 {\n margin-left: .5rem;\n margin-right: .5rem;\n}\n\n.rf-mx-3 {\n margin-left: .75rem;\n margin-right: .75rem;\n}\n\n.rf-mx-8 {\n margin-left: 2rem;\n margin-right: 2rem;\n}\n\n.rf-mx-auto {\n margin-left: auto;\n margin-right: auto;\n}\n\n.rf-my-1 {\n margin-top: .25rem;\n margin-bottom: .25rem;\n}\n\n.rf-my-2 {\n margin-top: .5rem;\n margin-bottom: .5rem;\n}\n\n.rf-my-4 {\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\n\n.rf-my-auto {\n margin-top: auto;\n margin-bottom: auto;\n}\n\n.-rf-mb-4 {\n margin-bottom: -1rem;\n}\n\n.-rf-ml-2 {\n margin-left: -.5rem;\n}\n\n.rf-mb-0 {\n margin-bottom: 0;\n}\n\n.rf-mb-1 {\n margin-bottom: .25rem;\n}\n\n.rf-mb-12 {\n margin-bottom: 3rem;\n}\n\n.rf-mb-16 {\n margin-bottom: 4rem;\n}\n\n.rf-mb-2 {\n margin-bottom: .5rem;\n}\n\n.rf-mb-26 {\n margin-bottom: 6.5rem;\n}\n\n.rf-mb-28 {\n margin-bottom: 7rem;\n}\n\n.rf-mb-3 {\n margin-bottom: .75rem;\n}\n\n.rf-mb-30 {\n margin-bottom: 7.5rem;\n}\n\n.rf-mb-4 {\n margin-bottom: 1rem;\n}\n\n.rf-mb-5 {\n margin-bottom: 1.25rem;\n}\n\n.rf-mb-6 {\n margin-bottom: 1.5rem;\n}\n\n.rf-mb-8 {\n margin-bottom: 2rem;\n}\n\n.rf-ml-1 {\n margin-left: .25rem;\n}\n\n.rf-ml-2 {\n margin-left: .5rem;\n}\n\n.rf-ml-4 {\n margin-left: 1rem;\n}\n\n.rf-ml-6 {\n margin-left: 1.5rem;\n}\n\n.rf-mr-1 {\n margin-right: .25rem;\n}\n\n.rf-mr-2 {\n margin-right: .5rem;\n}\n\n.rf-mr-3 {\n margin-right: .75rem;\n}\n\n.rf-mr-4 {\n margin-right: 1rem;\n}\n\n.rf-mr-5 {\n margin-right: 1.25rem;\n}\n\n.rf-mt-1 {\n margin-top: .25rem;\n}\n\n.rf-mt-10 {\n margin-top: 2.5rem;\n}\n\n.rf-mt-2 {\n margin-top: .5rem;\n}\n\n.rf-mt-4 {\n margin-top: 1rem;\n}\n\n.rf-mt-5 {\n margin-top: 1.25rem;\n}\n\n.rf-mt-8 {\n margin-top: 2rem;\n}\n\n.rf-mt-\\[0\\.2rem\\] {\n margin-top: .2rem;\n}\n\n.rf-mt-auto {\n margin-top: auto;\n}\n\n.rf-line-clamp-1 {\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-2 {\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-inline {\n display: inline;\n}\n\n.rf-flex {\n display: flex;\n}\n\n.rf-grid {\n display: grid;\n}\n\n.rf-hidden {\n display: none;\n}\n\n.rf-aspect-\\[4\\/3\\] {\n aspect-ratio: 4 / 3;\n}\n\n.rf-aspect-square {\n aspect-ratio: 1;\n}\n\n.rf-aspect-video {\n aspect-ratio: 16 / 9;\n}\n\n.rf-h-0 {\n height: 0;\n}\n\n.rf-h-1 {\n height: .25rem;\n}\n\n.rf-h-1\\/2 {\n height: 50%;\n}\n\n.rf-h-1\\/3 {\n height: 33.3333%;\n}\n\n.rf-h-12 {\n height: 3rem;\n}\n\n.rf-h-14 {\n height: 3.5rem;\n}\n\n.rf-h-16 {\n height: 4rem;\n}\n\n.rf-h-18 {\n height: 4.5rem;\n}\n\n.rf-h-2 {\n height: .5rem;\n}\n\n.rf-h-2\\/3 {\n height: 66.6667%;\n}\n\n.rf-h-24 {\n height: 6rem;\n}\n\n.rf-h-3 {\n height: .75rem;\n}\n\n.rf-h-3\\/10 {\n height: 30%;\n}\n\n.rf-h-32 {\n height: 8rem;\n}\n\n.rf-h-36 {\n height: 9rem;\n}\n\n.rf-h-4 {\n height: 1rem;\n}\n\n.rf-h-48 {\n height: 12rem;\n}\n\n.rf-h-5 {\n height: 1.25rem;\n}\n\n.rf-h-6 {\n height: 1.5rem;\n}\n\n.rf-h-7 {\n height: 1.75rem;\n}\n\n.rf-h-8 {\n height: 2rem;\n}\n\n.rf-h-9 {\n height: 2.25rem;\n}\n\n.rf-h-\\[0\\.875rem\\] {\n height: .875rem;\n}\n\n.rf-h-\\[1\\.25rem\\] {\n height: 1.25rem;\n}\n\n.rf-h-\\[calc\\(50vw-3rem\\)\\] {\n height: calc(50vw - 3rem);\n}\n\n.rf-h-fit {\n height: fit-content;\n}\n\n.rf-h-full {\n height: 100%;\n}\n\n.rf-h-max {\n height: max-content;\n}\n\n.rf-h-screen {\n height: 100vh;\n}\n\n.rf-max-h-12 {\n max-height: 3rem;\n}\n\n.rf-max-h-28 {\n max-height: 7rem;\n}\n\n.rf-max-h-4\\/5 {\n max-height: 80%;\n}\n\n.rf-max-h-48 {\n max-height: 12rem;\n}\n\n.rf-max-h-6 {\n max-height: 1.5rem;\n}\n\n.rf-max-h-full {\n max-height: 100%;\n}\n\n.rf-max-h-qrcode {\n max-height: 120px;\n}\n\n.rf-max-h-screen {\n max-height: 100vh;\n}\n\n.rf-min-h-12 {\n min-height: 3rem;\n}\n\n.rf-min-h-16 {\n min-height: 4rem;\n}\n\n.rf-min-h-2\\/5 {\n min-height: 40%;\n}\n\n.rf-min-h-6 {\n min-height: 1.5rem;\n}\n\n.rf-min-h-full {\n min-height: 100%;\n}\n\n.rf-min-h-inherit {\n min-height: inherit;\n}\n\n.rf-w-0 {\n width: 0;\n}\n\n.rf-w-1\\/2 {\n width: 50%;\n}\n\n.rf-w-1\\/3 {\n width: 33.3333%;\n}\n\n.rf-w-1\\/4 {\n width: 25%;\n}\n\n.rf-w-11\\/12 {\n width: 91.6667%;\n}\n\n.rf-w-12 {\n width: 3rem;\n}\n\n.rf-w-16 {\n width: 4rem;\n}\n\n.rf-w-18 {\n width: 4.5rem;\n}\n\n.rf-w-2 {\n width: .5rem;\n}\n\n.rf-w-2\\/3 {\n width: 66.6667%;\n}\n\n.rf-w-20 {\n width: 5rem;\n}\n\n.rf-w-24 {\n width: 6rem;\n}\n\n.rf-w-3 {\n width: .75rem;\n}\n\n.rf-w-3\\/20 {\n width: 15%;\n}\n\n.rf-w-3\\/4 {\n width: 75%;\n}\n\n.rf-w-3\\/5 {\n width: 60%;\n}\n\n.rf-w-32 {\n width: 8rem;\n}\n\n.rf-w-36 {\n width: 9rem;\n}\n\n.rf-w-4 {\n width: 1rem;\n}\n\n.rf-w-4\\/9 {\n width: 45%;\n}\n\n.rf-w-48 {\n width: 12rem;\n}\n\n.rf-w-5 {\n width: 1.25rem;\n}\n\n.rf-w-6 {\n width: 1.5rem;\n}\n\n.rf-w-7 {\n width: 1.75rem;\n}\n\n.rf-w-8 {\n width: 2rem;\n}\n\n.rf-w-9 {\n width: 2.25rem;\n}\n\n.rf-w-\\[45\\%\\] {\n width: 45%;\n}\n\n.rf-w-\\[45ch\\] {\n width: 45ch;\n}\n\n.rf-w-\\[90\\%\\] {\n width: 90%;\n}\n\n.rf-w-\\[calc\\(100\\%-3rem\\)\\] {\n width: calc(100% - 3rem);\n}\n\n.rf-w-fit {\n width: fit-content;\n}\n\n.rf-w-full {\n width: 100%;\n}\n\n.rf-w-max {\n width: max-content;\n}\n\n.rf-w-screen {\n width: 100vw;\n}\n\n.rf-min-w-11\\/12 {\n min-width: 91.7%;\n}\n\n.rf-min-w-12 {\n min-width: 3rem;\n}\n\n.rf-min-w-24 {\n min-width: 6rem;\n}\n\n.rf-min-w-3\\/20 {\n min-width: 15%;\n}\n\n.rf-min-w-6 {\n min-width: 1.5rem;\n}\n\n.rf-min-w-\\[45\\%\\] {\n min-width: 45%;\n}\n\n.rf-min-w-full {\n min-width: 100%;\n}\n\n.rf-max-w-1\\/2 {\n max-width: 50%;\n}\n\n.rf-max-w-16 {\n max-width: 4rem;\n}\n\n.rf-max-w-3\\/20 {\n max-width: 15%;\n}\n\n.rf-max-w-6 {\n max-width: 1.5rem;\n}\n\n.rf-max-w-7\\/10 {\n max-width: 70%;\n}\n\n.rf-max-w-\\[100vw\\] {\n max-width: 100vw;\n}\n\n.rf-max-w-\\[45\\%\\] {\n max-width: 45%;\n}\n\n.rf-max-w-\\[70vw\\] {\n max-width: 70vw;\n}\n\n.rf-max-w-\\[calc\\(100\\%-2rem\\)\\] {\n max-width: calc(100% - 2rem);\n}\n\n.rf-max-w-full {\n max-width: 100%;\n}\n\n.rf-max-w-none {\n max-width: none;\n}\n\n.rf-flex-1 {\n flex: 1;\n}\n\n.rf-flex-\\[0_0_40\\%\\] {\n flex: 0 0 40%;\n}\n\n.rf-flex-\\[2_1_0\\%\\] {\n flex: 2;\n}\n\n.rf-flex-\\[4_1_0\\%\\] {\n flex: 4;\n}\n\n.rf-origin-center {\n transform-origin: center;\n}\n\n.-rf-translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.-rf-translate-y-1\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf--translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-translate-x-1 {\n --tw-translate-x: .25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-translate-x-5 {\n --tw-translate-x: 1.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf--rotate-90 {\n --tw-rotate: -90deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-rotate-0 {\n --tw-rotate: 0deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-rotate-180 {\n --tw-rotate: 180deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-rotate-90 {\n --tw-rotate: 90deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-scale-0 {\n --tw-scale-x: 0;\n --tw-scale-y: 0;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n@keyframes rf-blink {\n 0%, 100% {\n opacity: .2;\n }\n\n 50% {\n opacity: 1;\n }\n}\n\n.rf-animate-blink {\n animation: 1.4s infinite both rf-blink;\n}\n\n@keyframes rf-fadeIn {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n.rf-animate-fadeIn {\n animation: .5s .2s backwards rf-fadeIn;\n}\n\n@keyframes rf-hScroll {\n 0% {\n transform: translateX(0);\n }\n\n 100% {\n transform: translateX(calc(-100% - 2rem));\n }\n}\n\n.rf-animate-hScroll {\n animation: 20s linear infinite rf-hScroll;\n}\n\n@keyframes rf-loader {\n 0% {\n box-shadow: 0 1.5rem 0 -1.5rem var(--rf-color-loader-animation);\n }\n\n 40% {\n box-shadow: 0 1.5rem 0 -.3rem var(--rf-color-loader-animation);\n }\n\n 80% {\n box-shadow: 0 1.5rem 0 -1.5rem var(--rf-color-loader-animation);\n }\n\n 100% {\n box-shadow: 0 1.5rem 0 -1.5rem var(--rf-color-loader-animation);\n }\n}\n\n.rf-animate-loader {\n animation: 1.8s ease-in-out -.16s infinite both rf-loader;\n}\n\n.rf-animate-loaderFadeIn {\n animation: 2s rf-fadeIn;\n}\n\n@keyframes rf-fadeOut {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n}\n\n.rf-animate-loaderFadeOut {\n animation: 1s rf-fadeOut;\n}\n\n@keyframes rf-loaderMedium {\n 0% {\n box-shadow: 0 .75rem 0 -.75rem var(--rf-color-loader-animation);\n }\n\n 40% {\n box-shadow: 0 .75rem 0 -.25rem var(--rf-color-loader-animation);\n }\n\n 80% {\n box-shadow: 0 .75rem 0 -.75rem var(--rf-color-loader-animation);\n }\n\n 100% {\n box-shadow: 0 .75rem 0 -.75rem var(--rf-color-loader-animation);\n }\n}\n\n.rf-animate-loaderMedium {\n animation: 1.8s ease-in-out -.16s infinite both rf-loaderMedium;\n}\n\n@keyframes rf-loaderMini {\n 0% {\n box-shadow: 0 .5rem 0 -.5rem var(--rf-color-loader-animation);\n }\n\n 40% {\n box-shadow: 0 .5rem 0 -.1rem var(--rf-color-loader-animation);\n }\n\n 80% {\n box-shadow: 0 .5rem 0 -.5rem var(--rf-color-loader-animation);\n }\n\n 100% {\n box-shadow: 0 .5rem 0 -.5rem var(--rf-color-loader-animation);\n }\n}\n\n.rf-animate-loaderMini {\n animation: 1.8s ease-in-out -.16s infinite both rf-loaderMini;\n}\n\n@keyframes rf-slideBottom {\n 0% {\n opacity: 0;\n transform: translateX(0)translateY(20px);\n }\n\n 100% {\n opacity: 1;\n transform: translateX(0)translateY(0);\n }\n}\n\n.rf-animate-slideBottom {\n animation: .5s .2s backwards rf-slideBottom;\n}\n\n@keyframes rf-spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n.rf-animate-spin {\n animation: 1s linear infinite rf-spin;\n}\n\n.rf-cursor-pointer {\n cursor: pointer;\n}\n\n.rf-select-none {\n user-select: none;\n}\n\n.rf-resize-none {\n resize: none;\n}\n\n.rf-scroll-pb-4 {\n scroll-padding-bottom: 1rem;\n}\n\n.rf-grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n\n.rf-grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.rf-grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.rf-grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.rf-grid-cols-6 {\n grid-template-columns: repeat(6, minmax(0, 1fr));\n}\n\n.rf-grid-cols-7 {\n grid-template-columns: repeat(7, minmax(0, 1fr));\n}\n\n.rf-grid-cols-8 {\n grid-template-columns: repeat(8, minmax(0, 1fr));\n}\n\n.rf-grid-cols-headerContainer {\n grid-template-columns: 7rem 1fr 1fr 1fr;\n}\n\n.rf-grid-cols-printingPreview {\n grid-template-columns: minmax(0, 1fr) 3rem;\n}\n\n.rf-grid-cols-routes {\n grid-template-columns: repeat(3, max-content);\n}\n\n.rf-grid-rows-1 {\n grid-template-rows: repeat(1, minmax(0, 1fr));\n}\n\n.rf-grid-rows-2 {\n grid-template-rows: repeat(2, minmax(0, 1fr));\n}\n\n.rf-grid-rows-container {\n grid-template-rows: repeat(12, minmax(0, 1fr));\n}\n\n.rf-grid-rows-headerContainer {\n grid-template-rows: repeat(3, minmax(0, 1fr));\n}\n\n.rf-flex-row {\n flex-direction: row;\n}\n\n.rf-flex-col {\n flex-direction: column;\n}\n\n.rf-flex-col-reverse {\n flex-direction: column-reverse;\n}\n\n.rf-flex-wrap {\n flex-wrap: wrap;\n}\n\n.rf-flex-nowrap {\n flex-wrap: nowrap;\n}\n\n.rf-content-around {\n align-content: space-around;\n}\n\n.rf-items-start {\n align-items: flex-start;\n}\n\n.rf-items-end {\n align-items: flex-end;\n}\n\n.rf-items-center {\n align-items: center;\n}\n\n.rf-justify-start {\n justify-content: flex-start;\n}\n\n.rf-justify-end {\n justify-content: flex-end;\n}\n\n.rf-justify-center {\n justify-content: center;\n}\n\n.rf-justify-between {\n justify-content: space-between;\n}\n\n.rf-justify-around {\n justify-content: space-around;\n}\n\n.rf-justify-evenly {\n justify-content: space-evenly;\n}\n\n.rf-gap-1 {\n gap: .25rem;\n}\n\n.rf-gap-12 {\n gap: 3rem;\n}\n\n.rf-gap-2 {\n gap: .5rem;\n}\n\n.rf-gap-3 {\n gap: .75rem;\n}\n\n.rf-gap-4 {\n gap: 1rem;\n}\n\n.rf-gap-5 {\n gap: 1.25rem;\n}\n\n.rf-gap-8 {\n gap: 2rem;\n}\n\n.rf-gap-9 {\n gap: 2.25rem;\n}\n\n.rf-divide-x > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-x-reverse: 0;\n border-right-width: calc(1px * var(--tw-divide-x-reverse));\n border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));\n}\n\n.rf-self-auto {\n align-self: auto;\n}\n\n.rf-self-start {\n align-self: flex-start;\n}\n\n.rf-self-end {\n align-self: flex-end;\n}\n\n.rf-self-center {\n align-self: center;\n}\n\n.rf-justify-self-start {\n justify-self: start;\n}\n\n.rf-justify-self-end {\n justify-self: end;\n}\n\n.rf-justify-self-center {\n justify-self: center;\n}\n\n.rf-overflow-hidden {\n overflow: hidden;\n}\n\n.rf-overflow-clip {\n overflow: clip;\n}\n\n.rf-overflow-x-auto {\n overflow-x: auto;\n}\n\n.rf-overflow-y-auto {\n overflow-y: auto;\n}\n\n.rf-overflow-x-hidden {\n overflow-x: hidden;\n}\n\n.rf-overflow-y-hidden {\n overflow-y: hidden;\n}\n\n.rf-overflow-y-visible {\n overflow-y: visible;\n}\n\n.rf-overflow-x-scroll {\n overflow-x: scroll;\n}\n\n.rf-overflow-y-scroll {\n overflow-y: scroll;\n}\n\n.rf-truncate {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.rf-whitespace-nowrap {\n white-space: nowrap;\n}\n\n.rf-rounded {\n border-radius: .3125rem;\n}\n\n.rf-rounded-6 {\n border-radius: 1.5rem;\n}\n\n.rf-rounded-8 {\n border-radius: 2rem;\n}\n\n.rf-rounded-\\[20px\\] {\n border-radius: 20px;\n}\n\n.rf-rounded-full {\n border-radius: 9999px;\n}\n\n.rf-rounded-half {\n border-radius: 50%;\n}\n\n.rf-rounded-lg {\n border-radius: .5rem;\n}\n\n.rf-rounded-max {\n border-radius: 100%;\n}\n\n.rf-rounded-b {\n border-bottom-right-radius: .3125rem;\n border-bottom-left-radius: .3125rem;\n}\n\n.rf-rounded-l-lg {\n border-top-left-radius: .5rem;\n border-bottom-left-radius: .5rem;\n}\n\n.rf-border {\n border-width: 1px;\n}\n\n.rf-border-0 {\n border-width: 0;\n}\n\n.rf-border-2 {\n border-width: 2px;\n}\n\n.rf-border-y {\n border-top-width: 1px;\n border-bottom-width: 1px;\n}\n\n.rf-border-b {\n border-bottom-width: 1px;\n}\n\n.rf-border-b-2 {\n border-bottom-width: 2px;\n}\n\n.rf-border-l {\n border-left-width: 1px;\n}\n\n.rf-border-r {\n border-right-width: 1px;\n}\n\n.rf-border-t {\n border-top-width: 1px;\n}\n\n.rf-border-t-0 {\n border-top-width: 0;\n}\n\n.rf-border-none {\n border-style: none;\n}\n\n.rf-border-\\[\\#00000029\\] {\n border-color: #00000029;\n}\n\n.rf-border-\\[\\#9FA2AA\\] {\n --tw-border-opacity: 1;\n border-color: rgb(159 162 170 / var(--tw-border-opacity));\n}\n\n.rf-border-\\[\\#C7C6C6\\] {\n --tw-border-opacity: 1;\n border-color: rgb(199 198 198 / var(--tw-border-opacity));\n}\n\n.rf-border-black {\n border-color: var(--rf-color-black);\n}\n\n.rf-border-cardButtonBorderDefault {\n border-color: var(--rf-color-cardButtonBorderDefault);\n}\n\n.rf-border-cardButtonBorderHover {\n border-color: var(--rf-color-cardButtonBorderHover);\n}\n\n.rf-border-cardFrameBorder {\n border-color: var(--rf-color-cardFrameBorder);\n}\n\n.rf-border-formInputButtonBorderDefault {\n border-color: var(--rf-color-formInputButtonBorderDefault);\n}\n\n.rf-border-formInputButtonBorderHover {\n border-color: var(--rf-color-formInputButtonBorderHover);\n}\n\n.rf-border-formInputRadioCheckboxCheckedBorder {\n border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n}\n\n.rf-border-formInputRadioCheckboxUncheckedBorder {\n border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n}\n\n.rf-border-gray {\n --tw-border-opacity: 1;\n border-color: rgb(128 128 128 / var(--tw-border-opacity));\n}\n\n.rf-border-menuBorder {\n --tw-border-opacity: 1;\n border-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-border-primary {\n border-color: var(--rf-color-primary);\n}\n\n.rf-border-red-700 {\n --tw-border-opacity: 1;\n border-color: rgb(185 28 28 / var(--tw-border-opacity));\n}\n\n.rf-border-secondary {\n border-color: var(--rf-color-secondary);\n}\n\n.rf-border-templateCheckboxBorder {\n --tw-border-opacity: 1;\n border-color: rgb(112 112 112 / var(--tw-border-opacity));\n}\n\n.rf-border-trueblack {\n --tw-border-opacity: 1;\n border-color: rgb(0 0 0 / var(--tw-border-opacity));\n}\n\n.rf-border-truewhite {\n --tw-border-opacity: 1;\n border-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n\n.rf-border-x-primary {\n border-left-color: var(--rf-color-primary);\n border-right-color: var(--rf-color-primary);\n}\n\n.rf-border-y-menuBorder {\n --tw-border-opacity: 1;\n border-top-color: rgb(224 225 231 / var(--tw-border-opacity));\n border-bottom-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-border-b-\\[\\#C4C5C8\\] {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(196 197 200 / var(--tw-border-opacity));\n}\n\n.rf-border-b-black {\n border-bottom-color: var(--rf-color-black);\n}\n\n.rf-border-b-menuBorder {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-border-b-silver {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(192 192 192 / var(--tw-border-opacity));\n}\n\n.rf-border-b-transparent {\n border-bottom-color: #0000;\n}\n\n.rf-border-l-menuBorder {\n --tw-border-opacity: 1;\n border-left-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-border-r-silver {\n --tw-border-opacity: 1;\n border-right-color: rgb(192 192 192 / var(--tw-border-opacity));\n}\n\n.rf-border-t-\\[\\#CBC9C9\\] {\n --tw-border-opacity: 1;\n border-top-color: rgb(203 201 201 / var(--tw-border-opacity));\n}\n\n.rf-border-t-menuBorder {\n --tw-border-opacity: 1;\n border-top-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-bg-\\[\\#00000050\\] {\n background-color: #00000050;\n}\n\n.rf-bg-\\[\\#F0F0F0\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(240 240 240 / var(--tw-bg-opacity));\n}\n\n.rf-bg-\\[\\#F8F8F8\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(248 248 248 / var(--tw-bg-opacity));\n}\n\n.rf-bg-black {\n background-color: var(--rf-color-black);\n}\n\n.rf-bg-blue-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n}\n\n.rf-bg-cardButtonBackgroundDefault {\n background-color: var(--rf-color-cardButtonBackgroundDefault);\n}\n\n.rf-bg-cardButtonBackgroundHover {\n background-color: var(--rf-color-cardButtonBackgroundHover);\n}\n\n.rf-bg-cardFrameBackground {\n background-color: var(--rf-color-cardFrameBackground);\n}\n\n.rf-bg-formInputButtonBackgroundDefault {\n background-color: var(--rf-color-formInputButtonBackgroundDefault);\n}\n\n.rf-bg-formInputButtonBackgroundHover {\n background-color: var(--rf-color-formInputButtonBackgroundHover);\n}\n\n.rf-bg-formInputRadioCheckboxUncheckedBackground {\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n}\n\n.rf-bg-gray {\n --tw-bg-opacity: 1;\n background-color: rgb(128 128 128 / var(--tw-bg-opacity));\n}\n\n.rf-bg-primary {\n background-color: var(--rf-color-primary);\n}\n\n.rf-bg-red-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(220 38 38 / var(--tw-bg-opacity));\n}\n\n.rf-bg-secondary {\n background-color: var(--rf-color-secondary);\n}\n\n.rf-bg-silver {\n --tw-bg-opacity: 1;\n background-color: rgb(192 192 192 / var(--tw-bg-opacity));\n}\n\n.rf-bg-templateBackground {\n --tw-bg-opacity: 1;\n background-color: rgb(241 241 241 / var(--tw-bg-opacity));\n}\n\n.rf-bg-templateEmptyCard {\n --tw-bg-opacity: 1;\n background-color: rgb(232 231 231 / var(--tw-bg-opacity));\n}\n\n.rf-bg-textModePanelBackground {\n background-color: var(--rf-color-textModePanelBackground);\n}\n\n.rf-bg-transparent {\n background-color: #0000;\n}\n\n.rf-bg-truewhite {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.rf-bg-vocalModeSubtitlesBackground {\n background-color: var(--rf-color-vocalModeSubtitlesBackground);\n}\n\n.rf-bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(247 243 246 / var(--tw-bg-opacity));\n}\n\n.rf-bg-opacity-30 {\n --tw-bg-opacity: .3;\n}\n\n.rf-bg-opacity-50 {\n --tw-bg-opacity: .5;\n}\n\n.rf-bg-opacity-80 {\n --tw-bg-opacity: .8;\n}\n\n.rf-object-cover {\n object-fit: cover;\n}\n\n.rf-p-0 {\n padding: 0;\n}\n\n.rf-p-1 {\n padding: .25rem;\n}\n\n.rf-p-2 {\n padding: .5rem;\n}\n\n.rf-p-4 {\n padding: 1rem;\n}\n\n.rf-p-6 {\n padding: 1.5rem;\n}\n\n.rf-p-\\[25px\\] {\n padding: 25px;\n}\n\n.rf-p-\\[7px_12px\\] {\n padding: 7px 12px;\n}\n\n.rf-px-1 {\n padding-left: .25rem;\n padding-right: .25rem;\n}\n\n.rf-px-2 {\n padding-left: .5rem;\n padding-right: .5rem;\n}\n\n.rf-px-3 {\n padding-left: .75rem;\n padding-right: .75rem;\n}\n\n.rf-px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.rf-px-5, .rf-px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.rf-px-8 {\n padding-left: 2rem;\n padding-right: 2rem;\n}\n\n.rf-py-0 {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.rf-py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n.rf-py-12 {\n padding-top: 3rem;\n padding-bottom: 3rem;\n}\n\n.rf-py-2 {\n padding-top: .5rem;\n padding-bottom: .5rem;\n}\n\n.rf-py-3 {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n.rf-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.rf-py-6 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n.rf-pb-10 {\n padding-bottom: 2.5rem;\n}\n\n.rf-pb-12 {\n padding-bottom: 3rem;\n}\n\n.rf-pb-14 {\n padding-bottom: 3.5rem;\n}\n\n.rf-pb-2 {\n padding-bottom: .5rem;\n}\n\n.rf-pb-3 {\n padding-bottom: .75rem;\n}\n\n.rf-pb-4 {\n padding-bottom: 1rem;\n}\n\n.rf-pb-5, .rf-pb-6 {\n padding-bottom: 1.5rem;\n}\n\n.rf-pb-8 {\n padding-bottom: 2rem;\n}\n\n.rf-pb-\\[15vh\\] {\n padding-bottom: 15vh;\n}\n\n.rf-pl-0 {\n padding-left: 0;\n}\n\n.rf-pl-1 {\n padding-left: .25rem;\n}\n\n.rf-pl-2 {\n padding-left: .5rem;\n}\n\n.rf-pl-4 {\n padding-left: 1rem;\n}\n\n.rf-pl-6 {\n padding-left: 1.5rem;\n}\n\n.rf-pr-1 {\n padding-right: .25rem;\n}\n\n.rf-pr-2 {\n padding-right: .5rem;\n}\n\n.rf-pr-4 {\n padding-right: 1rem;\n}\n\n.rf-pt-1 {\n padding-top: .25rem;\n}\n\n.rf-pt-11\\/20 {\n padding-top: 55%;\n}\n\n.rf-pt-12 {\n padding-top: 3rem;\n}\n\n.rf-pt-14 {\n padding-top: 3.5rem;\n}\n\n.rf-pt-2 {\n padding-top: .5rem;\n}\n\n.rf-pt-24 {\n padding-top: 6rem;\n}\n\n.rf-pt-3 {\n padding-top: .75rem;\n}\n\n.rf-pt-4 {\n padding-top: 1rem;\n}\n\n.rf-pt-8 {\n padding-top: 2rem;\n}\n\n.rf-pt-\\[25vh\\] {\n padding-top: 25vh;\n}\n\n.rf-pt-\\[26vh\\] {\n padding-top: 26vh;\n}\n\n.rf-text-left {\n text-align: left;\n}\n\n.rf-text-center {\n text-align: center;\n}\n\n.rf-text-right {\n text-align: right;\n}\n\n.rf-font-default {\n font-family: Calibri, sans-serif;\n}\n\n.rf-text-2xl {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n.rf-text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n.rf-text-4xl {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-text-5xl {\n font-size: 3rem;\n line-height: 1;\n}\n\n.rf-text-7xl {\n font-size: 4.5rem;\n line-height: 1;\n}\n\n.rf-text-8xl {\n font-size: 6rem;\n line-height: 1;\n}\n\n.rf-text-\\[0\\.5rem\\] {\n font-size: .5rem;\n}\n\n.rf-text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.rf-text-basecustom {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n.rf-text-lgcustom {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n.rf-text-sm {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n.rf-text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n\n.rf-text-xs {\n font-size: .75rem;\n line-height: 1rem;\n}\n\n.rf-text-xsl {\n font-size: .7rem;\n line-height: 1rem;\n}\n\n.rf-text-xsm {\n font-size: .6rem;\n}\n\n.rf-font-bold {\n font-weight: 600;\n}\n\n.rf-font-medium {\n font-weight: 300;\n}\n\n.rf-font-semibold {\n font-weight: 400;\n}\n\n.rf-uppercase {\n text-transform: uppercase;\n}\n\n.rf-capitalize {\n text-transform: capitalize;\n}\n\n.rf-normal-case {\n text-transform: none;\n}\n\n.rf-italic {\n font-style: italic;\n}\n\n.rf-text-\\[\\#575F6B\\] {\n --tw-text-opacity: 1;\n color: rgb(87 95 107 / var(--tw-text-opacity));\n}\n\n.rf-text-\\[\\#9A9A9A\\] {\n --tw-text-opacity: 1;\n color: rgb(154 154 154 / var(--tw-text-opacity));\n}\n\n.rf-text-\\[\\#A4A7AF\\] {\n --tw-text-opacity: 1;\n color: rgb(164 167 175 / var(--tw-text-opacity));\n}\n\n.rf-text-black {\n color: var(--rf-color-black);\n}\n\n.rf-text-cardButtonTextDefault {\n color: var(--rf-color-cardButtonTextDefault);\n}\n\n.rf-text-cardFrameText {\n color: var(--rf-color-cardFrameText);\n}\n\n.rf-text-formInputButtonTextDefault {\n color: var(--rf-color-formInputButtonTextDefault);\n}\n\n.rf-text-formInputButtonTextHover {\n color: var(--rf-color-formInputButtonTextHover);\n}\n\n.rf-text-formInputRadioCheckboxUncheckedBackground {\n color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n}\n\n.rf-text-formInputTextDefault {\n color: var(--rf-color-formInputTextDefault);\n}\n\n.rf-text-gray {\n --tw-text-opacity: 1;\n color: rgb(128 128 128 / var(--tw-text-opacity));\n}\n\n.rf-text-lightgray {\n --tw-text-opacity: 1;\n color: rgb(129 129 129 / var(--tw-text-opacity));\n}\n\n.rf-text-primary {\n color: var(--rf-color-primary);\n}\n\n.rf-text-red-700 {\n --tw-text-opacity: 1;\n color: rgb(185 28 28 / var(--tw-text-opacity));\n}\n\n.rf-text-secondary {\n color: var(--rf-color-secondary);\n}\n\n.rf-text-textModePanelConversationBot {\n color: var(--rf-color-textModePanelConversationBot);\n}\n\n.rf-text-textModePanelConversationUser {\n color: var(--rf-color-textModePanelConversationUser);\n}\n\n.rf-text-trueblack {\n --tw-text-opacity: 1;\n color: rgb(0 0 0 / var(--tw-text-opacity));\n}\n\n.rf-text-truewhite {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.rf-text-vocalModeSubtitlesText {\n color: var(--rf-color-vocalModeSubtitlesText);\n}\n\n.rf-text-white {\n --tw-text-opacity: 1;\n color: rgb(247 243 246 / var(--tw-text-opacity));\n}\n\n.rf-underline {\n text-decoration-line: underline;\n}\n\n.rf-shadow-\\[0_0_15px_0_silver\\] {\n --tw-shadow: 0 0 15px 0 silver;\n --tw-shadow-colored: 0 0 15px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_0_20px_1px_\\#A4A7AF80\\] {\n --tw-shadow: 0 0 20px 1px #a4a7af80;\n --tw-shadow-colored: 0 0 20px 1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_0_3px_6px_\\#00000029\\] {\n --tw-shadow: 0 0 3px 6px #00000029;\n --tw-shadow-colored: 0 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_3px_6px_\\#00000029\\] {\n --tw-shadow: 0 3px 6px #00000029;\n --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_3px_6px_\\#606267\\] {\n --tw-shadow: 0 3px 6px #606267;\n --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_3px_6px_rgba\\(0\\,0\\,0\\,0\\.16\\)\\] {\n --tw-shadow: 0 3px 6px #00000029;\n --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_6px_6px_\\#00000029\\] {\n --tw-shadow: 0 6px 6px #00000029;\n --tw-shadow-colored: 0 6px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[20px_3px_20px_\\#00000029\\] {\n --tw-shadow: 20px 3px 20px #00000029;\n --tw-shadow-colored: 20px 3px 20px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[3px_3px_16px_\\#00000029\\] {\n --tw-shadow: 3px 3px 16px #00000029;\n --tw-shadow-colored: 3px 3px 16px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[3px_3px_6px_\\#00000029\\] {\n --tw-shadow: 3px 3px 6px #00000029;\n --tw-shadow-colored: 3px 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[inset_0_0_6px_\\#0000003B\\] {\n --tw-shadow: inset 0 0 6px #0000003b;\n --tw-shadow-colored: inset 0 0 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[inset_0_12px_12px_-12px_\\#00000029\\,inset_0_-12px_12px_-12px_\\#00000029\\] {\n --tw-shadow: inset 0 12px 12px -12px #00000029, inset 0 -12px 12px -12px #00000029;\n --tw-shadow-colored: inset 0 12px 12px -12px var(--tw-shadow-color), inset 0 -12px 12px -12px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-card {\n --tw-shadow: 0px 0px 13px 3px #101219;\n --tw-shadow-colored: 0px 0px 13px 3px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-outline-none {\n outline-offset: 2px;\n outline: 2px solid #0000;\n}\n\n.rf-blur-background {\n --tw-blur: blur(var(--rf-blur-background));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.rf-filter {\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.rf-transition-all {\n transition-property: all;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.rf-transition-transform {\n transition-property: transform;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.rf-text-shadow-black {\n text-shadow: 2px 0 5px #000, -2px 0 5px #000, 0 2px 5px #000, 0 -2px 5px #000;\n}\n\n.rf-capitalize-first:first-letter {\n text-transform: uppercase;\n}\n\nol {\n padding-left: 2rem;\n list-style-type: decimal;\n}\n\nul {\n padding-left: 2rem;\n list-style-type: disc;\n}\n\n#retorik-container.rf-portrait:not(.rf-large) .ac-image {\n max-width: 100px;\n}\n\n.rf-glass-background, #retorik-container.portrait .portrait\\:rf-glass-background {\n background-color: var(--rf-color-black);\n --tw-bg-opacity: .62;\n --tw-backdrop-blur: blur(8px);\n backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n\n.rf-loader:before {\n content: \"\";\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n animation: 1.8s ease-in-out -.32s infinite both rf-loader;\n display: block;\n position: absolute;\n right: 1.5rem;\n}\n\n.rf-loader:after {\n content: \"\";\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n animation: 1.8s ease-in-out infinite both rf-loader;\n display: block;\n position: absolute;\n left: 1.5rem;\n}\n\n.rf-loader-medium:before {\n content: \"\";\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n animation: 1.8s ease-in-out -.32s infinite both rf-loaderMedium;\n display: block;\n position: absolute;\n right: 1rem;\n}\n\n.rf-loader-medium:after {\n content: \"\";\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n animation: 1.8s ease-in-out infinite both rf-loaderMedium;\n display: block;\n position: absolute;\n left: 1rem;\n}\n\n.rf-loader-mini:before {\n content: \"\";\n border-radius: 50%;\n width: .5rem;\n height: .5rem;\n animation: 1.8s ease-in-out -.32s infinite both rf-loaderMini;\n display: block;\n position: absolute;\n right: .5rem;\n}\n\n.rf-loader-mini:after {\n content: \"\";\n border-radius: 50%;\n width: .5rem;\n height: .5rem;\n animation: 1.8s ease-in-out infinite both rf-loaderMini;\n display: block;\n position: absolute;\n left: .5rem;\n}\n\n.rf-loader-microphone:before, .rf-loader-microphone:after {\n content: \"\";\n --tw-border-opacity: 1;\n border: 6px solid #0000;\n border-top-color: rgb(128 128 128 / var(--tw-border-opacity));\n border-radius: 100%;\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.rf-loader-microphone:before {\n z-index: 1;\n animation: 1s linear infinite rf-spin;\n}\n\n.rf-loader-microphone:after {\n --tw-border-opacity: 1;\n border-color: rgb(204 204 204 / var(--tw-border-opacity));\n}\n\n.rf-touch-action-none {\n touch-action: none;\n}\n\n.rf-unselectable {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-touch-callout: none;\n}\n\n.rf-title-extralarge-bold-size-auto {\n font-size: 2.25rem;\n font-weight: 600;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large .rf-title-extralarge-bold-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-extralarge-bold-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n.rf-title-extralarge-size-auto {\n font-size: 2.25rem;\n font-weight: 400;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large .rf-title-extralarge-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-extralarge-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n.rf-title-large-size-auto {\n font-size: 1.5rem;\n font-weight: 400;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-title-large-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-large-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n.rf-title-large-bold-size-auto {\n font-size: 1.875rem;\n font-weight: 600;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large .rf-title-large-bold-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-large-bold-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n.rf-title-size-auto {\n font-size: 1.5rem;\n font-weight: 400;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-title-size-auto {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-title-bold-size-auto {\n font-size: 1.5rem;\n font-weight: 600;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-title-bold-size-auto {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-bold-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-subtitle-size-auto {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-subtitle-size-auto {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-subtitle-size-auto {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n.rf-text-extralarge-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large .rf-text-extralarge-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-extralarge-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n.rf-text-verylarge-size-auto {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-text-verylarge-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-verylarge-size-auto {\n font-size: 4.5rem;\n line-height: 1;\n}\n\n.rf-text-large-size-auto {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-text-large-size-auto {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-large-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-text-medium-size-auto {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large .rf-text-medium-size-auto {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n.rf-text-size-auto {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-text-size-auto {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-size-auto {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n.rf-small-size-auto {\n font-size: .6rem;\n}\n\n#retorik-container.rf-large .rf-small-size-auto {\n font-size: .75rem;\n line-height: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-small-size-auto {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n.rf-line-clamp-unknown {\n hyphens: auto;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-1 {\n hyphens: auto;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-2 {\n hyphens: auto;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-3 {\n hyphens: auto;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-4 {\n hyphens: auto;\n -webkit-line-clamp: 4;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-5 {\n hyphens: auto;\n -webkit-line-clamp: 5;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-6 {\n hyphens: auto;\n -webkit-line-clamp: 6;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-7 {\n hyphens: auto;\n -webkit-line-clamp: 7;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-8 {\n hyphens: auto;\n -webkit-line-clamp: 8;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-9 {\n hyphens: auto;\n -webkit-line-clamp: 9;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-10 {\n hyphens: auto;\n -webkit-line-clamp: 10;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-overflow-wrap {\n overflow-wrap: anywhere;\n}\n\n.rf-height-fill-available {\n height: stretch;\n}\n\n.rf-width-fill-available {\n width: stretch;\n}\n\n.rf-animation-delay-2 {\n animation-delay: .2s;\n}\n\n.rf-animation-delay-4 {\n animation-delay: .4s;\n}\n\n.rf-scrollbar-thin {\n scrollbar-width: thin;\n scrollbar-color: var(--rf-color-secondary) transparent;\n}\n\n.rf-scrollbar-thin::-webkit-scrollbar {\n width: .2rem;\n height: .2rem;\n margin: .25rem 0;\n}\n\n.rf-scrollbar-thin::-webkit-scrollbar-thumb {\n background-color: var(--rf-color-secondary);\n border-radius: .5rem;\n}\n\n.rf-scrollbar-x-custom::-webkit-scrollbar {\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n border-radius: 2rem;\n height: .5rem;\n}\n\n.rf-scrollbar-x-custom::-webkit-scrollbar-thumb {\n background-color: var(--rf-color-primary);\n border-radius: 2rem;\n}\n\n.rf-scrollbar-hidden {\n scrollbar-width: none;\n}\n\n.rf-scrollbar-hidden::-webkit-scrollbar {\n display: none;\n}\n\n.rf-opacity-gradient-b {\n -webkit-mask-image: linear-gradient(#000 50%, #0000 100%);\n}\n\n.rf-opacity-gradient-b-thin {\n -webkit-mask-image: linear-gradient(#797676 84%, #0000 100%);\n}\n\n.rf-opacity-gradient-l {\n -webkit-mask-image: linear-gradient(to left, #000 75%, gray 80%, #0000 85%);\n}\n\n.rf-opacity-gradient-l-thin {\n -webkit-mask-image: linear-gradient(to left, #000 90%, gray 95%, #0000 100%);\n}\n\n.rf-opacity-gradient-h {\n -webkit-mask-image: linear-gradient(to right, #0000 0%, 6%, #000, 94%, #0000 100%);\n}\n\n.rf-card-button {\n border-width: 1px;\n border-color: var(--rf-color-cardButtonBorderDefault);\n background-color: var(--rf-color-cardButtonBackgroundDefault);\n color: var(--rf-color-cardButtonTextDefault);\n border-radius: .3125rem;\n padding: .25rem .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button {\n padding: .5rem 1rem;\n}\n\n.rf-card-button:hover {\n cursor: pointer;\n border-color: var(--rf-color-cardButtonBorderHover);\n background-color: var(--rf-color-cardButtonBackgroundHover);\n color: var(--rf-color-cardButtonTextHover);\n}\n\n.rf-card-button-clicked {\n background-color: var(--rf-color-cardButtonBackgroundDefault);\n border-width: 1px;\n border-color: #0000;\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-clicked {\n padding-top: .5rem;\n padding-bottom: .5rem;\n}\n\n.rf-card-button-secondary {\n border-width: 1px;\n border-color: var(--rf-color-secondary);\n color: var(--rf-color-secondary);\n background-color: #0000;\n border-radius: .3125rem;\n padding: .25rem .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-secondary {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-secondary {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-secondary {\n padding: .5rem 1rem;\n}\n\n.rf-card-button-secondary:hover {\n cursor: pointer;\n border-color: var(--rf-color-secondary);\n background-color: var(--rf-color-secondary);\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.rf-card-button-discover {\n border-width: 1px;\n border-color: var(--rf-color-cardButtonDiscoverBorderDefault);\n background-color: var(--rf-color-cardButtonDiscoverBackgroundDefault);\n color: var(--rf-color-cardButtonDiscoverTextDefault);\n border-radius: .3125rem;\n padding: .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-discover {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n.rf-card-button-discover:hover {\n cursor: pointer;\n border-color: var(--rf-color-cardButtonDiscoverBorderHover);\n background-color: var(--rf-color-cardButtonDiscoverBackgroundHover);\n color: var(--rf-color-cardButtonDiscoverTextHover);\n}\n\n.rf-card-button-history {\n cursor: default;\n border-width: 1px;\n border-color: var(--rf-color-cardButtonBorderDefault);\n background-color: var(--rf-color-cardButtonBackgroundDefault);\n color: var(--rf-color-cardButtonTextDefault);\n border-radius: .3125rem;\n padding: .25rem .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-history {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-history {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-history {\n padding: .5rem 1rem;\n}\n\n.lf-player-container {\n align-items: flex-end;\n width: 100%;\n height: 100%;\n display: flex;\n overflow: hidden;\n}\n\n.rf-input-label {\n text-overflow: ellipsis;\n color: var(--rf-color-formInputTextDefault);\n margin-top: .1rem;\n margin-left: .75rem;\n overflow-x: hidden;\n}\n\n#retorik-container.rf-large .rf-input-label {\n margin-top: .25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-input-label {\n margin-top: .2rem;\n}\n\n.rf-radio-custom {\n -webkit-appearance: none;\n appearance: none;\n border-width: 2px;\n border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n border-radius: 50%;\n place-content: center;\n width: 1.5rem;\n min-width: 1.5rem;\n height: 1.5rem;\n margin: 0;\n display: grid;\n}\n\n.rf-radio-custom:checked {\n border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n#retorik-container.rf-large .rf-radio-custom {\n width: 1.75rem;\n min-width: 1.75rem;\n height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-radio-custom {\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n}\n\n.rf-radio-custom:before {\n content: \"\";\n --tw-scale-x: 0;\n --tw-scale-y: 0;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n background-color: var(--rf-color-formInputRadioCheckboxCheckedItem);\n border-radius: 50%;\n width: .5rem;\n height: .5rem;\n transition-property: all;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n#retorik-container.rf-large .rf-radio-custom:before {\n width: .75rem;\n height: .75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-radio-custom:before {\n width: 1rem;\n height: 1rem;\n}\n\n.rf-radio-custom:checked:before {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-input-hidden {\n -webkit-appearance: none;\n appearance: none;\n margin: 0;\n}\n\n.rf-checkbox-custom {\n -webkit-appearance: none;\n appearance: none;\n border-width: 2px;\n border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n border-radius: .3125rem;\n place-content: center;\n width: 1.5rem;\n min-width: 1.5rem;\n height: 1.5rem;\n margin: 0;\n display: grid;\n}\n\n#retorik-container.rf-large .rf-checkbox-custom {\n width: 1.75rem;\n min-width: 1.75rem;\n height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-checkbox-custom {\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n}\n\n.rf-checkbox-custom:checked {\n border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n.rf-toggle-custom {\n -webkit-appearance: none;\n appearance: none;\n background-color: var(--rf-color-black);\n border-radius: 1.5rem;\n width: 3rem;\n min-width: 3rem;\n height: 1.5rem;\n margin: 0;\n position: relative;\n}\n\n.rf-toggle-custom:checked {\n background-color: var(--rf-color-primary);\n}\n\n#retorik-container.rf-large .rf-toggle-custom {\n border-radius: 1.75rem;\n width: 3.5rem;\n min-width: 3.5rem;\n height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-toggle-custom {\n border-radius: 2rem;\n width: 4rem;\n min-width: 4rem;\n height: 2rem;\n}\n\n.rf-toggle-custom:before {\n content: \"\";\n --tw-translate-x: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n transition-property: all;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n position: absolute;\n top: .25rem;\n left: .25rem;\n}\n\n#retorik-container.rf-large .rf-toggle-custom:before {\n width: 1.25rem;\n height: 1.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-toggle-custom:before {\n width: 1.5rem;\n height: 1.5rem;\n}\n\n.rf-toggle-custom:checked:before {\n --tw-translate-x: 1.5rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n#retorik-container.rf-large .rf-toggle-custom:checked:before {\n --tw-translate-x: 1.75rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n#retorik-container.rf-large.rf-portrait .rf-toggle-custom:checked:before {\n --tw-translate-x: 2rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-select-custom {\n -webkit-appearance: none;\n appearance: none;\n border-width: 2px;\n border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n border-radius: .3125rem;\n margin: 0;\n padding: 1rem;\n}\n\n.rf-select-custom:hover {\n cursor: pointer;\n}\n\n.rf-select-custom:focus-visible {\n border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n}\n\n.rf-slider-custom {\n -webkit-appearance: none;\n -moz-appearance: none;\n outline-offset: 2px;\n border-radius: .5rem;\n outline: 2px solid #0000;\n width: 100%;\n height: .25rem;\n display: block;\n position: relative;\n}\n\n.rf-slider-custom::-webkit-slider-runnable-track {\n -webkit-appearance: none;\n}\n\n.rf-slider-custom::-moz-track {\n -moz-appearance: none;\n}\n\n.rf-slider-custom::-ms-track {\n appearance: none;\n}\n\n.rf-slider-custom::-webkit-slider-thumb {\n -webkit-appearance: none;\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n border-style: none;\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -.2rem;\n}\n\n.rf-slider-custom::-webkit-slider-thumb:hover {\n cursor: pointer;\n}\n\n.rf-slider-custom::-moz-range-thumb {\n -webkit-appearance: none;\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n border-style: none;\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -.2rem;\n}\n\n.rf-slider-custom::-moz-range-thumb:hover {\n cursor: pointer;\n}\n\n.rf-slider-custom::-ms-thumb {\n appearance: none;\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n border-style: none;\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -.2rem;\n}\n\n.rf-slider-custom::-ms-thumb:hover {\n cursor: pointer;\n}\n\n.rf-likert-custom {\n cursor: pointer;\n outline-offset: 2px;\n -webkit-text-stroke-width: 1px;\n -webkit-text-stroke-color: white;\n background-color: #0000;\n border-style: none;\n outline: 2px solid #0000;\n}\n\n.svgButtonMenu > svg * {\n fill: var(--fill);\n}\n\n.webchat__css-custom-properties {\n width: 100%;\n height: 100%;\n}\n\n.placeholder\\:rf-text-black::placeholder {\n color: var(--rf-color-black);\n}\n\n.placeholder\\:rf-opacity-100::placeholder {\n opacity: 1;\n}\n\n.hover\\:rf-cursor-pointer:hover {\n cursor: pointer;\n}\n\n.hover\\:rf-border-truewhite:hover {\n --tw-border-opacity: 1;\n border-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n\n.hover\\:rf-bg-formInputRadioCheckboxCheckedBackground:hover {\n background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n.hover\\:rf-bg-truewhite:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.hover\\:rf-text-formInputRadioCheckboxCheckedItem:hover {\n color: var(--rf-color-formInputRadioCheckboxCheckedItem);\n}\n\n.hover\\:rf-text-truewhite:hover {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-col-span-full {\n grid-column: 1 / -1;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-col-start-1 {\n grid-column-start: 1;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-row-span-1 {\n grid-row: span 1 / span 1;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-row-start-11 {\n grid-row-start: 11;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-row-end-13 {\n grid-row-end: 13;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-w-5\\/6 {\n width: 83.3333%;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-w-full {\n width: 100%;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-flex-col {\n flex-direction: column;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-overflow-x-auto {\n overflow-x: auto;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-border-r-0 {\n border-right-width: 0;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-absolute {\n position: absolute;\n}\n\n#retorik-container.rf-large .large\\:rf-left-4 {\n left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-top-8 {\n top: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-col-start-5 {\n grid-column-start: 5;\n}\n\n#retorik-container.rf-large .large\\:rf-col-end-6 {\n grid-column-end: 6;\n}\n\n#retorik-container.rf-large .large\\:rf-col-end-9 {\n grid-column-end: 9;\n}\n\n#retorik-container.rf-large .large\\:rf-row-span-full {\n grid-row: 1 / -1;\n}\n\n#retorik-container.rf-large .large\\:rf-row-start-10 {\n grid-row-start: 10;\n}\n\n#retorik-container.rf-large .large\\:rf-row-start-5 {\n grid-row-start: 5;\n}\n\n#retorik-container.rf-large .large\\:rf-m-8 {\n margin: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-my-0 {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-my-3 {\n margin-top: .75rem;\n margin-bottom: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-0 {\n margin-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-4 {\n margin-bottom: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-6 {\n margin-bottom: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-0 {\n margin-left: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-12 {\n margin-left: 3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-4 {\n margin-left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-8 {\n margin-left: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mr-3 {\n margin-right: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mr-30 {\n margin-right: 7.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-0 {\n margin-top: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-20 {\n margin-top: 5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-3 {\n margin-top: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-\\[20vh\\] {\n margin-top: 20vh;\n}\n\n#retorik-container.rf-large .large\\:rf-block {\n display: block;\n}\n\n#retorik-container.rf-large .large\\:rf-flex {\n display: flex;\n}\n\n#retorik-container.rf-large .large\\:rf-hidden {\n display: none;\n}\n\n#retorik-container.rf-large .large\\:rf-aspect-video {\n aspect-ratio: 16 / 9;\n}\n\n#retorik-container.rf-large .large\\:rf-h-16 {\n height: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-3\\/5 {\n height: 60%;\n}\n\n#retorik-container.rf-large .large\\:rf-h-4 {\n height: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-5 {\n height: 1.25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-6 {\n height: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-8 {\n height: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-\\[1\\.3rem\\] {\n height: 1.3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-\\[60vh\\] {\n height: 60vh;\n}\n\n#retorik-container.rf-large .large\\:rf-h-auto {\n height: auto;\n}\n\n#retorik-container.rf-large .large\\:rf-h-full {\n height: 100%;\n}\n\n#retorik-container.rf-large .large\\:rf-max-h-28 {\n max-height: 7rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-1\\/8 {\n width: 12.5%;\n}\n\n#retorik-container.rf-large .large\\:rf-w-14 {\n width: 3.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-16 {\n width: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-3\\/5 {\n width: 60%;\n}\n\n#retorik-container.rf-large .large\\:rf-w-4 {\n width: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-5 {\n width: 1.25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-6 {\n width: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-8 {\n width: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-fit {\n width: fit-content;\n}\n\n#retorik-container.rf-large .large\\:rf-w-full {\n width: 100%;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-1\\/2 {\n min-width: 50%;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-1\\/8 {\n min-width: 12.5%;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-16 {\n min-width: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-3\\/5 {\n min-width: 60%;\n}\n\n#retorik-container.rf-large .large\\:rf-max-w-1\\/8 {\n max-width: 12.5%;\n}\n\n#retorik-container.rf-large .large\\:rf-max-w-\\[12rem\\] {\n max-width: 12rem;\n}\n\n#retorik-container.rf-large .large\\:rf-max-w-full {\n max-width: 100%;\n}\n\n#retorik-container.rf-large .large\\:rf-grid-cols-5 {\n grid-template-columns: repeat(5, minmax(0, 1fr));\n}\n\n#retorik-container.rf-large .large\\:rf-flex-row {\n flex-direction: row;\n}\n\n#retorik-container.rf-large .large\\:rf-flex-col {\n flex-direction: column;\n}\n\n#retorik-container.rf-large .large\\:rf-items-baseline {\n align-items: baseline;\n}\n\n#retorik-container.rf-large .large\\:rf-justify-start {\n justify-content: flex-start;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-1 {\n gap: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-3 {\n gap: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-4 {\n gap: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-6 {\n gap: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-overflow-y-scroll {\n overflow-y: scroll;\n}\n\n#retorik-container.rf-large .large\\:rf-border-t-0 {\n border-top-width: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-bg-truewhite {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n#retorik-container.rf-large .large\\:rf-p-4 {\n padding: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-p-\\[25px\\] {\n padding: 25px;\n}\n\n#retorik-container.rf-large .large\\:rf-p-min1 {\n padding: .1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-0 {\n padding-left: 0;\n padding-right: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-px-16 {\n padding-left: 4rem;\n padding-right: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-5, #retorik-container.rf-large .large\\:rf-px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-8 {\n padding-left: 2rem;\n padding-right: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-0 {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-2 {\n padding-top: .5rem;\n padding-bottom: .5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-3 {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pb-16 {\n padding-bottom: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pl-12 {\n padding-left: 3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pl-4 {\n padding-left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pr-4 {\n padding-right: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pt-16 {\n padding-top: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pt-3 {\n padding-top: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-text-5xl {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large .large\\:rf-text-6xl {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large .large\\:rf-text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-text-basecustom {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-text-sm {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-uppercase {\n text-transform: uppercase;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-h-4 {\n height: 1rem;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-h-6 {\n height: 1.5rem;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-w-6 {\n width: 1.5rem;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-pt-1\\/5 {\n padding-top: 20%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-bottom-\\[25vh\\] {\n bottom: 25vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-left-4 {\n left: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-top-4 {\n top: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-span-full {\n grid-column: 1 / -1;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-start-1 {\n grid-column-start: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-start-2 {\n grid-column-start: 2;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-end-8 {\n grid-column-end: 8;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-end-9 {\n grid-column-end: 9;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-span-4 {\n grid-row: span 4 / span 4;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-span-6 {\n grid-row: span 6 / span 6;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-start-5 {\n grid-row-start: 5;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-start-7 {\n grid-row-start: 7;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-end-11 {\n grid-row-end: 11;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-end-7 {\n grid-row-end: 7;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mt-4 {\n margin-top: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mt-\\[20vh\\] {\n margin-top: 20vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mt-\\[25vh\\] {\n margin-top: 25vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-block {\n display: block;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-hidden {\n display: none;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-1\\/2 {\n height: 50%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-14 {\n height: 3.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-24 {\n height: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-6 {\n height: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-\\[50vh\\] {\n height: 50vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-11\\/12 {\n max-height: 91.67%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-36 {\n max-height: 9rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-\\[18vh\\] {\n max-height: 18vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-\\[30vh\\] {\n max-height: 30vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-1\\/2 {\n width: 50%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-14 {\n width: 3.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-16 {\n width: 4rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-24 {\n width: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-4\\/9 {\n width: 45%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-6 {\n width: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-w-24 {\n min-width: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-w-4\\/9 {\n min-width: 45%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-w-2\\/3 {\n max-width: 66.67%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-w-\\[60\\%\\] {\n max-width: 60%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-flex-row {\n flex-direction: row;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-justify-center {\n justify-content: center;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-gap-6 {\n gap: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-self-end {\n align-self: flex-end;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-border-t {\n border-top-width: 1px;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-border-t-menuBorder {\n --tw-border-opacity: 1;\n border-top-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-py-5 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pl-0 {\n padding-left: 0;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-8 {\n padding-top: 2rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-\\[16\\.67\\%\\] {\n padding-top: 16.67%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-\\[20vh\\] {\n padding-top: 20vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-text-basecustomuppercase {\n font-size: 1rem;\n line-height: 1.1rem;\n}\n\n#retorik-container.rf-large.rf-tactile .large-tactile\\:rf-mt-0 {\n margin-top: 0;\n}\n\n#retorik-container.rf-large.rf-tactile .large-tactile\\:rf-flex {\n display: flex;\n}\n\n#retorik-container.rf-large.rf-tactile .large-tactile\\:rf-hidden {\n display: none;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .desktop\\:rf-h-full {\n height: 100%;\n}\n\n@media (height <= 700px) and (width <= 300px) {\n .small-mobile\\:rf-row-span-6 {\n grid-row: span 6 / span 6;\n }\n\n .small-mobile\\:rf-row-span-7 {\n grid-row: span 7 / span 7;\n }\n\n .small-mobile\\:rf-row-start-5 {\n grid-row-start: 5;\n }\n}\n";
|
|
121
121
|
|
|
122
122
|
|
|
123
123
|
var $b0c4d46435bb1afc$exports = {};
|
|
@@ -249,6 +249,12 @@ var $71c613e2e831c34c$export$f0cfc93288d9ec06;
|
|
|
249
249
|
Emotions["Joy"] = "joy";
|
|
250
250
|
Emotions["Hope"] = "hope";
|
|
251
251
|
})($71c613e2e831c34c$export$f0cfc93288d9ec06 || ($71c613e2e831c34c$export$f0cfc93288d9ec06 = {}));
|
|
252
|
+
var $71c613e2e831c34c$export$a2a634340dd7e3e3;
|
|
253
|
+
(function(AnimationSize) {
|
|
254
|
+
AnimationSize[AnimationSize["small"] = 0] = "small";
|
|
255
|
+
AnimationSize[AnimationSize["medium"] = 1] = "medium";
|
|
256
|
+
AnimationSize[AnimationSize["large"] = 2] = "large";
|
|
257
|
+
})($71c613e2e831c34c$export$a2a634340dd7e3e3 || ($71c613e2e831c34c$export$a2a634340dd7e3e3 = {}));
|
|
252
258
|
|
|
253
259
|
|
|
254
260
|
const $0b4f07c0f09dbbcf$export$2e65b7c7134e01f0 = 600;
|
|
@@ -392,7 +398,6 @@ var $06e5942c9d4d6916$export$2e2bcd8739ae039 = $06e5942c9d4d6916$var$ShadowRoot;
|
|
|
392
398
|
|
|
393
399
|
/* eslint-disable react/jsx-boolean-value */
|
|
394
400
|
|
|
395
|
-
// @ts-nocheck
|
|
396
401
|
|
|
397
402
|
|
|
398
403
|
|
|
@@ -1031,7 +1036,8 @@ const $70e3d65f5a106231$var$initialState = {
|
|
|
1031
1036
|
printingCallback: null,
|
|
1032
1037
|
GDPRDisplay: true,
|
|
1033
1038
|
GDPRWindowData: undefined,
|
|
1034
|
-
GDPRUserConsent: false
|
|
1039
|
+
GDPRUserConsent: false,
|
|
1040
|
+
unlockClickedButton: false
|
|
1035
1041
|
};
|
|
1036
1042
|
let $70e3d65f5a106231$var$timer = null;
|
|
1037
1043
|
const $70e3d65f5a106231$export$77e4cc5334565f28 = (0, $dWhh5$zustand.create)()(()=>{
|
|
@@ -1168,6 +1174,16 @@ const $70e3d65f5a106231$export$7a09e6b3c59f37ad = (value)=>{
|
|
|
1168
1174
|
GDPRUserConsent: value
|
|
1169
1175
|
});
|
|
1170
1176
|
};
|
|
1177
|
+
const $70e3d65f5a106231$export$e49d67c72fb28d58 = ()=>{
|
|
1178
|
+
$70e3d65f5a106231$export$77e4cc5334565f28.setState({
|
|
1179
|
+
unlockClickedButton: true
|
|
1180
|
+
});
|
|
1181
|
+
};
|
|
1182
|
+
const $70e3d65f5a106231$export$5d55805fc8a86c05 = ()=>{
|
|
1183
|
+
$70e3d65f5a106231$export$77e4cc5334565f28.setState({
|
|
1184
|
+
unlockClickedButton: false
|
|
1185
|
+
});
|
|
1186
|
+
};
|
|
1171
1187
|
const $70e3d65f5a106231$export$93b55f822ac81934 = ()=>{
|
|
1172
1188
|
$70e3d65f5a106231$export$77e4cc5334565f28.setState({
|
|
1173
1189
|
...$70e3d65f5a106231$var$initialState
|
|
@@ -1321,6 +1337,7 @@ const $5f7f457957bd2c8d$export$b6d2196a3ce412d8 = ()=>{
|
|
|
1321
1337
|
|
|
1322
1338
|
|
|
1323
1339
|
|
|
1340
|
+
|
|
1324
1341
|
const $9acd31406c230961$var$initialState = {
|
|
1325
1342
|
activities: [],
|
|
1326
1343
|
lastBotActivity: undefined,
|
|
@@ -1338,7 +1355,8 @@ const $9acd31406c230961$var$initialState = {
|
|
|
1338
1355
|
queue: [],
|
|
1339
1356
|
conversationId: null,
|
|
1340
1357
|
watermark: 0,
|
|
1341
|
-
retrievingConversation: false
|
|
1358
|
+
retrievingConversation: false,
|
|
1359
|
+
cookie: null
|
|
1342
1360
|
};
|
|
1343
1361
|
let $9acd31406c230961$var$timerRef;
|
|
1344
1362
|
const $9acd31406c230961$export$b56465394e2b1287 = (0, $dWhh5$zustand.create)()(()=>{
|
|
@@ -1346,6 +1364,7 @@ const $9acd31406c230961$export$b56465394e2b1287 = (0, $dWhh5$zustand.create)()((
|
|
|
1346
1364
|
});
|
|
1347
1365
|
const $9acd31406c230961$var$addActivity = async (activity, resetQueue)=>{
|
|
1348
1366
|
var _activity_from_name;
|
|
1367
|
+
(0, $70e3d65f5a106231$export$e49d67c72fb28d58)();
|
|
1349
1368
|
const currentState = $9acd31406c230961$export$b56465394e2b1287.getState();
|
|
1350
1369
|
const shouldNotSetLastBotActivity = currentState.retrievingConversation && !resetQueue;
|
|
1351
1370
|
const isBot = activity.from.role === "bot" || activity.replyToId || ((_activity_from_name = activity.from.name) === null || _activity_from_name === void 0 ? void 0 : _activity_from_name.toLowerCase()) === "bot";
|
|
@@ -1481,15 +1500,19 @@ const $9acd31406c230961$export$f9786f6b1a1e81e3 = (activity)=>{
|
|
|
1481
1500
|
}, 500);
|
|
1482
1501
|
};
|
|
1483
1502
|
const $9acd31406c230961$export$210f7e70e69f7df5 = (activity)=>{
|
|
1503
|
+
var _activity_id;
|
|
1484
1504
|
// Set the home activity to be able to show its attachments when needed
|
|
1485
1505
|
if (activity.messageType === "welcome") $9acd31406c230961$export$b56465394e2b1287.setState({
|
|
1486
1506
|
homeActivity: activity
|
|
1487
1507
|
});
|
|
1488
|
-
$9acd31406c230961$export$
|
|
1508
|
+
const currentConversationId = $9acd31406c230961$export$b56465394e2b1287.getState().conversationId;
|
|
1509
|
+
currentConversationId && ((_activity_id = activity.id) === null || _activity_id === void 0 ? void 0 : _activity_id.includes(currentConversationId)) && $9acd31406c230961$export$f9786f6b1a1e81e3(activity);
|
|
1489
1510
|
};
|
|
1490
1511
|
const $9acd31406c230961$export$35bf93b87d9ffb15 = (activity)=>{
|
|
1512
|
+
var _activity_id;
|
|
1491
1513
|
const retrieving = $9acd31406c230961$export$b56465394e2b1287.getState().retrievingConversation;
|
|
1492
|
-
|
|
1514
|
+
const currentConversationId = $9acd31406c230961$export$b56465394e2b1287.getState().conversationId;
|
|
1515
|
+
currentConversationId && !retrieving && ((_activity_id = activity.id) === null || _activity_id === void 0 ? void 0 : _activity_id.includes(currentConversationId)) && (0, $5f7f457957bd2c8d$export$9a026d007e335fc0)(activity);
|
|
1493
1516
|
};
|
|
1494
1517
|
const $9acd31406c230961$export$4365557467e67cdc = (value)=>{
|
|
1495
1518
|
const currentState = $9acd31406c230961$export$b56465394e2b1287.getState();
|
|
@@ -1506,6 +1529,20 @@ const $9acd31406c230961$export$d7e4f7861d387c67 = (value)=>{
|
|
|
1506
1529
|
retrievingConversation: value
|
|
1507
1530
|
});
|
|
1508
1531
|
};
|
|
1532
|
+
const $9acd31406c230961$export$110700823644f4a6 = (value)=>{
|
|
1533
|
+
$9acd31406c230961$export$b56465394e2b1287.setState({
|
|
1534
|
+
cookie: value
|
|
1535
|
+
});
|
|
1536
|
+
};
|
|
1537
|
+
const $9acd31406c230961$export$76568ea212370899 = ()=>{
|
|
1538
|
+
const cookie = $9acd31406c230961$export$b56465394e2b1287.getState().cookie;
|
|
1539
|
+
if (cookie) {
|
|
1540
|
+
document.cookie = cookie;
|
|
1541
|
+
$9acd31406c230961$export$b56465394e2b1287.setState({
|
|
1542
|
+
cookie: null
|
|
1543
|
+
});
|
|
1544
|
+
}
|
|
1545
|
+
};
|
|
1509
1546
|
const $9acd31406c230961$export$b7b23f8e09258fa6 = ()=>{
|
|
1510
1547
|
$9acd31406c230961$export$b56465394e2b1287.setState({
|
|
1511
1548
|
...$9acd31406c230961$var$initialState
|
|
@@ -1551,7 +1588,7 @@ const $c79349f4444d81d7$var$createCustomStore = (enableConversationCookie, conve
|
|
|
1551
1588
|
var _document_cookie_split_find;
|
|
1552
1589
|
const conversationCookie = (_document_cookie_split_find = document.cookie.split("; ").find((row)=>row.startsWith("retorikConversationCookie="))) === null || _document_cookie_split_find === void 0 ? void 0 : _document_cookie_split_find.split("=")[1];
|
|
1553
1590
|
const fullTenantName = (addressData.baseURI || `${addressData.prefix || ""}${addressData.tenant}`).replace(/;|,|\s/g, "");
|
|
1554
|
-
if (!(conversationCookie && conversationCookie.split("||").length === 2 && conversationCookie.split("||")[1] === fullTenantName))
|
|
1591
|
+
if (!(conversationCookie && conversationCookie.split("||").length === 2 && conversationCookie.split("||")[1] === fullTenantName)) (0, $9acd31406c230961$export$110700823644f4a6)(`retorikConversationCookie=${conversationId}||${fullTenantName}; max-age=${conversationCookieMaxAge || 3600}`);
|
|
1555
1592
|
}
|
|
1556
1593
|
break;
|
|
1557
1594
|
}
|
|
@@ -1812,9 +1849,9 @@ const $c7242af7a2bc5e50$var$initialState = {
|
|
|
1812
1849
|
displaySubtitles: false,
|
|
1813
1850
|
agentData: undefined,
|
|
1814
1851
|
loaderClosed: false,
|
|
1852
|
+
appAvailable: false,
|
|
1815
1853
|
currentLayout: (0, $71c613e2e831c34c$export$a31c5a03aaeee5f).agent,
|
|
1816
1854
|
changeLayoutButtonDisplay: false,
|
|
1817
|
-
layoutChanged: false,
|
|
1818
1855
|
userAlreadySet: false,
|
|
1819
1856
|
enableDocumentPrinting: false,
|
|
1820
1857
|
disableSound: false
|
|
@@ -1827,11 +1864,6 @@ const $c7242af7a2bc5e50$export$ca8db8ed18ea1d2c = (value)=>{
|
|
|
1827
1864
|
disableSound: value
|
|
1828
1865
|
});
|
|
1829
1866
|
};
|
|
1830
|
-
const $c7242af7a2bc5e50$export$29ec02ff899d2b53 = (value)=>{
|
|
1831
|
-
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1832
|
-
layoutChanged: value
|
|
1833
|
-
});
|
|
1834
|
-
};
|
|
1835
1867
|
const $c7242af7a2bc5e50$export$e8437af1f2483b8e = (value)=>{
|
|
1836
1868
|
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1837
1869
|
currentLayout: value
|
|
@@ -1863,6 +1895,11 @@ const $c7242af7a2bc5e50$export$982d69b78a955aaf = (value)=>{
|
|
|
1863
1895
|
loaderClosed: value
|
|
1864
1896
|
});
|
|
1865
1897
|
};
|
|
1898
|
+
const $c7242af7a2bc5e50$export$a8ce9bbc5b910a21 = (value)=>{
|
|
1899
|
+
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1900
|
+
appAvailable: value
|
|
1901
|
+
});
|
|
1902
|
+
};
|
|
1866
1903
|
const $c7242af7a2bc5e50$export$f9f752f8a699b258 = (value)=>{
|
|
1867
1904
|
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1868
1905
|
subtitlesInConfiguration: value
|
|
@@ -1903,14 +1940,10 @@ const $1d4f8108de9ab73a$var$defaultConfiguration = {
|
|
|
1903
1940
|
};
|
|
1904
1941
|
const $1d4f8108de9ab73a$var$RetorikContextDefaultValues = {
|
|
1905
1942
|
configuration: $1d4f8108de9ab73a$var$defaultConfiguration,
|
|
1906
|
-
appAvailable: false,
|
|
1907
|
-
loaderClosed: false,
|
|
1908
1943
|
addressData: {},
|
|
1909
1944
|
baseAddress: "",
|
|
1910
1945
|
canFocusSendBox: false,
|
|
1911
1946
|
setConfiguration: ()=>{},
|
|
1912
|
-
setAppAvailable: ()=>{},
|
|
1913
|
-
setLoaderClosed: ()=>{},
|
|
1914
1947
|
setSendBoxRef: ()=>{},
|
|
1915
1948
|
focusSendBox: ()=>{},
|
|
1916
1949
|
setCanFocusSendBox: ()=>{}
|
|
@@ -1921,8 +1954,6 @@ function $1d4f8108de9ab73a$export$d8760bee47331b1d() {
|
|
|
1921
1954
|
}
|
|
1922
1955
|
function $1d4f8108de9ab73a$export$8d0f3aad9142f5c7({ skipLoader: skipLoader, chosenMode: chosenMode, config: config, children: children, addressData: addressData }) {
|
|
1923
1956
|
const [configuration, setConfiguration] = (0, $dWhh5$react.useState)(config);
|
|
1924
|
-
const [appAvailable, setAppAvailable] = (0, $dWhh5$react.useState)(false);
|
|
1925
|
-
const [loaderClosed, setLoaderClosed] = (0, $dWhh5$react.useState)(!!skipLoader);
|
|
1926
1957
|
const [sendBoxRef, setSendBoxRef] = (0, $dWhh5$react.useState)(null);
|
|
1927
1958
|
const [canFocusSendBox, setCanFocusSendBox] = (0, $dWhh5$react.useState)(false);
|
|
1928
1959
|
const focusSendBox = ()=>{
|
|
@@ -1933,29 +1964,22 @@ function $1d4f8108de9ab73a$export$8d0f3aad9142f5c7({ skipLoader: skipLoader, cho
|
|
|
1933
1964
|
}, [
|
|
1934
1965
|
addressData
|
|
1935
1966
|
]);
|
|
1936
|
-
const storeLoaderClosed = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
1937
1967
|
const value = (0, $dWhh5$react.useMemo)(()=>({
|
|
1938
1968
|
configuration: configuration,
|
|
1939
|
-
appAvailable: appAvailable,
|
|
1940
|
-
loaderClosed: loaderClosed,
|
|
1941
1969
|
addressData: addressData,
|
|
1942
1970
|
baseAddress: baseAddress,
|
|
1943
1971
|
canFocusSendBox: canFocusSendBox,
|
|
1944
1972
|
setConfiguration: setConfiguration,
|
|
1945
|
-
|
|
1946
|
-
setLoaderClosed: setLoaderClosed,
|
|
1973
|
+
setLoaderClosed: $c7242af7a2bc5e50$export$982d69b78a955aaf,
|
|
1947
1974
|
setSendBoxRef: setSendBoxRef,
|
|
1948
1975
|
focusSendBox: focusSendBox,
|
|
1949
1976
|
setCanFocusSendBox: setCanFocusSendBox
|
|
1950
1977
|
}), [
|
|
1951
1978
|
configuration,
|
|
1952
|
-
appAvailable,
|
|
1953
|
-
loaderClosed,
|
|
1954
1979
|
baseAddress,
|
|
1955
1980
|
canFocusSendBox,
|
|
1956
1981
|
setConfiguration,
|
|
1957
|
-
|
|
1958
|
-
setLoaderClosed,
|
|
1982
|
+
(0, $c7242af7a2bc5e50$export$982d69b78a955aaf),
|
|
1959
1983
|
setSendBoxRef,
|
|
1960
1984
|
setCanFocusSendBox
|
|
1961
1985
|
]);
|
|
@@ -2028,16 +2052,6 @@ function $1d4f8108de9ab73a$export$8d0f3aad9142f5c7({ skipLoader: skipLoader, cho
|
|
|
2028
2052
|
}, [
|
|
2029
2053
|
chosenMode
|
|
2030
2054
|
]);
|
|
2031
|
-
(0, $dWhh5$react.useEffect)(()=>{
|
|
2032
|
-
(0, $c7242af7a2bc5e50$export$982d69b78a955aaf)(loaderClosed);
|
|
2033
|
-
}, [
|
|
2034
|
-
loaderClosed
|
|
2035
|
-
]);
|
|
2036
|
-
(0, $dWhh5$react.useEffect)(()=>{
|
|
2037
|
-
if (storeLoaderClosed !== loaderClosed) setLoaderClosed(storeLoaderClosed);
|
|
2038
|
-
}, [
|
|
2039
|
-
storeLoaderClosed
|
|
2040
|
-
]);
|
|
2041
2055
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
2042
2056
|
setConfiguration(config);
|
|
2043
2057
|
}, [
|
|
@@ -2049,7 +2063,7 @@ function $1d4f8108de9ab73a$export$8d0f3aad9142f5c7({ skipLoader: skipLoader, cho
|
|
|
2049
2063
|
configuration.position
|
|
2050
2064
|
]);
|
|
2051
2065
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
2052
|
-
|
|
2066
|
+
(0, $c7242af7a2bc5e50$export$982d69b78a955aaf)(!!skipLoader);
|
|
2053
2067
|
}, [
|
|
2054
2068
|
skipLoader
|
|
2055
2069
|
]);
|
|
@@ -2398,6 +2412,7 @@ const $e37833e47d877d3a$var$useToggleMicrophone = ()=>{
|
|
|
2398
2412
|
var $e37833e47d877d3a$export$2e2bcd8739ae039 = $e37833e47d877d3a$var$useToggleMicrophone;
|
|
2399
2413
|
|
|
2400
2414
|
|
|
2415
|
+
|
|
2401
2416
|
const { usePostActivity: $071bb34c9db044ce$var$usePostActivity, useSendEvent: $071bb34c9db044ce$var$useSendEvent } = (0, $dWhh5$botframeworkwebchat.hooks);
|
|
2402
2417
|
var $071bb34c9db044ce$var$EventsReceived;
|
|
2403
2418
|
(function(EventsReceived) {
|
|
@@ -2414,7 +2429,9 @@ const $071bb34c9db044ce$var$SendActivityEventListener = ({ isRetorikNews: isReto
|
|
|
2414
2429
|
const eventToSend = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.eventToSend);
|
|
2415
2430
|
const displayGDPR = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.GDPRDisplay);
|
|
2416
2431
|
const userConsent = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.GDPRUserConsent);
|
|
2417
|
-
const
|
|
2432
|
+
const loaderClosed = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
2433
|
+
const appAvailable = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.appAvailable);
|
|
2434
|
+
const { configuration: { skipWelcome: skipWelcome } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
2418
2435
|
const toggleMicrophone = (0, $e37833e47d877d3a$export$2e2bcd8739ae039)();
|
|
2419
2436
|
const [eventReceived, setEventReceived] = (0, $dWhh5$react.useState)(null);
|
|
2420
2437
|
const userAlreadySet = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.userAlreadySet);
|
|
@@ -2473,6 +2490,8 @@ const $071bb34c9db044ce$var$SendActivityEventListener = ({ isRetorikNews: isReto
|
|
|
2473
2490
|
userConsent: userConsent
|
|
2474
2491
|
});
|
|
2475
2492
|
}, 100);
|
|
2493
|
+
// Set cookie in browser data now
|
|
2494
|
+
(0, $9acd31406c230961$export$76568ea212370899)();
|
|
2476
2495
|
}
|
|
2477
2496
|
}, [
|
|
2478
2497
|
appAvailable,
|
|
@@ -2510,557 +2529,124 @@ var $071bb34c9db044ce$export$2e2bcd8739ae039 = $071bb34c9db044ce$var$SendActivit
|
|
|
2510
2529
|
|
|
2511
2530
|
|
|
2512
2531
|
|
|
2513
|
-
|
|
2514
|
-
|
|
2515
|
-
|
|
2516
|
-
|
|
2517
|
-
|
|
2518
|
-
rgb: "rgb(112, 112, 112)"
|
|
2519
|
-
};
|
|
2520
|
-
const $04a533cfb295ca20$export$d80fe84b82195dbd = {
|
|
2521
|
-
...(0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb),
|
|
2522
|
-
companyName: "#000",
|
|
2523
|
-
loader: {
|
|
2524
|
-
animation: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
2525
|
-
background: "rgba(18,18,18,0.7)",
|
|
2526
|
-
text: "#FFF",
|
|
2527
|
-
toggle: {
|
|
2528
|
-
text: "#000",
|
|
2529
|
-
background: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary
|
|
2530
|
-
},
|
|
2531
|
-
button: {
|
|
2532
|
-
background: {
|
|
2533
|
-
default: "transparent",
|
|
2534
|
-
hover: "transparent"
|
|
2535
|
-
},
|
|
2536
|
-
border: {
|
|
2537
|
-
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
2538
|
-
hover: "#FFF"
|
|
2539
|
-
},
|
|
2540
|
-
text: {
|
|
2541
|
-
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
2542
|
-
hover: "#FFF"
|
|
2543
|
-
}
|
|
2544
|
-
}
|
|
2532
|
+
const $c1fa2cf808900aaf$var$color = "#00D7FF";
|
|
2533
|
+
const $c1fa2cf808900aaf$var$white = "#F7F3F6";
|
|
2534
|
+
const $c1fa2cf808900aaf$export$d30af3ec38729f1 = {
|
|
2535
|
+
hostCapabilities: {
|
|
2536
|
+
capabilities: null
|
|
2545
2537
|
},
|
|
2546
|
-
|
|
2547
|
-
|
|
2548
|
-
|
|
2549
|
-
|
|
2550
|
-
|
|
2551
|
-
|
|
2552
|
-
|
|
2553
|
-
|
|
2554
|
-
|
|
2555
|
-
|
|
2556
|
-
|
|
2557
|
-
border: {
|
|
2558
|
-
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
2559
|
-
hover: "#FFF"
|
|
2538
|
+
choiceSetInputValueSeparator: ",",
|
|
2539
|
+
supportsInteractivity: true,
|
|
2540
|
+
fontTypes: {
|
|
2541
|
+
default: {
|
|
2542
|
+
fontFamily: '"Helvetica Neue", sans-serif',
|
|
2543
|
+
fontSizes: {
|
|
2544
|
+
small: 12,
|
|
2545
|
+
default: 16,
|
|
2546
|
+
medium: 20,
|
|
2547
|
+
large: 26,
|
|
2548
|
+
extraLarge: 33
|
|
2560
2549
|
},
|
|
2561
|
-
|
|
2562
|
-
|
|
2563
|
-
|
|
2550
|
+
fontWeights: {
|
|
2551
|
+
lighter: 200,
|
|
2552
|
+
default: 300,
|
|
2553
|
+
bolder: 400
|
|
2564
2554
|
}
|
|
2565
2555
|
},
|
|
2566
|
-
|
|
2567
|
-
|
|
2568
|
-
|
|
2569
|
-
|
|
2570
|
-
|
|
2571
|
-
|
|
2572
|
-
|
|
2573
|
-
|
|
2556
|
+
monospace: {
|
|
2557
|
+
fontFamily: '"Helvetica Neue", sans-serif',
|
|
2558
|
+
fontSizes: {
|
|
2559
|
+
small: 12,
|
|
2560
|
+
default: 16,
|
|
2561
|
+
medium: 20,
|
|
2562
|
+
large: 26,
|
|
2563
|
+
extraLarge: 33
|
|
2574
2564
|
},
|
|
2575
|
-
|
|
2576
|
-
|
|
2577
|
-
|
|
2565
|
+
fontWeights: {
|
|
2566
|
+
lighter: 200,
|
|
2567
|
+
default: 300,
|
|
2568
|
+
bolder: 400
|
|
2578
2569
|
}
|
|
2579
2570
|
}
|
|
2580
2571
|
},
|
|
2581
|
-
|
|
2582
|
-
|
|
2583
|
-
|
|
2584
|
-
|
|
2585
|
-
|
|
2586
|
-
|
|
2587
|
-
|
|
2572
|
+
spacing: {
|
|
2573
|
+
small: 8,
|
|
2574
|
+
default: 16,
|
|
2575
|
+
medium: 20,
|
|
2576
|
+
large: 30,
|
|
2577
|
+
extraLarge: 40,
|
|
2578
|
+
padding: 25
|
|
2588
2579
|
},
|
|
2589
|
-
|
|
2590
|
-
|
|
2591
|
-
|
|
2592
|
-
background: "#000"
|
|
2593
|
-
}
|
|
2580
|
+
separator: {
|
|
2581
|
+
lineThickness: 1,
|
|
2582
|
+
lineColor: "transparent"
|
|
2594
2583
|
},
|
|
2595
|
-
|
|
2596
|
-
|
|
2597
|
-
|
|
2598
|
-
|
|
2599
|
-
|
|
2600
|
-
|
|
2601
|
-
|
|
2602
|
-
|
|
2603
|
-
|
|
2604
|
-
|
|
2605
|
-
|
|
2606
|
-
|
|
2607
|
-
|
|
2608
|
-
|
|
2609
|
-
|
|
2610
|
-
|
|
2611
|
-
|
|
2612
|
-
|
|
2613
|
-
|
|
2614
|
-
|
|
2615
|
-
|
|
2616
|
-
|
|
2617
|
-
|
|
2618
|
-
|
|
2584
|
+
imageSizes: {
|
|
2585
|
+
small: 40,
|
|
2586
|
+
medium: 100,
|
|
2587
|
+
large: 160
|
|
2588
|
+
},
|
|
2589
|
+
containerStyles: {
|
|
2590
|
+
default: {
|
|
2591
|
+
foregroundColors: {
|
|
2592
|
+
default: {
|
|
2593
|
+
default: `${$c1fa2cf808900aaf$var$white}`,
|
|
2594
|
+
subtle: `${$c1fa2cf808900aaf$var$color}`,
|
|
2595
|
+
highlightColors: {
|
|
2596
|
+
default: `${$c1fa2cf808900aaf$var$color}`,
|
|
2597
|
+
subtle: "#11000000"
|
|
2598
|
+
}
|
|
2599
|
+
},
|
|
2600
|
+
dark: {
|
|
2601
|
+
default: "#000000",
|
|
2602
|
+
subtle: "#66000000",
|
|
2603
|
+
highlightColors: {
|
|
2604
|
+
default: "#22000000",
|
|
2605
|
+
subtle: "#11000000"
|
|
2606
|
+
}
|
|
2607
|
+
},
|
|
2608
|
+
light: {
|
|
2609
|
+
default: "#FFFFFF",
|
|
2610
|
+
subtle: "#33000000",
|
|
2611
|
+
highlightColors: {
|
|
2612
|
+
default: "#22000000",
|
|
2613
|
+
subtle: "#11000000"
|
|
2614
|
+
}
|
|
2615
|
+
},
|
|
2616
|
+
accent: {
|
|
2617
|
+
default: "#0063B1",
|
|
2618
|
+
subtle: "#0063B1",
|
|
2619
|
+
highlightColors: {
|
|
2620
|
+
default: "#22000000",
|
|
2621
|
+
subtle: "#11000000"
|
|
2622
|
+
}
|
|
2623
|
+
},
|
|
2624
|
+
good: {
|
|
2625
|
+
default: "#54a254",
|
|
2626
|
+
subtle: "#DD54a254",
|
|
2627
|
+
highlightColors: {
|
|
2628
|
+
default: "#22000000",
|
|
2629
|
+
subtle: "#11000000"
|
|
2630
|
+
}
|
|
2631
|
+
},
|
|
2632
|
+
warning: {
|
|
2633
|
+
default: "#c3ab23",
|
|
2634
|
+
subtle: "#DDc3ab23",
|
|
2635
|
+
highlightColors: {
|
|
2636
|
+
default: "#22000000",
|
|
2637
|
+
subtle: "#11000000"
|
|
2638
|
+
}
|
|
2639
|
+
},
|
|
2640
|
+
attention: {
|
|
2641
|
+
default: "#FF0000",
|
|
2642
|
+
subtle: "#DDFF0000",
|
|
2643
|
+
highlightColors: {
|
|
2644
|
+
default: "#22000000",
|
|
2645
|
+
subtle: "#11000000"
|
|
2646
|
+
}
|
|
2647
|
+
}
|
|
2619
2648
|
},
|
|
2620
|
-
|
|
2621
|
-
default: "#FFF",
|
|
2622
|
-
hover: "#FFF"
|
|
2623
|
-
}
|
|
2624
|
-
},
|
|
2625
|
-
likert: {
|
|
2626
|
-
default: "transparent",
|
|
2627
|
-
hover: "#E8B712"
|
|
2628
|
-
}
|
|
2629
|
-
}
|
|
2630
|
-
};
|
|
2631
|
-
const $04a533cfb295ca20$export$1196b7bf97f3d16c = {
|
|
2632
|
-
...(0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb),
|
|
2633
|
-
companyName: "#000",
|
|
2634
|
-
loader: {
|
|
2635
|
-
animation: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
2636
|
-
background: "rgba(18,18,18,0.7)",
|
|
2637
|
-
text: "#FFF",
|
|
2638
|
-
toggle: {
|
|
2639
|
-
text: "#000",
|
|
2640
|
-
background: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary
|
|
2641
|
-
},
|
|
2642
|
-
button: {
|
|
2643
|
-
background: {
|
|
2644
|
-
default: "transparent",
|
|
2645
|
-
hover: "transparent"
|
|
2646
|
-
},
|
|
2647
|
-
border: {
|
|
2648
|
-
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
2649
|
-
hover: "#FFF"
|
|
2650
|
-
},
|
|
2651
|
-
text: {
|
|
2652
|
-
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
2653
|
-
hover: "#FFF"
|
|
2654
|
-
}
|
|
2655
|
-
}
|
|
2656
|
-
},
|
|
2657
|
-
card: {
|
|
2658
|
-
frame: {
|
|
2659
|
-
background: "#2B2B2B",
|
|
2660
|
-
border: "transparent",
|
|
2661
|
-
text: "#F7F3F6"
|
|
2662
|
-
},
|
|
2663
|
-
button: {
|
|
2664
|
-
background: {
|
|
2665
|
-
default: "transparent",
|
|
2666
|
-
hover: "transparent"
|
|
2667
|
-
},
|
|
2668
|
-
border: {
|
|
2669
|
-
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
2670
|
-
hover: "#FFF"
|
|
2671
|
-
},
|
|
2672
|
-
text: {
|
|
2673
|
-
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
2674
|
-
hover: "#FFF"
|
|
2675
|
-
}
|
|
2676
|
-
},
|
|
2677
|
-
discoverButton: {
|
|
2678
|
-
background: {
|
|
2679
|
-
default: "#eaebf0",
|
|
2680
|
-
hover: "transparent"
|
|
2681
|
-
},
|
|
2682
|
-
border: {
|
|
2683
|
-
default: "transparent",
|
|
2684
|
-
hover: "#FFF"
|
|
2685
|
-
},
|
|
2686
|
-
text: {
|
|
2687
|
-
default: "#575F6B",
|
|
2688
|
-
hover: "#FFF"
|
|
2689
|
-
}
|
|
2690
|
-
}
|
|
2691
|
-
},
|
|
2692
|
-
textMode: {
|
|
2693
|
-
panel: {
|
|
2694
|
-
background: "rgba(255, 255, 255, 0.9)",
|
|
2695
|
-
border: "transparent",
|
|
2696
|
-
conversationUser: "#101219",
|
|
2697
|
-
conversationBot: "#1999B1"
|
|
2698
|
-
}
|
|
2699
|
-
},
|
|
2700
|
-
vocalMode: {
|
|
2701
|
-
subtitles: {
|
|
2702
|
-
text: "#FFF",
|
|
2703
|
-
background: "#000"
|
|
2704
|
-
}
|
|
2705
|
-
},
|
|
2706
|
-
formInput: {
|
|
2707
|
-
text: {
|
|
2708
|
-
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).secondary,
|
|
2709
|
-
hover: "#FFF"
|
|
2710
|
-
},
|
|
2711
|
-
inputRadioCheckbox: {
|
|
2712
|
-
unchecked: {
|
|
2713
|
-
background: "#434141",
|
|
2714
|
-
border: "#818181"
|
|
2715
|
-
},
|
|
2716
|
-
checked: {
|
|
2717
|
-
background: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
2718
|
-
border: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
2719
|
-
item: "#000"
|
|
2720
|
-
}
|
|
2721
|
-
},
|
|
2722
|
-
inputButton: {
|
|
2723
|
-
background: {
|
|
2724
|
-
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).black,
|
|
2725
|
-
hover: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary
|
|
2726
|
-
},
|
|
2727
|
-
border: {
|
|
2728
|
-
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
2729
|
-
hover: "#FFF"
|
|
2730
|
-
},
|
|
2731
|
-
text: {
|
|
2732
|
-
default: "#FFF",
|
|
2733
|
-
hover: "#FFF"
|
|
2734
|
-
}
|
|
2735
|
-
},
|
|
2736
|
-
likert: {
|
|
2737
|
-
default: "transparent",
|
|
2738
|
-
hover: "#E8B712"
|
|
2739
|
-
}
|
|
2740
|
-
}
|
|
2741
|
-
};
|
|
2742
|
-
|
|
2743
|
-
|
|
2744
|
-
|
|
2745
|
-
|
|
2746
|
-
|
|
2747
|
-
const $6acc5d637072b42e$var$defaultConfiguration = {
|
|
2748
|
-
homeRoute: "home",
|
|
2749
|
-
views: {
|
|
2750
|
-
home: {
|
|
2751
|
-
background: {
|
|
2752
|
-
image: "",
|
|
2753
|
-
style: "image"
|
|
2754
|
-
}
|
|
2755
|
-
}
|
|
2756
|
-
}
|
|
2757
|
-
};
|
|
2758
|
-
const $6acc5d637072b42e$var$ViewContextDefaultValues = {
|
|
2759
|
-
configurations: $6acc5d637072b42e$var$defaultConfiguration,
|
|
2760
|
-
route: (0, $71c613e2e831c34c$export$3565eb3d00ca5a74).Home,
|
|
2761
|
-
currentDeviceType: (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).mobile,
|
|
2762
|
-
currentHeight: 1080,
|
|
2763
|
-
currentWidth: 1920,
|
|
2764
|
-
themeColors: (0, $04a533cfb295ca20$export$d80fe84b82195dbd),
|
|
2765
|
-
isTactile: false,
|
|
2766
|
-
isMobile: false,
|
|
2767
|
-
isWidget: false,
|
|
2768
|
-
isLandscape: true,
|
|
2769
|
-
isMobileLandscape: false,
|
|
2770
|
-
isBorne: false,
|
|
2771
|
-
displayControls: true,
|
|
2772
|
-
showHomeAttachments: undefined,
|
|
2773
|
-
mediumLandscape: false,
|
|
2774
|
-
setRoute: ()=>{},
|
|
2775
|
-
setCurrentDeviceType: ()=>{},
|
|
2776
|
-
setCurrentHeight: ()=>{},
|
|
2777
|
-
setCurrentWidth: ()=>{},
|
|
2778
|
-
setDisplayControls: ()=>{},
|
|
2779
|
-
setShowHomeAttachments: ()=>{}
|
|
2780
|
-
};
|
|
2781
|
-
const $6acc5d637072b42e$export$c3ad42ebfc49b96d = /*#__PURE__*/ (0, $dWhh5$react.createContext)($6acc5d637072b42e$var$ViewContextDefaultValues);
|
|
2782
|
-
function $6acc5d637072b42e$export$3abe3478af3cb63b() {
|
|
2783
|
-
return (0, $dWhh5$react.useContext)($6acc5d637072b42e$export$c3ad42ebfc49b96d);
|
|
2784
|
-
}
|
|
2785
|
-
function $6acc5d637072b42e$export$50e22524de02f5db({ viewsConfiguration: viewsConfiguration, themeColors: themeColors, children: children }) {
|
|
2786
|
-
const [route, setRoute] = (0, $dWhh5$react.useState)(viewsConfiguration.homeRoute === "news" ? (0, $71c613e2e831c34c$export$3565eb3d00ca5a74).News : (0, $71c613e2e831c34c$export$3565eb3d00ca5a74).Home);
|
|
2787
|
-
const [currentDeviceType, setCurrentDeviceType] = (0, $dWhh5$react.useState)((0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).mobile);
|
|
2788
|
-
const [currentHeight, setCurrentHeight] = (0, $dWhh5$react.useState)(0);
|
|
2789
|
-
const [currentWidth, setCurrentWidth] = (0, $dWhh5$react.useState)(0);
|
|
2790
|
-
const mediumLandscape = (0, $dWhh5$react.useMemo)(()=>{
|
|
2791
|
-
return currentWidth < (0, $0b4f07c0f09dbbcf$export$91e4bf93df95a062);
|
|
2792
|
-
}, [
|
|
2793
|
-
currentWidth
|
|
2794
|
-
]);
|
|
2795
|
-
const [isTactile, setIsTactile] = (0, $dWhh5$react.useState)(false);
|
|
2796
|
-
const [isMobile, setIsMobile] = (0, $dWhh5$react.useState)((0, $0b4f07c0f09dbbcf$export$78f16669b353a880).includes(currentDeviceType));
|
|
2797
|
-
const [isWidget, setIsWidget] = (0, $dWhh5$react.useState)((0, $0b4f07c0f09dbbcf$export$909f4c209eb70365).includes(currentDeviceType));
|
|
2798
|
-
const [isLandscape, setIsLandscape] = (0, $dWhh5$react.useState)((0, $0b4f07c0f09dbbcf$export$baf53ca377ebf861).includes(currentDeviceType));
|
|
2799
|
-
const [isBorne, setIsBorne] = (0, $dWhh5$react.useState)((0, $0b4f07c0f09dbbcf$export$a8576d98c9c928de).includes(currentDeviceType));
|
|
2800
|
-
const isMobileLandscape = (0, $dWhh5$react.useMemo)(()=>{
|
|
2801
|
-
if (currentDeviceType === (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).mobile && currentHeight < currentWidth) return true;
|
|
2802
|
-
return false;
|
|
2803
|
-
}, [
|
|
2804
|
-
currentHeight,
|
|
2805
|
-
currentWidth,
|
|
2806
|
-
currentDeviceType
|
|
2807
|
-
]);
|
|
2808
|
-
const [displayControls, setDisplayControls] = (0, $dWhh5$react.useState)(true);
|
|
2809
|
-
const [showHomeAttachments, setShowHomeAttachments] = (0, $dWhh5$react.useState)(undefined);
|
|
2810
|
-
const value = (0, $dWhh5$react.useMemo)(()=>({
|
|
2811
|
-
configurations: viewsConfiguration,
|
|
2812
|
-
route: route,
|
|
2813
|
-
currentDeviceType: currentDeviceType,
|
|
2814
|
-
currentHeight: currentHeight,
|
|
2815
|
-
currentWidth: currentWidth,
|
|
2816
|
-
themeColors: themeColors,
|
|
2817
|
-
isTactile: isTactile,
|
|
2818
|
-
isMobile: isMobile,
|
|
2819
|
-
isWidget: isWidget,
|
|
2820
|
-
isLandscape: isLandscape,
|
|
2821
|
-
isBorne: isBorne,
|
|
2822
|
-
isMobileLandscape: isMobileLandscape,
|
|
2823
|
-
displayControls: displayControls,
|
|
2824
|
-
showHomeAttachments: showHomeAttachments,
|
|
2825
|
-
mediumLandscape: mediumLandscape,
|
|
2826
|
-
setRoute: setRoute,
|
|
2827
|
-
setCurrentDeviceType: setCurrentDeviceType,
|
|
2828
|
-
setCurrentHeight: setCurrentHeight,
|
|
2829
|
-
setCurrentWidth: setCurrentWidth,
|
|
2830
|
-
setDisplayControls: setDisplayControls,
|
|
2831
|
-
setShowHomeAttachments: setShowHomeAttachments
|
|
2832
|
-
}), [
|
|
2833
|
-
viewsConfiguration,
|
|
2834
|
-
route,
|
|
2835
|
-
currentDeviceType,
|
|
2836
|
-
currentHeight,
|
|
2837
|
-
currentWidth,
|
|
2838
|
-
themeColors,
|
|
2839
|
-
isTactile,
|
|
2840
|
-
isMobile,
|
|
2841
|
-
isWidget,
|
|
2842
|
-
isLandscape,
|
|
2843
|
-
isBorne,
|
|
2844
|
-
isMobileLandscape,
|
|
2845
|
-
displayControls,
|
|
2846
|
-
showHomeAttachments,
|
|
2847
|
-
mediumLandscape,
|
|
2848
|
-
setRoute,
|
|
2849
|
-
setCurrentDeviceType,
|
|
2850
|
-
setCurrentHeight,
|
|
2851
|
-
setCurrentWidth,
|
|
2852
|
-
setDisplayControls,
|
|
2853
|
-
setShowHomeAttachments
|
|
2854
|
-
]);
|
|
2855
|
-
(0, $dWhh5$react.useEffect)(()=>{
|
|
2856
|
-
setIsMobile((0, $0b4f07c0f09dbbcf$export$78f16669b353a880).includes(currentDeviceType));
|
|
2857
|
-
setIsWidget((0, $0b4f07c0f09dbbcf$export$909f4c209eb70365).includes(currentDeviceType));
|
|
2858
|
-
setIsLandscape((0, $0b4f07c0f09dbbcf$export$baf53ca377ebf861).includes(currentDeviceType));
|
|
2859
|
-
setIsBorne((0, $0b4f07c0f09dbbcf$export$a8576d98c9c928de).includes(currentDeviceType));
|
|
2860
|
-
}, [
|
|
2861
|
-
currentDeviceType
|
|
2862
|
-
]);
|
|
2863
|
-
(0, $dWhh5$react.useEffect)(()=>{
|
|
2864
|
-
setIsTactile("ontouchstart" in window || navigator.maxTouchPoints > 0);
|
|
2865
|
-
}, []);
|
|
2866
|
-
(0, $dWhh5$react.useEffect)(()=>{
|
|
2867
|
-
!showHomeAttachments && (0, $5f7f457957bd2c8d$export$babd960d95248836)(undefined);
|
|
2868
|
-
}, [
|
|
2869
|
-
showHomeAttachments
|
|
2870
|
-
]);
|
|
2871
|
-
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
|
|
2872
|
-
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)($6acc5d637072b42e$export$c3ad42ebfc49b96d.Provider, {
|
|
2873
|
-
value: value,
|
|
2874
|
-
children: children
|
|
2875
|
-
})
|
|
2876
|
-
});
|
|
2877
|
-
}
|
|
2878
|
-
|
|
2879
|
-
|
|
2880
|
-
const $df401eb9a10f9e0e$var$SpeechContextDefaultValues = {
|
|
2881
|
-
// Common data
|
|
2882
|
-
ponyfillCredentials: {
|
|
2883
|
-
region: "francecentral",
|
|
2884
|
-
subscriptionKey: ""
|
|
2885
|
-
},
|
|
2886
|
-
// Speech synthesis data
|
|
2887
|
-
voice: null,
|
|
2888
|
-
customVoice: undefined,
|
|
2889
|
-
setVoice: ()=>{},
|
|
2890
|
-
// Speech recognition data
|
|
2891
|
-
useContinuousRecognition: true,
|
|
2892
|
-
setUseContinuousRecognition: ()=>{}
|
|
2893
|
-
};
|
|
2894
|
-
const $df401eb9a10f9e0e$export$11ed12a49459a250 = /*#__PURE__*/ (0, $dWhh5$react.createContext)($df401eb9a10f9e0e$var$SpeechContextDefaultValues);
|
|
2895
|
-
function $df401eb9a10f9e0e$export$57e792e009c800a0() {
|
|
2896
|
-
return (0, $dWhh5$react.useContext)($df401eb9a10f9e0e$export$11ed12a49459a250);
|
|
2897
|
-
}
|
|
2898
|
-
function $df401eb9a10f9e0e$export$c3549adc483a11c2({ ponyfillFactoryCredentials: ponyfillFactoryCredentials, customVoice: customVoice, children: children }) {
|
|
2899
|
-
const { configuration: { speechRecognitionOptions: speechRecognitionOptions } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
2900
|
-
const { currentDeviceType: currentDeviceType } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
2901
|
-
const checkContinuousSpeechRecognition = ()=>{
|
|
2902
|
-
if (speechRecognitionOptions === null || speechRecognitionOptions === void 0 ? void 0 : speechRecognitionOptions.enableContinuousRecognitionOnAllDevices) return true;
|
|
2903
|
-
if (speechRecognitionOptions === null || speechRecognitionOptions === void 0 ? void 0 : speechRecognitionOptions.enableContinuousRecognitionOn) switch(currentDeviceType){
|
|
2904
|
-
case (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).mobile:
|
|
2905
|
-
return !!speechRecognitionOptions.enableContinuousRecognitionOn.mobile;
|
|
2906
|
-
case (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).widget:
|
|
2907
|
-
return !!speechRecognitionOptions.enableContinuousRecognitionOn.widget;
|
|
2908
|
-
case (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).landscape:
|
|
2909
|
-
return !!speechRecognitionOptions.enableContinuousRecognitionOn.desktop;
|
|
2910
|
-
case (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).borne:
|
|
2911
|
-
return !!speechRecognitionOptions.enableContinuousRecognitionOn.borne;
|
|
2912
|
-
default:
|
|
2913
|
-
return false;
|
|
2914
|
-
}
|
|
2915
|
-
return false;
|
|
2916
|
-
};
|
|
2917
|
-
const [voice, setVoice] = (0, $dWhh5$react.useState)(null);
|
|
2918
|
-
const [useContinuousRecognition, setUseContinuousRecognition] = (0, $dWhh5$react.useState)(checkContinuousSpeechRecognition());
|
|
2919
|
-
const value = (0, $dWhh5$react.useMemo)(()=>({
|
|
2920
|
-
ponyfillCredentials: ponyfillFactoryCredentials,
|
|
2921
|
-
voice: voice,
|
|
2922
|
-
customVoice: customVoice,
|
|
2923
|
-
setVoice: setVoice,
|
|
2924
|
-
useContinuousRecognition: useContinuousRecognition,
|
|
2925
|
-
setUseContinuousRecognition: setUseContinuousRecognition
|
|
2926
|
-
}), [
|
|
2927
|
-
ponyfillFactoryCredentials,
|
|
2928
|
-
voice,
|
|
2929
|
-
customVoice,
|
|
2930
|
-
setVoice,
|
|
2931
|
-
useContinuousRecognition,
|
|
2932
|
-
setUseContinuousRecognition
|
|
2933
|
-
]);
|
|
2934
|
-
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
|
|
2935
|
-
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)($df401eb9a10f9e0e$export$11ed12a49459a250.Provider, {
|
|
2936
|
-
value: value,
|
|
2937
|
-
children: children
|
|
2938
|
-
})
|
|
2939
|
-
});
|
|
2940
|
-
}
|
|
2941
|
-
|
|
2942
|
-
|
|
2943
|
-
|
|
2944
|
-
|
|
2945
|
-
|
|
2946
|
-
const $c1fa2cf808900aaf$var$color = "#00D7FF";
|
|
2947
|
-
const $c1fa2cf808900aaf$var$white = "#F7F3F6";
|
|
2948
|
-
const $c1fa2cf808900aaf$export$d30af3ec38729f1 = {
|
|
2949
|
-
hostCapabilities: {
|
|
2950
|
-
capabilities: null
|
|
2951
|
-
},
|
|
2952
|
-
choiceSetInputValueSeparator: ",",
|
|
2953
|
-
supportsInteractivity: true,
|
|
2954
|
-
fontTypes: {
|
|
2955
|
-
default: {
|
|
2956
|
-
fontFamily: '"Helvetica Neue", sans-serif',
|
|
2957
|
-
fontSizes: {
|
|
2958
|
-
small: 12,
|
|
2959
|
-
default: 16,
|
|
2960
|
-
medium: 20,
|
|
2961
|
-
large: 26,
|
|
2962
|
-
extraLarge: 33
|
|
2963
|
-
},
|
|
2964
|
-
fontWeights: {
|
|
2965
|
-
lighter: 200,
|
|
2966
|
-
default: 300,
|
|
2967
|
-
bolder: 400
|
|
2968
|
-
}
|
|
2969
|
-
},
|
|
2970
|
-
monospace: {
|
|
2971
|
-
fontFamily: '"Helvetica Neue", sans-serif',
|
|
2972
|
-
fontSizes: {
|
|
2973
|
-
small: 12,
|
|
2974
|
-
default: 16,
|
|
2975
|
-
medium: 20,
|
|
2976
|
-
large: 26,
|
|
2977
|
-
extraLarge: 33
|
|
2978
|
-
},
|
|
2979
|
-
fontWeights: {
|
|
2980
|
-
lighter: 200,
|
|
2981
|
-
default: 300,
|
|
2982
|
-
bolder: 400
|
|
2983
|
-
}
|
|
2984
|
-
}
|
|
2985
|
-
},
|
|
2986
|
-
spacing: {
|
|
2987
|
-
small: 8,
|
|
2988
|
-
default: 16,
|
|
2989
|
-
medium: 20,
|
|
2990
|
-
large: 30,
|
|
2991
|
-
extraLarge: 40,
|
|
2992
|
-
padding: 25
|
|
2993
|
-
},
|
|
2994
|
-
separator: {
|
|
2995
|
-
lineThickness: 1,
|
|
2996
|
-
lineColor: "transparent"
|
|
2997
|
-
},
|
|
2998
|
-
imageSizes: {
|
|
2999
|
-
small: 40,
|
|
3000
|
-
medium: 100,
|
|
3001
|
-
large: 160
|
|
3002
|
-
},
|
|
3003
|
-
containerStyles: {
|
|
3004
|
-
default: {
|
|
3005
|
-
foregroundColors: {
|
|
3006
|
-
default: {
|
|
3007
|
-
default: `${$c1fa2cf808900aaf$var$white}`,
|
|
3008
|
-
subtle: `${$c1fa2cf808900aaf$var$color}`,
|
|
3009
|
-
highlightColors: {
|
|
3010
|
-
default: `${$c1fa2cf808900aaf$var$color}`,
|
|
3011
|
-
subtle: "#11000000"
|
|
3012
|
-
}
|
|
3013
|
-
},
|
|
3014
|
-
dark: {
|
|
3015
|
-
default: "#000000",
|
|
3016
|
-
subtle: "#66000000",
|
|
3017
|
-
highlightColors: {
|
|
3018
|
-
default: "#22000000",
|
|
3019
|
-
subtle: "#11000000"
|
|
3020
|
-
}
|
|
3021
|
-
},
|
|
3022
|
-
light: {
|
|
3023
|
-
default: "#FFFFFF",
|
|
3024
|
-
subtle: "#33000000",
|
|
3025
|
-
highlightColors: {
|
|
3026
|
-
default: "#22000000",
|
|
3027
|
-
subtle: "#11000000"
|
|
3028
|
-
}
|
|
3029
|
-
},
|
|
3030
|
-
accent: {
|
|
3031
|
-
default: "#0063B1",
|
|
3032
|
-
subtle: "#0063B1",
|
|
3033
|
-
highlightColors: {
|
|
3034
|
-
default: "#22000000",
|
|
3035
|
-
subtle: "#11000000"
|
|
3036
|
-
}
|
|
3037
|
-
},
|
|
3038
|
-
good: {
|
|
3039
|
-
default: "#54a254",
|
|
3040
|
-
subtle: "#DD54a254",
|
|
3041
|
-
highlightColors: {
|
|
3042
|
-
default: "#22000000",
|
|
3043
|
-
subtle: "#11000000"
|
|
3044
|
-
}
|
|
3045
|
-
},
|
|
3046
|
-
warning: {
|
|
3047
|
-
default: "#c3ab23",
|
|
3048
|
-
subtle: "#DDc3ab23",
|
|
3049
|
-
highlightColors: {
|
|
3050
|
-
default: "#22000000",
|
|
3051
|
-
subtle: "#11000000"
|
|
3052
|
-
}
|
|
3053
|
-
},
|
|
3054
|
-
attention: {
|
|
3055
|
-
default: "#FF0000",
|
|
3056
|
-
subtle: "#DDFF0000",
|
|
3057
|
-
highlightColors: {
|
|
3058
|
-
default: "#22000000",
|
|
3059
|
-
subtle: "#11000000"
|
|
3060
|
-
}
|
|
3061
|
-
}
|
|
3062
|
-
},
|
|
3063
|
-
backgroundColor: "transparent"
|
|
2649
|
+
backgroundColor: "transparent"
|
|
3064
2650
|
},
|
|
3065
2651
|
emphasis: {
|
|
3066
2652
|
foregroundColors: {
|
|
@@ -3409,44 +2995,406 @@ const $51b67076509d447f$var$Carousel = ({ className: className, medias: medias,
|
|
|
3409
2995
|
]
|
|
3410
2996
|
}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {});
|
|
3411
2997
|
};
|
|
3412
|
-
var $51b67076509d447f$export$2e2bcd8739ae039 = $51b67076509d447f$var$Carousel;
|
|
2998
|
+
var $51b67076509d447f$export$2e2bcd8739ae039 = $51b67076509d447f$var$Carousel;
|
|
2999
|
+
|
|
3000
|
+
|
|
3001
|
+
|
|
3002
|
+
|
|
3003
|
+
const $f2abbd255e7a16c8$var$Radio = ({ className: className, title: title, handleChange: handleChange, checked: checked })=>{
|
|
3004
|
+
const [transition, setTransition] = (0, $dWhh5$react.useState)(checked ? "rf-scale-1" : "rf-scale-0");
|
|
3005
|
+
const handleToggle = ()=>{
|
|
3006
|
+
setTransition(checked ? "rf-scale-0" : "rf-scale-1");
|
|
3007
|
+
handleChange(title);
|
|
3008
|
+
};
|
|
3009
|
+
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
|
|
3010
|
+
className: `rf-flex rf-flex-row rf-items-center rf-justify-between hover:rf-cursor-pointer ${className}`,
|
|
3011
|
+
children: [
|
|
3012
|
+
/*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
3013
|
+
className: "rf-capitalize",
|
|
3014
|
+
children: title
|
|
3015
|
+
}),
|
|
3016
|
+
/*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("button", {
|
|
3017
|
+
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`,
|
|
3018
|
+
style: {
|
|
3019
|
+
background: checked ? "linear-gradient(to right, #1999B1, #0a4652)" : "#FFFFFF",
|
|
3020
|
+
boxShadow: checked ? "-3px 3px 6px #00000029" : ""
|
|
3021
|
+
},
|
|
3022
|
+
onClick: handleToggle,
|
|
3023
|
+
"aria-label": title,
|
|
3024
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
3025
|
+
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}`
|
|
3026
|
+
})
|
|
3027
|
+
})
|
|
3028
|
+
]
|
|
3029
|
+
});
|
|
3030
|
+
};
|
|
3031
|
+
var $f2abbd255e7a16c8$export$2e2bcd8739ae039 = $f2abbd255e7a16c8$var$Radio;
|
|
3032
|
+
|
|
3033
|
+
|
|
3034
|
+
|
|
3035
|
+
/* eslint-disable react/self-closing-comp */
|
|
3036
|
+
|
|
3037
|
+
|
|
3038
|
+
|
|
3039
|
+
|
|
3040
|
+
const $04a533cfb295ca20$export$4aebf65ed07cf17b = {
|
|
3041
|
+
rgb: "rgb(112, 112, 112)"
|
|
3042
|
+
};
|
|
3043
|
+
const $04a533cfb295ca20$export$d80fe84b82195dbd = {
|
|
3044
|
+
...(0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb),
|
|
3045
|
+
companyName: "#000",
|
|
3046
|
+
loader: {
|
|
3047
|
+
animation: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3048
|
+
background: "rgba(18,18,18,0.7)",
|
|
3049
|
+
text: "#FFF",
|
|
3050
|
+
toggle: {
|
|
3051
|
+
text: "#000",
|
|
3052
|
+
background: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary
|
|
3053
|
+
},
|
|
3054
|
+
button: {
|
|
3055
|
+
background: {
|
|
3056
|
+
default: "transparent",
|
|
3057
|
+
hover: "transparent"
|
|
3058
|
+
},
|
|
3059
|
+
border: {
|
|
3060
|
+
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3061
|
+
hover: "#FFF"
|
|
3062
|
+
},
|
|
3063
|
+
text: {
|
|
3064
|
+
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3065
|
+
hover: "#FFF"
|
|
3066
|
+
}
|
|
3067
|
+
}
|
|
3068
|
+
},
|
|
3069
|
+
card: {
|
|
3070
|
+
frame: {
|
|
3071
|
+
background: "#2B2B2B",
|
|
3072
|
+
border: "transparent",
|
|
3073
|
+
text: "#F7F3F6"
|
|
3074
|
+
},
|
|
3075
|
+
button: {
|
|
3076
|
+
background: {
|
|
3077
|
+
default: "transparent",
|
|
3078
|
+
hover: "transparent"
|
|
3079
|
+
},
|
|
3080
|
+
border: {
|
|
3081
|
+
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3082
|
+
hover: "#FFF"
|
|
3083
|
+
},
|
|
3084
|
+
text: {
|
|
3085
|
+
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3086
|
+
hover: "#FFF"
|
|
3087
|
+
}
|
|
3088
|
+
},
|
|
3089
|
+
discoverButton: {
|
|
3090
|
+
background: {
|
|
3091
|
+
default: "#eaebf0",
|
|
3092
|
+
hover: "transparent"
|
|
3093
|
+
},
|
|
3094
|
+
border: {
|
|
3095
|
+
default: "transparent",
|
|
3096
|
+
hover: "#FFF"
|
|
3097
|
+
},
|
|
3098
|
+
text: {
|
|
3099
|
+
default: "#575F6B",
|
|
3100
|
+
hover: "#FFF"
|
|
3101
|
+
}
|
|
3102
|
+
}
|
|
3103
|
+
},
|
|
3104
|
+
textMode: {
|
|
3105
|
+
panel: {
|
|
3106
|
+
background: "rgba(255, 255, 255, 0.9)",
|
|
3107
|
+
border: "transparent",
|
|
3108
|
+
conversationUser: "#101219",
|
|
3109
|
+
conversationBot: "#1999B1"
|
|
3110
|
+
}
|
|
3111
|
+
},
|
|
3112
|
+
vocalMode: {
|
|
3113
|
+
subtitles: {
|
|
3114
|
+
text: "#FFF",
|
|
3115
|
+
background: "#000"
|
|
3116
|
+
}
|
|
3117
|
+
},
|
|
3118
|
+
formInput: {
|
|
3119
|
+
text: {
|
|
3120
|
+
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).secondary,
|
|
3121
|
+
hover: "#FFF"
|
|
3122
|
+
},
|
|
3123
|
+
inputRadioCheckbox: {
|
|
3124
|
+
unchecked: {
|
|
3125
|
+
background: "#434141",
|
|
3126
|
+
border: "#818181"
|
|
3127
|
+
},
|
|
3128
|
+
checked: {
|
|
3129
|
+
background: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3130
|
+
border: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3131
|
+
item: "#000"
|
|
3132
|
+
}
|
|
3133
|
+
},
|
|
3134
|
+
inputButton: {
|
|
3135
|
+
background: {
|
|
3136
|
+
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).black,
|
|
3137
|
+
hover: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary
|
|
3138
|
+
},
|
|
3139
|
+
border: {
|
|
3140
|
+
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3141
|
+
hover: "#FFF"
|
|
3142
|
+
},
|
|
3143
|
+
text: {
|
|
3144
|
+
default: "#FFF",
|
|
3145
|
+
hover: "#FFF"
|
|
3146
|
+
}
|
|
3147
|
+
},
|
|
3148
|
+
likert: {
|
|
3149
|
+
default: "transparent",
|
|
3150
|
+
hover: "#E8B712"
|
|
3151
|
+
}
|
|
3152
|
+
}
|
|
3153
|
+
};
|
|
3154
|
+
const $04a533cfb295ca20$export$1196b7bf97f3d16c = {
|
|
3155
|
+
...(0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb),
|
|
3156
|
+
companyName: "#000",
|
|
3157
|
+
loader: {
|
|
3158
|
+
animation: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3159
|
+
background: "rgba(18,18,18,0.7)",
|
|
3160
|
+
text: "#FFF",
|
|
3161
|
+
toggle: {
|
|
3162
|
+
text: "#000",
|
|
3163
|
+
background: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary
|
|
3164
|
+
},
|
|
3165
|
+
button: {
|
|
3166
|
+
background: {
|
|
3167
|
+
default: "transparent",
|
|
3168
|
+
hover: "transparent"
|
|
3169
|
+
},
|
|
3170
|
+
border: {
|
|
3171
|
+
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3172
|
+
hover: "#FFF"
|
|
3173
|
+
},
|
|
3174
|
+
text: {
|
|
3175
|
+
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3176
|
+
hover: "#FFF"
|
|
3177
|
+
}
|
|
3178
|
+
}
|
|
3179
|
+
},
|
|
3180
|
+
card: {
|
|
3181
|
+
frame: {
|
|
3182
|
+
background: "#2B2B2B",
|
|
3183
|
+
border: "transparent",
|
|
3184
|
+
text: "#F7F3F6"
|
|
3185
|
+
},
|
|
3186
|
+
button: {
|
|
3187
|
+
background: {
|
|
3188
|
+
default: "transparent",
|
|
3189
|
+
hover: "transparent"
|
|
3190
|
+
},
|
|
3191
|
+
border: {
|
|
3192
|
+
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3193
|
+
hover: "#FFF"
|
|
3194
|
+
},
|
|
3195
|
+
text: {
|
|
3196
|
+
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3197
|
+
hover: "#FFF"
|
|
3198
|
+
}
|
|
3199
|
+
},
|
|
3200
|
+
discoverButton: {
|
|
3201
|
+
background: {
|
|
3202
|
+
default: "#eaebf0",
|
|
3203
|
+
hover: "transparent"
|
|
3204
|
+
},
|
|
3205
|
+
border: {
|
|
3206
|
+
default: "transparent",
|
|
3207
|
+
hover: "#FFF"
|
|
3208
|
+
},
|
|
3209
|
+
text: {
|
|
3210
|
+
default: "#575F6B",
|
|
3211
|
+
hover: "#FFF"
|
|
3212
|
+
}
|
|
3213
|
+
}
|
|
3214
|
+
},
|
|
3215
|
+
textMode: {
|
|
3216
|
+
panel: {
|
|
3217
|
+
background: "rgba(255, 255, 255, 0.9)",
|
|
3218
|
+
border: "transparent",
|
|
3219
|
+
conversationUser: "#101219",
|
|
3220
|
+
conversationBot: "#1999B1"
|
|
3221
|
+
}
|
|
3222
|
+
},
|
|
3223
|
+
vocalMode: {
|
|
3224
|
+
subtitles: {
|
|
3225
|
+
text: "#FFF",
|
|
3226
|
+
background: "#000"
|
|
3227
|
+
}
|
|
3228
|
+
},
|
|
3229
|
+
formInput: {
|
|
3230
|
+
text: {
|
|
3231
|
+
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).secondary,
|
|
3232
|
+
hover: "#FFF"
|
|
3233
|
+
},
|
|
3234
|
+
inputRadioCheckbox: {
|
|
3235
|
+
unchecked: {
|
|
3236
|
+
background: "#434141",
|
|
3237
|
+
border: "#818181"
|
|
3238
|
+
},
|
|
3239
|
+
checked: {
|
|
3240
|
+
background: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3241
|
+
border: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3242
|
+
item: "#000"
|
|
3243
|
+
}
|
|
3244
|
+
},
|
|
3245
|
+
inputButton: {
|
|
3246
|
+
background: {
|
|
3247
|
+
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).black,
|
|
3248
|
+
hover: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary
|
|
3249
|
+
},
|
|
3250
|
+
border: {
|
|
3251
|
+
default: (0, $0b4f07c0f09dbbcf$export$c0da64553318f2cb).primary,
|
|
3252
|
+
hover: "#FFF"
|
|
3253
|
+
},
|
|
3254
|
+
text: {
|
|
3255
|
+
default: "#FFF",
|
|
3256
|
+
hover: "#FFF"
|
|
3257
|
+
}
|
|
3258
|
+
},
|
|
3259
|
+
likert: {
|
|
3260
|
+
default: "transparent",
|
|
3261
|
+
hover: "#E8B712"
|
|
3262
|
+
}
|
|
3263
|
+
}
|
|
3264
|
+
};
|
|
3413
3265
|
|
|
3414
3266
|
|
|
3415
3267
|
|
|
3416
3268
|
|
|
3417
|
-
|
|
3418
|
-
|
|
3419
|
-
|
|
3420
|
-
|
|
3421
|
-
|
|
3422
|
-
|
|
3423
|
-
|
|
3424
|
-
|
|
3425
|
-
|
|
3426
|
-
|
|
3427
|
-
|
|
3428
|
-
|
|
3429
|
-
|
|
3430
|
-
|
|
3431
|
-
|
|
3432
|
-
|
|
3433
|
-
|
|
3434
|
-
|
|
3435
|
-
|
|
3436
|
-
|
|
3437
|
-
|
|
3438
|
-
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
3439
|
-
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}`
|
|
3440
|
-
})
|
|
3441
|
-
})
|
|
3442
|
-
]
|
|
3269
|
+
|
|
3270
|
+
|
|
3271
|
+
|
|
3272
|
+
|
|
3273
|
+
const $30fe6c40d8e8a888$var$initialState = {
|
|
3274
|
+
currentDeviceType: (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).mobile,
|
|
3275
|
+
isMobile: false,
|
|
3276
|
+
isWidget: false,
|
|
3277
|
+
isLandscape: true,
|
|
3278
|
+
isBorne: false
|
|
3279
|
+
};
|
|
3280
|
+
const $30fe6c40d8e8a888$export$d13b2577cb75f2ad = (0, $dWhh5$zustand.create)()(()=>{
|
|
3281
|
+
return $30fe6c40d8e8a888$var$initialState;
|
|
3282
|
+
});
|
|
3283
|
+
const $30fe6c40d8e8a888$export$1ae69652bfc21d9e = (value)=>{
|
|
3284
|
+
$30fe6c40d8e8a888$export$d13b2577cb75f2ad.setState({
|
|
3285
|
+
currentDeviceType: value,
|
|
3286
|
+
isMobile: (0, $0b4f07c0f09dbbcf$export$78f16669b353a880).includes(value),
|
|
3287
|
+
isWidget: (0, $0b4f07c0f09dbbcf$export$909f4c209eb70365).includes(value),
|
|
3288
|
+
isLandscape: (0, $0b4f07c0f09dbbcf$export$baf53ca377ebf861).includes(value),
|
|
3289
|
+
isBorne: (0, $0b4f07c0f09dbbcf$export$a8576d98c9c928de).includes(value)
|
|
3443
3290
|
});
|
|
3444
3291
|
};
|
|
3445
|
-
var $f2abbd255e7a16c8$export$2e2bcd8739ae039 = $f2abbd255e7a16c8$var$Radio;
|
|
3446
3292
|
|
|
3447
3293
|
|
|
3294
|
+
const $6acc5d637072b42e$var$defaultConfiguration = {
|
|
3295
|
+
homeRoute: "home",
|
|
3296
|
+
views: {
|
|
3297
|
+
home: {
|
|
3298
|
+
background: {
|
|
3299
|
+
image: "",
|
|
3300
|
+
style: "image"
|
|
3301
|
+
}
|
|
3302
|
+
}
|
|
3303
|
+
}
|
|
3304
|
+
};
|
|
3305
|
+
const $6acc5d637072b42e$var$ViewContextDefaultValues = {
|
|
3306
|
+
configurations: $6acc5d637072b42e$var$defaultConfiguration,
|
|
3307
|
+
route: (0, $71c613e2e831c34c$export$3565eb3d00ca5a74).Home,
|
|
3308
|
+
currentHeight: 1080,
|
|
3309
|
+
currentWidth: 1920,
|
|
3310
|
+
themeColors: (0, $04a533cfb295ca20$export$d80fe84b82195dbd),
|
|
3311
|
+
isTactile: false,
|
|
3312
|
+
isMobileLandscape: false,
|
|
3313
|
+
displayControls: true,
|
|
3314
|
+
showHomeAttachments: undefined,
|
|
3315
|
+
mediumLandscape: false,
|
|
3316
|
+
setRoute: ()=>{},
|
|
3317
|
+
setCurrentHeight: ()=>{},
|
|
3318
|
+
setCurrentWidth: ()=>{},
|
|
3319
|
+
setDisplayControls: ()=>{},
|
|
3320
|
+
setShowHomeAttachments: ()=>{}
|
|
3321
|
+
};
|
|
3322
|
+
const $6acc5d637072b42e$export$c3ad42ebfc49b96d = /*#__PURE__*/ (0, $dWhh5$react.createContext)($6acc5d637072b42e$var$ViewContextDefaultValues);
|
|
3323
|
+
function $6acc5d637072b42e$export$3abe3478af3cb63b() {
|
|
3324
|
+
return (0, $dWhh5$react.useContext)($6acc5d637072b42e$export$c3ad42ebfc49b96d);
|
|
3325
|
+
}
|
|
3326
|
+
function $6acc5d637072b42e$export$50e22524de02f5db({ viewsConfiguration: viewsConfiguration, themeColors: themeColors, children: children }) {
|
|
3327
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
3328
|
+
const [route, setRoute] = (0, $dWhh5$react.useState)(viewsConfiguration.homeRoute === "news" ? (0, $71c613e2e831c34c$export$3565eb3d00ca5a74).News : (0, $71c613e2e831c34c$export$3565eb3d00ca5a74).Home);
|
|
3329
|
+
const [currentHeight, setCurrentHeight] = (0, $dWhh5$react.useState)(0);
|
|
3330
|
+
const [currentWidth, setCurrentWidth] = (0, $dWhh5$react.useState)(0);
|
|
3331
|
+
const mediumLandscape = (0, $dWhh5$react.useMemo)(()=>{
|
|
3332
|
+
return currentWidth < (0, $0b4f07c0f09dbbcf$export$91e4bf93df95a062);
|
|
3333
|
+
}, [
|
|
3334
|
+
currentWidth
|
|
3335
|
+
]);
|
|
3336
|
+
const [isTactile, setIsTactile] = (0, $dWhh5$react.useState)(false);
|
|
3337
|
+
const isMobileLandscape = (0, $dWhh5$react.useMemo)(()=>{
|
|
3338
|
+
if (currentDeviceType === (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).mobile && currentHeight < currentWidth) return true;
|
|
3339
|
+
return false;
|
|
3340
|
+
}, [
|
|
3341
|
+
currentHeight,
|
|
3342
|
+
currentWidth,
|
|
3343
|
+
currentDeviceType
|
|
3344
|
+
]);
|
|
3345
|
+
const [displayControls, setDisplayControls] = (0, $dWhh5$react.useState)(true);
|
|
3346
|
+
const [showHomeAttachments, setShowHomeAttachments] = (0, $dWhh5$react.useState)(undefined);
|
|
3347
|
+
const value = (0, $dWhh5$react.useMemo)(()=>({
|
|
3348
|
+
configurations: viewsConfiguration,
|
|
3349
|
+
route: route,
|
|
3350
|
+
currentDeviceType: currentDeviceType,
|
|
3351
|
+
currentHeight: currentHeight,
|
|
3352
|
+
currentWidth: currentWidth,
|
|
3353
|
+
themeColors: themeColors,
|
|
3354
|
+
isTactile: isTactile,
|
|
3355
|
+
isMobileLandscape: isMobileLandscape,
|
|
3356
|
+
displayControls: displayControls,
|
|
3357
|
+
showHomeAttachments: showHomeAttachments,
|
|
3358
|
+
mediumLandscape: mediumLandscape,
|
|
3359
|
+
setRoute: setRoute,
|
|
3360
|
+
setCurrentHeight: setCurrentHeight,
|
|
3361
|
+
setCurrentWidth: setCurrentWidth,
|
|
3362
|
+
setDisplayControls: setDisplayControls,
|
|
3363
|
+
setShowHomeAttachments: setShowHomeAttachments
|
|
3364
|
+
}), [
|
|
3365
|
+
viewsConfiguration,
|
|
3366
|
+
route,
|
|
3367
|
+
currentDeviceType,
|
|
3368
|
+
currentHeight,
|
|
3369
|
+
currentWidth,
|
|
3370
|
+
themeColors,
|
|
3371
|
+
isTactile,
|
|
3372
|
+
isMobileLandscape,
|
|
3373
|
+
displayControls,
|
|
3374
|
+
showHomeAttachments,
|
|
3375
|
+
mediumLandscape,
|
|
3376
|
+
setRoute,
|
|
3377
|
+
setCurrentHeight,
|
|
3378
|
+
setCurrentWidth,
|
|
3379
|
+
setDisplayControls,
|
|
3380
|
+
setShowHomeAttachments
|
|
3381
|
+
]);
|
|
3382
|
+
(0, $dWhh5$react.useEffect)(()=>{
|
|
3383
|
+
setIsTactile("ontouchstart" in window || navigator.maxTouchPoints > 0);
|
|
3384
|
+
}, []);
|
|
3385
|
+
(0, $dWhh5$react.useEffect)(()=>{
|
|
3386
|
+
!showHomeAttachments && (0, $5f7f457957bd2c8d$export$babd960d95248836)(undefined);
|
|
3387
|
+
}, [
|
|
3388
|
+
showHomeAttachments
|
|
3389
|
+
]);
|
|
3390
|
+
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
|
|
3391
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)($6acc5d637072b42e$export$c3ad42ebfc49b96d.Provider, {
|
|
3392
|
+
value: value,
|
|
3393
|
+
children: children
|
|
3394
|
+
})
|
|
3395
|
+
});
|
|
3396
|
+
}
|
|
3448
3397
|
|
|
3449
|
-
/* eslint-disable react/self-closing-comp */
|
|
3450
3398
|
|
|
3451
3399
|
|
|
3452
3400
|
|
|
@@ -3783,7 +3731,8 @@ const { useSendMessage: $3f116974b9b94642$var$useSendMessage } = (0, $dWhh5$botf
|
|
|
3783
3731
|
const $3f116974b9b94642$var$SendTextBox = ({ className: className, withButton: withButton })=>{
|
|
3784
3732
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
3785
3733
|
const { setSendBoxRef: setSendBoxRef, canFocusSendBox: canFocusSendBox } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
3786
|
-
const
|
|
3734
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
3735
|
+
const { themeColors: themeColors } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
3787
3736
|
const sendMessage = $3f116974b9b94642$var$useSendMessage();
|
|
3788
3737
|
const [height, setHeight] = (0, $dWhh5$react.useState)();
|
|
3789
3738
|
const [message, setMessage] = (0, $dWhh5$react.useState)("");
|
|
@@ -3840,7 +3789,7 @@ const $3f116974b9b94642$var$SendTextBox = ({ className: className, withButton: w
|
|
|
3840
3789
|
children: [
|
|
3841
3790
|
/*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("textarea", {
|
|
3842
3791
|
ref: textareaRef,
|
|
3843
|
-
className: `rf-input-hidden rf-outline-none ${withButton ? "rf-w-[calc(100%-3rem)]" : "rf-w-full"} rf-resize-none rf-scrollbar-hidden ${isMobile && "placeholder:rf-text-black placeholder:rf-opacity-100"}`,
|
|
3792
|
+
className: `rf-input-hidden rf-outline-none rf-bg-truewhite ${withButton ? "rf-w-[calc(100%-3rem)]" : "rf-w-full"} rf-resize-none rf-scrollbar-hidden ${isMobile && "placeholder:rf-text-black placeholder:rf-opacity-100"}`,
|
|
3844
3793
|
value: message,
|
|
3845
3794
|
placeholder: translation.menu.message,
|
|
3846
3795
|
onKeyDown: (e)=>handleKeyDown(e),
|
|
@@ -4762,9 +4711,11 @@ var $3273a57f17b2299e$export$2e2bcd8739ae039 = $3273a57f17b2299e$var$DisplayFull
|
|
|
4762
4711
|
|
|
4763
4712
|
|
|
4764
4713
|
|
|
4714
|
+
|
|
4765
4715
|
const $e72567f3ecb45686$var$ImageAttachment = ({ url: url, title: title, alt: alt, isMiniature: isMiniature, height: height })=>{
|
|
4766
4716
|
const displaySubtitles = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.displaySubtitles);
|
|
4767
|
-
const
|
|
4717
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
4718
|
+
const { currentHeight: currentHeight } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
4768
4719
|
const [maxHeight, setMaxHeight] = (0, $dWhh5$react.useState)(0);
|
|
4769
4720
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
4770
4721
|
if (currentHeight && currentDeviceType) switch(currentDeviceType){
|
|
@@ -5315,20 +5266,58 @@ const $8bf13dd9aa8a9505$var$MultiLinkAttachment = ({ urlData: urlData, title: ti
|
|
|
5315
5266
|
var $8bf13dd9aa8a9505$export$2e2bcd8739ae039 = $8bf13dd9aa8a9505$var$MultiLinkAttachment;
|
|
5316
5267
|
|
|
5317
5268
|
|
|
5269
|
+
/* eslint-disable react/jsx-boolean-value */
|
|
5270
|
+
|
|
5271
|
+
|
|
5272
|
+
|
|
5273
|
+
|
|
5274
|
+
|
|
5318
5275
|
|
|
5319
5276
|
|
|
5320
5277
|
|
|
5321
5278
|
|
|
5322
5279
|
|
|
5280
|
+
const $acf3b62642941e13$var$Animation = ({ size: size })=>{
|
|
5281
|
+
const customClassName = (0, $dWhh5$react.useMemo)(()=>{
|
|
5282
|
+
switch(size){
|
|
5283
|
+
case (0, $71c613e2e831c34c$export$a2a634340dd7e3e3).small:
|
|
5284
|
+
return "rf-loader-mini rf-animate-loaderMini rf-h-2 -rf-top-2";
|
|
5285
|
+
case (0, $71c613e2e831c34c$export$a2a634340dd7e3e3).medium:
|
|
5286
|
+
return "rf-loader-medium rf-animate-loaderMedium rf-h-4 -rf-top-4";
|
|
5287
|
+
case (0, $71c613e2e831c34c$export$a2a634340dd7e3e3).large:
|
|
5288
|
+
default:
|
|
5289
|
+
return "rf-loader rf-animate-loader rf-h-6 -rf-top-6";
|
|
5290
|
+
}
|
|
5291
|
+
}, [
|
|
5292
|
+
size
|
|
5293
|
+
]);
|
|
5294
|
+
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
5295
|
+
className: `rf-relative ${customClassName} rf-rounded-half`
|
|
5296
|
+
});
|
|
5297
|
+
};
|
|
5298
|
+
var $acf3b62642941e13$export$2e2bcd8739ae039 = $acf3b62642941e13$var$Animation;
|
|
5299
|
+
|
|
5300
|
+
|
|
5301
|
+
|
|
5323
5302
|
const { useSendMessage: $fa95654c022435ea$var$useSendMessage } = (0, $dWhh5$botframeworkwebchatcomponent.hooks);
|
|
5324
5303
|
const $fa95654c022435ea$var$SuggestedActionAttachment = ({ title: title, actions: actions, history: history, height: height })=>{
|
|
5325
5304
|
const { locale: locale } = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)();
|
|
5305
|
+
const { themeColors: themeColors } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
5306
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
5307
|
+
const unlockClickedButton = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.unlockClickedButton);
|
|
5308
|
+
const [clicked, setClicked] = (0, $dWhh5$react.useState)(null);
|
|
5326
5309
|
const sendMessage = $fa95654c022435ea$var$useSendMessage();
|
|
5327
|
-
|
|
5328
|
-
|
|
5329
|
-
|
|
5330
|
-
|
|
5331
|
-
|
|
5310
|
+
const animationColor = {
|
|
5311
|
+
"--rf-color-loader-animation": themeColors.card.button.text.default
|
|
5312
|
+
};
|
|
5313
|
+
(0, $dWhh5$react.useEffect)(()=>{
|
|
5314
|
+
unlockClickedButton && setClicked(null);
|
|
5315
|
+
}, [
|
|
5316
|
+
unlockClickedButton
|
|
5317
|
+
]);
|
|
5318
|
+
const handleClick = (value, index)=>{
|
|
5319
|
+
(0, $70e3d65f5a106231$export$5d55805fc8a86c05)();
|
|
5320
|
+
setClicked(index);
|
|
5332
5321
|
sendMessage(value);
|
|
5333
5322
|
};
|
|
5334
5323
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
|
|
@@ -5345,9 +5334,20 @@ const $fa95654c022435ea$var$SuggestedActionAttachment = ({ title: title, actions
|
|
|
5345
5334
|
className: "rf-w-full rf-pt-4 rf-flex rf-flex-row rf-justify-center rf-items-center rf-gap-4 rf-flex-wrap",
|
|
5346
5335
|
children: actions.map((action, key)=>{
|
|
5347
5336
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("button", {
|
|
5348
|
-
className: "rf-card-button",
|
|
5349
|
-
onClick: history ? ()=>{} : ()=>handleClick(action.action),
|
|
5350
|
-
children:
|
|
5337
|
+
className: clicked === key ? "rf-card-button-clicked" : "rf-card-button",
|
|
5338
|
+
onClick: history ? ()=>{} : ()=>handleClick(action.action, key),
|
|
5339
|
+
children: clicked === key ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
5340
|
+
className: "rf-w-full rf-h-[1.25rem] large:rf-h-[1.3rem] rf-flex rf-justify-center rf-items-center",
|
|
5341
|
+
style: {
|
|
5342
|
+
...animationColor
|
|
5343
|
+
},
|
|
5344
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
5345
|
+
className: "rf-w-2 rf-h-2 large:rf-w-4 large:rf-h-4",
|
|
5346
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $acf3b62642941e13$export$2e2bcd8739ae039), {
|
|
5347
|
+
size: isMobile ? (0, $71c613e2e831c34c$export$a2a634340dd7e3e3).small : (0, $71c613e2e831c34c$export$a2a634340dd7e3e3).medium
|
|
5348
|
+
})
|
|
5349
|
+
})
|
|
5350
|
+
}) : action.title || "?"
|
|
5351
5351
|
}, key);
|
|
5352
5352
|
})
|
|
5353
5353
|
})
|
|
@@ -5365,6 +5365,8 @@ var $fa95654c022435ea$export$2e2bcd8739ae039 = $fa95654c022435ea$var$SuggestedAc
|
|
|
5365
5365
|
|
|
5366
5366
|
|
|
5367
5367
|
|
|
5368
|
+
|
|
5369
|
+
|
|
5368
5370
|
const $4ac41b21ea7b8cbb$var$SvgColorChanger = ({ svgUrl: svgUrl, fillColor: fillColor, height: height })=>{
|
|
5369
5371
|
const [modifiedSvg, setModifiedSvg] = (0, $dWhh5$react.useState)(null);
|
|
5370
5372
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
@@ -5399,44 +5401,66 @@ const $4ac41b21ea7b8cbb$var$SvgColorChanger = ({ svgUrl: svgUrl, fillColor: fill
|
|
|
5399
5401
|
var $4ac41b21ea7b8cbb$export$2e2bcd8739ae039 = $4ac41b21ea7b8cbb$var$SvgColorChanger;
|
|
5400
5402
|
|
|
5401
5403
|
|
|
5404
|
+
|
|
5405
|
+
|
|
5402
5406
|
const { useSendPostBack: $0425d21c89c76455$var$useSendPostBack } = (0, $dWhh5$botframeworkwebchatcomponent.hooks);
|
|
5403
5407
|
const $0425d21c89c76455$var$DiscoverAttachment = ({ title: title, mainButtons: mainButtons, recommandationButton: recommandationButton, history: history, height: height })=>{
|
|
5404
5408
|
const sendPostBack = $0425d21c89c76455$var$useSendPostBack();
|
|
5405
5409
|
const { locale: locale } = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)();
|
|
5410
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
5406
5411
|
const { themeColors: themeColors } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
5412
|
+
const unlockClickedButton = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.unlockClickedButton);
|
|
5407
5413
|
const displayLayout = (0, $dWhh5$react.useMemo)(()=>{
|
|
5408
5414
|
if (mainButtons && mainButtons.length > 1) return `rf-w-full rf-grid rf-grid-cols-${mainButtons.length} rf-gap-2 large:rf-gap-4`;
|
|
5409
5415
|
return "rf-w-1/2 rf-justify-self-center";
|
|
5410
5416
|
}, [
|
|
5411
5417
|
mainButtons
|
|
5412
5418
|
]);
|
|
5413
|
-
const
|
|
5414
|
-
|
|
5415
|
-
|
|
5416
|
-
|
|
5417
|
-
|
|
5418
|
-
|
|
5419
|
-
|
|
5420
|
-
|
|
5421
|
-
|
|
5422
|
-
|
|
5423
|
-
|
|
5424
|
-
|
|
5425
|
-
|
|
5426
|
-
|
|
5427
|
-
|
|
5428
|
-
|
|
5429
|
-
|
|
5430
|
-
}
|
|
5431
|
-
}
|
|
5432
|
-
|
|
5433
|
-
|
|
5434
|
-
|
|
5435
|
-
|
|
5436
|
-
|
|
5419
|
+
const [clicked, setClicked] = (0, $dWhh5$react.useState)(false);
|
|
5420
|
+
const [discoverClicked, setDiscoverClicked] = (0, $dWhh5$react.useState)(null);
|
|
5421
|
+
const animationColor = {
|
|
5422
|
+
"--rf-color-loader-animation": themeColors.card.button.text.default
|
|
5423
|
+
};
|
|
5424
|
+
const handleClick = (data, index)=>{
|
|
5425
|
+
if (discoverClicked === null || discoverClicked !== index) {
|
|
5426
|
+
(0, $70e3d65f5a106231$export$5d55805fc8a86c05)();
|
|
5427
|
+
let dataToSend = {};
|
|
5428
|
+
// @ts-ignore
|
|
5429
|
+
if (data.eventName) {
|
|
5430
|
+
const tempData = data;
|
|
5431
|
+
setClicked(true);
|
|
5432
|
+
dataToSend = {
|
|
5433
|
+
type: "event",
|
|
5434
|
+
name: tempData.eventName,
|
|
5435
|
+
recommendationId: tempData.recommendationId
|
|
5436
|
+
};
|
|
5437
|
+
} else if (index !== undefined) {
|
|
5438
|
+
setDiscoverClicked(index);
|
|
5439
|
+
const tempData = data;
|
|
5440
|
+
const value = tempData.FilterId ? {
|
|
5441
|
+
value: {
|
|
5442
|
+
filterId: tempData.FilterId,
|
|
5443
|
+
filterValue: tempData.FilterValue,
|
|
5444
|
+
followingCardText: tempData.FollowingCardText
|
|
5445
|
+
}
|
|
5446
|
+
} : {};
|
|
5447
|
+
dataToSend = {
|
|
5448
|
+
type: "event",
|
|
5449
|
+
name: tempData.EventName,
|
|
5450
|
+
...value
|
|
5451
|
+
};
|
|
5452
|
+
}
|
|
5453
|
+
sendPostBack(dataToSend);
|
|
5437
5454
|
}
|
|
5438
|
-
sendPostBack(dataToSend);
|
|
5439
5455
|
};
|
|
5456
|
+
(0, $dWhh5$react.useEffect)(()=>{
|
|
5457
|
+
if (unlockClickedButton) {
|
|
5458
|
+
setClicked(false);
|
|
5459
|
+
setDiscoverClicked(null);
|
|
5460
|
+
}
|
|
5461
|
+
}, [
|
|
5462
|
+
unlockClickedButton
|
|
5463
|
+
]);
|
|
5440
5464
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
|
|
5441
5465
|
className: `rf-w-full rf-flex rf-flex-col rf-items-center rf-justify-between rf-rounded rf-bg-cardFrameBackground large:rf-p-[25px] rf-p-4 ${history && "rf-pointer-events-none"} `,
|
|
5442
5466
|
style: {
|
|
@@ -5457,36 +5481,60 @@ const $0425d21c89c76455$var$DiscoverAttachment = ({ title: title, mainButtons: m
|
|
|
5457
5481
|
else if (button.EventName.indexOf("LodgingBusinesses") > -1) colorButtonHandle = themeColors.whereToSleepColor;
|
|
5458
5482
|
else if (button.EventName.indexOf("TouristDestinations") > -1) colorButtonHandle = themeColors.tobeSeenColor;
|
|
5459
5483
|
else if (button.EventName.indexOf("Event") > -1) colorButtonHandle = themeColors.agendaColor;
|
|
5460
|
-
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.
|
|
5484
|
+
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
5461
5485
|
className: "rf-relative rf-w-full rf-card-button-discover rf-rounded rf-flex rf-flex-col rf-gap-2 large:rf-gap-3 rf-items-center rf-justify-self-center",
|
|
5462
|
-
onClick: ()=>handleClick(button),
|
|
5486
|
+
onClick: ()=>handleClick(button, i),
|
|
5463
5487
|
style: {
|
|
5464
5488
|
boxShadow: "0px 0px 13px #0000009c"
|
|
5465
5489
|
},
|
|
5466
|
-
children:
|
|
5467
|
-
|
|
5468
|
-
|
|
5469
|
-
|
|
5470
|
-
|
|
5471
|
-
|
|
5472
|
-
|
|
5473
|
-
|
|
5474
|
-
|
|
5475
|
-
|
|
5476
|
-
}
|
|
5477
|
-
}),
|
|
5478
|
-
/*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("p", {
|
|
5479
|
-
className: "rf-h-full rf-flex rf-items-center rf-text-center rf-uppercase rf-font-bold large:rf-text-basecustom rf-text-xsl",
|
|
5480
|
-
children: button.Text
|
|
5490
|
+
children: discoverClicked === i ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
5491
|
+
className: "rf-w-full rf-h-full rf-flex rf-justify-center rf-items-center",
|
|
5492
|
+
style: {
|
|
5493
|
+
...animationColor
|
|
5494
|
+
},
|
|
5495
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
5496
|
+
className: "rf-w-4 rf-h-4 large:rf-w-6 large:rf-h-6",
|
|
5497
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $acf3b62642941e13$export$2e2bcd8739ae039), {
|
|
5498
|
+
size: isMobile ? (0, $71c613e2e831c34c$export$a2a634340dd7e3e3).medium : (0, $71c613e2e831c34c$export$a2a634340dd7e3e3).large
|
|
5499
|
+
})
|
|
5481
5500
|
})
|
|
5482
|
-
|
|
5501
|
+
}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
|
|
5502
|
+
children: [
|
|
5503
|
+
button.MediaUrl.indexOf("svg") > -1 && colorButtonHandle !== "" ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $4ac41b21ea7b8cbb$export$2e2bcd8739ae039), {
|
|
5504
|
+
svgUrl: button.MediaUrl,
|
|
5505
|
+
height: "50px",
|
|
5506
|
+
fillColor: colorButtonHandle
|
|
5507
|
+
}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("img", {
|
|
5508
|
+
src: button.MediaUrl,
|
|
5509
|
+
alt: button.Text,
|
|
5510
|
+
style: {
|
|
5511
|
+
height: "50px"
|
|
5512
|
+
}
|
|
5513
|
+
}),
|
|
5514
|
+
/*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("p", {
|
|
5515
|
+
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",
|
|
5516
|
+
children: button.Text
|
|
5517
|
+
})
|
|
5518
|
+
]
|
|
5519
|
+
})
|
|
5483
5520
|
}, i);
|
|
5484
5521
|
}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $dWhh5$reactjsxruntime.Fragment), {})
|
|
5485
5522
|
}),
|
|
5486
|
-
recommandationButton && mainButtons && mainButtons.length > 1 && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("
|
|
5487
|
-
className:
|
|
5523
|
+
recommandationButton && mainButtons && mainButtons.length > 1 && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
5524
|
+
className: `rf-mt-4 rf-font-bold ${clicked ? "rf-card-button-clicked" : "rf-card-button"} rf-text-center rf-capitalize-first`,
|
|
5488
5525
|
onClick: ()=>handleClick(recommandationButton),
|
|
5489
|
-
children:
|
|
5526
|
+
children: clicked ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
5527
|
+
className: "rf-w-full rf-h-[1.25rem] large:rf-h-[1.3rem] rf-flex rf-justify-center rf-items-center",
|
|
5528
|
+
style: {
|
|
5529
|
+
...animationColor
|
|
5530
|
+
},
|
|
5531
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
5532
|
+
className: "rf-w-4 rf-h-4 large:rf-w-6 large:rf-h-6",
|
|
5533
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $acf3b62642941e13$export$2e2bcd8739ae039), {
|
|
5534
|
+
size: isMobile ? (0, $71c613e2e831c34c$export$a2a634340dd7e3e3).medium : (0, $71c613e2e831c34c$export$a2a634340dd7e3e3).large
|
|
5535
|
+
})
|
|
5536
|
+
})
|
|
5537
|
+
}) : recommandationButton.text
|
|
5490
5538
|
})
|
|
5491
5539
|
]
|
|
5492
5540
|
});
|
|
@@ -5498,6 +5546,9 @@ var $0425d21c89c76455$export$2e2bcd8739ae039 = $0425d21c89c76455$var$DiscoverAtt
|
|
|
5498
5546
|
|
|
5499
5547
|
|
|
5500
5548
|
|
|
5549
|
+
/* eslint-disable react/jsx-boolean-value */
|
|
5550
|
+
|
|
5551
|
+
|
|
5501
5552
|
|
|
5502
5553
|
|
|
5503
5554
|
|
|
@@ -5506,11 +5557,23 @@ var $0425d21c89c76455$export$2e2bcd8739ae039 = $0425d21c89c76455$var$DiscoverAtt
|
|
|
5506
5557
|
const { useSendPostBack: $393a464021f33e39$var$useSendPostBack } = (0, $dWhh5$botframeworkwebchatcomponent.hooks);
|
|
5507
5558
|
const $393a464021f33e39$var$BorderlessButtonMessage = ({ text: text, differentTextTosend: differentTextTosend })=>{
|
|
5508
5559
|
const { themeColors: themeColors } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
5560
|
+
const unlockClickedButton = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.unlockClickedButton);
|
|
5509
5561
|
const [hover, setHover] = (0, $dWhh5$react.useState)(false);
|
|
5510
5562
|
const sendPostBack = $393a464021f33e39$var$useSendPostBack();
|
|
5563
|
+
const [clicked, setClicked] = (0, $dWhh5$react.useState)(false);
|
|
5564
|
+
const animationColor = {
|
|
5565
|
+
"--rf-color-loader-animation": themeColors.card.button.text.default
|
|
5566
|
+
};
|
|
5511
5567
|
const onClick = (text)=>{
|
|
5568
|
+
setClicked(true);
|
|
5569
|
+
(0, $70e3d65f5a106231$export$5d55805fc8a86c05)();
|
|
5512
5570
|
sendPostBack(text);
|
|
5513
5571
|
};
|
|
5572
|
+
(0, $dWhh5$react.useEffect)(()=>{
|
|
5573
|
+
unlockClickedButton && setClicked(false);
|
|
5574
|
+
}, [
|
|
5575
|
+
unlockClickedButton
|
|
5576
|
+
]);
|
|
5514
5577
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
5515
5578
|
className: "rf-w-full rf-flex rf-justify-start rf-cursor-pointer",
|
|
5516
5579
|
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
|
|
@@ -5522,7 +5585,18 @@ const $393a464021f33e39$var$BorderlessButtonMessage = ({ text: text, differentTe
|
|
|
5522
5585
|
onClick(differentTextTosend || text);
|
|
5523
5586
|
},
|
|
5524
5587
|
children: [
|
|
5525
|
-
/*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
5588
|
+
clicked ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
5589
|
+
className: "rf-h-6 rf-w-6 rf-flex rf-justify-center rf-items-center",
|
|
5590
|
+
style: {
|
|
5591
|
+
...animationColor
|
|
5592
|
+
},
|
|
5593
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
5594
|
+
className: "rf-w-2 rf-h-2",
|
|
5595
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $acf3b62642941e13$export$2e2bcd8739ae039), {
|
|
5596
|
+
size: (0, $71c613e2e831c34c$export$a2a634340dd7e3e3).small
|
|
5597
|
+
})
|
|
5598
|
+
})
|
|
5599
|
+
}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
5526
5600
|
className: `rf-h-6 rf-w-6 rf-rounded ${hover ? "rf-bg-cardButtonBackgroundHover" : "rf-bg-cardButtonBackgroundDefault"}`,
|
|
5527
5601
|
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $f698e857cd43c992$export$2e2bcd8739ae039), {
|
|
5528
5602
|
className: "rf-h-6 rf-p-1 rf-border rf-rounded rf-border-cardButtonBorderDefault",
|
|
@@ -8039,6 +8113,8 @@ $9fde42be66905cde$export$7f21b8f94f2ce32b.maxLabelProperty = new $dWhh5$adaptive
|
|
|
8039
8113
|
|
|
8040
8114
|
|
|
8041
8115
|
|
|
8116
|
+
/* eslint-disable react/jsx-boolean-value */
|
|
8117
|
+
|
|
8042
8118
|
|
|
8043
8119
|
|
|
8044
8120
|
|
|
@@ -8090,12 +8166,18 @@ const $ca0c07c153e8e8ae$var$ActionButton = ({ text: text, fullWidth: fullWidth,
|
|
|
8090
8166
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
8091
8167
|
const currentSubView = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.currentSubView);
|
|
8092
8168
|
const isUsedOnBorne = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.usingOnBorne);
|
|
8169
|
+
const unlockClickedButton = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.unlockClickedButton);
|
|
8093
8170
|
const enableDocumentPrinting = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.enableDocumentPrinting);
|
|
8171
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
8094
8172
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
8095
8173
|
const { themeColors: themeColors } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
8096
8174
|
const [style, setStyle] = (0, $dWhh5$react.useState)();
|
|
8175
|
+
const [clicked, setClicked] = (0, $dWhh5$react.useState)(false);
|
|
8097
8176
|
const [hover, setHover] = (0, $dWhh5$react.useState)(false);
|
|
8098
8177
|
const [qrCodeData, setQrCodeData] = (0, $dWhh5$react.useState)();
|
|
8178
|
+
const animationColor = {
|
|
8179
|
+
"--rf-color-loader-animation": themeColors.card.button.text.default
|
|
8180
|
+
};
|
|
8099
8181
|
const setQrCodeDataAsync = async ()=>{
|
|
8100
8182
|
if (urlToOpen) {
|
|
8101
8183
|
const qrCodeString = await (0, ($parcel$interopDefault($dWhh5$qrcode))).toDataURL(encodeURI(urlToOpen));
|
|
@@ -8108,6 +8190,11 @@ const $ca0c07c153e8e8ae$var$ActionButton = ({ text: text, fullWidth: fullWidth,
|
|
|
8108
8190
|
urlToOpen,
|
|
8109
8191
|
isUsedOnBorne
|
|
8110
8192
|
]);
|
|
8193
|
+
(0, $dWhh5$react.useEffect)(()=>{
|
|
8194
|
+
unlockClickedButton && setClicked(false);
|
|
8195
|
+
}, [
|
|
8196
|
+
unlockClickedButton
|
|
8197
|
+
]);
|
|
8111
8198
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
8112
8199
|
// Set width : full or fit
|
|
8113
8200
|
let temp = fullWidth ? "rf-w-full" : "rf-w-fit";
|
|
@@ -8132,16 +8219,18 @@ const $ca0c07c153e8e8ae$var$ActionButton = ({ text: text, fullWidth: fullWidth,
|
|
|
8132
8219
|
}));
|
|
8133
8220
|
};
|
|
8134
8221
|
const handleClick = ()=>{
|
|
8135
|
-
if (currentSubView !== (0, $71c613e2e831c34c$export$f05d0fed0593ead7).history) {
|
|
8136
|
-
|
|
8222
|
+
if (currentSubView !== (0, $71c613e2e831c34c$export$f05d0fed0593ead7).history && !clicked) {
|
|
8223
|
+
setClicked(true);
|
|
8224
|
+
setHover(false);
|
|
8225
|
+
(0, $70e3d65f5a106231$export$5d55805fc8a86c05)();
|
|
8137
8226
|
onClick();
|
|
8138
8227
|
}
|
|
8139
8228
|
};
|
|
8140
8229
|
const handleEnter = ()=>{
|
|
8141
|
-
if (currentSubView !== (0, $71c613e2e831c34c$export$f05d0fed0593ead7).history) setHover(true);
|
|
8230
|
+
if (currentSubView !== (0, $71c613e2e831c34c$export$f05d0fed0593ead7).history && !clicked) setHover(true);
|
|
8142
8231
|
};
|
|
8143
8232
|
const handleLeave = ()=>{
|
|
8144
|
-
if (currentSubView !== (0, $71c613e2e831c34c$export$f05d0fed0593ead7).history) setHover(false);
|
|
8233
|
+
if (currentSubView !== (0, $71c613e2e831c34c$export$f05d0fed0593ead7).history && !clicked) setHover(false);
|
|
8145
8234
|
};
|
|
8146
8235
|
return urlToOpen && isUsedOnBorne ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
|
|
8147
8236
|
className: "rf-w-full rf-flex rf-flex-col rf-justify-center rf-items-center rf-text-cardButtonTextDefault",
|
|
@@ -8193,7 +8282,18 @@ const $ca0c07c153e8e8ae$var$ActionButton = ({ text: text, fullWidth: fullWidth,
|
|
|
8193
8282
|
children: [
|
|
8194
8283
|
/*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
8195
8284
|
className: `rf-h-6 rf-w-6 rf-rounded ${hover ? "rf-bg-cardButtonBackgroundHover" : "rf-bg-cardButtonBackgroundDefault"}`,
|
|
8196
|
-
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)(
|
|
8285
|
+
children: clicked ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
8286
|
+
className: "rf-h-6 rf-w-6 rf-flex rf-justify-center rf-items-center",
|
|
8287
|
+
style: {
|
|
8288
|
+
...animationColor
|
|
8289
|
+
},
|
|
8290
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
8291
|
+
className: "rf-w-2 rf-h-2",
|
|
8292
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $acf3b62642941e13$export$2e2bcd8739ae039), {
|
|
8293
|
+
size: (0, $71c613e2e831c34c$export$a2a634340dd7e3e3).small
|
|
8294
|
+
})
|
|
8295
|
+
})
|
|
8296
|
+
}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $f698e857cd43c992$export$2e2bcd8739ae039), {
|
|
8197
8297
|
className: `rf-h-6 rf-p-1 rf-border rf-rounded ${hover ? "rf-border-cardButtonBorderHover" : "rf-border-cardButtonBorderDefault"}`,
|
|
8198
8298
|
color: hover ? themeColors.card.button.text.hover : themeColors.card.button.text.default
|
|
8199
8299
|
})
|
|
@@ -8204,9 +8304,20 @@ const $ca0c07c153e8e8ae$var$ActionButton = ({ text: text, fullWidth: fullWidth,
|
|
|
8204
8304
|
})
|
|
8205
8305
|
]
|
|
8206
8306
|
}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
8207
|
-
className: ` ${currentSubView !== (0, $71c613e2e831c34c$export$f05d0fed0593ead7).history ? "rf-card-button" : "rf-card-button-history"} rf-mt-2 ${fullWidth ? "rf-text-center" : "rf-text-left"} ${style}`,
|
|
8307
|
+
className: `rf-relative ${currentSubView !== (0, $71c613e2e831c34c$export$f05d0fed0593ead7).history ? clicked ? "rf-card-button-clicked" : "rf-card-button" : "rf-card-button-history"} rf-mt-2 ${fullWidth ? "rf-text-center" : "rf-text-left"} ${style}`,
|
|
8208
8308
|
onClick: handleClick,
|
|
8209
|
-
children: (0, $
|
|
8309
|
+
children: clicked ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
8310
|
+
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"}`,
|
|
8311
|
+
style: {
|
|
8312
|
+
...animationColor
|
|
8313
|
+
},
|
|
8314
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
8315
|
+
className: "rf-w-4 rf-h-4 large:rf-w-6 large:rf-h-6",
|
|
8316
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $acf3b62642941e13$export$2e2bcd8739ae039), {
|
|
8317
|
+
size: isMobile ? (0, $71c613e2e831c34c$export$a2a634340dd7e3e3).medium : (0, $71c613e2e831c34c$export$a2a634340dd7e3e3).large
|
|
8318
|
+
})
|
|
8319
|
+
})
|
|
8320
|
+
}) : (0, $04321743da31c8db$export$d07f57595c356899)(text || translation.common.submit, locale)
|
|
8210
8321
|
});
|
|
8211
8322
|
};
|
|
8212
8323
|
var $ca0c07c153e8e8ae$export$2e2bcd8739ae039 = $ca0c07c153e8e8ae$var$ActionButton;
|
|
@@ -8499,6 +8610,7 @@ let $85d8b0d1ec40dae5$var$iconsInitialized = false;
|
|
|
8499
8610
|
|
|
8500
8611
|
|
|
8501
8612
|
// Add markdown-it to window for markdown processing
|
|
8613
|
+
// @ts-ignore
|
|
8502
8614
|
window.markdownit = (0, ($parcel$interopDefault($dWhh5$markdownit)));
|
|
8503
8615
|
(0, $85d8b0d1ec40dae5$export$6108075486421829)();
|
|
8504
8616
|
const $c610b7db00433cde$var$defaultUser = {
|
|
@@ -8512,85 +8624,74 @@ const $c610b7db00433cde$var$defaultUser = {
|
|
|
8512
8624
|
referrer: "",
|
|
8513
8625
|
ipaddress: ""
|
|
8514
8626
|
};
|
|
8515
|
-
|
|
8516
|
-
|
|
8517
|
-
* @param props
|
|
8518
|
-
*/ const $c610b7db00433cde$var$RetorikComposer = ({ addressData: addressData, userData: userData, externalEventHandler: externalEventHandler, children: children, colors: colors, isRetorikNews: isRetorikNews, changedLayout: changedLayout })=>{
|
|
8519
|
-
const [directLine, setDirectLine] = (0, $dWhh5$react.useState)(null);
|
|
8627
|
+
const $c610b7db00433cde$var$RetorikComposer = ({ addressData: addressData, userData: userData, externalEventHandler: externalEventHandler, children: children, colors: colors, isRetorikNews: isRetorikNews })=>{
|
|
8628
|
+
const [directLineCreationdata, setDirectLineCreationData] = (0, $dWhh5$react.useState)();
|
|
8520
8629
|
const [store, setStore] = (0, $dWhh5$react.useState)(null);
|
|
8521
|
-
const {
|
|
8522
|
-
const
|
|
8630
|
+
const { configuration: configuration } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
8631
|
+
const loaderClosed = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
8523
8632
|
const agentData = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.agentData);
|
|
8524
8633
|
const { locale: locale, supported: supported } = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)();
|
|
8525
8634
|
const [hasConversationCookie, setHasConversationCookie] = (0, $dWhh5$react.useState)(false);
|
|
8526
8635
|
const [connectionStatus, setConnectionStatus] = (0, $dWhh5$react.useState)((0, $dWhh5$botframeworkdirectlinejs.ConnectionStatus).Uninitialized);
|
|
8527
8636
|
const subscriptionRef = (0, $dWhh5$react.useRef)(null);
|
|
8528
|
-
(0, $dWhh5$react.
|
|
8529
|
-
|
|
8530
|
-
|
|
8531
|
-
|
|
8532
|
-
|
|
8533
|
-
|
|
8534
|
-
|
|
8535
|
-
|
|
8536
|
-
|
|
8537
|
-
|
|
8538
|
-
|
|
8637
|
+
const directLine = (0, $dWhh5$react.useMemo)(()=>{
|
|
8638
|
+
return directLineCreationdata ? (0, $dWhh5$botframeworkwebchat.createDirectLine)(directLineCreationdata) : null;
|
|
8639
|
+
}, [
|
|
8640
|
+
directLineCreationdata
|
|
8641
|
+
]);
|
|
8642
|
+
const processDirectLine = async ()=>{
|
|
8643
|
+
(0, $5b9a777a82cf18dd$export$97c24bbbbbd7be8a)(addressData).then((token)=>{
|
|
8644
|
+
let test = true;
|
|
8645
|
+
if (isRetorikNews) {
|
|
8646
|
+
const fullTenantName = (addressData.baseURI || `${addressData.prefix || ""}${addressData.tenant}`).replace(/;|,|\s/g, "");
|
|
8647
|
+
const newsConversationData = localStorage.getItem(`Retorik.News.Conversation.${fullTenantName}`);
|
|
8648
|
+
if (newsConversationData) {
|
|
8649
|
+
const data = JSON.parse(newsConversationData);
|
|
8650
|
+
if (data && data.conversationId) {
|
|
8651
|
+
setDirectLineCreationData({
|
|
8652
|
+
token: token,
|
|
8653
|
+
conversationId: data.conversationId
|
|
8654
|
+
});
|
|
8655
|
+
test = false;
|
|
8656
|
+
}
|
|
8657
|
+
}
|
|
8658
|
+
} else if (configuration.enableConversationCookie !== false) {
|
|
8659
|
+
var _document_cookie_split_find;
|
|
8660
|
+
const conversationCookie = (_document_cookie_split_find = document.cookie.split("; ").find((row)=>row.startsWith("retorikConversationCookie="))) === null || _document_cookie_split_find === void 0 ? void 0 : _document_cookie_split_find.split("=")[1];
|
|
8661
|
+
if (conversationCookie) {
|
|
8662
|
+
const splitCookieData = conversationCookie.split("||");
|
|
8663
|
+
if (splitCookieData.length === 2) {
|
|
8664
|
+
const cookieConversationId = splitCookieData[0];
|
|
8665
|
+
const cookieTenantName = splitCookieData[1];
|
|
8666
|
+
const fullTenantName = (addressData.baseURI || `${addressData.prefix || ""}${addressData.tenant}`).replace(/;|,|\s/g, "");
|
|
8667
|
+
if (cookieTenantName === fullTenantName) {
|
|
8668
|
+
setDirectLineCreationData({
|
|
8539
8669
|
token: token,
|
|
8540
|
-
conversationId:
|
|
8541
|
-
|
|
8670
|
+
conversationId: cookieConversationId,
|
|
8671
|
+
watermark: "0"
|
|
8672
|
+
});
|
|
8673
|
+
// Tell the activity store that we will retrieve several activities from an existing conversation, so that it displays only the last one
|
|
8674
|
+
(0, $9acd31406c230961$export$d7e4f7861d387c67)(true);
|
|
8675
|
+
setHasConversationCookie(true);
|
|
8542
8676
|
test = false;
|
|
8543
8677
|
}
|
|
8544
8678
|
}
|
|
8545
|
-
} else if (configuration.enableConversationCookie !== false) {
|
|
8546
|
-
var _document_cookie_split_find;
|
|
8547
|
-
const conversationCookie = (_document_cookie_split_find = document.cookie.split("; ").find((row)=>row.startsWith("retorikConversationCookie="))) === null || _document_cookie_split_find === void 0 ? void 0 : _document_cookie_split_find.split("=")[1];
|
|
8548
|
-
if (conversationCookie) {
|
|
8549
|
-
const splitCookieData = conversationCookie.split("||");
|
|
8550
|
-
if (splitCookieData.length === 2) {
|
|
8551
|
-
const cookieConversationId = splitCookieData[0];
|
|
8552
|
-
const cookieTenantName = splitCookieData[1];
|
|
8553
|
-
const fullTenantName = (addressData.baseURI || `${addressData.prefix || ""}${addressData.tenant}`).replace(/;|,|\s/g, "");
|
|
8554
|
-
if (cookieTenantName === fullTenantName) {
|
|
8555
|
-
setDirectLine((0, $dWhh5$botframeworkwebchat.createDirectLine)({
|
|
8556
|
-
token: token,
|
|
8557
|
-
conversationId: cookieConversationId,
|
|
8558
|
-
watermark: "0"
|
|
8559
|
-
}));
|
|
8560
|
-
// Tell the activity store that we will retrieve several activities from an existing conversation, so that it displays only the last one
|
|
8561
|
-
(0, $9acd31406c230961$export$d7e4f7861d387c67)(true);
|
|
8562
|
-
setHasConversationCookie(true);
|
|
8563
|
-
test = false;
|
|
8564
|
-
}
|
|
8565
|
-
}
|
|
8566
|
-
}
|
|
8567
8679
|
}
|
|
8568
|
-
|
|
8569
|
-
|
|
8570
|
-
|
|
8571
|
-
});
|
|
8572
|
-
};
|
|
8573
|
-
addressData && processDirectLine();
|
|
8574
|
-
}, [
|
|
8575
|
-
addressData
|
|
8576
|
-
]);
|
|
8577
|
-
const ponyfillFactory = (0, $dWhh5$react.useMemo)(()=>{
|
|
8578
|
-
if (ponyfillCredentials) {
|
|
8579
|
-
const ponyfill = (0, $dWhh5$botframeworkwebchat.createCognitiveServicesSpeechServicesPonyfillFactory)({
|
|
8580
|
-
credentials: ponyfillCredentials
|
|
8680
|
+
}
|
|
8681
|
+
test && setDirectLineCreationData({
|
|
8682
|
+
token: token
|
|
8581
8683
|
});
|
|
8582
|
-
|
|
8583
|
-
|
|
8584
|
-
|
|
8585
|
-
}, [
|
|
8586
|
-
ponyfillCredentials
|
|
8587
|
-
]);
|
|
8588
|
-
// Initialize the store on mount and close directline on unmount
|
|
8684
|
+
});
|
|
8685
|
+
};
|
|
8686
|
+
// Initialize the store on mount
|
|
8589
8687
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
8590
8688
|
initStore();
|
|
8689
|
+
processDirectLine();
|
|
8591
8690
|
return ()=>{
|
|
8592
8691
|
var _subscriptionRef_current;
|
|
8692
|
+
console.log("Retorik Framework > Disconnect and end directline");
|
|
8593
8693
|
subscriptionRef === null || subscriptionRef === void 0 ? void 0 : (_subscriptionRef_current = subscriptionRef.current) === null || _subscriptionRef_current === void 0 ? void 0 : _subscriptionRef_current.unsubscribe();
|
|
8694
|
+
directLine === null || directLine === void 0 ? void 0 : directLine.end();
|
|
8594
8695
|
};
|
|
8595
8696
|
}, []);
|
|
8596
8697
|
// Create custom store
|
|
@@ -8599,13 +8700,10 @@ const $c610b7db00433cde$var$defaultUser = {
|
|
|
8599
8700
|
}
|
|
8600
8701
|
const customAdaptiveCardHostConfig = (0, $7fcbbf5bfb4dd5b8$export$2e2bcd8739ae039)(colors.primary, colors.card.frame.background);
|
|
8601
8702
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
8602
|
-
if (locale && supported &&
|
|
8603
|
-
else setAppAvailable(false);
|
|
8703
|
+
if (locale && supported && store && agentData && connectionStatus === (0, $dWhh5$botframeworkdirectlinejs.ConnectionStatus).Online && (isRetorikNews || loaderClosed)) (0, $c7242af7a2bc5e50$export$a8ce9bbc5b910a21)(true);
|
|
8604
8704
|
}, [
|
|
8605
8705
|
locale,
|
|
8606
8706
|
supported,
|
|
8607
|
-
directLine,
|
|
8608
|
-
ponyfillFactory,
|
|
8609
8707
|
store,
|
|
8610
8708
|
agentData,
|
|
8611
8709
|
loaderClosed,
|
|
@@ -8621,8 +8719,9 @@ const $c610b7db00433cde$var$defaultUser = {
|
|
|
8621
8719
|
}, [
|
|
8622
8720
|
directLine
|
|
8623
8721
|
]);
|
|
8624
|
-
return directLine &&
|
|
8722
|
+
return directLine && store && agentData ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$botframeworkwebchatlibFullComposer))), {
|
|
8625
8723
|
adaptiveCardsHostConfig: customAdaptiveCardHostConfig,
|
|
8724
|
+
// @ts-ignore
|
|
8626
8725
|
adaptiveCardsPackage: $dWhh5$adaptivecardslibadaptivecards,
|
|
8627
8726
|
styleOptions: {
|
|
8628
8727
|
primaryFont: '"Calibri", sans-serif',
|
|
@@ -8636,7 +8735,6 @@ const $c610b7db00433cde$var$defaultUser = {
|
|
|
8636
8735
|
activityMiddleware: (0, $c8770452d727244a$export$2e2bcd8739ae039),
|
|
8637
8736
|
children: [
|
|
8638
8737
|
/*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $071bb34c9db044ce$export$2e2bcd8739ae039), {
|
|
8639
|
-
changedLayout: changedLayout,
|
|
8640
8738
|
isRetorikNews: isRetorikNews,
|
|
8641
8739
|
hasConversationCookie: hasConversationCookie,
|
|
8642
8740
|
userData: userData || $c610b7db00433cde$var$defaultUser
|
|
@@ -8666,6 +8764,7 @@ var $c610b7db00433cde$export$2e2bcd8739ae039 = $c610b7db00433cde$var$RetorikComp
|
|
|
8666
8764
|
|
|
8667
8765
|
|
|
8668
8766
|
|
|
8767
|
+
|
|
8669
8768
|
const $99db97028d95da41$var$BackgroundVideo = ({ source: source, style: style, loop: loop, muted: muted, onVideoEnded: onVideoEnded, onVideoCanPlay: onVideoCanPlay })=>{
|
|
8670
8769
|
const { currentHeight: currentHeight, currentWidth: currentWidth } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
8671
8770
|
const videoRef = (0, $dWhh5$react.useRef)(null);
|
|
@@ -8673,7 +8772,7 @@ const $99db97028d95da41$var$BackgroundVideo = ({ source: source, style: style, l
|
|
|
8673
8772
|
if (videoRef.current) {
|
|
8674
8773
|
videoRef.current.pause();
|
|
8675
8774
|
videoRef.current.load();
|
|
8676
|
-
videoRef.current.play();
|
|
8775
|
+
videoRef.current.play().catch((e)=>console.warn(e));
|
|
8677
8776
|
}
|
|
8678
8777
|
}, [
|
|
8679
8778
|
videoRef
|
|
@@ -8881,7 +8980,7 @@ var $f30fe7aba51bf78e$export$2e2bcd8739ae039 = $f30fe7aba51bf78e$var$Background;
|
|
|
8881
8980
|
|
|
8882
8981
|
|
|
8883
8982
|
const $f49c2c2bc5cff629$var$VoiceInput = ({ className: className })=>{
|
|
8884
|
-
const
|
|
8983
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
8885
8984
|
const lastRecognitionInterim = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.lastRecognitionInterim);
|
|
8886
8985
|
return lastRecognitionInterim ? isMobile ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("p", {
|
|
8887
8986
|
className: className,
|
|
@@ -8895,9 +8994,12 @@ var $f49c2c2bc5cff629$export$2e2bcd8739ae039 = $f49c2c2bc5cff629$var$VoiceInput;
|
|
|
8895
8994
|
|
|
8896
8995
|
|
|
8897
8996
|
|
|
8997
|
+
|
|
8898
8998
|
const $6af0aee9119363c4$var$UserRequest = ()=>{
|
|
8899
8999
|
const mode = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
8900
|
-
const {
|
|
9000
|
+
const { mediumLandscape: mediumLandscape } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
9001
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
9002
|
+
const isBorne = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isBorne);
|
|
8901
9003
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
|
|
8902
9004
|
children: !isMobile && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
8903
9005
|
className: `rf-relative rf-h-full
|
|
@@ -9271,8 +9373,10 @@ var $9d2c3b646d8954b6$export$2e2bcd8739ae039 = $9d2c3b646d8954b6$var$FullScreen;
|
|
|
9271
9373
|
|
|
9272
9374
|
|
|
9273
9375
|
|
|
9376
|
+
|
|
9274
9377
|
const $5b0a263fc6ebfb59$var$FullScreenMobile = ({ className: className, depth: depth, background: background, children: children })=>{
|
|
9275
|
-
const
|
|
9378
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
9379
|
+
const { displayControls: displayControls } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
9276
9380
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $9d2c3b646d8954b6$export$2e2bcd8739ae039), {
|
|
9277
9381
|
className: `${isMobile && displayControls && "rf-mb-12"} rf-p-4 rf-flex rf-flex-col ${className}`,
|
|
9278
9382
|
depth: depth,
|
|
@@ -9329,9 +9433,11 @@ var $e4f759e73afbe50c$export$2e2bcd8739ae039 = $e4f759e73afbe50c$var$Grid;
|
|
|
9329
9433
|
|
|
9330
9434
|
|
|
9331
9435
|
|
|
9436
|
+
|
|
9332
9437
|
const $cda76bef9e6e0763$var$useCloseButtonTop = ()=>{
|
|
9333
9438
|
const { configuration: configuration } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
9334
|
-
const
|
|
9439
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
9440
|
+
const { isTactile: isTactile } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
9335
9441
|
const [top, setTop] = (0, $dWhh5$react.useState)(200);
|
|
9336
9442
|
/**
|
|
9337
9443
|
* On currentDeviceType change :
|
|
@@ -9591,7 +9697,7 @@ var $579744d25642d716$export$2e2bcd8739ae039 = $579744d25642d716$var$DashboardBu
|
|
|
9591
9697
|
|
|
9592
9698
|
|
|
9593
9699
|
const $e30af8373281dae5$var$AbsoluteLargeClosingButton = ({ dashboardVisible: dashboardVisible, zIndexClassname: zIndexClassname, customComponent: customComponent, onClick: onClick })=>{
|
|
9594
|
-
const
|
|
9700
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
9595
9701
|
const top = (0, $cda76bef9e6e0763$export$2e2bcd8739ae039)();
|
|
9596
9702
|
const [hidden, setHidden] = (0, $dWhh5$react.useState)(false);
|
|
9597
9703
|
const handleHideAndClose = ()=>{
|
|
@@ -9613,7 +9719,9 @@ var $e30af8373281dae5$export$2e2bcd8739ae039 = $e30af8373281dae5$var$AbsoluteLar
|
|
|
9613
9719
|
|
|
9614
9720
|
|
|
9615
9721
|
const $bd338a637fd5b066$var$SubMenu = ({ background: background, onClick: onClick, children: children })=>{
|
|
9616
|
-
const
|
|
9722
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
9723
|
+
const isLandscape = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isLandscape);
|
|
9724
|
+
const isBorne = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isBorne);
|
|
9617
9725
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
|
|
9618
9726
|
children: [
|
|
9619
9727
|
!isMobile && onClick && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $e30af8373281dae5$export$2e2bcd8739ae039), {
|
|
@@ -9693,6 +9801,7 @@ var $a0e7200eb5fb20c5$export$2e2bcd8739ae039 = $a0e7200eb5fb20c5$var$BackButton;
|
|
|
9693
9801
|
|
|
9694
9802
|
|
|
9695
9803
|
|
|
9804
|
+
|
|
9696
9805
|
|
|
9697
9806
|
|
|
9698
9807
|
/* eslint-disable react/self-closing-comp */
|
|
@@ -10172,7 +10281,8 @@ const $4a98cd521d2d07ef$var$DisplayGenerator = (props)=>{
|
|
|
10172
10281
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
10173
10282
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
10174
10283
|
const homeActivity = (0, $9acd31406c230961$export$b56465394e2b1287)((state)=>state.homeActivity);
|
|
10175
|
-
const
|
|
10284
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10285
|
+
const { setRoute: setRoute, setShowHomeAttachments: setShowHomeAttachments, themeColors: themeColors } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
10176
10286
|
const [label, setLabel] = (0, $dWhh5$react.useState)("");
|
|
10177
10287
|
const [colorButtonHandle, setColorButtonHandle] = (0, $dWhh5$react.useState)("");
|
|
10178
10288
|
/**
|
|
@@ -10279,7 +10389,8 @@ var $4a98cd521d2d07ef$export$2e2bcd8739ae039 = $4a98cd521d2d07ef$var$DisplayGene
|
|
|
10279
10389
|
|
|
10280
10390
|
|
|
10281
10391
|
const $a07d788c908a6b4a$var$DisplayViews = ({ handleClick: handleClick, conditionalHandleClick: conditionalHandleClick })=>{
|
|
10282
|
-
const
|
|
10392
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10393
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
10283
10394
|
const { configuration: configuration } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
10284
10395
|
const [finalMenu, setFinalMenu] = (0, $dWhh5$react.useState)([]);
|
|
10285
10396
|
const buildMenu = (menu)=>{
|
|
@@ -10381,7 +10492,7 @@ function $a16df460e030efa9$var$instanceOfCustomMenuDisplayGeneratorProps(object)
|
|
|
10381
10492
|
const $a16df460e030efa9$var$DisplaySubGenerator = (props)=>{
|
|
10382
10493
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
10383
10494
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
10384
|
-
const
|
|
10495
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10385
10496
|
const [label, setLabel] = (0, $dWhh5$react.useState)("");
|
|
10386
10497
|
/**
|
|
10387
10498
|
* On component mount :
|
|
@@ -10450,7 +10561,8 @@ var $a16df460e030efa9$export$2e2bcd8739ae039 = $a16df460e030efa9$var$DisplaySubG
|
|
|
10450
10561
|
|
|
10451
10562
|
|
|
10452
10563
|
const $ef4ae4bb0e8b8f8c$var$DisplaySubViews = ({ handleClick: handleClick, conditionalHandleClick: conditionalHandleClick })=>{
|
|
10453
|
-
const
|
|
10564
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10565
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
10454
10566
|
const { configuration: configuration } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
10455
10567
|
const [subMenu, setSubMenu] = (0, $dWhh5$react.useState)([]);
|
|
10456
10568
|
const buildMenu = (menu)=>{
|
|
@@ -10504,7 +10616,7 @@ var $ef4ae4bb0e8b8f8c$export$2e2bcd8739ae039 = $ef4ae4bb0e8b8f8c$var$DisplaySubV
|
|
|
10504
10616
|
const $9d923b2173a33de2$var$Dashboard = ({ toggleDashboard: toggleDashboard })=>{
|
|
10505
10617
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
10506
10618
|
const { configuration: { isUsedOnBorne: isUsedOnBorne } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
10507
|
-
const
|
|
10619
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10508
10620
|
const handleClick = ()=>{
|
|
10509
10621
|
toggleDashboard && toggleDashboard();
|
|
10510
10622
|
};
|
|
@@ -10585,8 +10697,8 @@ $a956d40ea7c2e65c$exports = JSON.parse('{"aa":"Qafar","aa-DJ":"Qafar (Yabuuti)",
|
|
|
10585
10697
|
|
|
10586
10698
|
|
|
10587
10699
|
const $eba1371e77343bf7$var$ParameterButton = ({ title: title, color: color, icon: icon, onClick: onClick })=>{
|
|
10588
|
-
const
|
|
10589
|
-
const
|
|
10700
|
+
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
10701
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10590
10702
|
return isMobile ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("button", {
|
|
10591
10703
|
className: `rf-w-full rf-py-4 rf-flex rf-flex-row ${icon === "lang" ? "rf-justify-between" : "rf-justify-start"} rf-items-center rf-border-t rf-border-t-menuBorder rf-capitalize`,
|
|
10592
10704
|
onClick: onClick,
|
|
@@ -10665,6 +10777,7 @@ var $d1bee524d1944cdb$export$2e2bcd8739ae039 = $d1bee524d1944cdb$var$HistoryButt
|
|
|
10665
10777
|
|
|
10666
10778
|
|
|
10667
10779
|
|
|
10780
|
+
|
|
10668
10781
|
// Check if the locale in the current browser is in the array of available locales
|
|
10669
10782
|
const $6259571439c6f7ce$var$checkLocaleFromBrowser = (allLanguages)=>{
|
|
10670
10783
|
var _navigator;
|
|
@@ -10705,7 +10818,8 @@ const $f19fa486c3780055$var$LanguageButton = ()=>{
|
|
|
10705
10818
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
10706
10819
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
10707
10820
|
const supported = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.supported);
|
|
10708
|
-
const
|
|
10821
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10822
|
+
const { themeColors: themeColors } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
10709
10823
|
const currentSubView = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.currentSubView);
|
|
10710
10824
|
const [mainLocale, setMainLocale] = (0, $dWhh5$react.useState)((0, $6259571439c6f7ce$export$91fc93b93c368955)(locale).toUpperCase());
|
|
10711
10825
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
@@ -10764,6 +10878,7 @@ var $f19fa486c3780055$export$2e2bcd8739ae039 = $f19fa486c3780055$var$LanguageBut
|
|
|
10764
10878
|
|
|
10765
10879
|
|
|
10766
10880
|
|
|
10881
|
+
|
|
10767
10882
|
var $3efc2f56154c835a$exports = {};
|
|
10768
10883
|
$3efc2f56154c835a$exports = JSON.parse('{"v":"5.7.4","fr":29.9700012207031,"ip":0,"op":45.0000018328876,"w":256,"h":256,"nm":"vibe","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Calque de forme 1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[128,128,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.25,-10.25],[-49.5,103],[-92.5,39],[-129,128.25],[-129.5,167.5],[128.75,171.75],[129.75,127.75],[100.25,65.5],[54.75,110]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":8,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.25,31.25],[-49.5,103],[-92.5,81],[-129,128.25],[-129.5,167.5],[128.75,171.75],[129.75,127.75],[100.25,18],[54.75,110]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":16,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.247,87.636],[-49.5,62.5],[-92.5,8.144],[-129,128.25],[-129.5,167.5],[128.75,171.75],[129.75,10.5],[100.25,84.403],[54.75,36.25]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":23,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.249,51.758],[-49.5,103],[-92.5,48.989],[-129,-22],[-129.5,167.5],[128.75,171.75],[129.75,19.75],[100.25,93.847],[54.75,-2]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":31,"s":[{"i":[[30.504,0],[26.498,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.249,-34.148],[-49.5,39.75],[-92.5,90.277],[-129,128.25],[-129.5,167.5],[128.75,171.75],[129.75,127.75],[100.25,33.052],[54.75,110]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":38,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.249,23.747],[-49.5,-21.5],[-92.5,115.754],[-129,62.5],[-129.5,167.5],[128.75,171.75],[129.75,127.75],[100.25,90.836],[54.75,110]],"c":true}]},{"t":45.0000018328876,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.25,-10.25],[-49.5,103],[-92.5,39],[-129,128.25],[-129.5,167.5],[128.75,171.75],[129.75,127.75],[100.25,65.5],[54.75,110]],"c":true}]}],"ix":2},"nm":"Trac\xe9 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":19,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Contour 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":19,"ix":5},"r":1,"bm":0,"nm":"Fond 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformer "}],"nm":"Forme 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":45.0000018328876,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Calque de forme 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[128,128,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.25,104.5],[-49.5,68.5],[-92.5,108.5],[-129,4.75],[-129.5,167.5],[128.75,171.75],[129.75,53],[100.25,110.5],[54.75,38.25]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":8,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.25,48.5],[-49.5,-11.5],[-92.5,44],[-129,116],[-129.5,167.5],[128.75,171.75],[129.75,125.5],[100.25,62.5],[54.749,95.5]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":16,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.25,27],[-49.502,94.547],[-92.5,55],[-129,-19.068],[-129.5,167.5],[128.75,171.75],[129.75,125],[100.25,110.5],[54.749,-63.236]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":23,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.25,70],[-49.501,1.079],[-92.5,120.5],[-129,57.802],[-129.5,167.5],[128.75,171.75],[129.75,-0.19],[100.25,65.5],[54.749,45.01]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":31,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.25,22.75],[-49.501,80.531],[-92.5,33],[-129,114.922],[-129.5,167.5],[128.75,171.75],[129.75,-17.129],[100.25,106.25],[54.747,69.109]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":38,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.25,104.5],[-49.501,68.115],[-92.5,106.017],[-129,129.414],[-129.5,167.5],[128.75,171.75],[129.75,63.44],[100.25,-1.2],[54.748,66.851]],"c":true}]},{"t":45.0000018328876,"s":[{"i":[[30.504,0],[26.499,-0.285],[23.25,0],[0,0],[0,-1],[0,0],[0,0],[20.501,0],[22.747,-0.37]],"o":[[-29.75,0],[-23.25,0.25],[-22.103,0],[0,0],[0,1],[0,0],[0,0],[-18.75,0],[-30.75,0.5]],"v":[[3.25,104.5],[-49.5,68.5],[-92.5,108.5],[-129,4.75],[-129.5,167.5],[128.75,171.75],[129.75,53],[100.25,110.5],[54.75,38.25]],"c":true}]}],"ix":2},"nm":"Trac\xe9 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":19,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Contour 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":19,"ix":5},"r":1,"bm":0,"nm":"Fond 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformer "}],"nm":"Forme 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":45.0000018328876,"st":0,"bm":0}],"markers":[]}');
|
|
10769
10884
|
|
|
@@ -10857,7 +10972,8 @@ const $9a101af72a25f94e$var$MicrophoneButton = ({ openMicrophone: openMicrophone
|
|
|
10857
10972
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
10858
10973
|
const activeRecognitionState = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.activeRecognitionState);
|
|
10859
10974
|
const toggleMicrophone = (0, $e37833e47d877d3a$export$2e2bcd8739ae039)();
|
|
10860
|
-
const
|
|
10975
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10976
|
+
const { themeColors: themeColors } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
10861
10977
|
const allowedRef = (0, $dWhh5$react.useRef)(false);
|
|
10862
10978
|
const [message, setMessage] = (0, $dWhh5$react.useState)("");
|
|
10863
10979
|
const [playerRef, setPlayerRef] = (0, $dWhh5$react.useState)(null);
|
|
@@ -10948,7 +11064,7 @@ const $718f337892f278fa$var$Parameters = ({ handleBack: handleBack })=>{
|
|
|
10948
11064
|
const mode = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
10949
11065
|
const displaySubtitles = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.displaySubtitles);
|
|
10950
11066
|
const muted = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.muted);
|
|
10951
|
-
const
|
|
11067
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
10952
11068
|
const { configuration: { disableSound: disableSound } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
10953
11069
|
const handleSoundChange = (val)=>{
|
|
10954
11070
|
(0, $5f7f457957bd2c8d$export$a1680ba91cc9be33)(!val);
|
|
@@ -11017,7 +11133,7 @@ var $72584f9ef0b9627d$export$2e2bcd8739ae039 = $72584f9ef0b9627d$var$TutorialBut
|
|
|
11017
11133
|
const $0641c78f051b69fe$var$SubMenuClosing = ({ className: className, background: background, handleClose: handleClose, backIsConversation: backIsConversation, title: title, children: children })=>{
|
|
11018
11134
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
11019
11135
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
11020
|
-
const
|
|
11136
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
11021
11137
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, $bd338a637fd5b066$export$2e2bcd8739ae039), {
|
|
11022
11138
|
background: background,
|
|
11023
11139
|
onClick: handleClose,
|
|
@@ -11054,7 +11170,9 @@ var $0641c78f051b69fe$export$2e2bcd8739ae039 = $0641c78f051b69fe$var$SubMenuClos
|
|
|
11054
11170
|
|
|
11055
11171
|
|
|
11056
11172
|
const $6597700a5925d4dd$var$FullScreenRemoteClosing = ({ className: className, background: background, closeButtonClassName: closeButtonClassName, remoteCloseButtonZIndex: remoteCloseButtonZIndex, mobileReturnTitle: mobileReturnTitle, handleClose: handleClose, onClick: onClick, animation: animation, children: children })=>{
|
|
11057
|
-
const
|
|
11173
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
11174
|
+
const isLandscape = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isLandscape);
|
|
11175
|
+
const isBorne = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isBorne);
|
|
11058
11176
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
|
|
11059
11177
|
children: [
|
|
11060
11178
|
/*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, $e126bc061f6f032b$export$2e2bcd8739ae039), {
|
|
@@ -11289,10 +11407,8 @@ var $8cbc478ca079b320$export$2e2bcd8739ae039 = $8cbc478ca079b320$var$SubFilterCa
|
|
|
11289
11407
|
|
|
11290
11408
|
|
|
11291
11409
|
const $bf3385ff4ec0cb17$var$FilterItem = ({ className: className, identifier: identifier, opened: opened, filter: filter, closeOpenedFilters: closeOpenedFilters })=>{
|
|
11292
|
-
const
|
|
11293
|
-
|
|
11294
|
-
}));
|
|
11295
|
-
const { isMobile: isMobile } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
11410
|
+
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
11411
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
11296
11412
|
const [style, setStyle] = (0, $dWhh5$react.useState)("");
|
|
11297
11413
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
11298
11414
|
opened ? setStyle("rf-bg-truewhite rf-text-black rf-border-black") : setStyle("rf-bg-templateBackground rf-text-gray rf-border-gray");
|
|
@@ -11637,7 +11753,7 @@ var $9eb4669b72b0cf4a$export$2e2bcd8739ae039 = $9eb4669b72b0cf4a$var$preventEven
|
|
|
11637
11753
|
const $55a6a0d3c4977a41$var$FilterMobile = ({ className: className, setFiltersOpened: setFiltersOpened, handleClose: handleClose })=>{
|
|
11638
11754
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
11639
11755
|
const { resetFilters: resetFilters } = (0, $4859746455f78ba2$export$f9763ecd339e95eb)();
|
|
11640
|
-
const
|
|
11756
|
+
const isWidget = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
11641
11757
|
const [open, setOpen] = (0, $dWhh5$react.useState)(false);
|
|
11642
11758
|
const [currentOpened, setCurrentOpened] = (0, $dWhh5$react.useState)(undefined);
|
|
11643
11759
|
const divRef = (0, $dWhh5$react.useRef)(null);
|
|
@@ -11728,7 +11844,7 @@ var $55a6a0d3c4977a41$export$2e2bcd8739ae039 = $55a6a0d3c4977a41$var$FilterMobil
|
|
|
11728
11844
|
|
|
11729
11845
|
function $c581f9c34f3754ec$export$2e2bcd8739ae039() {
|
|
11730
11846
|
const { configuration: configuration } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
11731
|
-
const
|
|
11847
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
11732
11848
|
const [currentPagination, setCurrentPagination] = (0, $dWhh5$react.useState)(10);
|
|
11733
11849
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
11734
11850
|
if (configuration && currentDeviceType) switch(currentDeviceType){
|
|
@@ -11837,7 +11953,9 @@ const $a0c42cb8428afc95$var$ListContainer = ({ hasFilterOrSuggestedAction: hasFi
|
|
|
11837
11953
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
11838
11954
|
const sendPostback = $a0c42cb8428afc95$var$useSendPostBack();
|
|
11839
11955
|
const { content: content, selectedFilters: selectedFilters, loadingData: loadingData, setLoadingData: setLoadingData } = (0, $4859746455f78ba2$export$f9763ecd339e95eb)();
|
|
11840
|
-
const
|
|
11956
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
11957
|
+
const isWidget = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
11958
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
11841
11959
|
const currentPagination = (0, $c581f9c34f3754ec$export$2e2bcd8739ae039)();
|
|
11842
11960
|
const [contentToDisplay, setContentToDisplay] = (0, $dWhh5$react.useState)([]);
|
|
11843
11961
|
const [landscapeStyle, setLandscapeStyle] = (0, $dWhh5$react.useState)("large:rf-h-3/5");
|
|
@@ -12163,7 +12281,9 @@ const $7a4829033e41af4d$var$List = ({ activity: activity, onClose: onClose })=>{
|
|
|
12163
12281
|
var _content_channelData, _content_suggestedActions_actions, _content_suggestedActions, _content_channelData1, _content_suggestedActions1;
|
|
12164
12282
|
const mode = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
12165
12283
|
const sendEvent = (0, $dWhh5$botframeworkwebchatapilibhooks.useSendEvent)();
|
|
12166
|
-
const
|
|
12284
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
12285
|
+
const isWidget = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
12286
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
12167
12287
|
const { content: content, filters: filters, selectedFilters: selectedFilters, setContent: setContent } = (0, $4859746455f78ba2$export$f9763ecd339e95eb)();
|
|
12168
12288
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
12169
12289
|
const lastListActivity = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.lastListActivity);
|
|
@@ -12530,6 +12650,7 @@ var $8bc9b4e77f6f09d6$export$2e2bcd8739ae039 = $8bc9b4e77f6f09d6$var$Swiper;
|
|
|
12530
12650
|
|
|
12531
12651
|
|
|
12532
12652
|
|
|
12653
|
+
|
|
12533
12654
|
const $872024d5c381e99a$var$springEnterDuration = 1000;
|
|
12534
12655
|
// Cards' width coefficients depending on the mode and display type
|
|
12535
12656
|
const $872024d5c381e99a$var$widthCoefficients = {
|
|
@@ -12542,7 +12663,9 @@ const $872024d5c381e99a$var$velocityBreakpoint = 0.5;
|
|
|
12542
12663
|
const $872024d5c381e99a$var$Carousel = /*#__PURE__*/ (0, ($parcel$interopDefault($dWhh5$react))).forwardRef(({ direction: direction, history: history, draft: draft, children: children }, ref)=>{
|
|
12543
12664
|
const mode = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
12544
12665
|
const { configuration: { forceMobileView: forceMobileView } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
12545
|
-
const
|
|
12666
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
12667
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
12668
|
+
const { showHomeAttachments: showHomeAttachments } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
12546
12669
|
const currentOrLastPlayedActivity = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.currentOrLastPlayedActivity);
|
|
12547
12670
|
const nbCards = (0, $dWhh5$react.useMemo)(()=>{
|
|
12548
12671
|
return (0, ($parcel$interopDefault($dWhh5$react))).Children.count(children);
|
|
@@ -13062,8 +13185,8 @@ function $0a0255973b22d31f$export$2e2bcd8739ae039() {
|
|
|
13062
13185
|
|
|
13063
13186
|
const $db601f65e25709db$var$HistoryQA = ({ activity: activity, isQuestion: isQuestion })=>{
|
|
13064
13187
|
var _activity_attachments, _activity_attachments1;
|
|
13065
|
-
const
|
|
13066
|
-
const
|
|
13188
|
+
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
13189
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
13067
13190
|
const time = activity.localTimestamp ? new Date(activity.localTimestamp) : activity.timestamp ? new Date(activity.timestamp) : new Date();
|
|
13068
13191
|
return activity.text || !!((_activity_attachments = activity.attachments) === null || _activity_attachments === void 0 ? void 0 : _activity_attachments.length) ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
|
|
13069
13192
|
className: `${isMobile ? "rf-w-full" : "rf-max-w-full"} rf-flex rf-flex-col rf-gap-1`,
|
|
@@ -13123,7 +13246,8 @@ var $9e5ad86f0a7e1d05$export$2e2bcd8739ae039 = $9e5ad86f0a7e1d05$var$HistoryItem
|
|
|
13123
13246
|
|
|
13124
13247
|
const $4c0e94df62fa6718$var$HistoryList = ()=>{
|
|
13125
13248
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
13126
|
-
const
|
|
13249
|
+
const isWidget = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
13250
|
+
const isBorne = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isBorne);
|
|
13127
13251
|
const activities = (0, $0a0255973b22d31f$export$2e2bcd8739ae039)();
|
|
13128
13252
|
const scrollRef = (0, $dWhh5$react.useRef)(null);
|
|
13129
13253
|
const divRef = (0, $dWhh5$react.useRef)(null);
|
|
@@ -13471,6 +13595,8 @@ var $725ea0cac166169b$export$2e2bcd8739ae039 = $725ea0cac166169b$var$useShowPOI;
|
|
|
13471
13595
|
|
|
13472
13596
|
|
|
13473
13597
|
|
|
13598
|
+
|
|
13599
|
+
|
|
13474
13600
|
const $5503336bdce4ac5d$var$CommentsPennant = ({ className: className, color: color, customerReviews: customerReviews })=>{
|
|
13475
13601
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
13476
13602
|
const [widthInPx, setWidthInPx] = (0, $dWhh5$react.useState)(0);
|
|
@@ -13530,7 +13656,7 @@ var $5503336bdce4ac5d$export$2e2bcd8739ae039 = $5503336bdce4ac5d$var$CommentsPen
|
|
|
13530
13656
|
|
|
13531
13657
|
const $f18ad223fcd061b7$var$DetailedTitle = ({ category: category, title: title, infoBanner: infoBanner, color: color, customerReviews: customerReviews, favorite: favorite, handleClose: handleClose, setTitleHeight: setTitleHeight })=>{
|
|
13532
13658
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
13533
|
-
const
|
|
13659
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
13534
13660
|
const titleRef = (0, $dWhh5$react.useRef)(null);
|
|
13535
13661
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
13536
13662
|
(titleRef === null || titleRef === void 0 ? void 0 : titleRef.current) && setTitleHeight(titleRef.current.clientHeight);
|
|
@@ -13594,6 +13720,7 @@ var $f18ad223fcd061b7$export$2e2bcd8739ae039 = $f18ad223fcd061b7$var$DetailedTit
|
|
|
13594
13720
|
|
|
13595
13721
|
|
|
13596
13722
|
|
|
13723
|
+
|
|
13597
13724
|
const $9982aaf71fbd3e1f$var$DownloadSheet = ({ className: className, url: url })=>{
|
|
13598
13725
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
13599
13726
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
@@ -13705,7 +13832,9 @@ const $fe50c85aaca30261$var$DownloadQRHeight = 200;
|
|
|
13705
13832
|
const $fe50c85aaca30261$var$DownloadSheetHeight = 100;
|
|
13706
13833
|
const $fe50c85aaca30261$var$DetailedText = ({ text: text, otherInformations: otherInformations, color: color, url: url, titleHeight: titleHeight })=>{
|
|
13707
13834
|
const { configuration: { isUsedOnBorne: isUsedOnBorne } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
13708
|
-
const
|
|
13835
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
13836
|
+
const isLandscape = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isLandscape);
|
|
13837
|
+
const { currentHeight: currentHeight } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
13709
13838
|
const textRef = (0, $dWhh5$react.useRef)(null);
|
|
13710
13839
|
const otherInformationsRef = (0, $dWhh5$react.useRef)(null);
|
|
13711
13840
|
const [opacityStyle, setOpacityStyle] = (0, $dWhh5$react.useState)("");
|
|
@@ -13954,6 +14083,7 @@ var $91842d87af07aa1e$export$2e2bcd8739ae039 = $91842d87af07aa1e$var$DetailedMed
|
|
|
13954
14083
|
|
|
13955
14084
|
|
|
13956
14085
|
|
|
14086
|
+
|
|
13957
14087
|
const $2ed0c554c11c571c$var$ShowPhoneNumber = ({ phoneNumber: phoneNumber })=>{
|
|
13958
14088
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
|
|
13959
14089
|
className: "rf-px-5 rf-py-3 rf-mb-8 rf-flex rf-flex-row rf-items-center rf-font-bold",
|
|
@@ -14521,7 +14651,10 @@ var $c9b17a03b9c46905$export$2e2bcd8739ae039 = $c9b17a03b9c46905$var$Map;
|
|
|
14521
14651
|
|
|
14522
14652
|
|
|
14523
14653
|
const $6cacbade32b06d0d$var$DetailedAddress = ({ address: address, phoneNumber: phoneNumber, coordinates: coordinates, color: color, customerReviews: customerReviews, url: url })=>{
|
|
14524
|
-
const
|
|
14654
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
14655
|
+
const isLandscape = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isLandscape);
|
|
14656
|
+
const isBorne = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isBorne);
|
|
14657
|
+
const { currentWidth: currentWidth } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
14525
14658
|
const { configuration: configuration } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
14526
14659
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
|
|
14527
14660
|
className: "rf-relative rf-w-1/3 vertical:rf-w-full large:rf-bg-truewhite rf-flex rf-flex-col large-vertical:rf-flex-row",
|
|
@@ -14589,7 +14722,6 @@ var $6cacbade32b06d0d$export$2e2bcd8739ae039 = $6cacbade32b06d0d$var$DetailedAdd
|
|
|
14589
14722
|
|
|
14590
14723
|
|
|
14591
14724
|
|
|
14592
|
-
|
|
14593
14725
|
const { useSendPostBack: $d796192f79db347a$var$useSendPostBack, useSendEvent: $d796192f79db347a$var$useSendEvent } = (0, $dWhh5$botframeworkwebchat.hooks);
|
|
14594
14726
|
const $d796192f79db347a$var$springEnterDuration = 1500;
|
|
14595
14727
|
const $d796192f79db347a$var$springLeaveDuration = 2500;
|
|
@@ -14600,7 +14732,10 @@ const $d796192f79db347a$var$AttachmentDetails = ()=>{
|
|
|
14600
14732
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
14601
14733
|
const { configuration: { isUsedOnBorne: isUsedOnBorne }, baseAddress: baseAddress } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
14602
14734
|
const mode = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
14603
|
-
const
|
|
14735
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
14736
|
+
const isWidget = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
14737
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
14738
|
+
const { themeColors: themeColors } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
14604
14739
|
const [content, setContent] = (0, $dWhh5$react.useState)(undefined);
|
|
14605
14740
|
const [color, setColor] = (0, $dWhh5$react.useState)(themeColors.secondary);
|
|
14606
14741
|
const [titleHeight, setTitleHeight] = (0, $dWhh5$react.useState)(0);
|
|
@@ -14754,7 +14889,7 @@ const $29a469608f79fe1f$var$FullScreenImage = ()=>{
|
|
|
14754
14889
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
14755
14890
|
const fullScreenImage = (0, $d8385ac74eefc635$export$2e2bcd8739ae039)();
|
|
14756
14891
|
const mode = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
14757
|
-
const
|
|
14892
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
14758
14893
|
const [content, setContent] = (0, $dWhh5$react.useState)();
|
|
14759
14894
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
14760
14895
|
setContent(fullScreenImage);
|
|
@@ -14869,7 +15004,8 @@ const $becba6a72493aae8$var$Weather = ({ handleClose: handleClose })=>{
|
|
|
14869
15004
|
var _configuration_position, _configuration_position1, _configuration_position2, _configuration_position3;
|
|
14870
15005
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
14871
15006
|
const { configuration: configuration } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
14872
|
-
const
|
|
15007
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
15008
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
14873
15009
|
const sendEvent = (0, $dWhh5$botframeworkwebchatapilibhooks.useSendEvent)();
|
|
14874
15010
|
/**
|
|
14875
15011
|
* On call :
|
|
@@ -14939,12 +15075,14 @@ var $becba6a72493aae8$export$2e2bcd8739ae039 = $becba6a72493aae8$var$Weather;
|
|
|
14939
15075
|
|
|
14940
15076
|
|
|
14941
15077
|
|
|
15078
|
+
|
|
14942
15079
|
const $323612a7bbe80f4b$var$iconClassname = "rf-h-16 rf-w-16 large-vertical:rf-h-24 large-vertical:rf-w-24";
|
|
14943
15080
|
const $323612a7bbe80f4b$var$iconClassnameMobile = "rf-h-8 rf-w-8";
|
|
14944
15081
|
const $323612a7bbe80f4b$var$CustomView = ({ customView: customView, title: title, icon: icon, externalComponents: externalComponents, display: display, setDisplayCustomComponent: setDisplayCustomComponent })=>{
|
|
14945
15082
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
14946
15083
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
14947
|
-
const
|
|
15084
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
15085
|
+
const { displayControls: displayControls } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
14948
15086
|
const sendEvent = (0, $dWhh5$botframeworkwebchatapilibhooks.useSendEvent)();
|
|
14949
15087
|
const handleBack = ()=>{
|
|
14950
15088
|
sendEvent("Davi.CloseWindow", null);
|
|
@@ -15050,6 +15188,8 @@ var $6c588e813a69f99f$export$2e2bcd8739ae039 = $6c588e813a69f99f$var$useShowMap;
|
|
|
15050
15188
|
|
|
15051
15189
|
|
|
15052
15190
|
|
|
15191
|
+
|
|
15192
|
+
|
|
15053
15193
|
async function $ebb9a848c3dddb50$export$cdd2c9f4b3acf5fb(data) {
|
|
15054
15194
|
// baseURI is used for retrocompatibility
|
|
15055
15195
|
let fullAddress = "";
|
|
@@ -15070,12 +15210,11 @@ async function $ebb9a848c3dddb50$export$cdd2c9f4b3acf5fb(data) {
|
|
|
15070
15210
|
|
|
15071
15211
|
|
|
15072
15212
|
|
|
15073
|
-
|
|
15074
|
-
|
|
15075
15213
|
const $2b55f3947c65e277$export$6478e9f7582bd8fc = ()=>{
|
|
15076
15214
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
15077
15215
|
const { addressData: addressData } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
15078
|
-
const
|
|
15216
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
15217
|
+
const isWidget = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
15079
15218
|
const [municipalPoliceNumber, setMunicipalPoliceNumber] = (0, $dWhh5$react.useState)("");
|
|
15080
15219
|
const [localHospitalName, setLocalHospitalName] = (0, $dWhh5$react.useState)("");
|
|
15081
15220
|
const [localHospitalNumber, setLocalHospitalNumber] = (0, $dWhh5$react.useState)("");
|
|
@@ -15271,7 +15410,7 @@ const $2b55f3947c65e277$export$6478e9f7582bd8fc = ()=>{
|
|
|
15271
15410
|
|
|
15272
15411
|
|
|
15273
15412
|
const $e56ded4540f43ec0$var$Emergency = ({ handleClose: handleClose })=>{
|
|
15274
|
-
const
|
|
15413
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
15275
15414
|
const sendEvent = (0, $dWhh5$botframeworkwebchatapilibhooks.useSendEvent)();
|
|
15276
15415
|
const handleBack = ()=>{
|
|
15277
15416
|
handleClose ? handleClose() : (0, $70e3d65f5a106231$export$f0c096b4ecd7115d)((0, $71c613e2e831c34c$export$f05d0fed0593ead7).none);
|
|
@@ -15380,6 +15519,7 @@ const $7e9357b001e113dc$var$SubViews = ({ externalComponents: externalComponents
|
|
|
15380
15519
|
showEmergency
|
|
15381
15520
|
]);
|
|
15382
15521
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
15522
|
+
(0, $70e3d65f5a106231$export$e49d67c72fb28d58)();
|
|
15383
15523
|
if (currentSubView !== (0, $71c613e2e831c34c$export$f05d0fed0593ead7).none) (0, $70e3d65f5a106231$export$dcb32d000c0e0280)((0, $71c613e2e831c34c$export$4f7cd669585dc69f).DetailViewOpen);
|
|
15384
15524
|
else (0, $70e3d65f5a106231$export$dcb32d000c0e0280)((0, $71c613e2e831c34c$export$4f7cd669585dc69f).DetailViewClose);
|
|
15385
15525
|
if (currentSubView !== (0, $71c613e2e831c34c$export$f05d0fed0593ead7).custom) setDisplayCustomComponent(false);
|
|
@@ -15731,7 +15871,8 @@ const $7df5d708684c32ba$var$ConversationPanelMobile = ({ homeActivity: homeActiv
|
|
|
15731
15871
|
var _retorikConversationRef_current, _homeActivity_attachments;
|
|
15732
15872
|
const activities = (0, $970df85ce5628c51$export$2e2bcd8739ae039)();
|
|
15733
15873
|
const { configuration: configuration } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
15734
|
-
const
|
|
15874
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
15875
|
+
const isWidget = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
15735
15876
|
const listClosed = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.listClosed);
|
|
15736
15877
|
const open = (0, $1068fd56b5926747$export$d95eb9b67812311f)((state)=>state.open);
|
|
15737
15878
|
const agentData = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.agentData);
|
|
@@ -15942,10 +16083,12 @@ var $d65b086bfae1b3b3$export$2e2bcd8739ae039 = $d65b086bfae1b3b3$var$Conversatio
|
|
|
15942
16083
|
|
|
15943
16084
|
|
|
15944
16085
|
|
|
16086
|
+
|
|
15945
16087
|
const $248ff5c2ef55c790$export$a1f3f6b0b496333e = ()=>{
|
|
15946
16088
|
const activities = (0, $970df85ce5628c51$export$2e2bcd8739ae039)();
|
|
15947
16089
|
const { configuration: { forceMobileView: forceMobileView } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
15948
|
-
const
|
|
16090
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
16091
|
+
const { showHomeAttachments: showHomeAttachments } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
15949
16092
|
const listClosed = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.listClosed);
|
|
15950
16093
|
const [listActivity, setListActivity] = (0, $dWhh5$react.useState)(undefined);
|
|
15951
16094
|
/**
|
|
@@ -16008,6 +16151,7 @@ const $248ff5c2ef55c790$export$a1f3f6b0b496333e = ()=>{
|
|
|
16008
16151
|
|
|
16009
16152
|
|
|
16010
16153
|
|
|
16154
|
+
|
|
16011
16155
|
|
|
16012
16156
|
|
|
16013
16157
|
const $9c84070cf0521963$var$Mode = ()=>{
|
|
@@ -16063,7 +16207,7 @@ var $9c84070cf0521963$export$2e2bcd8739ae039 = $9c84070cf0521963$var$Mode;
|
|
|
16063
16207
|
|
|
16064
16208
|
const $3a6f407e42297873$var$Remote = ()=>{
|
|
16065
16209
|
const { configuration: { disableSound: disableSound } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
16066
|
-
const
|
|
16210
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
16067
16211
|
const mode = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
16068
16212
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
|
|
16069
16213
|
id: "retorik-framework-remote",
|
|
@@ -16143,6 +16287,7 @@ var $81e653c6b570247f$export$2e2bcd8739ae039 = $81e653c6b570247f$var$RemoteConta
|
|
|
16143
16287
|
|
|
16144
16288
|
|
|
16145
16289
|
|
|
16290
|
+
|
|
16146
16291
|
const $e27b2d64339a5000$var$ModeButton = ({ label: label, selected: selected, onClick: onClick })=>{
|
|
16147
16292
|
const { themeColors: themeColors } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
16148
16293
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("button", {
|
|
@@ -16166,11 +16311,10 @@ var $e27b2d64339a5000$export$2e2bcd8739ae039 = $e27b2d64339a5000$var$ModeButton;
|
|
|
16166
16311
|
|
|
16167
16312
|
|
|
16168
16313
|
|
|
16169
|
-
|
|
16170
16314
|
const $40c9c7ece5949bcc$var$Mobile = ({ parametersOpened: parametersOpened, toggleParameters: toggleParameters })=>{
|
|
16171
16315
|
const { setCanFocusSendBox: setCanFocusSendBox, configuration: { hideMenu: hideMenu } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
16172
16316
|
const mode = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
16173
|
-
const
|
|
16317
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
16174
16318
|
const [fromTextToVocal, setFromTextToVocal] = (0, $dWhh5$react.useState)(false);
|
|
16175
16319
|
const { configuration: { disableSpeechMode: disabledSpeechMode } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
16176
16320
|
const toggleMode = (newMode)=>{
|
|
@@ -16242,7 +16386,7 @@ var $40c9c7ece5949bcc$export$2e2bcd8739ae039 = $40c9c7ece5949bcc$var$Mobile;
|
|
|
16242
16386
|
const $e2e69d564c00882c$var$ParametersAndDashboardContainer = ({ handleBack: handleBack, hideMenu: hideMenu = false })=>{
|
|
16243
16387
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
16244
16388
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
16245
|
-
const
|
|
16389
|
+
const isWidget = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
16246
16390
|
const divRef = (0, $dWhh5$react.useRef)(null);
|
|
16247
16391
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
16248
16392
|
(divRef === null || divRef === void 0 ? void 0 : divRef.current) && isWidget && (0, $9eb4669b72b0cf4a$export$2e2bcd8739ae039)(null, divRef);
|
|
@@ -16318,7 +16462,8 @@ var $dc82c3c971b3eb9c$export$2e2bcd8739ae039 = $dc82c3c971b3eb9c$var$MobileConta
|
|
|
16318
16462
|
|
|
16319
16463
|
|
|
16320
16464
|
const $86a958d0e5b6b736$var$MenuDisplayer = ({ hideMenu: hideMenu })=>{
|
|
16321
|
-
const
|
|
16465
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
16466
|
+
const { displayControls: displayControls } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
16322
16467
|
return !displayControls ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {}) : isMobile ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $dc82c3c971b3eb9c$export$2e2bcd8739ae039), {
|
|
16323
16468
|
hideMenu: !!hideMenu
|
|
16324
16469
|
}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
|
|
@@ -16555,9 +16700,11 @@ var $d2c0480827389113$export$2e2bcd8739ae039 = $d2c0480827389113$var$ExtendIcon;
|
|
|
16555
16700
|
const $6c3069cd619942d1$var$HomeView = ({ chatbotData: chatbotData, externalComponents: externalComponents })=>{
|
|
16556
16701
|
const displayChangeLayoutButton = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.changeLayoutButtonDisplay);
|
|
16557
16702
|
const currentLayout = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.currentLayout);
|
|
16558
|
-
const
|
|
16703
|
+
const loaderClosed = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
16704
|
+
const { configuration: configuration } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
16559
16705
|
const mode = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
16560
|
-
const
|
|
16706
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
16707
|
+
const { configurations: configurations, setDisplayControls: setDisplayControls } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
16561
16708
|
const displayAgent = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.displayAgent);
|
|
16562
16709
|
const displayData = (0, $dWhh5$react.useMemo)(()=>{
|
|
16563
16710
|
return configurations.views.home;
|
|
@@ -16568,7 +16715,6 @@ const $6c3069cd619942d1$var$HomeView = ({ chatbotData: chatbotData, externalComp
|
|
|
16568
16715
|
setDisplayControls(!configuration.hideControls);
|
|
16569
16716
|
}, []);
|
|
16570
16717
|
const extendButtonHandler = ()=>{
|
|
16571
|
-
(0, $c7242af7a2bc5e50$export$29ec02ff899d2b53)(true);
|
|
16572
16718
|
(0, $c7242af7a2bc5e50$export$e8437af1f2483b8e)((0, $71c613e2e831c34c$export$a31c5a03aaeee5f).widget);
|
|
16573
16719
|
(0, $1068fd56b5926747$export$a1c83309c736819f)();
|
|
16574
16720
|
};
|
|
@@ -16622,6 +16768,7 @@ var $6c3069cd619942d1$export$2e2bcd8739ae039 = $6c3069cd619942d1$var$HomeView;
|
|
|
16622
16768
|
|
|
16623
16769
|
|
|
16624
16770
|
|
|
16771
|
+
|
|
16625
16772
|
const $01d9bb41fd368021$var$Time = ({ belowReturnButton: belowReturnButton })=>{
|
|
16626
16773
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
16627
16774
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
@@ -16675,11 +16822,14 @@ var $01d9bb41fd368021$export$2e2bcd8739ae039 = $01d9bb41fd368021$var$Time;
|
|
|
16675
16822
|
|
|
16676
16823
|
|
|
16677
16824
|
|
|
16825
|
+
|
|
16826
|
+
|
|
16678
16827
|
const $24072221965576dd$var$Banner = ({ news: news })=>{
|
|
16679
16828
|
var _news_image, _news_image1;
|
|
16680
16829
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
16681
16830
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
16682
|
-
const
|
|
16831
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
16832
|
+
const { currentWidth: currentWidth } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
16683
16833
|
const timerRef = (0, $dWhh5$react.useRef)(null);
|
|
16684
16834
|
const [scrollDuration, setScrollDuration] = (0, $dWhh5$react.useState)(0);
|
|
16685
16835
|
const [imageSize, setImageSize] = (0, $dWhh5$react.useState)(0);
|
|
@@ -16807,7 +16957,8 @@ var $d3f2491623efa760$export$2e2bcd8739ae039 = $d3f2491623efa760$var$useNews;
|
|
|
16807
16957
|
|
|
16808
16958
|
const $d399eaf5da71d3d6$var$News = ({ intervalInSeconds: intervalInSeconds = 3, onEnd: onEnd, isRetorikNews: isRetorikNews })=>{
|
|
16809
16959
|
const { newsAttachments: newsAttachments, activity: activity } = (0, $d3f2491623efa760$export$2e2bcd8739ae039)();
|
|
16810
|
-
const
|
|
16960
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
16961
|
+
const { route: route } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
16811
16962
|
const news = (0, $dWhh5$react.useMemo)(()=>{
|
|
16812
16963
|
return newsAttachments.map((newsAttachement)=>newsAttachement.content);
|
|
16813
16964
|
}, [
|
|
@@ -16917,7 +17068,8 @@ const $9b9bf2fb80ceb1cd$var$NewsView = ({ chatbotData: chatbotData, hideMenu: hi
|
|
|
16917
17068
|
const { configuration: configuration } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
16918
17069
|
const agentData = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.agentData);
|
|
16919
17070
|
const muted = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.muted);
|
|
16920
|
-
const
|
|
17071
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
17072
|
+
const { configurations: configurations, setRoute: setRoute, setDisplayControls: setDisplayControls } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
16921
17073
|
const [displayData, setDisplayData] = (0, $dWhh5$react.useState)(configurations.views.news || configurations.views.home);
|
|
16922
17074
|
const [step, setStep] = (0, $dWhh5$react.useState)(((_configurations_views_news = configurations.views.news) === null || _configurations_views_news === void 0 ? void 0 : _configurations_views_news.openingVideo) ? 1 : 2);
|
|
16923
17075
|
const timerRef = (0, $dWhh5$react.useRef)(null);
|
|
@@ -16934,8 +17086,11 @@ const $9b9bf2fb80ceb1cd$var$NewsView = ({ chatbotData: chatbotData, hideMenu: hi
|
|
|
16934
17086
|
setDisplayControls(false);
|
|
16935
17087
|
muted && (0, $5f7f457957bd2c8d$export$a1680ba91cc9be33)(false);
|
|
16936
17088
|
return ()=>{
|
|
16937
|
-
|
|
16938
|
-
|
|
17089
|
+
// Send closing events unless we are using RetorikNews component
|
|
17090
|
+
if (!isRetorikNews) {
|
|
17091
|
+
sendEvent("Davi.CloseWindow", null);
|
|
17092
|
+
sendEvent("Davi.CloseWindowNews", null);
|
|
17093
|
+
}
|
|
16939
17094
|
};
|
|
16940
17095
|
}, []);
|
|
16941
17096
|
/**
|
|
@@ -17184,6 +17339,7 @@ var $1e3451b8a577006c$export$2e2bcd8739ae039 = $1e3451b8a577006c$var$RetorikRout
|
|
|
17184
17339
|
|
|
17185
17340
|
|
|
17186
17341
|
|
|
17342
|
+
|
|
17187
17343
|
const $9ccee10030bde87b$var$ModalFullscreen = ()=>{
|
|
17188
17344
|
const content = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.modalFullscreenContent);
|
|
17189
17345
|
const handleClick = (event)=>{
|
|
@@ -17202,7 +17358,8 @@ var $9ccee10030bde87b$export$2e2bcd8739ae039 = $9ccee10030bde87b$var$ModalFullsc
|
|
|
17202
17358
|
|
|
17203
17359
|
|
|
17204
17360
|
const $9242b50f1c1199a7$var$Container = ({ fullSize: fullSize, width: width, height: height, children: children, colors: colors, parent: parent })=>{
|
|
17205
|
-
const
|
|
17361
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
17362
|
+
const { isTactile: isTactile, setCurrentHeight: setCurrentHeight, setCurrentWidth: setCurrentWidth } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
17206
17363
|
const { configuration: { doNotDetectDeviceFromUserAgent: doNotDetectDeviceFromUserAgent, forceMobileView: forceMobileView } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
17207
17364
|
const container = (0, $dWhh5$react.useRef)(null);
|
|
17208
17365
|
const dimensions = (0, $b81eedb00aebd99e$export$2e2bcd8739ae039)(container);
|
|
@@ -17260,35 +17417,35 @@ const $9242b50f1c1199a7$var$Container = ({ fullSize: fullSize, width: width, hei
|
|
|
17260
17417
|
*/ (0, $dWhh5$react.useEffect)(()=>{
|
|
17261
17418
|
if (forceMobileView) {
|
|
17262
17419
|
setLarge("");
|
|
17263
|
-
|
|
17420
|
+
(0, $30fe6c40d8e8a888$export$1ae69652bfc21d9e)((0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).mobile);
|
|
17264
17421
|
setPortrait("rf-portrait");
|
|
17265
17422
|
} else if (doNotDetectDeviceFromUserAgent) {
|
|
17266
17423
|
const isPortrait = checkPortrait(dimensions.width, dimensions.height);
|
|
17267
17424
|
if (isPortrait) {
|
|
17268
17425
|
if (dimensions.width > (0, $0b4f07c0f09dbbcf$export$2e65b7c7134e01f0)) {
|
|
17269
17426
|
setLarge("rf-large");
|
|
17270
|
-
|
|
17427
|
+
(0, $30fe6c40d8e8a888$export$1ae69652bfc21d9e)(parent === (0, $71c613e2e831c34c$export$a31c5a03aaeee5f).widget ? (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).widgetBorne : (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).borne);
|
|
17271
17428
|
} else {
|
|
17272
17429
|
setLarge("");
|
|
17273
|
-
|
|
17430
|
+
(0, $30fe6c40d8e8a888$export$1ae69652bfc21d9e)(parent === (0, $71c613e2e831c34c$export$a31c5a03aaeee5f).widget ? (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).widget : (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).mobile);
|
|
17274
17431
|
}
|
|
17275
17432
|
} else if (dimensions.height > (0, $0b4f07c0f09dbbcf$export$2e65b7c7134e01f0)) {
|
|
17276
17433
|
setLarge("rf-large");
|
|
17277
|
-
|
|
17434
|
+
(0, $30fe6c40d8e8a888$export$1ae69652bfc21d9e)(parent === (0, $71c613e2e831c34c$export$a31c5a03aaeee5f).widget ? (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).widgetLandscape : (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).landscape);
|
|
17278
17435
|
} else {
|
|
17279
17436
|
setLarge("");
|
|
17280
|
-
|
|
17437
|
+
(0, $30fe6c40d8e8a888$export$1ae69652bfc21d9e)(parent === (0, $71c613e2e831c34c$export$a31c5a03aaeee5f).widget ? (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).widget : (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).mobile);
|
|
17281
17438
|
}
|
|
17282
17439
|
} else if (0, $dWhh5$reactdevicedetect.isMobile) {
|
|
17283
17440
|
setPortrait("rf-portrait");
|
|
17284
17441
|
setLarge("");
|
|
17285
|
-
|
|
17442
|
+
(0, $30fe6c40d8e8a888$export$1ae69652bfc21d9e)(parent === (0, $71c613e2e831c34c$export$a31c5a03aaeee5f).widget ? (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).widget : (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).mobile);
|
|
17286
17443
|
} else {
|
|
17287
17444
|
const isPortrait = checkPortrait(dimensions.width, dimensions.height);
|
|
17288
17445
|
// Check for 'rf-large' class
|
|
17289
17446
|
setLarge(parent === (0, $71c613e2e831c34c$export$a31c5a03aaeee5f).widget && dimensions.width < (0, $0b4f07c0f09dbbcf$export$2e65b7c7134e01f0) ? "" : "rf-large");
|
|
17290
|
-
if (isPortrait)
|
|
17291
|
-
else
|
|
17447
|
+
if (isPortrait) (0, $30fe6c40d8e8a888$export$1ae69652bfc21d9e)(parent === (0, $71c613e2e831c34c$export$a31c5a03aaeee5f).widget ? dimensions.width > (0, $0b4f07c0f09dbbcf$export$2e65b7c7134e01f0) ? (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).widgetBorne : (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).widget : (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).borne);
|
|
17448
|
+
else (0, $30fe6c40d8e8a888$export$1ae69652bfc21d9e)(parent === (0, $71c613e2e831c34c$export$a31c5a03aaeee5f).widget ? (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).widgetLandscape : (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).landscape);
|
|
17292
17449
|
}
|
|
17293
17450
|
dimensions.height && setCurrentHeight(dimensions.height);
|
|
17294
17451
|
dimensions.width && setCurrentWidth(dimensions.width);
|
|
@@ -17371,6 +17528,73 @@ var $9242b50f1c1199a7$export$2e2bcd8739ae039 = $9242b50f1c1199a7$var$Container;
|
|
|
17371
17528
|
|
|
17372
17529
|
|
|
17373
17530
|
|
|
17531
|
+
const $df401eb9a10f9e0e$var$SpeechContextDefaultValues = {
|
|
17532
|
+
// Common data
|
|
17533
|
+
ponyfillCredentials: {
|
|
17534
|
+
region: "francecentral",
|
|
17535
|
+
subscriptionKey: ""
|
|
17536
|
+
},
|
|
17537
|
+
// Speech synthesis data
|
|
17538
|
+
voice: null,
|
|
17539
|
+
customVoice: undefined,
|
|
17540
|
+
setVoice: ()=>{},
|
|
17541
|
+
// Speech recognition data
|
|
17542
|
+
useContinuousRecognition: true,
|
|
17543
|
+
setUseContinuousRecognition: ()=>{}
|
|
17544
|
+
};
|
|
17545
|
+
const $df401eb9a10f9e0e$export$11ed12a49459a250 = /*#__PURE__*/ (0, $dWhh5$react.createContext)($df401eb9a10f9e0e$var$SpeechContextDefaultValues);
|
|
17546
|
+
function $df401eb9a10f9e0e$export$57e792e009c800a0() {
|
|
17547
|
+
return (0, $dWhh5$react.useContext)($df401eb9a10f9e0e$export$11ed12a49459a250);
|
|
17548
|
+
}
|
|
17549
|
+
function $df401eb9a10f9e0e$export$c3549adc483a11c2({ ponyfillFactoryCredentials: ponyfillFactoryCredentials, customVoice: customVoice, children: children }) {
|
|
17550
|
+
const { configuration: { speechRecognitionOptions: speechRecognitionOptions } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
17551
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
17552
|
+
const checkContinuousSpeechRecognition = ()=>{
|
|
17553
|
+
if (speechRecognitionOptions === null || speechRecognitionOptions === void 0 ? void 0 : speechRecognitionOptions.enableContinuousRecognitionOnAllDevices) return true;
|
|
17554
|
+
if (speechRecognitionOptions === null || speechRecognitionOptions === void 0 ? void 0 : speechRecognitionOptions.enableContinuousRecognitionOn) switch(currentDeviceType){
|
|
17555
|
+
case (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).mobile:
|
|
17556
|
+
return !!speechRecognitionOptions.enableContinuousRecognitionOn.mobile;
|
|
17557
|
+
case (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).widget:
|
|
17558
|
+
return !!speechRecognitionOptions.enableContinuousRecognitionOn.widget;
|
|
17559
|
+
case (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).landscape:
|
|
17560
|
+
return !!speechRecognitionOptions.enableContinuousRecognitionOn.desktop;
|
|
17561
|
+
case (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).borne:
|
|
17562
|
+
return !!speechRecognitionOptions.enableContinuousRecognitionOn.borne;
|
|
17563
|
+
default:
|
|
17564
|
+
return false;
|
|
17565
|
+
}
|
|
17566
|
+
return false;
|
|
17567
|
+
};
|
|
17568
|
+
const [voice, setVoice] = (0, $dWhh5$react.useState)(null);
|
|
17569
|
+
const [useContinuousRecognition, setUseContinuousRecognition] = (0, $dWhh5$react.useState)(checkContinuousSpeechRecognition());
|
|
17570
|
+
const value = (0, $dWhh5$react.useMemo)(()=>({
|
|
17571
|
+
ponyfillCredentials: ponyfillFactoryCredentials,
|
|
17572
|
+
voice: voice,
|
|
17573
|
+
customVoice: customVoice,
|
|
17574
|
+
setVoice: setVoice,
|
|
17575
|
+
useContinuousRecognition: useContinuousRecognition,
|
|
17576
|
+
setUseContinuousRecognition: setUseContinuousRecognition
|
|
17577
|
+
}), [
|
|
17578
|
+
ponyfillFactoryCredentials,
|
|
17579
|
+
voice,
|
|
17580
|
+
customVoice,
|
|
17581
|
+
setVoice,
|
|
17582
|
+
useContinuousRecognition,
|
|
17583
|
+
setUseContinuousRecognition
|
|
17584
|
+
]);
|
|
17585
|
+
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
|
|
17586
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)($df401eb9a10f9e0e$export$11ed12a49459a250.Provider, {
|
|
17587
|
+
value: value,
|
|
17588
|
+
children: children
|
|
17589
|
+
})
|
|
17590
|
+
});
|
|
17591
|
+
}
|
|
17592
|
+
|
|
17593
|
+
|
|
17594
|
+
|
|
17595
|
+
|
|
17596
|
+
|
|
17597
|
+
|
|
17374
17598
|
|
|
17375
17599
|
|
|
17376
17600
|
|
|
@@ -17503,15 +17727,15 @@ var $c60444aa70224d4d$export$2e2bcd8739ae039 = $c60444aa70224d4d$var$ContextProv
|
|
|
17503
17727
|
|
|
17504
17728
|
|
|
17505
17729
|
|
|
17506
|
-
const $68ec406cc754e31c$
|
|
17730
|
+
const $68ec406cc754e31c$export$6969335ea1e4e77c = (target, source)=>{
|
|
17507
17731
|
const isObject = (obj)=>obj && typeof obj === "object";
|
|
17508
17732
|
if (!isObject(target) || !isObject(source)) return source;
|
|
17509
17733
|
Object.keys(source).forEach((key)=>{
|
|
17510
17734
|
const targetValue = target[key];
|
|
17511
17735
|
const sourceValue = source[key];
|
|
17512
|
-
if (targetValue) {
|
|
17736
|
+
if (targetValue || targetValue === false) {
|
|
17513
17737
|
if (Array.isArray(targetValue) && Array.isArray(sourceValue)) source[key] = targetValue.concat(sourceValue);
|
|
17514
|
-
else if (isObject(targetValue) && isObject(sourceValue)) source[key] = $68ec406cc754e31c$
|
|
17738
|
+
else if (isObject(targetValue) && isObject(sourceValue)) source[key] = $68ec406cc754e31c$export$6969335ea1e4e77c(targetValue, sourceValue);
|
|
17515
17739
|
else source[key] = targetValue;
|
|
17516
17740
|
}
|
|
17517
17741
|
});
|
|
@@ -17519,7 +17743,7 @@ const $68ec406cc754e31c$var$deepMerge = (target, source)=>{
|
|
|
17519
17743
|
};
|
|
17520
17744
|
const $68ec406cc754e31c$var$getThemeColors = (colors)=>{
|
|
17521
17745
|
let defaultColors = (colors === null || colors === void 0 ? void 0 : colors.theme) === "light" ? (0, $04a533cfb295ca20$export$1196b7bf97f3d16c) : (0, $04a533cfb295ca20$export$d80fe84b82195dbd);
|
|
17522
|
-
defaultColors = $68ec406cc754e31c$
|
|
17746
|
+
defaultColors = $68ec406cc754e31c$export$6969335ea1e4e77c(colors, defaultColors);
|
|
17523
17747
|
return defaultColors;
|
|
17524
17748
|
};
|
|
17525
17749
|
var $68ec406cc754e31c$export$2e2bcd8739ae039 = $68ec406cc754e31c$var$getThemeColors;
|
|
@@ -17672,14 +17896,6 @@ var $e7fbc91b362e1033$export$2e2bcd8739ae039 = $e7fbc91b362e1033$var$IndexedDbMa
|
|
|
17672
17896
|
|
|
17673
17897
|
|
|
17674
17898
|
|
|
17675
|
-
|
|
17676
|
-
|
|
17677
|
-
const $acf3b62642941e13$var$Animation = ()=>{
|
|
17678
|
-
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
17679
|
-
className: "rf-relative rf-loader rf-animate-loader rf-h-6 -rf-top-6 rf-rounded-half"
|
|
17680
|
-
});
|
|
17681
|
-
};
|
|
17682
|
-
var $acf3b62642941e13$export$2e2bcd8739ae039 = $acf3b62642941e13$var$Animation;
|
|
17683
17899
|
|
|
17684
17900
|
|
|
17685
17901
|
|
|
@@ -17821,13 +18037,15 @@ var $59a12b6e2b34e902$export$2e2bcd8739ae039 = $59a12b6e2b34e902$var$LoaderCallT
|
|
|
17821
18037
|
|
|
17822
18038
|
|
|
17823
18039
|
|
|
18040
|
+
|
|
17824
18041
|
const $7f65f9ca51e19c19$var$springDuration = 500;
|
|
17825
18042
|
const $7f65f9ca51e19c19$var$finalMessageDisplayDuration = 2500;
|
|
17826
18043
|
const $7f65f9ca51e19c19$var$GdprWindow = ({ titleTextSize: titleTextSize })=>{
|
|
17827
18044
|
const data = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.GDPRWindowData);
|
|
17828
18045
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
17829
18046
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
17830
|
-
const
|
|
18047
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
18048
|
+
const { themeColors: themeColors } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
17831
18049
|
const [finalMessage, setFinalMessage] = (0, $dWhh5$react.useState)(null);
|
|
17832
18050
|
const finalMessageTimerRef = (0, $dWhh5$react.useRef)();
|
|
17833
18051
|
const animationTimerRef = (0, $dWhh5$react.useRef)();
|
|
@@ -17954,12 +18172,16 @@ const $7f65f9ca51e19c19$var$GdprWindow = ({ titleTextSize: titleTextSize })=>{
|
|
|
17954
18172
|
var $7f65f9ca51e19c19$export$2e2bcd8739ae039 = $7f65f9ca51e19c19$var$GdprWindow;
|
|
17955
18173
|
|
|
17956
18174
|
|
|
18175
|
+
|
|
17957
18176
|
const $9a1eaae49cbafe0e$var$springEnterDuration = 500;
|
|
17958
18177
|
const $9a1eaae49cbafe0e$var$springLeaveDuration = 1000;
|
|
17959
18178
|
const $9a1eaae49cbafe0e$var$GdprAndLoader = ({ appAvailable: appAvailable, handleValidation: handleValidation })=>{
|
|
17960
18179
|
const displayGDPR = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.GDPRDisplay);
|
|
17961
|
-
const
|
|
17962
|
-
const {
|
|
18180
|
+
const loaderClosed = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
18181
|
+
const { configuration: { hideRetorikLogo: hideRetorikLogo } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
18182
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
18183
|
+
const isWidget = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
18184
|
+
const { themeColors: themeColors } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
17963
18185
|
const [textSize, setTextSize] = (0, $dWhh5$react.useState)("");
|
|
17964
18186
|
const [titleTextSize, setTitleTextSize] = (0, $dWhh5$react.useState)();
|
|
17965
18187
|
const container = (0, $dWhh5$react.useRef)(null);
|
|
@@ -18048,11 +18270,13 @@ const $9a1eaae49cbafe0e$var$GdprAndLoader = ({ appAvailable: appAvailable, handl
|
|
|
18048
18270
|
var $9a1eaae49cbafe0e$export$2e2bcd8739ae039 = $9a1eaae49cbafe0e$var$GdprAndLoader;
|
|
18049
18271
|
|
|
18050
18272
|
|
|
18273
|
+
|
|
18051
18274
|
const $d31b268c3b702355$var$DBManager = new (0, $e7fbc91b362e1033$export$2e2bcd8739ae039)();
|
|
18052
18275
|
const $d31b268c3b702355$var$tagsRemoverRegex = /<[^<>]+>/g;
|
|
18053
18276
|
const $d31b268c3b702355$var$RetorikSpeech = ({ ponyfill: ponyfill, onEnd: onEnd, onError: onError, onStart: onStart, utterance: utterance, nextUtterance: nextUtterance, appAvailable: appAvailable })=>{
|
|
18054
18277
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
18055
|
-
const
|
|
18278
|
+
const loaderClosed = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
18279
|
+
const { configuration: { enableSpeechCaching: enableSpeechCaching, speechRecognitionOptions: speechRecognitionOptions, isUsedOnBorne: isUsedOnBorne } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
18056
18280
|
const { voice: voice } = (0, $df401eb9a10f9e0e$export$57e792e009c800a0)();
|
|
18057
18281
|
const muted = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.muted);
|
|
18058
18282
|
const activeRecognitionState = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.activeRecognitionState);
|
|
@@ -18230,7 +18454,7 @@ const $d31b268c3b702355$var$RetorikSpeech = ({ ponyfill: ponyfill, onEnd: onEnd,
|
|
|
18230
18454
|
if (appAvailable || loaderClosed) {
|
|
18231
18455
|
onEnd && onEnd();
|
|
18232
18456
|
resetData();
|
|
18233
|
-
} else
|
|
18457
|
+
} else (0, $c7242af7a2bc5e50$export$982d69b78a955aaf)(true);
|
|
18234
18458
|
};
|
|
18235
18459
|
const handleError = (error)=>{
|
|
18236
18460
|
console.log("Error : ", error);
|
|
@@ -18381,7 +18605,8 @@ const $ad561f5c61e38c20$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
|
|
|
18381
18605
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
18382
18606
|
const mode = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
18383
18607
|
const agentData = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.agentData);
|
|
18384
|
-
const
|
|
18608
|
+
const appAvailable = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.appAvailable);
|
|
18609
|
+
const { configuration: { preventExpectedInputHint: preventExpectedInputHint, speechSynthesisOptions: speechSynthesisOptions } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
18385
18610
|
const currentNewsActivity = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.currentNewsActivity);
|
|
18386
18611
|
const lastBotActivity = (0, $9acd31406c230961$export$b56465394e2b1287)((state)=>state.lastBotMessageActivity);
|
|
18387
18612
|
const toggleMicrophone = (0, $e37833e47d877d3a$export$2e2bcd8739ae039)();
|
|
@@ -18846,7 +19071,9 @@ const $b0722e4118e770aa$var$timeoutDuration = 1000;
|
|
|
18846
19071
|
const $b0722e4118e770aa$var$RecognitionManager = ()=>{
|
|
18847
19072
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
18848
19073
|
const mode = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
18849
|
-
const
|
|
19074
|
+
const appAvailable = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.appAvailable);
|
|
19075
|
+
const loaderClosed = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
19076
|
+
const { configuration: { speechRecognitionOptions: speechRecognitionOptions } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
18850
19077
|
const { ponyfillCredentials: ponyfillCredentials, useContinuousRecognition: useContinuousRecognition } = (0, $df401eb9a10f9e0e$export$57e792e009c800a0)();
|
|
18851
19078
|
const activeRecognitionState = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.activeRecognitionState);
|
|
18852
19079
|
const lastRecognitionInterim = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.lastRecognitionInterim);
|
|
@@ -19051,7 +19278,7 @@ var $9e19251bfed127fc$export$2e2bcd8739ae039 = $9e19251bfed127fc$var$SpeechManag
|
|
|
19051
19278
|
|
|
19052
19279
|
|
|
19053
19280
|
const $fa132146e65c60c8$var$FocusManager = ()=>{
|
|
19054
|
-
const
|
|
19281
|
+
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
19055
19282
|
const muted = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.muted);
|
|
19056
19283
|
const activeRecognitionState = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.activeRecognitionState);
|
|
19057
19284
|
const focusedRef = (0, $dWhh5$react.useRef)(true);
|
|
@@ -19183,12 +19410,13 @@ var $21e61f2afa34502d$export$2e2bcd8739ae039 = $21e61f2afa34502d$var$ErrorCollec
|
|
|
19183
19410
|
|
|
19184
19411
|
const { useEmitTypingIndicator: $4b02e31a53a4d2e7$var$useEmitTypingIndicator } = (0, $dWhh5$botframeworkwebchat.hooks);
|
|
19185
19412
|
const $4b02e31a53a4d2e7$var$typingTimer = 2000;
|
|
19186
|
-
const $4b02e31a53a4d2e7$var$SendTypingIndicator = ()=>{
|
|
19413
|
+
const $4b02e31a53a4d2e7$var$SendTypingIndicator = ({ isRetorikNews: isRetorikNews })=>{
|
|
19187
19414
|
const sendTypingIndicator = $4b02e31a53a4d2e7$var$useEmitTypingIndicator();
|
|
19188
19415
|
const speaking = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.speaking);
|
|
19189
19416
|
const lastRecognitionInterim = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.lastRecognitionInterim);
|
|
19190
19417
|
const { route: route } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
19191
|
-
const
|
|
19418
|
+
const loaderClosed = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
19419
|
+
const appAvailable = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.appAvailable);
|
|
19192
19420
|
const currentSubView = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.currentSubView);
|
|
19193
19421
|
const listOpened = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.listOpened);
|
|
19194
19422
|
const retorikEvent = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.retorikEvent);
|
|
@@ -19210,7 +19438,7 @@ const $4b02e31a53a4d2e7$var$SendTypingIndicator = ()=>{
|
|
|
19210
19438
|
listOpened
|
|
19211
19439
|
]);
|
|
19212
19440
|
const checkShouldSendTypingIndicator = ()=>{
|
|
19213
|
-
dataRef.current && sendTypingIndicator();
|
|
19441
|
+
dataRef.current && !isRetorikNews && sendTypingIndicator();
|
|
19214
19442
|
};
|
|
19215
19443
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
19216
19444
|
const interval = setInterval(()=>{
|
|
@@ -19230,7 +19458,7 @@ var $4b02e31a53a4d2e7$export$2e2bcd8739ae039 = $4b02e31a53a4d2e7$var$SendTypingI
|
|
|
19230
19458
|
|
|
19231
19459
|
// Configure react-pdf worker
|
|
19232
19460
|
(0, $dWhh5$reactpdf.pdfjs).GlobalWorkerOptions.workerSrc = $dWhh5$pdfjsdistbuildpdfworkerjs;
|
|
19233
|
-
const $bbc725a084d1069a$var$RetorikContainer = ({ parent: parent, isConfigUpdated: isConfigUpdated, config: props
|
|
19461
|
+
const $bbc725a084d1069a$var$RetorikContainer = ({ parent: parent, isConfigUpdated: isConfigUpdated, config: props })=>{
|
|
19234
19462
|
const [processedThemeColors] = (0, $dWhh5$react.useState)((0, $68ec406cc754e31c$export$2e2bcd8739ae039)(props.colors));
|
|
19235
19463
|
const currentLayout = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.currentLayout);
|
|
19236
19464
|
return props.config && props.viewsConfig && props.chatbotData && props.chatbotDataWidget && props.agentData && props.ponyfillFactoryCredentials ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, $c60444aa70224d4d$export$2e2bcd8739ae039), {
|
|
@@ -19252,7 +19480,6 @@ const $bbc725a084d1069a$var$RetorikContainer = ({ parent: parent, isConfigUpdate
|
|
|
19252
19480
|
externalEventHandler: props.externalEventHandler,
|
|
19253
19481
|
colors: processedThemeColors,
|
|
19254
19482
|
isRetorikNews: parent === (0, $71c613e2e831c34c$export$a31c5a03aaeee5f).news,
|
|
19255
|
-
changedLayout: changedLayout,
|
|
19256
19483
|
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, $21e61f2afa34502d$export$2e2bcd8739ae039), {
|
|
19257
19484
|
children: [
|
|
19258
19485
|
/*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $9e19251bfed127fc$export$2e2bcd8739ae039), {
|
|
@@ -19274,7 +19501,9 @@ const $bbc725a084d1069a$var$RetorikContainer = ({ parent: parent, isConfigUpdate
|
|
|
19274
19501
|
externalComponents: props.externalComponents
|
|
19275
19502
|
})
|
|
19276
19503
|
}),
|
|
19277
|
-
/*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $4b02e31a53a4d2e7$export$2e2bcd8739ae039), {
|
|
19504
|
+
/*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $4b02e31a53a4d2e7$export$2e2bcd8739ae039), {
|
|
19505
|
+
isRetorikNews: parent === (0, $71c613e2e831c34c$export$a31c5a03aaeee5f).news
|
|
19506
|
+
})
|
|
19278
19507
|
]
|
|
19279
19508
|
})
|
|
19280
19509
|
})
|
|
@@ -19292,22 +19521,16 @@ const $ba3150a69d33f468$var$getRetorikConfigs = async (props)=>{
|
|
|
19292
19521
|
...props
|
|
19293
19522
|
};
|
|
19294
19523
|
let res = null;
|
|
19295
|
-
let externalConfigEnabled = false;
|
|
19296
19524
|
const baseAddress = `${retorikProps.addressData.baseURI && retorikProps.addressData.baseURI.length > 0 ? (0, $82b306c512e33035$export$2e2bcd8739ae039)(retorikProps.addressData.baseURI) : (0, $c6d7669b9282aea4$export$2e2bcd8739ae039)(retorikProps.addressData.prefix)}/${retorikProps.addressData.tenant ? retorikProps.addressData.tenant + "/" : ""}`;
|
|
19297
19525
|
const fullAddress = `${baseAddress}api/integration/framework`;
|
|
19298
19526
|
try {
|
|
19299
19527
|
const response = await fetch(fullAddress);
|
|
19300
19528
|
const json = await response.json();
|
|
19301
19529
|
res = $ba3150a69d33f468$var$processJson(json, retorikProps, baseAddress);
|
|
19302
|
-
externalConfigEnabled = res != null;
|
|
19303
19530
|
} catch (error) {
|
|
19304
19531
|
console.log(error);
|
|
19305
|
-
externalConfigEnabled = false;
|
|
19306
19532
|
}
|
|
19307
|
-
return
|
|
19308
|
-
config: res,
|
|
19309
|
-
externalConfigEnabled: externalConfigEnabled
|
|
19310
|
-
};
|
|
19533
|
+
return res;
|
|
19311
19534
|
};
|
|
19312
19535
|
const $ba3150a69d33f468$var$processJson = (json, retorikProps, baseAddress)=>{
|
|
19313
19536
|
if (json) {
|
|
@@ -19393,16 +19616,18 @@ const $ba3150a69d33f468$var$processJson = (json, retorikProps, baseAddress)=>{
|
|
|
19393
19616
|
hideMenu: json.hideMenu,
|
|
19394
19617
|
hideControls: json.hideControls,
|
|
19395
19618
|
doNotDetectDeviceFromUserAgent: json.doNotDetectDeviceFromUserAgent,
|
|
19396
|
-
enableTelemetry: json.enableTelemetry,
|
|
19397
19619
|
enableConversationCookie: json.enableConversationCookie,
|
|
19398
19620
|
conversationCookieMaxAge: json.conversationCookieMaxAge,
|
|
19621
|
+
enableTelemetry: json.enableTelemetry,
|
|
19399
19622
|
allowSwitchLayout: json.allowSwitchLayout,
|
|
19400
19623
|
forceMobileView: json.forceMobileFullScreenLayout,
|
|
19624
|
+
enableSpeechCaching: json.enableSpeechCaching,
|
|
19401
19625
|
speechRecognitionOptions: json.speechRecognitionOptions,
|
|
19402
19626
|
speechSynthesisOptions: json.speechSynthesisOptions,
|
|
19627
|
+
enableDocumentPrinting: undefined,
|
|
19403
19628
|
disableSpeechMode: json.disableSpeechMode,
|
|
19404
19629
|
disableSound: json.disableSound,
|
|
19405
|
-
|
|
19630
|
+
timerForFilterSelectionListMode: undefined
|
|
19406
19631
|
},
|
|
19407
19632
|
viewsConfig: {
|
|
19408
19633
|
homeRoute: "home",
|
|
@@ -19411,7 +19636,12 @@ const $ba3150a69d33f468$var$processJson = (json, retorikProps, baseAddress)=>{
|
|
|
19411
19636
|
home: {
|
|
19412
19637
|
background: {
|
|
19413
19638
|
style: "image",
|
|
19414
|
-
image: background
|
|
19639
|
+
image: background,
|
|
19640
|
+
video: undefined,
|
|
19641
|
+
webcam: undefined,
|
|
19642
|
+
neutral: undefined,
|
|
19643
|
+
blur: undefined,
|
|
19644
|
+
overlayOpacity: undefined
|
|
19415
19645
|
}
|
|
19416
19646
|
},
|
|
19417
19647
|
news: {
|
|
@@ -19420,7 +19650,12 @@ const $ba3150a69d33f468$var$processJson = (json, retorikProps, baseAddress)=>{
|
|
|
19420
19650
|
openingVideo: "",
|
|
19421
19651
|
background: {
|
|
19422
19652
|
style: "image",
|
|
19423
|
-
image: newsBackground
|
|
19653
|
+
image: newsBackground,
|
|
19654
|
+
video: undefined,
|
|
19655
|
+
webcam: undefined,
|
|
19656
|
+
neutral: undefined,
|
|
19657
|
+
blur: undefined,
|
|
19658
|
+
overlayOpacity: undefined
|
|
19424
19659
|
}
|
|
19425
19660
|
}
|
|
19426
19661
|
}
|
|
@@ -19440,13 +19675,10 @@ const $ba3150a69d33f468$var$processJson = (json, retorikProps, baseAddress)=>{
|
|
|
19440
19675
|
},
|
|
19441
19676
|
addressData: retorikProps.addressData,
|
|
19442
19677
|
userData: retorikProps.userData,
|
|
19443
|
-
externalEventHandler: undefined,
|
|
19444
19678
|
customVoice: {
|
|
19445
19679
|
voice: json.voice,
|
|
19446
19680
|
gender: undefined
|
|
19447
19681
|
},
|
|
19448
|
-
width: undefined,
|
|
19449
|
-
height: undefined,
|
|
19450
19682
|
colors: {
|
|
19451
19683
|
theme: json.colorSettings.theme,
|
|
19452
19684
|
primary: json.colorSettings.primary,
|
|
@@ -19653,7 +19885,6 @@ var $9569bd86e01b07fd$export$2e2bcd8739ae039 = $9569bd86e01b07fd$var$Loader;
|
|
|
19653
19885
|
|
|
19654
19886
|
|
|
19655
19887
|
|
|
19656
|
-
|
|
19657
19888
|
const $9b7229e19d910060$export$284b58786299e6c5 = async ({ configurationData: configurationData, addressData: addressData })=>{
|
|
19658
19889
|
if (configurationData) {
|
|
19659
19890
|
if (typeof configurationData.userConsent === "boolean") return {
|
|
@@ -19718,9 +19949,6 @@ const $ce7633a58d99dcca$var$RetorikConfigHandler = (props)=>{
|
|
|
19718
19949
|
const [mainConfig, setMainConfig] = (0, $dWhh5$react.useState)(undefined);
|
|
19719
19950
|
const [isConfigUpdated, setIsConfigUpdated] = (0, $dWhh5$react.useState)(false);
|
|
19720
19951
|
const [configurationFetchingEnded, setConfigurationFetchingEnded] = (0, $dWhh5$react.useState)(!!(isConfigUpdated || props.config !== undefined));
|
|
19721
|
-
const layoutChanged = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.layoutChanged);
|
|
19722
|
-
const mode = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
19723
|
-
const loaderClosed = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
19724
19952
|
/**
|
|
19725
19953
|
* Check if emergency data can be retrieved to remove the button in menu if no data available
|
|
19726
19954
|
* @param configuration RetorikMainComponentConfiguration
|
|
@@ -19744,55 +19972,48 @@ const $ce7633a58d99dcca$var$RetorikConfigHandler = (props)=>{
|
|
|
19744
19972
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
19745
19973
|
const getUpdatedConfig = async ()=>{
|
|
19746
19974
|
const fetchedConfig = await (0, $ba3150a69d33f468$export$2e2bcd8739ae039)(props);
|
|
19747
|
-
if (fetchedConfig
|
|
19748
|
-
const {
|
|
19749
|
-
const
|
|
19750
|
-
config: _config,
|
|
19751
|
-
viewsConfig: viewsConfig,
|
|
19752
|
-
chatbotData: chatbotData
|
|
19753
|
-
|
|
19754
|
-
|
|
19755
|
-
|
|
19756
|
-
|
|
19757
|
-
|
|
19758
|
-
|
|
19759
|
-
|
|
19760
|
-
|
|
19761
|
-
|
|
19975
|
+
if (fetchedConfig) {
|
|
19976
|
+
const { skipLoader: skipLoader, defaultMode: defaultMode, config: _config, viewsConfig: viewsConfig, chatbotData: chatbotData, chatbotDataWidget: chatbotDataWidget, agentData: agentData, ponyfillFactoryCredentials: ponyfillFactoryCredentials, customVoice: customVoice, colors: colors } = fetchedConfig;
|
|
19977
|
+
const mergedMainConfig = {
|
|
19978
|
+
config: props.config !== undefined ? (0, $68ec406cc754e31c$export$6969335ea1e4e77c)(props.config, _config) : _config,
|
|
19979
|
+
viewsConfig: props.chatbotData !== undefined ? (0, $68ec406cc754e31c$export$6969335ea1e4e77c)(props.viewsConfig, viewsConfig) : viewsConfig,
|
|
19980
|
+
chatbotData: props.chatbotData !== undefined ? {
|
|
19981
|
+
...chatbotData,
|
|
19982
|
+
...props.chatbotData
|
|
19983
|
+
} : chatbotData,
|
|
19984
|
+
chatbotDataWidget: props.chatbotData !== undefined ? {
|
|
19985
|
+
...chatbotDataWidget,
|
|
19986
|
+
...props.chatbotDataWidget
|
|
19987
|
+
} : chatbotDataWidget,
|
|
19988
|
+
agentData: props.agentData !== undefined ? props.agentData : agentData,
|
|
19989
|
+
ponyfillFactoryCredentials: props.ponyfillFactoryCredentials !== undefined ? props.ponyfillFactoryCredentials : ponyfillFactoryCredentials,
|
|
19990
|
+
customVoice: props.customVoice !== undefined ? {
|
|
19991
|
+
...customVoice,
|
|
19992
|
+
...props.customVoice
|
|
19993
|
+
} : customVoice,
|
|
19994
|
+
colors: props.colors !== undefined ? (0, $68ec406cc754e31c$export$6969335ea1e4e77c)(props.colors, (0, $68ec406cc754e31c$export$2e2bcd8739ae039)(colors)) : (0, $68ec406cc754e31c$export$2e2bcd8739ae039)(colors),
|
|
19995
|
+
skipLoader: props.skipLoader !== undefined ? props.skipLoader : skipLoader,
|
|
19996
|
+
defaultMode: props.defaultMode !== undefined ? props.defaultMode : defaultMode,
|
|
19997
|
+
// Data not retrieved from Retorik Studio
|
|
19998
|
+
addressData: props.addressData,
|
|
19999
|
+
userData: props.userData,
|
|
20000
|
+
externalEventHandler: props.externalEventHandler,
|
|
19762
20001
|
externalComponents: props.externalComponents,
|
|
19763
|
-
|
|
20002
|
+
width: props.width,
|
|
20003
|
+
height: props.height
|
|
19764
20004
|
};
|
|
19765
|
-
|
|
19766
|
-
checkEmergencyAndSetConfig(fetchedMainConfig);
|
|
20005
|
+
checkEmergencyAndSetConfig(mergedMainConfig);
|
|
19767
20006
|
}
|
|
19768
20007
|
};
|
|
19769
|
-
if (
|
|
19770
|
-
console.log("Retorik Framework > Get
|
|
19771
|
-
// Check mandatory properties
|
|
19772
|
-
if (props.viewsConfig && props.chatbotData && props.agentData && props.ponyfillFactoryCredentials) {
|
|
19773
|
-
const copyConfig = {
|
|
19774
|
-
...props
|
|
19775
|
-
};
|
|
19776
|
-
if (!copyConfig.chatbotDataWidget) copyConfig.chatbotDataWidget = copyConfig.chatbotData;
|
|
19777
|
-
$ce7633a58d99dcca$var$configHandleLayoutChange(layoutChanged, loaderClosed, copyConfig, mode);
|
|
19778
|
-
checkEmergencyAndSetConfig(copyConfig);
|
|
19779
|
-
} else {
|
|
19780
|
-
// Warnings for missing data in props
|
|
19781
|
-
console.warn("Retorik Framework > Mandatory configuration data missing : ");
|
|
19782
|
-
!props.viewsConfig && console.warn(" * viewsConfig");
|
|
19783
|
-
!props.chatbotData && console.warn(" * chatbotData");
|
|
19784
|
-
!props.agentData && console.warn(" * agentData");
|
|
19785
|
-
!props.ponyfillFactoryCredentials && console.warn(" * ponyfillFactoryCredentials");
|
|
19786
|
-
}
|
|
19787
|
-
} else if (!isConfigUpdated) {
|
|
19788
|
-
console.log("Retorik Framework > Get config from Retorik Studio");
|
|
20008
|
+
if (!isConfigUpdated) {
|
|
20009
|
+
console.log("Retorik Framework > Get configuration");
|
|
19789
20010
|
getUpdatedConfig();
|
|
19790
20011
|
}
|
|
19791
20012
|
}, [
|
|
19792
20013
|
props
|
|
19793
20014
|
]);
|
|
19794
20015
|
/**
|
|
19795
|
-
*
|
|
20016
|
+
* Get GDPR data from Retorik Studio and set them in store
|
|
19796
20017
|
*/ (0, $dWhh5$react.useEffect)(()=>{
|
|
19797
20018
|
const checkGDPR = async ()=>{
|
|
19798
20019
|
const data = await (0, $9b7229e19d910060$export$284b58786299e6c5)({
|
|
@@ -19809,8 +20030,7 @@ const $ce7633a58d99dcca$var$RetorikConfigHandler = (props)=>{
|
|
|
19809
20030
|
return mainConfig && configurationFetchingEnded ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $bbc725a084d1069a$export$2e2bcd8739ae039), {
|
|
19810
20031
|
parent: props.parent,
|
|
19811
20032
|
config: mainConfig,
|
|
19812
|
-
isConfigUpdated: isConfigUpdated
|
|
19813
|
-
changedLayout: layoutChanged
|
|
20033
|
+
isConfigUpdated: isConfigUpdated
|
|
19814
20034
|
}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $9569bd86e01b07fd$export$2e2bcd8739ae039), {
|
|
19815
20035
|
className: isConfigUpdated ? "rf-animate-loaderFadeOut" : "",
|
|
19816
20036
|
parent: props.parent,
|
|
@@ -19819,12 +20039,6 @@ const $ce7633a58d99dcca$var$RetorikConfigHandler = (props)=>{
|
|
|
19819
20039
|
fullSize: !!(props.parent !== (0, $71c613e2e831c34c$export$a31c5a03aaeee5f).widget && (mainConfig === null || mainConfig === void 0 ? void 0 : (_mainConfig_config = mainConfig.config) === null || _mainConfig_config === void 0 ? void 0 : _mainConfig_config.fullSize) !== false)
|
|
19820
20040
|
});
|
|
19821
20041
|
};
|
|
19822
|
-
const $ce7633a58d99dcca$var$configHandleLayoutChange = (layoutChanged, loaderClosed, config, mode)=>{
|
|
19823
|
-
if (layoutChanged) {
|
|
19824
|
-
config.defaultMode = mode;
|
|
19825
|
-
if (loaderClosed) config.skipLoader = true;
|
|
19826
|
-
}
|
|
19827
|
-
};
|
|
19828
20042
|
var $ce7633a58d99dcca$export$2e2bcd8739ae039 = $ce7633a58d99dcca$var$RetorikConfigHandler;
|
|
19829
20043
|
|
|
19830
20044
|
|
|
@@ -19934,10 +20148,7 @@ const $5f80e5f73a172bb5$var$LayoutHandler = (props)=>{
|
|
|
19934
20148
|
var _props_widgetConfig, _props_widgetConfig1;
|
|
19935
20149
|
// if different display type available
|
|
19936
20150
|
if (((_props_widgetConfig = props.widgetConfig) === null || _props_widgetConfig === void 0 ? void 0 : _props_widgetConfig.large) && ((_props_widgetConfig1 = props.widgetConfig) === null || _props_widgetConfig1 === void 0 ? void 0 : _props_widgetConfig1.thumbnail)) (0, $1068fd56b5926747$export$f0e9d14ede4c01bd)();
|
|
19937
|
-
else
|
|
19938
|
-
(0, $c7242af7a2bc5e50$export$29ec02ff899d2b53)(true);
|
|
19939
|
-
(0, $c7242af7a2bc5e50$export$e8437af1f2483b8e)((0, $71c613e2e831c34c$export$a31c5a03aaeee5f).agent);
|
|
19940
|
-
}
|
|
20151
|
+
else (0, $c7242af7a2bc5e50$export$e8437af1f2483b8e)((0, $71c613e2e831c34c$export$a31c5a03aaeee5f).agent);
|
|
19941
20152
|
};
|
|
19942
20153
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, $dWhh5$reactjsxruntime.Fragment), {
|
|
19943
20154
|
children: [
|