@davi-ai/retorik-framework 4.0.3 → 5.0.0

package/dist/{Weather.ced9b467.js → Weather.b9d9f82e.js}

@@ -32,23 +32,22 @@ var $4ucVo = parcelRequire("4ucVo");
 
 var $aMohu = parcelRequire("aMohu");
 
-var $fshO3 = parcelRequire("fshO3");
-
 var $9uOFS = parcelRequire("9uOFS");
 
 var $7suBk = parcelRequire("7suBk");
 
-var $iaKFs = parcelRequire("iaKFs");
+var $41ZLl = parcelRequire("41ZLl");
 const $c2365f1c5aa7ab18$var$Weather = ({ handleClose: handleClose })=>{
     const dispatch = (0, $cCOLM$useDispatch)();
     const locale = (0, $cCOLM$useSelector)((state)=>state.localeReducer.locale);
+    const translation = (0, $cCOLM$useSelector)((state)=>state.localeReducer.currentTranslations);
     const configuration = (0, $cCOLM$useSelector)((state)=>state.retorikReducer.configuration);
     const currentDeviceType = (0, $cCOLM$useSelector)((state)=>state.viewReducer.currentDeviceType);
     const isMobile = (0, $cCOLM$useSelector)((state)=>state.viewReducer.isMobile);
     (0, $cCOLM$useLayoutEffect)(()=>{
         if (!configuration.position?.latitude || !configuration.position?.longitude) {
             dispatch((0, $8ItUL.storeActions).retorik.setShowPositionModal(true));
-            dispatch((0, $8ItUL.storeActions).utils.setCurrentSubView((0, $4ucVo.CurrentSubView).none));
+            dispatch((0, $8ItUL.storeActions).utils.setCurrentSubView((0, $8ItUL.CurrentSubView).none));
         }
     }, [
         configuration.position
@@ -63,7 +62,13 @@ const $c2365f1c5aa7ab18$var$Weather = ({ handleClose: handleClose })=>{
                     name: 'Davi.CloseWindowWeather'
                 }))
         }));
