@davi-ai/retorik-framework 3.2.0 → 3.2.2

package/dist/Weather.661c2cac.js

@@ -0,0 +1,282 @@
+var $avS3e$reactjsxruntime = require("react/jsx-runtime");
+var $avS3e$react = require("react");
+var $avS3e$daviairetorikweather = require("@davi-ai/retorik-weather");
+var $avS3e$qrcode = require("qrcode");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$defineInteropFlag(a) {
+  Object.defineProperty(a, '__esModule', {value: true, configurable: true});
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+      var $parcel$global =
+        typeof globalThis !== 'undefined'
+          ? globalThis
+          : typeof self !== 'undefined'
+          ? self
+          : typeof window !== 'undefined'
+          ? window
+          : typeof global !== 'undefined'
+          ? global
+          : {};
+  var parcelRequire = $parcel$global["parcelRequirea39d"];
+var parcelRegister = parcelRequire.register;
+parcelRegister("j5z2A", function(module, exports) {
+
+$parcel$defineInteropFlag(module.exports);
+
+$parcel$export(module.exports, "default", () => $becba6a72493aae8$export$2e2bcd8739ae039);
+
+
+
+
+var $6Q0mk = parcelRequire("6Q0mk");
+
+var $7eio0 = parcelRequire("7eio0");
+
+var $6EkQS = parcelRequire("6EkQS");
+
+var $kUiCn = parcelRequire("kUiCn");
+
+var $6QoTL = parcelRequire("6QoTL");
+
+var $7WHA7 = parcelRequire("7WHA7");
+
+var $a3uH3 = parcelRequire("a3uH3");
+
+var $8ywPo = parcelRequire("8ywPo");
+
+var $aA7FU = parcelRequire("aA7FU");
+
+var $lONbp = parcelRequire("lONbp");
+
+var $6tFNo = parcelRequire("6tFNo");
+const $becba6a72493aae8$var$Weather = ({ handleClose: handleClose })=>{
+    var _configuration_position, _configuration_position1, _configuration_position2, _configuration_position3;
+    const locale = (0, $6Q0mk.useLocaleStore)((state)=>state.locale);
+    const configuration = (0, $6EkQS.useRetorikStore)((state)=>state.configuration);
+    const currentDeviceType = (0, $kUiCn.useViewStore)((state)=>state.currentDeviceType);
+    const isMobile = (0, $kUiCn.useViewStore)((state)=>state.isMobile);
+    const setCurrentSubView = (0, $7eio0.useUtilsStore)((state)=>state.actions.setCurrentSubView);
+    const sendEvent = (0, $6QoTL.useDirectlineStore)((state)=>state.actions.sendEvent);
+    /**
+   * On call :
+   *  - set RetorikContext's displayWeather state to false
+   */ const handleBack = ()=>{
+        sendEvent('Davi.CloseWindow', null);
+        sendEvent('Davi.CloseWindowWeather', null);
+        handleClose ? handleClose() : setCurrentSubView((0, $7WHA7.CurrentSubView).none);
+    };
+    return isMobile ? /*#__PURE__*/ (0, $avS3e$reactjsxruntime.jsxs)((0, $a3uH3.FullScreenMobile), {
+        depth: (0, $7WHA7.Depth).dropdown,
+        background: "#FFFFFF",
+        children: [
+            /*#__PURE__*/ (0, $avS3e$reactjsxruntime.jsx)((0, $8ywPo.default), {
+                subView: (0, $7WHA7.AvailableViews).weather,
+                className: "rf-border-b rf-border-b-menuBorder",
+                handleBack: handleBack
+            }),
+            /*#__PURE__*/ (0, $avS3e$reactjsxruntime.jsx)((0, ($parcel$interopDefault($avS3e$daviairetorikweather))), {
+                locale: locale,
+                deviceType: currentDeviceType,
+                position: {
+                    latitude: ((_configuration_position = configuration.position) === null || _configuration_position === void 0 ? void 0 : _configuration_position.latitude) || 0,
+                    longitude: ((_configuration_position1 = configuration.position) === null || _configuration_position1 === void 0 ? void 0 : _configuration_position1.longitude) || 0
+                }
+            }),
+            /*#__PURE__*/ (0, $avS3e$reactjsxruntime.jsx)((0, $6tFNo.default), {})
+        ]
+    }) : /*#__PURE__*/ (0, $avS3e$reactjsxruntime.jsxs)((0, $a3uH3.FullScreen), {
+        depth: (0, $7WHA7.Depth).dropdown,
+        background: "linear-gradient(to right bottom, #F2F8F8FC , #F2E1E2E8)",
+        onClick: handleBack,
+        children: [
+            /*#__PURE__*/ (0, $avS3e$reactjsxruntime.jsxs)("div", {
+                className: "rf-h-full rf-w-full rf-flex rf-flex-col rf-items-center",
+                children: [
+                    /*#__PURE__*/ (0, $avS3e$reactjsxruntime.jsx)((0, $aA7FU.default), {
+                        subView: (0, $7WHA7.AvailableViews).weather
+                    }),
+                    /*#__PURE__*/ (0, $avS3e$reactjsxruntime.jsx)((0, ($parcel$interopDefault($avS3e$daviairetorikweather))), {
+                        locale: locale,
+                        deviceType: currentDeviceType,
+                        position: {
+                            latitude: ((_configuration_position2 = configuration.position) === null || _configuration_position2 === void 0 ? void 0 : _configuration_position2.latitude) || 0,
+                            longitude: ((_configuration_position3 = configuration.position) === null || _configuration_position3 === void 0 ? void 0 : _configuration_position3.longitude) || 0
+                        }
+                    }),
+                    /*#__PURE__*/ (0, $avS3e$reactjsxruntime.jsx)((0, $6tFNo.default), {})
+                ]
+            }),
+            /*#__PURE__*/ (0, $avS3e$reactjsxruntime.jsx)((0, $lONbp.default), {
+                dashboardVisible: true,
+                onClick: handleBack
+            })
+        ]
+    });
+};
+var $becba6a72493aae8$export$2e2bcd8739ae039 = $becba6a72493aae8$var$Weather;
+
+});
+parcelRegister("8ywPo", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $0a80198eb48dcfb9$export$2e2bcd8739ae039);
+
+
+
+var $6Q0mk = parcelRequire("6Q0mk");
+
+var $7v7LH = parcelRequire("7v7LH");
+
+var $bUTyR = parcelRequire("bUTyR");
+const $0a80198eb48dcfb9$var$MobileTopContainer = ({ subView: subView, className: className, handleBack: handleBack })=>{
+    const translation = (0, $6Q0mk.useLocaleStore)((state)=>state.currentTranslations);
+    return /*#__PURE__*/ (0, $avS3e$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($avS3e$react))).Fragment, {
+        children: [
+            /*#__PURE__*/ (0, $avS3e$reactjsxruntime.jsx)((0, $7v7LH.BackButton), {
+                title: translation.common.back,
+                className: "rf-text-sm",
+                handleBack: handleBack
+            }),
+            subView && /*#__PURE__*/ (0, $avS3e$reactjsxruntime.jsx)((0, $bUTyR.default), {
+                subView: subView,
+                className: className
+            })
+        ]
+    });
+};
+var $0a80198eb48dcfb9$export$2e2bcd8739ae039 = $0a80198eb48dcfb9$var$MobileTopContainer;
+
+});
+parcelRegister("bUTyR", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $5ec58a98f8a43d3b$export$2e2bcd8739ae039);
+
+
+
+var $7WHA7 = parcelRequire("7WHA7");
+
+var $6Q0mk = parcelRequire("6Q0mk");
+
+var $6GlMG = parcelRequire("6GlMG");
+const $5ec58a98f8a43d3b$var$iconClassname = 'rf-h-8 rf-w-8';
+const $5ec58a98f8a43d3b$var$MobileIconAndTitle = ({ subView: subView, className: className })=>{
+    const translation = (0, $6Q0mk.useLocaleStore)((state)=>state.currentTranslations);
+    return /*#__PURE__*/ (0, $avS3e$reactjsxruntime.jsxs)("div", {
+        className: `large:rf-hidden rf-py-2 rf-flex rf-flex-row rf-items-end ${className}`,
+        children: [
+            subView === (0, $7WHA7.AvailableViews).weather ? /*#__PURE__*/ (0, $avS3e$reactjsxruntime.jsx)($6GlMG.WeatherIcon, {
+                className: $5ec58a98f8a43d3b$var$iconClassname
+            }) : subView === (0, $7WHA7.AvailableViews).emergency ? /*#__PURE__*/ (0, $avS3e$reactjsxruntime.jsx)($6GlMG.EmergencyIcon, {
+                className: $5ec58a98f8a43d3b$var$iconClassname
+            }) : /*#__PURE__*/ (0, $avS3e$reactjsxruntime.jsx)((0, ($parcel$interopDefault($avS3e$react))).Fragment, {}),
+            /*#__PURE__*/ (0, $avS3e$reactjsxruntime.jsx)("div", {
+                className: "rf-ml-2 rf-capitalize rf-subtitle-size-auto",
+                children: translation[subView]
+            })
+        ]
+    });
+};
+var $5ec58a98f8a43d3b$export$2e2bcd8739ae039 = $5ec58a98f8a43d3b$var$MobileIconAndTitle;
+
+});
+
+
+parcelRegister("aA7FU", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $5aac785fee9416e3$export$2e2bcd8739ae039);
+
+
+
+var $7WHA7 = parcelRequire("7WHA7");
+
+var $6Q0mk = parcelRequire("6Q0mk");
+
+var $6GlMG = parcelRequire("6GlMG");
+const $5aac785fee9416e3$var$iconClassname = 'rf-h-16 rf-w-16 large-vertical:rf-h-24 large-vertical:rf-w-24';
+const $5aac785fee9416e3$var$LargeIconAndTitle = ({ subView: subView, className: className })=>{
+    const translation = (0, $6Q0mk.useLocaleStore)((state)=>state.currentTranslations);
+    return /*#__PURE__*/ (0, $avS3e$reactjsxruntime.jsxs)("div", {
+        className: `rf-hidden large:rf-flex rf-w-full rf-pt-4 large-vertical:rf-pt-8 rf-pl-4 large-vertical:rf-pl-0 rf-flex-row rf-justify-start large-vertical:rf-justify-center rf-items-center ${className}`,
+        children: [
+            subView === (0, $7WHA7.AvailableViews).weather ? /*#__PURE__*/ (0, $avS3e$reactjsxruntime.jsx)($6GlMG.WeatherIcon, {
+                className: $5aac785fee9416e3$var$iconClassname
+            }) : subView === (0, $7WHA7.AvailableViews).emergency ? /*#__PURE__*/ (0, $avS3e$reactjsxruntime.jsx)($6GlMG.EmergencyIcon, {
+                className: $5aac785fee9416e3$var$iconClassname
+            }) : /*#__PURE__*/ (0, $avS3e$reactjsxruntime.jsx)((0, ($parcel$interopDefault($avS3e$react))).Fragment, {}),
+            /*#__PURE__*/ (0, $avS3e$reactjsxruntime.jsx)("div", {
+                className: "rf-ml-2 rf-uppercase rf-text-[#575F6B] rf-subtitle-size-auto",
+                children: translation[subView]
+            })
+        ]
+    });
+};
+var $5aac785fee9416e3$export$2e2bcd8739ae039 = $5aac785fee9416e3$var$LargeIconAndTitle;
+
+});
+
+parcelRegister("6tFNo", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $ca477ffba32efc70$export$2e2bcd8739ae039);
+
+
+
+
+var $6EkQS = parcelRequire("6EkQS");
+
+var $hQSgy = parcelRequire("hQSgy");
+const $ca477ffba32efc70$var$OpenMeteoAttribution = ()=>{
+    const isUsedOnBorne = (0, $6EkQS.useRetorikStore)((state)=>state.configuration.isUsedOnBorne);
+    const [qrCodeData, setQrCodeData] = (0, $avS3e$react.useState)();
+    const [showQrCode, setShowQrCode] = (0, $avS3e$react.useState)(false);
+    const setQrCodeDataAsync = async ()=>{
+        const qrCodeString = await (0, ($parcel$interopDefault($avS3e$qrcode))).toDataURL('https://open-meteo.com/');
+        setQrCodeData(qrCodeString);
+    };
+    (0, $avS3e$react.useEffect)(()=>{
+        isUsedOnBorne && setQrCodeDataAsync();
+    }, [
+        isUsedOnBorne
+    ]);
+    const handleClick = ()=>{
+        setShowQrCode((current)=>!current);
+    };
+    return /*#__PURE__*/ (0, $avS3e$reactjsxruntime.jsx)("div", {
+        className: "rf-w-full rf-py-2 rf-flex rf-justify-center",
+        children: isUsedOnBorne ? /*#__PURE__*/ (0, $avS3e$reactjsxruntime.jsx)((0, ($parcel$interopDefault($avS3e$react))).Fragment, {
+            children: /*#__PURE__*/ (0, $avS3e$reactjsxruntime.jsxs)("div", {
+                className: "rf-relative rf-text-sm hover:rf-cursor-pointer",
+                onClick: handleClick,
+                children: [
+                    "Weather data by Open-Meteo.com",
+                    showQrCode && qrCodeData ? /*#__PURE__*/ (0, $avS3e$reactjsxruntime.jsx)("div", {
+                        className: "rf-absolute rf-left-1/2 rf-top-0 -rf-translate-x-1/2 -rf-translate-y-full",
+                        children: /*#__PURE__*/ (0, $avS3e$reactjsxruntime.jsx)((0, $hQSgy.default), {
+                            src: qrCodeData
+                        })
+                    }) : /*#__PURE__*/ (0, $avS3e$reactjsxruntime.jsx)((0, ($parcel$interopDefault($avS3e$react))).Fragment, {})
+                ]
+            })
+        }) : /*#__PURE__*/ (0, $avS3e$reactjsxruntime.jsx)("a", {
+            href: "https://open-meteo.com/",
+            target: "_blank",
+            rel: "noreferrer noopener",
+            className: "rf-text-sm",
+            children: "Weather data by open-meteo.com"
+        })
+    });
+};
+var $ca477ffba32efc70$export$2e2bcd8739ae039 = $ca477ffba32efc70$var$OpenMeteoAttribution;
+
+});
+
+
+
+//# sourceMappingURL=Weather.661c2cac.js.map

