@davi-ai/retorik-framework 3.2.0 → 3.2.2

package/dist/Emergency.423214ad.js

@@ -0,0 +1,301 @@
+var $i8q1J$reactjsxruntime = require("react/jsx-runtime");
+var $i8q1J$react = require("react");
+
+
+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("5Osom", function(module, exports) {
+
+$parcel$defineInteropFlag(module.exports);
+
+$parcel$export(module.exports, "default", () => $e56ded4540f43ec0$export$2e2bcd8739ae039);
+
+
+
+var $7eio0 = parcelRequire("7eio0");
+
+var $kUiCn = parcelRequire("kUiCn");
+
+var $6QoTL = parcelRequire("6QoTL");
+
+var $7WHA7 = parcelRequire("7WHA7");
+
+var $a3uH3 = parcelRequire("a3uH3");
+
+var $lONbp = parcelRequire("lONbp");
+
+var $htSId = parcelRequire("htSId");
+const $e56ded4540f43ec0$var$Emergency = ({ handleClose: handleClose })=>{
+    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);
+    const handleBack = ()=>{
+        handleClose ? handleClose() : setCurrentSubView((0, $7WHA7.CurrentSubView).none);
+        sendEvent('Davi.CloseWindow', null);
+        sendEvent('Davi.CloseWindowEmergency', null);
+    };
+    return isMobile ? /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsx)((0, $a3uH3.SubMenuClosing), {
+        handleClose: handleBack,
+        backIsConversation: false,
+        className: "rf-height-fill-available -rf-mb-4",
+        children: /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsx)((0, $htSId.EmergencyContent), {})
+    }) : /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsxs)((0, $a3uH3.FullScreen), {
+        depth: (0, $7WHA7.Depth).dropdown,
+        background: "linear-gradient(to right bottom, #F2F8F8FC , #F2E1E2E8)",
+        onClick: handleBack,
+        children: [
+            /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsx)("div", {
+                className: "rf-h-full rf-w-full rf-flex rf-flex-col rf-items-center rf-justify-center rf-gap-12",
+                children: /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsx)((0, $htSId.EmergencyContent), {})
+            }),
+            /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsx)((0, $lONbp.default), {
+                dashboardVisible: true,
+                onClick: handleBack
+            })
+        ]
+    });
+};
+var $e56ded4540f43ec0$export$2e2bcd8739ae039 = $e56ded4540f43ec0$var$Emergency;
+
+});
+parcelRegister("htSId", function(module, exports) {
+
+$parcel$export(module.exports, "EmergencyContent", () => $2b55f3947c65e277$export$6478e9f7582bd8fc);
+
+
+
+var $6EkQS = parcelRequire("6EkQS");
+
+var $kUiCn = parcelRequire("kUiCn");
+
+var $6Q0mk = parcelRequire("6Q0mk");
+
+var $iSQHl = parcelRequire("iSQHl");
+
+var $6GlMG = parcelRequire("6GlMG");
+
+var $7WHA7 = parcelRequire("7WHA7");
+
+var $gC77G = parcelRequire("gC77G");
+
+var $1XMvi = parcelRequire("1XMvi");
+const $2b55f3947c65e277$var$subView = (0, $7WHA7.AvailableViews).emergency;
+const $2b55f3947c65e277$export$6478e9f7582bd8fc = ()=>{
+    const baseAddress = (0, $6EkQS.useRetorikStore)((state)=>state.baseAddress);
+    const translation = (0, $6Q0mk.useLocaleStore)((state)=>state.currentTranslations);
+    const isMobile = (0, $kUiCn.useViewStore)((state)=>state.isMobile);
+    const isWidget = (0, $kUiCn.useViewStore)((state)=>state.isWidget);
+    const [municipalPoliceNumber, setMunicipalPoliceNumber] = (0, $i8q1J$react.useState)('');
+    const [localHospitalName, setLocalHospitalName] = (0, $i8q1J$react.useState)('');
+    const [localHospitalNumber, setLocalHospitalNumber] = (0, $i8q1J$react.useState)('');
+    const [poisonControlNumber, setPoisonControlNumber] = (0, $i8q1J$react.useState)('');
+    const [loading, setLoading] = (0, $i8q1J$react.useState)(true);
+    const divRef = (0, $i8q1J$react.useRef)(null);
+    (0, $i8q1J$react.useEffect)(()=>{
+        if (divRef === null || divRef === void 0 ? void 0 : divRef.current) isWidget && (0, $1XMvi.default)(null, divRef);
+    }, [
+        divRef === null || divRef === void 0 ? void 0 : divRef.current
+    ]);
+    (0, $i8q1J$react.useEffect)(()=>{
+        const getData = async ()=>{
+            const data = await (0, $iSQHl.fetchEmergencyData)(baseAddress);
+            if (data) {
+                setMunicipalPoliceNumber(data.municipalPoliceNumber);
+                setLocalHospitalName(data.localHospitalName);
+                setLocalHospitalNumber(data.localHospitalNumber);
+                setPoisonControlNumber(data.poisonControlNumber);
+            }
+            setLoading(false);
+        };
+        getData();
+    }, [
+        baseAddress
+    ]);
+    return /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsxs)((0, $i8q1J$reactjsxruntime.Fragment), {
+        children: [
+            /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsxs)("div", {
+                className: `rf-flex rf-flex-col rf-items-center ${isMobile ? 'rf-justify-center rf-gap-2' : 'rf-justify-end rf-flex-[2_1_0%] rf-gap-9'}`,
+                children: [
+                    /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsx)($6GlMG.EmergencyIcon, {
+                        className: "rf-h-9 rf-w-9 large:rf-h-16 large:rf-w-16"
+                    }),
+                    /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsx)("h3", {
+                        className: "rf-text-verylarge-size-auto rf-font-bold rf-capitalize-first rf-text-center",
+                        children: translation.emergency[$2b55f3947c65e277$var$subView]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsx)("div", {
+                ref: divRef,
+                className: "rf-w-full rf-flex rf-flex-col rf-items-center rf-flex-[4_1_0%] rf-justify-evenly rf-h-full rf-pt-2 rf-overflow-y-scroll rf-scrollbar-hidden",
+                style: {
+                    background: isMobile ? 'transparent' : 'transparent linear-gradient(291deg, #F2F3F6 0%, #E5E6EC 100%) 0% 0% no-repeat padding-box',
+                    boxShadow: isMobile ? '' : '#ffff -3px -3px 16px, rgb(0 0 0 / 25%) 0px 2px 10px 0px'
+                },
+                children: loading ? /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsx)((0, $i8q1J$reactjsxruntime.Fragment), {
+                    children: /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsx)("div", {
+                        className: "rf-w-6 rf-h-6 rf-mb-16",
+                        children: /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsx)((0, $gC77G.default), {
+                            color: "gray",
+                            loaderColor: "#1999b1",
+                            backgroundColor: "transparent"
+                        })
+                    })
+                }) : /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsxs)((0, $i8q1J$reactjsxruntime.Fragment), {
+                    children: [
+                        /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsxs)("div", {
+                            className: `rf-w-full rf-grid ${isMobile ? 'rf-grid-cols-2 rf-gap-8 rf-mt-10 rf-mb-8' : 'rf-grid-cols-4 rf-divide-x'} `,
+                            style: {
+                                padding: isMobile ? '' : '0 10%'
+                            },
+                            children: [
+                                /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsxs)("div", {
+                                    className: "rf-flex rf-flex-col rf-items-center rf-gap-2",
+                                    children: [
+                                        /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsx)("p", {
+                                            className: "rf-text-xl rf-font-bold rf-uppercase",
+                                            children: translation.emergency.samu
+                                        }),
+                                        /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsx)("p", {
+                                            className: "rf-text-5xl large:rf-text-6xl rf-font-bold",
+                                            children: "15"
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsxs)("div", {
+                                    className: `rf-flex rf-flex-col rf-items-center ${isMobile ? '' : 'rf-border-l rf-border-[#C7C6C6]'} rf-gap-2`,
+                                    children: [
+                                        /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsx)("p", {
+                                            className: "rf-text-xl rf-font-bold rf-uppercase",
+                                            children: translation.emergency.police
+                                        }),
+                                        /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsx)("p", {
+                                            className: "rf-text-5xl large:rf-text-6xl rf-font-bold",
+                                            children: "17"
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsxs)("div", {
+                                    className: `rf-flex rf-flex-col rf-items-center ${isMobile ? '' : 'rf-border-l rf-border-[#C7C6C6]'} rf-gap-2`,
+                                    children: [
+                                        /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsx)("p", {
+                                            className: "rf-text-xl rf-font-bold rf-uppercase",
+                                            children: translation.emergency.firefighter
+                                        }),
+                                        /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsx)("p", {
+                                            className: "rf-text-5xl large:rf-text-6xl rf-font-bold",
+                                            children: "18"
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsxs)("div", {
+                                    className: `rf-flex rf-flex-col rf-items-center ${isMobile ? '' : 'rf-border-l rf-border-[#C7C6C6]'} rf-gap-2`,
+                                    children: [
+                                        /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsx)("p", {
+                                            className: "rf-text-xl rf-font-bold rf-uppercase",
+                                            children: translation.emergency.general
+                                        }),
+                                        /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsx)("p", {
+                                            className: "rf-text-5xl large:rf-text-6xl rf-font-bold",
+                                            children: "112"
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsxs)("div", {
+                            className: `rf-flex rf-items-start ${isMobile ? 'rf-flex-col' : 'rf-gap-12'} `,
+                            children: [
+                                /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsxs)("div", {
+                                    children: [
+                                        (municipalPoliceNumber === null || municipalPoliceNumber === void 0 ? void 0 : municipalPoliceNumber.length) && /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsxs)("p", {
+                                            className: "rf-text-xl rf-py-2",
+                                            children: [
+                                                `${translation.emergency.citypolice} : `,
+                                                /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsx)("span", {
+                                                    className: "rf-font-bold",
+                                                    children: municipalPoliceNumber
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsxs)("p", {
+                                            className: "rf-text-xl rf-py-2",
+                                            children: [
+                                                `${translation.emergency.homeless} : `,
+                                                /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsx)("span", {
+                                                    className: "rf-font-bold",
+                                                    children: "115"
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsxs)("p", {
+                                            className: "rf-text-xl rf-py-2",
+                                            children: [
+                                                `${translation.emergency.emergency} : `,
+                                                /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsx)("span", {
+                                                    className: "rf-font-bold",
+                                                    children: "118"
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsxs)("div", {
+                                    children: [
+                                        (localHospitalName === null || localHospitalName === void 0 ? void 0 : localHospitalName.length) && /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsxs)("p", {
+                                            className: "rf-text-xl rf-py-2",
+                                            children: [
+                                                `${translation.emergency.hospital} ${localHospitalName} : `,
+                                                /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsx)("span", {
+                                                    className: "rf-font-bold",
+                                                    children: localHospitalNumber
+                                                })
+                                            ]
+                                        }),
+                                        (poisonControlNumber === null || poisonControlNumber === void 0 ? void 0 : poisonControlNumber.length) && /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsxs)("p", {
+                                            className: "rf-text-xl rf-py-2",
+                                            children: [
+                                                `${translation.emergency.poison} : `,
+                                                /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsx)("span", {
+                                                    className: "rf-font-bold",
+                                                    children: poisonControlNumber
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    ]
+                })
+            }),
+            !isMobile && /*#__PURE__*/ (0, $i8q1J$reactjsxruntime.jsx)("div", {
+                className: "rf-flex-1"
+            })
+        ]
+    });
+};
+
+});
+
+
+
+//# sourceMappingURL=Emergency.423214ad.js.map

package/dist/Emergency.423214ad.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["src/components/Emergency/Emergency.tsx","src/components/Emergency/EmergencyContent.tsx"],"sourcesContent":["import React from 'react'\r\nimport { useUtilsStore } from '../Contexts/UtilsContext'\r\nimport { useViewStore } from '../Contexts/ViewContext'\r\nimport { useDirectlineStore } from '../Contexts/DirectlineContext'\r\nimport { CurrentSubView, Depth } from '../../models/enums'\r\nimport { FullScreen, SubMenuClosing } from '../Templates'\r\nimport AbsoluteLargeClosingButton from '../Utils/SubView/AbsoluteLargeClosingButton'\r\nimport { EmergencyContent } from './EmergencyContent'\r\n\r\ninterface EmergencyProps {\r\n  handleClose?: () => void\r\n}\r\n\r\nconst Emergency = ({ handleClose }: EmergencyProps): JSX.Element => {\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  const handleBack = (): void => {\r\n    handleClose ? handleClose() : setCurrentSubView(CurrentSubView.none)\r\n    sendEvent('Davi.CloseWindow', null)\r\n    sendEvent('Davi.CloseWindowEmergency', null)\r\n  }\r\n\r\n  return isMobile ? (\r\n    <SubMenuClosing handleClose={handleBack} backIsConversation={false} className='rf-height-fill-available -rf-mb-4'>\r\n      {/* Emergency data */}\r\n      <EmergencyContent />\r\n    </SubMenuClosing>\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 rf-justify-center rf-gap-12'>\r\n        {/* Emergency data */}\r\n        <EmergencyContent />\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 Emergency\r\n","import React, { useEffect, useRef, useState } from 'react'\r\nimport { useRetorikStore } from '../Contexts/RetorikContext'\r\nimport { useViewStore } from '../Contexts/ViewContext'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\nimport { fetchEmergencyData } from '../../utils/fetchEmergencyData'\r\nimport { EmergencyTypes } from '../../models/emergencyTypes'\r\nimport * as Icons from '../Icons/ViewIcons'\r\nimport { AvailableViews } from '../../models/enums'\r\nimport Animation2 from '../Loader/Animation2'\r\nimport preventEvents from '../../utils/preventEvents'\r\n\r\nconst subView = AvailableViews.emergency\r\n\r\nconst EmergencyContent = (): JSX.Element => {\r\n  const baseAddress = useRetorikStore((state) => state.baseAddress)\r\n  const translation = useLocaleStore((state) => state.currentTranslations)\r\n  const isMobile = useViewStore((state) => state.isMobile)\r\n  const isWidget = useViewStore((state) => state.isWidget)\r\n\r\n  const [municipalPoliceNumber, setMunicipalPoliceNumber] = useState<string>('')\r\n  const [localHospitalName, setLocalHospitalName] = useState<string>('')\r\n  const [localHospitalNumber, setLocalHospitalNumber] = useState<string>('')\r\n  const [poisonControlNumber, setPoisonControlNumber] = useState<string>('')\r\n  const [loading, setLoading] = useState<boolean>(true)\r\n  const divRef = useRef<HTMLDivElement>(null)\r\n\r\n  useEffect(() => {\r\n    if (divRef?.current) {\r\n      isWidget && preventEvents(null, divRef)\r\n    }\r\n  }, [divRef?.current])\r\n\r\n  useEffect(() => {\r\n    const getData = async (): Promise<void> => {\r\n      const data: EmergencyTypes = await fetchEmergencyData(baseAddress)\r\n      if (data) {\r\n        setMunicipalPoliceNumber(data.municipalPoliceNumber)\r\n        setLocalHospitalName(data.localHospitalName)\r\n        setLocalHospitalNumber(data.localHospitalNumber)\r\n        setPoisonControlNumber(data.poisonControlNumber)\r\n      }\r\n      setLoading(false)\r\n    }\r\n    getData()\r\n  }, [baseAddress])\r\n\r\n  return (\r\n    <>\r\n      <div\r\n        className={`rf-flex rf-flex-col rf-items-center ${\r\n          isMobile\r\n            ? 'rf-justify-center rf-gap-2'\r\n            : 'rf-justify-end rf-flex-[2_1_0%] rf-gap-9'\r\n        }`}\r\n      >\r\n        <Icons.EmergencyIcon className='rf-h-9 rf-w-9 large:rf-h-16 large:rf-w-16' />\r\n        <h3 className='rf-text-verylarge-size-auto rf-font-bold rf-capitalize-first rf-text-center'>\r\n          {translation.emergency[subView]}\r\n        </h3>\r\n      </div>\r\n      <div\r\n        ref={divRef}\r\n        className='rf-w-full rf-flex rf-flex-col rf-items-center rf-flex-[4_1_0%] rf-justify-evenly rf-h-full rf-pt-2 rf-overflow-y-scroll rf-scrollbar-hidden'\r\n        style={{\r\n          background: isMobile\r\n            ? 'transparent'\r\n            : 'transparent linear-gradient(291deg, #F2F3F6 0%, #E5E6EC 100%) 0% 0% no-repeat padding-box',\r\n          boxShadow: isMobile\r\n            ? ''\r\n            : '#ffff -3px -3px 16px, rgb(0 0 0 / 25%) 0px 2px 10px 0px'\r\n        }}\r\n      >\r\n        {loading ? (\r\n          <>\r\n            <div className='rf-w-6 rf-h-6 rf-mb-16'>\r\n              <Animation2\r\n                color='gray'\r\n                loaderColor='#1999b1'\r\n                backgroundColor='transparent'\r\n              />\r\n            </div>\r\n          </>\r\n        ) : (\r\n          <>\r\n            <div\r\n              className={`rf-w-full rf-grid ${\r\n                isMobile\r\n                  ? 'rf-grid-cols-2 rf-gap-8 rf-mt-10 rf-mb-8'\r\n                  : 'rf-grid-cols-4 rf-divide-x'\r\n              } `}\r\n              style={{ padding: isMobile ? '' : '0 10%' }}\r\n            >\r\n              <div className='rf-flex rf-flex-col rf-items-center rf-gap-2'>\r\n                <p className='rf-text-xl rf-font-bold rf-uppercase'>\r\n                  {translation.emergency.samu}\r\n                </p>\r\n                <p className='rf-text-5xl large:rf-text-6xl rf-font-bold'>15</p>\r\n              </div>\r\n              <div\r\n                className={`rf-flex rf-flex-col rf-items-center ${\r\n                  isMobile ? '' : 'rf-border-l rf-border-[#C7C6C6]'\r\n                } rf-gap-2`}\r\n              >\r\n                <p className='rf-text-xl rf-font-bold rf-uppercase'>\r\n                  {translation.emergency.police}\r\n                </p>\r\n                <p className='rf-text-5xl large:rf-text-6xl rf-font-bold'>17</p>\r\n              </div>\r\n              <div\r\n                className={`rf-flex rf-flex-col rf-items-center ${\r\n                  isMobile ? '' : 'rf-border-l rf-border-[#C7C6C6]'\r\n                } rf-gap-2`}\r\n              >\r\n                <p className='rf-text-xl rf-font-bold rf-uppercase'>\r\n                  {translation.emergency.firefighter}\r\n                </p>\r\n                <p className='rf-text-5xl large:rf-text-6xl rf-font-bold'>18</p>\r\n              </div>\r\n              <div\r\n                className={`rf-flex rf-flex-col rf-items-center ${\r\n                  isMobile ? '' : 'rf-border-l rf-border-[#C7C6C6]'\r\n                } rf-gap-2`}\r\n              >\r\n                <p className='rf-text-xl rf-font-bold rf-uppercase'>\r\n                  {translation.emergency.general}\r\n                </p>\r\n                <p className='rf-text-5xl large:rf-text-6xl rf-font-bold'>\r\n                  112\r\n                </p>\r\n              </div>\r\n            </div>\r\n            <div\r\n              className={`rf-flex rf-items-start ${\r\n                isMobile ? 'rf-flex-col' : 'rf-gap-12'\r\n              } `}\r\n            >\r\n              <div>\r\n                {municipalPoliceNumber?.length && (\r\n                  <p className='rf-text-xl rf-py-2'>\r\n                    {`${translation.emergency.citypolice} : `}\r\n                    <span className='rf-font-bold'>\r\n                      {municipalPoliceNumber}\r\n                    </span>\r\n                  </p>\r\n                )}\r\n                <p className='rf-text-xl rf-py-2'>\r\n                  {`${translation.emergency.homeless} : `}\r\n                  <span className='rf-font-bold'>115</span>\r\n                </p>\r\n                <p className='rf-text-xl rf-py-2'>\r\n                  {`${translation.emergency.emergency} : `}\r\n                  <span className='rf-font-bold'>118</span>\r\n                </p>\r\n              </div>\r\n              <div>\r\n                {localHospitalName?.length && (\r\n                  <p className='rf-text-xl rf-py-2'>\r\n                    {`${translation.emergency.hospital} ${localHospitalName} : `}\r\n                    <span className='rf-font-bold'>{localHospitalNumber}</span>\r\n                  </p>\r\n                )}\r\n                {poisonControlNumber?.length && (\r\n                  <p className='rf-text-xl rf-py-2'>\r\n                    {`${translation.emergency.poison} : `}\r\n                    <span className='rf-font-bold'>{poisonControlNumber}</span>\r\n                  </p>\r\n                )}\r\n              </div>\r\n            </div>\r\n          </>\r\n        )}\r\n      </div>\r\n      {!isMobile && <div className='rf-flex-1' />}\r\n    </>\r\n  )\r\n}\r\n\r\nexport { EmergencyContent }\r\n"],"names":[],"version":3,"file":"Emergency.423214ad.js.map","sourceRoot":"../"}

package/dist/Emergency.a21f837c.js

@@ -0,0 +1,292 @@
+import {jsx as $J4lYy$jsx, jsxs as $J4lYy$jsxs, Fragment as $J4lYy$Fragment} from "react/jsx-runtime";
+import {useState as $J4lYy$useState, useRef as $J4lYy$useRef, useEffect as $J4lYy$useEffect} from "react";
+
+
+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("4zoun", function(module, exports) {
+
+$parcel$defineInteropFlag(module.exports);
+
+$parcel$export(module.exports, "default", () => $118d706fda813ce5$export$2e2bcd8739ae039);
+
+
+
+var $j67YK = parcelRequire("j67YK");
+
+var $1Qww3 = parcelRequire("1Qww3");
+
+var $aNpqK = parcelRequire("aNpqK");
+
+var $4ucVo = parcelRequire("4ucVo");
+
+var $gQ55S = parcelRequire("gQ55S");
+
+var $9uOFS = parcelRequire("9uOFS");
+
+var $eclBE = parcelRequire("eclBE");
+const $118d706fda813ce5$var$Emergency = ({ handleClose: handleClose })=>{
+    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);
+    const handleBack = ()=>{
+        handleClose ? handleClose() : setCurrentSubView((0, $4ucVo.CurrentSubView).none);
+        sendEvent('Davi.CloseWindow', null);
+        sendEvent('Davi.CloseWindowEmergency', null);
+    };
+    return isMobile ? /*#__PURE__*/ (0, $J4lYy$jsx)((0, $gQ55S.SubMenuClosing), {
+        handleClose: handleBack,
+        backIsConversation: false,
+        className: "rf-height-fill-available -rf-mb-4",
+        children: /*#__PURE__*/ (0, $J4lYy$jsx)((0, $eclBE.EmergencyContent), {})
+    }) : /*#__PURE__*/ (0, $J4lYy$jsxs)((0, $gQ55S.FullScreen), {
+        depth: (0, $4ucVo.Depth).dropdown,
+        background: "linear-gradient(to right bottom, #F2F8F8FC , #F2E1E2E8)",
+        onClick: handleBack,
+        children: [
+            /*#__PURE__*/ (0, $J4lYy$jsx)("div", {
+                className: "rf-h-full rf-w-full rf-flex rf-flex-col rf-items-center rf-justify-center rf-gap-12",
+                children: /*#__PURE__*/ (0, $J4lYy$jsx)((0, $eclBE.EmergencyContent), {})
+            }),
+            /*#__PURE__*/ (0, $J4lYy$jsx)((0, $9uOFS.default), {
+                dashboardVisible: true,
+                onClick: handleBack
+            })
+        ]
+    });
+};
+var $118d706fda813ce5$export$2e2bcd8739ae039 = $118d706fda813ce5$var$Emergency;
+
+});
+parcelRegister("eclBE", function(module, exports) {
+
+$parcel$export(module.exports, "EmergencyContent", () => $cfe5ac7fc315188e$export$6478e9f7582bd8fc);
+
+
+
+var $1x02c = parcelRequire("1x02c");
+
+var $1Qww3 = parcelRequire("1Qww3");
+
+var $2fuDN = parcelRequire("2fuDN");
+
+var $75pB6 = parcelRequire("75pB6");
+
+var $41ZLl = parcelRequire("41ZLl");
+
+var $4ucVo = parcelRequire("4ucVo");
+
+var $d22wB = parcelRequire("d22wB");
+
+var $8KJP1 = parcelRequire("8KJP1");
+const $cfe5ac7fc315188e$var$subView = (0, $4ucVo.AvailableViews).emergency;
+const $cfe5ac7fc315188e$export$6478e9f7582bd8fc = ()=>{
+    const baseAddress = (0, $1x02c.useRetorikStore)((state)=>state.baseAddress);
+    const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
+    const isMobile = (0, $1Qww3.useViewStore)((state)=>state.isMobile);
+    const isWidget = (0, $1Qww3.useViewStore)((state)=>state.isWidget);
+    const [municipalPoliceNumber, setMunicipalPoliceNumber] = (0, $J4lYy$useState)('');
+    const [localHospitalName, setLocalHospitalName] = (0, $J4lYy$useState)('');
+    const [localHospitalNumber, setLocalHospitalNumber] = (0, $J4lYy$useState)('');
+    const [poisonControlNumber, setPoisonControlNumber] = (0, $J4lYy$useState)('');
+    const [loading, setLoading] = (0, $J4lYy$useState)(true);
+    const divRef = (0, $J4lYy$useRef)(null);
+    (0, $J4lYy$useEffect)(()=>{
+        if (divRef?.current) isWidget && (0, $8KJP1.default)(null, divRef);
+    }, [
+        divRef?.current
+    ]);
+    (0, $J4lYy$useEffect)(()=>{
+        const getData = async ()=>{
+            const data = await (0, $75pB6.fetchEmergencyData)(baseAddress);
+            if (data) {
+                setMunicipalPoliceNumber(data.municipalPoliceNumber);
+                setLocalHospitalName(data.localHospitalName);
+                setLocalHospitalNumber(data.localHospitalNumber);
+                setPoisonControlNumber(data.poisonControlNumber);
+            }
+            setLoading(false);
+        };
+        getData();
+    }, [
+        baseAddress
+    ]);
+    return /*#__PURE__*/ (0, $J4lYy$jsxs)((0, $J4lYy$Fragment), {
+        children: [
+            /*#__PURE__*/ (0, $J4lYy$jsxs)("div", {
+                className: `rf-flex rf-flex-col rf-items-center ${isMobile ? 'rf-justify-center rf-gap-2' : 'rf-justify-end rf-flex-[2_1_0%] rf-gap-9'}`,
+                children: [
+                    /*#__PURE__*/ (0, $J4lYy$jsx)($41ZLl.EmergencyIcon, {
+                        className: "rf-h-9 rf-w-9 large:rf-h-16 large:rf-w-16"
+                    }),
+                    /*#__PURE__*/ (0, $J4lYy$jsx)("h3", {
+                        className: "rf-text-verylarge-size-auto rf-font-bold rf-capitalize-first rf-text-center",
+                        children: translation.emergency[$cfe5ac7fc315188e$var$subView]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, $J4lYy$jsx)("div", {
+                ref: divRef,
+                className: "rf-w-full rf-flex rf-flex-col rf-items-center rf-flex-[4_1_0%] rf-justify-evenly rf-h-full rf-pt-2 rf-overflow-y-scroll rf-scrollbar-hidden",
+                style: {
+                    background: isMobile ? 'transparent' : 'transparent linear-gradient(291deg, #F2F3F6 0%, #E5E6EC 100%) 0% 0% no-repeat padding-box',
+                    boxShadow: isMobile ? '' : '#ffff -3px -3px 16px, rgb(0 0 0 / 25%) 0px 2px 10px 0px'
+                },
+                children: loading ? /*#__PURE__*/ (0, $J4lYy$jsx)((0, $J4lYy$Fragment), {
+                    children: /*#__PURE__*/ (0, $J4lYy$jsx)("div", {
+                        className: "rf-w-6 rf-h-6 rf-mb-16",
+                        children: /*#__PURE__*/ (0, $J4lYy$jsx)((0, $d22wB.default), {
+                            color: "gray",
+                            loaderColor: "#1999b1",
+                            backgroundColor: "transparent"
+                        })
+                    })
+                }) : /*#__PURE__*/ (0, $J4lYy$jsxs)((0, $J4lYy$Fragment), {
+                    children: [
+                        /*#__PURE__*/ (0, $J4lYy$jsxs)("div", {
+                            className: `rf-w-full rf-grid ${isMobile ? 'rf-grid-cols-2 rf-gap-8 rf-mt-10 rf-mb-8' : 'rf-grid-cols-4 rf-divide-x'} `,
+                            style: {
+                                padding: isMobile ? '' : '0 10%'
+                            },
+                            children: [
+                                /*#__PURE__*/ (0, $J4lYy$jsxs)("div", {
+                                    className: "rf-flex rf-flex-col rf-items-center rf-gap-2",
+                                    children: [
+                                        /*#__PURE__*/ (0, $J4lYy$jsx)("p", {
+                                            className: "rf-text-xl rf-font-bold rf-uppercase",
+                                            children: translation.emergency.samu
+                                        }),
+                                        /*#__PURE__*/ (0, $J4lYy$jsx)("p", {
+                                            className: "rf-text-5xl large:rf-text-6xl rf-font-bold",
+                                            children: "15"
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ (0, $J4lYy$jsxs)("div", {
+                                    className: `rf-flex rf-flex-col rf-items-center ${isMobile ? '' : 'rf-border-l rf-border-[#C7C6C6]'} rf-gap-2`,
+                                    children: [
+                                        /*#__PURE__*/ (0, $J4lYy$jsx)("p", {
+                                            className: "rf-text-xl rf-font-bold rf-uppercase",
+                                            children: translation.emergency.police
+                                        }),
+                                        /*#__PURE__*/ (0, $J4lYy$jsx)("p", {
+                                            className: "rf-text-5xl large:rf-text-6xl rf-font-bold",
+                                            children: "17"
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ (0, $J4lYy$jsxs)("div", {
+                                    className: `rf-flex rf-flex-col rf-items-center ${isMobile ? '' : 'rf-border-l rf-border-[#C7C6C6]'} rf-gap-2`,
+                                    children: [
+                                        /*#__PURE__*/ (0, $J4lYy$jsx)("p", {
+                                            className: "rf-text-xl rf-font-bold rf-uppercase",
+                                            children: translation.emergency.firefighter
+                                        }),
+                                        /*#__PURE__*/ (0, $J4lYy$jsx)("p", {
+                                            className: "rf-text-5xl large:rf-text-6xl rf-font-bold",
+                                            children: "18"
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ (0, $J4lYy$jsxs)("div", {
+                                    className: `rf-flex rf-flex-col rf-items-center ${isMobile ? '' : 'rf-border-l rf-border-[#C7C6C6]'} rf-gap-2`,
+                                    children: [
+                                        /*#__PURE__*/ (0, $J4lYy$jsx)("p", {
+                                            className: "rf-text-xl rf-font-bold rf-uppercase",
+                                            children: translation.emergency.general
+                                        }),
+                                        /*#__PURE__*/ (0, $J4lYy$jsx)("p", {
+                                            className: "rf-text-5xl large:rf-text-6xl rf-font-bold",
+                                            children: "112"
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ (0, $J4lYy$jsxs)("div", {
+                            className: `rf-flex rf-items-start ${isMobile ? 'rf-flex-col' : 'rf-gap-12'} `,
+                            children: [
+                                /*#__PURE__*/ (0, $J4lYy$jsxs)("div", {
+                                    children: [
+                                        municipalPoliceNumber?.length && /*#__PURE__*/ (0, $J4lYy$jsxs)("p", {
+                                            className: "rf-text-xl rf-py-2",
+                                            children: [
+                                                `${translation.emergency.citypolice} : `,
+                                                /*#__PURE__*/ (0, $J4lYy$jsx)("span", {
+                                                    className: "rf-font-bold",
+                                                    children: municipalPoliceNumber
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ (0, $J4lYy$jsxs)("p", {
+                                            className: "rf-text-xl rf-py-2",
+                                            children: [
+                                                `${translation.emergency.homeless} : `,
+                                                /*#__PURE__*/ (0, $J4lYy$jsx)("span", {
+                                                    className: "rf-font-bold",
+                                                    children: "115"
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ (0, $J4lYy$jsxs)("p", {
+                                            className: "rf-text-xl rf-py-2",
+                                            children: [
+                                                `${translation.emergency.emergency} : `,
+                                                /*#__PURE__*/ (0, $J4lYy$jsx)("span", {
+                                                    className: "rf-font-bold",
+                                                    children: "118"
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ (0, $J4lYy$jsxs)("div", {
+                                    children: [
+                                        localHospitalName?.length && /*#__PURE__*/ (0, $J4lYy$jsxs)("p", {
+                                            className: "rf-text-xl rf-py-2",
+                                            children: [
+                                                `${translation.emergency.hospital} ${localHospitalName} : `,
+                                                /*#__PURE__*/ (0, $J4lYy$jsx)("span", {
+                                                    className: "rf-font-bold",
+                                                    children: localHospitalNumber
+                                                })
+                                            ]
+                                        }),
+                                        poisonControlNumber?.length && /*#__PURE__*/ (0, $J4lYy$jsxs)("p", {
+                                            className: "rf-text-xl rf-py-2",
+                                            children: [
+                                                `${translation.emergency.poison} : `,
+                                                /*#__PURE__*/ (0, $J4lYy$jsx)("span", {
+                                                    className: "rf-font-bold",
+                                                    children: poisonControlNumber
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    ]
+                })
+            }),
+            !isMobile && /*#__PURE__*/ (0, $J4lYy$jsx)("div", {
+                className: "rf-flex-1"
+            })
+        ]
+    });
+};
+
+});
+
+
+
+//# sourceMappingURL=Emergency.a21f837c.js.map