@davi-ai/retorik-framework 3.2.4 → 3.2.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/{AttachmentDetail.cfd86776.js → AttachmentDetail.0a576bf3.js} +11 -11
- package/dist/AttachmentDetail.0a576bf3.js.map +1 -0
- package/dist/{AttachmentDetail.fdcd1737.js → AttachmentDetail.c4286a45.js} +11 -11
- package/dist/AttachmentDetail.c4286a45.js.map +1 -0
- package/dist/{CustomView.c24a0e74.js → CustomView.913a9f32.js} +5 -5
- package/dist/{CustomView.c24a0e74.js.map → CustomView.913a9f32.js.map} +1 -1
- package/dist/{CustomView.ba7af9b6.js → CustomView.edf84de1.js} +5 -5
- package/dist/{CustomView.ba7af9b6.js.map → CustomView.edf84de1.js.map} +1 -1
- package/dist/{Emergency.0cf005ce.js → Emergency.1f855b66.js} +17 -1
- package/dist/Emergency.1f855b66.js.map +1 -0
- package/dist/{Emergency.897ee3c7.js → Emergency.cd492aab.js} +17 -1
- package/dist/Emergency.cd492aab.js.map +1 -0
- package/dist/{NewsContainer.05bb1b19.js → NewsContainer.24a4ba84.js} +10 -7
- package/dist/NewsContainer.24a4ba84.js.map +1 -0
- package/dist/{NewsContainer.5e80336b.js → NewsContainer.76f5b60f.js} +10 -7
- package/dist/NewsContainer.76f5b60f.js.map +1 -0
- package/dist/{Weather.cf58823d.js → Weather.87ab2128.js} +10 -2
- package/dist/Weather.87ab2128.js.map +1 -0
- package/dist/{Weather.99917b66.js → Weather.8d8aa06a.js} +10 -1
- package/dist/Weather.8d8aa06a.js.map +1 -0
- package/dist/index.d.ts +22 -17
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1214 -1586
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +1198 -1580
- package/dist/index.modern.js.map +1 -1
- package/package.json +3 -3
- package/dist/AttachmentDetail.cfd86776.js.map +0 -1
- package/dist/AttachmentDetail.fdcd1737.js.map +0 -1
- package/dist/Emergency.0cf005ce.js.map +0 -1
- package/dist/Emergency.897ee3c7.js.map +0 -1
- package/dist/NewsContainer.05bb1b19.js.map +0 -1
- package/dist/NewsContainer.5e80336b.js.map +0 -1
- package/dist/Weather.99917b66.js.map +0 -1
- package/dist/Weather.cf58823d.js.map +0 -1
package/dist/index.modern.js
CHANGED
|
@@ -374,13 +374,17 @@ var $179a76b9823b36f3$export$22b261e08140d6b2 = /*#__PURE__*/ function(CategoryI
|
|
|
374
374
|
return CategoryId;
|
|
375
375
|
}($179a76b9823b36f3$export$22b261e08140d6b2 || {});
|
|
376
376
|
var $179a76b9823b36f3$export$ddddf2c97763af65 = /*#__PURE__*/ function(CloseButtonCause) {
|
|
377
|
-
CloseButtonCause[
|
|
378
|
-
CloseButtonCause[
|
|
379
|
-
CloseButtonCause[
|
|
380
|
-
CloseButtonCause[
|
|
381
|
-
CloseButtonCause[
|
|
382
|
-
CloseButtonCause[
|
|
383
|
-
CloseButtonCause[
|
|
377
|
+
CloseButtonCause["none"] = "None";
|
|
378
|
+
CloseButtonCause["detailedpoi"] = "Detailed";
|
|
379
|
+
CloseButtonCause["list"] = "List";
|
|
380
|
+
CloseButtonCause["history"] = "History";
|
|
381
|
+
CloseButtonCause["languages"] = "Languages";
|
|
382
|
+
CloseButtonCause["weather"] = "Weather";
|
|
383
|
+
CloseButtonCause["emergency"] = "Emergency";
|
|
384
|
+
CloseButtonCause["map"] = "Map";
|
|
385
|
+
CloseButtonCause["dashboard"] = "Dashboard";
|
|
386
|
+
CloseButtonCause["fullscreenimage"] = "FullscreenImage";
|
|
387
|
+
CloseButtonCause["news"] = "News";
|
|
384
388
|
return CloseButtonCause;
|
|
385
389
|
}($179a76b9823b36f3$export$ddddf2c97763af65 || {});
|
|
386
390
|
var $179a76b9823b36f3$export$a31c5a03aaeee5f = /*#__PURE__*/ function(ContainerParent) {
|
|
@@ -1000,7 +1004,9 @@ const $c992daa94f6a13bb$export$5a678fd51bd89633 = (value, instanceId)=>$c992daa9
|
|
|
1000
1004
|
const $c992daa94f6a13bb$export$f0c096b4ecd7115d = (value, instanceId)=>$c992daa94f6a13bb$var$eventDispatch('retorik_setCurrentSubView', [
|
|
1001
1005
|
value
|
|
1002
1006
|
], instanceId);
|
|
1003
|
-
|
|
1007
|
+
/**
|
|
1008
|
+
* deprecated since v3.2.6
|
|
1009
|
+
*/ const $c992daa94f6a13bb$export$d4c8c6daac289378 = (value, instanceId)=>$c992daa94f6a13bb$var$eventDispatch('retorik_sendActivity', [
|
|
1004
1010
|
value
|
|
1005
1011
|
], instanceId);
|
|
1006
1012
|
const $c992daa94f6a13bb$export$d1f60bb847ecc604 = (value, instanceId)=>$c992daa94f6a13bb$var$eventDispatch('retorik_addDetailedAttachmentTrigger', [
|
|
@@ -1543,6 +1549,8 @@ $parcel$export(module.exports, "default", () => $da2b200601eaecd0$export$2e2bcd8
|
|
|
1543
1549
|
|
|
1544
1550
|
var $jubFc = parcelRequire("jubFc");
|
|
1545
1551
|
|
|
1552
|
+
var $1x02c = parcelRequire("1x02c");
|
|
1553
|
+
|
|
1546
1554
|
var $4ucVo = parcelRequire("4ucVo");
|
|
1547
1555
|
|
|
1548
1556
|
var $cT90l = parcelRequire("cT90l");
|
|
@@ -1578,7 +1586,7 @@ const $da2b200601eaecd0$var$initialState = {
|
|
|
1578
1586
|
mediumLandscape: false,
|
|
1579
1587
|
characterLoaded: false
|
|
1580
1588
|
};
|
|
1581
|
-
const $da2b200601eaecd0$var$createViewStore = (setAdaptiveCardHostConfig)=>{
|
|
1589
|
+
const $da2b200601eaecd0$var$createViewStore = (enabledFeaturesRef, setAdaptiveCardHostConfig)=>{
|
|
1582
1590
|
return (0, $bZRJW$createStore)((set, get)=>{
|
|
1583
1591
|
return {
|
|
1584
1592
|
...$da2b200601eaecd0$var$initialState,
|
|
@@ -1620,7 +1628,10 @@ const $da2b200601eaecd0$var$createViewStore = (setAdaptiveCardHostConfig)=>{
|
|
|
1620
1628
|
});
|
|
1621
1629
|
},
|
|
1622
1630
|
setRoute: (value)=>{
|
|
1623
|
-
set({
|
|
1631
|
+
if (value === (0, $4ucVo.Routes).News) enabledFeaturesRef.current?.includes('news') ? set({
|
|
1632
|
+
route: value
|
|
1633
|
+
}) : console.log('Retorik Framework > tried to switch to the news while the feature is not activated in Retorik Studio');
|
|
1634
|
+
else set({
|
|
1624
1635
|
route: value
|
|
1625
1636
|
});
|
|
1626
1637
|
},
|
|
@@ -1663,8 +1674,15 @@ const $da2b200601eaecd0$export$d13b2577cb75f2ad = (selector)=>{
|
|
|
1663
1674
|
return (0, $bZRJW$useStore)(store, selector);
|
|
1664
1675
|
};
|
|
1665
1676
|
const $da2b200601eaecd0$var$ViewProvider = ({ children: children })=>{
|
|
1677
|
+
const enabledFeatures = (0, $1x02c.useRetorikStore)((state)=>state.enabledFeatures);
|
|
1678
|
+
const enabledFeaturesRef = (0, $bZRJW$useRef)(enabledFeatures);
|
|
1666
1679
|
const setAdaptiveCardHostConfig = (0, $jubFc.useAdaptiveCardStore)((state)=>state.actions.setAdaptiveCardHostConfig);
|
|
1667
|
-
const [store] = (0, $bZRJW$useState)(()=>$da2b200601eaecd0$var$createViewStore(setAdaptiveCardHostConfig));
|
|
1680
|
+
const [store] = (0, $bZRJW$useState)(()=>$da2b200601eaecd0$var$createViewStore(enabledFeaturesRef, setAdaptiveCardHostConfig));
|
|
1681
|
+
(0, $bZRJW$useEffect)(()=>{
|
|
1682
|
+
enabledFeaturesRef.current = enabledFeatures;
|
|
1683
|
+
}, [
|
|
1684
|
+
enabledFeatures
|
|
1685
|
+
]);
|
|
1668
1686
|
return /*#__PURE__*/ (0, $bZRJW$jsx)($da2b200601eaecd0$var$ViewContext.Provider, {
|
|
1669
1687
|
value: store,
|
|
1670
1688
|
children: children
|
|
@@ -1673,995 +1691,1001 @@ const $da2b200601eaecd0$var$ViewProvider = ({ children: children })=>{
|
|
|
1673
1691
|
var $da2b200601eaecd0$export$2e2bcd8739ae039 = $da2b200601eaecd0$var$ViewProvider;
|
|
1674
1692
|
|
|
1675
1693
|
});
|
|
1676
|
-
parcelRegister("
|
|
1694
|
+
parcelRegister("1x02c", function(module, exports) {
|
|
1677
1695
|
|
|
1678
|
-
$parcel$export(module.exports, "
|
|
1679
|
-
$parcel$export(module.exports, "
|
|
1680
|
-
$parcel$export(module.exports, "CDNCharactersAddress", () => $adb8114d28dbbc13$export$2475544086fd222b);
|
|
1681
|
-
$parcel$export(module.exports, "CDNImagesAddress", () => $adb8114d28dbbc13$export$f718170a6537817b);
|
|
1682
|
-
$parcel$export(module.exports, "CDNAudioAddress", () => $adb8114d28dbbc13$export$eefca12493f9e9b9);
|
|
1683
|
-
$parcel$export(module.exports, "studioRetorik", () => $adb8114d28dbbc13$export$c398bfda6cfa19ff);
|
|
1684
|
-
$parcel$export(module.exports, "studioRetorikDev", () => $adb8114d28dbbc13$export$9adff68f093278ec);
|
|
1685
|
-
$parcel$export(module.exports, "studioRetorikStaging", () => $adb8114d28dbbc13$export$409889737849a04f);
|
|
1686
|
-
$parcel$export(module.exports, "studioRetorikExperimental", () => $adb8114d28dbbc13$export$a4481ccc388fce2a);
|
|
1687
|
-
$parcel$export(module.exports, "docsRetorik", () => $adb8114d28dbbc13$export$1f4373411c991e56);
|
|
1688
|
-
$parcel$export(module.exports, "openRoute", () => $adb8114d28dbbc13$export$d6542303192de6db);
|
|
1689
|
-
$parcel$export(module.exports, "openRouteAPIKey", () => $adb8114d28dbbc13$export$6f60da16472d34a7);
|
|
1690
|
-
$parcel$export(module.exports, "webchatTokenRetrievalAddress", () => $adb8114d28dbbc13$export$d9e38c0112bbdae6);
|
|
1691
|
-
$parcel$export(module.exports, "defaultDirectLineAddress", () => $adb8114d28dbbc13$export$342c646308e8fa62);
|
|
1692
|
-
$parcel$export(module.exports, "hospitalityApiAddress", () => $adb8114d28dbbc13$export$1ca3e229e23d7f42);
|
|
1693
|
-
$parcel$export(module.exports, "telemetryAddress", () => $adb8114d28dbbc13$export$1e8c600abff9ea62);
|
|
1694
|
-
$parcel$export(module.exports, "googleMapsAddress", () => $adb8114d28dbbc13$export$f3c31933b33f3693);
|
|
1695
|
-
$parcel$export(module.exports, "DEFAULT_LANGUAGE_DATA", () => $adb8114d28dbbc13$export$8828fbbb6034a09b);
|
|
1696
|
-
$parcel$export(module.exports, "DEFAULT_VIEWS", () => $adb8114d28dbbc13$export$9bbca248acc786d3);
|
|
1697
|
-
$parcel$export(module.exports, "DEFAULT_SUB_VIEWS", () => $adb8114d28dbbc13$export$890576ebf405f6b7);
|
|
1698
|
-
$parcel$export(module.exports, "mobileDisplays", () => $adb8114d28dbbc13$export$78f16669b353a880);
|
|
1699
|
-
$parcel$export(module.exports, "widgetDisplays", () => $adb8114d28dbbc13$export$909f4c209eb70365);
|
|
1700
|
-
$parcel$export(module.exports, "landscapeDisplays", () => $adb8114d28dbbc13$export$baf53ca377ebf861);
|
|
1701
|
-
$parcel$export(module.exports, "borneDisplays", () => $adb8114d28dbbc13$export$a8576d98c9c928de);
|
|
1702
|
-
$parcel$export(module.exports, "commonColors", () => $adb8114d28dbbc13$export$c0da64553318f2cb);
|
|
1703
|
-
$parcel$export(module.exports, "nonResponseInducingEvents", () => $adb8114d28dbbc13$export$6a32bf5257e620e1);
|
|
1704
|
-
$parcel$export(module.exports, "rtlLanguages", () => $adb8114d28dbbc13$export$882049267ad78ff6);
|
|
1696
|
+
$parcel$export(module.exports, "useRetorikStore", () => $aab770e2a22c2c28$export$bd22554f31e5f96f);
|
|
1697
|
+
$parcel$export(module.exports, "default", () => $aab770e2a22c2c28$export$2e2bcd8739ae039);
|
|
1705
1698
|
|
|
1706
|
-
var $4ucVo = parcelRequire("4ucVo");
|
|
1707
|
-
const $adb8114d28dbbc13$export$2e65b7c7134e01f0 = 600;
|
|
1708
|
-
const $adb8114d28dbbc13$export$91e4bf93df95a062 = 1300;
|
|
1709
|
-
const $adb8114d28dbbc13$export$66b40c15080ce99b = 'https://cdn.retorik.ai';
|
|
1710
|
-
const $adb8114d28dbbc13$export$2475544086fd222b = `${$adb8114d28dbbc13$export$66b40c15080ce99b}/spiritenginehtml5/characters`;
|
|
1711
|
-
const $adb8114d28dbbc13$export$f718170a6537817b = `${$adb8114d28dbbc13$export$66b40c15080ce99b}/retorik-framework/imagefiles`;
|
|
1712
|
-
const $adb8114d28dbbc13$export$eefca12493f9e9b9 = `${$adb8114d28dbbc13$export$66b40c15080ce99b}/retorik-framework/audiofiles`;
|
|
1713
|
-
const $adb8114d28dbbc13$export$c398bfda6cfa19ff = 'https://studio.retorik.ai';
|
|
1714
|
-
const $adb8114d28dbbc13$export$9adff68f093278ec = 'https://dev.studio.retorik.ai';
|
|
1715
|
-
const $adb8114d28dbbc13$export$409889737849a04f = 'https://preview.studio.retorik.ai';
|
|
1716
|
-
const $adb8114d28dbbc13$export$a4481ccc388fce2a = 'https://experimental.studio.retorik.ai';
|
|
1717
|
-
const $adb8114d28dbbc13$export$1f4373411c991e56 = 'https://docs.retorik.ai';
|
|
1718
|
-
const $adb8114d28dbbc13$export$d6542303192de6db = 'https://api.openrouteservice.org/v2/directions';
|
|
1719
|
-
const $adb8114d28dbbc13$export$6f60da16472d34a7 = '5b3ce3597851110001cf62483cfd6bd46f934b7d96f108a35e0f08b8';
|
|
1720
|
-
const $adb8114d28dbbc13$export$dc91bcad81fffb1f = 'https://api.open-meteo.com/v1/forecast?';
|
|
1721
|
-
const $adb8114d28dbbc13$export$68b4ac416ba801c6 = '&daily=weathercode,temperature_2m_max,temperature_2m_min&timezone=auto¤t_weather=true';
|
|
1722
|
-
const $adb8114d28dbbc13$export$d9e38c0112bbdae6 = 'K2.ContentFields.WebChat/api/GetWebchatToken';
|
|
1723
|
-
const $adb8114d28dbbc13$export$342c646308e8fa62 = 'https://directline.botframework.com/v3/directline';
|
|
1724
|
-
const $adb8114d28dbbc13$export$1ca3e229e23d7f42 = 'api/hospitality/Emergency';
|
|
1725
|
-
const $adb8114d28dbbc13$export$1e8c600abff9ea62 = 'https://telemetry.retorik.ai/otlp-http/v1/traces';
|
|
1726
|
-
const $adb8114d28dbbc13$export$f3c31933b33f3693 = 'https://www.google.com/maps/dir/?api=1&';
|
|
1727
|
-
const $adb8114d28dbbc13$export$8828fbbb6034a09b = {
|
|
1728
|
-
default: 'fr-FR',
|
|
1729
|
-
all: [
|
|
1730
|
-
'fr-FR'
|
|
1731
|
-
]
|
|
1732
|
-
};
|
|
1733
|
-
const $adb8114d28dbbc13$export$9bbca248acc786d3 = [
|
|
1734
|
-
{
|
|
1735
|
-
view: (0, $4ucVo.AvailableViews).home,
|
|
1736
|
-
indice: 1
|
|
1737
|
-
},
|
|
1738
|
-
{
|
|
1739
|
-
view: (0, $4ucVo.AvailableViews).emergency,
|
|
1740
|
-
indice: 2
|
|
1741
|
-
}
|
|
1742
|
-
];
|
|
1743
|
-
const $adb8114d28dbbc13$export$890576ebf405f6b7 = [
|
|
1744
|
-
{
|
|
1745
|
-
view: (0, $4ucVo.AvailableSubViews).history,
|
|
1746
|
-
indice: 1
|
|
1747
|
-
},
|
|
1748
|
-
{
|
|
1749
|
-
view: (0, $4ucVo.AvailableSubViews).tutorial,
|
|
1750
|
-
indice: 2
|
|
1751
|
-
}
|
|
1752
|
-
];
|
|
1753
|
-
const $adb8114d28dbbc13$export$78f16669b353a880 = [
|
|
1754
|
-
(0, $4ucVo.DeviceType).mobile,
|
|
1755
|
-
(0, $4ucVo.DeviceType).widget
|
|
1756
|
-
];
|
|
1757
|
-
const $adb8114d28dbbc13$export$909f4c209eb70365 = [
|
|
1758
|
-
(0, $4ucVo.DeviceType).widget,
|
|
1759
|
-
(0, $4ucVo.DeviceType).widgetBorne,
|
|
1760
|
-
(0, $4ucVo.DeviceType).widgetLandscape
|
|
1761
|
-
];
|
|
1762
|
-
const $adb8114d28dbbc13$export$baf53ca377ebf861 = [
|
|
1763
|
-
(0, $4ucVo.DeviceType).landscape,
|
|
1764
|
-
(0, $4ucVo.DeviceType).widgetLandscape
|
|
1765
|
-
];
|
|
1766
|
-
const $adb8114d28dbbc13$export$a8576d98c9c928de = [
|
|
1767
|
-
(0, $4ucVo.DeviceType).borne,
|
|
1768
|
-
(0, $4ucVo.DeviceType).widgetBorne
|
|
1769
|
-
];
|
|
1770
|
-
const $adb8114d28dbbc13$export$c0da64553318f2cb = {
|
|
1771
|
-
primary: '#00D7FF',
|
|
1772
|
-
secondary: '#1999B1',
|
|
1773
|
-
black: '#101219',
|
|
1774
|
-
whereToEatColor: '#FC952E',
|
|
1775
|
-
whereToSleepColor: '#9F007D',
|
|
1776
|
-
tobeSeenColor: '#76AB2A',
|
|
1777
|
-
tobeDoneColor: '#E23C2A',
|
|
1778
|
-
localProductsColor: '#AFB942',
|
|
1779
|
-
servicesColor: '#00C8BC',
|
|
1780
|
-
agendaColor: '#865DA2',
|
|
1781
|
-
occupantColor: '#6DEDBC'
|
|
1782
|
-
};
|
|
1783
|
-
const $adb8114d28dbbc13$export$6a32bf5257e620e1 = [
|
|
1784
|
-
'davi.closewindow',
|
|
1785
|
-
'setuser',
|
|
1786
|
-
'davi.gdprconsent'
|
|
1787
|
-
];
|
|
1788
|
-
const $adb8114d28dbbc13$export$882049267ad78ff6 = [
|
|
1789
|
-
'ar',
|
|
1790
|
-
'fa',
|
|
1791
|
-
'he',
|
|
1792
|
-
'ps',
|
|
1793
|
-
'ur'
|
|
1794
|
-
];
|
|
1795
1699
|
|
|
1796
|
-
});
|
|
1797
1700
|
|
|
1798
|
-
parcelRegister("82K9w", function(module, exports) {
|
|
1799
1701
|
|
|
1800
|
-
$parcel$export(module.exports, "widgetDefault", () => $938bb59f49c318a8$export$4aebf65ed07cf17b);
|
|
1801
|
-
$parcel$export(module.exports, "defaultThemeDark", () => $938bb59f49c318a8$export$d80fe84b82195dbd);
|
|
1802
|
-
$parcel$export(module.exports, "defaultThemeLight", () => $938bb59f49c318a8$export$1196b7bf97f3d16c);
|
|
1803
1702
|
|
|
1804
|
-
var $
|
|
1805
|
-
|
|
1806
|
-
|
|
1703
|
+
var $4ucVo = parcelRequire("4ucVo");
|
|
1704
|
+
|
|
1705
|
+
var $1TxAn = parcelRequire("1TxAn");
|
|
1706
|
+
|
|
1707
|
+
var $lgmOB = parcelRequire("lgmOB");
|
|
1708
|
+
const $aab770e2a22c2c28$var$defaultConfiguration = {
|
|
1709
|
+
subtitles: false
|
|
1807
1710
|
};
|
|
1808
|
-
const $
|
|
1809
|
-
|
|
1810
|
-
|
|
1811
|
-
|
|
1812
|
-
|
|
1813
|
-
|
|
1814
|
-
|
|
1815
|
-
|
|
1816
|
-
|
|
1817
|
-
|
|
1818
|
-
|
|
1819
|
-
|
|
1820
|
-
|
|
1821
|
-
|
|
1822
|
-
|
|
1823
|
-
|
|
1824
|
-
|
|
1825
|
-
|
|
1826
|
-
|
|
1827
|
-
|
|
1828
|
-
|
|
1829
|
-
|
|
1830
|
-
|
|
1831
|
-
|
|
1832
|
-
|
|
1833
|
-
|
|
1834
|
-
card: {
|
|
1835
|
-
frame: {
|
|
1836
|
-
background: '#2B2B2B',
|
|
1837
|
-
border: 'transparent',
|
|
1838
|
-
text: '#F7F3F6'
|
|
1839
|
-
},
|
|
1840
|
-
button: {
|
|
1841
|
-
background: {
|
|
1842
|
-
default: 'transparent',
|
|
1843
|
-
hover: 'transparent'
|
|
1844
|
-
},
|
|
1845
|
-
border: {
|
|
1846
|
-
default: (0, $cT90l.commonColors).primary,
|
|
1847
|
-
hover: '#FFF'
|
|
1848
|
-
},
|
|
1849
|
-
text: {
|
|
1850
|
-
default: (0, $cT90l.commonColors).primary,
|
|
1851
|
-
hover: '#FFF'
|
|
1852
|
-
}
|
|
1853
|
-
},
|
|
1854
|
-
discoverButton: {
|
|
1855
|
-
background: {
|
|
1856
|
-
default: '#eaebf0',
|
|
1857
|
-
hover: 'transparent'
|
|
1858
|
-
},
|
|
1859
|
-
border: {
|
|
1860
|
-
default: 'transparent',
|
|
1861
|
-
hover: '#FFF'
|
|
1862
|
-
},
|
|
1863
|
-
text: {
|
|
1864
|
-
default: '#575F6B',
|
|
1865
|
-
hover: '#FFF'
|
|
1866
|
-
}
|
|
1867
|
-
}
|
|
1868
|
-
},
|
|
1869
|
-
textMode: {
|
|
1870
|
-
panel: {
|
|
1871
|
-
background: 'rgba(255, 255, 255, 0.9)',
|
|
1872
|
-
border: 'transparent',
|
|
1873
|
-
conversationUser: '#FFF',
|
|
1874
|
-
conversationBot: '#2C2C2C',
|
|
1875
|
-
backgroundUser: (0, $cT90l.commonColors).secondary,
|
|
1876
|
-
backgroundBot: '#F0F0F0'
|
|
1877
|
-
}
|
|
1878
|
-
},
|
|
1879
|
-
vocalMode: {
|
|
1880
|
-
subtitles: {
|
|
1881
|
-
text: '#FFF',
|
|
1882
|
-
background: '#000'
|
|
1883
|
-
}
|
|
1884
|
-
},
|
|
1885
|
-
formInput: {
|
|
1886
|
-
text: {
|
|
1887
|
-
default: (0, $cT90l.commonColors).secondary,
|
|
1888
|
-
hover: '#FFF'
|
|
1889
|
-
},
|
|
1890
|
-
inputRadioCheckbox: {
|
|
1891
|
-
unchecked: {
|
|
1892
|
-
background: '#434141',
|
|
1893
|
-
border: '#818181'
|
|
1894
|
-
},
|
|
1895
|
-
checked: {
|
|
1896
|
-
background: (0, $cT90l.commonColors).primary,
|
|
1897
|
-
border: (0, $cT90l.commonColors).primary,
|
|
1898
|
-
item: '#000'
|
|
1899
|
-
}
|
|
1900
|
-
},
|
|
1901
|
-
inputButton: {
|
|
1902
|
-
background: {
|
|
1903
|
-
default: (0, $cT90l.commonColors).black,
|
|
1904
|
-
hover: (0, $cT90l.commonColors).primary
|
|
1905
|
-
},
|
|
1906
|
-
border: {
|
|
1907
|
-
default: (0, $cT90l.commonColors).primary,
|
|
1908
|
-
hover: '#FFF'
|
|
1909
|
-
},
|
|
1910
|
-
text: {
|
|
1911
|
-
default: '#FFF',
|
|
1912
|
-
hover: '#FFF'
|
|
1913
|
-
}
|
|
1914
|
-
},
|
|
1915
|
-
likert: {
|
|
1916
|
-
default: 'transparent',
|
|
1917
|
-
hover: '#E8B712'
|
|
1918
|
-
}
|
|
1919
|
-
}
|
|
1920
|
-
};
|
|
1921
|
-
const $938bb59f49c318a8$export$1196b7bf97f3d16c = {
|
|
1922
|
-
...(0, $cT90l.commonColors),
|
|
1923
|
-
companyName: '#000',
|
|
1924
|
-
loader: {
|
|
1925
|
-
animation: (0, $cT90l.commonColors).primary,
|
|
1926
|
-
background: 'rgba(18,18,18,0.7)',
|
|
1927
|
-
text: '#FFF',
|
|
1928
|
-
toggle: {
|
|
1929
|
-
text: '#000',
|
|
1930
|
-
background: (0, $cT90l.commonColors).primary
|
|
1931
|
-
},
|
|
1932
|
-
button: {
|
|
1933
|
-
background: {
|
|
1934
|
-
default: 'transparent',
|
|
1935
|
-
hover: 'transparent'
|
|
1936
|
-
},
|
|
1937
|
-
border: {
|
|
1938
|
-
default: (0, $cT90l.commonColors).primary,
|
|
1939
|
-
hover: '#FFF'
|
|
1940
|
-
},
|
|
1941
|
-
text: {
|
|
1942
|
-
default: (0, $cT90l.commonColors).primary,
|
|
1943
|
-
hover: '#FFF'
|
|
1944
|
-
}
|
|
1945
|
-
}
|
|
1946
|
-
},
|
|
1947
|
-
card: {
|
|
1948
|
-
frame: {
|
|
1949
|
-
background: '#2B2B2B',
|
|
1950
|
-
border: 'transparent',
|
|
1951
|
-
text: '#F7F3F6'
|
|
1952
|
-
},
|
|
1953
|
-
button: {
|
|
1954
|
-
background: {
|
|
1955
|
-
default: 'transparent',
|
|
1956
|
-
hover: 'transparent'
|
|
1957
|
-
},
|
|
1958
|
-
border: {
|
|
1959
|
-
default: (0, $cT90l.commonColors).primary,
|
|
1960
|
-
hover: '#FFF'
|
|
1961
|
-
},
|
|
1962
|
-
text: {
|
|
1963
|
-
default: (0, $cT90l.commonColors).primary,
|
|
1964
|
-
hover: '#FFF'
|
|
1965
|
-
}
|
|
1966
|
-
},
|
|
1967
|
-
discoverButton: {
|
|
1968
|
-
background: {
|
|
1969
|
-
default: '#eaebf0',
|
|
1970
|
-
hover: 'transparent'
|
|
1971
|
-
},
|
|
1972
|
-
border: {
|
|
1973
|
-
default: 'transparent',
|
|
1974
|
-
hover: '#FFF'
|
|
1975
|
-
},
|
|
1976
|
-
text: {
|
|
1977
|
-
default: '#575F6B',
|
|
1978
|
-
hover: '#FFF'
|
|
1979
|
-
}
|
|
1980
|
-
}
|
|
1981
|
-
},
|
|
1982
|
-
textMode: {
|
|
1983
|
-
panel: {
|
|
1984
|
-
background: 'rgba(255, 255, 255, 0.9)',
|
|
1985
|
-
border: 'transparent',
|
|
1986
|
-
conversationUser: '#FFF',
|
|
1987
|
-
conversationBot: '#2C2C2C',
|
|
1988
|
-
backgroundUser: (0, $cT90l.commonColors).secondary,
|
|
1989
|
-
backgroundBot: '#F0F0F0'
|
|
1990
|
-
}
|
|
1991
|
-
},
|
|
1992
|
-
vocalMode: {
|
|
1993
|
-
subtitles: {
|
|
1994
|
-
text: '#FFF',
|
|
1995
|
-
background: '#000'
|
|
1996
|
-
}
|
|
1997
|
-
},
|
|
1998
|
-
formInput: {
|
|
1999
|
-
text: {
|
|
2000
|
-
default: (0, $cT90l.commonColors).secondary,
|
|
2001
|
-
hover: '#FFF'
|
|
2002
|
-
},
|
|
2003
|
-
inputRadioCheckbox: {
|
|
2004
|
-
unchecked: {
|
|
2005
|
-
background: '#434141',
|
|
2006
|
-
border: '#818181'
|
|
2007
|
-
},
|
|
2008
|
-
checked: {
|
|
2009
|
-
background: (0, $cT90l.commonColors).primary,
|
|
2010
|
-
border: (0, $cT90l.commonColors).primary,
|
|
2011
|
-
item: '#000'
|
|
2012
|
-
}
|
|
2013
|
-
},
|
|
2014
|
-
inputButton: {
|
|
2015
|
-
background: {
|
|
2016
|
-
default: (0, $cT90l.commonColors).black,
|
|
2017
|
-
hover: (0, $cT90l.commonColors).primary
|
|
2018
|
-
},
|
|
2019
|
-
border: {
|
|
2020
|
-
default: (0, $cT90l.commonColors).primary,
|
|
2021
|
-
hover: '#FFF'
|
|
2022
|
-
},
|
|
2023
|
-
text: {
|
|
2024
|
-
default: '#FFF',
|
|
2025
|
-
hover: '#FFF'
|
|
2026
|
-
}
|
|
2027
|
-
},
|
|
2028
|
-
likert: {
|
|
2029
|
-
default: 'transparent',
|
|
2030
|
-
hover: '#E8B712'
|
|
2031
|
-
}
|
|
2032
|
-
}
|
|
2033
|
-
};
|
|
2034
|
-
|
|
2035
|
-
});
|
|
2036
|
-
|
|
2037
|
-
|
|
2038
|
-
parcelRegister("i1rfm", function(module, exports) {
|
|
2039
|
-
|
|
2040
|
-
$parcel$export(module.exports, "useSpeechStore", () => $244e94971d503466$export$f299240efcda25a2);
|
|
2041
|
-
$parcel$export(module.exports, "default", () => $244e94971d503466$export$2e2bcd8739ae039);
|
|
2042
|
-
|
|
2043
|
-
|
|
2044
|
-
|
|
2045
|
-
|
|
2046
|
-
var $j67YK = parcelRequire("j67YK");
|
|
2047
|
-
|
|
2048
|
-
var $4ucVo = parcelRequire("4ucVo");
|
|
2049
|
-
|
|
2050
|
-
var $cW5Dh = parcelRequire("cW5Dh");
|
|
2051
|
-
const $244e94971d503466$var$initialState = {
|
|
2052
|
-
ponyfillCredentials: undefined,
|
|
2053
|
-
useContinuousRecognition: false,
|
|
2054
|
-
customVoice: undefined,
|
|
2055
|
-
voice: null,
|
|
2056
|
-
mode: (0, $4ucVo.Mode).text,
|
|
2057
|
-
disableSound: false,
|
|
2058
|
-
speaking: false,
|
|
2059
|
-
muted: false,
|
|
2060
|
-
cancel: false,
|
|
2061
|
-
boundaryData: [],
|
|
2062
|
-
visemeData: [],
|
|
2063
|
-
singleVisemeAdded: null,
|
|
2064
|
-
multiVisemesAdded: [],
|
|
2065
|
-
currentOrLastPlayedActivity: undefined,
|
|
2066
|
-
isMicrophoneAllowed: false,
|
|
2067
|
-
showMicrophoneModal: false,
|
|
2068
|
-
permissionStatus: (0, $4ucVo.PermissionStatus).waiting,
|
|
2069
|
-
activeRecognitionState: (0, $4ucVo.RecognitionState).Closed,
|
|
2070
|
-
lastRecognitionInterim: '',
|
|
2071
|
-
streamingReplyToId: null,
|
|
2072
|
-
streamingQueue: [],
|
|
2073
|
-
streamingReplyToIdToIgnore: null,
|
|
2074
|
-
speechRecognitionDynamicGrammars: [],
|
|
2075
|
-
externalTextToSpeech: undefined
|
|
1711
|
+
const $aab770e2a22c2c28$var$initialState = {
|
|
1712
|
+
configuration: $aab770e2a22c2c28$var$defaultConfiguration,
|
|
1713
|
+
addressData: {},
|
|
1714
|
+
canFocusSendBox: false,
|
|
1715
|
+
sendBoxRef: null,
|
|
1716
|
+
sendBoxPlaceHolder: undefined,
|
|
1717
|
+
fromTextToVocal: false,
|
|
1718
|
+
baseAddress: '',
|
|
1719
|
+
subtitlesInConfiguration: false,
|
|
1720
|
+
displaySubtitles: false,
|
|
1721
|
+
agentData: undefined,
|
|
1722
|
+
gpuData: undefined,
|
|
1723
|
+
loaderClosed: false,
|
|
1724
|
+
appAvailable: false,
|
|
1725
|
+
currentLayout: (0, $4ucVo.ContainerParent).agent,
|
|
1726
|
+
userAlreadySet: false,
|
|
1727
|
+
isWaitingForResponse: false,
|
|
1728
|
+
instantIsWaitingForResponse: false,
|
|
1729
|
+
skipLoader: false,
|
|
1730
|
+
displayAgentInNews: true,
|
|
1731
|
+
submitDelayBeforeSendingMessage: undefined,
|
|
1732
|
+
disableHistory: false,
|
|
1733
|
+
environmentPreset: "apartment",
|
|
1734
|
+
customScripts: [],
|
|
1735
|
+
customCSS: [],
|
|
1736
|
+
enabledFeatures: []
|
|
2076
1737
|
};
|
|
2077
|
-
|
|
1738
|
+
let $aab770e2a22c2c28$var$timer = null;
|
|
1739
|
+
$aab770e2a22c2c28$var$timer = setTimeout(()=>{
|
|
1740
|
+
return true;
|
|
1741
|
+
}, 1000);
|
|
1742
|
+
const $aab770e2a22c2c28$var$createRetorikStore = ()=>{
|
|
2078
1743
|
return (0, $bZRJW$createStore)((set, get)=>{
|
|
2079
1744
|
return {
|
|
2080
|
-
...$
|
|
1745
|
+
...$aab770e2a22c2c28$var$initialState,
|
|
2081
1746
|
actions: {
|
|
2082
|
-
|
|
1747
|
+
setConfiguration: (value)=>{
|
|
2083
1748
|
set({
|
|
2084
|
-
|
|
1749
|
+
configuration: value
|
|
2085
1750
|
});
|
|
2086
1751
|
},
|
|
2087
|
-
|
|
2088
|
-
|
|
2089
|
-
|
|
1752
|
+
setAddressData: (value)=>{
|
|
1753
|
+
set({
|
|
1754
|
+
addressData: value
|
|
2090
1755
|
});
|
|
2091
|
-
|
|
2092
|
-
|
|
2093
|
-
|
|
2094
|
-
|
|
2095
|
-
});
|
|
2096
|
-
break;
|
|
2097
|
-
case (0, $4ucVo.DeviceType).widget:
|
|
2098
|
-
case (0, $4ucVo.DeviceType).widgetLandscape:
|
|
2099
|
-
case (0, $4ucVo.DeviceType).widgetBorne:
|
|
2100
|
-
set({
|
|
2101
|
-
useContinuousRecognition: !!options.enableContinuousRecognitionOn.widget
|
|
2102
|
-
});
|
|
2103
|
-
break;
|
|
2104
|
-
case (0, $4ucVo.DeviceType).landscape:
|
|
2105
|
-
set({
|
|
2106
|
-
useContinuousRecognition: !!options.enableContinuousRecognitionOn.desktop
|
|
2107
|
-
});
|
|
2108
|
-
break;
|
|
2109
|
-
case (0, $4ucVo.DeviceType).borne:
|
|
2110
|
-
set({
|
|
2111
|
-
useContinuousRecognition: !!options.enableContinuousRecognitionOn.borne
|
|
2112
|
-
});
|
|
2113
|
-
break;
|
|
2114
|
-
default:
|
|
2115
|
-
set({
|
|
2116
|
-
useContinuousRecognition: false
|
|
2117
|
-
});
|
|
2118
|
-
break;
|
|
2119
|
-
}
|
|
2120
|
-
else set({
|
|
2121
|
-
useContinuousRecognition: false
|
|
1756
|
+
},
|
|
1757
|
+
setSendBoxRef: (value)=>{
|
|
1758
|
+
set({
|
|
1759
|
+
sendBoxRef: value
|
|
2122
1760
|
});
|
|
2123
1761
|
},
|
|
2124
|
-
|
|
1762
|
+
focusSendBox: ()=>{
|
|
1763
|
+
const sendBox = get().sendBoxRef;
|
|
1764
|
+
sendBox && document.activeElement !== sendBox && sendBox.focus();
|
|
1765
|
+
},
|
|
1766
|
+
setCanFocusSendBox: (value)=>{
|
|
2125
1767
|
set({
|
|
2126
|
-
|
|
1768
|
+
canFocusSendBox: value
|
|
2127
1769
|
});
|
|
2128
1770
|
},
|
|
2129
|
-
|
|
1771
|
+
setSendBoxPlaceHolder: (value)=>{
|
|
2130
1772
|
set({
|
|
2131
|
-
|
|
1773
|
+
sendBoxPlaceHolder: value
|
|
2132
1774
|
});
|
|
2133
1775
|
},
|
|
2134
|
-
|
|
1776
|
+
setLayout: (value)=>{
|
|
2135
1777
|
set({
|
|
2136
|
-
|
|
1778
|
+
currentLayout: value
|
|
2137
1779
|
});
|
|
2138
|
-
setLastListActivity(undefined);
|
|
2139
|
-
value !== (0, $4ucVo.Mode).text && setUserTyping(false);
|
|
2140
|
-
!get().disableSound && get().actions.setMuted(value === (0, $4ucVo.Mode).text);
|
|
2141
1780
|
},
|
|
2142
|
-
|
|
1781
|
+
setUserAlreadySet: (value)=>{
|
|
2143
1782
|
set({
|
|
2144
|
-
|
|
1783
|
+
userAlreadySet: value
|
|
2145
1784
|
});
|
|
2146
1785
|
},
|
|
2147
|
-
|
|
2148
|
-
set(
|
|
2149
|
-
|
|
2150
|
-
speaking: value,
|
|
2151
|
-
visemeData: [],
|
|
2152
|
-
singleVisemeAdded: null,
|
|
2153
|
-
multiVisemesAdded: []
|
|
2154
|
-
} : {
|
|
2155
|
-
speaking: value
|
|
2156
|
-
};
|
|
1786
|
+
setEnvironmentPreset: (value)=>{
|
|
1787
|
+
set({
|
|
1788
|
+
environmentPreset: value
|
|
2157
1789
|
});
|
|
2158
|
-
setRetorikEvent(value ? (0, $4ucVo.RetorikEvent).SpeechStarted : (0, $4ucVo.RetorikEvent).SpeechEnded);
|
|
2159
1790
|
},
|
|
2160
|
-
|
|
1791
|
+
setFromTextToVocal: (value)=>{
|
|
2161
1792
|
set({
|
|
2162
|
-
|
|
1793
|
+
fromTextToVocal: value
|
|
2163
1794
|
});
|
|
2164
1795
|
},
|
|
2165
|
-
|
|
2166
|
-
set(
|
|
2167
|
-
|
|
2168
|
-
|
|
1796
|
+
setBaseAddress: (value)=>{
|
|
1797
|
+
set({
|
|
1798
|
+
baseAddress: value
|
|
1799
|
+
});
|
|
2169
1800
|
},
|
|
2170
|
-
|
|
1801
|
+
setLoaderClosed: (value)=>{
|
|
2171
1802
|
set({
|
|
2172
|
-
|
|
1803
|
+
loaderClosed: value
|
|
2173
1804
|
});
|
|
2174
1805
|
},
|
|
2175
|
-
|
|
1806
|
+
setAppAvailable: (value)=>{
|
|
2176
1807
|
set({
|
|
2177
|
-
|
|
1808
|
+
appAvailable: value
|
|
2178
1809
|
});
|
|
2179
1810
|
},
|
|
2180
|
-
|
|
1811
|
+
setSubtitlesInConfiguration: (value)=>{
|
|
2181
1812
|
set({
|
|
2182
|
-
|
|
1813
|
+
subtitlesInConfiguration: value,
|
|
1814
|
+
displaySubtitles: value
|
|
2183
1815
|
});
|
|
2184
1816
|
},
|
|
2185
|
-
|
|
1817
|
+
setDisplaySubtitles: (value)=>{
|
|
2186
1818
|
set({
|
|
2187
|
-
|
|
2188
|
-
multiVisemesAdded: value
|
|
1819
|
+
displaySubtitles: value
|
|
2189
1820
|
});
|
|
2190
1821
|
},
|
|
2191
|
-
|
|
1822
|
+
toggleSubtitles: ()=>{
|
|
2192
1823
|
set((state)=>({
|
|
2193
|
-
|
|
2194
|
-
...state.visemeData,
|
|
2195
|
-
value
|
|
2196
|
-
],
|
|
2197
|
-
singleVisemeAdded: value
|
|
1824
|
+
displaySubtitles: !state.displaySubtitles
|
|
2198
1825
|
}));
|
|
2199
1826
|
},
|
|
2200
|
-
|
|
2201
|
-
|
|
2202
|
-
|
|
2203
|
-
|
|
2204
|
-
if (
|
|
2205
|
-
if (
|
|
1827
|
+
setAgentData: async (value)=>{
|
|
1828
|
+
// Test GPU to use bodyengine or fall back to spiritengine. Tier at least 1 for mobile, 2 for desktop
|
|
1829
|
+
const gpuTier = await (0, $bZRJW$getGPUTier)();
|
|
1830
|
+
let gpuTestSupportsBodyengine = false;
|
|
1831
|
+
if (gpuTier.tier > 0) {
|
|
1832
|
+
if (gpuTier.type === 'FALLBACK') gpuTestSupportsBodyengine = true;
|
|
1833
|
+
else gpuTestSupportsBodyengine = gpuTier.tier > 1;
|
|
1834
|
+
}
|
|
1835
|
+
const url = typeof value === 'string' ? value : value.url;
|
|
1836
|
+
let data = await (0, $lgmOB.default)(url);
|
|
1837
|
+
if (data?.useBodyEngineThree && !gpuTestSupportsBodyengine) {
|
|
1838
|
+
console.log('Retorik Framework > graphic capacity too low to use bodyengine, the application will switch to spiritengine');
|
|
1839
|
+
data = await (0, $lgmOB.default)(data?.gender === 'female' ? (0, $1TxAn.characters).zahra : (0, $1TxAn.characters).rowan);
|
|
1840
|
+
}
|
|
1841
|
+
if (data && typeof value !== 'string') {
|
|
1842
|
+
value.name && (data.name = value.name);
|
|
1843
|
+
value.animationsUrl && (data.animationsUrl = value.animationsUrl);
|
|
2206
1844
|
}
|
|
2207
|
-
},
|
|
2208
|
-
setIsMicrophoneAllowed: (value)=>{
|
|
2209
1845
|
set({
|
|
2210
|
-
|
|
1846
|
+
gpuData: gpuTier,
|
|
1847
|
+
agentData: data
|
|
2211
1848
|
});
|
|
2212
1849
|
},
|
|
2213
|
-
|
|
2214
|
-
|
|
2215
|
-
|
|
2216
|
-
|
|
1850
|
+
setTimerForWaiting: ()=>{
|
|
1851
|
+
$aab770e2a22c2c28$var$timer = setTimeout(()=>{
|
|
1852
|
+
set({
|
|
1853
|
+
isWaitingForResponse: true
|
|
1854
|
+
});
|
|
1855
|
+
$aab770e2a22c2c28$var$timer = null;
|
|
1856
|
+
}, 1000);
|
|
2217
1857
|
},
|
|
2218
|
-
|
|
2219
|
-
if (
|
|
2220
|
-
|
|
2221
|
-
|
|
2222
|
-
|
|
2223
|
-
|
|
2224
|
-
|
|
2225
|
-
|
|
2226
|
-
|
|
2227
|
-
|
|
2228
|
-
|
|
2229
|
-
|
|
2230
|
-
|
|
2231
|
-
!fromExpectedInput && get().actions.cancelCurrentUtterance();
|
|
2232
|
-
break;
|
|
1858
|
+
setIsWaitingForResponse: (value)=>{
|
|
1859
|
+
if (value) {
|
|
1860
|
+
set({
|
|
1861
|
+
instantIsWaitingForResponse: true
|
|
1862
|
+
});
|
|
1863
|
+
!$aab770e2a22c2c28$var$timer && get().actions.setTimerForWaiting();
|
|
1864
|
+
} else {
|
|
1865
|
+
$aab770e2a22c2c28$var$timer && clearTimeout($aab770e2a22c2c28$var$timer);
|
|
1866
|
+
$aab770e2a22c2c28$var$timer = null;
|
|
1867
|
+
set({
|
|
1868
|
+
instantIsWaitingForResponse: false,
|
|
1869
|
+
isWaitingForResponse: false
|
|
1870
|
+
});
|
|
2233
1871
|
}
|
|
2234
1872
|
},
|
|
2235
|
-
|
|
1873
|
+
setSkipLoader: (value)=>{
|
|
2236
1874
|
set({
|
|
2237
|
-
|
|
2238
|
-
});
|
|
2239
|
-
(0, $cW5Dh.default)().then((permission)=>{
|
|
2240
|
-
// Hide modal window and open microphone if this one is allowed
|
|
2241
|
-
if (permission === (0, $4ucVo.PermissionStatus).allowed) {
|
|
2242
|
-
set({
|
|
2243
|
-
permissionStatus: permission,
|
|
2244
|
-
isMicrophoneAllowed: true,
|
|
2245
|
-
showMicrophoneModal: false
|
|
2246
|
-
});
|
|
2247
|
-
get().actions.toggleMicrophone();
|
|
2248
|
-
} else set({
|
|
2249
|
-
permissionStatus: permission,
|
|
2250
|
-
isMicrophoneAllowed: false
|
|
2251
|
-
});
|
|
1875
|
+
skipLoader: value
|
|
2252
1876
|
});
|
|
2253
1877
|
},
|
|
2254
|
-
|
|
1878
|
+
setDisplayAgentInNews: (value)=>{
|
|
2255
1879
|
set({
|
|
2256
|
-
|
|
1880
|
+
displayAgentInNews: value
|
|
2257
1881
|
});
|
|
2258
1882
|
},
|
|
2259
|
-
|
|
1883
|
+
setSubmitDelayBeforeSendingMessage: (value)=>{
|
|
2260
1884
|
set({
|
|
2261
|
-
|
|
1885
|
+
submitDelayBeforeSendingMessage: value
|
|
2262
1886
|
});
|
|
2263
1887
|
},
|
|
2264
|
-
|
|
1888
|
+
setDisableHistory: (value)=>{
|
|
2265
1889
|
set({
|
|
2266
|
-
|
|
2267
|
-
});
|
|
2268
|
-
},
|
|
2269
|
-
addToStreamingQueue: (value)=>{
|
|
2270
|
-
if (value.replyToId) {
|
|
2271
|
-
if (value.replyToId !== get().streamingReplyToIdToIgnore) {
|
|
2272
|
-
// Set replyToId and new queue if replyToId is different from the current one
|
|
2273
|
-
if (get().streamingReplyToId !== value.replyToId) set({
|
|
2274
|
-
streamingReplyToId: value.replyToId,
|
|
2275
|
-
streamingQueue: [
|
|
2276
|
-
value
|
|
2277
|
-
]
|
|
2278
|
-
});
|
|
2279
|
-
else set({
|
|
2280
|
-
streamingQueue: [
|
|
2281
|
-
...get().streamingQueue,
|
|
2282
|
-
value
|
|
2283
|
-
]
|
|
2284
|
-
});
|
|
2285
|
-
}
|
|
2286
|
-
} else set({
|
|
2287
|
-
streamingQueue: [
|
|
2288
|
-
...get().streamingQueue,
|
|
2289
|
-
value
|
|
2290
|
-
]
|
|
1890
|
+
disableHistory: value
|
|
2291
1891
|
});
|
|
2292
1892
|
},
|
|
2293
|
-
|
|
2294
|
-
removeFirstFromStreamingQueue: (twice)=>{
|
|
2295
|
-
set((state)=>({
|
|
2296
|
-
streamingQueue: state.streamingQueue.slice(twice ? 2 : 1)
|
|
2297
|
-
}));
|
|
2298
|
-
},
|
|
2299
|
-
killCurrentStreaming: ()=>{
|
|
1893
|
+
setCustomScripts: (value)=>{
|
|
2300
1894
|
set({
|
|
2301
|
-
|
|
2302
|
-
streamingQueue: []
|
|
1895
|
+
customScripts: value
|
|
2303
1896
|
});
|
|
2304
1897
|
},
|
|
2305
|
-
|
|
2306
|
-
|
|
2307
|
-
|
|
2308
|
-
addSpeechRecognitionDynamicGrammar: (value)=>{
|
|
2309
|
-
const currentGrammars = get().speechRecognitionDynamicGrammars;
|
|
2310
|
-
// For each value, verifiy if it doesn't exist in the array yet
|
|
2311
|
-
if (Array.isArray(value)) {
|
|
2312
|
-
const valuesToAdd = [];
|
|
2313
|
-
value.forEach((val)=>{
|
|
2314
|
-
!currentGrammars.includes(val) && valuesToAdd.push(val);
|
|
2315
|
-
});
|
|
2316
|
-
valuesToAdd.length && set({
|
|
2317
|
-
speechRecognitionDynamicGrammars: [
|
|
2318
|
-
...currentGrammars,
|
|
2319
|
-
...valuesToAdd
|
|
2320
|
-
]
|
|
2321
|
-
});
|
|
2322
|
-
} else !currentGrammars.includes(value) && set({
|
|
2323
|
-
speechRecognitionDynamicGrammars: [
|
|
2324
|
-
...currentGrammars,
|
|
2325
|
-
value
|
|
2326
|
-
]
|
|
1898
|
+
setCustomCSS: (value)=>{
|
|
1899
|
+
set({
|
|
1900
|
+
customCSS: value
|
|
2327
1901
|
});
|
|
2328
1902
|
},
|
|
2329
|
-
|
|
1903
|
+
setEnabledFeatures: (value)=>{
|
|
2330
1904
|
set({
|
|
2331
|
-
|
|
1905
|
+
enabledFeatures: value
|
|
2332
1906
|
});
|
|
2333
1907
|
},
|
|
2334
|
-
|
|
1908
|
+
resetRetorikStore: ()=>{
|
|
2335
1909
|
set({
|
|
2336
|
-
...$
|
|
1910
|
+
...$aab770e2a22c2c28$var$initialState
|
|
2337
1911
|
});
|
|
2338
1912
|
}
|
|
2339
1913
|
}
|
|
2340
1914
|
};
|
|
2341
1915
|
});
|
|
2342
1916
|
};
|
|
2343
|
-
const $
|
|
2344
|
-
const $
|
|
2345
|
-
const store = (0, $bZRJW$useContext)($
|
|
2346
|
-
if (!store) throw new Error('Retorik Framework >
|
|
1917
|
+
const $aab770e2a22c2c28$var$RetorikContext = /*#__PURE__*/ (0, $bZRJW$createContext)(null);
|
|
1918
|
+
const $aab770e2a22c2c28$export$bd22554f31e5f96f = (selector)=>{
|
|
1919
|
+
const store = (0, $bZRJW$useContext)($aab770e2a22c2c28$var$RetorikContext);
|
|
1920
|
+
if (!store) throw new Error('Retorik Framework > useRetorikStore must be used within RetorikProvider');
|
|
2347
1921
|
return (0, $bZRJW$useStore)(store, selector);
|
|
2348
1922
|
};
|
|
2349
|
-
const $
|
|
2350
|
-
const
|
|
2351
|
-
|
|
2352
|
-
return /*#__PURE__*/ (0, $bZRJW$jsx)($244e94971d503466$var$SpeechContext.Provider, {
|
|
1923
|
+
const $aab770e2a22c2c28$var$RetorikProvider = ({ children: children })=>{
|
|
1924
|
+
const [store] = (0, $bZRJW$useState)(()=>$aab770e2a22c2c28$var$createRetorikStore());
|
|
1925
|
+
return /*#__PURE__*/ (0, $bZRJW$jsx)($aab770e2a22c2c28$var$RetorikContext.Provider, {
|
|
2353
1926
|
value: store,
|
|
2354
1927
|
children: children
|
|
2355
1928
|
});
|
|
2356
1929
|
};
|
|
2357
|
-
var $
|
|
1930
|
+
var $aab770e2a22c2c28$export$2e2bcd8739ae039 = $aab770e2a22c2c28$var$RetorikProvider;
|
|
2358
1931
|
|
|
2359
1932
|
});
|
|
2360
|
-
parcelRegister("
|
|
1933
|
+
parcelRegister("1TxAn", function(module, exports) {
|
|
2361
1934
|
|
|
2362
|
-
$parcel$export(module.exports, "
|
|
1935
|
+
$parcel$export(module.exports, "characters", () => $f413faac4683ad46$export$30a86d91af8ff6e6);
|
|
2363
1936
|
|
|
2364
|
-
var $
|
|
2365
|
-
const $
|
|
2366
|
-
|
|
2367
|
-
|
|
2368
|
-
|
|
2369
|
-
|
|
2370
|
-
|
|
2371
|
-
|
|
2372
|
-
|
|
2373
|
-
|
|
2374
|
-
|
|
2375
|
-
|
|
2376
|
-
|
|
2377
|
-
|
|
2378
|
-
|
|
2379
|
-
|
|
2380
|
-
|
|
1937
|
+
var $cT90l = parcelRequire("cT90l");
|
|
1938
|
+
const $f413faac4683ad46$export$30a86d91af8ff6e6 = {
|
|
1939
|
+
alice: `${(0, $cT90l.CDNCharactersAddress)}/long-shot/alice`,
|
|
1940
|
+
greg: `${(0, $cT90l.CDNCharactersAddress)}/long-shot/greg`,
|
|
1941
|
+
jeanmarc: `${(0, $cT90l.CDNCharactersAddress)}/jean-marc`,
|
|
1942
|
+
jessica: `${(0, $cT90l.CDNCharactersAddress)}/long-shot/jessica`,
|
|
1943
|
+
jessica_short: `${(0, $cT90l.CDNCharactersAddress)}/medium-shot/jessica`,
|
|
1944
|
+
ikaa: `${(0, $cT90l.CDNCharactersAddress)}/long-shot/ikaa`,
|
|
1945
|
+
karine: `${(0, $cT90l.CDNCharactersAddress)}/karine`,
|
|
1946
|
+
lea: `${(0, $cT90l.CDNCharactersAddress)}/lea`,
|
|
1947
|
+
prosper: `${(0, $cT90l.CDNCharactersAddress)}/prosper`,
|
|
1948
|
+
raphael: `${(0, $cT90l.CDNCharactersAddress)}/raphael`,
|
|
1949
|
+
rowan: `${(0, $cT90l.CDNCharactersAddress)}/long-shot/rowan`,
|
|
1950
|
+
rowan_short: `${(0, $cT90l.CDNCharactersAddress)}/medium-shot/rowan`,
|
|
1951
|
+
zahra: `${(0, $cT90l.CDNCharactersAddress)}/long-shot/zahra`
|
|
1952
|
+
};
|
|
1953
|
+
|
|
1954
|
+
});
|
|
1955
|
+
parcelRegister("cT90l", function(module, exports) {
|
|
1956
|
+
|
|
1957
|
+
$parcel$export(module.exports, "mobileBreakpoint", () => $adb8114d28dbbc13$export$2e65b7c7134e01f0);
|
|
1958
|
+
$parcel$export(module.exports, "mediumBreakpoint", () => $adb8114d28dbbc13$export$91e4bf93df95a062);
|
|
1959
|
+
$parcel$export(module.exports, "CDNCharactersAddress", () => $adb8114d28dbbc13$export$2475544086fd222b);
|
|
1960
|
+
$parcel$export(module.exports, "CDNImagesAddress", () => $adb8114d28dbbc13$export$f718170a6537817b);
|
|
1961
|
+
$parcel$export(module.exports, "CDNAudioAddress", () => $adb8114d28dbbc13$export$eefca12493f9e9b9);
|
|
1962
|
+
$parcel$export(module.exports, "studioRetorik", () => $adb8114d28dbbc13$export$c398bfda6cfa19ff);
|
|
1963
|
+
$parcel$export(module.exports, "studioRetorikDev", () => $adb8114d28dbbc13$export$9adff68f093278ec);
|
|
1964
|
+
$parcel$export(module.exports, "studioRetorikStaging", () => $adb8114d28dbbc13$export$409889737849a04f);
|
|
1965
|
+
$parcel$export(module.exports, "studioRetorikExperimental", () => $adb8114d28dbbc13$export$a4481ccc388fce2a);
|
|
1966
|
+
$parcel$export(module.exports, "docsRetorik", () => $adb8114d28dbbc13$export$1f4373411c991e56);
|
|
1967
|
+
$parcel$export(module.exports, "openRoute", () => $adb8114d28dbbc13$export$d6542303192de6db);
|
|
1968
|
+
$parcel$export(module.exports, "openRouteAPIKey", () => $adb8114d28dbbc13$export$6f60da16472d34a7);
|
|
1969
|
+
$parcel$export(module.exports, "webchatTokenRetrievalAddress", () => $adb8114d28dbbc13$export$d9e38c0112bbdae6);
|
|
1970
|
+
$parcel$export(module.exports, "defaultDirectLineAddress", () => $adb8114d28dbbc13$export$342c646308e8fa62);
|
|
1971
|
+
$parcel$export(module.exports, "hospitalityApiAddress", () => $adb8114d28dbbc13$export$1ca3e229e23d7f42);
|
|
1972
|
+
$parcel$export(module.exports, "telemetryAddress", () => $adb8114d28dbbc13$export$1e8c600abff9ea62);
|
|
1973
|
+
$parcel$export(module.exports, "googleMapsAddress", () => $adb8114d28dbbc13$export$f3c31933b33f3693);
|
|
1974
|
+
$parcel$export(module.exports, "DEFAULT_LANGUAGE_DATA", () => $adb8114d28dbbc13$export$8828fbbb6034a09b);
|
|
1975
|
+
$parcel$export(module.exports, "DEFAULT_VIEWS", () => $adb8114d28dbbc13$export$9bbca248acc786d3);
|
|
1976
|
+
$parcel$export(module.exports, "DEFAULT_SUB_VIEWS", () => $adb8114d28dbbc13$export$890576ebf405f6b7);
|
|
1977
|
+
$parcel$export(module.exports, "mobileDisplays", () => $adb8114d28dbbc13$export$78f16669b353a880);
|
|
1978
|
+
$parcel$export(module.exports, "widgetDisplays", () => $adb8114d28dbbc13$export$909f4c209eb70365);
|
|
1979
|
+
$parcel$export(module.exports, "landscapeDisplays", () => $adb8114d28dbbc13$export$baf53ca377ebf861);
|
|
1980
|
+
$parcel$export(module.exports, "borneDisplays", () => $adb8114d28dbbc13$export$a8576d98c9c928de);
|
|
1981
|
+
$parcel$export(module.exports, "commonColors", () => $adb8114d28dbbc13$export$c0da64553318f2cb);
|
|
1982
|
+
$parcel$export(module.exports, "nonResponseInducingEvents", () => $adb8114d28dbbc13$export$6a32bf5257e620e1);
|
|
1983
|
+
$parcel$export(module.exports, "rtlLanguages", () => $adb8114d28dbbc13$export$882049267ad78ff6);
|
|
1984
|
+
|
|
1985
|
+
var $4ucVo = parcelRequire("4ucVo");
|
|
1986
|
+
const $adb8114d28dbbc13$export$2e65b7c7134e01f0 = 600;
|
|
1987
|
+
const $adb8114d28dbbc13$export$91e4bf93df95a062 = 1300;
|
|
1988
|
+
const $adb8114d28dbbc13$export$66b40c15080ce99b = 'https://cdn.retorik.ai';
|
|
1989
|
+
const $adb8114d28dbbc13$export$2475544086fd222b = `${$adb8114d28dbbc13$export$66b40c15080ce99b}/spiritenginehtml5/characters`;
|
|
1990
|
+
const $adb8114d28dbbc13$export$f718170a6537817b = `${$adb8114d28dbbc13$export$66b40c15080ce99b}/retorik-framework/imagefiles`;
|
|
1991
|
+
const $adb8114d28dbbc13$export$eefca12493f9e9b9 = `${$adb8114d28dbbc13$export$66b40c15080ce99b}/retorik-framework/audiofiles`;
|
|
1992
|
+
const $adb8114d28dbbc13$export$c398bfda6cfa19ff = 'https://studio.retorik.ai';
|
|
1993
|
+
const $adb8114d28dbbc13$export$9adff68f093278ec = 'https://dev.studio.retorik.ai';
|
|
1994
|
+
const $adb8114d28dbbc13$export$409889737849a04f = 'https://preview.studio.retorik.ai';
|
|
1995
|
+
const $adb8114d28dbbc13$export$a4481ccc388fce2a = 'https://experimental.studio.retorik.ai';
|
|
1996
|
+
const $adb8114d28dbbc13$export$1f4373411c991e56 = 'https://docs.retorik.ai';
|
|
1997
|
+
const $adb8114d28dbbc13$export$d6542303192de6db = 'https://api.openrouteservice.org/v2/directions';
|
|
1998
|
+
const $adb8114d28dbbc13$export$6f60da16472d34a7 = '5b3ce3597851110001cf62483cfd6bd46f934b7d96f108a35e0f08b8';
|
|
1999
|
+
const $adb8114d28dbbc13$export$dc91bcad81fffb1f = 'https://api.open-meteo.com/v1/forecast?';
|
|
2000
|
+
const $adb8114d28dbbc13$export$68b4ac416ba801c6 = '&daily=weathercode,temperature_2m_max,temperature_2m_min&timezone=auto¤t_weather=true';
|
|
2001
|
+
const $adb8114d28dbbc13$export$d9e38c0112bbdae6 = 'K2.ContentFields.WebChat/api/GetWebchatToken';
|
|
2002
|
+
const $adb8114d28dbbc13$export$342c646308e8fa62 = 'https://directline.botframework.com/v3/directline';
|
|
2003
|
+
const $adb8114d28dbbc13$export$1ca3e229e23d7f42 = 'api/hospitality/Emergency';
|
|
2004
|
+
const $adb8114d28dbbc13$export$1e8c600abff9ea62 = 'https://telemetry.retorik.ai/otlp-http/v1/traces';
|
|
2005
|
+
const $adb8114d28dbbc13$export$f3c31933b33f3693 = 'https://www.google.com/maps/dir/?api=1&';
|
|
2006
|
+
const $adb8114d28dbbc13$export$8828fbbb6034a09b = {
|
|
2007
|
+
default: 'fr-FR',
|
|
2008
|
+
all: [
|
|
2009
|
+
'fr-FR'
|
|
2010
|
+
]
|
|
2011
|
+
};
|
|
2012
|
+
const $adb8114d28dbbc13$export$9bbca248acc786d3 = [
|
|
2013
|
+
{
|
|
2014
|
+
view: (0, $4ucVo.AvailableViews).home,
|
|
2015
|
+
indice: 1
|
|
2016
|
+
},
|
|
2017
|
+
{
|
|
2018
|
+
view: (0, $4ucVo.AvailableViews).emergency,
|
|
2019
|
+
indice: 2
|
|
2020
|
+
}
|
|
2021
|
+
];
|
|
2022
|
+
const $adb8114d28dbbc13$export$890576ebf405f6b7 = [
|
|
2023
|
+
{
|
|
2024
|
+
view: (0, $4ucVo.AvailableSubViews).history,
|
|
2025
|
+
indice: 1
|
|
2026
|
+
},
|
|
2027
|
+
{
|
|
2028
|
+
view: (0, $4ucVo.AvailableSubViews).tutorial,
|
|
2029
|
+
indice: 2
|
|
2030
|
+
}
|
|
2031
|
+
];
|
|
2032
|
+
const $adb8114d28dbbc13$export$78f16669b353a880 = [
|
|
2033
|
+
(0, $4ucVo.DeviceType).mobile,
|
|
2034
|
+
(0, $4ucVo.DeviceType).widget
|
|
2035
|
+
];
|
|
2036
|
+
const $adb8114d28dbbc13$export$909f4c209eb70365 = [
|
|
2037
|
+
(0, $4ucVo.DeviceType).widget,
|
|
2038
|
+
(0, $4ucVo.DeviceType).widgetBorne,
|
|
2039
|
+
(0, $4ucVo.DeviceType).widgetLandscape
|
|
2040
|
+
];
|
|
2041
|
+
const $adb8114d28dbbc13$export$baf53ca377ebf861 = [
|
|
2042
|
+
(0, $4ucVo.DeviceType).landscape,
|
|
2043
|
+
(0, $4ucVo.DeviceType).widgetLandscape
|
|
2044
|
+
];
|
|
2045
|
+
const $adb8114d28dbbc13$export$a8576d98c9c928de = [
|
|
2046
|
+
(0, $4ucVo.DeviceType).borne,
|
|
2047
|
+
(0, $4ucVo.DeviceType).widgetBorne
|
|
2048
|
+
];
|
|
2049
|
+
const $adb8114d28dbbc13$export$c0da64553318f2cb = {
|
|
2050
|
+
primary: '#00D7FF',
|
|
2051
|
+
secondary: '#1999B1',
|
|
2052
|
+
black: '#101219',
|
|
2053
|
+
whereToEatColor: '#FC952E',
|
|
2054
|
+
whereToSleepColor: '#9F007D',
|
|
2055
|
+
tobeSeenColor: '#76AB2A',
|
|
2056
|
+
tobeDoneColor: '#E23C2A',
|
|
2057
|
+
localProductsColor: '#AFB942',
|
|
2058
|
+
servicesColor: '#00C8BC',
|
|
2059
|
+
agendaColor: '#865DA2',
|
|
2060
|
+
occupantColor: '#6DEDBC'
|
|
2061
|
+
};
|
|
2062
|
+
const $adb8114d28dbbc13$export$6a32bf5257e620e1 = [
|
|
2063
|
+
'davi.closewindow',
|
|
2064
|
+
'setuser',
|
|
2065
|
+
'davi.gdprconsent'
|
|
2066
|
+
];
|
|
2067
|
+
const $adb8114d28dbbc13$export$882049267ad78ff6 = [
|
|
2068
|
+
'ar',
|
|
2069
|
+
'fa',
|
|
2070
|
+
'he',
|
|
2071
|
+
'ps',
|
|
2072
|
+
'ur'
|
|
2073
|
+
];
|
|
2074
|
+
|
|
2075
|
+
});
|
|
2076
|
+
|
|
2077
|
+
|
|
2078
|
+
parcelRegister("lgmOB", function(module, exports) {
|
|
2079
|
+
|
|
2080
|
+
$parcel$export(module.exports, "default", () => $c1d32cdebca129b8$export$2e2bcd8739ae039);
|
|
2081
|
+
var // Get data from the json file located at the root of the folder at the address agentUrl
|
|
2082
|
+
$c1d32cdebca129b8$export$2e2bcd8739ae039 = async (agentUrl)=>{
|
|
2083
|
+
const responseData = await fetch(`${agentUrl}/manifest.json`).then((data)=>{
|
|
2084
|
+
return data.json();
|
|
2085
|
+
}).then((json)=>{
|
|
2086
|
+
return json;
|
|
2087
|
+
}).catch((error)=>{
|
|
2088
|
+
console.log(error);
|
|
2089
|
+
return null;
|
|
2090
|
+
});
|
|
2091
|
+
// Set urls to retrieve the animations and a portrait of the agent
|
|
2092
|
+
if (responseData !== null) {
|
|
2093
|
+
responseData.url = responseData.character ? `${agentUrl}/${responseData.character}` : agentUrl;
|
|
2094
|
+
responseData.portrait = agentUrl + '/' + responseData.portrait;
|
|
2095
|
+
responseData.useBodyEngineThree = !!responseData.character;
|
|
2096
|
+
}
|
|
2097
|
+
return responseData;
|
|
2098
|
+
};
|
|
2099
|
+
|
|
2100
|
+
});
|
|
2101
|
+
|
|
2102
|
+
|
|
2103
|
+
parcelRegister("82K9w", function(module, exports) {
|
|
2104
|
+
|
|
2105
|
+
$parcel$export(module.exports, "widgetDefault", () => $938bb59f49c318a8$export$4aebf65ed07cf17b);
|
|
2106
|
+
$parcel$export(module.exports, "defaultThemeDark", () => $938bb59f49c318a8$export$d80fe84b82195dbd);
|
|
2107
|
+
$parcel$export(module.exports, "defaultThemeLight", () => $938bb59f49c318a8$export$1196b7bf97f3d16c);
|
|
2108
|
+
|
|
2109
|
+
var $cT90l = parcelRequire("cT90l");
|
|
2110
|
+
const $938bb59f49c318a8$export$4aebf65ed07cf17b = {
|
|
2111
|
+
rgb: 'rgb(112, 112, 112)'
|
|
2112
|
+
};
|
|
2113
|
+
const $938bb59f49c318a8$export$d80fe84b82195dbd = {
|
|
2114
|
+
...(0, $cT90l.commonColors),
|
|
2115
|
+
companyName: '#000',
|
|
2116
|
+
loader: {
|
|
2117
|
+
animation: (0, $cT90l.commonColors).primary,
|
|
2118
|
+
background: 'rgba(18,18,18,0.7)',
|
|
2119
|
+
text: '#FFF',
|
|
2120
|
+
toggle: {
|
|
2121
|
+
text: '#000',
|
|
2122
|
+
background: (0, $cT90l.commonColors).primary
|
|
2123
|
+
},
|
|
2124
|
+
button: {
|
|
2125
|
+
background: {
|
|
2126
|
+
default: 'transparent',
|
|
2127
|
+
hover: 'transparent'
|
|
2128
|
+
},
|
|
2129
|
+
border: {
|
|
2130
|
+
default: (0, $cT90l.commonColors).primary,
|
|
2131
|
+
hover: '#FFF'
|
|
2132
|
+
},
|
|
2133
|
+
text: {
|
|
2134
|
+
default: (0, $cT90l.commonColors).primary,
|
|
2135
|
+
hover: '#FFF'
|
|
2136
|
+
}
|
|
2137
|
+
}
|
|
2138
|
+
},
|
|
2139
|
+
card: {
|
|
2140
|
+
frame: {
|
|
2141
|
+
background: '#2B2B2B',
|
|
2142
|
+
border: 'transparent',
|
|
2143
|
+
text: '#F7F3F6'
|
|
2144
|
+
},
|
|
2145
|
+
button: {
|
|
2146
|
+
background: {
|
|
2147
|
+
default: 'transparent',
|
|
2148
|
+
hover: 'transparent'
|
|
2149
|
+
},
|
|
2150
|
+
border: {
|
|
2151
|
+
default: (0, $cT90l.commonColors).primary,
|
|
2152
|
+
hover: '#FFF'
|
|
2153
|
+
},
|
|
2154
|
+
text: {
|
|
2155
|
+
default: (0, $cT90l.commonColors).primary,
|
|
2156
|
+
hover: '#FFF'
|
|
2157
|
+
}
|
|
2158
|
+
},
|
|
2159
|
+
discoverButton: {
|
|
2160
|
+
background: {
|
|
2161
|
+
default: '#eaebf0',
|
|
2162
|
+
hover: 'transparent'
|
|
2163
|
+
},
|
|
2164
|
+
border: {
|
|
2165
|
+
default: 'transparent',
|
|
2166
|
+
hover: '#FFF'
|
|
2167
|
+
},
|
|
2168
|
+
text: {
|
|
2169
|
+
default: '#575F6B',
|
|
2170
|
+
hover: '#FFF'
|
|
2171
|
+
}
|
|
2172
|
+
}
|
|
2173
|
+
},
|
|
2174
|
+
textMode: {
|
|
2175
|
+
panel: {
|
|
2176
|
+
background: 'rgba(255, 255, 255, 0.9)',
|
|
2177
|
+
border: 'transparent',
|
|
2178
|
+
conversationUser: '#FFF',
|
|
2179
|
+
conversationBot: '#2C2C2C',
|
|
2180
|
+
backgroundUser: (0, $cT90l.commonColors).secondary,
|
|
2181
|
+
backgroundBot: '#F0F0F0'
|
|
2182
|
+
}
|
|
2183
|
+
},
|
|
2184
|
+
vocalMode: {
|
|
2185
|
+
subtitles: {
|
|
2186
|
+
text: '#FFF',
|
|
2187
|
+
background: '#000'
|
|
2188
|
+
}
|
|
2189
|
+
},
|
|
2190
|
+
formInput: {
|
|
2191
|
+
text: {
|
|
2192
|
+
default: (0, $cT90l.commonColors).secondary,
|
|
2193
|
+
hover: '#FFF'
|
|
2194
|
+
},
|
|
2195
|
+
inputRadioCheckbox: {
|
|
2196
|
+
unchecked: {
|
|
2197
|
+
background: '#434141',
|
|
2198
|
+
border: '#818181'
|
|
2199
|
+
},
|
|
2200
|
+
checked: {
|
|
2201
|
+
background: (0, $cT90l.commonColors).primary,
|
|
2202
|
+
border: (0, $cT90l.commonColors).primary,
|
|
2203
|
+
item: '#000'
|
|
2204
|
+
}
|
|
2205
|
+
},
|
|
2206
|
+
inputButton: {
|
|
2207
|
+
background: {
|
|
2208
|
+
default: (0, $cT90l.commonColors).black,
|
|
2209
|
+
hover: (0, $cT90l.commonColors).primary
|
|
2210
|
+
},
|
|
2211
|
+
border: {
|
|
2212
|
+
default: (0, $cT90l.commonColors).primary,
|
|
2213
|
+
hover: '#FFF'
|
|
2214
|
+
},
|
|
2215
|
+
text: {
|
|
2216
|
+
default: '#FFF',
|
|
2217
|
+
hover: '#FFF'
|
|
2218
|
+
}
|
|
2219
|
+
},
|
|
2220
|
+
likert: {
|
|
2221
|
+
default: 'transparent',
|
|
2222
|
+
hover: '#E8B712'
|
|
2223
|
+
}
|
|
2224
|
+
}
|
|
2225
|
+
};
|
|
2226
|
+
const $938bb59f49c318a8$export$1196b7bf97f3d16c = {
|
|
2227
|
+
...(0, $cT90l.commonColors),
|
|
2228
|
+
companyName: '#000',
|
|
2229
|
+
loader: {
|
|
2230
|
+
animation: (0, $cT90l.commonColors).primary,
|
|
2231
|
+
background: 'rgba(18,18,18,0.7)',
|
|
2232
|
+
text: '#FFF',
|
|
2233
|
+
toggle: {
|
|
2234
|
+
text: '#000',
|
|
2235
|
+
background: (0, $cT90l.commonColors).primary
|
|
2236
|
+
},
|
|
2237
|
+
button: {
|
|
2238
|
+
background: {
|
|
2239
|
+
default: 'transparent',
|
|
2240
|
+
hover: 'transparent'
|
|
2241
|
+
},
|
|
2242
|
+
border: {
|
|
2243
|
+
default: (0, $cT90l.commonColors).primary,
|
|
2244
|
+
hover: '#FFF'
|
|
2245
|
+
},
|
|
2246
|
+
text: {
|
|
2247
|
+
default: (0, $cT90l.commonColors).primary,
|
|
2248
|
+
hover: '#FFF'
|
|
2249
|
+
}
|
|
2250
|
+
}
|
|
2251
|
+
},
|
|
2252
|
+
card: {
|
|
2253
|
+
frame: {
|
|
2254
|
+
background: '#2B2B2B',
|
|
2255
|
+
border: 'transparent',
|
|
2256
|
+
text: '#F7F3F6'
|
|
2257
|
+
},
|
|
2258
|
+
button: {
|
|
2259
|
+
background: {
|
|
2260
|
+
default: 'transparent',
|
|
2261
|
+
hover: 'transparent'
|
|
2262
|
+
},
|
|
2263
|
+
border: {
|
|
2264
|
+
default: (0, $cT90l.commonColors).primary,
|
|
2265
|
+
hover: '#FFF'
|
|
2266
|
+
},
|
|
2267
|
+
text: {
|
|
2268
|
+
default: (0, $cT90l.commonColors).primary,
|
|
2269
|
+
hover: '#FFF'
|
|
2270
|
+
}
|
|
2271
|
+
},
|
|
2272
|
+
discoverButton: {
|
|
2273
|
+
background: {
|
|
2274
|
+
default: '#eaebf0',
|
|
2275
|
+
hover: 'transparent'
|
|
2276
|
+
},
|
|
2277
|
+
border: {
|
|
2278
|
+
default: 'transparent',
|
|
2279
|
+
hover: '#FFF'
|
|
2280
|
+
},
|
|
2281
|
+
text: {
|
|
2282
|
+
default: '#575F6B',
|
|
2283
|
+
hover: '#FFF'
|
|
2284
|
+
}
|
|
2285
|
+
}
|
|
2286
|
+
},
|
|
2287
|
+
textMode: {
|
|
2288
|
+
panel: {
|
|
2289
|
+
background: 'rgba(255, 255, 255, 0.9)',
|
|
2290
|
+
border: 'transparent',
|
|
2291
|
+
conversationUser: '#FFF',
|
|
2292
|
+
conversationBot: '#2C2C2C',
|
|
2293
|
+
backgroundUser: (0, $cT90l.commonColors).secondary,
|
|
2294
|
+
backgroundBot: '#F0F0F0'
|
|
2295
|
+
}
|
|
2296
|
+
},
|
|
2297
|
+
vocalMode: {
|
|
2298
|
+
subtitles: {
|
|
2299
|
+
text: '#FFF',
|
|
2300
|
+
background: '#000'
|
|
2301
|
+
}
|
|
2302
|
+
},
|
|
2303
|
+
formInput: {
|
|
2304
|
+
text: {
|
|
2305
|
+
default: (0, $cT90l.commonColors).secondary,
|
|
2306
|
+
hover: '#FFF'
|
|
2307
|
+
},
|
|
2308
|
+
inputRadioCheckbox: {
|
|
2309
|
+
unchecked: {
|
|
2310
|
+
background: '#434141',
|
|
2311
|
+
border: '#818181'
|
|
2312
|
+
},
|
|
2313
|
+
checked: {
|
|
2314
|
+
background: (0, $cT90l.commonColors).primary,
|
|
2315
|
+
border: (0, $cT90l.commonColors).primary,
|
|
2316
|
+
item: '#000'
|
|
2317
|
+
}
|
|
2318
|
+
},
|
|
2319
|
+
inputButton: {
|
|
2320
|
+
background: {
|
|
2321
|
+
default: (0, $cT90l.commonColors).black,
|
|
2322
|
+
hover: (0, $cT90l.commonColors).primary
|
|
2323
|
+
},
|
|
2324
|
+
border: {
|
|
2325
|
+
default: (0, $cT90l.commonColors).primary,
|
|
2326
|
+
hover: '#FFF'
|
|
2327
|
+
},
|
|
2328
|
+
text: {
|
|
2329
|
+
default: '#FFF',
|
|
2330
|
+
hover: '#FFF'
|
|
2331
|
+
}
|
|
2332
|
+
},
|
|
2333
|
+
likert: {
|
|
2334
|
+
default: 'transparent',
|
|
2335
|
+
hover: '#E8B712'
|
|
2336
|
+
}
|
|
2381
2337
|
}
|
|
2382
2338
|
};
|
|
2383
|
-
var $1c5c9ed09d1921fe$export$2e2bcd8739ae039 = $1c5c9ed09d1921fe$var$getMicrophonePermission;
|
|
2384
2339
|
|
|
2385
2340
|
});
|
|
2386
2341
|
|
|
2387
2342
|
|
|
2388
|
-
parcelRegister("
|
|
2343
|
+
parcelRegister("i1rfm", function(module, exports) {
|
|
2389
2344
|
|
|
2390
|
-
$parcel$export(module.exports, "
|
|
2391
|
-
$parcel$export(module.exports, "default", () => $
|
|
2345
|
+
$parcel$export(module.exports, "useSpeechStore", () => $244e94971d503466$export$f299240efcda25a2);
|
|
2346
|
+
$parcel$export(module.exports, "default", () => $244e94971d503466$export$2e2bcd8739ae039);
|
|
2392
2347
|
|
|
2393
2348
|
|
|
2394
2349
|
|
|
2395
2350
|
|
|
2351
|
+
var $j67YK = parcelRequire("j67YK");
|
|
2396
2352
|
|
|
2397
2353
|
var $4ucVo = parcelRequire("4ucVo");
|
|
2398
2354
|
|
|
2399
|
-
var $
|
|
2400
|
-
|
|
2401
|
-
|
|
2402
|
-
|
|
2403
|
-
|
|
2404
|
-
|
|
2405
|
-
|
|
2406
|
-
|
|
2407
|
-
|
|
2408
|
-
|
|
2409
|
-
|
|
2410
|
-
|
|
2411
|
-
|
|
2412
|
-
|
|
2413
|
-
|
|
2414
|
-
|
|
2415
|
-
|
|
2416
|
-
|
|
2417
|
-
|
|
2418
|
-
|
|
2419
|
-
|
|
2420
|
-
|
|
2421
|
-
|
|
2422
|
-
|
|
2423
|
-
|
|
2424
|
-
|
|
2425
|
-
submitDelayBeforeSendingMessage: undefined,
|
|
2426
|
-
disableHistory: false,
|
|
2427
|
-
environmentPreset: "apartment",
|
|
2428
|
-
customScripts: [],
|
|
2429
|
-
customCSS: []
|
|
2355
|
+
var $cW5Dh = parcelRequire("cW5Dh");
|
|
2356
|
+
const $244e94971d503466$var$initialState = {
|
|
2357
|
+
ponyfillCredentials: undefined,
|
|
2358
|
+
useContinuousRecognition: false,
|
|
2359
|
+
customVoice: undefined,
|
|
2360
|
+
voice: null,
|
|
2361
|
+
mode: (0, $4ucVo.Mode).text,
|
|
2362
|
+
disableSound: false,
|
|
2363
|
+
speaking: false,
|
|
2364
|
+
muted: false,
|
|
2365
|
+
cancel: false,
|
|
2366
|
+
boundaryData: [],
|
|
2367
|
+
visemeData: [],
|
|
2368
|
+
singleVisemeAdded: null,
|
|
2369
|
+
multiVisemesAdded: [],
|
|
2370
|
+
currentOrLastPlayedActivity: undefined,
|
|
2371
|
+
isMicrophoneAllowed: false,
|
|
2372
|
+
showMicrophoneModal: false,
|
|
2373
|
+
permissionStatus: (0, $4ucVo.PermissionStatus).waiting,
|
|
2374
|
+
activeRecognitionState: (0, $4ucVo.RecognitionState).Closed,
|
|
2375
|
+
lastRecognitionInterim: '',
|
|
2376
|
+
streamingReplyToId: null,
|
|
2377
|
+
streamingQueue: [],
|
|
2378
|
+
streamingReplyToIdToIgnore: null,
|
|
2379
|
+
speechRecognitionDynamicGrammars: [],
|
|
2380
|
+
externalTextToSpeech: undefined
|
|
2430
2381
|
};
|
|
2431
|
-
|
|
2432
|
-
$aab770e2a22c2c28$var$timer = setTimeout(()=>{
|
|
2433
|
-
return true;
|
|
2434
|
-
}, 1000);
|
|
2435
|
-
const $aab770e2a22c2c28$var$createSpeechStore = ()=>{
|
|
2382
|
+
const $244e94971d503466$var$createSpeechStore = (setRetorikEvent, getListStatus, setListStatus, setLastListActivity, setUserTyping)=>{
|
|
2436
2383
|
return (0, $bZRJW$createStore)((set, get)=>{
|
|
2437
2384
|
return {
|
|
2438
|
-
...$
|
|
2385
|
+
...$244e94971d503466$var$initialState,
|
|
2439
2386
|
actions: {
|
|
2440
|
-
|
|
2387
|
+
setPonyfillFactoryCredentials: (value)=>{
|
|
2441
2388
|
set({
|
|
2442
|
-
|
|
2389
|
+
ponyfillCredentials: value
|
|
2443
2390
|
});
|
|
2444
2391
|
},
|
|
2445
|
-
|
|
2446
|
-
set({
|
|
2447
|
-
|
|
2392
|
+
setUseContinuousRecognition: (deviceType, options)=>{
|
|
2393
|
+
if (options?.enableContinuousRecognitionOnAllDevices) set({
|
|
2394
|
+
useContinuousRecognition: true
|
|
2448
2395
|
});
|
|
2449
|
-
|
|
2450
|
-
|
|
2451
|
-
|
|
2452
|
-
|
|
2396
|
+
else if (options?.enableContinuousRecognitionOn) switch(deviceType){
|
|
2397
|
+
case (0, $4ucVo.DeviceType).mobile:
|
|
2398
|
+
set({
|
|
2399
|
+
useContinuousRecognition: !!options.enableContinuousRecognitionOn.mobile
|
|
2400
|
+
});
|
|
2401
|
+
break;
|
|
2402
|
+
case (0, $4ucVo.DeviceType).widget:
|
|
2403
|
+
case (0, $4ucVo.DeviceType).widgetLandscape:
|
|
2404
|
+
case (0, $4ucVo.DeviceType).widgetBorne:
|
|
2405
|
+
set({
|
|
2406
|
+
useContinuousRecognition: !!options.enableContinuousRecognitionOn.widget
|
|
2407
|
+
});
|
|
2408
|
+
break;
|
|
2409
|
+
case (0, $4ucVo.DeviceType).landscape:
|
|
2410
|
+
set({
|
|
2411
|
+
useContinuousRecognition: !!options.enableContinuousRecognitionOn.desktop
|
|
2412
|
+
});
|
|
2413
|
+
break;
|
|
2414
|
+
case (0, $4ucVo.DeviceType).borne:
|
|
2415
|
+
set({
|
|
2416
|
+
useContinuousRecognition: !!options.enableContinuousRecognitionOn.borne
|
|
2417
|
+
});
|
|
2418
|
+
break;
|
|
2419
|
+
default:
|
|
2420
|
+
set({
|
|
2421
|
+
useContinuousRecognition: false
|
|
2422
|
+
});
|
|
2423
|
+
break;
|
|
2424
|
+
}
|
|
2425
|
+
else set({
|
|
2426
|
+
useContinuousRecognition: false
|
|
2453
2427
|
});
|
|
2454
2428
|
},
|
|
2455
|
-
|
|
2456
|
-
const sendBox = get().sendBoxRef;
|
|
2457
|
-
sendBox && document.activeElement !== sendBox && sendBox.focus();
|
|
2458
|
-
},
|
|
2459
|
-
setCanFocusSendBox: (value)=>{
|
|
2429
|
+
setCustomVoice: (value)=>{
|
|
2460
2430
|
set({
|
|
2461
|
-
|
|
2431
|
+
customVoice: value
|
|
2462
2432
|
});
|
|
2463
2433
|
},
|
|
2464
|
-
|
|
2434
|
+
setVoice: (value)=>{
|
|
2465
2435
|
set({
|
|
2466
|
-
|
|
2436
|
+
voice: value
|
|
2467
2437
|
});
|
|
2468
2438
|
},
|
|
2469
|
-
|
|
2439
|
+
setMode: (value)=>{
|
|
2470
2440
|
set({
|
|
2471
|
-
|
|
2441
|
+
mode: value
|
|
2472
2442
|
});
|
|
2443
|
+
setLastListActivity(undefined);
|
|
2444
|
+
value !== (0, $4ucVo.Mode).text && setUserTyping(false);
|
|
2445
|
+
!get().disableSound && get().actions.setMuted(value === (0, $4ucVo.Mode).text);
|
|
2473
2446
|
},
|
|
2474
|
-
|
|
2447
|
+
setDisableSound: (value)=>{
|
|
2475
2448
|
set({
|
|
2476
|
-
|
|
2449
|
+
disableSound: value
|
|
2477
2450
|
});
|
|
2478
2451
|
},
|
|
2479
|
-
|
|
2480
|
-
set({
|
|
2481
|
-
|
|
2452
|
+
setSpeaking: (value)=>{
|
|
2453
|
+
set(()=>{
|
|
2454
|
+
return value === false ? {
|
|
2455
|
+
speaking: value,
|
|
2456
|
+
visemeData: [],
|
|
2457
|
+
singleVisemeAdded: null,
|
|
2458
|
+
multiVisemesAdded: []
|
|
2459
|
+
} : {
|
|
2460
|
+
speaking: value
|
|
2461
|
+
};
|
|
2482
2462
|
});
|
|
2463
|
+
setRetorikEvent(value ? (0, $4ucVo.RetorikEvent).SpeechStarted : (0, $4ucVo.RetorikEvent).SpeechEnded);
|
|
2483
2464
|
},
|
|
2484
|
-
|
|
2465
|
+
setMuted: (value)=>{
|
|
2485
2466
|
set({
|
|
2486
|
-
|
|
2467
|
+
muted: value
|
|
2487
2468
|
});
|
|
2488
2469
|
},
|
|
2489
|
-
|
|
2490
|
-
set({
|
|
2491
|
-
|
|
2492
|
-
|
|
2470
|
+
toggleMuted: ()=>{
|
|
2471
|
+
set((state)=>({
|
|
2472
|
+
muted: !state.muted
|
|
2473
|
+
}));
|
|
2493
2474
|
},
|
|
2494
|
-
|
|
2475
|
+
cancelCurrentUtterance: ()=>{
|
|
2495
2476
|
set({
|
|
2496
|
-
|
|
2477
|
+
cancel: true
|
|
2497
2478
|
});
|
|
2498
2479
|
},
|
|
2499
|
-
|
|
2480
|
+
resetCancelCurrentUtterance: ()=>{
|
|
2500
2481
|
set({
|
|
2501
|
-
|
|
2482
|
+
cancel: false
|
|
2502
2483
|
});
|
|
2503
2484
|
},
|
|
2504
|
-
|
|
2485
|
+
setBoundaryData: (value)=>{
|
|
2505
2486
|
set({
|
|
2506
|
-
|
|
2507
|
-
displaySubtitles: value
|
|
2487
|
+
boundaryData: value
|
|
2508
2488
|
});
|
|
2509
2489
|
},
|
|
2510
|
-
|
|
2490
|
+
setVisemeData: (value)=>{
|
|
2511
2491
|
set({
|
|
2512
|
-
|
|
2492
|
+
visemeData: value,
|
|
2493
|
+
multiVisemesAdded: value
|
|
2513
2494
|
});
|
|
2514
2495
|
},
|
|
2515
|
-
|
|
2496
|
+
addViseme: (value)=>{
|
|
2516
2497
|
set((state)=>({
|
|
2517
|
-
|
|
2498
|
+
visemeData: [
|
|
2499
|
+
...state.visemeData,
|
|
2500
|
+
value
|
|
2501
|
+
],
|
|
2502
|
+
singleVisemeAdded: value
|
|
2518
2503
|
}));
|
|
2519
2504
|
},
|
|
2520
|
-
|
|
2521
|
-
|
|
2522
|
-
|
|
2523
|
-
|
|
2524
|
-
if (
|
|
2525
|
-
if (
|
|
2526
|
-
else gpuTestSupportsBodyengine = gpuTier.tier > 1;
|
|
2527
|
-
}
|
|
2528
|
-
const url = typeof value === 'string' ? value : value.url;
|
|
2529
|
-
let data = await (0, $lgmOB.default)(url);
|
|
2530
|
-
if (data?.useBodyEngineThree && !gpuTestSupportsBodyengine) {
|
|
2531
|
-
console.log('Retorik Framework > graphic capacity too low to use bodyengine, the application will switch to spiritengine');
|
|
2532
|
-
data = await (0, $lgmOB.default)(data?.gender === 'female' ? (0, $1TxAn.characters).zahra : (0, $1TxAn.characters).rowan);
|
|
2533
|
-
}
|
|
2534
|
-
if (data && typeof value !== 'string') {
|
|
2535
|
-
value.name && (data.name = value.name);
|
|
2536
|
-
value.animationsUrl && (data.animationsUrl = value.animationsUrl);
|
|
2505
|
+
setCurrentOrLastPlayedActivity: (value)=>{
|
|
2506
|
+
set({
|
|
2507
|
+
currentOrLastPlayedActivity: value
|
|
2508
|
+
});
|
|
2509
|
+
if (value?.attachmentLayout?.toLowerCase() === 'davilist') {
|
|
2510
|
+
if (getListStatus() !== (0, $4ucVo.ListStatus).opened) setListStatus((0, $4ucVo.ListStatus).available);
|
|
2537
2511
|
}
|
|
2512
|
+
},
|
|
2513
|
+
setIsMicrophoneAllowed: (value)=>{
|
|
2538
2514
|
set({
|
|
2539
|
-
|
|
2540
|
-
agentData: data
|
|
2515
|
+
isMicrophoneAllowed: value
|
|
2541
2516
|
});
|
|
2542
2517
|
},
|
|
2543
|
-
|
|
2544
|
-
|
|
2545
|
-
|
|
2546
|
-
|
|
2547
|
-
});
|
|
2548
|
-
$aab770e2a22c2c28$var$timer = null;
|
|
2549
|
-
}, 1000);
|
|
2518
|
+
setShowMicrophoneModal: (value)=>{
|
|
2519
|
+
set({
|
|
2520
|
+
showMicrophoneModal: value
|
|
2521
|
+
});
|
|
2550
2522
|
},
|
|
2551
|
-
|
|
2552
|
-
if (
|
|
2553
|
-
|
|
2554
|
-
|
|
2555
|
-
|
|
2556
|
-
|
|
2557
|
-
|
|
2558
|
-
|
|
2559
|
-
|
|
2560
|
-
|
|
2561
|
-
|
|
2562
|
-
|
|
2563
|
-
|
|
2523
|
+
toggleMicrophone: (fromExpectedInput)=>{
|
|
2524
|
+
if (get().mode === (0, $4ucVo.Mode).text) get().actions.setActiveRecognitionState((0, $4ucVo.RecognitionState).Closed);
|
|
2525
|
+
else switch(get().activeRecognitionState){
|
|
2526
|
+
// Do nothing if we are in a transition state
|
|
2527
|
+
case (0, $4ucVo.RecognitionState).Initializing:
|
|
2528
|
+
case (0, $4ucVo.RecognitionState).Closing:
|
|
2529
|
+
return;
|
|
2530
|
+
case (0, $4ucVo.RecognitionState).Listening:
|
|
2531
|
+
get().actions.setActiveRecognitionState((0, $4ucVo.RecognitionState).ForceClosing);
|
|
2532
|
+
get().actions.cancelCurrentUtterance();
|
|
2533
|
+
break;
|
|
2534
|
+
case (0, $4ucVo.RecognitionState).Closed:
|
|
2535
|
+
get().actions.setActiveRecognitionState((0, $4ucVo.RecognitionState).Initializing);
|
|
2536
|
+
!fromExpectedInput && get().actions.cancelCurrentUtterance();
|
|
2537
|
+
break;
|
|
2564
2538
|
}
|
|
2565
2539
|
},
|
|
2566
|
-
|
|
2540
|
+
askPermission: async ()=>{
|
|
2567
2541
|
set({
|
|
2568
|
-
|
|
2542
|
+
showMicrophoneModal: true
|
|
2543
|
+
});
|
|
2544
|
+
(0, $cW5Dh.default)().then((permission)=>{
|
|
2545
|
+
// Hide modal window and open microphone if this one is allowed
|
|
2546
|
+
if (permission === (0, $4ucVo.PermissionStatus).allowed) {
|
|
2547
|
+
set({
|
|
2548
|
+
permissionStatus: permission,
|
|
2549
|
+
isMicrophoneAllowed: true,
|
|
2550
|
+
showMicrophoneModal: false
|
|
2551
|
+
});
|
|
2552
|
+
get().actions.toggleMicrophone();
|
|
2553
|
+
} else set({
|
|
2554
|
+
permissionStatus: permission,
|
|
2555
|
+
isMicrophoneAllowed: false
|
|
2556
|
+
});
|
|
2569
2557
|
});
|
|
2570
2558
|
},
|
|
2571
|
-
|
|
2559
|
+
setActiveRecognitionState: (value)=>{
|
|
2572
2560
|
set({
|
|
2573
|
-
|
|
2561
|
+
activeRecognitionState: value
|
|
2574
2562
|
});
|
|
2575
2563
|
},
|
|
2576
|
-
|
|
2564
|
+
setLastRecognitionInterim: (value)=>{
|
|
2577
2565
|
set({
|
|
2578
|
-
|
|
2566
|
+
lastRecognitionInterim: value
|
|
2579
2567
|
});
|
|
2580
2568
|
},
|
|
2581
|
-
|
|
2569
|
+
setStreamingReplyToId: (value)=>{
|
|
2582
2570
|
set({
|
|
2583
|
-
|
|
2571
|
+
streamingReplyToId: value
|
|
2584
2572
|
});
|
|
2585
2573
|
},
|
|
2586
|
-
|
|
2574
|
+
addToStreamingQueue: (value)=>{
|
|
2575
|
+
if (value.replyToId) {
|
|
2576
|
+
if (value.replyToId !== get().streamingReplyToIdToIgnore) {
|
|
2577
|
+
// Set replyToId and new queue if replyToId is different from the current one
|
|
2578
|
+
if (get().streamingReplyToId !== value.replyToId) set({
|
|
2579
|
+
streamingReplyToId: value.replyToId,
|
|
2580
|
+
streamingQueue: [
|
|
2581
|
+
value
|
|
2582
|
+
]
|
|
2583
|
+
});
|
|
2584
|
+
else set({
|
|
2585
|
+
streamingQueue: [
|
|
2586
|
+
...get().streamingQueue,
|
|
2587
|
+
value
|
|
2588
|
+
]
|
|
2589
|
+
});
|
|
2590
|
+
}
|
|
2591
|
+
} else set({
|
|
2592
|
+
streamingQueue: [
|
|
2593
|
+
...get().streamingQueue,
|
|
2594
|
+
value
|
|
2595
|
+
]
|
|
2596
|
+
});
|
|
2597
|
+
},
|
|
2598
|
+
// If "twice" parameter is true, let's remove 2 elements instead of one (used with the message at the end of a streaming that should not be spoken)
|
|
2599
|
+
removeFirstFromStreamingQueue: (twice)=>{
|
|
2600
|
+
set((state)=>({
|
|
2601
|
+
streamingQueue: state.streamingQueue.slice(twice ? 2 : 1)
|
|
2602
|
+
}));
|
|
2603
|
+
},
|
|
2604
|
+
killCurrentStreaming: ()=>{
|
|
2587
2605
|
set({
|
|
2588
|
-
|
|
2606
|
+
streamingReplyToIdToIgnore: get().streamingReplyToId,
|
|
2607
|
+
streamingQueue: []
|
|
2589
2608
|
});
|
|
2590
2609
|
},
|
|
2591
|
-
|
|
2610
|
+
checkActivityReplyToId: (replyToId)=>{
|
|
2611
|
+
get().streamingReplyToId !== replyToId && get().actions.killCurrentStreaming();
|
|
2612
|
+
},
|
|
2613
|
+
addSpeechRecognitionDynamicGrammar: (value)=>{
|
|
2614
|
+
const currentGrammars = get().speechRecognitionDynamicGrammars;
|
|
2615
|
+
// For each value, verifiy if it doesn't exist in the array yet
|
|
2616
|
+
if (Array.isArray(value)) {
|
|
2617
|
+
const valuesToAdd = [];
|
|
2618
|
+
value.forEach((val)=>{
|
|
2619
|
+
!currentGrammars.includes(val) && valuesToAdd.push(val);
|
|
2620
|
+
});
|
|
2621
|
+
valuesToAdd.length && set({
|
|
2622
|
+
speechRecognitionDynamicGrammars: [
|
|
2623
|
+
...currentGrammars,
|
|
2624
|
+
...valuesToAdd
|
|
2625
|
+
]
|
|
2626
|
+
});
|
|
2627
|
+
} else !currentGrammars.includes(value) && set({
|
|
2628
|
+
speechRecognitionDynamicGrammars: [
|
|
2629
|
+
...currentGrammars,
|
|
2630
|
+
value
|
|
2631
|
+
]
|
|
2632
|
+
});
|
|
2633
|
+
},
|
|
2634
|
+
playExternalSynthesis: (value)=>{
|
|
2592
2635
|
set({
|
|
2593
|
-
|
|
2636
|
+
externalTextToSpeech: value
|
|
2594
2637
|
});
|
|
2595
2638
|
},
|
|
2596
|
-
|
|
2639
|
+
resetSpeechStore: ()=>{
|
|
2597
2640
|
set({
|
|
2598
|
-
...$
|
|
2641
|
+
...$244e94971d503466$var$initialState
|
|
2599
2642
|
});
|
|
2600
2643
|
}
|
|
2601
2644
|
}
|
|
2602
2645
|
};
|
|
2603
2646
|
});
|
|
2604
2647
|
};
|
|
2605
|
-
const $
|
|
2606
|
-
const $
|
|
2607
|
-
const store = (0, $bZRJW$useContext)($
|
|
2608
|
-
if (!store) throw new Error('Retorik Framework >
|
|
2648
|
+
const $244e94971d503466$var$SpeechContext = /*#__PURE__*/ (0, $bZRJW$createContext)(null);
|
|
2649
|
+
const $244e94971d503466$export$f299240efcda25a2 = (selector)=>{
|
|
2650
|
+
const store = (0, $bZRJW$useContext)($244e94971d503466$var$SpeechContext);
|
|
2651
|
+
if (!store) throw new Error('Retorik Framework > useSpeechStore must be used within SpeechProvider');
|
|
2609
2652
|
return (0, $bZRJW$useStore)(store, selector);
|
|
2610
2653
|
};
|
|
2611
|
-
const $
|
|
2612
|
-
const
|
|
2613
|
-
|
|
2654
|
+
const $244e94971d503466$var$SpeechProvider = ({ children: children })=>{
|
|
2655
|
+
const { setRetorikEvent: setRetorikEvent, getListStatus: getListStatus, setListStatus: setListStatus, setLastListActivity: setLastListActivity, setUserTyping: setUserTyping } = (0, $j67YK.useUtilsStore)((state)=>state.actions);
|
|
2656
|
+
const [store] = (0, $bZRJW$useState)(()=>$244e94971d503466$var$createSpeechStore(setRetorikEvent, getListStatus, setListStatus, setLastListActivity, setUserTyping));
|
|
2657
|
+
return /*#__PURE__*/ (0, $bZRJW$jsx)($244e94971d503466$var$SpeechContext.Provider, {
|
|
2614
2658
|
value: store,
|
|
2615
2659
|
children: children
|
|
2616
2660
|
});
|
|
2617
2661
|
};
|
|
2618
|
-
var $
|
|
2619
|
-
|
|
2620
|
-
});
|
|
2621
|
-
parcelRegister("1TxAn", function(module, exports) {
|
|
2622
|
-
|
|
2623
|
-
$parcel$export(module.exports, "characters", () => $f413faac4683ad46$export$30a86d91af8ff6e6);
|
|
2624
|
-
|
|
2625
|
-
var $cT90l = parcelRequire("cT90l");
|
|
2626
|
-
const $f413faac4683ad46$export$30a86d91af8ff6e6 = {
|
|
2627
|
-
alice: `${(0, $cT90l.CDNCharactersAddress)}/long-shot/alice`,
|
|
2628
|
-
greg: `${(0, $cT90l.CDNCharactersAddress)}/long-shot/greg`,
|
|
2629
|
-
jeanmarc: `${(0, $cT90l.CDNCharactersAddress)}/jean-marc`,
|
|
2630
|
-
jessica: `${(0, $cT90l.CDNCharactersAddress)}/long-shot/jessica`,
|
|
2631
|
-
jessica_short: `${(0, $cT90l.CDNCharactersAddress)}/medium-shot/jessica`,
|
|
2632
|
-
ikaa: `${(0, $cT90l.CDNCharactersAddress)}/long-shot/ikaa`,
|
|
2633
|
-
karine: `${(0, $cT90l.CDNCharactersAddress)}/karine`,
|
|
2634
|
-
lea: `${(0, $cT90l.CDNCharactersAddress)}/lea`,
|
|
2635
|
-
prosper: `${(0, $cT90l.CDNCharactersAddress)}/prosper`,
|
|
2636
|
-
raphael: `${(0, $cT90l.CDNCharactersAddress)}/raphael`,
|
|
2637
|
-
rowan: `${(0, $cT90l.CDNCharactersAddress)}/long-shot/rowan`,
|
|
2638
|
-
rowan_short: `${(0, $cT90l.CDNCharactersAddress)}/medium-shot/rowan`,
|
|
2639
|
-
zahra: `${(0, $cT90l.CDNCharactersAddress)}/long-shot/zahra`
|
|
2640
|
-
};
|
|
2662
|
+
var $244e94971d503466$export$2e2bcd8739ae039 = $244e94971d503466$var$SpeechProvider;
|
|
2641
2663
|
|
|
2642
2664
|
});
|
|
2665
|
+
parcelRegister("cW5Dh", function(module, exports) {
|
|
2643
2666
|
|
|
2644
|
-
|
|
2667
|
+
$parcel$export(module.exports, "default", () => $1c5c9ed09d1921fe$export$2e2bcd8739ae039);
|
|
2645
2668
|
|
|
2646
|
-
$
|
|
2647
|
-
var
|
|
2648
|
-
|
|
2649
|
-
|
|
2650
|
-
|
|
2651
|
-
|
|
2652
|
-
|
|
2653
|
-
|
|
2654
|
-
|
|
2655
|
-
|
|
2656
|
-
|
|
2657
|
-
|
|
2658
|
-
|
|
2659
|
-
|
|
2660
|
-
|
|
2661
|
-
|
|
2669
|
+
var $4ucVo = parcelRequire("4ucVo");
|
|
2670
|
+
const $1c5c9ed09d1921fe$var$getMicrophonePermission = async ()=>{
|
|
2671
|
+
try {
|
|
2672
|
+
return navigator.mediaDevices.getUserMedia({
|
|
2673
|
+
audio: true
|
|
2674
|
+
}).then((stream)=>{
|
|
2675
|
+
return stream ? (0, $4ucVo.PermissionStatus).allowed : (0, $4ucVo.PermissionStatus).refused;
|
|
2676
|
+
}, (reason)=>{
|
|
2677
|
+
console.log('Retorik Framework > microphone permission refused : ', reason);
|
|
2678
|
+
return (0, $4ucVo.PermissionStatus).refused;
|
|
2679
|
+
}).catch((error)=>{
|
|
2680
|
+
console.log('Retorik Framework > microphone permission refused : ', error);
|
|
2681
|
+
return (0, $4ucVo.PermissionStatus).error;
|
|
2682
|
+
});
|
|
2683
|
+
} catch (error) {
|
|
2684
|
+
console.log('Retorik Framework > microphone permission refused : ', error);
|
|
2685
|
+
return (0, $4ucVo.PermissionStatus).error;
|
|
2662
2686
|
}
|
|
2663
|
-
return responseData;
|
|
2664
2687
|
};
|
|
2688
|
+
var $1c5c9ed09d1921fe$export$2e2bcd8739ae039 = $1c5c9ed09d1921fe$var$getMicrophonePermission;
|
|
2665
2689
|
|
|
2666
2690
|
});
|
|
2667
2691
|
|
|
@@ -4307,7 +4331,7 @@ var $c54ebc4ba0100ff1$export$2e2bcd8739ae039 = $c54ebc4ba0100ff1$var$activityMid
|
|
|
4307
4331
|
});
|
|
4308
4332
|
|
|
4309
4333
|
parcelRegister("iT1WI", function(module, exports) {
|
|
4310
|
-
module.exports = JSON.parse("{\"name\":\"@davi-ai/retorik-framework\",\"version\":\"3.2.
|
|
4334
|
+
module.exports = JSON.parse("{\"name\":\"@davi-ai/retorik-framework\",\"version\":\"3.2.6\",\"description\":\"Retorik Framework package\",\"author\":\"DAVI\",\"license\":\"MIT\",\"repository\":\"none\",\"main\":\"dist/index.js\",\"module\":\"dist/index.modern.js\",\"types\":\"dist/index.d.ts\",\"source\":\"src/index.tsx\",\"standalone\":\"standalone/index.js\",\"targets\":{\"standalone\":{\"context\":\"browser\",\"outputFormat\":\"esmodule\",\"distDir\":\"standalone\"},\"module\":{\"context\":\"browser\",\"outputFormat\":\"esmodule\",\"distDir\":\"dist\"}},\"engines\":{\"node\":\">=10\"},\"scripts\":{\"build\":\"parcel build\",\"start\":\"parcel watch\",\"test\":\"jest --env=jsdom --reporters=jest-junit\",\"test-console\":\"jest --env=jsdom\",\"test-update-snapshots\":\"jest --env=jsdom --updateSnapshot\",\"test-coverage-console\":\"jest --env=jsdom --reporters=jest-junit --coverage\",\"test-coverage\":\"jest --env=jsdom --reporters=jest-junit --coverage --coverageReporters=cobertura\",\"report\":\"npx parcel build src/index.tsx --reporter @parcel/reporter-bundle-analyzer\",\"credentials\":\"vsts-npm-auth -config .npmrc\"},\"peerDependencies\":{\"react\":\"18.3.1\",\"react-dom\":\"18.3.1\"},\"devDependencies\":{\"@babel/core\":\"^7.19.1\",\"@babel/plugin-proposal-decorators\":\"^7.24.7\",\"@babel/plugin-proposal-private-property-in-object\":\"^7.21.11\",\"@babel/preset-env\":\"^7.25.4\",\"@babel/preset-react\":\"^7.24.7\",\"@babel/preset-typescript\":\"^7.24.7\",\"@babel/runtime\":\"^7.23.8\",\"@parcel/packager-ts\":\"^2.13.2\",\"@parcel/reporter-bundle-analyzer\":\"^2.13.2\",\"@parcel/reporter-sourcemap-visualiser\":\"^2.13.2\",\"@parcel/transformer-inline-string\":\"^2.13.2\",\"@parcel/transformer-typescript-types\":\"^2.13.2\",\"@parcel/validator-eslint\":\"^2.13.2\",\"@parcel/validator-typescript\":\"^2.13.2\",\"@testing-library/dom\":\"^10.4.0\",\"@testing-library/jest-dom\":\"6.5.0\",\"@testing-library/react\":\"16.0.1\",\"@testing-library/react-hooks\":\"8.0.1\",\"@testing-library/user-event\":\"14.5.2\",\"@types/jest\":\"^27.5.1\",\"@types/leaflet\":\"^1.8.0\",\"@types/node\":\"^12.12.38\",\"@types/react\":\"18.3.12\",\"@types/react-dom\":\"18.3.1\",\"@types/testing-library__jest-dom\":\"^5.14.5\",\"@types/testing-library__react\":\"latest\",\"@typescript-eslint/eslint-plugin\":\"^8.19.0\",\"@typescript-eslint/parser\":\"^8.19.0\",\"autoprefixer\":\"^10.4.7\",\"babel-eslint\":\"^10.0.3\",\"babel-jest\":\"^29.7.0\",\"babel-loader\":\"^8.2.5\",\"buffer\":\"^5.7.1\",\"canvas\":\"^2.9.0\",\"cross-env\":\"^7.0.2\",\"crypto-browserify\":\"^3.12.0\",\"eslint\":\"^9.16.0\",\"eslint-config-prettier\":\"^9.1.0\",\"eslint-config-standard\":\"^17.1.0\",\"eslint-config-standard-react\":\"^13.0.0\",\"eslint-plugin-import\":\"^2.31.0\",\"eslint-plugin-node\":\"^11.1.0\",\"eslint-plugin-prettier\":\"^5.2.1\",\"eslint-plugin-promise\":\"^7.2.1\",\"eslint-plugin-react\":\"^7.37.2\",\"https-browserify\":\"^1.0.0\",\"jest\":\"^29.7.0\",\"jest-environment-jsdom\":\"^29.7.0\",\"jest-junit\":\"16.0.0\",\"npm-run-all\":\"^4.1.5\",\"parcel\":\"^2.13.2\",\"postcss\":\"^8.4.14\",\"postcss-url\":\"^10.1.3\",\"prettier\":\"^2.0.4\",\"process\":\"^0.11.10\",\"punycode\":\"^1.4.1\",\"querystring-es3\":\"^0.2.1\",\"react\":\"^18\",\"react-docgen-typescript-plugin\":\"^1.0.5\",\"react-dom\":\"18.3.1\",\"react-test-renderer\":\"^18.3.1\",\"resize-observer-polyfill\":\"^1.5.1\",\"stream-browserify\":\"^3.0.0\",\"stream-http\":\"^3.2.0\",\"string_decoder\":\"^1.3.0\",\"tailwindcss\":\"^3.1.0\",\"typescript\":\"5.3.2\",\"url\":\"^0.11.0\",\"util\":\"^0.12.4\"},\"files\":[\"dist\"],\"dependencies\":{\"@davi-ai/body-engine-sprite\":\"3.0.0\",\"@davi-ai/react-bodyengine-three\":\"^1.0.8\",\"@davi-ai/retorik-weather\":\"2.0.0\",\"@davi-ai/speechmarkdown-davi-js\":\"2.0.1\",\"@davi-ai/web-speech-cognitive-services-davi\":\"2.1.0\",\"@lottiefiles/react-lottie-player\":\"^3.4.1\",\"@opentelemetry/api\":\"^1.9.0\",\"@opentelemetry/exporter-trace-otlp-http\":\"^0.200.0\",\"@opentelemetry/instrumentation\":\"^0.200.0\",\"@opentelemetry/instrumentation-document-load\":\"^0.45.0\",\"@opentelemetry/instrumentation-fetch\":\"^0.200.0\",\"@opentelemetry/resources\":\"^2.0.0\",\"@opentelemetry/sdk-trace-web\":\"^2.0.0\",\"@opentelemetry/semantic-conventions\":\"^1.32.0\",\"@react-spring/types\":\"^9.7.3\",\"@react-spring/web\":\"^9.7.3\",\"@swc/helpers\":\"^0.5.0\",\"@types/geojson\":\"^7946.0.10\",\"@types/jsdom\":\"^16.2.14\",\"@use-gesture/react\":\"^10.2.15\",\"adaptivecards\":\"3.0.1\",\"botframework-directlinejs\":\"^0.15.5\",\"classnames\":\"^2.3.1\",\"detect-gpu\":\"^5.0.70\",\"leaflet\":\"^1.9.2\",\"markdown-it\":\"14.1.0\",\"pdfjs-dist\":\"3.11.174\",\"postcss-copy\":\"^7.1.0\",\"qrcode\":\"^1.5.1\",\"react-device-detect\":\"^2.2.3\",\"react-error-boundary\":\"^4.0.10\",\"react-leaflet\":\"^4.1.0\",\"react-pdf\":\"7.7.1\",\"react-shadow\":\"^20.5.0\",\"swiper\":\"^8.4.5\",\"zustand\":\"^5.0.3\"},\"overrides\":{\"@davi-ai/web-speech-cognitive-services-davi\":\"$@davi-ai/web-speech-cognitive-services-davi\",\"zustand\":\"$zustand\"},\"@parcel/resolver-default\":{\"packageExports\":true}}");
|
|
4311
4335
|
|
|
4312
4336
|
});
|
|
4313
4337
|
|
|
@@ -5002,22 +5026,6 @@ const $03066ddc8eeac452$export$1524746c49eeef2b = 'data:image/png;base64,iVBORw0
|
|
|
5002
5026
|
|
|
5003
5027
|
});
|
|
5004
5028
|
|
|
5005
|
-
parcelRegister("75pB6", function(module, exports) {
|
|
5006
|
-
|
|
5007
|
-
$parcel$export(module.exports, "fetchEmergencyData", () => $c1b40d4a10143303$export$cdd2c9f4b3acf5fb);
|
|
5008
|
-
|
|
5009
|
-
var $cT90l = parcelRequire("cT90l");
|
|
5010
|
-
async function $c1b40d4a10143303$export$cdd2c9f4b3acf5fb(address) {
|
|
5011
|
-
const res = await fetch(`${address}${(0, $cT90l.hospitalityApiAddress)}`).then((emergencyData)=>{
|
|
5012
|
-
return emergencyData.json();
|
|
5013
|
-
}).catch(()=>{
|
|
5014
|
-
return null;
|
|
5015
|
-
});
|
|
5016
|
-
return res;
|
|
5017
|
-
}
|
|
5018
|
-
|
|
5019
|
-
});
|
|
5020
|
-
|
|
5021
5029
|
parcelRegister("7pypd", function(module, exports) {
|
|
5022
5030
|
|
|
5023
5031
|
$parcel$export(module.exports, "capitalizeFirstLetter", () => $d94d08aa61ce84f3$export$d07f57595c356899);
|
|
@@ -6792,15 +6800,12 @@ $parcel$export(module.exports, "default", () => $d15919a4100e497f$export$2e2bcd8
|
|
|
6792
6800
|
|
|
6793
6801
|
var $1Qww3 = parcelRequire("1Qww3");
|
|
6794
6802
|
|
|
6795
|
-
var $2fuDN = parcelRequire("2fuDN");
|
|
6796
|
-
|
|
6797
6803
|
var $cU5vf = parcelRequire("cU5vf");
|
|
6798
6804
|
|
|
6799
6805
|
var $aYFLf = parcelRequire("aYFLf");
|
|
6800
6806
|
|
|
6801
6807
|
var $isz9d = parcelRequire("isz9d");
|
|
6802
6808
|
const $d15919a4100e497f$var$Background = ({ config: config, videoLoop: videoLoop, videoMuted: videoMuted, onVideoEnded: onVideoEnded, onVideoCanPlay: onVideoCanPlay })=>{
|
|
6803
|
-
const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
|
|
6804
6809
|
const webcamRotation = (0, $1Qww3.useViewStore)((state)=>state.configurations).webcamRotation;
|
|
6805
6810
|
const imageRef = (0, $bZRJW$useRef)(null);
|
|
6806
6811
|
const dimensions = (0, $cU5vf.default)(imageRef);
|
|
@@ -6852,12 +6857,7 @@ const $d15919a4100e497f$var$Background = ({ config: config, videoLoop: videoLoop
|
|
|
6852
6857
|
ref: imageRef,
|
|
6853
6858
|
src: config.image,
|
|
6854
6859
|
alt: "background image",
|
|
6855
|
-
className: "rf-col-span-full rf-row-span-full rf-w-full rf-h-full rf-object-cover rf-filter rf-blur-background"
|
|
6856
|
-
style: {
|
|
6857
|
-
...isRTL ? {
|
|
6858
|
-
transform: 'scaleX(-1)'
|
|
6859
|
-
} : {}
|
|
6860
|
-
}
|
|
6860
|
+
className: "rf-col-span-full rf-row-span-full rf-w-full rf-h-full rf-object-cover rf-filter rf-blur-background"
|
|
6861
6861
|
}),
|
|
6862
6862
|
config.style === 'video' && config.video && /*#__PURE__*/ (0, $bZRJW$jsx)((0, $aYFLf.default), {
|
|
6863
6863
|
source: config.video,
|
|
@@ -7050,7 +7050,7 @@ const $be2786c491557492$var$CloseButton = ({ onClick: onClick, label: label, cla
|
|
|
7050
7050
|
return /*#__PURE__*/ (0, $bZRJW$jsxs)("button", {
|
|
7051
7051
|
"aria-label": label || translation.common.close,
|
|
7052
7052
|
onClick: onClick,
|
|
7053
|
-
className: `${className} rf-absolute rf-flex rf-flex-col rf-items-center
|
|
7053
|
+
className: `${className} rf-absolute rf-flex rf-flex-col rf-items-center rf-right-0 rf-top-0 rf-p-2`,
|
|
7054
7054
|
children: [
|
|
7055
7055
|
/*#__PURE__*/ (0, $bZRJW$jsx)((0, $awh9M.default), {
|
|
7056
7056
|
className: "rf-h-6 rf-w-6"
|
|
@@ -7311,7 +7311,7 @@ var $1x02c = parcelRequire("1x02c");
|
|
|
7311
7311
|
const $62c9543e6a54a221$var$FullScreenRemote = ({ className: className, background: background, onClick: onClick, animation: animation, children: children })=>{
|
|
7312
7312
|
const useOldRemote = (0, $1x02c.useRetorikStore)((state)=>state.configuration.useOldRemote);
|
|
7313
7313
|
return /*#__PURE__*/ (0, $bZRJW$jsx)((0, $bZRJW$animated).div, {
|
|
7314
|
-
className: `${useOldRemote ? className?.includes('rf-z-') ? '' : 'rf-z-util' : 'rf-z-[15]'} rf-relative rf-overflow-y-scroll rf-scrollbar-hidden rf-text-black rf-text-size-auto rf-bg-templateBackground large:
|
|
7314
|
+
className: `${useOldRemote ? className?.includes('rf-z-') ? '' : 'rf-z-util' : 'rf-z-[15]'} rf-relative rf-overflow-y-scroll rf-scrollbar-hidden rf-text-black rf-text-size-auto rf-bg-templateBackground large:rf-mr-30 rf-col-span-full rf-row-span-full ${className}`,
|
|
7315
7315
|
style: {
|
|
7316
7316
|
background: background || '',
|
|
7317
7317
|
outline: '1px solid transparent',
|
|
@@ -7590,7 +7590,6 @@ var $8KJP1 = parcelRequire("8KJP1");
|
|
|
7590
7590
|
const $2ec58e0e10234435$var$springEnterDuration = 1500;
|
|
7591
7591
|
const $2ec58e0e10234435$var$springLeaveDuration = 2500;
|
|
7592
7592
|
const $2ec58e0e10234435$var$List = ({ activity: activity, onClose: onClose })=>{
|
|
7593
|
-
const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
|
|
7594
7593
|
const mode = (0, $i1rfm.useSpeechStore)((state)=>state.mode);
|
|
7595
7594
|
const useOldRemote = (0, $1x02c.useRetorikStore)((state)=>state.configuration.useOldRemote);
|
|
7596
7595
|
const isMobile = (0, $1Qww3.useViewStore)((state)=>state.isMobile);
|
|
@@ -7623,7 +7622,7 @@ const $2ec58e0e10234435$var$List = ({ activity: activity, onClose: onClose })=>{
|
|
|
7623
7622
|
setListStatus((0, $4ucVo.ListStatus).opened);
|
|
7624
7623
|
api.start({
|
|
7625
7624
|
from: {
|
|
7626
|
-
transform:
|
|
7625
|
+
transform: 'translateX(-100%)'
|
|
7627
7626
|
},
|
|
7628
7627
|
to: {
|
|
7629
7628
|
transform: 'translateX(0%)'
|
|
@@ -7641,7 +7640,7 @@ const $2ec58e0e10234435$var$List = ({ activity: activity, onClose: onClose })=>{
|
|
|
7641
7640
|
transform: 'translateX(0%)'
|
|
7642
7641
|
},
|
|
7643
7642
|
to: {
|
|
7644
|
-
transform:
|
|
7643
|
+
transform: 'translateX(-100%)'
|
|
7645
7644
|
},
|
|
7646
7645
|
config: {
|
|
7647
7646
|
duration: $2ec58e0e10234435$var$springLeaveDuration,
|
|
@@ -7738,7 +7737,7 @@ const $2ec58e0e10234435$var$List = ({ activity: activity, onClose: onClose })=>{
|
|
|
7738
7737
|
className: `${mobileFiltersOpened ? 'rf-hidden' : 'rf-flex'} rf-flex-col rf-items-start large:rf-pt-16 large:rf-h-full large-vertical:rf-pt-[20vh]`,
|
|
7739
7738
|
children: [
|
|
7740
7739
|
content.text && /*#__PURE__*/ (0, $bZRJW$jsx)((0, $1t2sy.default), {
|
|
7741
|
-
className: "
|
|
7740
|
+
className: "rf-ml-2 rf-mt-8 large:rf-ml-0 large:rf-mt-0",
|
|
7742
7741
|
title: (0, $7pypd.capitalizeFirstLetter)(content.text, locale),
|
|
7743
7742
|
numberOfResults: content.channelData?.numberOfResults || 0
|
|
7744
7743
|
}),
|
|
@@ -7799,10 +7798,10 @@ const $639b803f36b25cd8$var$Title = ({ className: className, title: title, numbe
|
|
|
7799
7798
|
children: title
|
|
7800
7799
|
}),
|
|
7801
7800
|
numberOfResults !== undefined && /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
|
|
7802
|
-
className: "rf-text-gray large:
|
|
7801
|
+
className: "rf-text-gray large:rf-ml-4",
|
|
7803
7802
|
children: [
|
|
7804
7803
|
numberOfResults,
|
|
7805
|
-
|
|
7804
|
+
" ",
|
|
7806
7805
|
numberOfResults > 1 ? translation.common.results : translation.common.result
|
|
7807
7806
|
]
|
|
7808
7807
|
})
|
|
@@ -7892,7 +7891,7 @@ const $07bfabc563cc37ce$var$ChosenItem = ({ className: className, filterItem: fi
|
|
|
7892
7891
|
]),
|
|
7893
7892
|
children: [
|
|
7894
7893
|
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
7895
|
-
className: "
|
|
7894
|
+
className: "rf-mr-2 large:rf-mr-3",
|
|
7896
7895
|
children: parent.id === 'Event.DateRange' ? `${filterItem.name.substring(8, 10)}/${filterItem.name.substring(5, 7)}/${filterItem.name.substring(0, 4)}` : (0, $7pypd.capitalizeFirstLetter)(filterItem.name, locale)
|
|
7897
7896
|
}),
|
|
7898
7897
|
/*#__PURE__*/ (0, $bZRJW$jsx)((0, $awh9M.default), {
|
|
@@ -7943,18 +7942,18 @@ const $a763dc4397f46467$var$FilterItem = ({ className: className, identifier: id
|
|
|
7943
7942
|
className: "rf-relative rf-mt-1",
|
|
7944
7943
|
children: [
|
|
7945
7944
|
/*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
|
|
7946
|
-
className: `rf-px-4 rf-py-3
|
|
7945
|
+
className: `rf-px-4 rf-py-3 rf-mr-4 large-vertical:rf-py-4 ${style} rf-border rf-rounded-lg hover:rf-cursor-pointer rf-flex rf-flex-row rf-items-center rf-justify-center ${className}`,
|
|
7947
7946
|
onClick: (e)=>handleOpen(e),
|
|
7948
7947
|
children: [
|
|
7949
7948
|
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
7950
|
-
className: "
|
|
7949
|
+
className: "rf-mr-3",
|
|
7951
7950
|
children: (0, $7pypd.capitalizeFirstLetter)(filter.title, locale)
|
|
7952
7951
|
}),
|
|
7953
7952
|
opened ? /*#__PURE__*/ (0, $bZRJW$jsx)((0, $9a1BG.default), {}) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $8ccv9.default), {})
|
|
7954
7953
|
]
|
|
7955
7954
|
}),
|
|
7956
7955
|
opened && /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
7957
|
-
className: "rf-absolute
|
|
7956
|
+
className: "rf-absolute rf-left-0 rf-top-110 rf-z-util rf-w-max rf-py-1 rf-px-4 rf-text-black rf-border rf-rounded-lg rf-border-black rf-bg-truewhite rf-flex rf-flex-col rf-items-center rf-justify-center",
|
|
7958
7957
|
style: {
|
|
7959
7958
|
transform: filter.id === 'Event.DateRange' && !isMobile ? 'translate(-20%, -20%) scale(0.6, 0.6)' : ''
|
|
7960
7959
|
},
|
|
@@ -9429,7 +9428,7 @@ const $21e6929845cbc712$var$MobileFilterPage = ({ close: close, resetFilters: re
|
|
|
9429
9428
|
className: "rf-flex rf-items-center",
|
|
9430
9429
|
children: [
|
|
9431
9430
|
filter.id !== 'Event.DateRange' && /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
9432
|
-
className: "rf-text-sm rf-text-gray
|
|
9431
|
+
className: "rf-text-sm rf-text-gray rf-mr-5",
|
|
9433
9432
|
onClick: ()=>handleSelectAllAndOpen(filter),
|
|
9434
9433
|
children: (0, $7pypd.capitalizeFirstLetter)(translation.common.all, locale)
|
|
9435
9434
|
}),
|
|
@@ -9460,6 +9459,7 @@ parcelRequire("7b1UX");
|
|
|
9460
9459
|
var $5AMhU = parcelRequire("5AMhU");
|
|
9461
9460
|
const $845f9e0eac8addde$var$MobileUpperBand = ({ title: title, handleReset: handleReset, handleReturn: handleReturn })=>{
|
|
9462
9461
|
const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
|
|
9462
|
+
const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
|
|
9463
9463
|
return /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
|
|
9464
9464
|
className: "rf-w-full rf-py-4 rf-px-4 rf-flex rf-justify-between rf-items-center rf-border-b rf-border-b-black",
|
|
9465
9465
|
children: [
|
|
@@ -9471,13 +9471,13 @@ const $845f9e0eac8addde$var$MobileUpperBand = ({ title: title, handleReset: hand
|
|
|
9471
9471
|
className: "rf-w-8"
|
|
9472
9472
|
}),
|
|
9473
9473
|
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
9474
|
-
className: "
|
|
9474
|
+
className: "rf-ml-1",
|
|
9475
9475
|
children: title
|
|
9476
9476
|
})
|
|
9477
9477
|
]
|
|
9478
9478
|
}),
|
|
9479
9479
|
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
9480
|
-
className:
|
|
9480
|
+
className: `${isRTL ? 'rf-text-arabic' : 'rf-text-xsm'} rf-uppercase rf-text-secondary rf-underline`,
|
|
9481
9481
|
onClick: handleReset,
|
|
9482
9482
|
children: translation.template.reset
|
|
9483
9483
|
})
|
|
@@ -9614,24 +9614,18 @@ $parcel$export(module.exports, "default", () => $dac2275350fba77b$export$2e2bcd8
|
|
|
9614
9614
|
var $7pypd = parcelRequire("7pypd");
|
|
9615
9615
|
parcelRequire("7b1UX");
|
|
9616
9616
|
var $5AMhU = parcelRequire("5AMhU");
|
|
9617
|
-
var $4Hqlr = parcelRequire("4Hqlr");
|
|
9618
|
-
|
|
9619
|
-
var $2fuDN = parcelRequire("2fuDN");
|
|
9620
9617
|
const $dac2275350fba77b$var$BackButton = ({ title: title, className: className, handleBack: handleBack })=>{
|
|
9621
|
-
const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
|
|
9622
9618
|
return /*#__PURE__*/ (0, $bZRJW$jsxs)("button", {
|
|
9623
9619
|
className: `rf-flex rf-flex-row rf-items-center ${className}`,
|
|
9624
9620
|
onClick: handleBack,
|
|
9625
9621
|
"aria-label": title,
|
|
9626
9622
|
"data-map": "fermer",
|
|
9627
9623
|
children: [
|
|
9628
|
-
|
|
9629
|
-
className: "rf-w-8"
|
|
9630
|
-
}) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $5AMhU.default), {
|
|
9624
|
+
/*#__PURE__*/ (0, $bZRJW$jsx)((0, $5AMhU.default), {
|
|
9631
9625
|
className: "rf-w-8"
|
|
9632
9626
|
}),
|
|
9633
9627
|
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
9634
|
-
className: "
|
|
9628
|
+
className: "rf-ml-1",
|
|
9635
9629
|
children: (0, $7pypd.capitalizeFirstLetter)(title)
|
|
9636
9630
|
})
|
|
9637
9631
|
]
|
|
@@ -9761,7 +9755,7 @@ const $82acedcc07951f36$var$AbsoluteLargeClosingButton = ({ dashboardVisible: da
|
|
|
9761
9755
|
onClick();
|
|
9762
9756
|
};
|
|
9763
9757
|
return isMobile ? /*#__PURE__*/ (0, $bZRJW$jsx)((0, $bZRJW$react).Fragment, {}) : useOldRemote ? /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
9764
|
-
className: `rf-absolute ${hidden && 'rf-hidden'} rf-w-24 rf-flex rf-justify-center
|
|
9758
|
+
className: `rf-absolute ${hidden && 'rf-hidden'} rf-w-24 rf-flex rf-justify-center rf-right-0 ${zIndexClassname || 'rf-z-ui'}`,
|
|
9765
9759
|
style: {
|
|
9766
9760
|
top: hideMenu ? `calc(${top} - 6rem)` : top
|
|
9767
9761
|
},
|
|
@@ -9829,6 +9823,7 @@ var $awh9M = parcelRequire("awh9M");
|
|
|
9829
9823
|
const $b1ebb9bae475d3c9$var$DashboardButton = ({ dashboardVisible: dashboardVisible, onClick: onClick })=>{
|
|
9830
9824
|
const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
|
|
9831
9825
|
const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
|
|
9826
|
+
const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
|
|
9832
9827
|
const [label, setLabel] = (0, $bZRJW$useState)('');
|
|
9833
9828
|
(0, $bZRJW$useEffect)(()=>{
|
|
9834
9829
|
setLabel(dashboardVisible ? translation.common.close : translation.common.menu);
|
|
@@ -9836,7 +9831,7 @@ const $b1ebb9bae475d3c9$var$DashboardButton = ({ dashboardVisible: dashboardVisi
|
|
|
9836
9831
|
locale
|
|
9837
9832
|
]);
|
|
9838
9833
|
return /*#__PURE__*/ (0, $bZRJW$jsxs)("button", {
|
|
9839
|
-
className:
|
|
9834
|
+
className: `rf-w-18 rf-h-18 rf-mb-6 rf-flex rf-flex-col rf-justify-center rf-items-center rf-bg-truewhite ${isRTL ? 'rf-text-arabic' : 'rf-text-xsm'} rf-text-trueblack rf-border rf-border-menuBorder rf-rounded-half hover:rf-cursor-pointer rf-shadow-[0_3px_6px_#606267]`,
|
|
9840
9835
|
"aria-label": label,
|
|
9841
9836
|
// data-map used in interactive map to use this button externaly
|
|
9842
9837
|
"data-map": dashboardVisible ? 'fermer' : 'dashboard',
|
|
@@ -10078,7 +10073,7 @@ const $191cbcfd81dc7add$var$Logo = ({ className: className })=>{
|
|
|
10078
10073
|
const configuration = (0, $1x02c.useRetorikStore)((state)=>state.configuration);
|
|
10079
10074
|
return configuration.logo?.src ? /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
10080
10075
|
id: "retorik-customer-logo",
|
|
10081
|
-
className: className || 'rf-absolute rf-m-4 large:rf-m-8 rf-top-0
|
|
10076
|
+
className: className || 'rf-absolute rf-m-4 large:rf-m-8 rf-top-0 rf-left-0',
|
|
10082
10077
|
children: /*#__PURE__*/ (0, $bZRJW$jsx)("img", {
|
|
10083
10078
|
src: configuration.logo.src,
|
|
10084
10079
|
alt: "Logo",
|
|
@@ -10215,6 +10210,7 @@ function $f48c640446d42682$var$instanceOfCustomMenuDisplayGeneratorProps(object)
|
|
|
10215
10210
|
const $f48c640446d42682$var$DisplayGenerator = (props)=>{
|
|
10216
10211
|
const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
|
|
10217
10212
|
const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
|
|
10213
|
+
const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
|
|
10218
10214
|
const isMobile = (0, $1Qww3.useViewStore)((state)=>state.isMobile);
|
|
10219
10215
|
const themeColors = (0, $1Qww3.useViewStore)((state)=>state.themeColors);
|
|
10220
10216
|
const setRoute = (0, $1Qww3.useViewStore)((state)=>state.actions.setRoute);
|
|
@@ -10294,7 +10290,7 @@ const $f48c640446d42682$var$DisplayGenerator = (props)=>{
|
|
|
10294
10290
|
color: colorButtonHandle
|
|
10295
10291
|
}),
|
|
10296
10292
|
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
10297
|
-
className: "
|
|
10293
|
+
className: "rf-ml-4 rf-font-bold",
|
|
10298
10294
|
children: (0, $7pypd.capitalizeFirstLetter)(label, locale)
|
|
10299
10295
|
})
|
|
10300
10296
|
]
|
|
@@ -10315,7 +10311,7 @@ const $f48c640446d42682$var$DisplayGenerator = (props)=>{
|
|
|
10315
10311
|
color: colorButtonHandle
|
|
10316
10312
|
}),
|
|
10317
10313
|
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
10318
|
-
className:
|
|
10314
|
+
className: `rf-uppercase rf-text-[#575F6B] ${isRTL ? 'rf-text-arabic' : 'rf-text-xs'} large-vertical:rf-text-basecustomuppercase`,
|
|
10319
10315
|
children: label
|
|
10320
10316
|
})
|
|
10321
10317
|
]
|
|
@@ -10983,6 +10979,7 @@ function $7144545accc7269e$var$instanceOfCustomMenuDisplayGeneratorProps(object)
|
|
|
10983
10979
|
const $7144545accc7269e$var$DisplaySubGenerator = (props)=>{
|
|
10984
10980
|
const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
|
|
10985
10981
|
const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
|
|
10982
|
+
const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
|
|
10986
10983
|
const isMobile = (0, $1Qww3.useViewStore)((state)=>state.isMobile);
|
|
10987
10984
|
const { setCurrentCustomView: setCurrentCustomView, setCurrentSubView: setCurrentSubView } = (0, $j67YK.useUtilsStore)((state)=>state.actions);
|
|
10988
10985
|
const [label, setLabel] = (0, $bZRJW$useState)('');
|
|
@@ -11042,7 +11039,7 @@ const $7144545accc7269e$var$DisplaySubGenerator = (props)=>{
|
|
|
11042
11039
|
className: "rf-h-8 rf-w-8 rf-flex"
|
|
11043
11040
|
}),
|
|
11044
11041
|
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
11045
|
-
className:
|
|
11042
|
+
className: `rf-uppercase rf-text-[#575F6B] ${isRTL ? 'rf-text-arabic' : 'rf-text-xs'}`,
|
|
11046
11043
|
children: label
|
|
11047
11044
|
})
|
|
11048
11045
|
]
|
|
@@ -11139,7 +11136,7 @@ const $51b46ba4dcc48c83$var$ParameterButton = ({ title: title, color: color, ico
|
|
|
11139
11136
|
className: "rf-flex rf-flex-row rf-items-center",
|
|
11140
11137
|
children: [
|
|
11141
11138
|
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
11142
|
-
className: "
|
|
11139
|
+
className: "rf-mr-3 rf-text-lightgray rf-normal-case",
|
|
11143
11140
|
children: (0, (/*@__PURE__*/$parcel$interopDefault($8dUAa)))[locale]
|
|
11144
11141
|
}),
|
|
11145
11142
|
/*#__PURE__*/ (0, $bZRJW$jsx)((0, $pEipO.default), {
|
|
@@ -11169,7 +11166,7 @@ const $51b46ba4dcc48c83$var$ParameterButton = ({ title: title, color: color, ico
|
|
|
11169
11166
|
color: color
|
|
11170
11167
|
}) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $bZRJW$react).Fragment, {}),
|
|
11171
11168
|
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
11172
|
-
className: "
|
|
11169
|
+
className: "rf-ml-1 rf-uppercase",
|
|
11173
11170
|
children: title
|
|
11174
11171
|
})
|
|
11175
11172
|
]
|
|
@@ -11211,6 +11208,7 @@ var $8mS4T = parcelRequire("8mS4T");
|
|
|
11211
11208
|
const $c3ffc5389c8d4942$var$LanguageButton = ()=>{
|
|
11212
11209
|
const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
|
|
11213
11210
|
const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
|
|
11211
|
+
const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
|
|
11214
11212
|
const supported = (0, $2fuDN.useLocaleStore)((state)=>state.supported);
|
|
11215
11213
|
const isMobile = (0, $1Qww3.useViewStore)((state)=>state.isMobile);
|
|
11216
11214
|
const themeColors = (0, $1Qww3.useViewStore)((state)=>state.themeColors);
|
|
@@ -11255,7 +11253,7 @@ const $c3ffc5389c8d4942$var$LanguageButton = ()=>{
|
|
|
11255
11253
|
color: currentSubView === (0, $4ucVo.CurrentSubView).languages ? themeColors.secondary : '#A4A7AF',
|
|
11256
11254
|
onClick: (e)=>handleClick(e)
|
|
11257
11255
|
}) : /*#__PURE__*/ (0, $bZRJW$jsxs)("button", {
|
|
11258
|
-
className: "rf-absolute rf-z-ui rf-min-w-24
|
|
11256
|
+
className: "rf-absolute rf-z-ui rf-min-w-24 rf-right-0 rf-px-2 rf-flex rf-flex-row rf-items-center rf-rounded-l-lg",
|
|
11259
11257
|
style: {
|
|
11260
11258
|
bottom: bottom,
|
|
11261
11259
|
background: 'linear-gradient(#F8F8FC, #EDEEF3)'
|
|
@@ -11263,14 +11261,14 @@ const $c3ffc5389c8d4942$var$LanguageButton = ()=>{
|
|
|
11263
11261
|
onClick: handleClick,
|
|
11264
11262
|
children: [
|
|
11265
11263
|
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
11266
|
-
className: "rf-h-8
|
|
11264
|
+
className: "rf-h-8 rf-mr-2",
|
|
11267
11265
|
children: /*#__PURE__*/ (0, $bZRJW$jsx)("img", {
|
|
11268
11266
|
className: "rf-h-full",
|
|
11269
11267
|
src: `https://flagsapi.com/${mainLocale}/flat/64.png`
|
|
11270
11268
|
})
|
|
11271
11269
|
}),
|
|
11272
11270
|
/*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
|
|
11273
|
-
className:
|
|
11271
|
+
className: `rf-flex rf-flex-col rf-items-start ${isRTL ? 'rf-text-arabic' : 'rf-text-xsm'}`,
|
|
11274
11272
|
children: [
|
|
11275
11273
|
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
11276
11274
|
className: "rf-text-trueblack",
|
|
@@ -12137,7 +12135,7 @@ const $612dea69c431d413$var$ListContainer = ({ hasFilterOrSuggestedAction: hasFi
|
|
|
12137
12135
|
direction: "top",
|
|
12138
12136
|
display: !!(numberOfDisplayed?.current && numberOfDisplayed.current > currentPagination),
|
|
12139
12137
|
scrollHandler: ()=>scrollToRef(),
|
|
12140
|
-
className: "rf-absolute rf-bottom-1/4
|
|
12138
|
+
className: "rf-absolute rf-bottom-1/4 rf-right-3 rf-z-ui rf-w-9 rf-h-9 rf-cursor-pointer rf-bg-[#00000050] rf-p-[7px_12px] rf-rounded-[20px] rf-flex"
|
|
12141
12139
|
})
|
|
12142
12140
|
]
|
|
12143
12141
|
}) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $bZRJW$react).Fragment, {});
|
|
@@ -12533,9 +12531,12 @@ const $8baa442bce91cb56$var$ImageAttachment = ({ url: url, title: title, alt: al
|
|
|
12533
12531
|
setMaxHeight(Math.floor(currentHeight * (displaySubtitles ? 0.34 : 0.5)));
|
|
12534
12532
|
break;
|
|
12535
12533
|
case (0, $4ucVo.DeviceType).landscape:
|
|
12536
|
-
|
|
12534
|
+
// The container in BotResponse is 7 rows high on the main grid, with a total of 12 rows, so quite 59%.
|
|
12535
|
+
// We reduce a little 9% because 100% is whithout browser's interface.
|
|
12536
|
+
setMaxHeight(Math.floor(currentHeight * 0.50));
|
|
12537
12537
|
break;
|
|
12538
12538
|
case (0, $4ucVo.DeviceType).borne:
|
|
12539
|
+
// Same as landscape, but 5 rows high instead of 7
|
|
12539
12540
|
setMaxHeight(Math.floor(currentHeight * 0.34));
|
|
12540
12541
|
break;
|
|
12541
12542
|
default:
|
|
@@ -12819,14 +12820,14 @@ const $d1864a22a5f5cc20$var$ClassicButton = ({ url: url, text: text, description
|
|
|
12819
12820
|
href: url,
|
|
12820
12821
|
target: "_blank",
|
|
12821
12822
|
rel: "noopener noreferrer",
|
|
12822
|
-
className: "rf-card-button rf-flex
|
|
12823
|
+
className: "rf-card-button rf-flex rf-items-center",
|
|
12823
12824
|
children: [
|
|
12824
12825
|
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
12825
12826
|
className: "rf-h-6 rf-w-6",
|
|
12826
12827
|
children: download ? /*#__PURE__*/ (0, $bZRJW$jsx)((0, $bQZBp.default), {}) : isRTL ? /*#__PURE__*/ (0, $bZRJW$jsx)((0, $5AMhU.default), {}) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $4Hqlr.default), {})
|
|
12827
12828
|
}),
|
|
12828
12829
|
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
12829
|
-
className:
|
|
12830
|
+
className: `${isRTL ? 'rf-mr-2' : 'rf-ml-2'} rf-truncate`,
|
|
12830
12831
|
children: text || ''
|
|
12831
12832
|
})
|
|
12832
12833
|
]
|
|
@@ -12880,7 +12881,7 @@ const $c21552de80cae6ad$var$BorderlessButton = ({ url: url, text: text, download
|
|
|
12880
12881
|
})
|
|
12881
12882
|
}),
|
|
12882
12883
|
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
12883
|
-
className:
|
|
12884
|
+
className: `${isRTL ? 'rf-mr-4' : 'rf-ml-4'}`,
|
|
12884
12885
|
children: text || ''
|
|
12885
12886
|
})
|
|
12886
12887
|
]
|
|
@@ -13344,6 +13345,7 @@ parcelRequire("SZcIF");
|
|
|
13344
13345
|
var $aJKB3 = parcelRequire("aJKB3");
|
|
13345
13346
|
const $d9ae9dff2dc9b518$var$SuggestionAttachment = ({ suggestions: suggestions, title: title, description: description, height: height, history: history, showTutorial: showTutorial })=>{
|
|
13346
13347
|
const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
|
|
13348
|
+
const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
|
|
13347
13349
|
const configuration = (0, $1x02c.useRetorikStore)((state)=>state.configuration);
|
|
13348
13350
|
const themeColors = (0, $1Qww3.useViewStore)((state)=>state.themeColors);
|
|
13349
13351
|
const onTutorialClick = ()=>{
|
|
@@ -13359,11 +13361,11 @@ const $d9ae9dff2dc9b518$var$SuggestionAttachment = ({ suggestions: suggestions,
|
|
|
13359
13361
|
children: [
|
|
13360
13362
|
title && // Title on the left if there is a description, middle otherwise
|
|
13361
13363
|
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
13362
|
-
className: `rf-w-full ${description ? '
|
|
13364
|
+
className: `rf-w-full ${description ? '' : 'rf-text-center'} rf-title-size-auto ${configuration.isUsedOnBorne ? 'rf-truncate' : 'rf-line-clamp-2'}`,
|
|
13363
13365
|
children: (0, $7pypd.capitalizeFirstLetter)(title)
|
|
13364
13366
|
}),
|
|
13365
13367
|
description && /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
13366
|
-
className: "rf-
|
|
13368
|
+
className: "rf-w-full",
|
|
13367
13369
|
children: description
|
|
13368
13370
|
}),
|
|
13369
13371
|
suggestions?.map((data, key)=>{
|
|
@@ -13377,15 +13379,15 @@ const $d9ae9dff2dc9b518$var$SuggestionAttachment = ({ suggestions: suggestions,
|
|
|
13377
13379
|
}, key);
|
|
13378
13380
|
}),
|
|
13379
13381
|
showTutorial && /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
|
|
13380
|
-
className: "rf-
|
|
13382
|
+
className: "rf-w-full rf-flex rf-items-end rf-italic",
|
|
13381
13383
|
children: [
|
|
13382
13384
|
/*#__PURE__*/ (0, $bZRJW$jsx)((0, $aJKB3.default), {
|
|
13383
|
-
className:
|
|
13385
|
+
className: `${isRTL ? 'rf-pl-2' : 'rf-pr-2'} rf-h-6`,
|
|
13384
13386
|
color: themeColors.card.button.text.default
|
|
13385
13387
|
}),
|
|
13386
13388
|
`${translation.common.needhelp} ${translation.suggestion.consult}`,
|
|
13387
13389
|
/*#__PURE__*/ (0, $bZRJW$jsx)("span", {
|
|
13388
|
-
className:
|
|
13390
|
+
className: `${isRTL ? 'rf-pr-1' : 'rf-pl-1'} rf-underline rf-cursor-pointer`,
|
|
13389
13391
|
onClick: onTutorialClick,
|
|
13390
13392
|
children: translation.suggestion.thetutorial
|
|
13391
13393
|
})
|
|
@@ -13471,7 +13473,7 @@ const $40e461106cbc7ca0$var$BorderlessButtonMessage = ({ text: text, differentTe
|
|
|
13471
13473
|
})
|
|
13472
13474
|
}),
|
|
13473
13475
|
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
13474
|
-
className:
|
|
13476
|
+
className: `${isRTL ? 'rf-mr-4' : 'rf-ml-4'}`,
|
|
13475
13477
|
children: text || ''
|
|
13476
13478
|
})
|
|
13477
13479
|
]
|
|
@@ -13639,7 +13641,7 @@ const $762a878636021049$var$GridAttachment = ({ index: index, text: text, textCo
|
|
|
13639
13641
|
})
|
|
13640
13642
|
}),
|
|
13641
13643
|
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
13642
|
-
className: `rf-flex rf-min-h-8 large:rf-min-h-[2.3rem] ${lineClamp} rf-items-start rf-text-small-size-auto
|
|
13644
|
+
className: `rf-flex rf-min-h-8 large:rf-min-h-[2.3rem] ${lineClamp} rf-items-start rf-text-small-size-auto rf-overflow-y-hidden`,
|
|
13643
13645
|
children: /*#__PURE__*/ (0, $bZRJW$jsx)("p", {
|
|
13644
13646
|
className: `${maxHeight} rf-overflow-y-clip`,
|
|
13645
13647
|
dangerouslySetInnerHTML: {
|
|
@@ -14060,12 +14062,12 @@ const $768ba3709c161186$var$SuggestionsItem = ({ className: className, title: ti
|
|
|
14060
14062
|
const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
|
|
14061
14063
|
return /*#__PURE__*/ (0, $bZRJW$jsxs)("button", {
|
|
14062
14064
|
onClick: ()=>handleClick(value),
|
|
14063
|
-
className: `rf-h-fit rf-px-4 rf-py-3
|
|
14065
|
+
className: `rf-h-fit rf-px-4 rf-py-3 rf-mr-4 rf-mb-4 large-vertical:rf-py-4 rf-border rf-rounded-lg rf-bg-templateBackground rf-text-black rf-border-black hover:rf-cursor-pointer rf-flex rf-flex-row rf-items-center rf-justify-center ${className}`,
|
|
14064
14066
|
"aria-label": title,
|
|
14065
14067
|
children: [
|
|
14066
14068
|
(0, $7pypd.capitalizeFirstLetter)(title, locale),
|
|
14067
14069
|
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
14068
|
-
className: "
|
|
14070
|
+
className: "rf-ml-6 rf-text-gray",
|
|
14069
14071
|
children: results || 0
|
|
14070
14072
|
})
|
|
14071
14073
|
]
|
|
@@ -14156,7 +14158,7 @@ const $50630363f33e0940$var$SubMenuClosing = ({ className: className, background
|
|
|
14156
14158
|
/*#__PURE__*/ (0, $bZRJW$jsx)((0, $3y61A.default), {
|
|
14157
14159
|
title: backIsConversation ? translation.menu.backconversation : isMobile ? translation.common.back : translation.menu.backconversation,
|
|
14158
14160
|
handleBack: handleClose,
|
|
14159
|
-
className: `rf-relative large:rf-absolute ${useOldRemote ? 'large-tactile:rf-hidden' : 'large-vertical:rf-hidden'} rf-pb-6 large:
|
|
14161
|
+
className: `rf-relative large:rf-absolute ${useOldRemote ? 'large-tactile:rf-hidden' : 'large-vertical:rf-hidden'} rf-pb-6 large:rf-left-4 large:rf-top-8 rf-text-size-auto`
|
|
14160
14162
|
}),
|
|
14161
14163
|
/*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
|
|
14162
14164
|
className: `rf-w-full large:rf-w-fit large:rf-max-w-full large-vertical:rf-max-w-2/3 large:rf-px-6 rf-flex rf-flex-col large-vertical:rf-text-size-auto rf-overflow-y-scroll rf-scrollbar-hidden ${className}`,
|
|
@@ -14267,7 +14269,7 @@ const $67ce0e678b71b513$var$SingleCardContainer = ({ attachment: attachment, his
|
|
|
14267
14269
|
triggerScroll?.();
|
|
14268
14270
|
}, []);
|
|
14269
14271
|
return attachment.contentType.includes('.card') ? /*#__PURE__*/ (0, $bZRJW$jsx)((0, $iPLKi.default), {
|
|
14270
|
-
className: history ? 'rf-w-full' : 'rf-w-full rf-min-w-full landscape-retorik:rf-w-[48%] landscape-retorik:rf-min-w-[48%] landscape-retorik:
|
|
14272
|
+
className: history ? 'rf-w-full' : 'rf-w-full rf-min-w-full landscape-retorik:rf-w-[48%] landscape-retorik:rf-min-w-[48%] landscape-retorik:rf-ml-1/5 large-vertical:rf-w-3/5 large-vertical:rf-min-w-3/5 rf-max-h-full',
|
|
14271
14273
|
children: (0, $3fJQe.default)({
|
|
14272
14274
|
attachment: attachment,
|
|
14273
14275
|
history: history
|
|
@@ -14290,8 +14292,11 @@ $parcel$export(module.exports, "default", () => $4479e13de3bb7205$export$2e2bcd8
|
|
|
14290
14292
|
|
|
14291
14293
|
|
|
14292
14294
|
|
|
14295
|
+
var $2fuDN = parcelRequire("2fuDN");
|
|
14296
|
+
|
|
14293
14297
|
var $l2u1n = parcelRequire("l2u1n");
|
|
14294
14298
|
const $4479e13de3bb7205$var$Card = ({ children: children, className: className, shadow: shadow = false })=>{
|
|
14299
|
+
const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
|
|
14295
14300
|
const [scrollButtonDisplay, setScrollButtonDisplay] = (0, $bZRJW$useState)(false);
|
|
14296
14301
|
const [scrollButtonDirection, setScrollButtonDirection] = (0, $bZRJW$useState)('bottom');
|
|
14297
14302
|
const botEndRef = (0, $bZRJW$useRef)(null);
|
|
@@ -14351,6 +14356,7 @@ const $4479e13de3bb7205$var$Card = ({ children: children, className: className,
|
|
|
14351
14356
|
return ()=>timer && clearTimeout(timer);
|
|
14352
14357
|
}, []);
|
|
14353
14358
|
return /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
14359
|
+
dir: isRTL ? 'rtl' : 'ltr',
|
|
14354
14360
|
className: `rf-relative rf-max-h-full rf-flex rf-flex-col rf-text-size-auto rf-unselectable ${className}`,
|
|
14355
14361
|
draggable: true,
|
|
14356
14362
|
onDragStart: handleDragStart,
|
|
@@ -14498,8 +14504,6 @@ var $j67YK = parcelRequire("j67YK");
|
|
|
14498
14504
|
|
|
14499
14505
|
var $1Qww3 = parcelRequire("1Qww3");
|
|
14500
14506
|
|
|
14501
|
-
var $2fuDN = parcelRequire("2fuDN");
|
|
14502
|
-
|
|
14503
14507
|
var $cU5vf = parcelRequire("cU5vf");
|
|
14504
14508
|
|
|
14505
14509
|
var $4ucVo = parcelRequire("4ucVo");
|
|
@@ -14517,7 +14521,6 @@ const $78df6258e38451c4$var$widthCoefficients = {
|
|
|
14517
14521
|
const $78df6258e38451c4$var$defaultTransitionDuration = '300ms';
|
|
14518
14522
|
const $78df6258e38451c4$var$velocityBreakpoint = 0.5;
|
|
14519
14523
|
const $78df6258e38451c4$var$Carousel = /*#__PURE__*/ (0, $bZRJW$react).forwardRef(({ direction: direction, history: history, draft: draft, grid: grid, gridTitle: gridTitle, forcedCurrentCard: forcedCurrentCard, setCarouselCardWidth: setCarouselCardWidth, setForcedCurrentCardInCarousel: setForcedCurrentCardInCarousel, children: children }, ref)=>{
|
|
14520
|
-
const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
|
|
14521
14524
|
const mode = (0, $i1rfm.useSpeechStore)((state)=>state.mode);
|
|
14522
14525
|
const forceMobileView = (0, $1x02c.useRetorikStore)((state)=>state.configuration.forceMobileView);
|
|
14523
14526
|
const currentDeviceType = (0, $1Qww3.useViewStore)((state)=>state.currentDeviceType);
|
|
@@ -14641,32 +14644,26 @@ const $78df6258e38451c4$var$Carousel = /*#__PURE__*/ (0, $bZRJW$react).forwardRe
|
|
|
14641
14644
|
* On currentCard, cardWidth, cardHeight, currentPadding states change :
|
|
14642
14645
|
* - set translation state depending on the direction
|
|
14643
14646
|
*/ (0, $bZRJW$useEffect)(()=>{
|
|
14644
|
-
if (currentCard !== undefined && cardWidth !== undefined && cardHeight !== undefined && currentPadding !== undefined) direction === 'vertical' ? setTranslation(`translateY(calc(-${currentCard * cardHeight}px - ${currentCard * gap}rem))`) : setTranslation(`translateX(calc(
|
|
14647
|
+
if (currentCard !== undefined && cardWidth !== undefined && cardHeight !== undefined && currentPadding !== undefined) direction === 'vertical' ? setTranslation(`translateY(calc(-${currentCard * cardHeight}px - ${currentCard * gap}rem))`) : setTranslation(`translateX(calc(-${currentCard * cardWidth}px - ${currentCard * gap}rem + ${currentPadding}px))`);
|
|
14645
14648
|
}, [
|
|
14646
14649
|
currentCard,
|
|
14647
14650
|
cardWidth,
|
|
14648
14651
|
cardHeight,
|
|
14649
|
-
currentPadding
|
|
14650
|
-
isRTL
|
|
14652
|
+
currentPadding
|
|
14651
14653
|
]);
|
|
14652
14654
|
/**
|
|
14653
14655
|
* On wheeling state change :
|
|
14654
14656
|
* - call either onSwipeRight or onSwipeLeft (with high values to enter the right part of the if condition), depending on the wheeling value (positive or negative)
|
|
14655
14657
|
*/ (0, $bZRJW$useEffect)(()=>{
|
|
14656
|
-
if (wheeling)
|
|
14657
|
-
const leftSwipe = isRTL ? onSwipeRight : onSwipeLeft;
|
|
14658
|
-
const rightSwipe = isRTL ? onSwipeLeft : onSwipeRight;
|
|
14659
|
-
wheeling > 0 ? leftSwipe(1000, 1000) : rightSwipe(1000, 1000);
|
|
14660
|
-
}
|
|
14658
|
+
if (wheeling) wheeling > 0 ? onSwipeLeft(1000, 1000) : onSwipeRight(1000, 1000);
|
|
14661
14659
|
}, [
|
|
14662
|
-
wheeling
|
|
14663
|
-
isRTL
|
|
14660
|
+
wheeling
|
|
14664
14661
|
]);
|
|
14665
14662
|
/**
|
|
14666
14663
|
* On call :
|
|
14667
14664
|
* - set translation to its initial state
|
|
14668
14665
|
*/ const resetPosition = ()=>{
|
|
14669
|
-
if (cardWidth !== undefined && currentPadding !== undefined) setTranslation(`translateX(calc(
|
|
14666
|
+
if (cardWidth !== undefined && currentPadding !== undefined) setTranslation(`translateX(calc(-${currentCard * cardWidth}px - ${currentCard * gap}rem + ${currentPadding}px))`);
|
|
14670
14667
|
};
|
|
14671
14668
|
/**
|
|
14672
14669
|
* On call :
|
|
@@ -14675,11 +14672,11 @@ const $78df6258e38451c4$var$Carousel = /*#__PURE__*/ (0, $bZRJW$react).forwardRe
|
|
|
14675
14672
|
*/ const bounce = (left)=>{
|
|
14676
14673
|
if (!cardWidth || currentPadding === undefined) return;
|
|
14677
14674
|
setTransitionDuration($78df6258e38451c4$var$defaultTransitionDuration);
|
|
14678
|
-
const direction = left ?
|
|
14679
|
-
setTranslation(`translateX(calc(
|
|
14675
|
+
const direction = left ? '-' : '+';
|
|
14676
|
+
setTranslation(`translateX(calc(-${currentCard * cardWidth}px - ${currentCard * gap}rem + ${currentPadding}px ${direction} ${cardWidth / 10}px))`);
|
|
14680
14677
|
if (timerRef && timerRef.current !== null) clearTimeout(timerRef.current);
|
|
14681
14678
|
timerRef.current = setTimeout(()=>{
|
|
14682
|
-
setTranslation(`translateX(calc(
|
|
14679
|
+
setTranslation(`translateX(calc(-${currentCard * cardWidth}px - ${currentCard * gap}rem + ${currentPadding}px))`);
|
|
14683
14680
|
}, 300);
|
|
14684
14681
|
};
|
|
14685
14682
|
/**
|
|
@@ -14733,12 +14730,11 @@ const $78df6258e38451c4$var$Carousel = /*#__PURE__*/ (0, $bZRJW$react).forwardRe
|
|
|
14733
14730
|
const available = currentCard === 0 || currentCard === nbCards - 1 ? checkSwipingAvailable(distance, gap) : true;
|
|
14734
14731
|
if (cardWidth !== undefined) {
|
|
14735
14732
|
setTransitionDuration('0ms');
|
|
14736
|
-
const effectiveDistance = isRTL ? -distance : distance;
|
|
14737
14733
|
if (available) {
|
|
14738
|
-
if (currentCard !== undefined && cardHeight !== undefined && currentPadding !== undefined) setTranslation(`translateX(calc(
|
|
14734
|
+
if (currentCard !== undefined && cardHeight !== undefined && currentPadding !== undefined) setTranslation(`translateX(calc(-${currentCard * cardWidth}px - ${currentCard * gap}rem + ${currentPadding}px - ${distance}px))`);
|
|
14739
14735
|
} else {
|
|
14740
14736
|
const bounceLimit = cardWidth / 3;
|
|
14741
|
-
if (Math.abs(distance) <= bounceLimit / 2) setTranslation(`translateX(calc(
|
|
14737
|
+
if (Math.abs(distance) <= bounceLimit / 2) setTranslation(`translateX(calc(-${currentCard * cardWidth}px - ${currentCard * gap}rem + ${currentPadding}px - ${distance * (1 - Math.abs(distance) / bounceLimit)}px))`);
|
|
14742
14738
|
}
|
|
14743
14739
|
}
|
|
14744
14740
|
};
|
|
@@ -14795,16 +14791,13 @@ const $78df6258e38451c4$var$Carousel = /*#__PURE__*/ (0, $bZRJW$react).forwardRe
|
|
|
14795
14791
|
setWheeling(delta > 0 ? Date.now() : -Date.now());
|
|
14796
14792
|
}
|
|
14797
14793
|
};
|
|
14798
|
-
const titleStyle = isRTL ? {
|
|
14799
|
-
paddingRight: currentPadding
|
|
14800
|
-
} : {
|
|
14801
|
-
paddingLeft: currentPadding
|
|
14802
|
-
};
|
|
14803
14794
|
return /*#__PURE__*/ (0, $bZRJW$jsxs)((0, $bZRJW$react).Fragment, {
|
|
14804
14795
|
children: [
|
|
14805
14796
|
gridTitle && /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
14806
|
-
className: `rf-w-full
|
|
14807
|
-
style:
|
|
14797
|
+
className: `rf-w-full rf-text-left rf-title-large-size-auto ${mode === (0, $4ucVo.Mode).vocal ? 'rf-text-truewhite rf-text-shadow-black' : 'rf-text-textModePanelConversationBot'}`,
|
|
14798
|
+
style: {
|
|
14799
|
+
paddingLeft: currentPadding
|
|
14800
|
+
},
|
|
14808
14801
|
children: gridTitle
|
|
14809
14802
|
}),
|
|
14810
14803
|
/*#__PURE__*/ (0, $bZRJW$jsxs)((0, $bZRJW$animated).div, {
|
|
@@ -14823,11 +14816,11 @@ const $78df6258e38451c4$var$Carousel = /*#__PURE__*/ (0, $bZRJW$react).forwardRe
|
|
|
14823
14816
|
children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $da6v2.default), {
|
|
14824
14817
|
direction: direction || 'horizontal',
|
|
14825
14818
|
onSwiping: onSwiping,
|
|
14826
|
-
onSwipeLeft:
|
|
14827
|
-
onSwipeRight:
|
|
14819
|
+
onSwipeLeft: onSwipeLeft,
|
|
14820
|
+
onSwipeRight: onSwipeRight,
|
|
14828
14821
|
onSwipeTop: onSwipeTop,
|
|
14829
14822
|
onSwipeBottom: onSwipeBottom,
|
|
14830
|
-
className: direction === 'vertical' ? 'rf-flex rf-justify-center' : !isMobile ? history ?
|
|
14823
|
+
className: direction === 'vertical' ? 'rf-flex rf-justify-center' : !isMobile ? history ? 'rf-opacity-gradient-l-thin' : 'rf-opacity-gradient-l' : '',
|
|
14831
14824
|
children: /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
14832
14825
|
ref: ref,
|
|
14833
14826
|
className: `rf-relative ${direction === 'vertical' ? 'rf-h-max' : 'rf-w-max'} ${enableTranslation ? '' : 'rf-m-auto'} rf-transition-transform`,
|
|
@@ -15048,6 +15041,7 @@ const $2ebe7b2fda999dc7$var$Grid = ({ title: title, history: history, qrCodeData
|
|
|
15048
15041
|
const mode = (0, $i1rfm.useSpeechStore)((state)=>state.mode);
|
|
15049
15042
|
const configuration = (0, $1x02c.useRetorikStore)((state)=>state.configuration);
|
|
15050
15043
|
const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
|
|
15044
|
+
const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
|
|
15051
15045
|
const clickedOnUI = (0, $j67YK.useUtilsStore)((state)=>state.clickedOnUI);
|
|
15052
15046
|
const setClickedOnUI = (0, $j67YK.useUtilsStore)((state)=>state.actions.setClickedOnUI);
|
|
15053
15047
|
const useOldRemote = (0, $1x02c.useRetorikStore)((state)=>state.configuration.useOldRemote);
|
|
@@ -15192,10 +15186,11 @@ const $2ebe7b2fda999dc7$var$Grid = ({ title: title, history: history, qrCodeData
|
|
|
15192
15186
|
};
|
|
15193
15187
|
return nbCards ? /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
|
|
15194
15188
|
id: "retorik-grid",
|
|
15195
|
-
|
|
15189
|
+
dir: isRTL ? 'rtl' : 'ltr',
|
|
15190
|
+
className: `rf-w-full rf-flex rf-flex-col rf-gap-4 vertical:rf-w-9/10 ${history ? 'large-vertical:rf-w-full' : 'landscape-retorik:rf-pr-40 landscape-retorik:rf-pl-1/5 large-vertical:rf-w-3/5'} vertical:rf-items-center`,
|
|
15196
15191
|
children: [
|
|
15197
15192
|
title && /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
15198
|
-
className: `rf-w-full
|
|
15193
|
+
className: `rf-w-full ${isRTL ? 'rf-text-right' : 'rf-text-left'} rf-title-large-size-auto ${history ? 'rf-text-textModePanelConversationBot' : 'rf-text-truewhite rf-text-shadow-black'}`,
|
|
15199
15194
|
children: title
|
|
15200
15195
|
}),
|
|
15201
15196
|
/*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
|
|
@@ -15259,7 +15254,7 @@ module.exports = import("./LanguageChoice.623ee802.js").then(()=>parcelRequire('
|
|
|
15259
15254
|
});
|
|
15260
15255
|
|
|
15261
15256
|
parcelRegister("8y5Zs", function(module, exports) {
|
|
15262
|
-
module.exports = import("./AttachmentDetail.
|
|
15257
|
+
module.exports = import("./AttachmentDetail.c4286a45.js").then(()=>parcelRequire('8QAGm'));
|
|
15263
15258
|
|
|
15264
15259
|
});
|
|
15265
15260
|
|
|
@@ -15269,17 +15264,17 @@ module.exports = import("./FullScreenImage.1fe27198.js").then(()=>parcelRequire(
|
|
|
15269
15264
|
});
|
|
15270
15265
|
|
|
15271
15266
|
parcelRegister("5Lxsr", function(module, exports) {
|
|
15272
|
-
module.exports = import("./Weather.
|
|
15267
|
+
module.exports = import("./Weather.87ab2128.js").then(()=>parcelRequire('2pbjN'));
|
|
15273
15268
|
|
|
15274
15269
|
});
|
|
15275
15270
|
|
|
15276
15271
|
parcelRegister("4tkZ7", function(module, exports) {
|
|
15277
|
-
module.exports = import("./CustomView.
|
|
15272
|
+
module.exports = import("./CustomView.913a9f32.js").then(()=>parcelRequire('5s7df'));
|
|
15278
15273
|
|
|
15279
15274
|
});
|
|
15280
15275
|
|
|
15281
15276
|
parcelRegister("i6zhG", function(module, exports) {
|
|
15282
|
-
module.exports = import("./Emergency.
|
|
15277
|
+
module.exports = import("./Emergency.1f855b66.js").then(()=>parcelRequire('4zoun'));
|
|
15283
15278
|
|
|
15284
15279
|
});
|
|
15285
15280
|
|
|
@@ -15463,7 +15458,7 @@ const $569292ddf809d7fd$var$Remote = ({ hideMenu: hideMenu = false, setTopOfRemo
|
|
|
15463
15458
|
};
|
|
15464
15459
|
return /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
15465
15460
|
id: "retorik-framework-remote",
|
|
15466
|
-
className: "rf-absolute rf-z-[10] rf-flex rf-flex-col rf-justify-center rf-items-center rf-gap-2
|
|
15461
|
+
className: "rf-absolute rf-z-[10] rf-flex rf-flex-col rf-justify-center rf-items-center rf-gap-2 rf-right-6 large-vertical:rf-right-9",
|
|
15467
15462
|
style: {
|
|
15468
15463
|
top: absoluteVerticalTop,
|
|
15469
15464
|
bottom: absoluteVerticalBottom
|
|
@@ -15545,10 +15540,16 @@ const $3a6716bf6d00a1ec$var$RemoteButton = ({ type: type, backgroundColor: backg
|
|
|
15545
15540
|
const { toggleMuted: toggleMuted, setActiveRecognitionState: setActiveRecognitionState, setMode: setMode } = (0, $i1rfm.useSpeechStore)((state)=>state.actions);
|
|
15546
15541
|
const { toggleSubtitles: toggleSubtitles, setCanFocusSendBox: setCanFocusSendBox } = (0, $1x02c.useRetorikStore)((state)=>state.actions);
|
|
15547
15542
|
const sendEvent = (0, $aNpqK.useDirectlineStore)((state)=>state.actions.sendEvent);
|
|
15543
|
+
const currentSubViewRef = (0, $bZRJW$useRef)((0, $4ucVo.CurrentSubView).none);
|
|
15548
15544
|
const [icon, setIcon] = (0, $bZRJW$useState)();
|
|
15549
15545
|
const [label, setLabel] = (0, $bZRJW$useState)();
|
|
15550
15546
|
const [hover, setHover] = (0, $bZRJW$useState)(false);
|
|
15551
15547
|
const [backgroundColorHover, setBackgroundColorHover] = (0, $bZRJW$useState)(undefined);
|
|
15548
|
+
(0, $bZRJW$useEffect)(()=>{
|
|
15549
|
+
currentSubViewRef.current = currentSubView;
|
|
15550
|
+
}, [
|
|
15551
|
+
currentSubView
|
|
15552
|
+
]);
|
|
15552
15553
|
(0, $bZRJW$useEffect)(()=>{
|
|
15553
15554
|
setBackgroundColorHover(backgroundColor?.replace('99', 'E6'));
|
|
15554
15555
|
}, [
|
|
@@ -15644,14 +15645,20 @@ const $3a6716bf6d00a1ec$var$RemoteButton = ({ type: type, backgroundColor: backg
|
|
|
15644
15645
|
const handleClick = ()=>{
|
|
15645
15646
|
switch(type){
|
|
15646
15647
|
case (0, $4ucVo.RemoteButtonType).history:
|
|
15647
|
-
|
|
15648
|
+
if (currentSubViewRef.current === (0, $4ucVo.CurrentSubView).history) {
|
|
15649
|
+
setCurrentSubView((0, $4ucVo.CurrentSubView).none);
|
|
15650
|
+
sendEvent('Davi.CloseWindow', null, ()=>sendEvent('Davi.CloseWindowHistory', null));
|
|
15651
|
+
} else setCurrentSubView((0, $4ucVo.CurrentSubView).history);
|
|
15648
15652
|
break;
|
|
15649
15653
|
case (0, $4ucVo.RemoteButtonType).home:
|
|
15650
15654
|
setCurrentSubView((0, $4ucVo.CurrentSubView).none);
|
|
15651
15655
|
sendEvent('showHome');
|
|
15652
15656
|
break;
|
|
15653
15657
|
case (0, $4ucVo.RemoteButtonType).language:
|
|
15654
|
-
|
|
15658
|
+
if (currentSubViewRef.current === (0, $4ucVo.CurrentSubView).languages) {
|
|
15659
|
+
setCurrentSubView((0, $4ucVo.CurrentSubView).none);
|
|
15660
|
+
sendEvent('Davi.CloseWindow', null, ()=>sendEvent('Davi.CloseWindowLanguages', null));
|
|
15661
|
+
} else setCurrentSubView((0, $4ucVo.CurrentSubView).languages);
|
|
15655
15662
|
break;
|
|
15656
15663
|
case (0, $4ucVo.RemoteButtonType).menu:
|
|
15657
15664
|
toggleDashboard();
|
|
@@ -15681,8 +15688,13 @@ const $3a6716bf6d00a1ec$var$RemoteButton = ({ type: type, backgroundColor: backg
|
|
|
15681
15688
|
case (0, $4ucVo.CloseButtonCause).list:
|
|
15682
15689
|
setCloseList(Date.now());
|
|
15683
15690
|
break;
|
|
15684
|
-
case (0, $4ucVo.CloseButtonCause).
|
|
15691
|
+
case (0, $4ucVo.CloseButtonCause).emergency:
|
|
15692
|
+
case (0, $4ucVo.CloseButtonCause).history:
|
|
15693
|
+
case (0, $4ucVo.CloseButtonCause).languages:
|
|
15694
|
+
case (0, $4ucVo.CloseButtonCause).weather:
|
|
15695
|
+
case (0, $4ucVo.CloseButtonCause).map:
|
|
15685
15696
|
setCurrentSubView((0, $4ucVo.CurrentSubView).none);
|
|
15697
|
+
sendEvent('Davi.CloseWindow', null, ()=>sendEvent(`Davi.CloseWindow${cause}`, null));
|
|
15686
15698
|
break;
|
|
15687
15699
|
case (0, $4ucVo.CloseButtonCause).news:
|
|
15688
15700
|
setRoute((0, $4ucVo.Routes).Home);
|
|
@@ -16212,7 +16224,7 @@ const $d2c255fa29679e40$var$Mobile = ({ parametersOpened: parametersOpened, togg
|
|
|
16212
16224
|
};
|
|
16213
16225
|
return /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
|
|
16214
16226
|
id: "retorik-framework-menu",
|
|
16215
|
-
className: "rf-w-full rf-h-fit rf-flex rf-flex-col-reverse rf-border-t rf-border-t-menuBorder rf-pointer-events-auto",
|
|
16227
|
+
className: "rf-w-full rf-h-fit rf-max-h-80 rf-flex rf-flex-col-reverse rf-border-t rf-border-t-menuBorder rf-pointer-events-auto",
|
|
16216
16228
|
style: {
|
|
16217
16229
|
background: 'linear-gradient(to right, #F8F8FC, #EDEEF3)'
|
|
16218
16230
|
},
|
|
@@ -16348,13 +16360,14 @@ const $fce269aaea66ffb1$var$SendTextBox = ({ className: className })=>{
|
|
|
16348
16360
|
};
|
|
16349
16361
|
return /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
|
|
16350
16362
|
id: "retorik-send-textbox",
|
|
16363
|
+
dir: isRTL ? 'rtl' : 'ltr',
|
|
16351
16364
|
className: `rf-relative rf-min-h-12 rf-px-4 rf-text-base rf-pt-3 rf-pb-3 rf-flex rf-items-center rf-border rf-border-textBoxBorder rf-rounded-8 rf-bg-truewhite rf-shadow-[inset_0_0_6px_#0000003B] ${className}`,
|
|
16352
16365
|
children: [
|
|
16353
16366
|
/*#__PURE__*/ (0, $bZRJW$jsx)("textarea", {
|
|
16354
16367
|
ref: textareaRef,
|
|
16355
16368
|
// @ts-ignore
|
|
16356
16369
|
virtualkeyboardpolicy: "manual",
|
|
16357
|
-
className: `rf-input-hidden rf-outline-none rf-bg-truewhite rf-w-[calc(100%-
|
|
16370
|
+
className: `rf-input-hidden rf-outline-none rf-max-h-full rf-overflow-y-clip rf-bg-truewhite rf-w-[calc(100%-4rem)] rf-resize-none rf-scrollbar-hidden ${isMobile && 'placeholder:rf-text-black placeholder:rf-opacity-100'}`,
|
|
16358
16371
|
value: message,
|
|
16359
16372
|
placeholder: sendBoxPlaceHolder || translation.menu.message,
|
|
16360
16373
|
onKeyDown: (e)=>handleKeyDown(e),
|
|
@@ -16364,7 +16377,7 @@ const $fce269aaea66ffb1$var$SendTextBox = ({ className: className })=>{
|
|
|
16364
16377
|
}
|
|
16365
16378
|
}),
|
|
16366
16379
|
!isMobile && !disabledSpeechMode && !useOldRemote && /*#__PURE__*/ (0, $bZRJW$jsx)("button", {
|
|
16367
|
-
className:
|
|
16380
|
+
className: `rf-absolute ${isRTL ? 'rf-left-12' : 'rf-right-12'} rf-h-full rf-w-8 rf-flex rf-justify-center rf-items-center`,
|
|
16368
16381
|
onClick: handleClick,
|
|
16369
16382
|
children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $gFvkh.default), {
|
|
16370
16383
|
className: "rf-h-4 large-vertical:rf-h-5",
|
|
@@ -16372,7 +16385,7 @@ const $fce269aaea66ffb1$var$SendTextBox = ({ className: className })=>{
|
|
|
16372
16385
|
})
|
|
16373
16386
|
}),
|
|
16374
16387
|
/*#__PURE__*/ (0, $bZRJW$jsx)("button", {
|
|
16375
|
-
className:
|
|
16388
|
+
className: `rf-absolute ${isRTL ? 'rf-left-2' : 'rf-right-2'} rf-h-8 rf-w-8 rf-pt-1 rf-pr-1 rf-flex rf-justify-center rf-items-center rf-border rf-border-secondary rf-bg-secondary rf-rounded-half`,
|
|
16376
16389
|
onClick: handleSend,
|
|
16377
16390
|
children: isRTL ? /*#__PURE__*/ (0, $bZRJW$jsx)((0, $25i5U.default), {
|
|
16378
16391
|
className: "rf-w-5",
|
|
@@ -16625,7 +16638,20 @@ const $5b6c388e7918885b$var$MicrophoneAndSwitch = ({ top: top })=>{
|
|
|
16625
16638
|
if (!isLandscape && (currentSubView !== (0, $4ucVo.CurrentSubView).none || dashboardOpened || retorikEvent === (0, $4ucVo.RetorikEvent).DetailViewOpen || listStatus === (0, $4ucVo.ListStatus).opened || route === (0, $4ucVo.Routes).News || fullScreenImage)) {
|
|
16626
16639
|
if (retorikEvent === (0, $4ucVo.RetorikEvent).DetailViewOpen && currentSubView === (0, $4ucVo.CurrentSubView).none) setShowCloseButton((0, $4ucVo.CloseButtonCause).detailedpoi);
|
|
16627
16640
|
else if (listStatus === (0, $4ucVo.ListStatus).opened) setShowCloseButton((0, $4ucVo.CloseButtonCause).list);
|
|
16628
|
-
else if (currentSubView !== (0, $4ucVo.CurrentSubView).none)
|
|
16641
|
+
else if (currentSubView !== (0, $4ucVo.CurrentSubView).none) switch(currentSubView){
|
|
16642
|
+
case (0, $4ucVo.CurrentSubView).emergency:
|
|
16643
|
+
setShowCloseButton((0, $4ucVo.CloseButtonCause).emergency);
|
|
16644
|
+
break;
|
|
16645
|
+
case (0, $4ucVo.CurrentSubView).history:
|
|
16646
|
+
setShowCloseButton((0, $4ucVo.CloseButtonCause).history);
|
|
16647
|
+
break;
|
|
16648
|
+
case (0, $4ucVo.CurrentSubView).languages:
|
|
16649
|
+
setShowCloseButton((0, $4ucVo.CloseButtonCause).languages);
|
|
16650
|
+
break;
|
|
16651
|
+
case (0, $4ucVo.CurrentSubView).weather:
|
|
16652
|
+
setShowCloseButton((0, $4ucVo.CloseButtonCause).weather);
|
|
16653
|
+
break;
|
|
16654
|
+
}
|
|
16629
16655
|
else if (dashboardOpened) setShowCloseButton((0, $4ucVo.CloseButtonCause).dashboard);
|
|
16630
16656
|
else if (route === (0, $4ucVo.Routes).News) setShowCloseButton((0, $4ucVo.CloseButtonCause).news);
|
|
16631
16657
|
else if (fullScreenImage) setShowCloseButton((0, $4ucVo.CloseButtonCause).fullscreenimage);
|
|
@@ -16648,16 +16674,16 @@ const $5b6c388e7918885b$var$MicrophoneAndSwitch = ({ top: top })=>{
|
|
|
16648
16674
|
]);
|
|
16649
16675
|
return /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
|
|
16650
16676
|
id: "retorik-microphone-container",
|
|
16651
|
-
className: `large-vertical:rf-absolute rf-w-fit ${showCloseButton ? '
|
|
16677
|
+
className: `large-vertical:rf-absolute rf-w-fit ${showCloseButton !== (0, $4ucVo.CloseButtonCause).none ? 'rf-right-9' : 'rf-right-4'} landscape-retorik:-rf-mt-4 landscape-retorik:rf-pl-[calc(50%-2.5rem)] rf-flex rf-flex-row large-vertical:rf-flex-col rf-justify-center rf-items-center rf-gap-6 large-vertical:rf-gap-4`,
|
|
16652
16678
|
style: {
|
|
16653
16679
|
bottom: bottomForBorne
|
|
16654
16680
|
},
|
|
16655
16681
|
children: [
|
|
16656
16682
|
mode === (0, $4ucVo.Mode).vocal && /*#__PURE__*/ (0, $bZRJW$jsx)((0, $1HgaM.default), {
|
|
16657
|
-
hidden:
|
|
16683
|
+
hidden: showCloseButton !== (0, $4ucVo.CloseButtonCause).none
|
|
16658
16684
|
}),
|
|
16659
|
-
(showCloseButton || mode === (0, $4ucVo.Mode).vocal) && /*#__PURE__*/ (0, $bZRJW$jsx)((0, $2nNEz.default), {
|
|
16660
|
-
type: showCloseButton ? (0, $4ucVo.RemoteButtonType).close : (0, $4ucVo.RemoteButtonType).text,
|
|
16685
|
+
(showCloseButton !== (0, $4ucVo.CloseButtonCause).none || mode === (0, $4ucVo.Mode).vocal) && /*#__PURE__*/ (0, $bZRJW$jsx)((0, $2nNEz.default), {
|
|
16686
|
+
type: showCloseButton !== (0, $4ucVo.CloseButtonCause).none ? (0, $4ucVo.RemoteButtonType).close : (0, $4ucVo.RemoteButtonType).text,
|
|
16661
16687
|
backgroundColor: "#FFF",
|
|
16662
16688
|
cause: showCloseButton
|
|
16663
16689
|
})
|
|
@@ -17309,24 +17335,18 @@ $parcel$export(module.exports, "default", () => $85e43d60223ffda1$export$2e2bcd8
|
|
|
17309
17335
|
var $7pypd = parcelRequire("7pypd");
|
|
17310
17336
|
parcelRequire("7b1UX");
|
|
17311
17337
|
var $5AMhU = parcelRequire("5AMhU");
|
|
17312
|
-
var $4Hqlr = parcelRequire("4Hqlr");
|
|
17313
|
-
|
|
17314
|
-
var $2fuDN = parcelRequire("2fuDN");
|
|
17315
17338
|
const $85e43d60223ffda1$var$BackButton = ({ title: title, className: className, handleBack: handleBack })=>{
|
|
17316
|
-
const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
|
|
17317
17339
|
return /*#__PURE__*/ (0, $bZRJW$jsxs)("button", {
|
|
17318
17340
|
className: `rf-flex rf-flex-row rf-items-center ${className}`,
|
|
17319
17341
|
onClick: handleBack,
|
|
17320
17342
|
"aria-label": title,
|
|
17321
17343
|
"data-map": "fermer",
|
|
17322
17344
|
children: [
|
|
17323
|
-
|
|
17324
|
-
className: "rf-w-8"
|
|
17325
|
-
}) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $5AMhU.default), {
|
|
17345
|
+
/*#__PURE__*/ (0, $bZRJW$jsx)((0, $5AMhU.default), {
|
|
17326
17346
|
className: "rf-w-8"
|
|
17327
17347
|
}),
|
|
17328
17348
|
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
17329
|
-
className: "
|
|
17349
|
+
className: "rf-ml-1",
|
|
17330
17350
|
children: (0, $7pypd.capitalizeFirstLetter)(title)
|
|
17331
17351
|
})
|
|
17332
17352
|
]
|
|
@@ -17558,6 +17578,7 @@ function $bae994eb4501db3d$var$instanceOfCustomMenuDisplayGeneratorProps(object)
|
|
|
17558
17578
|
const $bae994eb4501db3d$var$DisplayGenerator = (props)=>{
|
|
17559
17579
|
const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
|
|
17560
17580
|
const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
|
|
17581
|
+
const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
|
|
17561
17582
|
const isMobile = (0, $1Qww3.useViewStore)((state)=>state.isMobile);
|
|
17562
17583
|
const themeColors = (0, $1Qww3.useViewStore)((state)=>state.themeColors);
|
|
17563
17584
|
const setRoute = (0, $1Qww3.useViewStore)((state)=>state.actions.setRoute);
|
|
@@ -17637,7 +17658,7 @@ const $bae994eb4501db3d$var$DisplayGenerator = (props)=>{
|
|
|
17637
17658
|
color: colorButtonHandle
|
|
17638
17659
|
}),
|
|
17639
17660
|
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
17640
|
-
className: "
|
|
17661
|
+
className: "rf-ml-4 rf-font-bold",
|
|
17641
17662
|
children: (0, $7pypd.capitalizeFirstLetter)(label, locale)
|
|
17642
17663
|
})
|
|
17643
17664
|
]
|
|
@@ -17658,7 +17679,7 @@ const $bae994eb4501db3d$var$DisplayGenerator = (props)=>{
|
|
|
17658
17679
|
color: colorButtonHandle
|
|
17659
17680
|
}),
|
|
17660
17681
|
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
17661
|
-
className:
|
|
17682
|
+
className: `rf-uppercase rf-text-[#575F6B] ${isRTL ? 'rf-text-arabic' : 'rf-text-xs'} large-vertical:rf-text-basecustomuppercase`,
|
|
17662
17683
|
children: label
|
|
17663
17684
|
})
|
|
17664
17685
|
]
|
|
@@ -17815,6 +17836,7 @@ function $b007ca2bcccb20e9$var$instanceOfCustomMenuDisplayGeneratorProps(object)
|
|
|
17815
17836
|
const $b007ca2bcccb20e9$var$DisplaySubGenerator = (props)=>{
|
|
17816
17837
|
const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
|
|
17817
17838
|
const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
|
|
17839
|
+
const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
|
|
17818
17840
|
const isMobile = (0, $1Qww3.useViewStore)((state)=>state.isMobile);
|
|
17819
17841
|
const { setCurrentSubView: setCurrentSubView, setCurrentCustomView: setCurrentCustomView } = (0, $j67YK.useUtilsStore)((state)=>state.actions);
|
|
17820
17842
|
const [label, setLabel] = (0, $bZRJW$useState)('');
|
|
@@ -17874,7 +17896,7 @@ const $b007ca2bcccb20e9$var$DisplaySubGenerator = (props)=>{
|
|
|
17874
17896
|
className: "rf-h-8 rf-w-8 rf-flex"
|
|
17875
17897
|
}),
|
|
17876
17898
|
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
17877
|
-
className:
|
|
17899
|
+
className: `rf-uppercase rf-text-[#575F6B] ${isRTL ? 'rf-text-arabic' : 'rf-text-xs'}`,
|
|
17878
17900
|
children: label
|
|
17879
17901
|
})
|
|
17880
17902
|
]
|
|
@@ -18045,7 +18067,7 @@ const $6647afb6d8a992a1$var$ParameterButton = ({ title: title, color: color, ico
|
|
|
18045
18067
|
className: "rf-flex rf-flex-row rf-items-center",
|
|
18046
18068
|
children: [
|
|
18047
18069
|
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
18048
|
-
className: "
|
|
18070
|
+
className: "rf-mr-3 rf-text-lightgray rf-normal-case",
|
|
18049
18071
|
children: (0, (/*@__PURE__*/$parcel$interopDefault($8dUAa)))[locale]
|
|
18050
18072
|
}),
|
|
18051
18073
|
/*#__PURE__*/ (0, $bZRJW$jsx)((0, $pEipO.default), {
|
|
@@ -18075,7 +18097,7 @@ const $6647afb6d8a992a1$var$ParameterButton = ({ title: title, color: color, ico
|
|
|
18075
18097
|
color: color
|
|
18076
18098
|
}) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $bZRJW$react).Fragment, {}),
|
|
18077
18099
|
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
18078
|
-
className: "
|
|
18100
|
+
className: "rf-ml-1 rf-uppercase",
|
|
18079
18101
|
children: title
|
|
18080
18102
|
})
|
|
18081
18103
|
]
|
|
@@ -18256,8 +18278,6 @@ var $j67YK = parcelRequire("j67YK");
|
|
|
18256
18278
|
|
|
18257
18279
|
var $1Qww3 = parcelRequire("1Qww3");
|
|
18258
18280
|
|
|
18259
|
-
var $2fuDN = parcelRequire("2fuDN");
|
|
18260
|
-
|
|
18261
18281
|
var $4ucVo = parcelRequire("4ucVo");
|
|
18262
18282
|
|
|
18263
18283
|
var $7py94 = parcelRequire("7py94");
|
|
@@ -18269,7 +18289,6 @@ const $1671238b3d664f2b$var$md = (0, $bZRJW$markdownit)({
|
|
|
18269
18289
|
quotes: `""''`
|
|
18270
18290
|
});
|
|
18271
18291
|
const $1671238b3d664f2b$var$DashboardItem = ({ text: text, textColor: textColor, image: image, action: action, onClick: onClick })=>{
|
|
18272
|
-
const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
|
|
18273
18292
|
const { sendMessage: sendMessage, sendEvent: sendEvent } = (0, $aNpqK.useDirectlineStore)((state)=>state.actions);
|
|
18274
18293
|
const { setClickedOnUI: setClickedOnUI, setCurrentSubView: setCurrentSubView, setFullScreenImage: setFullScreenImage } = (0, $j67YK.useUtilsStore)((state)=>state.actions);
|
|
18275
18294
|
const setRoute = (0, $1Qww3.useViewStore)((state)=>state.actions.setRoute);
|
|
@@ -18532,8 +18551,6 @@ $parcel$export(module.exports, "default", () => $af2bd3eba7cc813c$export$2e2bcd8
|
|
|
18532
18551
|
|
|
18533
18552
|
|
|
18534
18553
|
|
|
18535
|
-
var $2fuDN = parcelRequire("2fuDN");
|
|
18536
|
-
|
|
18537
18554
|
var $aNpqK = parcelRequire("aNpqK");
|
|
18538
18555
|
|
|
18539
18556
|
var $1x02c = parcelRequire("1x02c");
|
|
@@ -18559,7 +18576,6 @@ const $af2bd3eba7cc813c$var$md = (0, $bZRJW$markdownit)({
|
|
|
18559
18576
|
const $af2bd3eba7cc813c$var$springEnterDuration = 500;
|
|
18560
18577
|
const $af2bd3eba7cc813c$var$springQrcodeDuration = 500;
|
|
18561
18578
|
const $af2bd3eba7cc813c$var$DashboardItem = ({ index: index, text: text, textColor: textColor, backgroundColor: backgroundColor, image: image, action: action, onClick: onClick })=>{
|
|
18562
|
-
const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
|
|
18563
18579
|
const isUsedOnBorne = (0, $1x02c.useRetorikStore)((state)=>state.configuration.isUsedOnBorne);
|
|
18564
18580
|
const { sendMessage: sendMessage, sendEvent: sendEvent } = (0, $aNpqK.useDirectlineStore)((state)=>state.actions);
|
|
18565
18581
|
const { setClickedOnUI: setClickedOnUI, setCurrentSubView: setCurrentSubView, setFullScreenImage: setFullScreenImage } = (0, $j67YK.useUtilsStore)((state)=>state.actions);
|
|
@@ -18737,7 +18753,7 @@ var $af2bd3eba7cc813c$export$2e2bcd8739ae039 = $af2bd3eba7cc813c$var$DashboardIt
|
|
|
18737
18753
|
|
|
18738
18754
|
|
|
18739
18755
|
parcelRegister("lNCSW", function(module, exports) {
|
|
18740
|
-
module.exports = import("./NewsContainer.
|
|
18756
|
+
module.exports = import("./NewsContainer.24a4ba84.js").then(()=>parcelRequire('dUXW6'));
|
|
18741
18757
|
|
|
18742
18758
|
});
|
|
18743
18759
|
|
|
@@ -19053,9 +19069,9 @@ const $52424ad6223e47db$var$GlobalProvider = ({ instanceId: instanceId, children
|
|
|
19053
19069
|
children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $j67YK.default), {
|
|
19054
19070
|
children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $2fuDN.default), {
|
|
19055
19071
|
children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $jubFc.default), {
|
|
19056
|
-
children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $
|
|
19057
|
-
children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $
|
|
19058
|
-
children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $
|
|
19072
|
+
children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $i1rfm.default), {
|
|
19073
|
+
children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $1x02c.default), {
|
|
19074
|
+
children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $1Qww3.default), {
|
|
19059
19075
|
children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $9GPj7.default), {
|
|
19060
19076
|
children: /*#__PURE__*/ (0, $bZRJW$jsxs)((0, $aNpqK.default), {
|
|
19061
19077
|
children: [
|
|
@@ -19088,7 +19104,7 @@ var $1Qww3 = parcelRequire("1Qww3");
|
|
|
19088
19104
|
|
|
19089
19105
|
var $1x02c = parcelRequire("1x02c");
|
|
19090
19106
|
var $4b50e1d502fb5483$exports = {};
|
|
19091
|
-
$4b50e1d502fb5483$exports = "*, :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 --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}\n\n*, :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 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 height: 0;\n color: inherit;\n border-top-width: 1px;\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 letter-spacing: inherit;\n color: inherit;\n margin: 0;\n padding: 0;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, input:where([type=\"button\"]), input:where([type=\"reset\"]), input:where([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 {\n height: auto;\n}\n\n::-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]:where(:not([hidden=\"until-found\"])) {\n display: none;\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-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-2 {\n bottom: .5rem;\n}\n\n.rf-bottom-4 {\n bottom: 1rem;\n}\n\n.rf-bottom-8 {\n bottom: 2rem;\n}\n\n.rf-bottom-\\[calc\\(100\\%\\+2rem\\)\\] {\n bottom: calc(100% + 2rem);\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-left-8 {\n left: 2rem;\n}\n\n.rf-left-\\[calc\\(100\\%\\+1rem\\)\\] {\n left: calc(100% + 1rem);\n}\n\n.rf-left-\\[calc\\(50\\%-3rem\\)\\] {\n left: calc(50% - 3rem);\n}\n\n.rf-right-0 {\n right: 0;\n}\n\n.rf-right-1 {\n right: .25rem;\n}\n\n.rf-right-10 {\n right: 2.5rem;\n}\n\n.rf-right-12 {\n right: 3rem;\n}\n\n.rf-right-2 {\n right: .5rem;\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-right-\\[calc\\(100\\%\\+1rem\\)\\] {\n right: calc(100% + 1rem);\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-8 {\n top: 2rem;\n}\n\n.rf-top-\\[0\\.125rem\\] {\n top: .125rem;\n}\n\n.rf-top-\\[calc\\(100\\%\\+1rem\\)\\] {\n top: calc(100% + 1rem);\n}\n\n.rf-top-\\[calc\\(50\\%-3rem\\)\\] {\n top: calc(50% - 3rem);\n}\n\n.rf-z-\\[10\\] {\n z-index: 10;\n}\n\n.rf-z-\\[15\\] {\n z-index: 15;\n}\n\n.rf-z-\\[1\\] {\n z-index: 1;\n}\n\n.rf-z-\\[20\\] {\n z-index: 20;\n}\n\n.rf-z-\\[25\\] {\n z-index: 25;\n}\n\n.rf-z-\\[2\\] {\n z-index: 2;\n}\n\n.rf-z-\\[5\\] {\n z-index: 5;\n}\n\n.rf-z-agent {\n z-index: 1;\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: 31;\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-list {\n z-index: 30;\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: 2;\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-4 {\n grid-column: span 4 / span 4;\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-3 {\n grid-column-start: 3;\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-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-end-13 {\n grid-row-end: 13;\n}\n\n.rf-row-end-3 {\n grid-row-end: 3;\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-8 {\n margin-left: -2rem;\n margin-right: -2rem;\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-4 {\n margin-left: 1rem;\n margin-right: 1rem;\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-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-mr-2 {\n margin-right: .5rem;\n}\n\n.rf-mr-4 {\n margin-right: 1rem;\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-box-border {\n box-sizing: border-box;\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\\/2 {\n height: 50%;\n}\n\n.rf-h-1\\/3 {\n height: 33.3333%;\n}\n\n.rf-h-10 {\n height: 2.5rem;\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-2\\/5 {\n height: 40%;\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-\\[35\\%\\] {\n height: 35%;\n}\n\n.rf-h-\\[50\\%\\] {\n height: 50%;\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-16 {\n max-height: 4rem;\n}\n\n.rf-max-h-20 {\n max-height: 5rem;\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-8 {\n max-height: 2rem;\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-qrcodelarge {\n max-height: 200px;\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-14 {\n min-height: 3.5rem;\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-8 {\n min-height: 2rem;\n}\n\n.rf-min-h-9 {\n min-height: 2.25rem;\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-10 {\n width: 2.5rem;\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-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-\\[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-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-7 {\n min-width: 1.75rem;\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-\\[500px\\] {\n max-width: 500px;\n}\n\n.rf-max-w-\\[75\\%\\] {\n max-width: 75%;\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-border-collapse {\n border-collapse: collapse;\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-y-full {\n --tw-translate-y: -100%;\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-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-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-\\[repeat\\(2\\,30\\%\\)\\] {\n grid-template-columns: repeat(2, 30%);\n}\n\n.rf-grid-cols-\\[repeat\\(2\\,45\\%\\)\\] {\n grid-template-columns: repeat(2, 45%);\n}\n\n.rf-grid-cols-\\[repeat\\(3\\,31\\%\\)\\] {\n grid-template-columns: repeat(3, 31%);\n}\n\n.rf-grid-cols-headerContainer {\n grid-template-columns: 5rem 1rem 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-3 {\n grid-template-rows: repeat(3, minmax(0, 1fr));\n}\n\n.rf-grid-rows-4 {\n grid-template-rows: repeat(4, minmax(0, 1fr));\n}\n\n.rf-grid-rows-5 {\n grid-template-rows: repeat(5, 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(2, 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-6 {\n gap: 1.5rem;\n}\n\n.rf-gap-8 {\n gap: 2rem;\n}\n\n.rf-gap-9 {\n gap: 2.25rem;\n}\n\n.rf-gap-\\[10\\%\\] {\n gap: 10%;\n}\n\n.rf-gap-x-\\[3\\.5\\%\\] {\n column-gap: 3.5%;\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-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-clip {\n overflow-y: clip;\n}\n\n.rf-overflow-x-visible {\n overflow-x: visible;\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-whitespace-break-spaces {\n white-space: break-spaces;\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-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-b-4 {\n border-bottom-right-radius: 1rem;\n border-bottom-left-radius: 1rem;\n}\n\n.rf-rounded-b-lg {\n border-bottom-right-radius: .5rem;\n border-bottom-left-radius: .5rem;\n}\n\n.rf-rounded-t-lg {\n border-top-left-radius: .5rem;\n border-top-right-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-\\[\\#1999B1\\] {\n --tw-border-opacity: 1;\n border-color: rgb(25 153 177 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#325981\\] {\n --tw-border-opacity: 1;\n border-color: rgb(50 89 129 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#707070\\] {\n --tw-border-opacity: 1;\n border-color: rgb(112 112 112 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#8B8888\\] {\n --tw-border-opacity: 1;\n border-color: rgb(139 136 136 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#9FA2AA\\] {\n --tw-border-opacity: 1;\n border-color: rgb(159 162 170 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#C7C6C6\\] {\n --tw-border-opacity: 1;\n border-color: rgb(199 198 198 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#F0F0F0\\] {\n --tw-border-opacity: 1;\n border-color: rgb(240 240 240 / var(--tw-border-opacity, 1));\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, 1));\n}\n\n.rf-border-lightgray {\n --tw-border-opacity: 1;\n border-color: rgb(129 129 129 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-menuBorder {\n --tw-border-opacity: 1;\n border-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-primary {\n border-color: var(--rf-color-primary);\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, 1));\n}\n\n.rf-border-textBoxBorder {\n --tw-border-opacity: 1;\n border-color: rgb(190 190 190 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-textModePanelBackgroundBot {\n border-color: var(--rf-color-textModePanelBackgroundBot);\n}\n\n.rf-border-textModePanelBackgroundUser {\n border-color: var(--rf-color-textModePanelBackgroundUser);\n}\n\n.rf-border-trueblack {\n --tw-border-opacity: 1;\n border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-truewhite {\n --tw-border-opacity: 1;\n border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));\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, 1));\n border-bottom-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-b-\\[\\#C4C5C8\\] {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(196 197 200 / var(--tw-border-opacity, 1));\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, 1));\n}\n\n.rf-border-b-silver {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(192 192 192 / var(--tw-border-opacity, 1));\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, 1));\n}\n\n.rf-border-r-\\[\\#8B8888\\] {\n --tw-border-opacity: 1;\n border-right-color: rgb(139 136 136 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-r-silver {\n --tw-border-opacity: 1;\n border-right-color: rgb(192 192 192 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-t-\\[\\#8B8888\\] {\n --tw-border-opacity: 1;\n border-top-color: rgb(139 136 136 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-t-\\[\\#CBC9C9\\] {\n --tw-border-opacity: 1;\n border-top-color: rgb(203 201 201 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-t-menuBorder {\n --tw-border-opacity: 1;\n border-top-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n}\n\n.rf-bg-\\[\\#00000050\\] {\n background-color: #00000050;\n}\n\n.rf-bg-\\[\\#000000B3\\] {\n background-color: #000000b3;\n}\n\n.rf-bg-\\[\\#121212F2\\] {\n background-color: #121212f2;\n}\n\n.rf-bg-\\[\\#1999B1\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(25 153 177 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-\\[\\#325981\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(50 89 129 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-\\[\\#CDE5FE\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(205 229 254 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-\\[\\#F0F0F0\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-\\[\\#F8F8F8\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));\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, 1));\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, 1));\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, 1));\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, 1));\n}\n\n.rf-bg-templateBackground {\n --tw-bg-opacity: 1;\n background-color: rgb(241 241 241 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-templateEmptyCard {\n --tw-bg-opacity: 1;\n background-color: rgb(232 231 231 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-textModePanelBackgroundBot {\n background-color: var(--rf-color-textModePanelBackgroundBot);\n}\n\n.rf-bg-textModePanelBackgroundUser {\n background-color: var(--rf-color-textModePanelBackgroundUser);\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, 1));\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, 1));\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-3 {\n padding: .75rem;\n}\n\n.rf-p-4 {\n padding: 1rem;\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-16 {\n padding-left: 4rem;\n padding-right: 4rem;\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-48 {\n padding-left: 12rem;\n padding-right: 12rem;\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-16 {\n padding-top: 4rem;\n padding-bottom: 4rem;\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-py-8 {\n padding-top: 2rem;\n padding-bottom: 2rem;\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-24 {\n padding-bottom: 6rem;\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-4 {\n padding-left: 1rem;\n}\n\n.rf-pl-6 {\n padding-left: 1.5rem;\n}\n\n.rf-pl-8 {\n padding-left: 2rem;\n}\n\n.rf-pr-1 {\n padding-right: .25rem;\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-40 {\n padding-top: 10rem;\n}\n\n.rf-pt-6 {\n padding-top: 1.5rem;\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-justify {\n text-align: justify;\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-6xl {\n font-size: 3.75rem;\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-sm\\/4 {\n font-size: .875rem;\n line-height: 1rem;\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-light {\n font-weight: 200;\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-leading-4 {\n line-height: 1rem;\n}\n\n.rf-text-\\[\\#1999B1\\] {\n --tw-text-opacity: 1;\n color: rgb(25 153 177 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-\\[\\#325981\\] {\n --tw-text-opacity: 1;\n color: rgb(50 89 129 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-\\[\\#575F6B\\] {\n --tw-text-opacity: 1;\n color: rgb(87 95 107 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-\\[\\#9A9A9A\\] {\n --tw-text-opacity: 1;\n color: rgb(154 154 154 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-\\[\\#A4A7AF\\] {\n --tw-text-opacity: 1;\n color: rgb(164 167 175 / var(--tw-text-opacity, 1));\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, 1));\n}\n\n.rf-text-lightgray {\n --tw-text-opacity: 1;\n color: rgb(129 129 129 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-primary {\n color: var(--rf-color-primary);\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, 1));\n}\n\n.rf-text-truewhite {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity, 1));\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, 1));\n}\n\n.rf-underline {\n text-decoration-line: underline;\n}\n\n.rf-shadow-\\[-3px_-3px_10px_\\#00000099\\] {\n --tw-shadow: -3px -3px 10px #0009;\n --tw-shadow-colored: -3px -3px 10px 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_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_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-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-bouncing-bot {\n aspect-ratio: 2;\n --_g: no-repeat radial-gradient(circle closest-side, var(--rf-color-textModePanelConversationBot) 90%, transparent);\n background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;\n background-size: 33.3333% 50%;\n}\n\n@keyframes rf-loaderBouncing {\n 20% {\n background-position: 0 0, 50%, 100%;\n }\n\n 40% {\n background-position: 0 100%, 50% 0, 100%;\n }\n\n 60% {\n background-position: 0%, 50% 100%, 100% 0;\n }\n\n 80% {\n background-position: 0%, 50%, 100% 100%;\n }\n}\n\n.rf-loader-bouncing-bot {\n animation: 1s linear infinite rf-loaderBouncing;\n}\n\n.rf-loader-bouncing-white {\n aspect-ratio: 2;\n --_g: no-repeat radial-gradient(circle closest-side, #fff 90%, transparent);\n background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;\n background-size: 33.3333% 50%;\n animation: 1s linear infinite rf-loaderBouncing;\n}\n\n@keyframes rf-loaderPulsation {\n 0% {\n transform: scale3d(1, 1, 1);\n }\n\n 50% {\n transform: scale3d(1.1, 1.1, 1);\n }\n\n 100% {\n transform: scale3d(1, 1, 1);\n }\n}\n\n.rf-loader-pulsation {\n animation: 2s cubic-bezier(.65, 0, .34, 1) infinite rf-loaderPulsation;\n}\n\n.rf-loader-pulsation:before {\n content: \"\";\n background-color: var(--rf-color-secondary);\n z-index: -1;\n border-radius: 50%;\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n@keyframes rf-loaderRipple {\n 0% {\n opacity: 1;\n transform: scale3d(.75, .75, 1);\n }\n\n 100% {\n opacity: 0;\n transform: scale3d(1.5, 1.5, 1);\n }\n}\n\n.rf-loader-pulsation:before {\n animation: 2.4s cubic-bezier(.65, 0, .34, 1) .4s infinite rf-loaderRipple;\n}\n\n.rf-loader-pulsation:after {\n content: \"\";\n background-color: var(--rf-color-secondary);\n z-index: -1;\n border-radius: 50%;\n width: 100%;\n height: 100%;\n animation: 2.4s cubic-bezier(.65, 0, .34, 1) infinite rf-loaderRipple;\n position: absolute;\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, 1));\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: 2;\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, 1));\n}\n\n.rf-loader-microphone-primary:before, .rf-loader-microphone-primary:after {\n content: \"\";\n border: 6px solid #0000;\n border-top-color: var(--rf-color-primary);\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-primary:before {\n z-index: 2;\n animation: 1s linear infinite rf-spin;\n}\n\n.rf-loader-microphone-primary:after {\n --tw-border-opacity: 1;\n border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));\n}\n\n.rf-loader-microphone-secondary:before, .rf-loader-microphone-secondary:after {\n content: \"\";\n border: 6px solid #0000;\n border-top-color: var(--rf-color-secondary);\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-secondary:before {\n z-index: 2;\n animation: 1s linear infinite rf-spin;\n}\n\n.rf-loader-microphone-secondary:after {\n --tw-border-opacity: 1;\n border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));\n}\n\n.rf-loader-counter {\n border-width: 8px;\n border-color: var(--rf-color-primary);\n border-radius: 50%;\n position: relative;\n}\n\n@keyframes rf-loaderCounter {\n 0% {\n clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\n }\n\n 25% {\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\n }\n\n 50% {\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);\n }\n\n 75% {\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\n }\n\n 100% {\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);\n }\n}\n\n.rf-loader-counter:before {\n border-width: 10px;\n border-color: var(--rf-color-cardFrameBackground);\n content: \"\";\n animation: rf-loaderCounter;\n animation-duration: var(--duration);\n border-radius: 50%;\n animation-timing-function: linear;\n position: absolute;\n inset: -9px;\n transform: rotate(45deg);\n}\n\n.rf-touch-action-none {\n touch-action: none;\n}\n\n.rf-unselectable {\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-text-small-size-auto {\n font-size: .875rem;\n line-height: 1rem;\n}\n\n#retorik-container.rf-large .rf-text-small-size-auto {\n font-size: 1rem;\n line-height: 1.1rem;\n}\n\n.rf-text-extra-small-size-auto {\n font-size: .6rem;\n line-height: .75rem;\n}\n\n#retorik-container.rf-large .rf-text-extra-small-size-auto {\n font-size: .875rem;\n line-height: 1rem;\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-r {\n -webkit-mask-image: linear-gradient(to right, #000 75%, gray 80%, #0000 85%);\n}\n\n.rf-opacity-gradient-r-thin {\n -webkit-mask-image: linear-gradient(to right, #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-positive {\n border-width: 1px;\n border-color: var(--rf-color-cardFrameBackground);\n background-color: var(--rf-color-cardButtonTextDefault);\n color: var(--rf-color-cardFrameBackground);\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-positive {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-positive {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-positive {\n padding: .5rem 1rem;\n}\n\n.rf-card-button-positive:hover {\n cursor: pointer;\n border-color: var(--rf-color-cardButtonTextDefault);\n background-color: var(--rf-color-cardFrameBackground);\n color: var(--rf-color-cardButtonTextDefault);\n}\n\n.rf-card-button-destructive {\n --tw-border-opacity: 1;\n border-width: 1px;\n border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));\n --tw-bg-opacity: 1;\n background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity, 1));\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-destructive {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-destructive {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-destructive {\n padding: .5rem 1rem;\n}\n\n.rf-card-button-destructive:hover {\n cursor: pointer;\n --tw-border-opacity: 1;\n border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n --tw-text-opacity: 1;\n color: rgb(220 38 38 / var(--tw-text-opacity, 1));\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, 1));\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.rf-card-button-mini, .rf-card-button-mini-selected, .rf-card-button-mini-disabled {\n background-color: var(--rf-color-cardFrameBackground);\n border-width: 1px;\n border-radius: .3125rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-mini, #retorik-container.rf-large .rf-card-button-mini-selected, #retorik-container.rf-large .rf-card-button-mini-disabled {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-mini, #retorik-container.rf-large.rf-portrait .rf-card-button-mini-selected, #retorik-container.rf-large.rf-portrait .rf-card-button-mini-disabled {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n.rf-card-button-mini {\n border-color: var(--rf-color-cardButtonBorderDefault);\n background-color: var(--rf-color-cardFrameBackground);\n color: var(--rf-color-cardButtonTextDefault);\n}\n\n.rf-card-button-mini:hover {\n cursor: pointer;\n border-color: var(--rf-color-cardButtonBorderHover);\n background-color: var(--rf-color-cardFrameBackground);\n color: var(--rf-color-cardButtonTextHover);\n}\n\n.rf-card-button-mini-selected {\n border-color: var(--rf-color-cardFrameBackground);\n background-color: var(--rf-color-cardButtonBorderDefault);\n color: var(--rf-color-cardFrameBackground);\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 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 width: .5rem;\n height: .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 background-color: var(--rf-color-formInputRadioCheckboxCheckedItem);\n border-radius: 50%;\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 appearance: none;\n margin: 0;\n}\n\n.rf-checkbox-custom {\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 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 width: 1rem;\n height: 1rem;\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, 1));\n border-radius: 50%;\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 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, 1));\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, 1));\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, 1));\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, 1));\n}\n\n.hover\\:rf-bg-\\[\\#1999B1\\]:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(25 153 177 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:rf-bg-formInputRadioCheckboxCheckedBackground:hover {\n background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n.hover\\:rf-bg-transparent:hover {\n background-color: #0000;\n}\n\n.hover\\:rf-bg-truewhite:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:rf-text-\\[\\#1999B1\\]:hover {\n --tw-text-opacity: 1;\n color: rgb(25 153 177 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:rf-text-\\[\\#325981\\]:hover {\n --tw-text-opacity: 1;\n color: rgb(50 89 129 / var(--tw-text-opacity, 1));\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, 1));\n}\n\n.hover\\:rf-shadow-\\[inset_0_0_12px_\\#00000029\\]:hover {\n --tw-shadow: inset 0 0 12px #00000029;\n --tw-shadow-colored: inset 0 0 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#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-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-9\\/10 {\n width: 90%;\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-items-center {\n align-items: center;\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-top-8 {\n top: 2rem;\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-8 {\n margin-left: 2rem;\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-10 {\n height: 2.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-16 {\n height: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-20 {\n height: 5rem;\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-max-h-\\[2\\.3rem\\] {\n max-height: 2.3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-min-h-\\[2\\.3rem\\] {\n min-height: 2.3rem;\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-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-8 {\n min-width: 2rem;\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, 1));\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-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-absolute {\n position: absolute;\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-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-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-5 {\n height: 1.25rem;\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-min-h-10 {\n min-height: 2.5rem;\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-3\\/5 {\n width: 60%;\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-w-full {\n width: 100%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-w-14 {\n min-width: 3.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-3\\/5 {\n min-width: 60%;\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-\\[45\\%\\] {\n max-width: 45%;\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-flex-col {\n flex-direction: column;\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-4 {\n gap: 1rem;\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-start {\n align-self: flex-start;\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, 1));\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-48 {\n padding-top: 12rem;\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) .landscape-retorik\\:rf-col-start-3 {\n grid-column-start: 3;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-col-start-4 {\n grid-column-start: 4;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:-rf-mt-4 {\n margin-top: -1rem;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-h-full {\n height: 100%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-w-\\[48\\%\\] {\n width: 48%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-w-\\[calc\\(80\\%-10rem\\)\\] {\n width: calc(80% - 10rem);\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-min-w-\\[48\\%\\] {\n min-width: 48%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-max-w-\\[calc\\(\\(80\\%-10rem\\)\\*0\\.75\\)\\] {\n max-width: calc(60% - 7.5rem);\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-flex-col-reverse {\n flex-direction: column-reverse;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-items-start {\n align-items: flex-start;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-justify-start {\n justify-content: flex-start;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-justify-center {\n justify-content: center;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-self-end {\n align-self: flex-end;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-justify-self-start {\n justify-self: start;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-pb-2 {\n padding-bottom: .5rem;\n}\n\n#retorik-container.rf-mobile .mobile\\:rf-px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n#retorik-container.rf-tablet .tablet\\:rf-w-28 {\n width: 7rem;\n}\n\n#retorik-container.rf-tablet .tablet\\:rf-pl-12 {\n padding-left: 3rem;\n}\n\n#retorik-container.rf-tablet .tablet\\:rf-pr-24 {\n padding-right: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-h-10 {\n height: 2.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-h-20 {\n height: 5rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-min-h-20 {\n min-height: 5rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-w-40 {\n width: 10rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-p-5 {\n padding: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-pl-32 {\n padding-left: 8rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-pr-56 {\n padding-right: 14rem;\n}\n\n.ltr\\:rf-left-0:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n left: 0;\n}\n\n.ltr\\:rf-left-1:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n left: .25rem;\n}\n\n.ltr\\:rf-left-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n left: 1rem;\n}\n\n.ltr\\:rf-right-0:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n right: 0;\n}\n\n.ltr\\:rf-right-12:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n right: 3rem;\n}\n\n.ltr\\:rf-right-2:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n right: .5rem;\n}\n\n.ltr\\:rf-right-3:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n right: .75rem;\n}\n\n.ltr\\:rf-right-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n right: 1rem;\n}\n\n.ltr\\:rf-right-6:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n right: 1.5rem;\n}\n\n.ltr\\:rf-right-9:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n right: 2.25rem;\n}\n\n.ltr\\:rf-col-start-1:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n grid-column-start: 1;\n}\n\n.ltr\\:rf-ml-1:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-left: .25rem;\n}\n\n.ltr\\:rf-ml-2:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-left: .5rem;\n}\n\n.ltr\\:rf-ml-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-left: 1rem;\n}\n\n.ltr\\:rf-ml-6:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-left: 1.5rem;\n}\n\n.ltr\\:rf-mr-1:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-right: .25rem;\n}\n\n.ltr\\:rf-mr-2:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-right: .5rem;\n}\n\n.ltr\\:rf-mr-3:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-right: .75rem;\n}\n\n.ltr\\:rf-mr-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-right: 1rem;\n}\n\n.ltr\\:rf-mr-5:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-right: 1.25rem;\n}\n\n.ltr\\:rf-flex-row:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n flex-direction: row;\n}\n\n.ltr\\:rf-items-start:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n align-items: flex-start;\n}\n\n.ltr\\:rf-justify-start:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n justify-content: flex-start;\n}\n\n.ltr\\:rf-self-end:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n align-self: flex-end;\n}\n\n.ltr\\:rf-rounded-l-lg:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n border-top-left-radius: .5rem;\n border-bottom-left-radius: .5rem;\n}\n\n.ltr\\:rf-rounded-tl-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n border-top-left-radius: 1rem;\n}\n\n.ltr\\:rf-rounded-tr-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n border-top-right-radius: 1rem;\n}\n\n.ltr\\:rf-pl-1:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n padding-left: .25rem;\n}\n\n.ltr\\:rf-pl-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n padding-left: 1rem;\n}\n\n.ltr\\:rf-pl-6:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n padding-left: 1.5rem;\n}\n\n.ltr\\:rf-pr-2:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n padding-right: .5rem;\n}\n\n.ltr\\:rf-pr-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n padding-right: 1rem;\n}\n\n.ltr\\:rf-text-left:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n text-align: left;\n}\n\n.ltr\\:rf-text-right:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n text-align: right;\n}\n\n.ltr\\:rf-text-xs:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n font-size: .75rem;\n line-height: 1rem;\n}\n\n.ltr\\:rf-text-xsm:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n font-size: .6rem;\n}\n\n#retorik-container.rf-large .large\\:ltr\\:rf-left-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:ltr\\:rf-ml-0:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-left: 0;\n}\n\n#retorik-container.rf-large .large\\:ltr\\:rf-ml-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:ltr\\:rf-mr-3:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-right: .75rem;\n}\n\n#retorik-container.rf-large .large\\:ltr\\:rf-mr-30:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-right: 7.5rem;\n}\n\n#retorik-container.rf-large .large\\:ltr\\:rf-pl-12:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n padding-left: 3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:ltr\\:rf-right-9:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n right: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:ltr\\:rf-ml-1\\/5:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-left: 20%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:ltr\\:rf-mr-1\\/5:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-right: 20%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:ltr\\:rf-pl-0:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n padding-left: 0;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:ltr\\:rf-ml-1\\/5:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-left: 20%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:ltr\\:rf-mr-40:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-right: 10rem;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:ltr\\:-rf-translate-x-1\\/4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n --tw-translate-x: -25%;\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:not(.rf-portrait) .landscape-retorik\\:ltr\\:rf-pl-1\\/5:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n padding-left: 20%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:ltr\\:rf-pl-\\[calc\\(50\\%-2\\.5rem\\)\\]:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n padding-left: calc(50% - 2.5rem);\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:ltr\\:rf-pr-40:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n padding-right: 10rem;\n}\n\n.rtl\\:rf-left-0:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n left: 0;\n}\n\n.rtl\\:rf-left-12:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n left: 3rem;\n}\n\n.rtl\\:rf-left-2:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n left: .5rem;\n}\n\n.rtl\\:rf-left-3:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n left: .75rem;\n}\n\n.rtl\\:rf-left-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n left: 1rem;\n}\n\n.rtl\\:rf-left-6:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n left: 1.5rem;\n}\n\n.rtl\\:rf-left-9:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n left: 2.25rem;\n}\n\n.rtl\\:rf-right-0:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n right: 0;\n}\n\n.rtl\\:rf-right-1:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n right: .25rem;\n}\n\n.rtl\\:rf-right-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n right: 1rem;\n}\n\n.rtl\\:rf-right-6:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n right: 1.5rem;\n}\n\n.rtl\\:rf-col-end-1:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n grid-column-end: 1;\n}\n\n.rtl\\:rf-ml-1:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-left: .25rem;\n}\n\n.rtl\\:rf-ml-2:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-left: .5rem;\n}\n\n.rtl\\:rf-ml-3:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-left: .75rem;\n}\n\n.rtl\\:rf-ml-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-left: 1rem;\n}\n\n.rtl\\:rf-ml-5:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-left: 1.25rem;\n}\n\n.rtl\\:rf-mr-1:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-right: .25rem;\n}\n\n.rtl\\:rf-mr-2:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-right: .5rem;\n}\n\n.rtl\\:rf-mr-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-right: 1rem;\n}\n\n.rtl\\:rf-mr-6:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-right: 1.5rem;\n}\n\n.rtl\\:rf-flex-row-reverse:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n flex-direction: row-reverse;\n}\n\n.rtl\\:rf-items-end:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n align-items: flex-end;\n}\n\n.rtl\\:rf-justify-end:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n justify-content: flex-end;\n}\n\n.rtl\\:rf-self-start:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n align-self: flex-start;\n}\n\n.rtl\\:rf-rounded-r-lg:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n border-top-right-radius: .5rem;\n border-bottom-right-radius: .5rem;\n}\n\n.rtl\\:rf-rounded-tl-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n border-top-left-radius: 1rem;\n}\n\n.rtl\\:rf-rounded-tr-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n border-top-right-radius: 1rem;\n}\n\n.rtl\\:rf-pl-2:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n padding-left: .5rem;\n}\n\n.rtl\\:rf-pl-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n padding-left: 1rem;\n}\n\n.rtl\\:rf-pr-1:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n padding-right: .25rem;\n}\n\n.rtl\\:rf-pr-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n padding-right: 1rem;\n}\n\n.rtl\\:rf-pr-6:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n padding-right: 1.5rem;\n}\n\n.rtl\\:rf-text-left:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n text-align: left;\n}\n\n.rtl\\:rf-text-right:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n text-align: right;\n}\n\n.rtl\\:rf-text-arabic:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n font-size: 1.125rem;\n line-height: 1.15rem;\n}\n\n#retorik-container.rf-large .large\\:rtl\\:rf-right-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n right: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rtl\\:rf-ml-3:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-left: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rtl\\:rf-ml-30:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-left: 7.5rem;\n}\n\n#retorik-container.rf-large .large\\:rtl\\:rf-mr-0:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-right: 0;\n}\n\n#retorik-container.rf-large .large\\:rtl\\:rf-mr-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-right: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rtl\\:rf-left-9:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n left: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rtl\\:rf-ml-1\\/5:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-left: 20%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rtl\\:rf-mr-1\\/5:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-right: 20%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rtl\\:rf-pr-0:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n padding-right: 0;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rtl\\:rf-ml-40:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-left: 10rem;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rtl\\:rf-mr-1\\/5:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-right: 20%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rtl\\:rf-translate-x-1\\/4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n --tw-translate-x: 25%;\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:not(.rf-portrait) .landscape-retorik\\:rtl\\:rf-pl-40:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n padding-left: 10rem;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rtl\\:rf-pr-1\\/5:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n padding-right: 20%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rtl\\:rf-pr-\\[calc\\(50\\%-2\\.5rem\\)\\]:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n padding-right: calc(50% - 2.5rem);\n}\n";
|
|
19107
|
+
$4b50e1d502fb5483$exports = "*, :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 --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}\n\n*, :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 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 height: 0;\n color: inherit;\n border-top-width: 1px;\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 letter-spacing: inherit;\n color: inherit;\n margin: 0;\n padding: 0;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, input:where([type=\"button\"]), input:where([type=\"reset\"]), input:where([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 {\n height: auto;\n}\n\n::-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]:where(:not([hidden=\"until-found\"])) {\n display: none;\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-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-2 {\n bottom: .5rem;\n}\n\n.rf-bottom-4 {\n bottom: 1rem;\n}\n\n.rf-bottom-8 {\n bottom: 2rem;\n}\n\n.rf-bottom-\\[calc\\(100\\%\\+2rem\\)\\] {\n bottom: calc(100% + 2rem);\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-12 {\n left: 3rem;\n}\n\n.rf-left-2 {\n left: .5rem;\n}\n\n.rf-left-4 {\n left: 1rem;\n}\n\n.rf-left-8 {\n left: 2rem;\n}\n\n.rf-left-\\[calc\\(100\\%\\+1rem\\)\\] {\n left: calc(100% + 1rem);\n}\n\n.rf-left-\\[calc\\(50\\%-3rem\\)\\] {\n left: calc(50% - 3rem);\n}\n\n.rf-right-0 {\n right: 0;\n}\n\n.rf-right-1 {\n right: .25rem;\n}\n\n.rf-right-10 {\n right: 2.5rem;\n}\n\n.rf-right-12 {\n right: 3rem;\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-right-9 {\n right: 2.25rem;\n}\n\n.rf-right-\\[calc\\(100\\%\\+1rem\\)\\] {\n right: calc(100% + 1rem);\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-8 {\n top: 2rem;\n}\n\n.rf-top-\\[0\\.125rem\\] {\n top: .125rem;\n}\n\n.rf-top-\\[calc\\(100\\%\\+1rem\\)\\] {\n top: calc(100% + 1rem);\n}\n\n.rf-top-\\[calc\\(50\\%-3rem\\)\\] {\n top: calc(50% - 3rem);\n}\n\n.rf-z-\\[10\\] {\n z-index: 10;\n}\n\n.rf-z-\\[15\\] {\n z-index: 15;\n}\n\n.rf-z-\\[1\\] {\n z-index: 1;\n}\n\n.rf-z-\\[20\\] {\n z-index: 20;\n}\n\n.rf-z-\\[25\\] {\n z-index: 25;\n}\n\n.rf-z-\\[2\\] {\n z-index: 2;\n}\n\n.rf-z-\\[5\\] {\n z-index: 5;\n}\n\n.rf-z-agent {\n z-index: 1;\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: 31;\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-list {\n z-index: 30;\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: 2;\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-4 {\n grid-column: span 4 / span 4;\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-3 {\n grid-column-start: 3;\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-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-end-13 {\n grid-row-end: 13;\n}\n\n.rf-row-end-3 {\n grid-row-end: 3;\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-8 {\n margin-left: -2rem;\n margin-right: -2rem;\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-4 {\n margin-left: 1rem;\n margin-right: 1rem;\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-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-box-border {\n box-sizing: border-box;\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\\/2 {\n height: 50%;\n}\n\n.rf-h-1\\/3 {\n height: 33.3333%;\n}\n\n.rf-h-10 {\n height: 2.5rem;\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-2\\/5 {\n height: 40%;\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-\\[35\\%\\] {\n height: 35%;\n}\n\n.rf-h-\\[50\\%\\] {\n height: 50%;\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-16 {\n max-height: 4rem;\n}\n\n.rf-max-h-20 {\n max-height: 5rem;\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-8 {\n max-height: 2rem;\n}\n\n.rf-max-h-80 {\n max-height: 20rem;\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-qrcodelarge {\n max-height: 200px;\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-14 {\n min-height: 3.5rem;\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-8 {\n min-height: 2rem;\n}\n\n.rf-min-h-9 {\n min-height: 2.25rem;\n}\n\n.rf-min-h-fit {\n min-height: fit-content;\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-10 {\n width: 2.5rem;\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-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-\\[90\\%\\] {\n width: 90%;\n}\n\n.rf-w-\\[calc\\(100\\%-4rem\\)\\] {\n width: calc(100% - 4rem);\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-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-7 {\n min-width: 1.75rem;\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-\\[500px\\] {\n max-width: 500px;\n}\n\n.rf-max-w-\\[75\\%\\] {\n max-width: 75%;\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-border-collapse {\n border-collapse: collapse;\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-y-full {\n --tw-translate-y: -100%;\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-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-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-\\[repeat\\(2\\,30\\%\\)\\] {\n grid-template-columns: repeat(2, 30%);\n}\n\n.rf-grid-cols-\\[repeat\\(2\\,45\\%\\)\\] {\n grid-template-columns: repeat(2, 45%);\n}\n\n.rf-grid-cols-\\[repeat\\(3\\,31\\%\\)\\] {\n grid-template-columns: repeat(3, 31%);\n}\n\n.rf-grid-cols-headerContainer {\n grid-template-columns: 5rem 1rem 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-3 {\n grid-template-rows: repeat(3, minmax(0, 1fr));\n}\n\n.rf-grid-rows-4 {\n grid-template-rows: repeat(4, minmax(0, 1fr));\n}\n\n.rf-grid-rows-5 {\n grid-template-rows: repeat(5, 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(2, 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-6 {\n gap: 1.5rem;\n}\n\n.rf-gap-8 {\n gap: 2rem;\n}\n\n.rf-gap-9 {\n gap: 2.25rem;\n}\n\n.rf-gap-\\[10\\%\\] {\n gap: 10%;\n}\n\n.rf-gap-x-\\[3\\.5\\%\\] {\n column-gap: 3.5%;\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-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-clip {\n overflow-y: clip;\n}\n\n.rf-overflow-x-visible {\n overflow-x: visible;\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-whitespace-break-spaces {\n white-space: break-spaces;\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-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-b-4 {\n border-bottom-right-radius: 1rem;\n border-bottom-left-radius: 1rem;\n}\n\n.rf-rounded-b-lg {\n border-bottom-right-radius: .5rem;\n border-bottom-left-radius: .5rem;\n}\n\n.rf-rounded-l-lg {\n border-top-left-radius: .5rem;\n border-bottom-left-radius: .5rem;\n}\n\n.rf-rounded-t-lg {\n border-top-left-radius: .5rem;\n border-top-right-radius: .5rem;\n}\n\n.rf-rounded-tl-4 {\n border-top-left-radius: 1rem;\n}\n\n.rf-rounded-tr-4 {\n border-top-right-radius: 1rem;\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-\\[\\#1999B1\\] {\n --tw-border-opacity: 1;\n border-color: rgb(25 153 177 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#707070\\] {\n --tw-border-opacity: 1;\n border-color: rgb(112 112 112 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#8B8888\\] {\n --tw-border-opacity: 1;\n border-color: rgb(139 136 136 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#9FA2AA\\] {\n --tw-border-opacity: 1;\n border-color: rgb(159 162 170 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#C7C6C6\\] {\n --tw-border-opacity: 1;\n border-color: rgb(199 198 198 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#F0F0F0\\] {\n --tw-border-opacity: 1;\n border-color: rgb(240 240 240 / var(--tw-border-opacity, 1));\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, 1));\n}\n\n.rf-border-lightgray {\n --tw-border-opacity: 1;\n border-color: rgb(129 129 129 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-menuBorder {\n --tw-border-opacity: 1;\n border-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-primary {\n border-color: var(--rf-color-primary);\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, 1));\n}\n\n.rf-border-textBoxBorder {\n --tw-border-opacity: 1;\n border-color: rgb(190 190 190 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-textModePanelBackgroundBot {\n border-color: var(--rf-color-textModePanelBackgroundBot);\n}\n\n.rf-border-textModePanelBackgroundUser {\n border-color: var(--rf-color-textModePanelBackgroundUser);\n}\n\n.rf-border-trueblack {\n --tw-border-opacity: 1;\n border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-truewhite {\n --tw-border-opacity: 1;\n border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));\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, 1));\n border-bottom-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-b-\\[\\#C4C5C8\\] {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(196 197 200 / var(--tw-border-opacity, 1));\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, 1));\n}\n\n.rf-border-b-silver {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(192 192 192 / var(--tw-border-opacity, 1));\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, 1));\n}\n\n.rf-border-r-\\[\\#8B8888\\] {\n --tw-border-opacity: 1;\n border-right-color: rgb(139 136 136 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-r-silver {\n --tw-border-opacity: 1;\n border-right-color: rgb(192 192 192 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-t-\\[\\#8B8888\\] {\n --tw-border-opacity: 1;\n border-top-color: rgb(139 136 136 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-t-\\[\\#CBC9C9\\] {\n --tw-border-opacity: 1;\n border-top-color: rgb(203 201 201 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-t-menuBorder {\n --tw-border-opacity: 1;\n border-top-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n}\n\n.rf-bg-\\[\\#00000050\\] {\n background-color: #00000050;\n}\n\n.rf-bg-\\[\\#000000B3\\] {\n background-color: #000000b3;\n}\n\n.rf-bg-\\[\\#121212F2\\] {\n background-color: #121212f2;\n}\n\n.rf-bg-\\[\\#1999B1\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(25 153 177 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-\\[\\#F0F0F0\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-\\[\\#F8F8F8\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));\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, 1));\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, 1));\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, 1));\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, 1));\n}\n\n.rf-bg-templateBackground {\n --tw-bg-opacity: 1;\n background-color: rgb(241 241 241 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-templateEmptyCard {\n --tw-bg-opacity: 1;\n background-color: rgb(232 231 231 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-textModePanelBackgroundBot {\n background-color: var(--rf-color-textModePanelBackgroundBot);\n}\n\n.rf-bg-textModePanelBackgroundUser {\n background-color: var(--rf-color-textModePanelBackgroundUser);\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, 1));\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, 1));\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-3 {\n padding: .75rem;\n}\n\n.rf-p-4 {\n padding: 1rem;\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-16 {\n padding-left: 4rem;\n padding-right: 4rem;\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-48 {\n padding-left: 12rem;\n padding-right: 12rem;\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-16 {\n padding-top: 4rem;\n padding-bottom: 4rem;\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-py-8 {\n padding-top: 2rem;\n padding-bottom: 2rem;\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-24 {\n padding-bottom: 6rem;\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-pl-8 {\n padding-left: 2rem;\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-pr-6 {\n padding-right: 1.5rem;\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-40 {\n padding-top: 10rem;\n}\n\n.rf-pt-6 {\n padding-top: 1.5rem;\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-text-justify {\n text-align: justify;\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-6xl {\n font-size: 3.75rem;\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-arabic {\n font-size: 1.125rem;\n line-height: 1.15rem;\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-sm\\/4 {\n font-size: .875rem;\n line-height: 1rem;\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-light {\n font-weight: 200;\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-leading-4 {\n line-height: 1rem;\n}\n\n.rf-text-\\[\\#1999B1\\] {\n --tw-text-opacity: 1;\n color: rgb(25 153 177 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-\\[\\#575F6B\\] {\n --tw-text-opacity: 1;\n color: rgb(87 95 107 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-\\[\\#9A9A9A\\] {\n --tw-text-opacity: 1;\n color: rgb(154 154 154 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-\\[\\#A4A7AF\\] {\n --tw-text-opacity: 1;\n color: rgb(164 167 175 / var(--tw-text-opacity, 1));\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, 1));\n}\n\n.rf-text-lightgray {\n --tw-text-opacity: 1;\n color: rgb(129 129 129 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-primary {\n color: var(--rf-color-primary);\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, 1));\n}\n\n.rf-text-truewhite {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity, 1));\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, 1));\n}\n\n.rf-underline {\n text-decoration-line: underline;\n}\n\n.rf-shadow-\\[-3px_-3px_10px_\\#00000099\\] {\n --tw-shadow: -3px -3px 10px #0009;\n --tw-shadow-colored: -3px -3px 10px 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_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_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-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-bouncing-bot {\n aspect-ratio: 2;\n --_g: no-repeat radial-gradient(circle closest-side, var(--rf-color-textModePanelConversationBot) 90%, transparent);\n background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;\n background-size: 33.3333% 50%;\n}\n\n@keyframes rf-loaderBouncing {\n 20% {\n background-position: 0 0, 50%, 100%;\n }\n\n 40% {\n background-position: 0 100%, 50% 0, 100%;\n }\n\n 60% {\n background-position: 0%, 50% 100%, 100% 0;\n }\n\n 80% {\n background-position: 0%, 50%, 100% 100%;\n }\n}\n\n.rf-loader-bouncing-bot {\n animation: 1s linear infinite rf-loaderBouncing;\n}\n\n.rf-loader-bouncing-white {\n aspect-ratio: 2;\n --_g: no-repeat radial-gradient(circle closest-side, #fff 90%, transparent);\n background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;\n background-size: 33.3333% 50%;\n animation: 1s linear infinite rf-loaderBouncing;\n}\n\n@keyframes rf-loaderPulsation {\n 0% {\n transform: scale3d(1, 1, 1);\n }\n\n 50% {\n transform: scale3d(1.1, 1.1, 1);\n }\n\n 100% {\n transform: scale3d(1, 1, 1);\n }\n}\n\n.rf-loader-pulsation {\n animation: 2s cubic-bezier(.65, 0, .34, 1) infinite rf-loaderPulsation;\n}\n\n.rf-loader-pulsation:before {\n content: \"\";\n background-color: var(--rf-color-secondary);\n z-index: -1;\n border-radius: 50%;\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n@keyframes rf-loaderRipple {\n 0% {\n opacity: 1;\n transform: scale3d(.75, .75, 1);\n }\n\n 100% {\n opacity: 0;\n transform: scale3d(1.5, 1.5, 1);\n }\n}\n\n.rf-loader-pulsation:before {\n animation: 2.4s cubic-bezier(.65, 0, .34, 1) .4s infinite rf-loaderRipple;\n}\n\n.rf-loader-pulsation:after {\n content: \"\";\n background-color: var(--rf-color-secondary);\n z-index: -1;\n border-radius: 50%;\n width: 100%;\n height: 100%;\n animation: 2.4s cubic-bezier(.65, 0, .34, 1) infinite rf-loaderRipple;\n position: absolute;\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, 1));\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: 2;\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, 1));\n}\n\n.rf-loader-microphone-primary:before, .rf-loader-microphone-primary:after {\n content: \"\";\n border: 6px solid #0000;\n border-top-color: var(--rf-color-primary);\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-primary:before {\n z-index: 2;\n animation: 1s linear infinite rf-spin;\n}\n\n.rf-loader-microphone-primary:after {\n --tw-border-opacity: 1;\n border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));\n}\n\n.rf-loader-microphone-secondary:before, .rf-loader-microphone-secondary:after {\n content: \"\";\n border: 6px solid #0000;\n border-top-color: var(--rf-color-secondary);\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-secondary:before {\n z-index: 2;\n animation: 1s linear infinite rf-spin;\n}\n\n.rf-loader-microphone-secondary:after {\n --tw-border-opacity: 1;\n border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));\n}\n\n.rf-loader-counter {\n border-width: 8px;\n border-color: var(--rf-color-primary);\n border-radius: 50%;\n position: relative;\n}\n\n@keyframes rf-loaderCounter {\n 0% {\n clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\n }\n\n 25% {\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\n }\n\n 50% {\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);\n }\n\n 75% {\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\n }\n\n 100% {\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);\n }\n}\n\n.rf-loader-counter:before {\n border-width: 10px;\n border-color: var(--rf-color-cardFrameBackground);\n content: \"\";\n animation: rf-loaderCounter;\n animation-duration: var(--duration);\n border-radius: 50%;\n animation-timing-function: linear;\n position: absolute;\n inset: -9px;\n transform: rotate(45deg);\n}\n\n.rf-touch-action-none {\n touch-action: none;\n}\n\n.rf-unselectable {\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-text-small-size-auto {\n font-size: .875rem;\n line-height: 1rem;\n}\n\n#retorik-container.rf-large .rf-text-small-size-auto {\n font-size: 1rem;\n line-height: 1.1rem;\n}\n\n.rf-text-extra-small-size-auto {\n font-size: .6rem;\n line-height: .75rem;\n}\n\n#retorik-container.rf-large .rf-text-extra-small-size-auto {\n font-size: .875rem;\n line-height: 1rem;\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-r {\n -webkit-mask-image: linear-gradient(to right, #000 75%, gray 80%, #0000 85%);\n}\n\n.rf-opacity-gradient-r-thin {\n -webkit-mask-image: linear-gradient(to right, #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-positive {\n border-width: 1px;\n border-color: var(--rf-color-cardFrameBackground);\n background-color: var(--rf-color-cardButtonTextDefault);\n color: var(--rf-color-cardFrameBackground);\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-positive {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-positive {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-positive {\n padding: .5rem 1rem;\n}\n\n.rf-card-button-positive:hover {\n cursor: pointer;\n border-color: var(--rf-color-cardButtonTextDefault);\n background-color: var(--rf-color-cardFrameBackground);\n color: var(--rf-color-cardButtonTextDefault);\n}\n\n.rf-card-button-destructive {\n --tw-border-opacity: 1;\n border-width: 1px;\n border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));\n --tw-bg-opacity: 1;\n background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity, 1));\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-destructive {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-destructive {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-destructive {\n padding: .5rem 1rem;\n}\n\n.rf-card-button-destructive:hover {\n cursor: pointer;\n --tw-border-opacity: 1;\n border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n --tw-text-opacity: 1;\n color: rgb(220 38 38 / var(--tw-text-opacity, 1));\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, 1));\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.rf-card-button-mini, .rf-card-button-mini-selected, .rf-card-button-mini-disabled {\n background-color: var(--rf-color-cardFrameBackground);\n border-width: 1px;\n border-radius: .3125rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-mini, #retorik-container.rf-large .rf-card-button-mini-selected, #retorik-container.rf-large .rf-card-button-mini-disabled {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-mini, #retorik-container.rf-large.rf-portrait .rf-card-button-mini-selected, #retorik-container.rf-large.rf-portrait .rf-card-button-mini-disabled {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n.rf-card-button-mini {\n border-color: var(--rf-color-cardButtonBorderDefault);\n background-color: var(--rf-color-cardFrameBackground);\n color: var(--rf-color-cardButtonTextDefault);\n}\n\n.rf-card-button-mini:hover {\n cursor: pointer;\n border-color: var(--rf-color-cardButtonBorderHover);\n background-color: var(--rf-color-cardFrameBackground);\n color: var(--rf-color-cardButtonTextHover);\n}\n\n.rf-card-button-mini-selected {\n border-color: var(--rf-color-cardFrameBackground);\n background-color: var(--rf-color-cardButtonBorderDefault);\n color: var(--rf-color-cardFrameBackground);\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 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 width: .5rem;\n height: .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 background-color: var(--rf-color-formInputRadioCheckboxCheckedItem);\n border-radius: 50%;\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 appearance: none;\n margin: 0;\n}\n\n.rf-checkbox-custom {\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 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 width: 1rem;\n height: 1rem;\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, 1));\n border-radius: 50%;\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 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, 1));\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, 1));\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, 1));\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, 1));\n}\n\n.hover\\:rf-bg-\\[\\#1999B1\\]:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(25 153 177 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:rf-bg-formInputRadioCheckboxCheckedBackground:hover {\n background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n.hover\\:rf-bg-transparent:hover {\n background-color: #0000;\n}\n\n.hover\\:rf-bg-truewhite:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:rf-text-\\[\\#1999B1\\]:hover {\n --tw-text-opacity: 1;\n color: rgb(25 153 177 / var(--tw-text-opacity, 1));\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, 1));\n}\n\n.hover\\:rf-shadow-\\[inset_0_0_12px_\\#00000029\\]:hover {\n --tw-shadow: inset 0 0 12px #00000029;\n --tw-shadow-colored: inset 0 0 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#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-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-9\\/10 {\n width: 90%;\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-items-center {\n align-items: center;\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-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-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-10 {\n height: 2.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-16 {\n height: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-20 {\n height: 5rem;\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-max-h-\\[2\\.3rem\\] {\n max-height: 2.3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-min-h-\\[2\\.3rem\\] {\n min-height: 2.3rem;\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-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-8 {\n min-width: 2rem;\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, 1));\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-12 {\n padding-right: 3rem;\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-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-absolute {\n position: absolute;\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-right-9 {\n right: 2.25rem;\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-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-ml-1\\/5 {\n margin-left: 20%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mr-1\\/5 {\n margin-right: 20%;\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-5 {\n height: 1.25rem;\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-min-h-10 {\n min-height: 2.5rem;\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-3\\/5 {\n width: 60%;\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-w-full {\n width: 100%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-w-14 {\n min-width: 3.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-3\\/5 {\n min-width: 60%;\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-\\[45\\%\\] {\n max-width: 45%;\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-flex-col {\n flex-direction: column;\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-4 {\n gap: 1rem;\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-start {\n align-self: flex-start;\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, 1));\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-48 {\n padding-top: 12rem;\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) .landscape-retorik\\:rf-col-start-3 {\n grid-column-start: 3;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-col-start-4 {\n grid-column-start: 4;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:-rf-mt-4 {\n margin-top: -1rem;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-ml-1\\/5 {\n margin-left: 20%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-mr-40 {\n margin-right: 10rem;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-h-full {\n height: 100%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-w-\\[48\\%\\] {\n width: 48%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-w-\\[calc\\(80\\%-10rem\\)\\] {\n width: calc(80% - 10rem);\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-min-w-\\[48\\%\\] {\n min-width: 48%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-max-w-\\[calc\\(\\(80\\%-10rem\\)\\*0\\.75\\)\\] {\n max-width: calc(60% - 7.5rem);\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:-rf-translate-x-1\\/4 {\n --tw-translate-x: -25%;\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:not(.rf-portrait) .landscape-retorik\\:rf-flex-col-reverse {\n flex-direction: column-reverse;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-items-start {\n align-items: flex-start;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-justify-start {\n justify-content: flex-start;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-justify-center {\n justify-content: center;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-self-end {\n align-self: flex-end;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-justify-self-start {\n justify-self: start;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-pb-2 {\n padding-bottom: .5rem;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-pl-1\\/5 {\n padding-left: 20%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-pl-\\[calc\\(50\\%-2\\.5rem\\)\\] {\n padding-left: calc(50% - 2.5rem);\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-pr-40 {\n padding-right: 10rem;\n}\n\n#retorik-container.rf-mobile .mobile\\:rf-px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n#retorik-container.rf-tablet .tablet\\:rf-w-28 {\n width: 7rem;\n}\n\n#retorik-container.rf-tablet .tablet\\:rf-pl-12 {\n padding-left: 3rem;\n}\n\n#retorik-container.rf-tablet .tablet\\:rf-pr-24 {\n padding-right: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-h-10 {\n height: 2.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-h-20 {\n height: 5rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-min-h-20 {\n min-height: 5rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-w-40 {\n width: 10rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-p-5 {\n padding: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-pl-32 {\n padding-left: 8rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-pr-56 {\n padding-right: 14rem;\n}\n\n.ltr\\:rf-left-1:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n left: .25rem;\n}\n\n.ltr\\:rf-col-start-1:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n grid-column-start: 1;\n}\n\n.ltr\\:rf-ml-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-left: 1rem;\n}\n\n.ltr\\:rf-self-end:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n align-self: flex-end;\n}\n\n.ltr\\:rf-pr-2:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n padding-right: .5rem;\n}\n\n.ltr\\:rf-text-left:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n text-align: left;\n}\n\n.ltr\\:rf-text-right:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n text-align: right;\n}\n\n.rtl\\:rf-right-1:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n right: .25rem;\n}\n\n.rtl\\:rf-col-end-1:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n grid-column-end: 1;\n}\n\n.rtl\\:rf-mr-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-right: 1rem;\n}\n\n.rtl\\:rf-self-start:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n align-self: flex-start;\n}\n\n.rtl\\:rf-pl-2:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n padding-left: .5rem;\n}\n\n.rtl\\:rf-text-left:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n text-align: left;\n}\n\n.rtl\\:rf-text-right:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n text-align: right;\n}\n";
|
|
19092
19108
|
|
|
19093
19109
|
|
|
19094
19110
|
var $3b963894676ce6b6$exports = {};
|
|
@@ -19187,11 +19203,7 @@ var $1Qww3 = parcelRequire("1Qww3");
|
|
|
19187
19203
|
|
|
19188
19204
|
var $4ucVo = parcelRequire("4ucVo");
|
|
19189
19205
|
|
|
19190
|
-
var $cT90l = parcelRequire("cT90l");
|
|
19191
|
-
|
|
19192
19206
|
var $3dsIB = parcelRequire("3dsIB");
|
|
19193
|
-
|
|
19194
|
-
var $75pB6 = parcelRequire("75pB6");
|
|
19195
19207
|
const $05381dff3a76f568$export$284b58786299e6c5 = async ({ configurationData: configurationData, baseAddress: baseAddress })=>{
|
|
19196
19208
|
if (configurationData) {
|
|
19197
19209
|
if (typeof configurationData.userConsent === 'boolean') return {
|
|
@@ -19439,8 +19451,6 @@ const $25e969779d25f701$var$processJson = (json, retorikProps, baseAddress)=>{
|
|
|
19439
19451
|
timerForFilterSelectionListMode: undefined,
|
|
19440
19452
|
// Pattern != null means not null nor undefined
|
|
19441
19453
|
useOldRemote: json.useOldRemote != null ? json.useOldRemote : true,
|
|
19442
|
-
// Temporary parameter, will be removed
|
|
19443
|
-
showTemporaryBanner: undefined,
|
|
19444
19454
|
preventVirtualKeyboard: undefined,
|
|
19445
19455
|
channelData: json.channelData
|
|
19446
19456
|
},
|
|
@@ -19491,8 +19501,11 @@ const $25e969779d25f701$var$processJson = (json, retorikProps, baseAddress)=>{
|
|
|
19491
19501
|
animationsUrl: json.animationsUrl || undefined
|
|
19492
19502
|
},
|
|
19493
19503
|
ponyfillFactoryCredentials: {
|
|
19494
|
-
region: json.voiceCredentialsRegion
|
|
19495
|
-
subscriptionKey: json.voiceCredentialsSubscriptionKey
|
|
19504
|
+
region: json.voiceCredentialsRegion,
|
|
19505
|
+
subscriptionKey: json.voiceCredentialsSubscriptionKey,
|
|
19506
|
+
speechRecognitionHostnamesRecord: json.speechRecognizerHosts,
|
|
19507
|
+
speechRecognitionHostname: undefined,
|
|
19508
|
+
speechSynthesisHostname: json.speechSynthesizerHost
|
|
19496
19509
|
},
|
|
19497
19510
|
addressData: {
|
|
19498
19511
|
...retorikProps.addressData,
|
|
@@ -19638,7 +19651,8 @@ const $25e969779d25f701$var$processJson = (json, retorikProps, baseAddress)=>{
|
|
|
19638
19651
|
// Other data
|
|
19639
19652
|
disableHistory: json.disableHistory,
|
|
19640
19653
|
customScripts: json.customScripts,
|
|
19641
|
-
customCSS: json.customCSS
|
|
19654
|
+
customCSS: json.customCSS,
|
|
19655
|
+
features: json.features
|
|
19642
19656
|
};
|
|
19643
19657
|
return props;
|
|
19644
19658
|
}
|
|
@@ -20710,7 +20724,7 @@ const $c3eed29d5a01c495$var$Checkbox = ({ id: id, choices: choices, split: split
|
|
|
20710
20724
|
setChosen(tempChosen);
|
|
20711
20725
|
}
|
|
20712
20726
|
};
|
|
20713
|
-
return display
|
|
20727
|
+
return display?.length ? split ? /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
|
|
20714
20728
|
className: "rf-w-full rf-mt-4 rf-flex rf-flex-row rf-text-size-auto rf-text-white",
|
|
20715
20729
|
children: [
|
|
20716
20730
|
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
@@ -22011,7 +22025,7 @@ const $5cbd372c0b8373e3$var$ActionButton = ({ text: text, fullWidth: fullWidth,
|
|
|
22011
22025
|
className: "rf-relative rf-text-center rf-mx-8 rf-mt-2 rf-italic",
|
|
22012
22026
|
children: [
|
|
22013
22027
|
/*#__PURE__*/ (0, $bZRJW$jsx)((0, $aJKB3.default), {
|
|
22014
|
-
className:
|
|
22028
|
+
className: `rf-absolute rf-top-[0.125rem] ${isRTL ? 'rf-right-6' : '-rf-left-6'} rf-h-4`
|
|
22015
22029
|
}),
|
|
22016
22030
|
(0, $3hxrI.getTextToDisplayOnLink)({
|
|
22017
22031
|
translation: translation,
|
|
@@ -22061,7 +22075,7 @@ const $5cbd372c0b8373e3$var$ActionButton = ({ text: text, fullWidth: fullWidth,
|
|
|
22061
22075
|
})
|
|
22062
22076
|
}),
|
|
22063
22077
|
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
22064
|
-
className:
|
|
22078
|
+
className: `${isRTL ? 'rf-mr-4' : 'rf-ml-4'}`,
|
|
22065
22079
|
children: (0, $7pypd.capitalizeFirstLetter)(text, locale)
|
|
22066
22080
|
})
|
|
22067
22081
|
]
|
|
@@ -22069,7 +22083,7 @@ const $5cbd372c0b8373e3$var$ActionButton = ({ text: text, fullWidth: fullWidth,
|
|
|
22069
22083
|
className: `rf-relative ${currentSubView !== (0, $4ucVo.CurrentSubView).history ? clicked ? 'rf-card-button-clicked' : adaptiveStyle === (0, $bZRJW$ActionStyle).Positive ? 'rf-card-button-positive' : adaptiveStyle === (0, $bZRJW$ActionStyle).Destructive ? 'rf-card-button-destructive' : 'rf-card-button' : 'rf-card-button-history'} rf-mt-2 ${fullWidth ? 'rf-text-center' : 'rf-text-left'} ${style}`,
|
|
22070
22084
|
onClick: handleClick,
|
|
22071
22085
|
children: clicked && !urlToOpen ? /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
22072
|
-
className: `rf-w-full rf-h-[1.25rem] large:rf-h-[1.3rem] rf-flex rf-justify-center rf-items-center ${fullWidth ? '' : '
|
|
22086
|
+
className: `rf-w-full rf-h-[1.25rem] large:rf-h-[1.3rem] rf-flex rf-justify-center rf-items-center ${fullWidth ? '' : isRTL ? 'rf-pr-6 large:rf-pr-12' : 'rf-pl-6 large:rf-pl-12'}`,
|
|
22073
22087
|
style: {
|
|
22074
22088
|
...animationColor
|
|
22075
22089
|
},
|
|
@@ -22444,7 +22458,7 @@ function $4551c1f557108aed$export$bb3ea6dd2428edb6({ enabled: enabled, children:
|
|
|
22444
22458
|
// Create resource with custom parameters used globally in uptrace
|
|
22445
22459
|
const resource = (0, $bZRJW$defaultResource)().merge((0, $bZRJW$resourceFromAttributes)({
|
|
22446
22460
|
[(0, $bZRJW$ATTR_SERVICE_NAME)]: 'retorik-framework',
|
|
22447
|
-
['
|
|
22461
|
+
['davi.retorik.activity.conversation.id']: conversationId,
|
|
22448
22462
|
['service_namespace']: serviceNamespace,
|
|
22449
22463
|
['retorik_framework_version']: (0, $iT1WI.version),
|
|
22450
22464
|
['user_id']: userId
|
|
@@ -22497,28 +22511,35 @@ function $4551c1f557108aed$export$bb3ea6dd2428edb6({ enabled: enabled, children:
|
|
|
22497
22511
|
const handleBotActivity = (activity)=>{
|
|
22498
22512
|
// Do nothing for bring-up messages and non-streaming events
|
|
22499
22513
|
if (lastUserActivityRef.current && (activity.type === 'message' || activity.name?.toLocaleLowerCase() === 'davi.streammessageactivity') && activity.label?.toLowerCase() !== 'davi.bringupmessage' && activity.replyToId === lastUserActivityRef.current.id) {
|
|
22500
|
-
sendTrace((0, $4ucVo.TraceType).message,
|
|
22514
|
+
sendTrace((0, $4ucVo.TraceType).message, {
|
|
22515
|
+
activityId: activity.id,
|
|
22516
|
+
userActivity: lastUserActivityRef.current
|
|
22517
|
+
});
|
|
22501
22518
|
lastUserActivityRef.current = null;
|
|
22502
22519
|
}
|
|
22503
22520
|
};
|
|
22504
22521
|
const sendTrace = (type, data)=>{
|
|
22505
22522
|
if (tracer && type) {
|
|
22506
|
-
const parameters = {
|
|
22523
|
+
const parameters = data?.activityId ? {
|
|
22524
|
+
'davi.retorik.activity.id': data.activityId
|
|
22525
|
+
} : {};
|
|
22526
|
+
let startTime = 0;
|
|
22507
22527
|
switch(type){
|
|
22508
22528
|
case (0, $4ucVo.TraceType).message:
|
|
22509
|
-
|
|
22529
|
+
if (data?.userActivity) startTime = data?.userActivity.time;
|
|
22510
22530
|
break;
|
|
22511
22531
|
case (0, $4ucVo.TraceType).utteranceStart:
|
|
22512
|
-
parameters.text = data;
|
|
22513
|
-
break;
|
|
22514
22532
|
case (0, $4ucVo.TraceType).utteranceEnd:
|
|
22515
|
-
parameters.text = data;
|
|
22533
|
+
parameters.text = data?.text;
|
|
22516
22534
|
break;
|
|
22517
22535
|
}
|
|
22518
|
-
const span = tracer.startSpan(type,
|
|
22536
|
+
const span = tracer.startSpan(type, startTime ? {
|
|
22537
|
+
startTime: startTime
|
|
22538
|
+
} : undefined);
|
|
22519
22539
|
span.setStatus({
|
|
22520
22540
|
code: (0, $bZRJW$SpanStatusCode).OK
|
|
22521
22541
|
});
|
|
22542
|
+
span.setAttributes(parameters);
|
|
22522
22543
|
span.end();
|
|
22523
22544
|
}
|
|
22524
22545
|
};
|
|
@@ -22986,497 +23007,11 @@ var $7eea63803bf8724c$export$2e2bcd8739ae039 = $7eea63803bf8724c$var$VoiceInput;
|
|
|
22986
23007
|
|
|
22987
23008
|
|
|
22988
23009
|
var $3BlcX = parcelRequire("3BlcX");
|
|
22989
|
-
|
|
22990
|
-
|
|
22991
|
-
|
|
22992
|
-
var $1x02c = parcelRequire("1x02c");
|
|
22993
|
-
parcelRequire("SZcIF");
|
|
22994
|
-
var $awh9M = parcelRequire("awh9M");
|
|
22995
|
-
|
|
22996
|
-
var $1Qww3 = parcelRequire("1Qww3");
|
|
22997
|
-
const $75710e2a5540e2b8$var$TemporaryBanner = ()=>{
|
|
22998
|
-
const configuration = (0, $1x02c.useRetorikStore)((state)=>state.configuration);
|
|
22999
|
-
const isMobile = (0, $1Qww3.useViewStore)((state)=>state.isMobile);
|
|
23000
|
-
const isLandscape = (0, $1Qww3.useViewStore)((state)=>state.isLandscape);
|
|
23001
|
-
const isBorne = (0, $1Qww3.useViewStore)((state)=>state.isBorne);
|
|
23002
|
-
const setConfiguration = (0, $1x02c.useRetorikStore)((state)=>state.actions.setConfiguration);
|
|
23003
|
-
const [display, setDisplay] = (0, $bZRJW$useState)(!!configuration.useOldRemote);
|
|
23004
|
-
const handleChange = ()=>{
|
|
23005
|
-
setConfiguration({
|
|
23006
|
-
...configuration,
|
|
23007
|
-
useOldRemote: false
|
|
23008
|
-
});
|
|
23009
|
-
setDisplay(false);
|
|
23010
|
-
};
|
|
23011
|
-
return display ? /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
23012
|
-
className: `rf-absolute rf-z-menu rf-w-full ${isLandscape ? 'rf-top-0' : isMobile ? 'rf-bottom-0' : 'rf-bottom-4'} ${isBorne && 'rf-rounded'}`,
|
|
23013
|
-
children: /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
|
|
23014
|
-
className: `rf-relative rf-w-full rf-py-2 rf-bg-[#CDE5FE] ${isBorne && 'rf-rounded'}`,
|
|
23015
|
-
children: [
|
|
23016
|
-
isMobile ? /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
|
|
23017
|
-
className: "rf-w-full rf-h-24 rf-flex rf-flex-col rf-justify-center rf-gap-2",
|
|
23018
|
-
children: [
|
|
23019
|
-
/*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
|
|
23020
|
-
className: "rf-pl-4 rf-flex rf-flex-row rf-items-center rf-gap-4",
|
|
23021
|
-
children: [
|
|
23022
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)($75710e2a5540e2b8$var$MyIcon, {
|
|
23023
|
-
myclass: "rf-h-10"
|
|
23024
|
-
}),
|
|
23025
|
-
/*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
|
|
23026
|
-
className: "rf-flex rf-flex-col rf-justify-start rf-text-[#325981]",
|
|
23027
|
-
children: [
|
|
23028
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
23029
|
-
className: "rf-font-bold rf-text-basecustom",
|
|
23030
|
-
children: "Une nouvelle exp\xe9rience vous attend"
|
|
23031
|
-
}),
|
|
23032
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
23033
|
-
className: "rf-text-xs",
|
|
23034
|
-
children: "D\xe9couvrez notre interface repens\xe9e"
|
|
23035
|
-
})
|
|
23036
|
-
]
|
|
23037
|
-
})
|
|
23038
|
-
]
|
|
23039
|
-
}),
|
|
23040
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("button", {
|
|
23041
|
-
className: "rf-w-fit rf-py-1 rf-px-6 rf-self-center rf-text-sm rf-text-truewhite hover:rf-text-[#325981] rf-bg-[#325981] hover:rf-bg-truewhite rf-border rf-rounded rf-border-[#325981]",
|
|
23042
|
-
onClick: handleChange,
|
|
23043
|
-
children: "Tester maintenant"
|
|
23044
|
-
})
|
|
23045
|
-
]
|
|
23046
|
-
}) : /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
|
|
23047
|
-
className: "rf-w-full rf-h-full rf-flex rf-flex-row rf-justify-center rf-items-center rf-gap-6",
|
|
23048
|
-
style: {
|
|
23049
|
-
maxWidth: 'calc(100% - 3.5rem)'
|
|
23050
|
-
},
|
|
23051
|
-
children: [
|
|
23052
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)($75710e2a5540e2b8$var$MyIcon, {
|
|
23053
|
-
myclass: "rf-h-12"
|
|
23054
|
-
}),
|
|
23055
|
-
/*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
|
|
23056
|
-
className: "rf-flex rf-flex-col rf-justify-start rf-text-[#325981]",
|
|
23057
|
-
children: [
|
|
23058
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
23059
|
-
className: "rf-font-bold rf-text-basecustom",
|
|
23060
|
-
children: "Une nouvelle exp\xe9rience vous attend"
|
|
23061
|
-
}),
|
|
23062
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
23063
|
-
className: "rf-text-xs",
|
|
23064
|
-
children: "D\xe9couvrez notre interface repens\xe9e"
|
|
23065
|
-
})
|
|
23066
|
-
]
|
|
23067
|
-
}),
|
|
23068
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("button", {
|
|
23069
|
-
className: "rf-py-1 rf-px-6 rf-text-truewhite hover:rf-text-[#325981] rf-bg-[#325981] hover:rf-bg-truewhite rf-border rf-rounded rf-border-[#325981]",
|
|
23070
|
-
onClick: handleChange,
|
|
23071
|
-
children: "Tester maintenant"
|
|
23072
|
-
})
|
|
23073
|
-
]
|
|
23074
|
-
}),
|
|
23075
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
23076
|
-
className: "rf-absolute rf-top-1/2 -rf-translate-y-1/2 rf-right-0 rf-px-4 hover:rf-cursor-pointer",
|
|
23077
|
-
onClick: ()=>setDisplay(false),
|
|
23078
|
-
children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $awh9M.default), {
|
|
23079
|
-
className: "rf-w-6 rf-h-6",
|
|
23080
|
-
color: "#325981"
|
|
23081
|
-
})
|
|
23082
|
-
})
|
|
23083
|
-
]
|
|
23084
|
-
})
|
|
23085
|
-
}) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $bZRJW$react).Fragment, {});
|
|
23086
|
-
};
|
|
23087
|
-
const $75710e2a5540e2b8$var$MyIcon = ({ myclass: myclass })=>{
|
|
23088
|
-
return /*#__PURE__*/ (0, $bZRJW$jsx)("svg", {
|
|
23089
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
23090
|
-
viewBox: "0 0 44.903 40",
|
|
23091
|
-
className: myclass,
|
|
23092
|
-
children: /*#__PURE__*/ (0, $bZRJW$jsxs)("g", {
|
|
23093
|
-
id: "a-woman-who-uses-a-computer-inspiration-svgrepo-com",
|
|
23094
|
-
transform: "translate(0 0)",
|
|
23095
|
-
children: [
|
|
23096
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23097
|
-
id: "Trac\xe9_692",
|
|
23098
|
-
"data-name": "Trac\xe9 692",
|
|
23099
|
-
d: "M150.957,18.205a1.537,1.537,0,0,0,.77-1.342,5.871,5.871,0,0,0-.394-2.094,16.946,16.946,0,0,1-.695-3.879c-.019-.444-.027-1.872-.044-2.409a6.527,6.527,0,0,0-1.824-4.111l-.825-.689A4.678,4.678,0,0,0,146.75,3a7.517,7.517,0,0,0-2.81-.566,6.635,6.635,0,0,0-4.392,1.488c-1.637,1.393-2.417,3.355-2.226,6.592.471,2.478.071,4.186.178,6.392.029.6.821,1.782,1.622,1.618Z",
|
|
23100
|
-
transform: "translate(-119.629 -2.115)",
|
|
23101
|
-
fill: "#a98a75"
|
|
23102
|
-
}),
|
|
23103
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23104
|
-
id: "Trac\xe9_693",
|
|
23105
|
-
"data-name": "Trac\xe9 693",
|
|
23106
|
-
d: "M147.183,38.584a8.011,8.011,0,0,1-3.669,2.3.131.131,0,0,1-.166-.15c.071-.383.12-.75.155-1.132a13.2,13.2,0,0,1-3.55,2.682c.156.921.261,1.851.377,2.7a4.861,4.861,0,0,0,1.606,3.326,4.5,4.5,0,0,0,1.942.91l-.166.095a8.3,8.3,0,0,1-.926.378v0l.105.546a2.08,2.08,0,0,0,1.172,1.415,3.785,3.785,0,0,0,1.862.3,8.5,8.5,0,0,0,5.361-2.7,7.838,7.838,0,0,1-.978-.458,1.468,1.468,0,0,1-.647-.64,2.277,2.277,0,0,1-.124-.47l-.064-.525-.021-.133c.175-.223.332-.45.482-.686,0,0,.235-.385.333-.6l.063-.118a1.663,1.663,0,0,0,.8-.21,2.258,2.258,0,0,0,.826-1.027,2.1,2.1,0,0,0,.074-1.553.779.779,0,0,0-.659-.429.864.864,0,0,0-.619.154l-1.081-.222a5.085,5.085,0,0,1-1.8-2.047,16.117,16.117,0,0,1-.679-1.68",
|
|
23107
|
-
transform: "translate(-121.947 -33.62)",
|
|
23108
|
-
fill: "#fff"
|
|
23109
|
-
}),
|
|
23110
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23111
|
-
id: "Trac\xe9_694",
|
|
23112
|
-
"data-name": "Trac\xe9 694",
|
|
23113
|
-
d: "M180.875,237.767c.845,2.686,1.955,6.221,2.559,8.154a.725.725,0,0,1-.331.846l-.069.04.073-.03c1.555-.649,6.588-2.885,7.543-3.324l-.355-1.667S182.278,238.26,180.875,237.767Z",
|
|
23114
|
-
transform: "translate(-157.604 -207.176)",
|
|
23115
|
-
fill: "#fff"
|
|
23116
|
-
}),
|
|
23117
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23118
|
-
id: "Trac\xe9_695",
|
|
23119
|
-
"data-name": "Trac\xe9 695",
|
|
23120
|
-
d: "M223.929,15.452a6.045,6.045,0,0,1,1.512,2.522,5.266,5.266,0,0,1,.255,1.437c.011.357.014.715.019,1.073a20.675,20.675,0,0,0,.154,2.648,20.562,20.562,0,0,0,.728,3.115c.25.815.529,2.082-.387,2.583-.349.191-.037.724.312.533a2.3,2.3,0,0,0,.846-2.607c-.089-.467-.256-.915-.381-1.373-.154-.568-.3-1.141-.406-1.72a16.421,16.421,0,0,1-.244-2.86,11.285,11.285,0,0,0-.2-2.66,6.7,6.7,0,0,0-1.766-3.128c-.288-.274-.726.162-.437.437Z",
|
|
23121
|
-
transform: "translate(-195.035 -13.007)",
|
|
23122
|
-
fill: "#211715"
|
|
23123
|
-
}),
|
|
23124
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23125
|
-
id: "Trac\xe9_696",
|
|
23126
|
-
"data-name": "Trac\xe9 696",
|
|
23127
|
-
d: "M193.059,247.319a18.253,18.253,0,0,0-1.491,1.589c-.079.083-.405.3-.656.106a.569.569,0,0,1-.129-.578c.325-.711.459-.926.7-1.424-.294.31-.524.57-.873.923l-.355.359-1.049,1.06c-.373-1.192-.836-2.67-1.3-4.14a10.6,10.6,0,0,1,1.263-1.52,2.357,2.357,0,0,1,1.317-.619,3.244,3.244,0,0,1,.611.021q.58.059,1.156.151a2.463,2.463,0,0,0,2.037-.231,7.293,7.293,0,0,1,1.742,3.082,2.856,2.856,0,0,0-.375.219c-.081.055-.34.285-.426.332a5.919,5.919,0,0,1-2.129.658",
|
|
23128
|
-
transform: "translate(-163.731 -211.75)",
|
|
23129
|
-
fill: "#fff"
|
|
23130
|
-
}),
|
|
23131
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23132
|
-
id: "Trac\xe9_697",
|
|
23133
|
-
"data-name": "Trac\xe9 697",
|
|
23134
|
-
d: "M117.093,138.634a6.157,6.157,0,0,0-1.366-2.069,2.457,2.457,0,0,1-2.036.232q-.576-.092-1.156-.151a3.245,3.245,0,0,0-.611-.021,2.357,2.357,0,0,0-1.317.619,7.023,7.023,0,0,0-.962,1.121l-10.779-6.01c-.473-1.208-.759-2.082-1.122-3.307.805-.263,2.8-.839,3.8-1.222a19,19,0,0,1,.335-1.873,7.076,7.076,0,0,1,1.4-3.055,6.4,6.4,0,0,1,2.573-1.465c.026-.012.068-.027.121-.045l.137.535a2.08,2.08,0,0,0,1.172,1.415,3.784,3.784,0,0,0,1.862.3,8.586,8.586,0,0,0,5.458-2.793c2.073.592,3.715,1.2,4.874,2.873a19.482,19.482,0,0,1,2,5.217c.295,1.09.6,2.2.818,3.458.119.656.34,1.989.354,2.482a7.161,7.161,0,0,1-.168,1.637,3.7,3.7,0,0,1-1.287,1.913,14.269,14.269,0,0,1-3.559,1.867A9.055,9.055,0,0,0,117.093,138.634Z",
|
|
23135
|
-
transform: "translate(-85.169 -105.3)",
|
|
23136
|
-
fill: "#f8b8b4"
|
|
23137
|
-
}),
|
|
23138
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23139
|
-
id: "Trac\xe9_698",
|
|
23140
|
-
"data-name": "Trac\xe9 698",
|
|
23141
|
-
d: "M86.2,108.544l.045-.007a2.035,2.035,0,0,1,.309-.013l-.11-.271-.679-1.6a2.223,2.223,0,0,1-.142-.4.83.83,0,0,1,.12-.665.54.54,0,0,1,.608-.109,1.046,1.046,0,0,1,.5.5,16.858,16.858,0,0,1,1.337,3.067l.067.214a1.037,1.037,0,0,1,.858-.015,1.106,1.106,0,0,1,.441.587,3.721,3.721,0,0,1-.17,3.109,11.5,11.5,0,0,1,.509,1.461l.012.047c-.794.292-2.069.676-2.97.953l-.032-.12a8.667,8.667,0,0,0-.546-1.455,3.037,3.037,0,0,0-.543-.538,11.684,11.684,0,0,1-.962-.975,1.316,1.316,0,0,1-.314-.881,1.611,1.611,0,0,1,.37-.856.54.54,0,0,1,.42-.149l-.021-.044a.689.689,0,0,1-.131-.563c.067-.262.187-.318.4-.373l.016,0,0-.25a.55.55,0,0,1,.163-.406A.749.749,0,0,1,86.2,108.544Z",
|
|
23142
|
-
transform: "translate(-73.655 -91.87)",
|
|
23143
|
-
fill: "#fff"
|
|
23144
|
-
}),
|
|
23145
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23146
|
-
id: "Trac\xe9_699",
|
|
23147
|
-
"data-name": "Trac\xe9 699",
|
|
23148
|
-
d: "M209.95,123.753Z",
|
|
23149
|
-
transform: "translate(-182.938 -107.829)",
|
|
23150
|
-
fill: "#fff"
|
|
23151
|
-
}),
|
|
23152
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23153
|
-
id: "Trac\xe9_700",
|
|
23154
|
-
"data-name": "Trac\xe9 700",
|
|
23155
|
-
d: "M286.111,248.837q1.272,0,2.544,0l3.992,0h1a.309.309,0,0,0,0-.618q-1.3,0-2.609,0l-3.973.005h-.951a.309.309,0,0,0,0,.618Z",
|
|
23156
|
-
transform: "translate(-249.04 -216.275)",
|
|
23157
|
-
fill: "#211715"
|
|
23158
|
-
}),
|
|
23159
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23160
|
-
id: "Trac\xe9_701",
|
|
23161
|
-
"data-name": "Trac\xe9 701",
|
|
23162
|
-
d: "M.3,248.838c1.525,0,3.05-.006,4.575-.009H5.6a.309.309,0,0,0,0-.618c-1.542,0-3.085.006-4.627.009H.3a.309.309,0,0,0,0,.618Z",
|
|
23163
|
-
transform: "translate(0 -216.275)",
|
|
23164
|
-
fill: "#211715"
|
|
23165
|
-
}),
|
|
23166
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23167
|
-
id: "Trac\xe9_702",
|
|
23168
|
-
"data-name": "Trac\xe9 702",
|
|
23169
|
-
d: "M228.576,119.578a8.019,8.019,0,0,1,4.235,2.376,7.9,7.9,0,0,1,1.12,2.065c.3.751.545,1.522.768,2.3a45.881,45.881,0,0,1,1.2,5.015,6.506,6.506,0,0,1-.155,4.1,4.622,4.622,0,0,1-1.918,1.779,16.358,16.358,0,0,1-2.322,1.094q-.233.09-.468.173a.317.317,0,0,0-.216.38.312.312,0,0,0,.38.216,19.162,19.162,0,0,0,2.332-1,6.97,6.97,0,0,0,2.327-1.7,4.119,4.119,0,0,0,.645-1.155,4.374,4.374,0,0,0,.227-1.108,5.924,5.924,0,0,0,.033-1.037c-.03-.384-.089-.767-.146-1.147-.139-.919-.3-1.835-.515-2.74-.2-.853-.435-1.7-.668-2.544-.21-.763-.437-1.521-.707-2.264a11.316,11.316,0,0,0-1.082-2.324,6.1,6.1,0,0,0-1.836-1.818,10.178,10.178,0,0,0-2.394-1.055c-.224-.072-.449-.139-.675-.206a.309.309,0,0,0-.164.6Z",
|
|
23170
|
-
transform: "translate(-198.978 -103.661)",
|
|
23171
|
-
fill: "#211715"
|
|
23172
|
-
}),
|
|
23173
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23174
|
-
id: "Trac\xe9_703",
|
|
23175
|
-
"data-name": "Trac\xe9 703",
|
|
23176
|
-
d: "M233.821,227.624c.634-.269,1.243-.582,1.862-.882a.31.31,0,0,0,.111-.423.317.317,0,0,0-.423-.111c-.619.3-1.228.613-1.862.882a.309.309,0,0,0-.111.423A.319.319,0,0,0,233.821,227.624Z",
|
|
23177
|
-
transform: "translate(-203.333 -197.071)",
|
|
23178
|
-
fill: "#211715"
|
|
23179
|
-
}),
|
|
23180
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23181
|
-
id: "Trac\xe9_704",
|
|
23182
|
-
"data-name": "Trac\xe9 704",
|
|
23183
|
-
d: "M240.068,189.666l.941,3.446a.309.309,0,0,0,.6-.164l-.941-3.446A.309.309,0,0,0,240.068,189.666Z",
|
|
23184
|
-
transform: "translate(-209.17 -164.93)",
|
|
23185
|
-
fill: "#211715"
|
|
23186
|
-
}),
|
|
23187
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23188
|
-
id: "Trac\xe9_705",
|
|
23189
|
-
"data-name": "Trac\xe9 705",
|
|
23190
|
-
d: "M193.963,241.1a2.107,2.107,0,0,1-1.474.143,13.588,13.588,0,0,0-1.842-.222c-1.254-.017-2.078.983-2.759,1.9a.311.311,0,0,0,.111.423.316.316,0,0,0,.423-.111,5.262,5.262,0,0,1,1.1-1.208,2.13,2.13,0,0,1,.683-.336,2.254,2.254,0,0,1,.809-.026c.573.057,1.138.164,1.709.23a2.338,2.338,0,0,0,1.551-.259C194.61,241.419,194.3,240.884,193.963,241.1Z",
|
|
23191
|
-
transform: "translate(-163.679 -210.01)",
|
|
23192
|
-
fill: "#211715"
|
|
23193
|
-
}),
|
|
23194
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23195
|
-
id: "Trac\xe9_706",
|
|
23196
|
-
"data-name": "Trac\xe9 706",
|
|
23197
|
-
d: "M191.319,258.5l-.944.936a.309.309,0,0,0,.437.437l.944-.936a.309.309,0,1,0-.437-.437Z",
|
|
23198
|
-
transform: "translate(-165.802 -225.16)",
|
|
23199
|
-
fill: "#211715"
|
|
23200
|
-
}),
|
|
23201
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23202
|
-
id: "Trac\xe9_707",
|
|
23203
|
-
"data-name": "Trac\xe9 707",
|
|
23204
|
-
d: "M195.436,265.671c.476-.556,1-1.074,1.518-1.589a.309.309,0,1,0-.437-.437c-.521.515-1.042,1.032-1.518,1.589a.309.309,0,0,0,.437.437Z",
|
|
23205
|
-
transform: "translate(-169.832 -229.646)",
|
|
23206
|
-
fill: "#211715"
|
|
23207
|
-
}),
|
|
23208
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23209
|
-
id: "Trac\xe9_708",
|
|
23210
|
-
"data-name": "Trac\xe9 708",
|
|
23211
|
-
d: "M200.793,271.95c.351-.354.706-.705,1.05-1.066.3-.319.6-.646.908-.96a.309.309,0,1,0-.437-.437c-.31.314-.6.641-.908.96-.344.361-.7.712-1.05,1.066a.309.309,0,0,0,.437.437Z",
|
|
23212
|
-
transform: "translate(-174.499 -234.735)",
|
|
23213
|
-
fill: "#211715"
|
|
23214
|
-
}),
|
|
23215
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23216
|
-
id: "Trac\xe9_709",
|
|
23217
|
-
"data-name": "Trac\xe9 709",
|
|
23218
|
-
d: "M226.2,266.386a6.746,6.746,0,0,0,1.833-.481,2.847,2.847,0,0,0,.687-.4l.126-.1.062-.051c.04-.032-.035.024-.005,0a3.3,3.3,0,0,1,.385-.225.309.309,0,0,0-.312-.533,3.2,3.2,0,0,0-.594.391,2.222,2.222,0,0,1-.184.145,2.861,2.861,0,0,1-.377.19,5.71,5.71,0,0,1-1.621.441.319.319,0,0,0-.309.309.31.31,0,0,0,.309.309Z",
|
|
23219
|
-
transform: "translate(-196.824 -230.52)",
|
|
23220
|
-
fill: "#211715"
|
|
23221
|
-
}),
|
|
23222
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23223
|
-
id: "Trac\xe9_710",
|
|
23224
|
-
"data-name": "Trac\xe9 710",
|
|
23225
|
-
d: "M233.927,240.094a4.452,4.452,0,0,1,1.148,1.514,8.813,8.813,0,0,1,.772,2.059c.092.386.688.223.6-.164a9.447,9.447,0,0,0-.859-2.252,4.987,4.987,0,0,0-1.345-1.69.311.311,0,0,0-.423.111.316.316,0,0,0,.111.423Z",
|
|
23226
|
-
transform: "translate(-203.698 -208.702)",
|
|
23227
|
-
fill: "#211715"
|
|
23228
|
-
}),
|
|
23229
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23230
|
-
id: "Trac\xe9_711",
|
|
23231
|
-
"data-name": "Trac\xe9 711",
|
|
23232
|
-
d: "M208.293,273.3c-.126.252-.257.5-.381.755a5.244,5.244,0,0,0-.261.564.9.9,0,0,0,0,.5.705.705,0,0,0,.965.477,2.508,2.508,0,0,0,.868-.8,7.873,7.873,0,0,1,.968-1.006.311.311,0,0,0,0-.437.316.316,0,0,0-.437,0,20.039,20.039,0,0,0-1.5,1.594c-.008.008-.052.042-.018.017s-.04.024-.049.029-.073.035-.028.017c-.018.007-.092.028-.075.026a.075.075,0,0,1-.078-.014c.03.018-.017-.029.01.013a.463.463,0,0,1-.027-.048c.014.028.006.02,0,0s-.015-.055-.02-.083c.01.059,0-.022,0-.042s0-.026,0-.039c0,.007-.015.051,0,.023,0-.009,0-.022.007-.032.015-.045-.014.028.01-.023.068-.145.136-.291.206-.436.121-.249.25-.493.374-.74a.316.316,0,0,0-.111-.423.312.312,0,0,0-.423.111Z",
|
|
23233
|
-
transform: "translate(-180.901 -238.007)",
|
|
23234
|
-
fill: "#211715"
|
|
23235
|
-
}),
|
|
23236
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23237
|
-
id: "Trac\xe9_712",
|
|
23238
|
-
"data-name": "Trac\xe9 712",
|
|
23239
|
-
d: "M205.409,94.584a7.488,7.488,0,0,0,1.13-1.282,6.093,6.093,0,0,0,.572-.963.318.318,0,0,0-.111-.422.311.311,0,0,0-.422.111,6.057,6.057,0,0,1-.551.933,6.833,6.833,0,0,1-1.054,1.186.309.309,0,0,0,.437.437Z",
|
|
23240
|
-
transform: "translate(-178.522 -80.055)",
|
|
23241
|
-
fill: "#211715"
|
|
23242
|
-
}),
|
|
23243
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23244
|
-
id: "Trac\xe9_713",
|
|
23245
|
-
"data-name": "Trac\xe9 713",
|
|
23246
|
-
d: "M145.528,72.776a5.019,5.019,0,0,1-4.281.352,3.869,3.869,0,0,1-1.627-1.31,5.267,5.267,0,0,1-.743-1.971c-.184-.972-.26-1.964-.415-2.941a.311.311,0,0,0-.38-.216.316.316,0,0,0-.216.38c.147.926.229,1.864.387,2.788a5.949,5.949,0,0,0,.782,2.193,4.623,4.623,0,0,0,4.06,2.029,6.926,6.926,0,0,0,2.743-.772.312.312,0,0,0,.111-.422.315.315,0,0,0-.423-.111Z",
|
|
23247
|
-
transform: "translate(-120.121 -58.101)",
|
|
23248
|
-
fill: "#211715"
|
|
23249
|
-
}),
|
|
23250
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23251
|
-
id: "Trac\xe9_714",
|
|
23252
|
-
"data-name": "Trac\xe9 714",
|
|
23253
|
-
d: "M216.505,66.617a.621.621,0,0,1,.574-.082.475.475,0,0,1,.183.105c.01.009.066.074.027.023a.593.593,0,0,1,.051.081,1.6,1.6,0,0,1,0,1.136,2.08,2.08,0,0,1-.62.951,1.1,1.1,0,0,1-1.019.239.319.319,0,0,0-.423.111.311.311,0,0,0,.111.422,1.7,1.7,0,0,0,1.384-.073,2.186,2.186,0,0,0,.922-.943,2.823,2.823,0,0,0,.357-1.241,1.5,1.5,0,0,0-.34-1.133,1.228,1.228,0,0,0-1.517-.13.317.317,0,0,0-.111.422.311.311,0,0,0,.423.111Z",
|
|
23254
|
-
transform: "translate(-187.542 -57.405)",
|
|
23255
|
-
fill: "#211715"
|
|
23256
|
-
}),
|
|
23257
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23258
|
-
id: "Trac\xe9_715",
|
|
23259
|
-
"data-name": "Trac\xe9 715",
|
|
23260
|
-
d: "M186.642,70.873c.1.27.068.9-.449.98-.687.026-.757-.736-.54-1.105A.544.544,0,0,1,186.642,70.873Z",
|
|
23261
|
-
transform: "translate(-161.671 -61.414)",
|
|
23262
|
-
fill: "#211715"
|
|
23263
|
-
}),
|
|
23264
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23265
|
-
id: "Trac\xe9_716",
|
|
23266
|
-
"data-name": "Trac\xe9 716",
|
|
23267
|
-
d: "M155.092,71.389c.089.263.066.877-.409.949-.63.022-.7-.717-.5-1.074A.491.491,0,0,1,155.092,71.389Z",
|
|
23268
|
-
transform: "translate(-134.261 -61.873)",
|
|
23269
|
-
fill: "#211715"
|
|
23270
|
-
}),
|
|
23271
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23272
|
-
id: "Trac\xe9_717",
|
|
23273
|
-
"data-name": "Trac\xe9 717",
|
|
23274
|
-
d: "M168.066,82.4a5.881,5.881,0,0,0-.259.544l.031-.074a.67.67,0,0,0-.077.279.4.4,0,0,0,.149.316.569.569,0,0,0,.248.129c.06.011.119.013.18.019a.308.308,0,0,0,.219-.527.351.351,0,0,0-.219-.09c-.03,0-.06,0-.089-.006l.082.011a.284.284,0,0,1-.062-.017l.074.031a.331.331,0,0,1-.059-.034l.063.048a.334.334,0,0,1-.039-.034l.048.063a.109.109,0,0,1-.014-.025l.031.074a.11.11,0,0,1,0-.019l.011.082a.183.183,0,0,1,0-.04l-.011.082a.371.371,0,0,1,.025-.084l-.031.074.049-.116-.031.074c.065-.153.142-.3.219-.448a.325.325,0,0,0,.031-.238.309.309,0,0,0-.564-.074Z",
|
|
23275
|
-
transform: "translate(-146.177 -71.664)",
|
|
23276
|
-
fill: "#211715"
|
|
23277
|
-
}),
|
|
23278
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23279
|
-
id: "Trac\xe9_718",
|
|
23280
|
-
"data-name": "Trac\xe9 718",
|
|
23281
|
-
d: "M169.494,98.537a2.246,2.246,0,0,0,.289-.306A2.7,2.7,0,0,0,170,97.9c.151-.279.345-.728-.011-.94a1.045,1.045,0,0,0-.608-.039c-.2.017-.408.037-.612.058-.229.025-.459.051-.687.085a.31.31,0,0,0-.216.38.319.319,0,0,0,.38.216l.069-.01h-.007l.146-.018.327-.037c.222-.024.443-.045.666-.062.088-.007.176-.013.265-.017a.326.326,0,0,1,.046,0,.181.181,0,0,1-.152-.095.21.21,0,0,1-.023-.122.448.448,0,0,0-.026.09c-.006.02-.013.04-.021.059s-.015.039,0,.014a2.168,2.168,0,0,1-.225.384c-.019.026-.037.052-.057.077.034-.042-.026.026-.033.034-.05.051-.106.1-.159.147a.311.311,0,0,0,0,.437.316.316,0,0,0,.437,0Z",
|
|
23282
|
-
transform: "translate(-146.26 -84.427)",
|
|
23283
|
-
fill: "#211715"
|
|
23284
|
-
}),
|
|
23285
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23286
|
-
id: "Trac\xe9_719",
|
|
23287
|
-
"data-name": "Trac\xe9 719",
|
|
23288
|
-
d: "M196.227,283.5c1.007-.421,2.006-.862,3.005-1.3q1.731-.761,3.457-1.533c.386-.172.771-.344,1.155-.52a.311.311,0,0,0,.111-.422.316.316,0,0,0-.422-.111c-2.014.925-4.046,1.811-6.077,2.695l-.817.354-.342.146-.1.042-.135.056a.319.319,0,0,0-.216.38A.311.311,0,0,0,196.227,283.5Z",
|
|
23289
|
-
transform: "translate(-170.641 -243.601)",
|
|
23290
|
-
fill: "#211715"
|
|
23291
|
-
}),
|
|
23292
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23293
|
-
id: "Trac\xe9_720",
|
|
23294
|
-
"data-name": "Trac\xe9 720",
|
|
23295
|
-
d: "M35.552,212.306c3.961.066,13,.086,16.233.108a1.131,1.131,0,0,1,1.071.79c.768,2.43,2.5,7.931,3.309,10.531a.725.725,0,0,1-.695.941c-3.5-.013-12.926-.046-16.55-.12a.723.723,0,0,1-.677-.51c-.715-2.311-2.55-8.135-3.4-10.8a.725.725,0,0,1,.7-.945Z",
|
|
23296
|
-
transform: "translate(-30.335 -184.991)",
|
|
23297
|
-
fill: "#fff"
|
|
23298
|
-
}),
|
|
23299
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23300
|
-
id: "Trac\xe9_721",
|
|
23301
|
-
"data-name": "Trac\xe9 721",
|
|
23302
|
-
d: "M33.484,210.522c1.85.03,3.7.042,5.551.054q3.242.021,6.484.033l2.728.012,1.065.006c.395,0,.8-.021,1.061.337a1.923,1.923,0,0,1,.225.572l.182.576.433,1.376q.5,1.6,1.005,3.2.495,1.575.989,3.151l.416,1.329c.1.319.393.873-.042,1.071a1.207,1.207,0,0,1-.493.037l-.511,0-1.18,0-2.821-.012q-3.209-.015-6.418-.039c-1.736-.013-3.472-.026-5.207-.06a.465.465,0,0,1-.465-.243,4.1,4.1,0,0,1-.154-.492q-.186-.6-.373-1.2-.467-1.495-.937-2.988-.923-2.936-1.853-5.87a.964.964,0,0,1-.1-.546.423.423,0,0,1,.413-.3.309.309,0,0,0,0-.618,1.047,1.047,0,0,0-1.023,1.25,6.036,6.036,0,0,0,.183.595l.2.638q.483,1.525.964,3.051.953,3.023,1.9,6.048c.142.456.238.96.716,1.185a3.116,3.116,0,0,0,1.234.117q1.321.021,2.642.032,3.264.032,6.528.046,2.891.015,5.781.025l.521,0a1.7,1.7,0,0,0,.654-.072,1.047,1.047,0,0,0,.615-.669,1.315,1.315,0,0,0-.068-.8q-.446-1.426-.894-2.851-1.006-3.208-2.017-6.415a10.128,10.128,0,0,0-.414-1.258,1.49,1.49,0,0,0-1.406-.816Q48.446,210,47.292,210l-6.407-.03c-2.083-.011-4.166-.024-6.25-.049l-1.152-.016A.309.309,0,0,0,33.484,210.522Z",
|
|
23303
|
-
transform: "translate(-28.267 -182.897)",
|
|
23304
|
-
fill: "#211715"
|
|
23305
|
-
}),
|
|
23306
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23307
|
-
id: "Trac\xe9_722",
|
|
23308
|
-
"data-name": "Trac\xe9 722",
|
|
23309
|
-
d: "M193.806,36.921a10.073,10.073,0,0,0,.99,2.246,4.537,4.537,0,0,0,1.631,1.665.317.317,0,0,0,.423-.111.312.312,0,0,0-.111-.423,3.957,3.957,0,0,1-1.432-1.48,9.489,9.489,0,0,1-.9-2.062c-.126-.375-.722-.214-.6.164Z",
|
|
23310
|
-
transform: "translate(-168.855 -31.842)",
|
|
23311
|
-
fill: "#211715"
|
|
23312
|
-
}),
|
|
23313
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23314
|
-
id: "Trac\xe9_723",
|
|
23315
|
-
"data-name": "Trac\xe9 723",
|
|
23316
|
-
d: "M146.65,36.278a6.691,6.691,0,0,1-1.583,1.336,8.723,8.723,0,0,1-.964.512q-.234.106-.474.2a2.871,2.871,0,0,1-.551.183h.164q.091.27.106.133l.011-.06q.013-.074.025-.149c.016-.1.03-.2.043-.3q.042-.309.071-.618a.312.312,0,0,0-.528-.219,11.993,11.993,0,0,1-3.224,2.5c-.351.186-.04.719.312.533a12.383,12.383,0,0,0,1.775-1.175,12.123,12.123,0,0,0,1.574-1.425l-.528-.219c-.027.291-.063.581-.112.87a.734.734,0,0,0,.008.5.44.44,0,0,0,.3.221.782.782,0,0,0,.41-.073q.2-.07.406-.149c.25-.1.5-.206.739-.323a7.6,7.6,0,0,0,2.453-1.842.317.317,0,0,0,0-.437.312.312,0,0,0-.437,0Z",
|
|
23317
|
-
transform: "translate(-121.633 -31.532)",
|
|
23318
|
-
fill: "#211715"
|
|
23319
|
-
}),
|
|
23320
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23321
|
-
id: "Trac\xe9_724",
|
|
23322
|
-
"data-name": "Trac\xe9 724",
|
|
23323
|
-
d: "M213.829,105.062a6.767,6.767,0,0,1-.836-.378,1.456,1.456,0,0,1-.614-.5.813.813,0,0,1-.053-.1c.022.054-.012-.042-.012-.043-.024-.076-.041-.153-.057-.231,0-.016-.026-.077-.018-.094-.009.018.009.076,0,.037s-.007-.055-.01-.082l-.053-.426a.318.318,0,0,0-.309-.309.31.31,0,0,0-.309.309,3.055,3.055,0,0,0,.3,1.281,2.046,2.046,0,0,0,.791.678,7.95,7.95,0,0,0,1.012.455.311.311,0,0,0,.38-.216.315.315,0,0,0-.216-.38Z",
|
|
23324
|
-
transform: "translate(-184.342 -89.69)",
|
|
23325
|
-
fill: "#211715"
|
|
23326
|
-
}),
|
|
23327
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23328
|
-
id: "Trac\xe9_725",
|
|
23329
|
-
"data-name": "Trac\xe9 725",
|
|
23330
|
-
d: "M160.435,121.9a2.354,2.354,0,0,0,1.1,1.486,3.739,3.739,0,0,0,2.059.465,7.556,7.556,0,0,0,3.77-1.212,11.776,11.776,0,0,0,1.779-1.391c.291-.272-.147-.708-.437-.437a9.469,9.469,0,0,1-2.953,1.963,6.513,6.513,0,0,1-1.725.432,3.9,3.9,0,0,1-1.865-.191,1.828,1.828,0,0,1-1.136-1.279c-.081-.389-.676-.224-.6.164Z",
|
|
23331
|
-
transform: "translate(-139.787 -105.189)",
|
|
23332
|
-
fill: "#211715"
|
|
23333
|
-
}),
|
|
23334
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23335
|
-
id: "Trac\xe9_726",
|
|
23336
|
-
"data-name": "Trac\xe9 726",
|
|
23337
|
-
d: "M292.693,85.043a.426.426,0,0,1-.048-.314,9.314,9.314,0,0,1,.533-1.717l.085-.128a11.191,11.191,0,0,0,2.086.846c0,.089,0,.154,0,.154a5.945,5.945,0,0,1-.57,1.548.784.784,0,0,1-.143.2.694.694,0,0,1-.406.129,8.023,8.023,0,0,1-1.168-.442.886.886,0,0,1-.355-.257Z",
|
|
23338
|
-
transform: "translate(-254.984 -72.22)",
|
|
23339
|
-
fill: "#fff"
|
|
23340
|
-
}),
|
|
23341
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23342
|
-
id: "Trac\xe9_727",
|
|
23343
|
-
"data-name": "Trac\xe9 727",
|
|
23344
|
-
d: "M296.674,47.926c.055.062.109.129.162.2a2.457,2.457,0,0,1,.287,2.542,3.066,3.066,0,0,1-.7,1,3.481,3.481,0,0,1-.733.568,3.3,3.3,0,0,1-.7.3,10.727,10.727,0,0,1-2.362-.966,2.57,2.57,0,0,1-.553-1.7,3.459,3.459,0,0,1,.18-1.01,2.937,2.937,0,0,1,.59-.967,2.52,2.52,0,0,1,1.274-.793,2.9,2.9,0,0,1,1.624.146A2.646,2.646,0,0,1,296.674,47.926Z",
|
|
23345
|
-
transform: "translate(-254.49 -40.992)",
|
|
23346
|
-
fill: "#ffda71"
|
|
23347
|
-
}),
|
|
23348
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23349
|
-
id: "Trac\xe9_728",
|
|
23350
|
-
"data-name": "Trac\xe9 728",
|
|
23351
|
-
d: "M294.357,46.01a2.241,2.241,0,0,1,.39,2.394,3.139,3.139,0,0,1-1.943,1.7h.164a9.721,9.721,0,0,1-1.912-.729,1.169,1.169,0,0,1-.389-.237,1.436,1.436,0,0,1-.2-.364,2.666,2.666,0,0,1-.188-.906,2.737,2.737,0,0,1,.682-1.892,2.151,2.151,0,0,1,1.66-.764,2.372,2.372,0,0,1,.429.048c.08.015.159.033.238.055q.079.022.156.049.057.02.114.043l-.036-.015a2.837,2.837,0,0,1,.836.616c.268.295.7-.143.437-.437a2.939,2.939,0,0,0-3.372-.72,3.082,3.082,0,0,0-1.106.938,3.387,3.387,0,0,0-.655,1.976,2.886,2.886,0,0,0,.451,1.655,1.029,1.029,0,0,0,.336.328c.141.081.285.154.431.225.312.151.633.285.956.407.268.1.538.2.813.275a.621.621,0,0,0,.4.019,3.725,3.725,0,0,0,1.824-1.291,3.088,3.088,0,0,0,.69-1.976,2.95,2.95,0,0,0-.766-1.835C294.532,45.273,294.1,45.712,294.357,46.01Z",
|
|
23352
|
-
transform: "translate(-252.392 -38.857)",
|
|
23353
|
-
fill: "#211715"
|
|
23354
|
-
}),
|
|
23355
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23356
|
-
id: "Trac\xe9_729",
|
|
23357
|
-
"data-name": "Trac\xe9 729",
|
|
23358
|
-
d: "M293.888,90.285a18.883,18.883,0,0,0,1.9.711.311.311,0,0,0,.38-.216.315.315,0,0,0-.216-.38c-.3-.094-.6-.2-.893-.307q-.236-.087-.47-.18l-.225-.091-.054-.023-.006,0-.1-.045a.317.317,0,0,0-.423.111.312.312,0,0,0,.111.422Z",
|
|
23359
|
-
transform: "translate(-255.945 -78.17)",
|
|
23360
|
-
fill: "#211715"
|
|
23361
|
-
}),
|
|
23362
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23363
|
-
id: "Trac\xe9_730",
|
|
23364
|
-
"data-name": "Trac\xe9 730",
|
|
23365
|
-
d: "M290.876,81.642a5.52,5.52,0,0,0-.413,1.17,5.586,5.586,0,0,0-.151.621.805.805,0,0,0,.449.884,6.314,6.314,0,0,0,.712.31,3.443,3.443,0,0,0,.635.216.856.856,0,0,0,.807-.329,2.8,2.8,0,0,0,.29-.569c.11-.253.216-.509.306-.771a1.016,1.016,0,0,0,.1-.586c-.122-.377-.718-.215-.6.164,0,.011-.006-.1-.008-.026,0-.047.009-.051-.006.011s-.04.145-.064.216c-.061.184-.132.365-.206.544-.057.138-.134.314-.212.474a1.18,1.18,0,0,1-.127.213c.013-.015.061-.032.008-.01-.019.008-.037.021-.056.03-.082.039-.036.015-.027.012s-.086.035-.061.022c-.032.016-.043,0,0,0l-.046-.011c-.041-.012-.082-.023-.123-.036-.107-.034-.213-.074-.318-.114-.2-.076-.36-.144-.547-.228a.971.971,0,0,1-.256-.142c-.055-.05-.057-.082-.044-.164a4.87,4.87,0,0,1,.137-.555q.1-.337.21-.669c.029-.085.06-.17.093-.254l.021-.054c-.01.026-.023.049,0,.009.012-.024.022-.049.036-.072a.309.309,0,0,0-.533-.312Z",
|
|
23366
|
-
transform: "translate(-252.948 -71.007)",
|
|
23367
|
-
fill: "#211715"
|
|
23368
|
-
}),
|
|
23369
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23370
|
-
id: "Trac\xe9_731",
|
|
23371
|
-
"data-name": "Trac\xe9 731",
|
|
23372
|
-
d: "M334.647,38.833q-.338.257-.678.511a.336.336,0,0,0-.142.184.316.316,0,0,0,.031.238.312.312,0,0,0,.185.142.3.3,0,0,0,.238-.031q.341-.254.678-.511a.346.346,0,0,0,.142-.184.316.316,0,0,0-.031-.238.312.312,0,0,0-.185-.142.3.3,0,0,0-.238.031Z",
|
|
23373
|
-
transform: "translate(-290.868 -33.799)",
|
|
23374
|
-
fill: "#211715"
|
|
23375
|
-
}),
|
|
23376
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23377
|
-
id: "Trac\xe9_732",
|
|
23378
|
-
"data-name": "Trac\xe9 732",
|
|
23379
|
-
d: "M324.438,30.212q.055-.144.115-.287l-.031.074q.083-.2.175-.387a.331.331,0,0,0,.031-.238.315.315,0,0,0-.142-.185.312.312,0,0,0-.238-.031.305.305,0,0,0-.185.142c-.118.244-.225.494-.322.748a.309.309,0,0,0,.454.349l.063-.048a.307.307,0,0,0,.079-.136Z",
|
|
23380
|
-
transform: "translate(-282.168 -25.397)",
|
|
23381
|
-
fill: "#211715"
|
|
23382
|
-
}),
|
|
23383
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23384
|
-
id: "Trac\xe9_733",
|
|
23385
|
-
"data-name": "Trac\xe9 733",
|
|
23386
|
-
d: "M311.14,27.836c-.039-.284-.084-.568-.147-.848a.311.311,0,0,0-.38-.216.316.316,0,0,0-.216.38c.063.28.108.564.147.848a.309.309,0,0,0,.142.184.316.316,0,0,0,.238.031.313.313,0,0,0,.185-.142L311.14,28a.312.312,0,0,0,0-.164Z",
|
|
23387
|
-
transform: "translate(-270.454 -23.319)",
|
|
23388
|
-
fill: "#211715"
|
|
23389
|
-
}),
|
|
23390
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23391
|
-
id: "Trac\xe9_734",
|
|
23392
|
-
"data-name": "Trac\xe9 734",
|
|
23393
|
-
d: "M301.856,62.932a1.339,1.339,0,0,0-.359-.823,1.429,1.429,0,0,0-.757-.525A.9.9,0,0,0,299.7,62.7a.86.86,0,0,0,.61.57.78.78,0,0,0,.442.007.967.967,0,0,0,.4-.28.939.939,0,0,0,.214-.872,1.377,1.377,0,0,0-.484-.69,1.393,1.393,0,0,0-1.016-.338,1.369,1.369,0,0,0-.916.538.319.319,0,0,0,0,.437.311.311,0,0,0,.437,0,.708.708,0,0,1,.875-.307,1.006,1.006,0,0,1,.414.332c-.008-.011.042.068.049.081a.663.663,0,0,1,.031.06c0-.007-.011-.029,0,0s.027.1.027.1c0-.017-.012.112,0,.072a.273.273,0,0,1-.031.089.4.4,0,0,1-.044.067.824.824,0,0,1-.08.078s-.109.058-.066.041c.061-.023-.052-.006-.019,0a.816.816,0,0,1-.114-.029c-.051-.016.039.022-.011,0a.57.57,0,0,1-.057-.033c.007,0-.05-.055-.03-.027a.29.29,0,0,1-.054-.144.254.254,0,0,1,.031-.137c.016-.019.034-.034.05-.051s.035-.028.006-.006.014-.008.022-.013l.049-.028c.042-.024-.039.013.008-.005l.044-.015c.02-.006.041-.011.061-.015-.05.01.043,0,.047,0a.291.291,0,0,1,.183.085,2.283,2.283,0,0,1,.248.233.976.976,0,0,1,.16.226.5.5,0,0,1,.055.2.315.315,0,0,0,.309.309.312.312,0,0,0,.309-.309Z",
|
|
23394
|
-
transform: "translate(-260.411 -53.237)",
|
|
23395
|
-
fill: "#211715"
|
|
23396
|
-
}),
|
|
23397
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23398
|
-
id: "Trac\xe9_735",
|
|
23399
|
-
"data-name": "Trac\xe9 735",
|
|
23400
|
-
d: "M104.39,136.218a4.078,4.078,0,0,0,.442-1.938,3.21,3.21,0,0,0-.545-1.851c-.48-.607-1.225-.387-1.823-.112-.575.265-1.192.783-1.024,1.495a.859.859,0,0,0,.711.659,1.369,1.369,0,0,0,.578-.1l.613-.2c.377-.122.215-.718-.164-.6-.267.086-.533.184-.8.259-.153.042-.268.016-.327-.146-.156-.43.489-.732.78-.863a1.607,1.607,0,0,1,.63-.181.493.493,0,0,1,.444.315,3.028,3.028,0,0,1,.314,1.374,3.405,3.405,0,0,1-.359,1.572c-.178.354.354.667.533.312Z",
|
|
23401
|
-
transform: "translate(-88.364 -115.052)",
|
|
23402
|
-
fill: "#211715"
|
|
23403
|
-
}),
|
|
23404
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23405
|
-
id: "Trac\xe9_736",
|
|
23406
|
-
"data-name": "Trac\xe9 736",
|
|
23407
|
-
d: "M120.184,162.62a10.094,10.094,0,0,1,.463,1.347.309.309,0,1,0,.6-.164,10.1,10.1,0,0,0-.463-1.347.34.34,0,0,0-.142-.185.315.315,0,0,0-.238-.031.312.312,0,0,0-.216.38Z",
|
|
23408
|
-
transform: "translate(-104.706 -141.357)",
|
|
23409
|
-
fill: "#211715"
|
|
23410
|
-
}),
|
|
23411
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23412
|
-
id: "Trac\xe9_737",
|
|
23413
|
-
"data-name": "Trac\xe9 737",
|
|
23414
|
-
d: "M99.584,172.086c-1.3.532-2.671.867-4,1.3a.314.314,0,0,0-.216.38c.332,1.117.7,2.22,1.122,3.307a.318.318,0,0,0,.379.215.311.311,0,0,0,.216-.38c-.425-1.086-.79-2.189-1.122-3.307l-.215.38c1.331-.434,2.705-.769,4-1.3a.319.319,0,0,0,.216-.38.311.311,0,0,0-.38-.216Z",
|
|
23415
|
-
transform: "translate(-83.088 -149.935)",
|
|
23416
|
-
fill: "#211715"
|
|
23417
|
-
}),
|
|
23418
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23419
|
-
id: "Trac\xe9_738",
|
|
23420
|
-
"data-name": "Trac\xe9 738",
|
|
23421
|
-
d: "M91.883,105.994c-.229-.539-.465-1.075-.687-1.617a.824.824,0,0,1-.072-.646c.059-.127.217-.1.325-.051a.953.953,0,0,1,.335.394c.1.162.188.329.274.5.2.384.371.778.535,1.176.172.418.333.842.469,1.274.119.378.716.216.6-.164a16.444,16.444,0,0,0-1.156-2.77c-.224-.42-.493-.936-1-1.039a.826.826,0,0,0-.8.219,1.073,1.073,0,0,0-.219.831,4.19,4.19,0,0,0,.393,1.084l.478,1.124a.311.311,0,0,0,.423.111.317.317,0,0,0,.111-.423Z",
|
|
23422
|
-
transform: "translate(-78.827 -89.766)",
|
|
23423
|
-
fill: "#211715"
|
|
23424
|
-
}),
|
|
23425
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23426
|
-
id: "Trac\xe9_739",
|
|
23427
|
-
"data-name": "Trac\xe9 739",
|
|
23428
|
-
d: "M83.746,143.745c.35.276.878.722,1.344.48a.842.842,0,0,0,.3-1.156,3.53,3.53,0,0,0-.637-.627,2.842,2.842,0,0,0-1.082-.576,1.041,1.041,0,0,0-1.086.2,1.789,1.789,0,0,0-.449,1.206,1.844,1.844,0,0,0,.559,1.109,11.151,11.151,0,0,0,.915.9,1.74,1.74,0,0,1,.44.469,2.913,2.913,0,0,1,.169.4c.109.294.213.592.3.895a.309.309,0,0,0,.6-.164,8.213,8.213,0,0,0-.5-1.385,2.458,2.458,0,0,0-.67-.744,9.418,9.418,0,0,1-.743-.741,1.347,1.347,0,0,1-.446-.746.986.986,0,0,1,.086-.454.924.924,0,0,1,.22-.36c-.029.023.044-.02.018-.009,0,0,.086-.022.073-.02a.782.782,0,0,1,.2,0,2.131,2.131,0,0,1,.415.125,2.017,2.017,0,0,1,.632.4c.118.1.235.207.345.317a1.193,1.193,0,0,1,.134.143c-.031-.044.007.026.007.073,0,.1-.034.192-.12.185a.87.87,0,0,1-.284-.153,3.2,3.2,0,0,1-.3-.21.319.319,0,0,0-.437,0,.311.311,0,0,0,0,.437Z",
|
|
23429
|
-
transform: "translate(-71.565 -123.556)",
|
|
23430
|
-
fill: "#211715"
|
|
23431
|
-
}),
|
|
23432
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23433
|
-
id: "Trac\xe9_740",
|
|
23434
|
-
"data-name": "Trac\xe9 740",
|
|
23435
|
-
d: "M87.736,135.15c.05.063.006,0,0-.013s-.037-.082-.015-.023a.766.766,0,0,1-.027-.083c0-.006-.014-.095-.01-.038a.541.541,0,0,1,0-.094c0,.05.008-.028.011-.039s.022-.079.009-.036.014-.024.018-.034l.016-.026q-.041.051-.018.026c.013-.007.047-.058.017-.018s0,0,.015-.005c.06-.018-.061.019,0,0,.042-.013.086-.023.127-.038h-.014l.044,0,.087,0a1.389,1.389,0,0,1,.309.054c.113.029.225.06.336.1.065.023-.019-.013.037.016.027.014.053.027.079.042,0,0,.079.053.035.019a.61.61,0,0,1,.065.06c.009.01.057.074.025.026.016.024.029.049.045.073.029.046,0-.012.009.018a.9.9,0,0,1,.027.1.311.311,0,0,0,.38.216.316.316,0,0,0,.216-.38,1.1,1.1,0,0,0-.725-.772,2.384,2.384,0,0,0-.953-.188.816.816,0,0,0-.712.415.992.992,0,0,0,.138,1.059.31.31,0,0,0,.437,0,.318.318,0,0,0,0-.437Z",
|
|
23436
|
-
transform: "translate(-75.864 -116.857)",
|
|
23437
|
-
fill: "#211715"
|
|
23438
|
-
}),
|
|
23439
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23440
|
-
id: "Trac\xe9_741",
|
|
23441
|
-
"data-name": "Trac\xe9 741",
|
|
23442
|
-
d: "M91.049,127.981a.457.457,0,0,0,0-.062c0,.03.016-.044.006-.021s.025-.047.03-.057.03-.044.013-.023a.817.817,0,0,1,.1-.1c.021-.02.023-.016,0,0,.019-.013.039-.026.059-.037s.066-.032.02-.013a.634.634,0,0,1,.06-.02.8.8,0,0,1,.083-.02c.056-.01-.032,0,.026,0a2.064,2.064,0,0,1,.342,0l.066.005c.007,0,.089.011.05.005l.04.007.087.015a1.893,1.893,0,0,1,.263.066.635.635,0,0,1,.077.041c.009.005.065.048.029.017.016.014.03.029.045.043l.021.024q-.017-.024,0,0a.625.625,0,0,1,.035.056c.006.011.029.067.017.032a.6.6,0,0,1,.018.064c-.01-.042,0,.043,0,.05a.309.309,0,0,0,.618,0,.976.976,0,0,0-.475-.82,2.019,2.019,0,0,0-.895-.222,1.457,1.457,0,0,0-.878.166.953.953,0,0,0-.474.807.309.309,0,0,0,.618,0Z",
|
|
23443
|
-
transform: "translate(-78.796 -110.659)",
|
|
23444
|
-
fill: "#211715"
|
|
23445
|
-
}),
|
|
23446
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23447
|
-
id: "Trac\xe9_742",
|
|
23448
|
-
"data-name": "Trac\xe9 742",
|
|
23449
|
-
d: "M125.686,126.569c.071-.556.195-1.1.311-1.651a7.627,7.627,0,0,1,.514-1.587,4.556,4.556,0,0,1,1.031-1.529,5.67,5.67,0,0,1,1.647-.942c.185-.075.374-.138.559-.21.01,0,.133-.054.04-.017l.078-.031.169-.063a6.215,6.215,0,0,0,.864-.359c.347-.193.036-.726-.312-.533a12.385,12.385,0,0,1-1.486.586,7.117,7.117,0,0,0-1.871,1.027,4.619,4.619,0,0,0-1.165,1.575,8.219,8.219,0,0,0-.626,1.751,19.692,19.692,0,0,0-.37,1.982.31.31,0,0,0,.309.309.317.317,0,0,0,.309-.309Z",
|
|
23450
|
-
transform: "translate(-108.978 -104.217)",
|
|
23451
|
-
fill: "#211715"
|
|
23452
|
-
}),
|
|
23453
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23454
|
-
id: "Trac\xe9_743",
|
|
23455
|
-
"data-name": "Trac\xe9 743",
|
|
23456
|
-
d: "M146,1.3A7.439,7.439,0,0,0,140.413.117a6.642,6.642,0,0,0-3.924,2.205,7.212,7.212,0,0,0-1.566,4.133,12.781,12.781,0,0,0-.037,1.354,5.115,5.115,0,0,0,.059.793c.047.262.086.525.116.79a19.33,19.33,0,0,1,.055,2.89c-.018.464-.039.929-.044,1.394a6.163,6.163,0,0,0,.051,1.352,2.322,2.322,0,0,0,1.408,1.65,1.191,1.191,0,0,0,.572.025.312.312,0,0,0,.216-.38.316.316,0,0,0-.38-.216.612.612,0,0,1-.324-.055,1.292,1.292,0,0,1-.364-.266,2.076,2.076,0,0,1-.493-.779,1.361,1.361,0,0,1-.048-.188c.009.05,0-.013,0-.032,0-.074-.007-.148-.009-.223q-.012-.339-.01-.677c0-.442.018-.883.035-1.324a23.7,23.7,0,0,0,0-2.685c-.039-.512-.139-1.013-.2-1.521A9.221,9.221,0,0,1,135.509,7,7.088,7.088,0,0,1,136.7,3.046,5.9,5.9,0,0,1,139.922.86,7.178,7.178,0,0,1,142.7.683a6.38,6.38,0,0,1,2.336.719,6.34,6.34,0,0,1,.651.431.311.311,0,0,0,.423-.111A.316.316,0,0,0,146,1.3Z",
|
|
23457
|
-
transform: "translate(-117.528 0)",
|
|
23458
|
-
fill: "#211715"
|
|
23459
|
-
}),
|
|
23460
|
-
/*#__PURE__*/ (0, $bZRJW$jsx)("path", {
|
|
23461
|
-
id: "Trac\xe9_744",
|
|
23462
|
-
"data-name": "Trac\xe9 744",
|
|
23463
|
-
d: "M132.635,177.331c.185.6.392,1.2.6,1.79a.309.309,0,0,0,.6-.164c-.211-.593-.418-1.188-.6-1.79a.309.309,0,1,0-.6.164Z",
|
|
23464
|
-
transform: "translate(-115.561 -154.175)",
|
|
23465
|
-
fill: "#211715"
|
|
23466
|
-
})
|
|
23467
|
-
]
|
|
23468
|
-
})
|
|
23469
|
-
});
|
|
23470
|
-
};
|
|
23471
|
-
var $75710e2a5540e2b8$export$2e2bcd8739ae039 = $75710e2a5540e2b8$var$TemporaryBanner;
|
|
23472
|
-
|
|
23473
|
-
|
|
23474
23010
|
const $ede9b93aab85f374$var$UserRequest = ()=>{
|
|
23475
23011
|
const configuration = (0, $1x02c.useRetorikStore)((state)=>state.configuration);
|
|
23476
23012
|
const mode = (0, $i1rfm.useSpeechStore)((state)=>state.mode);
|
|
23477
23013
|
const currentDeviceType = (0, $1Qww3.useViewStore)((state)=>state.currentDeviceType);
|
|
23478
23014
|
const mediumLandscape = (0, $1Qww3.useViewStore)((state)=>state.mediumLandscape);
|
|
23479
|
-
const isBorne = (0, $1Qww3.useViewStore)((state)=>state.isBorne);
|
|
23480
23015
|
const [gridRowStart, setGridRowStart] = (0, $bZRJW$useState)();
|
|
23481
23016
|
const [gridRowSpan, setGridRowSpan] = (0, $bZRJW$useState)();
|
|
23482
23017
|
(0, $bZRJW$useEffect)(()=>{
|
|
@@ -23522,18 +23057,15 @@ const $ede9b93aab85f374$var$UserRequest = ()=>{
|
|
|
23522
23057
|
configuration.answerpanel,
|
|
23523
23058
|
currentDeviceType
|
|
23524
23059
|
]);
|
|
23525
|
-
return /*#__PURE__*/ (0, $bZRJW$
|
|
23060
|
+
return /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
23526
23061
|
id: "retorik-userRequest",
|
|
23527
|
-
className: `rf-relative rf-z-util rf-h-full rf-w-3/5 landscape-retorik:rf-w-[calc(80%-10rem)] landscape-retorik:
|
|
23062
|
+
className: `rf-relative rf-z-util rf-h-full rf-w-3/5 landscape-retorik:rf-w-[calc(80%-10rem)] landscape-retorik:rf-ml-1/5 rf-py-4 large-vertical:rf-py-5 rf-flex rf-flex-col rf-justify-self-center rf-justify-end landscape-retorik:rf-justify-self-start
|
|
23528
23063
|
${mode === (0, $4ucVo.Mode).text && 'landscape-retorik:rf-justify-start'}
|
|
23529
23064
|
${mediumLandscape ? 'landscape-retorik:rf-col-start-3' : 'landscape-retorik:rf-col-start-4'} large-vertical:rf-col-start-1 rf-col-span-full rf-text-size-auto rf-text-trueblack`,
|
|
23530
23065
|
style: {
|
|
23531
23066
|
gridRow: `${gridRowStart} / span ${gridRowSpan}`
|
|
23532
23067
|
},
|
|
23533
|
-
children:
|
|
23534
|
-
configuration.showTemporaryBanner && isBorne ? /*#__PURE__*/ (0, $bZRJW$jsx)((0, $75710e2a5540e2b8$export$2e2bcd8739ae039), {}) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $bZRJW$react).Fragment, {}),
|
|
23535
|
-
mode === (0, $4ucVo.Mode).text ? /*#__PURE__*/ (0, $bZRJW$jsx)((0, $3BlcX.default), {}) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $7eea63803bf8724c$export$2e2bcd8739ae039), {})
|
|
23536
|
-
]
|
|
23068
|
+
children: mode === (0, $4ucVo.Mode).text ? /*#__PURE__*/ (0, $bZRJW$jsx)((0, $3BlcX.default), {}) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $7eea63803bf8724c$export$2e2bcd8739ae039), {})
|
|
23537
23069
|
});
|
|
23538
23070
|
};
|
|
23539
23071
|
var $ede9b93aab85f374$export$2e2bcd8739ae039 = $ede9b93aab85f374$var$UserRequest;
|
|
@@ -23598,7 +23130,7 @@ const $034b7f2bc7345b0f$var$UserRequest = ()=>{
|
|
|
23598
23130
|
]);
|
|
23599
23131
|
return /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
23600
23132
|
id: "retorik-userRequest",
|
|
23601
|
-
className: `rf-relative rf-z-[5] rf-h-full rf-w-3/5 landscape-retorik:rf-w-[calc(80%-10rem)] landscape-retorik:
|
|
23133
|
+
className: `rf-relative rf-z-[5] rf-h-full rf-w-3/5 landscape-retorik:rf-w-[calc(80%-10rem)] landscape-retorik:rf-ml-1/5 rf-flex rf-flex-col rf-justify-self-center rf-justify-end landscape-retorik:rf-justify-self-start landscape-retorik:rf-justify-start
|
|
23602
23134
|
${mediumLandscape ? 'landscape-retorik:rf-col-start-3' : 'landscape-retorik:rf-col-start-4'} large-vertical:rf-col-start-1 rf-col-span-full rf-text-size-auto rf-text-trueblack`,
|
|
23603
23135
|
style: {
|
|
23604
23136
|
gridRow: `${gridRowStart} / span ${gridRowSpan}`,
|
|
@@ -23620,6 +23152,8 @@ var $1x02c = parcelRequire("1x02c");
|
|
|
23620
23152
|
|
|
23621
23153
|
var $i1rfm = parcelRequire("i1rfm");
|
|
23622
23154
|
|
|
23155
|
+
var $9GPj7 = parcelRequire("9GPj7");
|
|
23156
|
+
|
|
23623
23157
|
var $j67YK = parcelRequire("j67YK");
|
|
23624
23158
|
|
|
23625
23159
|
var $1Qww3 = parcelRequire("1Qww3");
|
|
@@ -23633,6 +23167,7 @@ const $d0566425e54c7d5b$var$BotResponse = ()=>{
|
|
|
23633
23167
|
const speaking = (0, $i1rfm.useSpeechStore)((state)=>state.speaking);
|
|
23634
23168
|
const lastRecognitionInterim = (0, $i1rfm.useSpeechStore)((state)=>state.lastRecognitionInterim);
|
|
23635
23169
|
const currentOrLastPlayedActivity = (0, $i1rfm.useSpeechStore)((state)=>state.currentOrLastPlayedActivity);
|
|
23170
|
+
const botMessageActivities = (0, $9GPj7.useActivityStore)((state)=>state.botMessageActivities);
|
|
23636
23171
|
const currentDeviceType = (0, $1Qww3.useViewStore)((state)=>state.currentDeviceType);
|
|
23637
23172
|
const currentWidth = (0, $1Qww3.useViewStore)((state)=>state.currentWidth);
|
|
23638
23173
|
const currentHeight = (0, $1Qww3.useViewStore)((state)=>state.currentHeight);
|
|
@@ -23723,26 +23258,39 @@ const $d0566425e54c7d5b$var$BotResponse = ()=>{
|
|
|
23723
23258
|
currentWidth,
|
|
23724
23259
|
currentHeight
|
|
23725
23260
|
]);
|
|
23261
|
+
/**
|
|
23262
|
+
* Check if the current activity is a streaming one without attachments.
|
|
23263
|
+
* If so, let's check if we already received the message at the end of the streaming asn if it contains attachments to be displayed
|
|
23264
|
+
*/ const processedCurrentOrLastPlayedActivity = (0, $bZRJW$useMemo)(()=>{
|
|
23265
|
+
if (currentOrLastPlayedActivity?.name?.toLowerCase() === 'davi.streammessageactivity' && !currentOrLastPlayedActivity?.attachments?.length) {
|
|
23266
|
+
const relatedMessageActivityWithAttachments = botMessageActivities.find((activity)=>activity.value?.streamingCount && activity.replyToId === currentOrLastPlayedActivity.replyToId && activity.attachments?.length);
|
|
23267
|
+
if (relatedMessageActivityWithAttachments) return relatedMessageActivityWithAttachments;
|
|
23268
|
+
}
|
|
23269
|
+
return currentOrLastPlayedActivity;
|
|
23270
|
+
}, [
|
|
23271
|
+
currentOrLastPlayedActivity,
|
|
23272
|
+
botMessageActivities
|
|
23273
|
+
]);
|
|
23726
23274
|
const currentDisplay = (0, $bZRJW$useMemo)(()=>{
|
|
23727
|
-
if (
|
|
23728
|
-
if (
|
|
23275
|
+
if (processedCurrentOrLastPlayedActivity) {
|
|
23276
|
+
if (processedCurrentOrLastPlayedActivity.attachmentLayout) switch(processedCurrentOrLastPlayedActivity.attachmentLayout.toLowerCase()){
|
|
23729
23277
|
case 'davilist':
|
|
23730
23278
|
return (0, $4ucVo.Displays).list;
|
|
23731
23279
|
case 'carousel':
|
|
23732
23280
|
case 'namedlist':
|
|
23733
|
-
return
|
|
23281
|
+
return processedCurrentOrLastPlayedActivity.attachments && processedCurrentOrLastPlayedActivity.attachments.length > 1 ? (0, $4ucVo.Displays).carousel : (0, $4ucVo.Displays).normal;
|
|
23734
23282
|
case 'grid':
|
|
23735
23283
|
return (0, $4ucVo.Displays).grid;
|
|
23736
23284
|
}
|
|
23737
23285
|
// If we have no attachment layout but attachment(s), we use list display by default is there are several attachments
|
|
23738
|
-
if (
|
|
23286
|
+
if (processedCurrentOrLastPlayedActivity.attachments?.length) return processedCurrentOrLastPlayedActivity.attachments?.length > 1 ? (0, $4ucVo.Displays).list : (0, $4ucVo.Displays).normal;
|
|
23739
23287
|
}
|
|
23740
23288
|
return (0, $4ucVo.Displays).none;
|
|
23741
23289
|
}, [
|
|
23742
|
-
|
|
23290
|
+
processedCurrentOrLastPlayedActivity
|
|
23743
23291
|
]);
|
|
23744
23292
|
return currentDisplay === (0, $4ucVo.Displays).none ? /*#__PURE__*/ (0, $bZRJW$jsx)((0, $bZRJW$react).Fragment, {}) : currentDisplay === (0, $4ucVo.Displays).list ? lastRecognitionInterim === '' && !(listStatus === (0, $4ucVo.ListStatus).closed) ? /*#__PURE__*/ (0, $bZRJW$jsx)((0, $kyBz3.default), {
|
|
23745
|
-
activity:
|
|
23293
|
+
activity: processedCurrentOrLastPlayedActivity,
|
|
23746
23294
|
onClose: ()=>setListStatus((0, $4ucVo.ListStatus).closed)
|
|
23747
23295
|
}) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $bZRJW$react).Fragment, {}) : /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
23748
23296
|
id: "retorik-botResponse",
|
|
@@ -23750,10 +23298,10 @@ const $d0566425e54c7d5b$var$BotResponse = ()=>{
|
|
|
23750
23298
|
style: {
|
|
23751
23299
|
gridRow: `${gridRowStart} / span ${gridRowSpan}`
|
|
23752
23300
|
},
|
|
23753
|
-
children:
|
|
23301
|
+
children: processedCurrentOrLastPlayedActivity && /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
23754
23302
|
className: "rf-w-full rf-h-full rf-flex rf-flex-col landscape-retorik:rf-items-start vertical:rf-items-center rf-gap-2",
|
|
23755
23303
|
children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $1LYTj.default), {
|
|
23756
|
-
activity:
|
|
23304
|
+
activity: processedCurrentOrLastPlayedActivity
|
|
23757
23305
|
})
|
|
23758
23306
|
})
|
|
23759
23307
|
});
|
|
@@ -23768,6 +23316,8 @@ var $1x02c = parcelRequire("1x02c");
|
|
|
23768
23316
|
|
|
23769
23317
|
var $i1rfm = parcelRequire("i1rfm");
|
|
23770
23318
|
|
|
23319
|
+
var $9GPj7 = parcelRequire("9GPj7");
|
|
23320
|
+
|
|
23771
23321
|
var $j67YK = parcelRequire("j67YK");
|
|
23772
23322
|
|
|
23773
23323
|
var $1Qww3 = parcelRequire("1Qww3");
|
|
@@ -23781,6 +23331,7 @@ const $f39384d6255fe275$var$BotResponse = ()=>{
|
|
|
23781
23331
|
const speaking = (0, $i1rfm.useSpeechStore)((state)=>state.speaking);
|
|
23782
23332
|
const lastRecognitionInterim = (0, $i1rfm.useSpeechStore)((state)=>state.lastRecognitionInterim);
|
|
23783
23333
|
const currentOrLastPlayedActivity = (0, $i1rfm.useSpeechStore)((state)=>state.currentOrLastPlayedActivity);
|
|
23334
|
+
const botMessageActivities = (0, $9GPj7.useActivityStore)((state)=>state.botMessageActivities);
|
|
23784
23335
|
const currentDeviceType = (0, $1Qww3.useViewStore)((state)=>state.currentDeviceType);
|
|
23785
23336
|
const currentWidth = (0, $1Qww3.useViewStore)((state)=>state.currentWidth);
|
|
23786
23337
|
const currentHeight = (0, $1Qww3.useViewStore)((state)=>state.currentHeight);
|
|
@@ -23871,26 +23422,39 @@ const $f39384d6255fe275$var$BotResponse = ()=>{
|
|
|
23871
23422
|
currentWidth,
|
|
23872
23423
|
currentHeight
|
|
23873
23424
|
]);
|
|
23425
|
+
/**
|
|
23426
|
+
* Check if the current activity is a streaming one without attachments.
|
|
23427
|
+
* If so, let's check if we already received the message at the end of the streaming asn if it contains attachments to be displayed
|
|
23428
|
+
*/ const processedCurrentOrLastPlayedActivity = (0, $bZRJW$useMemo)(()=>{
|
|
23429
|
+
if (currentOrLastPlayedActivity?.name?.toLowerCase() === 'davi.streammessageactivity' && !currentOrLastPlayedActivity?.attachments?.length) {
|
|
23430
|
+
const relatedMessageActivityWithAttachments = botMessageActivities.find((activity)=>activity.value?.streamingCount && activity.replyToId === currentOrLastPlayedActivity.replyToId && activity.attachments?.length);
|
|
23431
|
+
if (relatedMessageActivityWithAttachments) return relatedMessageActivityWithAttachments;
|
|
23432
|
+
}
|
|
23433
|
+
return currentOrLastPlayedActivity;
|
|
23434
|
+
}, [
|
|
23435
|
+
currentOrLastPlayedActivity,
|
|
23436
|
+
botMessageActivities
|
|
23437
|
+
]);
|
|
23874
23438
|
const currentDisplay = (0, $bZRJW$useMemo)(()=>{
|
|
23875
|
-
if (
|
|
23876
|
-
if (
|
|
23439
|
+
if (processedCurrentOrLastPlayedActivity) {
|
|
23440
|
+
if (processedCurrentOrLastPlayedActivity.attachmentLayout) switch(processedCurrentOrLastPlayedActivity.attachmentLayout.toLowerCase()){
|
|
23877
23441
|
case 'davilist':
|
|
23878
23442
|
return (0, $4ucVo.Displays).list;
|
|
23879
23443
|
case 'carousel':
|
|
23880
23444
|
case 'namedlist':
|
|
23881
|
-
return
|
|
23445
|
+
return processedCurrentOrLastPlayedActivity.attachments && processedCurrentOrLastPlayedActivity.attachments.length > 1 ? (0, $4ucVo.Displays).carousel : (0, $4ucVo.Displays).normal;
|
|
23882
23446
|
case 'grid':
|
|
23883
23447
|
return (0, $4ucVo.Displays).grid;
|
|
23884
23448
|
}
|
|
23885
23449
|
// If we have no attachment layout but attachment(s), we use list display by default is there are several attachments
|
|
23886
|
-
if (
|
|
23450
|
+
if (processedCurrentOrLastPlayedActivity.attachments?.length) return processedCurrentOrLastPlayedActivity.attachments?.length > 1 ? (0, $4ucVo.Displays).list : (0, $4ucVo.Displays).normal;
|
|
23887
23451
|
}
|
|
23888
23452
|
return (0, $4ucVo.Displays).none;
|
|
23889
23453
|
}, [
|
|
23890
|
-
|
|
23454
|
+
processedCurrentOrLastPlayedActivity
|
|
23891
23455
|
]);
|
|
23892
23456
|
return currentDisplay === (0, $4ucVo.Displays).none ? /*#__PURE__*/ (0, $bZRJW$jsx)((0, $bZRJW$react).Fragment, {}) : currentDisplay === (0, $4ucVo.Displays).list ? lastRecognitionInterim === '' && !(listStatus === (0, $4ucVo.ListStatus).closed) ? /*#__PURE__*/ (0, $bZRJW$jsx)((0, $kyBz3.default), {
|
|
23893
|
-
activity:
|
|
23457
|
+
activity: processedCurrentOrLastPlayedActivity,
|
|
23894
23458
|
onClose: ()=>setListStatus((0, $4ucVo.ListStatus).closed)
|
|
23895
23459
|
}) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $bZRJW$react).Fragment, {}) : /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
23896
23460
|
id: "retorik-botResponse",
|
|
@@ -23898,10 +23462,10 @@ const $f39384d6255fe275$var$BotResponse = ()=>{
|
|
|
23898
23462
|
style: {
|
|
23899
23463
|
gridRow: `${gridRowStart} / span ${gridRowSpan}`
|
|
23900
23464
|
},
|
|
23901
|
-
children:
|
|
23465
|
+
children: processedCurrentOrLastPlayedActivity && /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
23902
23466
|
className: "rf-w-full rf-h-full rf-flex rf-flex-col landscape-retorik:rf-justify-center landscape-retorik:rf-items-start vertical:rf-items-center rf-gap-2",
|
|
23903
23467
|
children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $1LYTj.default), {
|
|
23904
|
-
activity:
|
|
23468
|
+
activity: processedCurrentOrLastPlayedActivity
|
|
23905
23469
|
})
|
|
23906
23470
|
})
|
|
23907
23471
|
});
|
|
@@ -23927,9 +23491,9 @@ const $3ff23eb3a82e4cf7$var$RetorikLogo = ()=>{
|
|
|
23927
23491
|
title: "Retorik by Davi",
|
|
23928
23492
|
target: "_blank",
|
|
23929
23493
|
rel: "noreferrer",
|
|
23930
|
-
className: "rf-hidden large:rf-block rf-relative rf-z-[1]
|
|
23494
|
+
className: "rf-hidden large:rf-block rf-relative rf-z-[1] rf-col-start-1 rf-col-span-full rf-row-start-12 rf-row-span-1 rf-self-end rf-justify-self-start",
|
|
23931
23495
|
children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $jwPbX.default), {
|
|
23932
|
-
className: "
|
|
23496
|
+
className: "rf-ml-4 rf-mb-4 rf-h-14"
|
|
23933
23497
|
})
|
|
23934
23498
|
});
|
|
23935
23499
|
};
|
|
@@ -23984,6 +23548,7 @@ const $1d193b8bc4e911e9$var$SubViews = ({ externalComponents: externalComponents
|
|
|
23984
23548
|
const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
|
|
23985
23549
|
const currentSubView = (0, $j67YK.useUtilsStore)((state)=>state.currentSubView);
|
|
23986
23550
|
const currentCustomView = (0, $j67YK.useUtilsStore)((state)=>state.currentCustomView);
|
|
23551
|
+
const enabledFeatures = (0, $1x02c.useRetorikStore)((state)=>state.enabledFeatures);
|
|
23987
23552
|
const { setCurrentCustomView: setCurrentCustomView, setCurrentSubView: setCurrentSubView, setRetorikEvent: setRetorikEvent, unlockClickedButton: unlockClickedButton } = (0, $j67YK.useUtilsStore)((state)=>state.actions);
|
|
23988
23553
|
const configuration = (0, $1x02c.useRetorikStore)((state)=>state.configuration);
|
|
23989
23554
|
const showMap = (0, $0645bcccfc515a57$export$2e2bcd8739ae039)();
|
|
@@ -24052,16 +23617,36 @@ const $1d193b8bc4e911e9$var$SubViews = ({ externalComponents: externalComponents
|
|
|
24052
23617
|
]);
|
|
24053
23618
|
(0, $bZRJW$useEffect)(()=>{
|
|
24054
23619
|
unlockClickedButton();
|
|
24055
|
-
|
|
24056
|
-
|
|
24057
|
-
|
|
24058
|
-
else setDisplayCustomComponent(true);
|
|
23620
|
+
// Special processing for external / custom data
|
|
23621
|
+
setDisplayCustomComponent(currentSubView === (0, $4ucVo.CurrentSubView).custom);
|
|
23622
|
+
setRetorikEvent(currentSubView === (0, $4ucVo.CurrentSubView).none ? (0, $4ucVo.RetorikEvent).DetailViewClose : (0, $4ucVo.RetorikEvent).DetailViewOpen);
|
|
24059
23623
|
}, [
|
|
24060
23624
|
currentSubView
|
|
24061
23625
|
]);
|
|
23626
|
+
const processedSubView = (0, $bZRJW$useMemo)(()=>{
|
|
23627
|
+
switch(currentSubView){
|
|
23628
|
+
case (0, $4ucVo.CurrentSubView).none:
|
|
23629
|
+
case (0, $4ucVo.CurrentSubView).history:
|
|
23630
|
+
case (0, $4ucVo.CurrentSubView).languages:
|
|
23631
|
+
case (0, $4ucVo.CurrentSubView).custom:
|
|
23632
|
+
return currentSubView;
|
|
23633
|
+
case (0, $4ucVo.CurrentSubView).emergency:
|
|
23634
|
+
if (enabledFeatures.includes('emergency')) return (0, $4ucVo.CurrentSubView).emergency;
|
|
23635
|
+
else console.log('Retorik Framework > tried to switch to emergency while the feature is not activated in Retorik Studio');
|
|
23636
|
+
break;
|
|
23637
|
+
case (0, $4ucVo.CurrentSubView).weather:
|
|
23638
|
+
if (enabledFeatures.includes('weather')) return (0, $4ucVo.CurrentSubView).weather;
|
|
23639
|
+
else console.log('Retorik Framework > tried to switch to weather while the feature is not activated in Retorik Studio');
|
|
23640
|
+
break;
|
|
23641
|
+
}
|
|
23642
|
+
return (0, $4ucVo.CurrentSubView).none;
|
|
23643
|
+
}, [
|
|
23644
|
+
currentSubView,
|
|
23645
|
+
enabledFeatures
|
|
23646
|
+
]);
|
|
24062
23647
|
return /*#__PURE__*/ (0, $bZRJW$jsxs)((0, $bZRJW$Suspense), {
|
|
24063
23648
|
children: [
|
|
24064
|
-
|
|
23649
|
+
processedSubView === (0, $4ucVo.CurrentSubView).history ? /*#__PURE__*/ (0, $bZRJW$jsx)($1d193b8bc4e911e9$var$HistoryList, {}) : processedSubView === (0, $4ucVo.CurrentSubView).languages ? /*#__PURE__*/ (0, $bZRJW$jsx)($1d193b8bc4e911e9$var$LanguageChoice, {}) : processedSubView === (0, $4ucVo.CurrentSubView).weather ? /*#__PURE__*/ (0, $bZRJW$jsx)($1d193b8bc4e911e9$var$Weather, {}) : processedSubView === (0, $4ucVo.CurrentSubView).emergency ? /*#__PURE__*/ (0, $bZRJW$jsx)($1d193b8bc4e911e9$var$Emergency, {}) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $bZRJW$react).Fragment, {}),
|
|
24065
23650
|
/*#__PURE__*/ (0, $bZRJW$jsx)($1d193b8bc4e911e9$var$CustomView, {
|
|
24066
23651
|
display: displayCustomComponent,
|
|
24067
23652
|
externalComponents: externalComponents,
|
|
@@ -24202,6 +23787,8 @@ var $1LYTj = parcelRequire("1LYTj");
|
|
|
24202
23787
|
|
|
24203
23788
|
var $1Qww3 = parcelRequire("1Qww3");
|
|
24204
23789
|
|
|
23790
|
+
var $2fuDN = parcelRequire("2fuDN");
|
|
23791
|
+
|
|
24205
23792
|
var $4ucVo = parcelRequire("4ucVo");
|
|
24206
23793
|
|
|
24207
23794
|
var $dLlm9 = parcelRequire("dLlm9");
|
|
@@ -24209,6 +23796,7 @@ const $77050b56e8d1d908$var$interval = 45;
|
|
|
24209
23796
|
const $77050b56e8d1d908$var$splitRegex = new RegExp(/<[^<>]+>/g);
|
|
24210
23797
|
const $77050b56e8d1d908$var$TextBubble = ({ from: from, id: id, text: text, htmlText: htmlText, showWaitingDots: showWaitingDots, isWaitingDots: isWaitingDots, triggerScroll: triggerScroll, onEnded: onEnded, canBeEnded: canBeEnded, isEnded: isEnded })=>{
|
|
24211
23798
|
const isMobile = (0, $1Qww3.useViewStore)((state)=>state.isMobile);
|
|
23799
|
+
const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
|
|
24212
23800
|
const [currentHtmlText, setCurrentHtmlText] = (0, $bZRJW$useState)('');
|
|
24213
23801
|
const [ended, setEnded] = (0, $bZRJW$useState)(isEnded);
|
|
24214
23802
|
const intervalRef = (0, $bZRJW$useRef)(null);
|
|
@@ -24279,7 +23867,8 @@ const $77050b56e8d1d908$var$TextBubble = ({ from: from, id: id, text: text, html
|
|
|
24279
23867
|
};
|
|
24280
23868
|
return /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
24281
23869
|
id: from === (0, $4ucVo.TextFrom).user ? `retorik-userQuestion-${id}` : `retorik-botResponse-${id}`,
|
|
24282
|
-
|
|
23870
|
+
dir: isRTL ? 'rtl' : 'ltr',
|
|
23871
|
+
className: `rf-w-fit ${from === (0, $4ucVo.TextFrom).user ? 'rf-min-h-fit' : 'rf-min-h-9 large-vertical:rf-min-h-10'} rf-px-4 rf-py-2 rf-max-w-[75%] landscape-retorik:rf-max-w-[calc((80%-10rem)*0.75)] large-vertical:rf-max-w-[45%] ${isMobile && 'rf-mx-4'} ${isRTL ? from === (0, $4ucVo.TextFrom).bot ? 'landscape-retorik:rf-mr-40 large-vertical:rf-mr-1/5 rf-self-end rf-text-textModePanelConversationBot rf-bg-textModePanelBackgroundBot rf-border rf-border-textModePanelBackgroundBot rf-rounded-tl-4' : 'landscape-retorik:rf-ml-1/5 large-vertical:rf-ml-1/5 rf-text-textModePanelConversationUser rf-bg-textModePanelBackgroundUser rf-border rf-border-textModePanelBackgroundUser rf-rounded-tr-4' : from === (0, $4ucVo.TextFrom).user ? 'landscape-retorik:rf-mr-40 large-vertical:rf-mr-1/5 rf-self-end rf-text-textModePanelConversationUser rf-bg-textModePanelBackgroundUser rf-border rf-border-textModePanelBackgroundUser rf-rounded-tl-4' : 'landscape-retorik:rf-ml-1/5 large-vertical:rf-ml-1/5 rf-text-textModePanelConversationBot rf-bg-textModePanelBackgroundBot rf-border rf-border-textModePanelBackgroundBot rf-rounded-tr-4'} rf-rounded-b-4 rf-animate-slideBottom rf-flex rf-flex-col rf-text-size-auto rf-shadow-[0_3px_6px_#00000029]`,
|
|
24283
23872
|
children: isWaitingDots ? /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
24284
23873
|
className: "rf-w-8 rf-loader-bouncing-bot"
|
|
24285
23874
|
}) : /*#__PURE__*/ (0, $bZRJW$jsxs)((0, $bZRJW$react).Fragment, {
|
|
@@ -24650,7 +24239,7 @@ const $ea037f590a1926c2$var$ConversationPanelMobile = ({ activities: activities,
|
|
|
24650
24239
|
direction: scrollButtonDirection,
|
|
24651
24240
|
display: scrollButtonDisplay && open,
|
|
24652
24241
|
scrollHandler: scrollHandler,
|
|
24653
|
-
className: "rf-absolute rf-z-ui rf-bottom-8
|
|
24242
|
+
className: "rf-absolute rf-z-ui rf-bottom-8 rf-right-6 rf-w-9 rf-h-9 rf-cursor-pointer rf-bg-[#00000050] rf-p-[7px_12px] rf-rounded-[20px] rf-flex"
|
|
24654
24243
|
}),
|
|
24655
24244
|
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
24656
24245
|
className: "rf-h-max rf-w-full rf-py-4 rf-flex rf-flex-col rf-gap-3",
|
|
@@ -24952,6 +24541,8 @@ var $j67YK = parcelRequire("j67YK");
|
|
|
24952
24541
|
|
|
24953
24542
|
var $1x02c = parcelRequire("1x02c");
|
|
24954
24543
|
|
|
24544
|
+
var $2fuDN = parcelRequire("2fuDN");
|
|
24545
|
+
|
|
24955
24546
|
var $4ucVo = parcelRequire("4ucVo");
|
|
24956
24547
|
parcelRequire("28ved");
|
|
24957
24548
|
var $7urmy = parcelRequire("7urmy");
|
|
@@ -25041,7 +24632,7 @@ const $76dadedfb60aa8b2$var$Remote = ()=>{
|
|
|
25041
24632
|
const configuration = (0, $1x02c.useRetorikStore)((state)=>state.configuration);
|
|
25042
24633
|
return /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
|
|
25043
24634
|
id: "retorik-framework-remote",
|
|
25044
|
-
className: "rf-relative rf-w-full rf-pt-3 rf-pb-4 rf-flex rf-flex-col rf-items-center
|
|
24635
|
+
className: "rf-relative rf-w-full rf-pt-3 rf-pb-4 rf-flex rf-flex-col rf-items-center rf-rounded-l-lg rf-shadow-[0_3px_6px_#606267]",
|
|
25045
24636
|
style: {
|
|
25046
24637
|
background: 'linear-gradient(#F8F8FC, #EDEEF3)'
|
|
25047
24638
|
},
|
|
@@ -25069,6 +24660,7 @@ const $654a93a312eacdf8$var$RemoteContainer = ({ hideMenu: hideMenu = false })=>
|
|
|
25069
24660
|
const top = (0, $cR4Go.default)();
|
|
25070
24661
|
const menu = (0, $1x02c.useRetorikStore)((state)=>state.configuration.menu);
|
|
25071
24662
|
const dashboardOpened = (0, $j67YK.useUtilsStore)((state)=>state.dashboardOpened);
|
|
24663
|
+
const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
|
|
25072
24664
|
const { setCurrentSubView: setCurrentSubView, setDashboardOpened: setDashboardOpened, setClickedOnUI: setClickedOnUI } = (0, $j67YK.useUtilsStore)((state)=>state.actions);
|
|
25073
24665
|
/**
|
|
25074
24666
|
* On call :
|
|
@@ -25087,7 +24679,7 @@ const $654a93a312eacdf8$var$RemoteContainer = ({ hideMenu: hideMenu = false })=>
|
|
|
25087
24679
|
return /*#__PURE__*/ (0, $bZRJW$jsxs)((0, $bZRJW$react).Fragment, {
|
|
25088
24680
|
children: [
|
|
25089
24681
|
/*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
|
|
25090
|
-
className:
|
|
24682
|
+
className: `rf-absolute rf-z-ui rf-hidden large:rf-flex rf-flex-col rf-items-center rf-justify-start rf-w-24 rf-right-0 ${isRTL ? 'rf-text-arabic' : 'rf-text-xsm'} rf-text-trueblack`,
|
|
25091
24683
|
style: {
|
|
25092
24684
|
top: top
|
|
25093
24685
|
},
|
|
@@ -25187,7 +24779,7 @@ const $958af9b5cce7890d$var$Mobile = ({ parametersOpened: parametersOpened, togg
|
|
|
25187
24779
|
};
|
|
25188
24780
|
return /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
|
|
25189
24781
|
id: "retorik-framework-menu",
|
|
25190
|
-
className: "rf-w-full rf-h-fit rf-flex rf-flex-col-reverse rf-border-t rf-border-t-menuBorder rf-pointer-events-auto",
|
|
24782
|
+
className: "rf-w-full rf-h-fit rf-max-h-80 rf-flex rf-flex-col-reverse rf-border-t rf-border-t-menuBorder rf-pointer-events-auto",
|
|
25191
24783
|
style: {
|
|
25192
24784
|
background: 'linear-gradient(to right, #F8F8FC, #EDEEF3)'
|
|
25193
24785
|
},
|
|
@@ -25572,7 +25164,6 @@ const $0c2a4cc3c59eb847$var$ExtendIcon = ({ className: className, color: color,
|
|
|
25572
25164
|
var $0c2a4cc3c59eb847$export$2e2bcd8739ae039 = $0c2a4cc3c59eb847$var$ExtendIcon;
|
|
25573
25165
|
|
|
25574
25166
|
|
|
25575
|
-
|
|
25576
25167
|
const $19d660b71e82806b$var$HomeView = ({ externalComponents: externalComponents })=>{
|
|
25577
25168
|
const openWidget = (0, $cxpbh.useWidgetStore)((state)=>state.actions.openWidget);
|
|
25578
25169
|
const currentLayout = (0, $1x02c.useRetorikStore)((state)=>state.currentLayout);
|
|
@@ -25580,7 +25171,6 @@ const $19d660b71e82806b$var$HomeView = ({ externalComponents: externalComponents
|
|
|
25580
25171
|
const configuration = (0, $1x02c.useRetorikStore)((state)=>state.configuration);
|
|
25581
25172
|
const mode = (0, $i1rfm.useSpeechStore)((state)=>state.mode);
|
|
25582
25173
|
const isMobile = (0, $1Qww3.useViewStore)((state)=>state.isMobile);
|
|
25583
|
-
const isBorne = (0, $1Qww3.useViewStore)((state)=>state.isBorne);
|
|
25584
25174
|
const currentDeviceType = (0, $1Qww3.useViewStore)((state)=>state.currentDeviceType);
|
|
25585
25175
|
const configurations = (0, $1Qww3.useViewStore)((state)=>state.configurations);
|
|
25586
25176
|
const setDisplayControls = (0, $1Qww3.useViewStore)((state)=>state.actions.setDisplayControls);
|
|
@@ -25627,8 +25217,7 @@ const $19d660b71e82806b$var$HomeView = ({ externalComponents: externalComponents
|
|
|
25627
25217
|
loaderClosed && /*#__PURE__*/ (0, $bZRJW$jsx)((0, $1d193b8bc4e911e9$export$2e2bcd8739ae039), {
|
|
25628
25218
|
externalComponents: externalComponents
|
|
25629
25219
|
}),
|
|
25630
|
-
!configuration?.hideRetorikLogo && /*#__PURE__*/ (0, $bZRJW$jsx)((0, $3ff23eb3a82e4cf7$export$2e2bcd8739ae039), {})
|
|
25631
|
-
configuration.showTemporaryBanner && !isBorne ? /*#__PURE__*/ (0, $bZRJW$jsx)((0, $75710e2a5540e2b8$export$2e2bcd8739ae039), {}) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $bZRJW$react).Fragment, {})
|
|
25220
|
+
!configuration?.hideRetorikLogo && /*#__PURE__*/ (0, $bZRJW$jsx)((0, $3ff23eb3a82e4cf7$export$2e2bcd8739ae039), {})
|
|
25632
25221
|
]
|
|
25633
25222
|
});
|
|
25634
25223
|
};
|
|
@@ -25679,7 +25268,7 @@ const $52152cf5bb15b9c1$var$WarningBeforeNewsView = ()=>{
|
|
|
25679
25268
|
/*#__PURE__*/ (0, $bZRJW$jsx)((0, $3y61A.default), {
|
|
25680
25269
|
title: translation.common.back,
|
|
25681
25270
|
handleBack: ()=>handleClick(true),
|
|
25682
|
-
className: "rf-absolute rf-top-4
|
|
25271
|
+
className: "rf-absolute rf-top-4 rf-left-4 rf-text-size-auto"
|
|
25683
25272
|
}),
|
|
25684
25273
|
/*#__PURE__*/ (0, $bZRJW$jsx)("p", {
|
|
25685
25274
|
className: "rf-px-4 rf-text-center",
|
|
@@ -25746,8 +25335,6 @@ var $1x02c = parcelRequire("1x02c");
|
|
|
25746
25335
|
|
|
25747
25336
|
var $j67YK = parcelRequire("j67YK");
|
|
25748
25337
|
|
|
25749
|
-
var $2fuDN = parcelRequire("2fuDN");
|
|
25750
|
-
|
|
25751
25338
|
var $cU5vf = parcelRequire("cU5vf");
|
|
25752
25339
|
|
|
25753
25340
|
var $cQsYs = parcelRequire("cQsYs");
|
|
@@ -25779,7 +25366,6 @@ var $4c87d36187d1110a$export$2e2bcd8739ae039 = $4c87d36187d1110a$var$ModalFullsc
|
|
|
25779
25366
|
|
|
25780
25367
|
|
|
25781
25368
|
const $5370d50645935b25$var$Container = ({ fullSize: fullSize, width: width, height: height, children: children, parent: parent })=>{
|
|
25782
|
-
const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
|
|
25783
25369
|
const themeColors = (0, $1Qww3.useViewStore)((state)=>state.themeColors);
|
|
25784
25370
|
const currentDeviceType = (0, $1Qww3.useViewStore)((state)=>state.currentDeviceType);
|
|
25785
25371
|
const isTactile = (0, $1Qww3.useViewStore)((state)=>state.isTactile);
|
|
@@ -25948,8 +25534,7 @@ const $5370d50645935b25$var$Container = ({ fullSize: fullSize, width: width, hei
|
|
|
25948
25534
|
id: "retorik-container",
|
|
25949
25535
|
ref: container,
|
|
25950
25536
|
tabIndex: -1,
|
|
25951
|
-
|
|
25952
|
-
className: `rf-relative ${fullSize ? 'rf-w-screen rf-h-screen' : 'rf-w-full rf-h-full'} rf-max-w-screen rf-max-h-screen rf-grid rf-grid-cols-8 rf-grid-rows-container rf-bg-transparent rf-text-trueblack rf-font-default ${portrait} ${large} ${mobile} ${tablet} ${isTactile && 'rf-tactile'} ${isRTL ? 'rf-rtl' : 'rf-ltr'} rf-overflow-hidden rf-animate-loaderFadeIn`,
|
|
25537
|
+
className: `rf-relative ${fullSize ? 'rf-w-screen rf-h-screen' : 'rf-w-full rf-h-full'} rf-max-w-screen rf-max-h-screen rf-grid rf-grid-cols-8 rf-grid-rows-container rf-bg-transparent rf-text-trueblack rf-font-default ${portrait} ${large} ${mobile} ${tablet} ${isTactile && 'rf-tactile'} rf-overflow-hidden rf-animate-loaderFadeIn`,
|
|
25953
25538
|
style: {
|
|
25954
25539
|
...widthStyle,
|
|
25955
25540
|
...heightStyle,
|
|
@@ -26037,6 +25622,7 @@ var $1x02c = parcelRequire("1x02c");
|
|
|
26037
25622
|
|
|
26038
25623
|
var $aNpqK = parcelRequire("aNpqK");
|
|
26039
25624
|
|
|
25625
|
+
|
|
26040
25626
|
var $4ucVo = parcelRequire("4ucVo");
|
|
26041
25627
|
|
|
26042
25628
|
|
|
@@ -26705,7 +26291,6 @@ const $637384b103093c58$var$RetorikSpeech = ({ ponyfill: ponyfill, onEnd: onEnd,
|
|
|
26705
26291
|
};
|
|
26706
26292
|
tempUtterance.onviseme = (event)=>{
|
|
26707
26293
|
if (isMainUtterance) {
|
|
26708
|
-
// Do nothing ATM
|
|
26709
26294
|
// Update the boundaryData state with the new data.
|
|
26710
26295
|
addViseme(event);
|
|
26711
26296
|
const tempVisemes = visemeRef?.current || [];
|
|
@@ -26914,6 +26499,7 @@ const $0b8e5d756ffed1ac$var$SynthesisManager = ({ ponyfill: ponyfill, isRetorikN
|
|
|
26914
26499
|
const { setCurrentOrLastPlayedActivity: setCurrentOrLastPlayedActivity, resetCancelCurrentUtterance: resetCancelCurrentUtterance, setSpeaking: setSpeaking, setBoundaryData: setBoundaryData, removeFirstFromStreamingQueue: removeFirstFromStreamingQueue, killCurrentStreaming: killCurrentStreaming, askPermission: askPermission, toggleMicrophone: toggleMicrophone } = (0, $i1rfm.useSpeechStore)((state)=>state.actions);
|
|
26915
26500
|
const addEndedActivity = (0, $9GPj7.useActivityStore)((state)=>state.actions.addEndedActivity);
|
|
26916
26501
|
const dispatchMarkActivity = (0, $aNpqK.useDirectlineStore)((state)=>state.actions.dispatchMarkActivity);
|
|
26502
|
+
const sendTrace = (0, $4551c1f557108aed$export$a15d15518a3ec33d)().sendTrace;
|
|
26917
26503
|
const [utterance, setUtterance] = (0, $bZRJW$useState)(null);
|
|
26918
26504
|
const [nextUtterance, setNextUtterance] = (0, $bZRJW$useState)(null);
|
|
26919
26505
|
const isNewsViewRef = (0, $bZRJW$useRef)(!!isRetorikNews);
|
|
@@ -26946,7 +26532,7 @@ const $0b8e5d756ffed1ac$var$SynthesisManager = ({ ponyfill: ponyfill, isRetorikN
|
|
|
26946
26532
|
return (0, $66dccbb634d6ce27$export$f969af62bba9a48b)(params, speechSynthesisOptions?.sayAs);
|
|
26947
26533
|
};
|
|
26948
26534
|
const resetData = ()=>{
|
|
26949
|
-
// Set all activities
|
|
26535
|
+
// Set all activities currently in the queue as ended
|
|
26950
26536
|
streamingQueueRef.current?.forEach((activity)=>{
|
|
26951
26537
|
addEndedActivity(activity.id);
|
|
26952
26538
|
});
|
|
@@ -27012,6 +26598,10 @@ const $0b8e5d756ffed1ac$var$SynthesisManager = ({ ponyfill: ponyfill, isRetorikN
|
|
|
27012
26598
|
/**
|
|
27013
26599
|
* Called when utterance's "start" event is fired
|
|
27014
26600
|
*/ const handleUtteranceStart = ()=>{
|
|
26601
|
+
sendTrace((0, $4ucVo.TraceType).utteranceStart, {
|
|
26602
|
+
activityId: currentActivityRef.current?.id,
|
|
26603
|
+
text: currentActivityRef.current?.speak || currentActivityRef.current?.text
|
|
26604
|
+
});
|
|
27015
26605
|
setSpeaking(true);
|
|
27016
26606
|
if (!isNewsViewRef.current && currentActivityRef?.current) {
|
|
27017
26607
|
setCurrentOrLastPlayedActivity(currentActivityRef.current);
|
|
@@ -27027,6 +26617,9 @@ const $0b8e5d756ffed1ac$var$SynthesisManager = ({ ponyfill: ponyfill, isRetorikN
|
|
|
27027
26617
|
/**
|
|
27028
26618
|
* Called when utterance's "end" event is fired
|
|
27029
26619
|
*/ const handleUtteranceEnd = ()=>{
|
|
26620
|
+
sendTrace((0, $4ucVo.TraceType).utteranceEnd, {
|
|
26621
|
+
activityId: currentActivityRef.current?.id
|
|
26622
|
+
});
|
|
27030
26623
|
setSpeaking(false);
|
|
27031
26624
|
dispatchSpeechEvent(false);
|
|
27032
26625
|
if (isNewsViewRef.current) {
|
|
@@ -27144,6 +26737,20 @@ const $982637234a32cc59$var$SynthesisPonyfillManager = ({ isRetorikNews: isRetor
|
|
|
27144
26737
|
ponyfillRef.current = (0, $bZRJW$createSpeechSynthesisPonyfill)(data);
|
|
27145
26738
|
setPonyfillCreated(true);
|
|
27146
26739
|
} else if (ponyfillCredentials?.subscriptionKey && ponyfillCredentials.region) fetchTokenAndCreatePonyfill(ponyfillCredentials.region, ponyfillCredentials.subscriptionKey);
|
|
26740
|
+
else if (ponyfillCredentials?.speechSynthesisHostname) {
|
|
26741
|
+
// To use self-hosted voice containers, we need no 'region', and 'speechSynthesisHostname' and 'speechRecognitionHostname' must both be defined
|
|
26742
|
+
// As this ponyfill is for speech synthesis only, we put a mock 'speechRecognitionHostname'
|
|
26743
|
+
const data = {
|
|
26744
|
+
credentials: {
|
|
26745
|
+
// @ts-ignore
|
|
26746
|
+
speechSynthesisHostname: new URL(ponyfillCredentials.speechSynthesisHostname),
|
|
26747
|
+
speechRecognitionHostname: ponyfillCredentials.speechRecognitionHostname || 'mandatory_recognition_host_name',
|
|
26748
|
+
subscriptionKey: ponyfillCredentials.subscriptionKey || 'mandatory_subscription_key'
|
|
26749
|
+
}
|
|
26750
|
+
};
|
|
26751
|
+
ponyfillRef.current = (0, $bZRJW$createSpeechSynthesisPonyfill)(data);
|
|
26752
|
+
setPonyfillCreated(true);
|
|
26753
|
+
}
|
|
27147
26754
|
}, [
|
|
27148
26755
|
ponyfillCredentials
|
|
27149
26756
|
]);
|
|
@@ -27211,18 +26818,19 @@ const $e5415612407dd579$var$RecognitionManager = ()=>{
|
|
|
27211
26818
|
const { setActiveRecognitionState: setActiveRecognitionState, setLastRecognitionInterim: setLastRecognitionInterim, toggleMicrophone: toggleMicrophone } = (0, $i1rfm.useSpeechStore)((state)=>state.actions);
|
|
27212
26819
|
const sendMessage = (0, $aNpqK.useDirectlineStore)((state)=>state.actions.sendMessage);
|
|
27213
26820
|
const [ponyfill, setPonyfill] = (0, $bZRJW$useState)(null);
|
|
27214
|
-
const activeModeRef = (0, $bZRJW$useRef)();
|
|
27215
|
-
const timerRef = (0, $bZRJW$useRef)(null);
|
|
27216
26821
|
const [recognitionAllowed, setRecognitionAllowed] = (0, $bZRJW$useState)(false);
|
|
27217
26822
|
const [ponyfillReady, setPonyfillReady] = (0, $bZRJW$useState)(false);
|
|
27218
|
-
const
|
|
26823
|
+
const activeModeRef = (0, $bZRJW$useRef)();
|
|
26824
|
+
const timerRef = (0, $bZRJW$useRef)(null);
|
|
26825
|
+
const localeRef = (0, $bZRJW$useRef)(undefined);
|
|
26826
|
+
const getCommonAndLocalizedWakeWords = (currentLocale, agentName)=>{
|
|
27219
26827
|
let commonAndlocalizedWakeWords = [];
|
|
27220
26828
|
if (speechRecognitionOptions?.wakeWords) {
|
|
27221
26829
|
if (speechRecognitionOptions.wakeWords.common) commonAndlocalizedWakeWords = [
|
|
27222
26830
|
...speechRecognitionOptions.wakeWords.common
|
|
27223
26831
|
];
|
|
27224
26832
|
if (speechRecognitionOptions.wakeWords.localized) {
|
|
27225
|
-
const localizedWakeWords = speechRecognitionOptions.wakeWords.localized[
|
|
26833
|
+
const localizedWakeWords = speechRecognitionOptions.wakeWords.localized[currentLocale] || [];
|
|
27226
26834
|
localizedWakeWords.length && (commonAndlocalizedWakeWords = [
|
|
27227
26835
|
...commonAndlocalizedWakeWords,
|
|
27228
26836
|
...localizedWakeWords
|
|
@@ -27236,14 +26844,14 @@ const $e5415612407dd579$var$RecognitionManager = ()=>{
|
|
|
27236
26844
|
]);
|
|
27237
26845
|
return commonAndlocalizedWakeWords;
|
|
27238
26846
|
};
|
|
27239
|
-
const getCommonAndLocalizedGrammars = ()=>{
|
|
26847
|
+
const getCommonAndLocalizedGrammars = (currentLocale)=>{
|
|
27240
26848
|
let commonAndlocalizedGrammars = [];
|
|
27241
26849
|
if (speechRecognitionOptions?.grammars) {
|
|
27242
26850
|
if (speechRecognitionOptions.grammars.common) commonAndlocalizedGrammars = [
|
|
27243
26851
|
...speechRecognitionOptions.grammars.common
|
|
27244
26852
|
];
|
|
27245
26853
|
if (speechRecognitionOptions.grammars.localized) {
|
|
27246
|
-
const localizedGrammars = speechRecognitionOptions.grammars.localized[
|
|
26854
|
+
const localizedGrammars = speechRecognitionOptions.grammars.localized[currentLocale] || [];
|
|
27247
26855
|
localizedGrammars.length && (commonAndlocalizedGrammars = [
|
|
27248
26856
|
...commonAndlocalizedGrammars,
|
|
27249
26857
|
...localizedGrammars
|
|
@@ -27258,55 +26866,81 @@ const $e5415612407dd579$var$RecognitionManager = ()=>{
|
|
|
27258
26866
|
setRecognitionAllowed(permission === (0, $4ucVo.PermissionStatus).allowed);
|
|
27259
26867
|
}).catch(console.log);
|
|
27260
26868
|
};
|
|
26869
|
+
(0, $bZRJW$useEffect)(()=>{
|
|
26870
|
+
// Clear data on component unmount
|
|
26871
|
+
return ()=>{
|
|
26872
|
+
timerRef?.current && clearTimeout(timerRef.current);
|
|
26873
|
+
ponyfill?.speechRecognition?.abort?.();
|
|
26874
|
+
};
|
|
26875
|
+
}, []);
|
|
27261
26876
|
(0, $bZRJW$useEffect)(()=>{
|
|
27262
26877
|
recognitionAllowed && useContinuousRecognition && ponyfill?.speechRecognition.start();
|
|
27263
26878
|
}, [
|
|
27264
26879
|
recognitionAllowed
|
|
27265
26880
|
]);
|
|
27266
26881
|
(0, $bZRJW$useEffect)(()=>{
|
|
27267
|
-
if (ponyfillCredentials) {
|
|
27268
|
-
|
|
27269
|
-
|
|
27270
|
-
|
|
27271
|
-
|
|
27272
|
-
|
|
27273
|
-
|
|
27274
|
-
|
|
27275
|
-
|
|
27276
|
-
|
|
27277
|
-
|
|
27278
|
-
|
|
27279
|
-
|
|
27280
|
-
|
|
27281
|
-
|
|
27282
|
-
|
|
27283
|
-
|
|
27284
|
-
|
|
27285
|
-
|
|
27286
|
-
|
|
27287
|
-
|
|
27288
|
-
|
|
27289
|
-
|
|
27290
|
-
|
|
27291
|
-
|
|
27292
|
-
|
|
27293
|
-
|
|
27294
|
-
|
|
27295
|
-
|
|
27296
|
-
|
|
27297
|
-
|
|
27298
|
-
|
|
27299
|
-
|
|
27300
|
-
|
|
27301
|
-
|
|
27302
|
-
|
|
26882
|
+
if (ponyfillCredentials && locale && agentData) {
|
|
26883
|
+
let currentPonyfill = ponyfill;
|
|
26884
|
+
if (locale !== localeRef.current) {
|
|
26885
|
+
localeRef.current = locale;
|
|
26886
|
+
// We create the ponyfill if it isn't created yet. We recreate a new one if we are using custom endpoints for speech recognition.
|
|
26887
|
+
if (!ponyfill || ponyfillCredentials?.speechRecognitionHostnamesRecord) {
|
|
26888
|
+
// Check if we need to use a custom endpoint from speechRecognitionHostnamesRecord
|
|
26889
|
+
const speechRecognitionHostname = ponyfillCredentials?.speechRecognitionHostnamesRecord ? ponyfillCredentials.speechRecognitionHostnamesRecord[locale] || Object.values(ponyfillCredentials.speechRecognitionHostnamesRecord)[0] : undefined;
|
|
26890
|
+
const options = {
|
|
26891
|
+
autoStart: false,
|
|
26892
|
+
continuous: useContinuousRecognition,
|
|
26893
|
+
interimResults: true,
|
|
26894
|
+
grammarsList: getCommonAndLocalizedGrammars(locale),
|
|
26895
|
+
lang: locale,
|
|
26896
|
+
passive: useContinuousRecognition,
|
|
26897
|
+
wakeWords: getCommonAndLocalizedWakeWords(locale),
|
|
26898
|
+
debug: false,
|
|
26899
|
+
timerBeforeSpeechEnd: speechRecognitionOptions?.timerBeforeSpeechEnd
|
|
26900
|
+
};
|
|
26901
|
+
const processedCredentials = {
|
|
26902
|
+
credentials: speechRecognitionHostname ? {
|
|
26903
|
+
region: undefined,
|
|
26904
|
+
subscriptionKey: ponyfillCredentials.subscriptionKey || 'mandatory_subscription_key',
|
|
26905
|
+
speechRecognitionHostname: speechRecognitionHostname,
|
|
26906
|
+
speechSynthesisHostname: 'mandatory_synthesis_host_name'
|
|
26907
|
+
} : {
|
|
26908
|
+
region: ponyfillCredentials.region,
|
|
26909
|
+
subscriptionKey: ponyfillCredentials.subscriptionKey,
|
|
26910
|
+
authorizationToken: ponyfillCredentials.authorizationToken
|
|
26911
|
+
}
|
|
26912
|
+
};
|
|
26913
|
+
// Abort current recognition before setting the new recognition ponyfill if there is a need to
|
|
26914
|
+
currentPonyfill?.speechRecognition?.abort?.();
|
|
26915
|
+
currentPonyfill = (0, $bZRJW$createSpeechRecognitionPonyfill)(processedCredentials, options);
|
|
26916
|
+
} else if (currentPonyfill) {
|
|
26917
|
+
// Set wakeworkds
|
|
26918
|
+
currentPonyfill.speechRecognition.wakeWords = getCommonAndLocalizedWakeWords(locale, agentData?.name);
|
|
26919
|
+
// Set language
|
|
26920
|
+
activeRecognitionState === (0, $4ucVo.RecognitionState).Listening ? currentPonyfill?.speechRecognition.changeLanguage(locale) : currentPonyfill.speechRecognition.lang = locale;
|
|
26921
|
+
}
|
|
26922
|
+
}
|
|
26923
|
+
if (currentPonyfill) {
|
|
26924
|
+
// Set grammar list
|
|
26925
|
+
const grammarList = new (0, $bZRJW$SpeechGrammarList)();
|
|
26926
|
+
grammarList.phrases = getCommonAndLocalizedGrammars(locale);
|
|
26927
|
+
if (speechRecognitionDynamicGrammars.length) speechRecognitionDynamicGrammars.forEach((grammar)=>{
|
|
26928
|
+
!grammarList.phrases.includes(grammar) && grammarList.phrases.push(grammar);
|
|
26929
|
+
});
|
|
26930
|
+
if (agentData?.name) {
|
|
26931
|
+
// Add raw name
|
|
26932
|
+
!grammarList.phrases.includes(agentData.name) && grammarList.phrases.push(agentData.name);
|
|
26933
|
+
// Add lower-cased name
|
|
26934
|
+
!grammarList.phrases.includes(agentData.name.toLocaleLowerCase(locale)) && grammarList.phrases.push(agentData.name.toLocaleLowerCase(locale));
|
|
26935
|
+
}
|
|
26936
|
+
currentPonyfill.speechRecognition.grammars = grammarList;
|
|
26937
|
+
setPonyfill(currentPonyfill);
|
|
27303
26938
|
}
|
|
27304
|
-
ponyfill.speechRecognition.grammars = grammarList;
|
|
27305
26939
|
}
|
|
27306
26940
|
}, [
|
|
26941
|
+
ponyfillCredentials,
|
|
27307
26942
|
locale,
|
|
27308
26943
|
speechRecognitionDynamicGrammars,
|
|
27309
|
-
ponyfill?.speechRecognition,
|
|
27310
26944
|
agentData
|
|
27311
26945
|
]);
|
|
27312
26946
|
/**
|
|
@@ -27343,10 +26977,6 @@ const $e5415612407dd579$var$RecognitionManager = ()=>{
|
|
|
27343
26977
|
setPonyfillReady(true);
|
|
27344
26978
|
}
|
|
27345
26979
|
}
|
|
27346
|
-
return ()=>{
|
|
27347
|
-
timerRef?.current && clearTimeout(timerRef.current);
|
|
27348
|
-
ponyfill?.speechRecognition?.stop && ponyfill.speechRecognition.stop();
|
|
27349
|
-
};
|
|
27350
26980
|
}, [
|
|
27351
26981
|
ponyfill,
|
|
27352
26982
|
appAvailable,
|
|
@@ -27901,7 +27531,7 @@ const $55bf4c9965ea9afa$var$ChatbotAndSubtitlesContainer = ({ centered: centered
|
|
|
27901
27531
|
children: [
|
|
27902
27532
|
/*#__PURE__*/ (0, $bZRJW$jsx)("div", {
|
|
27903
27533
|
id: "retorik-animation-container",
|
|
27904
|
-
className: `rf-relative rf-z-agent rf-col-start-1 rf-col-end-9 ${!centered && 'landscape-retorik
|
|
27534
|
+
className: `rf-relative rf-z-agent rf-col-start-1 rf-col-end-9 ${!centered && 'landscape-retorik:-rf-translate-x-1/4'} rf-row-span-full rf-self-end rf-h-full`,
|
|
27905
27535
|
style: {
|
|
27906
27536
|
visibility: visible ? 'visible' : 'hidden',
|
|
27907
27537
|
gridRow: `${gridRowStart} / span ${gridRowSpan}`
|
|
@@ -28150,25 +27780,8 @@ const $7ee62e7bf28b4542$var$RetorikConfigHandler = ({ config: config, viewsConfi
|
|
|
28150
27780
|
const [fetchedConfig, setFetchedConfig] = (0, $bZRJW$useState)();
|
|
28151
27781
|
const [mainConfig, setMainConfig] = (0, $bZRJW$useState)(undefined);
|
|
28152
27782
|
const { setGDPRDisplay: setGDPRDisplay, setGDPRUserConsent: setGDPRUserConsent, setGDPRWindowData: setGDPRWindowData } = (0, $j67YK.useUtilsStore)((state)=>state.actions);
|
|
28153
|
-
const { setBaseAddress: setBaseAddress, setDisableHistory: setDisableHistory, setEnvironmentPreset: setEnvironmentPreset, setCustomScripts: setCustomScripts, setCustomCSS: setCustomCSS } = (0, $1x02c.useRetorikStore)((state)=>state.actions);
|
|
27783
|
+
const { setBaseAddress: setBaseAddress, setDisableHistory: setDisableHistory, setEnvironmentPreset: setEnvironmentPreset, setCustomScripts: setCustomScripts, setCustomCSS: setCustomCSS, setEnabledFeatures: setEnabledFeatures } = (0, $1x02c.useRetorikStore)((state)=>state.actions);
|
|
28154
27784
|
const [isConfigUpdated, setIsConfigUpdated] = (0, $bZRJW$useState)(false);
|
|
28155
|
-
/**
|
|
28156
|
-
* Check if emergency data can be retrieved to remove the button in menu if no data available
|
|
28157
|
-
* @param {RetorikMainComponentConfiguration} configuration
|
|
28158
|
-
*/ const checkEmergencyAndSetConfig = async (configuration)=>{
|
|
28159
|
-
const data = await (0, $75pB6.fetchEmergencyData)(baseAddress);
|
|
28160
|
-
const tempConfiguration = {
|
|
28161
|
-
...configuration
|
|
28162
|
-
};
|
|
28163
|
-
if (!data) {
|
|
28164
|
-
const views = tempConfiguration.config?.baseMenu || (0, $cT90l.DEFAULT_VIEWS);
|
|
28165
|
-
const tempBaseMenu = views.filter((menu)=>// @ts-ignore : error on menu.view that doesn't exist in type CustomMenu
|
|
28166
|
-
!menu.view || menu.view !== (0, $4ucVo.AvailableViews).emergency);
|
|
28167
|
-
tempConfiguration.config && (tempConfiguration.config.baseMenu = tempBaseMenu);
|
|
28168
|
-
}
|
|
28169
|
-
setMainConfig(tempConfiguration);
|
|
28170
|
-
setIsConfigUpdated(true);
|
|
28171
|
-
};
|
|
28172
27785
|
const fetchConfigurationFromRetorikStudio = async (baseAddress)=>{
|
|
28173
27786
|
const fetchedConfig = await (0, $25e969779d25f701$export$2e2bcd8739ae039)({
|
|
28174
27787
|
config: config,
|
|
@@ -28226,11 +27839,13 @@ const $7ee62e7bf28b4542$var$RetorikConfigHandler = ({ config: config, viewsConfi
|
|
|
28226
27839
|
]);
|
|
28227
27840
|
(0, $bZRJW$useEffect)(()=>{
|
|
28228
27841
|
if (fetchedConfig) {
|
|
28229
|
-
const { skipLoader: _skipLoader, defaultMode: _defaultMode, config: _config, viewsConfig: _viewsConfig, chatbotData: _chatbotData, chatbotDataWidget: _chatbotDataWidget, agentData: _agentData, addressData: _addressData, ponyfillFactoryCredentials: _ponyfillFactoryCredentials, customVoice: _customVoice, colors: _colors, defaultCulture: defaultCulture, supportedCultures: supportedCultures, disableHistory: disableHistory, customScripts: _customScripts, customCSS: _customCSS } = fetchedConfig;
|
|
27842
|
+
const { skipLoader: _skipLoader, defaultMode: _defaultMode, config: _config, viewsConfig: _viewsConfig, chatbotData: _chatbotData, chatbotDataWidget: _chatbotDataWidget, agentData: _agentData, addressData: _addressData, ponyfillFactoryCredentials: _ponyfillFactoryCredentials, customVoice: _customVoice, colors: _colors, defaultCulture: defaultCulture, supportedCultures: supportedCultures, disableHistory: disableHistory, customScripts: _customScripts, customCSS: _customCSS, features: features } = fetchedConfig;
|
|
27843
|
+
// Language
|
|
28230
27844
|
if (defaultCulture && supportedCultures) {
|
|
28231
27845
|
const { processedDefaultLanguage: processedDefaultLanguage, processedSupported: processedSupported } = (0, $6hRlO.processLanguageData)(defaultCulture, supportedCultures, true);
|
|
28232
27846
|
processedDefaultLanguage && processedSupported && setLanguageData(processedDefaultLanguage, processedSupported);
|
|
28233
27847
|
} else fetchSupportedLanguages(baseAddress);
|
|
27848
|
+
// Colors
|
|
28234
27849
|
if (colors?.theme || _colors?.theme) {
|
|
28235
27850
|
const tempTheme = colors?.theme || _colors?.theme;
|
|
28236
27851
|
if (tempTheme === (0, $4ucVo.Theme).auto && window.matchMedia) {
|
|
@@ -28283,7 +27898,10 @@ const $7ee62e7bf28b4542$var$RetorikConfigHandler = ({ config: config, viewsConfi
|
|
|
28283
27898
|
setDisableHistory(!!disableHistory);
|
|
28284
27899
|
setCustomScripts(customScripts || _customScripts || []);
|
|
28285
27900
|
setCustomCSS(customCSS || _customCSS || []);
|
|
28286
|
-
|
|
27901
|
+
setEnabledFeatures(features || []);
|
|
27902
|
+
// Save this config and use it in the application
|
|
27903
|
+
setMainConfig(mergedMainConfig);
|
|
27904
|
+
setIsConfigUpdated(true);
|
|
28287
27905
|
}
|
|
28288
27906
|
}, [
|
|
28289
27907
|
config,
|
|
@@ -28379,7 +27997,6 @@ var $82K9w = parcelRequire("82K9w");
|
|
|
28379
27997
|
var $awh9M = parcelRequire("awh9M");
|
|
28380
27998
|
|
|
28381
27999
|
const $de4df24d97ccd581$var$LayoutHandler = (props)=>{
|
|
28382
|
-
const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
|
|
28383
28000
|
const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
|
|
28384
28001
|
const currentLayout = (0, $1x02c.useRetorikStore)((state)=>state.currentLayout);
|
|
28385
28002
|
const displayChangeLayoutButton = (0, $1x02c.useRetorikStore)((state)=>state.configuration).allowSwitchLayout;
|
|
@@ -28482,7 +28099,6 @@ const $de4df24d97ccd581$var$LayoutHandler = (props)=>{
|
|
|
28482
28099
|
]
|
|
28483
28100
|
}),
|
|
28484
28101
|
loaded && /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
|
|
28485
|
-
dir: isRTL ? 'rtl' : 'ltr',
|
|
28486
28102
|
className: `${currentLayout === (0, $4ucVo.ContainerParent).widget ? 'rf-fixed rf-pt-8 rf-height-fill-available rf-transition-all rf-overflow-hidden rf-max-w-[100vw]' : ''}`,
|
|
28487
28103
|
style: currentLayout === (0, $4ucVo.ContainerParent).widget ? {
|
|
28488
28104
|
...frameStyle,
|
|
@@ -28506,7 +28122,7 @@ const $de4df24d97ccd581$var$LayoutHandler = (props)=>{
|
|
|
28506
28122
|
/*#__PURE__*/ (0, $bZRJW$jsx)("button", {
|
|
28507
28123
|
onClick: toggleWidget,
|
|
28508
28124
|
"aria-label": "Close",
|
|
28509
|
-
className: "rf-absolute rf-z-exitwidget rf-flex
|
|
28125
|
+
className: "rf-absolute rf-z-exitwidget rf-flex rf-right-0 rf-top-0 rf-p-1 rf-bg-truewhite rf-border rf-border-trueblack rf-rounded-lg",
|
|
28510
28126
|
children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $awh9M.default), {
|
|
28511
28127
|
className: "rf-h-4 rf-w-4",
|
|
28512
28128
|
color: "#000000"
|
|
@@ -28717,6 +28333,7 @@ window.Retorik = {
|
|
|
28717
28333
|
...window.Retorik,
|
|
28718
28334
|
renderAgent: $d70757f720801c36$export$b69254d879536cde,
|
|
28719
28335
|
renderWidget: $d70757f720801c36$var$renderWidget,
|
|
28336
|
+
addDetailedAttachmentTrigger: $a2SNO.addDetailedAttachmentTrigger,
|
|
28720
28337
|
addExternalActivityHandler: $a2SNO.addExternalActivityHandler,
|
|
28721
28338
|
cancelCurrentUtterance: $a2SNO.cancelCurrentUtterance,
|
|
28722
28339
|
changeAgent: (0, $a2SNO.setAgentData),
|
|
@@ -28731,6 +28348,7 @@ window.Retorik = {
|
|
|
28731
28348
|
sendMessageToChatbot: $a2SNO.sendMessageToChatbot,
|
|
28732
28349
|
setExternalActivityHandlers: $a2SNO.setExternalActivityHandlers,
|
|
28733
28350
|
setLocale: $a2SNO.setLocale,
|
|
28351
|
+
setModalFullscreenContent: $a2SNO.setModalFullscreenContent,
|
|
28734
28352
|
setMuted: $a2SNO.setMuted,
|
|
28735
28353
|
setVisibility: $a2SNO.setVisibility,
|
|
28736
28354
|
showAgent: $a2SNO.showAgent,
|