package/dist/Weather.661c2cac.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["src/components/Weather/Weather.tsx","src/components/Utils/SubView/MobileTopContainer.tsx","src/components/Utils/SubView/MobileIconAndTitle.tsx","src/components/Utils/SubView/LargeIconAndTitle.tsx","src/components/Weather/OpenMeteoAttribution.tsx"],"sourcesContent":["import React from 'react'\r\nimport WeatherContent from '@davi-ai/retorik-weather'\r\n\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\nimport { useUtilsStore } from '../Contexts/UtilsContext'\r\nimport { useRetorikStore } from '../Contexts/RetorikContext'\r\nimport { useViewStore } from '../Contexts/ViewContext'\r\nimport { useDirectlineStore } from '../Contexts/DirectlineContext'\r\n\r\nimport { AvailableViews, CurrentSubView, Depth } from '../../models/enums'\r\n\r\nimport { FullScreen, FullScreenMobile } from '../Templates'\r\nimport MobileTopContainer from '../Utils/SubView/MobileTopContainer'\r\nimport LargeIconAndTitle from '../Utils/SubView/LargeIconAndTitle'\r\nimport AbsoluteLargeClosingButton from '../Utils/SubView/AbsoluteLargeClosingButton'\r\nimport OpenMeteoAttribution from './OpenMeteoAttribution'\r\n\r\ninterface WeatherProps {\r\n  handleClose?: () => void\r\n}\r\n\r\nconst Weather = ({ handleClose }: WeatherProps): JSX.Element => {\r\n  const locale = useLocaleStore((state) => state.locale)\r\n  const configuration = useRetorikStore((state) => state.configuration)\r\n  const currentDeviceType = useViewStore((state) => state.currentDeviceType)\r\n  const isMobile = useViewStore((state) => state.isMobile)\r\n  const setCurrentSubView = useUtilsStore((state) => state.actions.setCurrentSubView)\r\n  const sendEvent = useDirectlineStore((state) => state.actions.sendEvent)\r\n\r\n  /**\r\n   * On call :\r\n   *  - set RetorikContext's displayWeather state to false\r\n   */\r\n  const handleBack = (): void => {\r\n    sendEvent('Davi.CloseWindow', null)\r\n    sendEvent('Davi.CloseWindowWeather', null)\r\n    handleClose ? handleClose() : setCurrentSubView(CurrentSubView.none)\r\n  }\r\n\r\n  return isMobile ? (\r\n    <FullScreenMobile depth={Depth.dropdown} background='#FFFFFF'>\r\n      {/* Top container : back button + weather icon + title */}\r\n      <MobileTopContainer subView={AvailableViews.weather} className='rf-border-b rf-border-b-menuBorder' handleBack={handleBack} />\r\n\r\n      {/* Weather data */}\r\n      <WeatherContent\r\n        locale={locale}\r\n        deviceType={currentDeviceType}\r\n        position={{\r\n          latitude: configuration.position?.latitude || 0,\r\n          longitude: configuration.position?.longitude || 0\r\n        }}\r\n      />\r\n\r\n      <OpenMeteoAttribution />\r\n    </FullScreenMobile>\r\n  ) : (\r\n    <FullScreen depth={Depth.dropdown} background='linear-gradient(to right bottom, #F2F8F8FC , #F2E1E2E8)' onClick={handleBack}>\r\n      <div className='rf-h-full rf-w-full rf-flex rf-flex-col rf-items-center'>\r\n        {/* Weather icon + text */}\r\n        <LargeIconAndTitle subView={AvailableViews.weather} />\r\n\r\n        {/* Weather data */}\r\n        <WeatherContent\r\n          locale={locale}\r\n          deviceType={currentDeviceType}\r\n          position={{\r\n            latitude: configuration.position?.latitude || 0,\r\n            longitude: configuration.position?.longitude || 0\r\n          }}\r\n        />\r\n\r\n        <OpenMeteoAttribution />\r\n      </div>\r\n\r\n      {/* Closing button */}\r\n      <AbsoluteLargeClosingButton dashboardVisible={true} onClick={handleBack} />\r\n    </FullScreen>\r\n  )\r\n}\r\n\r\nexport default Weather\r\n","import React from 'react'\r\nimport { useLocaleStore } from '../../Contexts/LocaleContext'\r\nimport { BackButton } from '../../Menu/Common'\r\nimport MobileIconAndTitle from './MobileIconAndTitle'\r\n\r\ninterface MobileTopContainerProps {\r\n  subView?: number\r\n  className?: string\r\n  handleBack: () => void\r\n}\r\n\r\nconst MobileTopContainer = ({\r\n  subView,\r\n  className,\r\n  handleBack\r\n}: MobileTopContainerProps): JSX.Element => {\r\n  const translation = useLocaleStore((state) => state.currentTranslations)\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <BackButton\r\n        title={translation.common.back}\r\n        className='rf-text-sm'\r\n        handleBack={handleBack}\r\n      />\r\n      {subView && (\r\n        <MobileIconAndTitle subView={subView} className={className} />\r\n      )}\r\n    </React.Fragment>\r\n  )\r\n}\r\n\r\nexport default MobileTopContainer\r\n","import React from 'react'\r\nimport { AvailableViews } from '../../../models/enums'\r\nimport { useLocaleStore } from '../../Contexts/LocaleContext'\r\nimport * as Icons from '../../Icons/ViewIcons'\r\n\r\ninterface MobileIconAndTitleProps {\r\n  subView: number\r\n  className?: string\r\n}\r\n\r\nconst iconClassname = 'rf-h-8 rf-w-8'\r\n\r\nconst MobileIconAndTitle = ({\r\n  subView,\r\n  className\r\n}: MobileIconAndTitleProps): JSX.Element => {\r\n  const translation = useLocaleStore((state) => state.currentTranslations)\r\n\r\n  return (\r\n    <div\r\n      className={`large:rf-hidden rf-py-2 rf-flex rf-flex-row rf-items-end ${className}`}\r\n    >\r\n      {/* Icon */}\r\n      {subView === AvailableViews.weather ? (\r\n        <Icons.WeatherIcon className={iconClassname} />\r\n      ) : subView === AvailableViews.emergency ? (\r\n        <Icons.EmergencyIcon className={iconClassname} />\r\n      ) : (\r\n        <React.Fragment />\r\n      )}\r\n      {/* Title */}\r\n      <div className='rf-ml-2 rf-capitalize rf-subtitle-size-auto'>\r\n        {translation[subView]}\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default MobileIconAndTitle\r\n","import React from 'react'\r\nimport { AvailableViews } from '../../../models/enums'\r\nimport { useLocaleStore } from '../../Contexts/LocaleContext'\r\nimport * as Icons from '../../Icons/ViewIcons'\r\n\r\ninterface LargeIconAndTitleProps {\r\n  subView: number\r\n  className?: string\r\n}\r\n\r\nconst iconClassname =\r\n  'rf-h-16 rf-w-16 large-vertical:rf-h-24 large-vertical:rf-w-24'\r\n\r\nconst LargeIconAndTitle = ({\r\n  subView,\r\n  className\r\n}: LargeIconAndTitleProps): JSX.Element => {\r\n  const translation = useLocaleStore((state) => state.currentTranslations)\r\n\r\n  return (\r\n    <div\r\n      className={`rf-hidden large:rf-flex rf-w-full rf-pt-4 large-vertical:rf-pt-8 rf-pl-4 large-vertical:rf-pl-0 rf-flex-row rf-justify-start large-vertical:rf-justify-center rf-items-center ${className}`}\r\n    >\r\n      {/* Icon */}\r\n      {subView === AvailableViews.weather ? (\r\n        <Icons.WeatherIcon className={iconClassname} />\r\n      ) : subView === AvailableViews.emergency ? (\r\n        <Icons.EmergencyIcon className={iconClassname} />\r\n      ) : (\r\n        <React.Fragment />\r\n      )}\r\n      {/* Title */}\r\n      <div className='rf-ml-2 rf-uppercase rf-text-[#575F6B] rf-subtitle-size-auto'>\r\n        {translation[subView]}\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default LargeIconAndTitle\r\n","import React, { useEffect, useState } from 'react'\r\nimport QRCode from 'qrcode'\r\nimport { useRetorikStore } from '../Contexts/RetorikContext'\r\nimport QRCodeComponent from '../Utils/QRCodeComponent'\r\n\r\nconst OpenMeteoAttribution = (): JSX.Element => {\r\n  const isUsedOnBorne = useRetorikStore(\r\n    (state) => state.configuration.isUsedOnBorne\r\n  )\r\n  const [qrCodeData, setQrCodeData] = useState<string>()\r\n  const [showQrCode, setShowQrCode] = useState<boolean>(false)\r\n\r\n  const setQrCodeDataAsync = async (): Promise<void> => {\r\n    const qrCodeString = await QRCode.toDataURL('https://open-meteo.com/')\r\n    setQrCodeData(qrCodeString)\r\n  }\r\n\r\n  useEffect(() => {\r\n    isUsedOnBorne && setQrCodeDataAsync()\r\n  }, [isUsedOnBorne])\r\n\r\n  const handleClick = (): void => {\r\n    setShowQrCode((current) => !current)\r\n  }\r\n\r\n  return (\r\n    <div className='rf-w-full rf-py-2 rf-flex rf-justify-center'>\r\n      {isUsedOnBorne ? (\r\n        <React.Fragment>\r\n          <div\r\n            className='rf-relative rf-text-sm hover:rf-cursor-pointer'\r\n            onClick={handleClick}\r\n          >\r\n            Weather data by Open-Meteo.com\r\n            {showQrCode && qrCodeData ? (\r\n              <div className='rf-absolute rf-left-1/2 rf-top-0 -rf-translate-x-1/2 -rf-translate-y-full'>\r\n                <QRCodeComponent src={qrCodeData} />\r\n              </div>\r\n            ) : (\r\n              <React.Fragment />\r\n            )}\r\n          </div>\r\n        </React.Fragment>\r\n      ) : (\r\n        <a\r\n          href='https://open-meteo.com/'\r\n          target='_blank'\r\n          rel='noreferrer noopener'\r\n          className='rf-text-sm'\r\n        >\r\n          Weather data by open-meteo.com\r\n        </a>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default OpenMeteoAttribution\r\n"],"names":[],"version":3,"file":"Weather.661c2cac.js.map","sourceRoot":"../"}