-        handleClose ? handleClose() : dispatch((0, $8ItUL.storeActions).utils.setCurrentSubView((0, $4ucVo.CurrentSubView).none));
+        dispatch((0, $8ItUL.storeActions).livekit.sendEvent({
+            name: 'Davi.CloseWindow',
+            callback: ()=>dispatch((0, $8ItUL.storeActions).livekit.sendEvent({
+                    name: 'Davi.CloseWindowWeather'
+                }))
+        }));
+        handleClose ? handleClose() : dispatch((0, $8ItUL.storeActions).utils.setCurrentSubView((0, $8ItUL.CurrentSubView).none));
     };
     return /*#__PURE__*/ (0, $cCOLM$jsxs)((0, $aMohu.default), {
         target: (0, $4ucVo.TemplateTarget).weather,
@@ -72,11 +77,17 @@ const $c2365f1c5aa7ab18$var$Weather = ({ handleClose: handleClose })=>{
             /*#__PURE__*/ (0, $cCOLM$jsxs)("div", {
                 className: `rf-h-full rf-w-full rf-flex rf-flex-col ${isMobile ? 'rf-px-4' : 'rf-items-center'}`,
                 children: [
-                    isMobile ? /*#__PURE__*/ (0, $cCOLM$jsx)((0, $iaKFs.default), {
-                        subView: (0, $4ucVo.AvailableViews).weather,
-                        className: "rf-border-b rf-border-b-menuBorder"
-                    }) : /*#__PURE__*/ (0, $cCOLM$jsx)((0, $fshO3.default), {
-                        subView: (0, $4ucVo.AvailableViews).weather
+                    /*#__PURE__*/ (0, $cCOLM$jsxs)("div", {
+                        className: `rf-flex rf-flex-row rf-w-full large:rf-pt-4 large:rf-pl-4 large-vertical:rf-pt-8 large-vertical:rf-pl-0 rf-justify-start large-vertical:rf-justify-center rf-items-end large:rf-items-center ${isMobile ? 'rf-py-2 rf-border-b rf-border-b-menuBorder' : ''}`,
+                        children: [
+                            /*#__PURE__*/ (0, $cCOLM$jsx)((0, $41ZLl.WeatherIcon), {
+                                className: "rf-h-8 rf-w-8 large:rf-h-16 large:rf-w-16 large-vertical:rf-h-24 large-vertical:rf-w-24"
+                            }),
+                            /*#__PURE__*/ (0, $cCOLM$jsx)("div", {
+                                className: "rf-ml-2 rf-capitalize large:rf-uppercase large:rf-text-[#575F6B] rf-subtitle-size-auto",
+                                children: translation.weather.shorttitle
+                            })
+                        ]
                     }),
                     /*#__PURE__*/ (0, $cCOLM$jsx)((0, $cCOLM$daviairetorikweather), {
                         locale: locale,
@@ -99,38 +110,6 @@ const $c2365f1c5aa7ab18$var$Weather = ({ handleClose: handleClose })=>{
 var $c2365f1c5aa7ab18$export$2e2bcd8739ae039 = $c2365f1c5aa7ab18$var$Weather;
 
 });
-parcelRegister("fshO3", function(module, exports) {
-
-$parcel$export(module.exports, "default", () => $c0be9b86124f1061$export$2e2bcd8739ae039);
-
-
-
-
-var $4ucVo = parcelRequire("4ucVo");
-
-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, $cCOLM$useSelector)((state)=>state.localeReducer.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);
@@ -142,6 +121,7 @@ $parcel$export(module.exports, "default", () => $954e5588fc9f219b$export$2e2bcd8
 var $3mANd = parcelRequire("3mANd");
 const $954e5588fc9f219b$var$OpenMeteoAttribution = ()=>{
     const isUsedOnBorne = (0, $cCOLM$useSelector)((state)=>state.retorikReducer.configuration.isUsedOnBorne);
+    const translation = (0, $cCOLM$useSelector)((state)=>state.localeReducer.currentTranslations);
     const [qrCodeData, setQrCodeData] = (0, $cCOLM$useState)();
     const [showQrCode, setShowQrCode] = (0, $cCOLM$useState)(false);
     const setQrCodeDataAsync = async ()=>{
@@ -163,7 +143,7 @@ const $954e5588fc9f219b$var$OpenMeteoAttribution = ()=>{
                 className: "rf-relative rf-text-sm hover:rf-cursor-pointer",
                 onClick: handleClick,
                 children: [
-                    "Weather data by Open-Meteo.com",
+                    translation.weather.attribution,
                     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), {
@@ -177,7 +157,7 @@ const $954e5588fc9f219b$var$OpenMeteoAttribution = ()=>{
             target: "_blank",
             rel: "noreferrer noopener",
             className: "rf-text-sm",
-            children: "Weather data by open-meteo.com"
+            children: translation.weather.attribution
         })
     });
 };
@@ -185,38 +165,6 @@ var $954e5588fc9f219b$export$2e2bcd8739ae039 = $954e5588fc9f219b$var$OpenMeteoAt
 
 });
 
-parcelRegister("iaKFs", function(module, exports) {
-
-$parcel$export(module.exports, "default", () => $c34cf20fdff0eb66$export$2e2bcd8739ae039);
-
-
-
-
-var $4ucVo = parcelRequire("4ucVo");
-
-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, $cCOLM$useSelector)((state)=>state.localeReducer.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;
-
-});
-
 
 
-//# sourceMappingURL=Weather.ced9b467.js.map
+//# sourceMappingURL=Weather.b9d9f82e.js.map

package/dist/Weather.b9d9f82e.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["src/components/Weather/Weather.tsx","src/components/Weather/OpenMeteoAttribution.tsx"],"sourcesContent":["import React, { useLayoutEffect } from 'react'\r\nimport WeatherContent from '@davi-ai/retorik-weather'\r\nimport { useSelector, useDispatch } from 'react-redux'\r\nimport { RootState, storeActions, CurrentSubView } from '../../store'\r\n\r\nimport { TemplateTarget } from '../../models/enums'\r\n\r\nimport TemplateGlobal from '../Templates/TemplateGlobal'\r\nimport AbsoluteLargeClosingButton from '../Utils/SubView/AbsoluteLargeClosingButton'\r\nimport OpenMeteoAttribution from './OpenMeteoAttribution'\r\nimport { WeatherIcon } from '../Icons/ViewIcons'\r\n\r\ninterface WeatherProps {\r\n  handleClose?: () => void\r\n}\r\n\r\nconst Weather = ({ handleClose }: WeatherProps): React.JSX.Element => {\r\n  const dispatch = useDispatch()\r\n  const locale = useSelector((state: RootState) => state.localeReducer.locale)\r\n  const translation = useSelector((state: RootState) => state.localeReducer.currentTranslations)\r\n  const configuration = useSelector((state: RootState) => state.retorikReducer.configuration)\r\n  const currentDeviceType = useSelector((state: RootState) => state.viewReducer.currentDeviceType)\r\n  const isMobile = useSelector((state: RootState) => state.viewReducer.isMobile)\r\n\r\n  useLayoutEffect(() => {\r\n    if (!configuration.position?.latitude || !configuration.position?.longitude) {\r\n      dispatch(storeActions.retorik.setShowPositionModal(true))\r\n      dispatch(storeActions.utils.setCurrentSubView(CurrentSubView.none))\r\n    }\r\n  }, [configuration.position])\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    dispatch(storeActions.directline.sendEvent({ name: 'Davi.CloseWindow', callback: () => dispatch(storeActions.directline.sendEvent({ name: 'Davi.CloseWindowWeather' })) }))\r\n    dispatch(storeActions.livekit.sendEvent({ name: 'Davi.CloseWindow', callback: () => dispatch(storeActions.livekit.sendEvent({ name: 'Davi.CloseWindowWeather' })) }))\r\n    handleClose ? handleClose() : dispatch(storeActions.utils.setCurrentSubView(CurrentSubView.none))\r\n  }\r\n\r\n  return (\r\n    <TemplateGlobal target={TemplateTarget.weather} onClick={handleBack}>\r\n      <div className={`rf-h-full rf-w-full rf-flex rf-flex-col ${isMobile ? 'rf-px-4' : 'rf-items-center'}`}>\r\n        {/* Weather icon + title */}\r\n        <div\r\n          className={`rf-flex rf-flex-row rf-w-full large:rf-pt-4 large:rf-pl-4 large-vertical:rf-pt-8 large-vertical:rf-pl-0 rf-justify-start large-vertical:rf-justify-center rf-items-end large:rf-items-center ${isMobile ? 'rf-py-2 rf-border-b rf-border-b-menuBorder' : ''}`}\r\n        >\r\n          {/* Icon */}\r\n          <WeatherIcon className='rf-h-8 rf-w-8 large:rf-h-16 large:rf-w-16 large-vertical:rf-h-24 large-vertical:rf-w-24' />\r\n          {/* Title */}\r\n          <div className='rf-ml-2 rf-capitalize large:rf-uppercase large:rf-text-[#575F6B] rf-subtitle-size-auto'>{translation.weather.shorttitle}</div>\r\n        </div>\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      {!isMobile && <AbsoluteLargeClosingButton dashboardVisible={true} onClick={handleBack} />}\r\n    </TemplateGlobal>\r\n  )\r\n}\r\n\r\nexport default Weather\r\n","import React, { useEffect, useState } from 'react'\r\nimport QRCode from 'qrcode'\r\nimport { useSelector } from 'react-redux'\r\nimport { RootState } from '../../store'\r\nimport QRCodeComponent from '../Utils/QRCodeComponent'\r\n\r\nconst OpenMeteoAttribution = (): React.JSX.Element => {\r\n  const isUsedOnBorne = useSelector((state: RootState) => state.retorikReducer.configuration.isUsedOnBorne)\r\n  const translation = useSelector((state: RootState) => state.localeReducer.currentTranslations)\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 className='rf-relative rf-text-sm hover:rf-cursor-pointer' onClick={handleClick}>\r\n            {translation.weather.attribution}\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 href='https://open-meteo.com/' target='_blank' rel='noreferrer noopener' className='rf-text-sm'>\r\n          {translation.weather.attribution}\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.b9d9f82e.js.map"}