@davi-ai/retorik-framework 3.2.0 → 3.2.2

package/dist/Emergency.a21f837c.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.a21f837c.js.map"}

package/dist/FullScreenImage.1fe27198.js

@@ -0,0 +1,70 @@
+import {jsx as $a58FO$jsx} from "react/jsx-runtime";
+import $a58FO$react, {useState as $a58FO$useState, useEffect as $a58FO$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("3WWDZ", function(module, exports) {
+
+$parcel$defineInteropFlag(module.exports);
+
+$parcel$export(module.exports, "default", () => $0c86a937529a81b6$export$2e2bcd8739ae039);
+
+
+
+var $2fuDN = parcelRequire("2fuDN");
+
+var $i1rfm = parcelRequire("i1rfm");
+
+var $1Qww3 = parcelRequire("1Qww3");
+
+var $j67YK = parcelRequire("j67YK");
+
+var $4ucVo = parcelRequire("4ucVo");
+
+var $284yi = parcelRequire("284yi");
+
+var $lj7lQ = parcelRequire("lj7lQ");
+const $0c86a937529a81b6$var$FullScreenImage = ()=>{
+    const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
+    const fullScreenImage = (0, $284yi.default)();
+    const setFullScreenImage = (0, $j67YK.useUtilsStore)((state)=>state.actions.setFullScreenImage);
+    const mode = (0, $i1rfm.useSpeechStore)((state)=>state.mode);
+    const isMobile = (0, $1Qww3.useViewStore)((state)=>state.isMobile);
+    const [content, setContent] = (0, $a58FO$useState)();
+    (0, $a58FO$useEffect)(()=>{
+        setContent(fullScreenImage);
+    }, [
+        fullScreenImage
+    ]);
+    const handleClose = ()=>{
+        setFullScreenImage(undefined);
+    };
+    return content ? /*#__PURE__*/ (0, $a58FO$jsx)((0, $lj7lQ.default), {
+        handleClose: handleClose,
+        remoteCloseButtonZIndex: "rf-z-list",
+        mobileReturnTitle: translation.menu.backconversation,
+        children: /*#__PURE__*/ (0, $a58FO$jsx)("div", {
+            className: `rf-h-full rf-w-full ${isMobile ? mode === (0, $4ucVo.Mode).text ? 'rf-mb-28' : 'rf-mb-16' : 'rf-pt-12'} rf-px-8 rf-pb-12 rf-flex rf-justify-center rf-items-center`,
+            children: /*#__PURE__*/ (0, $a58FO$jsx)("img", {
+                className: "rf-max-h-full rf-max-w-full",
+                src: content
+            })
+        })
+    }) : /*#__PURE__*/ (0, $a58FO$jsx)((0, $a58FO$react).Fragment, {});
+};
+var $0c86a937529a81b6$export$2e2bcd8739ae039 = $0c86a937529a81b6$var$FullScreenImage;
+
+});
+
+
+//# sourceMappingURL=FullScreenImage.1fe27198.js.map

package/dist/FullScreenImage.1fe27198.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,wCAAkB;IACtB,MAAM,cAAc,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,mBAAmB;IACvE,MAAM,kBAAkB,CAAA,GAAA,cAAiB;IACzC,MAAM,qBAAqB,CAAA,GAAA,oBAAY,EACrC,CAAC,QAAU,MAAM,OAAO,CAAC,kBAAkB;IAE7C,MAAM,OAAO,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,IAAI;IACjD,MAAM,WAAW,CAAA,GAAA,mBAAW,EAAE,CAAC,QAAU,MAAM,QAAQ;IACvD,MAAM,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,eAAO;IAErC,CAAA,GAAA,gBAAQ,EAAE;QACR,WAAW;IACb,GAAG;QAAC;KAAgB;IAEpB,MAAM,cAAc;QAClB,mBAAmB;IACrB;IAEA,OAAO,wBACL,gBAAC,CAAA,GAAA,cAAO;QACN,aAAa;QACb,yBAAwB;QACxB,mBAAmB,YAAY,IAAI,CAAC,gBAAgB;kBAEpD,cAAA,gBAAC;YACC,WAAW,CAAC,oBAAoB,EAC9B,WAAY,SAAS,CAAA,GAAA,WAAG,EAAE,IAAI,GAAG,aAAa,aAAc,WAC7D,2DAA2D,CAAC;sBAE7D,cAAA,gBAAC;gBAAI,WAAU;gBAA8B,KAAK;;;uBAItD,gBAAC,CAAA,GAAA,YAAI,EAAE,QAAQ;AAEnB;IAEA,2CAAe","sources":["src/components/Attachments/Utils/FullScreenImage.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\r\nimport { useLocaleStore } from '../../Contexts/LocaleContext'\r\nimport { useSpeechStore } from '../../Contexts/SpeechContext'\r\nimport { useViewStore } from '../../Contexts/ViewContext'\r\nimport { useUtilsStore } from '../../Contexts/UtilsContext'\r\nimport { Mode } from '../../../models/enums'\r\nimport useFullscreenImage from '../../../hooks/useFullscreenImage'\r\nimport Template from '../../Templates/FullScreenRemoteClosing'\r\n\r\nconst FullScreenImage = (): JSX.Element => {\r\n  const translation = useLocaleStore((state) => state.currentTranslations)\r\n  const fullScreenImage = useFullscreenImage()\r\n  const setFullScreenImage = useUtilsStore(\r\n    (state) => state.actions.setFullScreenImage\r\n  )\r\n  const mode = useSpeechStore((state) => state.mode)\r\n  const isMobile = useViewStore((state) => state.isMobile)\r\n  const [content, setContent] = useState<string | undefined>()\r\n\r\n  useEffect(() => {\r\n    setContent(fullScreenImage)\r\n  }, [fullScreenImage])\r\n\r\n  const handleClose = (): void => {\r\n    setFullScreenImage(undefined)\r\n  }\r\n\r\n  return content ? (\r\n    <Template\r\n      handleClose={handleClose}\r\n      remoteCloseButtonZIndex='rf-z-list'\r\n      mobileReturnTitle={translation.menu.backconversation}\r\n    >\r\n      <div\r\n        className={`rf-h-full rf-w-full ${\r\n          isMobile ? (mode === Mode.text ? 'rf-mb-28' : 'rf-mb-16') : 'rf-pt-12'\r\n        } rf-px-8 rf-pb-12 rf-flex rf-justify-center rf-items-center`}\r\n      >\r\n        <img className='rf-max-h-full rf-max-w-full' src={content} />\r\n      </div>\r\n    </Template>\r\n  ) : (\r\n    <React.Fragment />\r\n  )\r\n}\r\n\r\nexport default FullScreenImage\r\n"],"names":[],"version":3,"file":"FullScreenImage.1fe27198.js.map"}

package/dist/FullScreenImage.9a9b978e.js

@@ -0,0 +1,83 @@
+var $igvUb$reactjsxruntime = require("react/jsx-runtime");
+var $igvUb$react = require("react");
+
+
+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("dBnN6", function(module, exports) {
+
+$parcel$defineInteropFlag(module.exports);
+
+$parcel$export(module.exports, "default", () => $29a469608f79fe1f$export$2e2bcd8739ae039);
+
+
+
+var $6Q0mk = parcelRequire("6Q0mk");
+
+var $jgaO0 = parcelRequire("jgaO0");
+
+var $kUiCn = parcelRequire("kUiCn");
+
+var $7eio0 = parcelRequire("7eio0");
+
+var $7WHA7 = parcelRequire("7WHA7");
+
+var $8iLoV = parcelRequire("8iLoV");
+
+var $j2phc = parcelRequire("j2phc");
+const $29a469608f79fe1f$var$FullScreenImage = ()=>{
+    const translation = (0, $6Q0mk.useLocaleStore)((state)=>state.currentTranslations);
+    const fullScreenImage = (0, $8iLoV.default)();
+    const setFullScreenImage = (0, $7eio0.useUtilsStore)((state)=>state.actions.setFullScreenImage);
+    const mode = (0, $jgaO0.useSpeechStore)((state)=>state.mode);
+    const isMobile = (0, $kUiCn.useViewStore)((state)=>state.isMobile);
+    const [content, setContent] = (0, $igvUb$react.useState)();
+    (0, $igvUb$react.useEffect)(()=>{
+        setContent(fullScreenImage);
+    }, [
+        fullScreenImage
+    ]);
+    const handleClose = ()=>{
+        setFullScreenImage(undefined);
+    };
+    return content ? /*#__PURE__*/ (0, $igvUb$reactjsxruntime.jsx)((0, $j2phc.default), {
+        handleClose: handleClose,
+        remoteCloseButtonZIndex: "rf-z-list",
+        mobileReturnTitle: translation.menu.backconversation,
+        children: /*#__PURE__*/ (0, $igvUb$reactjsxruntime.jsx)("div", {
+            className: `rf-h-full rf-w-full ${isMobile ? mode === (0, $7WHA7.Mode).text ? 'rf-mb-28' : 'rf-mb-16' : 'rf-pt-12'} rf-px-8 rf-pb-12 rf-flex rf-justify-center rf-items-center`,
+            children: /*#__PURE__*/ (0, $igvUb$reactjsxruntime.jsx)("img", {
+                className: "rf-max-h-full rf-max-w-full",
+                src: content
+            })
+        })
+    }) : /*#__PURE__*/ (0, $igvUb$reactjsxruntime.jsx)((0, ($parcel$interopDefault($igvUb$react))).Fragment, {});
+};
+var $29a469608f79fe1f$export$2e2bcd8739ae039 = $29a469608f79fe1f$var$FullScreenImage;
+
+});
+
+
+//# sourceMappingURL=FullScreenImage.9a9b978e.js.map

package/dist/FullScreenImage.9a9b978e.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,wCAAkB;IACtB,MAAM,cAAc,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,mBAAmB;IACvE,MAAM,kBAAkB,CAAA,GAAA,cAAiB;IACzC,MAAM,qBAAqB,CAAA,GAAA,oBAAY,EACrC,CAAC,QAAU,MAAM,OAAO,CAAC,kBAAkB;IAE7C,MAAM,OAAO,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,IAAI;IACjD,MAAM,WAAW,CAAA,GAAA,mBAAW,EAAE,CAAC,QAAU,MAAM,QAAQ;IACvD,MAAM,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,qBAAO;IAErC,CAAA,GAAA,sBAAQ,EAAE;QACR,WAAW;IACb,GAAG;QAAC;KAAgB;IAEpB,MAAM,cAAc;QAClB,mBAAmB;IACrB;IAEA,OAAO,wBACL,gCAAC,CAAA,GAAA,cAAO;QACN,aAAa;QACb,yBAAwB;QACxB,mBAAmB,YAAY,IAAI,CAAC,gBAAgB;kBAEpD,cAAA,gCAAC;YACC,WAAW,CAAC,oBAAoB,EAC9B,WAAY,SAAS,CAAA,GAAA,WAAG,EAAE,IAAI,GAAG,aAAa,aAAc,WAC7D,2DAA2D,CAAC;sBAE7D,cAAA,gCAAC;gBAAI,WAAU;gBAA8B,KAAK;;;uBAItD,gCAAC,CAAA,GAAA,sCAAI,EAAE,QAAQ;AAEnB;IAEA,2CAAe","sources":["src/components/Attachments/Utils/FullScreenImage.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\r\nimport { useLocaleStore } from '../../Contexts/LocaleContext'\r\nimport { useSpeechStore } from '../../Contexts/SpeechContext'\r\nimport { useViewStore } from '../../Contexts/ViewContext'\r\nimport { useUtilsStore } from '../../Contexts/UtilsContext'\r\nimport { Mode } from '../../../models/enums'\r\nimport useFullscreenImage from '../../../hooks/useFullscreenImage'\r\nimport Template from '../../Templates/FullScreenRemoteClosing'\r\n\r\nconst FullScreenImage = (): JSX.Element => {\r\n  const translation = useLocaleStore((state) => state.currentTranslations)\r\n  const fullScreenImage = useFullscreenImage()\r\n  const setFullScreenImage = useUtilsStore(\r\n    (state) => state.actions.setFullScreenImage\r\n  )\r\n  const mode = useSpeechStore((state) => state.mode)\r\n  const isMobile = useViewStore((state) => state.isMobile)\r\n  const [content, setContent] = useState<string | undefined>()\r\n\r\n  useEffect(() => {\r\n    setContent(fullScreenImage)\r\n  }, [fullScreenImage])\r\n\r\n  const handleClose = (): void => {\r\n    setFullScreenImage(undefined)\r\n  }\r\n\r\n  return content ? (\r\n    <Template\r\n      handleClose={handleClose}\r\n      remoteCloseButtonZIndex='rf-z-list'\r\n      mobileReturnTitle={translation.menu.backconversation}\r\n    >\r\n      <div\r\n        className={`rf-h-full rf-w-full ${\r\n          isMobile ? (mode === Mode.text ? 'rf-mb-28' : 'rf-mb-16') : 'rf-pt-12'\r\n        } rf-px-8 rf-pb-12 rf-flex rf-justify-center rf-items-center`}\r\n      >\r\n        <img className='rf-max-h-full rf-max-w-full' src={content} />\r\n      </div>\r\n    </Template>\r\n  ) : (\r\n    <React.Fragment />\r\n  )\r\n}\r\n\r\nexport default FullScreenImage\r\n"],"names":[],"version":3,"file":"FullScreenImage.9a9b978e.js.map","sourceRoot":"../"}

package/dist/HistoryList.50ff0fd9.js

@@ -0,0 +1,242 @@
+var $3sjcq$reactjsxruntime = require("react/jsx-runtime");
+var $3sjcq$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});
+}
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+      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("1TROp", function(module, exports) {
+
+$parcel$defineInteropFlag(module.exports);
+
+$parcel$export(module.exports, "default", () => $4c0e94df62fa6718$export$2e2bcd8739ae039);
+
+
+
+var $kUiCn = parcelRequire("kUiCn");
+
+var $6Q0mk = parcelRequire("6Q0mk");
+
+var $7eio0 = parcelRequire("7eio0");
+
+var $6QoTL = parcelRequire("6QoTL");
+
+var $aF2dz = parcelRequire("aF2dz");
+
+var $a3uH3 = parcelRequire("a3uH3");
+
+var $bco44 = parcelRequire("bco44");
+
+var $7WHA7 = parcelRequire("7WHA7");
+
+var $1XMvi = parcelRequire("1XMvi");
+const $4c0e94df62fa6718$var$HistoryList = ()=>{
+    const translation = (0, $6Q0mk.useLocaleStore)((state)=>state.currentTranslations);
+    const isWidget = (0, $kUiCn.useViewStore)((state)=>state.isWidget);
+    const isBorne = (0, $kUiCn.useViewStore)((state)=>state.isBorne);
+    const setCurrentSubView = (0, $7eio0.useUtilsStore)((state)=>state.actions.setCurrentSubView);
+    const sendEvent = (0, $6QoTL.useDirectlineStore)((state)=>state.actions.sendEvent);
+    const activities = (0, $aF2dz.default)();
+    const scrollRef = (0, $3sjcq$react.useRef)(null);
+    const divRef = (0, $3sjcq$react.useRef)(null);
+    /**
+   * On call :
+   *  - scroll to the scrollRef HTML element at the bottom of the view
+   */ const scrollToRef = ()=>{
+        if (scrollRef && scrollRef.current !== null) scrollRef.current.scrollIntoView({
+            behavior: 'smooth',
+            block: 'nearest'
+        });
+    };
+    /**
+   * On component mount :
+   *  - call scrollToRef method
+   */ (0, $3sjcq$react.useEffect)(()=>{
+        setTimeout(()=>{
+            scrollToRef();
+        }, 200);
+    }, []);
+    (0, $3sjcq$react.useEffect)(()=>{
+        (divRef === null || divRef === void 0 ? void 0 : divRef.current) && isWidget && (0, $1XMvi.default)(null, divRef);
+    }, [
+        divRef === null || divRef === void 0 ? void 0 : divRef.current
+    ]);
+    const handleClose = ()=>{
+        setCurrentSubView((0, $7WHA7.CurrentSubView).none);
+        sendEvent('Davi.CloseWindow', null);
+        sendEvent('Davi.CloseWindowHistory', null);
+    };
+    return /*#__PURE__*/ (0, $3sjcq$reactjsxruntime.jsx)((0, $a3uH3.SubMenuClosing), {
+        handleClose: handleClose,
+        backIsConversation: true,
+        title: translation.history.title,
+        children: /*#__PURE__*/ (0, $3sjcq$reactjsxruntime.jsxs)("div", {
+            ref: divRef,
+            className: `rf-pb-4 rf-overflow-y-scroll ${isBorne ? 'rf-scrollbar-thin' : 'rf-scrollbar-hidden'}`,
+            children: [
+                activities.map((activity, key)=>{
+                    return /*#__PURE__*/ (0, $3sjcq$reactjsxruntime.jsx)((0, $bco44.default), {
+                        activity: activity
+                    }, key);
+                }),
+                /*#__PURE__*/ (0, $3sjcq$reactjsxruntime.jsx)("div", {
+                    ref: scrollRef
+                })
+            ]
+        })
+    });
+};
+var $4c0e94df62fa6718$export$2e2bcd8739ae039 = $4c0e94df62fa6718$var$HistoryList;
+
+});
+parcelRegister("aF2dz", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $0a0255973b22d31f$export$2e2bcd8739ae039);
+
+var $3Loqo = parcelRequire("3Loqo");
+
+var $e53vj = parcelRequire("e53vj");
+function $0a0255973b22d31f$export$2e2bcd8739ae039() {
+    const activities = (0, $e53vj.useActivityStore)((state)=>state.messageActivities);
+    // processedId contains the ids of the activities already processed (because useActivities gives duplicate activities with different state depending on if it's been spoken or not )
+    const processedId = [];
+    const history = [];
+    activities.forEach((activity)=>{
+        if (activity.id && !processedId.includes(activity.id)) {
+            processedId.push(activity.id);
+            // Check if this is a question or an answer (questions from the user don't have a replyToId field)
+            if (activity.replyToId) {
+                const question = history.find((historyItem)=>historyItem.question.id === activity.replyToId);
+                if (question) question.answers.push(activity);
+                else {
+                    const newQuestion = (0, $3Loqo.createNewQuestionForTimestamp)(activity);
+                    history.push({
+                        question: newQuestion,
+                        answers: [
+                            activity
+                        ]
+                    });
+                }
+            } else if (activity.label === 'Davi.BringupMessage' && activity.text) {
+                const newQuestion = (0, $3Loqo.createNewQuestionForTimestamp)(activity);
+                history.push({
+                    question: newQuestion,
+                    answers: [
+                        activity
+                    ]
+                });
+            } else history.push({
+                question: activity,
+                answers: []
+            });
+        }
+    });
+    return history;
+}
+
+});
+
+parcelRegister("bco44", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $9e5ad86f0a7e1d05$export$2e2bcd8739ae039);
+
+
+
+var $erbwO = parcelRequire("erbwO");
+const $9e5ad86f0a7e1d05$var$HistoryItem = ({ activity: activity })=>{
+    return /*#__PURE__*/ (0, $3sjcq$reactjsxruntime.jsxs)("div", {
+        className: "rf-mb-4 rf-flex rf-flex-col rf-justify-start rf-items-start rf-gap-4 rf-text-size-auto",
+        children: [
+            (activity === null || activity === void 0 ? void 0 : activity.question) && activity.question.type === 'message' && /*#__PURE__*/ (0, $3sjcq$reactjsxruntime.jsx)((0, $erbwO.default), {
+                activity: activity.question,
+                isQuestion: true
+            }),
+            activity.answers.map((answer, j)=>{
+                return answer.type === 'message' ? /*#__PURE__*/ (0, $3sjcq$reactjsxruntime.jsx)((0, $erbwO.default), {
+                    activity: answer,
+                    isQuestion: false
+                }, j) : /*#__PURE__*/ (0, $3sjcq$reactjsxruntime.jsx)((0, ($parcel$interopDefault($3sjcq$react))).Fragment, {});
+            })
+        ]
+    });
+};
+var $9e5ad86f0a7e1d05$export$2e2bcd8739ae039 = $9e5ad86f0a7e1d05$var$HistoryItem;
+
+});
+parcelRegister("erbwO", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $db601f65e25709db$export$2e2bcd8739ae039);
+
+
+
+var $6Q0mk = parcelRequire("6Q0mk");
+
+var $kUiCn = parcelRequire("kUiCn");
+
+var $lr5yz = parcelRequire("lr5yz");
+
+var $eXl5q = parcelRequire("eXl5q");
+const $db601f65e25709db$var$HistoryQA = ({ activity: activity, isQuestion: isQuestion })=>{
+    var _activity_attachments, _activity_attachments1;
+    const locale = (0, $6Q0mk.useLocaleStore)((state)=>state.locale);
+    const isMobile = (0, $kUiCn.useViewStore)((state)=>state.isMobile);
+    const time = activity.localTimestamp ? new Date(activity.localTimestamp) : activity.timestamp ? new Date(activity.timestamp) : new Date();
+    return activity.text || !!((_activity_attachments = activity.attachments) === null || _activity_attachments === void 0 ? void 0 : _activity_attachments.length) ? /*#__PURE__*/ (0, $3sjcq$reactjsxruntime.jsxs)("div", {
+        className: `${isMobile ? 'rf-w-full' : 'rf-max-w-full'} rf-flex rf-flex-col rf-gap-1`,
+        children: [
+            /*#__PURE__*/ (0, $3sjcq$reactjsxruntime.jsx)("div", {
+                className: "rf-text-[#9A9A9A]",
+                children: time.toLocaleString(locale, {
+                    hour: 'numeric',
+                    minute: 'numeric'
+                })
+            }),
+            /*#__PURE__*/ (0, $3sjcq$reactjsxruntime.jsxs)("div", {
+                className: `${isQuestion ? 'rf-text-secondary' : 'rf-text-textModePanelConversationBot'}`,
+                children: [
+                    activity.htmlText ? /*#__PURE__*/ (0, $3sjcq$reactjsxruntime.jsx)("div", {
+                        dangerouslySetInnerHTML: {
+                            __html: activity.htmlText
+                        }
+                    }) : activity.text ? (0, $lr5yz.getTextWithoutSpeechMarkdown)(activity.text) : '',
+                    !!((_activity_attachments1 = activity.attachments) === null || _activity_attachments1 === void 0 ? void 0 : _activity_attachments1.length) && !(activity.attachmentLayout && activity.attachmentLayout.toLowerCase() === 'davilist') && /*#__PURE__*/ (0, $3sjcq$reactjsxruntime.jsx)("div", {
+                        className: `rf-w-full rf-min-h-16 rf-overflow-x-hidden rf-overflow-y-auto ${activity.text && 'rf-pt-4'}`,
+                        children: /*#__PURE__*/ (0, $3sjcq$reactjsxruntime.jsx)((0, $eXl5q.default), {
+                            activity: activity,
+                            history: true
+                        })
+                    })
+                ]
+            })
+        ]
+    }) : /*#__PURE__*/ (0, $3sjcq$reactjsxruntime.jsx)((0, ($parcel$interopDefault($3sjcq$react))).Fragment, {});
+};
+var $db601f65e25709db$export$2e2bcd8739ae039 = $db601f65e25709db$var$HistoryQA;
+
+});
+
+
+
+
+//# sourceMappingURL=HistoryList.50ff0fd9.js.map