package/dist/Weather.fb22fba3.js

@@ -0,0 +1,268 @@
+import {jsxs as $cCOLM$jsxs, jsx as $cCOLM$jsx} from "react/jsx-runtime";
+import $cCOLM$react, {useState as $cCOLM$useState, useEffect as $cCOLM$useEffect} from "react";
+import $cCOLM$daviairetorikweather from "@davi-ai/retorik-weather";
+import $cCOLM$qrcode from "qrcode";
+
+
+function $parcel$defineInteropFlag(a) {
+  Object.defineProperty(a, '__esModule', {value: true, configurable: true});
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+      var $parcel$global = globalThis;
+    var parcelRequire = $parcel$global["parcelRequirea39d"];
+var parcelRegister = parcelRequire.register;
+parcelRegister("2pbjN", function(module, exports) {
+
+$parcel$defineInteropFlag(module.exports);
+
+$parcel$export(module.exports, "default", () => $c2365f1c5aa7ab18$export$2e2bcd8739ae039);
+
+
+
+
+var $2fuDN = parcelRequire("2fuDN");
+
+var $j67YK = parcelRequire("j67YK");
+
+var $1x02c = parcelRequire("1x02c");
+
+var $1Qww3 = parcelRequire("1Qww3");
+
+var $aNpqK = parcelRequire("aNpqK");
+
+var $4ucVo = parcelRequire("4ucVo");
+
+var $gQ55S = parcelRequire("gQ55S");
+
+var $e2B0Y = parcelRequire("e2B0Y");
+
+var $fshO3 = parcelRequire("fshO3");
+
+var $9uOFS = parcelRequire("9uOFS");
+
+var $7suBk = parcelRequire("7suBk");
+const $c2365f1c5aa7ab18$var$Weather = ({ handleClose: handleClose })=>{
+    const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
+    const configuration = (0, $1x02c.useRetorikStore)((state)=>state.configuration);
+    const currentDeviceType = (0, $1Qww3.useViewStore)((state)=>state.currentDeviceType);
+    const isMobile = (0, $1Qww3.useViewStore)((state)=>state.isMobile);
+    const setCurrentSubView = (0, $j67YK.useUtilsStore)((state)=>state.actions.setCurrentSubView);
+    const sendEvent = (0, $aNpqK.useDirectlineStore)((state)=>state.actions.sendEvent);
+    /**
+   * On call :
+   *  - set RetorikContext's displayWeather state to false
+   */ const handleBack = ()=>{
+        sendEvent('Davi.CloseWindow', null);
+        sendEvent('Davi.CloseWindowWeather', null);
+        handleClose ? handleClose() : setCurrentSubView((0, $4ucVo.CurrentSubView).none);
+    };
+    return isMobile ? /*#__PURE__*/ (0, $cCOLM$jsxs)((0, $gQ55S.FullScreenMobile), {
+        depth: (0, $4ucVo.Depth).dropdown,
+        background: "#FFFFFF",
+        children: [
+            /*#__PURE__*/ (0, $cCOLM$jsx)((0, $e2B0Y.default), {
+                subView: (0, $4ucVo.AvailableViews).weather,
+                className: "rf-border-b rf-border-b-menuBorder",
+                handleBack: handleBack
+            }),
+            /*#__PURE__*/ (0, $cCOLM$jsx)((0, $cCOLM$daviairetorikweather), {
+                locale: locale,
+                deviceType: currentDeviceType,
+                position: {
+                    latitude: configuration.position?.latitude || 0,
+                    longitude: configuration.position?.longitude || 0
+                }
+            }),
+            /*#__PURE__*/ (0, $cCOLM$jsx)((0, $7suBk.default), {})
+        ]
+    }) : /*#__PURE__*/ (0, $cCOLM$jsxs)((0, $gQ55S.FullScreen), {
+        depth: (0, $4ucVo.Depth).dropdown,
+        background: "linear-gradient(to right bottom, #F2F8F8FC , #F2E1E2E8)",
+        onClick: handleBack,
+        children: [
+            /*#__PURE__*/ (0, $cCOLM$jsxs)("div", {
+                className: "rf-h-full rf-w-full rf-flex rf-flex-col rf-items-center",
+                children: [
+                    /*#__PURE__*/ (0, $cCOLM$jsx)((0, $fshO3.default), {
+                        subView: (0, $4ucVo.AvailableViews).weather
+                    }),
+                    /*#__PURE__*/ (0, $cCOLM$jsx)((0, $cCOLM$daviairetorikweather), {
+                        locale: locale,
+                        deviceType: currentDeviceType,
+                        position: {
+                            latitude: configuration.position?.latitude || 0,
+                            longitude: configuration.position?.longitude || 0
+                        }
+                    }),
+                    /*#__PURE__*/ (0, $cCOLM$jsx)((0, $7suBk.default), {})
+                ]
+            }),
+            /*#__PURE__*/ (0, $cCOLM$jsx)((0, $9uOFS.default), {
+                dashboardVisible: true,
+                onClick: handleBack
+            })
+        ]
+    });
+};
+var $c2365f1c5aa7ab18$export$2e2bcd8739ae039 = $c2365f1c5aa7ab18$var$Weather;
+
+});
+parcelRegister("e2B0Y", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $24f0b093ea089a6f$export$2e2bcd8739ae039);
+
+
+
+var $2fuDN = parcelRequire("2fuDN");
+
+var $28ved = parcelRequire("28ved");
+
+var $iaKFs = parcelRequire("iaKFs");
+const $24f0b093ea089a6f$var$MobileTopContainer = ({ subView: subView, className: className, handleBack: handleBack })=>{
+    const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
+    return /*#__PURE__*/ (0, $cCOLM$jsxs)((0, $cCOLM$react).Fragment, {
+        children: [
+            /*#__PURE__*/ (0, $cCOLM$jsx)((0, $28ved.BackButton), {
+                title: translation.common.back,
+                className: "rf-text-sm",
+                handleBack: handleBack
+            }),
+            subView && /*#__PURE__*/ (0, $cCOLM$jsx)((0, $iaKFs.default), {
+                subView: subView,
+                className: className
+            })
+        ]
+    });
+};
+var $24f0b093ea089a6f$export$2e2bcd8739ae039 = $24f0b093ea089a6f$var$MobileTopContainer;
+
+});
+parcelRegister("iaKFs", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $c34cf20fdff0eb66$export$2e2bcd8739ae039);
+
+
+
+var $4ucVo = parcelRequire("4ucVo");
+
+var $2fuDN = parcelRequire("2fuDN");
+
+var $41ZLl = parcelRequire("41ZLl");
+const $c34cf20fdff0eb66$var$iconClassname = 'rf-h-8 rf-w-8';
+const $c34cf20fdff0eb66$var$MobileIconAndTitle = ({ subView: subView, className: className })=>{
+    const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
+    return /*#__PURE__*/ (0, $cCOLM$jsxs)("div", {
+        className: `large:rf-hidden rf-py-2 rf-flex rf-flex-row rf-items-end ${className}`,
+        children: [
+            subView === (0, $4ucVo.AvailableViews).weather ? /*#__PURE__*/ (0, $cCOLM$jsx)($41ZLl.WeatherIcon, {
+                className: $c34cf20fdff0eb66$var$iconClassname
+            }) : subView === (0, $4ucVo.AvailableViews).emergency ? /*#__PURE__*/ (0, $cCOLM$jsx)($41ZLl.EmergencyIcon, {
+                className: $c34cf20fdff0eb66$var$iconClassname
+            }) : /*#__PURE__*/ (0, $cCOLM$jsx)((0, $cCOLM$react).Fragment, {}),
+            /*#__PURE__*/ (0, $cCOLM$jsx)("div", {
+                className: "rf-ml-2 rf-capitalize rf-subtitle-size-auto",
+                children: translation[subView]
+            })
+        ]
+    });
+};
+var $c34cf20fdff0eb66$export$2e2bcd8739ae039 = $c34cf20fdff0eb66$var$MobileIconAndTitle;
+
+});
+
+
+parcelRegister("fshO3", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $c0be9b86124f1061$export$2e2bcd8739ae039);
+
+
+
+var $4ucVo = parcelRequire("4ucVo");
+
+var $2fuDN = parcelRequire("2fuDN");
+
+var $41ZLl = parcelRequire("41ZLl");
+const $c0be9b86124f1061$var$iconClassname = 'rf-h-16 rf-w-16 large-vertical:rf-h-24 large-vertical:rf-w-24';
+const $c0be9b86124f1061$var$LargeIconAndTitle = ({ subView: subView, className: className })=>{
+    const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
+    return /*#__PURE__*/ (0, $cCOLM$jsxs)("div", {
+        className: `rf-hidden large:rf-flex rf-w-full rf-pt-4 large-vertical:rf-pt-8 rf-pl-4 large-vertical:rf-pl-0 rf-flex-row rf-justify-start large-vertical:rf-justify-center rf-items-center ${className}`,
+        children: [
+            subView === (0, $4ucVo.AvailableViews).weather ? /*#__PURE__*/ (0, $cCOLM$jsx)($41ZLl.WeatherIcon, {
+                className: $c0be9b86124f1061$var$iconClassname
+            }) : subView === (0, $4ucVo.AvailableViews).emergency ? /*#__PURE__*/ (0, $cCOLM$jsx)($41ZLl.EmergencyIcon, {
+                className: $c0be9b86124f1061$var$iconClassname
+            }) : /*#__PURE__*/ (0, $cCOLM$jsx)((0, $cCOLM$react).Fragment, {}),
+            /*#__PURE__*/ (0, $cCOLM$jsx)("div", {
+                className: "rf-ml-2 rf-uppercase rf-text-[#575F6B] rf-subtitle-size-auto",
+                children: translation[subView]
+            })
+        ]
+    });
+};
+var $c0be9b86124f1061$export$2e2bcd8739ae039 = $c0be9b86124f1061$var$LargeIconAndTitle;
+
+});
+
+parcelRegister("7suBk", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $954e5588fc9f219b$export$2e2bcd8739ae039);
+
+
+
+
+var $1x02c = parcelRequire("1x02c");
+
+var $3mANd = parcelRequire("3mANd");
+const $954e5588fc9f219b$var$OpenMeteoAttribution = ()=>{
+    const isUsedOnBorne = (0, $1x02c.useRetorikStore)((state)=>state.configuration.isUsedOnBorne);
+    const [qrCodeData, setQrCodeData] = (0, $cCOLM$useState)();
+    const [showQrCode, setShowQrCode] = (0, $cCOLM$useState)(false);
+    const setQrCodeDataAsync = async ()=>{
+        const qrCodeString = await (0, $cCOLM$qrcode).toDataURL('https://open-meteo.com/');
+        setQrCodeData(qrCodeString);
+    };
+    (0, $cCOLM$useEffect)(()=>{
+        isUsedOnBorne && setQrCodeDataAsync();
+    }, [
+        isUsedOnBorne
+    ]);
+    const handleClick = ()=>{
+        setShowQrCode((current)=>!current);
+    };
+    return /*#__PURE__*/ (0, $cCOLM$jsx)("div", {
+        className: "rf-w-full rf-py-2 rf-flex rf-justify-center",
+        children: isUsedOnBorne ? /*#__PURE__*/ (0, $cCOLM$jsx)((0, $cCOLM$react).Fragment, {
+            children: /*#__PURE__*/ (0, $cCOLM$jsxs)("div", {
+                className: "rf-relative rf-text-sm hover:rf-cursor-pointer",
+                onClick: handleClick,
+                children: [
+                    "Weather data by Open-Meteo.com",
+                    showQrCode && qrCodeData ? /*#__PURE__*/ (0, $cCOLM$jsx)("div", {
+                        className: "rf-absolute rf-left-1/2 rf-top-0 -rf-translate-x-1/2 -rf-translate-y-full",
+                        children: /*#__PURE__*/ (0, $cCOLM$jsx)((0, $3mANd.default), {
+                            src: qrCodeData
+                        })
+                    }) : /*#__PURE__*/ (0, $cCOLM$jsx)((0, $cCOLM$react).Fragment, {})
+                ]
+            })
+        }) : /*#__PURE__*/ (0, $cCOLM$jsx)("a", {
+            href: "https://open-meteo.com/",
+            target: "_blank",
+            rel: "noreferrer noopener",
+            className: "rf-text-sm",
+            children: "Weather data by open-meteo.com"
+        })
+    });
+};
+var $954e5588fc9f219b$export$2e2bcd8739ae039 = $954e5588fc9f219b$var$OpenMeteoAttribution;
+
+});
+
+
+
+//# sourceMappingURL=Weather.fb22fba3.js.map