package/dist/HistoryList.50ff0fd9.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["src/components/History/HistoryList.tsx","src/hooks/useMessageActivities.ts","src/components/History/HistoryItem.tsx","src/components/History/HistoryQA.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react'\r\nimport { useViewStore } from '../Contexts/ViewContext'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\nimport { useUtilsStore } from '../Contexts/UtilsContext'\r\nimport { useDirectlineStore } from '../Contexts/DirectlineContext'\r\nimport useMessageActivities from '../../hooks/useMessageActivities'\r\nimport { SubMenuClosing as Template } from '../Templates'\r\nimport HistoryItem from './HistoryItem'\r\nimport { CurrentSubView } from '../../models/enums'\r\nimport preventEvents from '../../utils/preventEvents'\r\n\r\nconst HistoryList = (): JSX.Element => {\r\n  const translation = useLocaleStore((state) => state.currentTranslations)\r\n  const isWidget = useViewStore((state) => state.isWidget)\r\n  const isBorne = useViewStore((state) => state.isBorne)\r\n  const setCurrentSubView = useUtilsStore((state) => state.actions.setCurrentSubView)\r\n  const sendEvent = useDirectlineStore((state) => state.actions.sendEvent)\r\n\r\n  const activities = useMessageActivities()\r\n  const scrollRef = useRef<HTMLDivElement>(null)\r\n  const divRef = useRef<HTMLDivElement>(null)\r\n\r\n  /**\r\n   * On call :\r\n   *  - scroll to the scrollRef HTML element at the bottom of the view\r\n   */\r\n  const scrollToRef = (): void => {\r\n    if (scrollRef && scrollRef.current !== null) {\r\n      scrollRef.current.scrollIntoView({\r\n        behavior: 'smooth',\r\n        block: 'nearest'\r\n      })\r\n    }\r\n  }\r\n\r\n  /**\r\n   * On component mount :\r\n   *  - call scrollToRef method\r\n   */\r\n  useEffect(() => {\r\n    setTimeout(() => {\r\n      scrollToRef()\r\n    }, 200)\r\n  }, [])\r\n\r\n  useEffect(() => {\r\n    divRef?.current && isWidget && preventEvents(null, divRef)\r\n  }, [divRef?.current])\r\n\r\n  const handleClose = (): void => {\r\n    setCurrentSubView(CurrentSubView.none)\r\n    sendEvent('Davi.CloseWindow', null)\r\n    sendEvent('Davi.CloseWindowHistory', null)\r\n  }\r\n\r\n  return (\r\n    <Template handleClose={handleClose} backIsConversation={true} title={translation.history.title}>\r\n      <div ref={divRef} className={`rf-pb-4 rf-overflow-y-scroll ${isBorne ? 'rf-scrollbar-thin' : 'rf-scrollbar-hidden'}`}>\r\n        {/* History items */}\r\n        {activities.map((activity, key) => {\r\n          return <HistoryItem key={key} activity={activity} />\r\n        })}\r\n        <div ref={scrollRef} />\r\n      </div>\r\n    </Template>\r\n  )\r\n}\r\n\r\nexport default HistoryList\r\n","import type { HistoryActivity, RetorikActivity } from '../models/activityTypes'\r\nimport { createNewQuestionForTimestamp } from '../utils/activityUtils'\r\nimport { useActivityStore } from '../components/Contexts/ActivityContext'\r\n\r\nexport default function useMessageActivities(): Array<HistoryActivity> {\r\n  const activities = useActivityStore((state) => state.messageActivities)\r\n  // processedId contains the ids of the activities already processed (because useActivities gives duplicate activities with different state depending on if it's been spoken or not )\r\n  const processedId: Array<string> = []\r\n  const history: HistoryActivity[] = []\r\n\r\n  activities.forEach((activity) => {\r\n    if (activity.id && !processedId.includes(activity.id)) {\r\n      processedId.push(activity.id)\r\n      // Check if this is a question or an answer (questions from the user don't have a replyToId field)\r\n      if (activity.replyToId) {\r\n        const question: HistoryActivity | undefined = history.find(\r\n          (historyItem) => historyItem.question.id === activity.replyToId\r\n        )\r\n        if (question) {\r\n          question.answers.push(activity)\r\n        } else {\r\n          const newQuestion: RetorikActivity =\r\n            createNewQuestionForTimestamp(activity)\r\n\r\n          history.push({\r\n            question: newQuestion,\r\n            answers: [activity]\r\n          })\r\n        }\r\n      } else {\r\n        if (\r\n          (activity as RetorikActivity).label === 'Davi.BringupMessage' &&\r\n          (activity as RetorikActivity).text\r\n        ) {\r\n          const newQuestion: RetorikActivity =\r\n            createNewQuestionForTimestamp(activity)\r\n          history.push({\r\n            question: newQuestion,\r\n            answers: [activity]\r\n          })\r\n        } else {\r\n          history.push({\r\n            question: activity,\r\n            answers: []\r\n          })\r\n        }\r\n      }\r\n    }\r\n  })\r\n\r\n  return history\r\n}\r\n","import React from 'react'\r\nimport type { HistoryActivity } from '../../models/activityTypes'\r\nimport HistoryQA from './HistoryQA'\r\n\r\ninterface HistoryItemProps {\r\n  activity: HistoryActivity\r\n}\r\n\r\nconst HistoryItem = ({ activity }: HistoryItemProps): JSX.Element => {\r\n  return (\r\n    <div className='rf-mb-4 rf-flex rf-flex-col rf-justify-start rf-items-start rf-gap-4 rf-text-size-auto'>\r\n      {/* Question */}\r\n      {activity?.question && activity.question.type === 'message' && (\r\n        <HistoryQA activity={activity.question} isQuestion={true} />\r\n      )}\r\n\r\n      {/* Answers */}\r\n      {activity.answers.map((answer, j) => {\r\n        return answer.type === 'message' ? (\r\n          <HistoryQA key={j} activity={answer} isQuestion={false} />\r\n        ) : (\r\n          <React.Fragment />\r\n        )\r\n      })}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default HistoryItem\r\n","import React from 'react'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\nimport { useViewStore } from '../Contexts/ViewContext'\r\nimport type { RetorikActivity } from '../../models/activityTypes'\r\nimport { getTextWithoutSpeechMarkdown } from '../../utils/speechMarkdownUtils'\r\nimport Attachments from '../Attachments/Attachments'\r\n\r\ninterface HistoryQAProps {\r\n  activity: RetorikActivity\r\n  isQuestion: boolean\r\n}\r\n\r\nconst HistoryQA = ({ activity, isQuestion }: HistoryQAProps): JSX.Element => {\r\n  const locale = useLocaleStore((state) => state.locale)\r\n  const isMobile = useViewStore((state) => state.isMobile)\r\n  const time = activity.localTimestamp\r\n    ? new Date(activity.localTimestamp)\r\n    : activity.timestamp\r\n    ? new Date(activity.timestamp)\r\n    : new Date()\r\n\r\n  return activity.text || !!activity.attachments?.length ? (\r\n    <div\r\n      className={`${\r\n        isMobile ? 'rf-w-full' : 'rf-max-w-full'\r\n      } rf-flex rf-flex-col rf-gap-1`}\r\n    >\r\n      {/* Time */}\r\n      <div className='rf-text-[#9A9A9A]'>\r\n        {time.toLocaleString(locale, {\r\n          hour: 'numeric',\r\n          minute: 'numeric'\r\n        })}\r\n      </div>\r\n\r\n      {/* Question or Answer */}\r\n      <div\r\n        className={`${\r\n          isQuestion\r\n            ? 'rf-text-secondary'\r\n            : 'rf-text-textModePanelConversationBot'\r\n        }`}\r\n      >\r\n        {activity.htmlText ? (\r\n          <div\r\n            dangerouslySetInnerHTML={{\r\n              __html: activity.htmlText\r\n            }}\r\n          />\r\n        ) : activity.text ? (\r\n          getTextWithoutSpeechMarkdown(activity.text)\r\n        ) : (\r\n          ''\r\n        )}\r\n        {/* Display attachments if there are some and the display mode wasn't a list */}\r\n        {!!activity.attachments?.length &&\r\n          !(\r\n            activity.attachmentLayout &&\r\n            activity.attachmentLayout.toLowerCase() === 'davilist'\r\n          ) && (\r\n            <div\r\n              className={`rf-w-full rf-min-h-16 rf-overflow-x-hidden rf-overflow-y-auto ${\r\n                activity.text && 'rf-pt-4'\r\n              }`}\r\n            >\r\n              <Attachments activity={activity} history={true} />\r\n            </div>\r\n          )}\r\n      </div>\r\n    </div>\r\n  ) : (\r\n    <React.Fragment />\r\n  )\r\n}\r\n\r\nexport default HistoryQA\r\n"],"names":[],"version":3,"file":"HistoryList.50ff0fd9.js.map","sourceRoot":"../"}