package/dist/Weather.fb22fba3.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["src/components/Weather/Weather.tsx","src/components/Utils/SubView/MobileTopContainer.tsx","src/components/Utils/SubView/MobileIconAndTitle.tsx","src/components/Utils/SubView/LargeIconAndTitle.tsx","src/components/Weather/OpenMeteoAttribution.tsx"],"sourcesContent":["import React from 'react'\r\nimport WeatherContent from '@davi-ai/retorik-weather'\r\n\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\nimport { useUtilsStore } from '../Contexts/UtilsContext'\r\nimport { useRetorikStore } from '../Contexts/RetorikContext'\r\nimport { useViewStore } from '../Contexts/ViewContext'\r\nimport { useDirectlineStore } from '../Contexts/DirectlineContext'\r\n\r\nimport { AvailableViews, CurrentSubView, Depth } from '../../models/enums'\r\n\r\nimport { FullScreen, FullScreenMobile } from '../Templates'\r\nimport MobileTopContainer from '../Utils/SubView/MobileTopContainer'\r\nimport LargeIconAndTitle from '../Utils/SubView/LargeIconAndTitle'\r\nimport AbsoluteLargeClosingButton from '../Utils/SubView/AbsoluteLargeClosingButton'\r\nimport OpenMeteoAttribution from './OpenMeteoAttribution'\r\n\r\ninterface WeatherProps {\r\n  handleClose?: () => void\r\n}\r\n\r\nconst Weather = ({ handleClose }: WeatherProps): JSX.Element => {\r\n  const locale = useLocaleStore((state) => state.locale)\r\n  const configuration = useRetorikStore((state) => state.configuration)\r\n  const currentDeviceType = useViewStore((state) => state.currentDeviceType)\r\n  const isMobile = useViewStore((state) => state.isMobile)\r\n  const setCurrentSubView = useUtilsStore((state) => state.actions.setCurrentSubView)\r\n  const sendEvent = useDirectlineStore((state) => state.actions.sendEvent)\r\n\r\n  /**\r\n   * On call :\r\n   *  - set RetorikContext's displayWeather state to false\r\n   */\r\n  const handleBack = (): void => {\r\n    sendEvent('Davi.CloseWindow', null)\r\n    sendEvent('Davi.CloseWindowWeather', null)\r\n    handleClose ? handleClose() : setCurrentSubView(CurrentSubView.none)\r\n  }\r\n\r\n  return isMobile ? (\r\n    <FullScreenMobile depth={Depth.dropdown} background='#FFFFFF'>\r\n      {/* Top container : back button + weather icon + title */}\r\n      <MobileTopContainer subView={AvailableViews.weather} className='rf-border-b rf-border-b-menuBorder' handleBack={handleBack} />\r\n\r\n      {/* Weather data */}\r\n      <WeatherContent\r\n        locale={locale}\r\n        deviceType={currentDeviceType}\r\n        position={{\r\n          latitude: configuration.position?.latitude || 0,\r\n          longitude: configuration.position?.longitude || 0\r\n        }}\r\n      />\r\n\r\n      <OpenMeteoAttribution />\r\n    </FullScreenMobile>\r\n  ) : (\r\n    <FullScreen depth={Depth.dropdown} background='linear-gradient(to right bottom, #F2F8F8FC , #F2E1E2E8)' onClick={handleBack}>\r\n      <div className='rf-h-full rf-w-full rf-flex rf-flex-col rf-items-center'>\r\n        {/* Weather icon + text */}\r\n        <LargeIconAndTitle subView={AvailableViews.weather} />\r\n\r\n        {/* Weather data */}\r\n        <WeatherContent\r\n          locale={locale}\r\n          deviceType={currentDeviceType}\r\n          position={{\r\n            latitude: configuration.position?.latitude || 0,\r\n            longitude: configuration.position?.longitude || 0\r\n          }}\r\n        />\r\n\r\n        <OpenMeteoAttribution />\r\n      </div>\r\n\r\n      {/* Closing button */}\r\n      <AbsoluteLargeClosingButton dashboardVisible={true} onClick={handleBack} />\r\n    </FullScreen>\r\n  )\r\n}\r\n\r\nexport default Weather\r\n","import React from 'react'\r\nimport { useLocaleStore } from '../../Contexts/LocaleContext'\r\nimport { BackButton } from '../../Menu/Common'\r\nimport MobileIconAndTitle from './MobileIconAndTitle'\r\n\r\ninterface MobileTopContainerProps {\r\n  subView?: number\r\n  className?: string\r\n  handleBack: () => void\r\n}\r\n\r\nconst MobileTopContainer = ({\r\n  subView,\r\n  className,\r\n  handleBack\r\n}: MobileTopContainerProps): JSX.Element => {\r\n  const translation = useLocaleStore((state) => state.currentTranslations)\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <BackButton\r\n        title={translation.common.back}\r\n        className='rf-text-sm'\r\n        handleBack={handleBack}\r\n      />\r\n      {subView && (\r\n        <MobileIconAndTitle subView={subView} className={className} />\r\n      )}\r\n    </React.Fragment>\r\n  )\r\n}\r\n\r\nexport default MobileTopContainer\r\n","import React from 'react'\r\nimport { AvailableViews } from '../../../models/enums'\r\nimport { useLocaleStore } from '../../Contexts/LocaleContext'\r\nimport * as Icons from '../../Icons/ViewIcons'\r\n\r\ninterface MobileIconAndTitleProps {\r\n  subView: number\r\n  className?: string\r\n}\r\n\r\nconst iconClassname = 'rf-h-8 rf-w-8'\r\n\r\nconst MobileIconAndTitle = ({\r\n  subView,\r\n  className\r\n}: MobileIconAndTitleProps): JSX.Element => {\r\n  const translation = useLocaleStore((state) => state.currentTranslations)\r\n\r\n  return (\r\n    <div\r\n      className={`large:rf-hidden rf-py-2 rf-flex rf-flex-row rf-items-end ${className}`}\r\n    >\r\n      {/* Icon */}\r\n      {subView === AvailableViews.weather ? (\r\n        <Icons.WeatherIcon className={iconClassname} />\r\n      ) : subView === AvailableViews.emergency ? (\r\n        <Icons.EmergencyIcon className={iconClassname} />\r\n      ) : (\r\n        <React.Fragment />\r\n      )}\r\n      {/* Title */}\r\n      <div className='rf-ml-2 rf-capitalize rf-subtitle-size-auto'>\r\n        {translation[subView]}\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default MobileIconAndTitle\r\n","import React from 'react'\r\nimport { AvailableViews } from '../../../models/enums'\r\nimport { useLocaleStore } from '../../Contexts/LocaleContext'\r\nimport * as Icons from '../../Icons/ViewIcons'\r\n\r\ninterface LargeIconAndTitleProps {\r\n  subView: number\r\n  className?: string\r\n}\r\n\r\nconst iconClassname =\r\n  'rf-h-16 rf-w-16 large-vertical:rf-h-24 large-vertical:rf-w-24'\r\n\r\nconst LargeIconAndTitle = ({\r\n  subView,\r\n  className\r\n}: LargeIconAndTitleProps): JSX.Element => {\r\n  const translation = useLocaleStore((state) => state.currentTranslations)\r\n\r\n  return (\r\n    <div\r\n      className={`rf-hidden large:rf-flex rf-w-full rf-pt-4 large-vertical:rf-pt-8 rf-pl-4 large-vertical:rf-pl-0 rf-flex-row rf-justify-start large-vertical:rf-justify-center rf-items-center ${className}`}\r\n    >\r\n      {/* Icon */}\r\n      {subView === AvailableViews.weather ? (\r\n        <Icons.WeatherIcon className={iconClassname} />\r\n      ) : subView === AvailableViews.emergency ? (\r\n        <Icons.EmergencyIcon className={iconClassname} />\r\n      ) : (\r\n        <React.Fragment />\r\n      )}\r\n      {/* Title */}\r\n      <div className='rf-ml-2 rf-uppercase rf-text-[#575F6B] rf-subtitle-size-auto'>\r\n        {translation[subView]}\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default LargeIconAndTitle\r\n","import React, { useEffect, useState } from 'react'\r\nimport QRCode from 'qrcode'\r\nimport { useRetorikStore } from '../Contexts/RetorikContext'\r\nimport QRCodeComponent from '../Utils/QRCodeComponent'\r\n\r\nconst OpenMeteoAttribution = (): JSX.Element => {\r\n  const isUsedOnBorne = useRetorikStore(\r\n    (state) => state.configuration.isUsedOnBorne\r\n  )\r\n  const [qrCodeData, setQrCodeData] = useState<string>()\r\n  const [showQrCode, setShowQrCode] = useState<boolean>(false)\r\n\r\n  const setQrCodeDataAsync = async (): Promise<void> => {\r\n    const qrCodeString = await QRCode.toDataURL('https://open-meteo.com/')\r\n    setQrCodeData(qrCodeString)\r\n  }\r\n\r\n  useEffect(() => {\r\n    isUsedOnBorne && setQrCodeDataAsync()\r\n  }, [isUsedOnBorne])\r\n\r\n  const handleClick = (): void => {\r\n    setShowQrCode((current) => !current)\r\n  }\r\n\r\n  return (\r\n    <div className='rf-w-full rf-py-2 rf-flex rf-justify-center'>\r\n      {isUsedOnBorne ? (\r\n        <React.Fragment>\r\n          <div\r\n            className='rf-relative rf-text-sm hover:rf-cursor-pointer'\r\n            onClick={handleClick}\r\n          >\r\n            Weather data by Open-Meteo.com\r\n            {showQrCode && qrCodeData ? (\r\n              <div className='rf-absolute rf-left-1/2 rf-top-0 -rf-translate-x-1/2 -rf-translate-y-full'>\r\n                <QRCodeComponent src={qrCodeData} />\r\n              </div>\r\n            ) : (\r\n              <React.Fragment />\r\n            )}\r\n          </div>\r\n        </React.Fragment>\r\n      ) : (\r\n        <a\r\n          href='https://open-meteo.com/'\r\n          target='_blank'\r\n          rel='noreferrer noopener'\r\n          className='rf-text-sm'\r\n        >\r\n          Weather data by open-meteo.com\r\n        </a>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default OpenMeteoAttribution\r\n"],"names":[],"version":3,"file":"Weather.fb22fba3.js.map"}