@davi-ai/retorik-framework 3.2.5 → 3.2.6

package/README.md

@@ -3,4 +3,4 @@
 ![types](https://camo.githubusercontent.com/0d1fa0bafb9d3d26ac598799ca1d0bf767fc28a41d3f718d404433b392b9a5cd/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f74797065732f73637275622d6a732e737667)
 ![licence](https://badges.frapsoft.com/os/mit/mit.png)
 
-Documentation under progress
+Documentation available [here](https://docs.retorik.ai/docs/framework/)

package/dist/{Emergency.0cf005ce.js → Emergency.1f855b66.js}

@@ -285,7 +285,23 @@ const $cfe5ac7fc315188e$export$6478e9f7582bd8fc = ()=>{
 };
 
 });
+parcelRegister("75pB6", function(module, exports) {
+
+$parcel$export(module.exports, "fetchEmergencyData", () => $c1b40d4a10143303$export$cdd2c9f4b3acf5fb);
+
+var $cT90l = parcelRequire("cT90l");
+async function $c1b40d4a10143303$export$cdd2c9f4b3acf5fb(address) {
+    const res = await fetch(`${address}${(0, $cT90l.hospitalityApiAddress)}`).then((emergencyData)=>{
+        return emergencyData.json();
+    }).catch(()=>{
+        return null;
+    });
+    return res;
+}
+
+});
+
 
 
 
-//# sourceMappingURL=Emergency.0cf005ce.js.map
+//# sourceMappingURL=Emergency.1f855b66.js.map

package/dist/Emergency.1f855b66.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["src/components/Emergency/Emergency.tsx","src/components/Emergency/EmergencyContent.tsx","src/utils/fetchEmergencyData.ts"],"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, () => 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","import { hospitalityApiAddress } from '../models/constants'\r\nimport { EmergencyTypes } from '../models/emergencyTypes'\r\n\r\nasync function fetchEmergencyData(address: string): Promise<EmergencyTypes> {\r\n  const res = await fetch(`${address}${hospitalityApiAddress}`)\r\n    .then((emergencyData) => {\r\n      return emergencyData.json()\r\n    })\r\n    .catch(() => {\r\n      return null\r\n    })\r\n\r\n  return res\r\n}\r\n\r\nexport { fetchEmergencyData }\r\n"],"names":[],"version":3,"file":"Emergency.1f855b66.js.map"}

package/dist/{Emergency.897ee3c7.js → Emergency.cd492aab.js}

@@ -294,7 +294,23 @@ const $2b55f3947c65e277$export$6478e9f7582bd8fc = ()=>{
 };
 
 });
+parcelRegister("iSQHl", function(module, exports) {
+
+$parcel$export(module.exports, "fetchEmergencyData", () => $ebb9a848c3dddb50$export$cdd2c9f4b3acf5fb);
+
+var $7sZDv = parcelRequire("7sZDv");
+async function $ebb9a848c3dddb50$export$cdd2c9f4b3acf5fb(address) {
+    const res = await fetch(`${address}${(0, $7sZDv.hospitalityApiAddress)}`).then((emergencyData)=>{
+        return emergencyData.json();
+    }).catch(()=>{
+        return null;
+    });
+    return res;
+}
+
+});
+
 
 
 
-//# sourceMappingURL=Emergency.897ee3c7.js.map
+//# sourceMappingURL=Emergency.cd492aab.js.map

package/dist/Emergency.cd492aab.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,kCAAY,CAAC,eAAE,WAAW,EAAkB;IAChD,MAAM,WAAW,CAAA,GAAA,mBAAW,EAAE,CAAC,QAAU,MAAM,QAAQ;IACvD,MAAM,oBAAoB,CAAA,GAAA,oBAAY,EAAE,CAAC,QAAU,MAAM,OAAO,CAAC,iBAAiB;IAClF,MAAM,YAAY,CAAA,GAAA,yBAAiB,EAAE,CAAC,QAAU,MAAM,OAAO,CAAC,SAAS;IAEvE,MAAM,aAAa;QACjB,cAAc,gBAAgB,kBAAkB,CAAA,GAAA,qBAAa,EAAE,IAAI;QACnE,UAAU,oBAAoB,MAAM,IAAM,UAAU,6BAA6B;IACnF;IAEA,OAAO,yBACL,gCAAC,CAAA,GAAA,qBAAa;QAAE,aAAa;QAAY,oBAAoB;QAAO,WAAU;kBAE5E,cAAA,gCAAC,CAAA,GAAA,uBAAe;uBAGlB,iCAAC,CAAA,GAAA,iBAAS;QAAE,OAAO,CAAA,GAAA,YAAI,EAAE,QAAQ;QAAE,YAAW;QAA0D,SAAS;;0BAC/G,gCAAC;gBAAI,WAAU;0BAEb,cAAA,gCAAC,CAAA,GAAA,uBAAe;;0BAIlB,gCAAC,CAAA,GAAA,cAAyB;gBAAE,kBAAkB;gBAAM,SAAS;;;;AAGnE;IAEA,2CAAe;;;;;;;;;;;;;;;;;;;;;;;;AC9Bf,MAAM,gCAAU,CAAA,GAAA,qBAAa,EAAE,SAAS;AAExC,MAAM,4CAAmB;IACvB,MAAM,cAAc,CAAA,GAAA,sBAAc,EAAE,CAAC,QAAU,MAAM,WAAW;IAChE,MAAM,cAAc,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,mBAAmB;IACvE,MAAM,WAAW,CAAA,GAAA,mBAAW,EAAE,CAAC,QAAU,MAAM,QAAQ;IACvD,MAAM,WAAW,CAAA,GAAA,mBAAW,EAAE,CAAC,QAAU,MAAM,QAAQ;IAEvD,MAAM,CAAC,uBAAuB,yBAAyB,GAAG,CAAA,GAAA,qBAAO,EAAU;IAC3E,MAAM,CAAC,mBAAmB,qBAAqB,GAAG,CAAA,GAAA,qBAAO,EAAU;IACnE,MAAM,CAAC,qBAAqB,uBAAuB,GAAG,CAAA,GAAA,qBAAO,EAAU;IACvE,MAAM,CAAC,qBAAqB,uBAAuB,GAAG,CAAA,GAAA,qBAAO,EAAU;IACvE,MAAM,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,qBAAO,EAAW;IAChD,MAAM,SAAS,CAAA,GAAA,mBAAK,EAAkB;IAEtC,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,mBAAA,6BAAA,OAAQ,OAAO,EACjB,YAAY,CAAA,GAAA,cAAY,EAAE,MAAM;IAEpC,GAAG;QAAC,mBAAA,6BAAA,OAAQ,OAAO;KAAC;IAEpB,CAAA,GAAA,sBAAQ,EAAE;QACR,MAAM,UAAU;YACd,MAAM,OAAuB,MAAM,CAAA,GAAA,yBAAiB,EAAE;YACtD,IAAI,MAAM;gBACR,yBAAyB,KAAK,qBAAqB;gBACnD,qBAAqB,KAAK,iBAAiB;gBAC3C,uBAAuB,KAAK,mBAAmB;gBAC/C,uBAAuB,KAAK,mBAAmB;YACjD;YACA,WAAW;QACb;QACA;IACF,GAAG;QAAC;KAAY;IAEhB,qBACE;;0BACE,iCAAC;gBACC,WAAW,CAAC,oCAAoC,EAC9C,WACI,+BACA,4CACJ;;kCAEF,gCAAC;wBAAoB,WAAU;;kCAC/B,gCAAC;wBAAG,WAAU;kCACX,YAAY,SAAS,CAAC,8BAAQ;;;;0BAGnC,gCAAC;gBACC,KAAK;gBACL,WAAU;gBACV,OAAO;oBACL,YAAY,WACR,gBACA;oBACJ,WAAW,WACP,KACA;gBACN;0BAEC,wBACC;8BACE,cAAA,gCAAC;wBAAI,WAAU;kCACb,cAAA,gCAAC,CAAA,GAAA,cAAS;4BACR,OAAM;4BACN,aAAY;4BACZ,iBAAgB;;;mCAKtB;;sCACE,iCAAC;4BACC,WAAW,CAAC,kBAAkB,EAC5B,WACI,6CACA,6BACL,CAAC,CAAC;4BACH,OAAO;gCAAE,SAAS,WAAW,KAAK;4BAAQ;;8CAE1C,iCAAC;oCAAI,WAAU;;sDACb,gCAAC;4CAAE,WAAU;sDACV,YAAY,SAAS,CAAC,IAAI;;sDAE7B,gCAAC;4CAAE,WAAU;sDAA6C;;;;8CAE5D,iCAAC;oCACC,WAAW,CAAC,oCAAoC,EAC9C,WAAW,KAAK,kCACjB,SAAS,CAAC;;sDAEX,gCAAC;4CAAE,WAAU;sDACV,YAAY,SAAS,CAAC,MAAM;;sDAE/B,gCAAC;4CAAE,WAAU;sDAA6C;;;;8CAE5D,iCAAC;oCACC,WAAW,CAAC,oCAAoC,EAC9C,WAAW,KAAK,kCACjB,SAAS,CAAC;;sDAEX,gCAAC;4CAAE,WAAU;sDACV,YAAY,SAAS,CAAC,WAAW;;sDAEpC,gCAAC;4CAAE,WAAU;sDAA6C;;;;8CAE5D,iCAAC;oCACC,WAAW,CAAC,oCAAoC,EAC9C,WAAW,KAAK,kCACjB,SAAS,CAAC;;sDAEX,gCAAC;4CAAE,WAAU;sDACV,YAAY,SAAS,CAAC,OAAO;;sDAEhC,gCAAC;4CAAE,WAAU;sDAA6C;;;;;;sCAK9D,iCAAC;4BACC,WAAW,CAAC,uBAAuB,EACjC,WAAW,gBAAgB,YAC5B,CAAC,CAAC;;8CAEH,iCAAC;;wCACE,CAAA,kCAAA,4CAAA,sBAAuB,MAAM,mBAC5B,iCAAC;4CAAE,WAAU;;gDACV,GAAG,YAAY,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC;8DACzC,gCAAC;oDAAK,WAAU;8DACb;;;;sDAIP,iCAAC;4CAAE,WAAU;;gDACV,GAAG,YAAY,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC;8DACvC,gCAAC;oDAAK,WAAU;8DAAe;;;;sDAEjC,iCAAC;4CAAE,WAAU;;gDACV,GAAG,YAAY,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC;8DACxC,gCAAC;oDAAK,WAAU;8DAAe;;;;;;8CAGnC,iCAAC;;wCACE,CAAA,8BAAA,wCAAA,kBAAmB,MAAM,mBACxB,iCAAC;4CAAE,WAAU;;gDACV,GAAG,YAAY,SAAS,CAAC,QAAQ,CAAC,CAAC,EAAE,kBAAkB,GAAG,CAAC;8DAC5D,gCAAC;oDAAK,WAAU;8DAAgB;;;;wCAGnC,CAAA,gCAAA,0CAAA,oBAAqB,MAAM,mBAC1B,iCAAC;4CAAE,WAAU;;gDACV,GAAG,YAAY,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC;8DACrC,gCAAC;oDAAK,WAAU;8DAAgB;;;;;;;;;;;YAQ7C,CAAC,0BAAY,gCAAC;gBAAI,WAAU;;;;AAGnC;;;;;;;;AC5KA,eAAe,0CAAmB,OAAe;IAC/C,MAAM,MAAM,MAAM,MAAM,GAAG,UAAU,CAAA,GAAA,4BAAoB,GAAG,EACzD,IAAI,CAAC,CAAC;QACL,OAAO,cAAc,IAAI;IAC3B,GACC,KAAK,CAAC;QACL,OAAO;IACT;IAEF,OAAO;AACT","sources":["src/components/Emergency/Emergency.tsx","src/components/Emergency/EmergencyContent.tsx","src/utils/fetchEmergencyData.ts"],"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, () => 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","import { hospitalityApiAddress } from '../models/constants'\r\nimport { EmergencyTypes } from '../models/emergencyTypes'\r\n\r\nasync function fetchEmergencyData(address: string): Promise<EmergencyTypes> {\r\n  const res = await fetch(`${address}${hospitalityApiAddress}`)\r\n    .then((emergencyData) => {\r\n      return emergencyData.json()\r\n    })\r\n    .catch(() => {\r\n      return null\r\n    })\r\n\r\n  return res\r\n}\r\n\r\nexport { fetchEmergencyData }\r\n"],"names":[],"version":3,"file":"Emergency.cd492aab.js.map","sourceRoot":"../"}

package/dist/{NewsContainer.f0d2ee9c.js → NewsContainer.24a4ba84.js}

@@ -1,4 +1,4 @@
-import "./Weather.cf58823d.js";
+import "./Weather.87ab2128.js";
 import {jsxs as $7qgKV$jsxs, jsx as $7qgKV$jsx} from "react/jsx-runtime";
 import $7qgKV$react, {useState as $7qgKV$useState, useRef as $7qgKV$useRef, useEffect as $7qgKV$useEffect, useMemo as $7qgKV$useMemo} from "react";
 
@@ -730,4 +730,4 @@ var $5485971f80937390$export$2e2bcd8739ae039 = $5485971f80937390$var$BannerTopLa
 
 
 
-//# sourceMappingURL=NewsContainer.f0d2ee9c.js.map
+//# sourceMappingURL=NewsContainer.24a4ba84.js.map

package/dist/{NewsContainer.f0d2ee9c.js.map → NewsContainer.24a4ba84.js.map}

@@ -1 +1 @@
-{"mappings":"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","sources":["src/components/News/NewsContainer.tsx","src/components/News/Time.tsx","src/components/News/News.tsx","src/hooks/useNews.tsx","src/components/News/Banner.tsx","src/components/News/BannerTopMobile.tsx","src/components/News/BannerTopLarge.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\nimport { useViewStore } from '../Contexts/ViewContext'\r\nimport { useSpeechStore } from '../Contexts/SpeechContext'\r\nimport { useRetorikStore } from '../Contexts/RetorikContext'\r\nimport { useDirectlineStore } from '../Contexts/DirectlineContext'\r\n\r\nimport type { NewsConfig } from '../../models/types'\r\nimport { Routes } from '../../models/enums'\r\n\r\nimport Background from '../Common/Background'\r\nimport Time from '../News/Time'\r\nimport News from '../News/News'\r\nimport Weather from '../Weather/Weather'\r\nimport AbsoluteLargeClosingButton from '../Utils/SubView/AbsoluteLargeClosingButton'\r\nimport CloseButton from '../Common/CloseButton'\r\nimport MenuDisplayer from '../Menus/MenuDisplayer'\r\nimport { BackButton } from '../Menu/Common'\r\n\r\ninterface NewsContainerProps {\r\n  hideMenu?: boolean\r\n  isRetorikNews?: boolean\r\n  handleEndedWithoutloop?: () => void\r\n}\r\n\r\n// Steps enum\r\nenum Steps {\r\n  opening = 1,\r\n  news,\r\n  events,\r\n  weather,\r\n  ending\r\n}\r\n\r\nconst NewsContainer = ({ hideMenu, isRetorikNews, handleEndedWithoutloop }: NewsContainerProps): JSX.Element => {\r\n  const translation = useLocaleStore((state) => state.currentTranslations)\r\n  const configuration = useRetorikStore((state) => state.configuration)\r\n  const muted = useSpeechStore((state) => state.muted)\r\n  const isMobile = useViewStore((state) => state.isMobile)\r\n  const isLandscape = useViewStore((state) => state.isLandscape)\r\n  const isBorne = useViewStore((state) => state.isBorne)\r\n  const configurations = useViewStore((state) => state.configurations)\r\n  const { setRoute, setDisplayControls } = useViewStore((state) => state.actions)\r\n  const setMuted = useSpeechStore((state) => state.actions.setMuted)\r\n  const setDisplayAgentInNews = useRetorikStore((state) => state.actions.setDisplayAgentInNews)\r\n  const sendEvent = useDirectlineStore((state) => state.actions.sendEvent)\r\n\r\n  const [displayData, setDisplayData] = useState<NewsConfig>(configurations.views.news || configurations.views.home)\r\n  const [step, setStep] = useState<number>(configurations.views.news?.openingVideo ? Steps.opening : Steps.news)\r\n  const timerRef: React.MutableRefObject<any> = useRef(null)\r\n  const newsEndedTimerRef: React.MutableRefObject<any> = useRef(null)\r\n\r\n  /**\r\n   * On call :\r\n   *  - if the component is news-only, return\r\n   *  - else set ViewContext's route state to 'home'\r\n   */\r\n  const handleBack = (): void => {\r\n    if (isRetorikNews) {\r\n      return\r\n    }\r\n    setRoute(Routes.Home)\r\n  }\r\n\r\n  useEffect(() => {\r\n    configuration.useOldRemote && setDisplayControls(false)\r\n    muted && setMuted(false)\r\n\r\n    return () => {\r\n      // Send closing events unless we are using RetorikNews component\r\n      if (!isRetorikNews) {\r\n        sendEvent('Davi.CloseWindow', null, () => sendEvent('Davi.CloseWindowNews', null))\r\n      }\r\n    }\r\n  }, [])\r\n\r\n  /**\r\n   * On step change :\r\n   *  - switch on the current step to launch corresponding processing\r\n   * On component unmount :\r\n   *  - clear timerRef timeout\r\n   */\r\n  useEffect(() => {\r\n    switch (step) {\r\n      case Steps.opening: {\r\n        setDisplayAgentInNews(false)\r\n        const videoUrl = configurations.views.news?.openingVideo\r\n        videoUrl ? setViewContextCurrentConfiguration(videoUrl as string) : setStep(Steps.news)\r\n        break\r\n      }\r\n      case Steps.news:\r\n        setDisplayAgentInNews(true)\r\n        setDisplayData(configurations.views.news || configurations.views.home)\r\n        break\r\n      case Steps.events:\r\n        break\r\n      case Steps.weather:\r\n        setDisplayAgentInNews(false)\r\n        // If the position is known, display the weather page during 10 seconds, otherwise switch to the next step directly\r\n        configuration.position?.latitude && configuration.position?.longitude\r\n          ? (timerRef.current = setTimeout(() => {\r\n              setStep(Steps.ending)\r\n            }, 10000))\r\n          : setStep(Steps.ending)\r\n        break\r\n      case Steps.ending: {\r\n        setDisplayAgentInNews(false)\r\n        const videoUrl = configurations.views.news?.openingVideo\r\n        videoUrl ? setViewContextCurrentConfiguration(videoUrl as string) : exitNewsOrLoop()\r\n        break\r\n      }\r\n      default:\r\n        break\r\n    }\r\n\r\n    return (): void => {\r\n      timerRef && clearTimeout(timerRef.current)\r\n      newsEndedTimerRef && clearTimeout(newsEndedTimerRef.current)\r\n    }\r\n  }, [step])\r\n\r\n  /**\r\n   * On call :\r\n   *  - set the current display configuration to have the given video as background\r\n   * @param videoUrl\r\n   */\r\n  const setViewContextCurrentConfiguration = (videoUrl: string): void => {\r\n    setDisplayData({\r\n      ...configurations.views.news,\r\n      background: {\r\n        video: videoUrl,\r\n        style: 'video'\r\n      }\r\n    })\r\n  }\r\n\r\n  /**\r\n   * On call :\r\n   *  - send the event 'newsEnded' used in retorik Kiosk\r\n   *  - if the component is news-only :\r\n   *    + if 'loop' is explicitly set to false, call props' handleEndedWithoutloop method if defined. Call handleBack method otherwise\r\n   *    + if 'loop' is not false, loop by setting step state to Steps.news\r\n   *  - or else if 'loop' parameter in configuration is true, get back to Steps.news step. Call handleBack method otherwise\r\n   */\r\n  const exitNewsOrLoop = (): void => {\r\n    // Send event 'newsEnded'\r\n    const endEvent = new Event('newsEnded')\r\n    document.dispatchEvent(endEvent)\r\n    // Relaunch from the start if this is a news-only component and loop hasn't explicitly been set to false\r\n    isRetorikNews\r\n      ? displayData.loop !== false\r\n        ? setStep(Steps.news)\r\n        : handleEndedWithoutloop\r\n        ? handleEndedWithoutloop()\r\n        : handleBack()\r\n      : // Relaunch from the start if the loop is activated, otherwise get back to homepage\r\n      displayData.loop\r\n      ? setStep(Steps.news)\r\n      : handleBack()\r\n  }\r\n\r\n  /**\r\n   * On video end :\r\n   *  - if we are at the opening step, let's set the step state to Steps.news to launch the news\r\n   *  - if we are at the ending step, call exitNewsOrLoop function\r\n   */\r\n  const handleVideoEnd = (): void => {\r\n    switch (step) {\r\n      case Steps.opening:\r\n        setStep(Steps.news)\r\n        break\r\n      case Steps.ending:\r\n        exitNewsOrLoop()\r\n        break\r\n    }\r\n  }\r\n\r\n  /**\r\n   * On news end :\r\n   *  - wait 3 seconds\r\n   *  - get to the next step (Steps.events)\r\n   */\r\n  const handleNewsEnd = (): void => {\r\n    newsEndedTimerRef &&\r\n      (newsEndedTimerRef.current = setTimeout(() => {\r\n        // setStep(Steps.events)\r\n        setStep(Steps.weather)\r\n      }, 3000))\r\n  }\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <Background config={displayData.background} videoLoop={false} videoMuted={true} onVideoEnded={handleVideoEnd} />\r\n\r\n      {/* Timer + back button in mobile / widget mode */}\r\n      {isMobile && !isRetorikNews && !hideMenu ? (\r\n        <div className='rf-relative rf-z-util rf-col-start-1 rf-col-span-full rf-row-start-1 rf-flex rf-flex-col rf-gap-2 rf-items-start'>\r\n          <BackButton title={translation.common.back} handleBack={handleBack} className='rf-pr-2 rf-mt-4 rf-ml-4 rf-text-size-auto rf-bg-truewhite rf-rounded-lg' />\r\n          <Time belowReturnButton={true} />\r\n        </div>\r\n      ) : (\r\n        <Time />\r\n      )}\r\n\r\n      {/* News step */}\r\n      {step === Steps.news && <News intervalInSeconds={displayData.intervalInSeconds ? (displayData.intervalInSeconds as number) : undefined} onEnd={handleNewsEnd} isRetorikNews={isRetorikNews} />}\r\n\r\n      {step === Steps.weather && <Weather handleClose={handleBack} />}\r\n\r\n      {/* Closing button if it needs to be displayed */}\r\n      {!hideMenu && <AbsoluteLargeClosingButton dashboardVisible={true} onClick={handleBack} />}\r\n\r\n      {!hideMenu && isLandscape && !configuration.useOldRemote && !isRetorikNews && <CloseButton onClick={handleBack} className='rf-z-menu' showLabel={true} />}\r\n\r\n      {!hideMenu && isBorne && !configuration.useOldRemote && !isRetorikNews && <MenuDisplayer hideMenu={configuration?.hideMenu} />}\r\n    </React.Fragment>\r\n  )\r\n}\r\n\r\nexport default NewsContainer\r\n","import React, { useEffect, useState, useRef } from 'react'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\n\r\ninterface TimeProps {\r\n  belowReturnButton?: boolean\r\n}\r\n\r\nconst Time = ({ belowReturnButton }: TimeProps): JSX.Element => {\r\n  const translation = useLocaleStore((state) => state.currentTranslations)\r\n  const locale = useLocaleStore((state) => state.locale)\r\n  const [time, setTime] = useState<string>('')\r\n  const timerRef: React.MutableRefObject<any> = useRef(null)\r\n\r\n  /**\r\n   * Set current time (hours and minutes) depending on the locale (ex: adds AM/PM when needed)\r\n   */\r\n  const setCurrentTime = (): void => {\r\n    const now = new Date()\r\n    setTime(\r\n      now.toLocaleTimeString(locale, {\r\n        hour: '2-digit',\r\n        minute: '2-digit'\r\n      })\r\n    )\r\n  }\r\n\r\n  /**\r\n   * On component mount :\r\n   *  - set time\r\n   *  - set interval for time update\r\n   * On component unmount :\r\n   *  - clear interval\r\n   */\r\n  useEffect(() => {\r\n    setCurrentTime()\r\n    timerRef && (timerRef.current = setInterval(setCurrentTime, 1000))\r\n\r\n    return (): void => timerRef && clearInterval(timerRef.current)\r\n  }, [])\r\n\r\n  return (\r\n    <div className={`rf-relative ${belowReturnButton ? 'rf-ml-4' : 'rf-col-start-1 rf-col-span-2 rf-row-start-1 rf-row-span-2 rf-self-start rf-justify-self-start rf-m-4 large:rf-m-8'}`}>\r\n      <div className='rf-w-fit rf-h-fit rf-flex rf-flex-col rf-justify-start rf-items-start rf-text-white'>\r\n        {/* Text 'Live' + round */}\r\n        <div className='rf-w-full rf-text-size-auto rf-px-3 rf-py-0 large:rf-px-4 large:rf-py-1 rf-text-center rf-font-semibold rf-bg-red-600 rf-whitespace-nowrap'>\r\n          {`${translation.news.live.toLocaleUpperCase(locale)} \\u25cf`}\r\n        </div>\r\n        {/* Time */}\r\n        <div className='rf-w-full rf-title-size-auto rf-px-3 rf-py-0 large:rf-px-4 large:rf-py-1 rf-text-center rf-font-bold rf-bg-blue-500'>{time}</div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Time\r\n","import React, { useEffect, useMemo, useState, useRef } from 'react'\r\nimport { useViewStore } from '../Contexts/ViewContext'\r\nimport { useDirectlineStore } from '../Contexts/DirectlineContext'\r\nimport { useSpeechStore } from '../Contexts/SpeechContext'\r\nimport { useUtilsStore } from '../Contexts/UtilsContext'\r\n\r\nimport useNews from '../../hooks/useNews'\r\n\r\nimport type { Image, Media } from '../../models/attachmentTypes'\r\nimport { RetorikActivity } from '../../models/activityTypes'\r\nimport { DeviceType, Routes } from '../../models/enums'\r\n\r\nimport Banner from './Banner'\r\nimport { Carousel } from '../Utils'\r\n\r\ntype NewsProps = {\r\n  intervalInSeconds?: number\r\n  onEnd: () => void\r\n  isRetorikNews?: boolean\r\n}\r\n\r\nconst News = ({ intervalInSeconds = 3, onEnd, isRetorikNews }: NewsProps): JSX.Element => {\r\n  const { newsAttachments, activity } = useNews()\r\n  const route = useViewStore((state) => state.route)\r\n  const isMobile = useViewStore((state) => state.isMobile)\r\n  const newsConfiguration = useViewStore((state) => state.configurations.views.news)\r\n  const currentDeviceType = useViewStore((state) => state.currentDeviceType)\r\n  const retorikNewsEnded = useUtilsStore((state) => state.retorikNewsEnded)\r\n  const addToStreamingQueue = useSpeechStore((state) => state.actions.addToStreamingQueue)\r\n  const setRetorikNewsEnded = useUtilsStore((state) => state.actions.setRetorikNewsEnded)\r\n  const sendEvent = useDirectlineStore((state) => state.actions.sendEvent)\r\n\r\n  const [carouselGridRowStart, setCarouselGridRowStart] = useState<number>()\r\n  const [carouselGridRowSpan, setCarouselGridRowSpan] = useState<number>()\r\n  const [bannerGridRowStart, setBannerGridRowStart] = useState<number>(10)\r\n  const [bannerGridRowSpan, setBannerGridRowSpan] = useState<number>(3)\r\n  // Banner's align-self is flex-end if the position of the banner hasn't been changed, flex-start in borne / landscape modes otherwise\r\n  const [alignSelfEnd, setAlignSelfEnd] = useState<boolean>(true)\r\n  const [current, setCurrent] = useState<number>(0)\r\n  const timerRef: React.MutableRefObject<any> = useRef(null)\r\n\r\n  const news = useMemo(() => {\r\n    return newsAttachments.map((newsAttachement) => newsAttachement.content)\r\n  }, [newsAttachments])\r\n\r\n  useEffect(() => {\r\n    if (!newsAttachments.length) {\r\n      setTimeout(() => {\r\n        sendEvent('news.getAllNews', null)\r\n      }, 2000)\r\n    }\r\n\r\n    return (): void => {\r\n      timerRef && clearTimeout(timerRef.current)\r\n    }\r\n  }, [])\r\n\r\n  useEffect(() => {\r\n    switch (currentDeviceType) {\r\n      case DeviceType.mobile:\r\n      case DeviceType.widget: {\r\n        // Set carousel's and banner's positions\r\n        setAlignSelfEnd(true)\r\n        setCarouselGridRowStart(1)\r\n        setCarouselGridRowSpan(9)\r\n        setBannerGridRowStart(10)\r\n        setBannerGridRowSpan(3)\r\n        break\r\n      }\r\n      case DeviceType.landscape:\r\n      case DeviceType.widgetLandscape: {\r\n        // Check banner's position and set carousel's position if there are no position data for this one\r\n        if (newsConfiguration?.bannerPosition?.landscape) {\r\n          const start = newsConfiguration.bannerPosition.landscape.containerRowStart || 10\r\n          const end = newsConfiguration.bannerPosition.landscape.containerRowEnd || 13\r\n\r\n          setAlignSelfEnd(false)\r\n          setBannerGridRowStart(start)\r\n          setBannerGridRowSpan(end - start)\r\n\r\n          if (!newsConfiguration?.mediaPosition?.landscape) {\r\n            // The base row span of the carousel is 9, if the custom position of the banner allows this span, let's keep it. If not, let's use the max span available.\r\n            if (start > 9) {\r\n              setCarouselGridRowStart(start - 9)\r\n              setCarouselGridRowSpan(9)\r\n            } else {\r\n              setCarouselGridRowStart(1)\r\n              setCarouselGridRowSpan(start - 1)\r\n            }\r\n\r\n            break\r\n          }\r\n        } else {\r\n          setAlignSelfEnd(true)\r\n          setBannerGridRowStart(10)\r\n          setBannerGridRowSpan(3)\r\n        }\r\n\r\n        // Check carousel's position\r\n        if (newsConfiguration?.mediaPosition?.landscape) {\r\n          const start = newsConfiguration.mediaPosition.landscape.containerRowStart || 1\r\n          const end = newsConfiguration.mediaPosition.landscape.containerRowEnd || 10\r\n\r\n          setCarouselGridRowStart(start)\r\n          setCarouselGridRowStart(end - start)\r\n        } else {\r\n          setCarouselGridRowStart(1)\r\n          setCarouselGridRowSpan(9)\r\n        }\r\n\r\n        break\r\n      }\r\n      case DeviceType.borne:\r\n      case DeviceType.widgetBorne: {\r\n        // Check banner's position and set carousel's position if there are no position data for this one\r\n        if (newsConfiguration?.bannerPosition?.borne) {\r\n          const start = newsConfiguration.bannerPosition.borne.containerRowStart || 10\r\n          const end = newsConfiguration.bannerPosition.borne.containerRowEnd || 13\r\n\r\n          setAlignSelfEnd(false)\r\n          setBannerGridRowStart(start)\r\n          setBannerGridRowSpan(end - start)\r\n\r\n          if (!newsConfiguration?.mediaPosition?.borne) {\r\n            // The base row span of the carousel is 4, if the custom position of the banner allows this span, let's keep it. If not, let's use the max span available.\r\n            if (start > 4) {\r\n              setCarouselGridRowStart(start - 4)\r\n              setCarouselGridRowSpan(4)\r\n            } else {\r\n              setCarouselGridRowStart(1)\r\n              setCarouselGridRowSpan(start - 1)\r\n            }\r\n\r\n            break\r\n          }\r\n        } else {\r\n          setAlignSelfEnd(true)\r\n          setBannerGridRowStart(10)\r\n          setBannerGridRowSpan(3)\r\n        }\r\n\r\n        // Check carousel's position\r\n        if (newsConfiguration?.mediaPosition?.borne) {\r\n          const start = newsConfiguration.mediaPosition.borne.containerRowStart || 7\r\n          const end = newsConfiguration.mediaPosition.borne.containerRowEnd || 11\r\n\r\n          setCarouselGridRowStart(start)\r\n          setCarouselGridRowSpan(end - start)\r\n        } else {\r\n          setCarouselGridRowStart(7)\r\n          setCarouselGridRowSpan(4)\r\n        }\r\n        break\r\n      }\r\n    }\r\n  }, [newsConfiguration, currentDeviceType])\r\n\r\n  useEffect(() => {\r\n    const currentNew = news[current]\r\n    if (currentNew) {\r\n      const textTitle = newsConfiguration?.removeTitleFromTextToSpeak ? '' : `${currentNew.title}, <break/> `\r\n      const textSubtitle = newsConfiguration?.removeSubtitleFromTextToSpeak ? '' : `${currentNew.subtitle}: <break/> `\r\n\r\n      const tempActivity: RetorikActivity = {\r\n        ...activity,\r\n        speak: `${textTitle}${textSubtitle}${currentNew.text}`\r\n      } as RetorikActivity\r\n\r\n      addToStreamingQueue(tempActivity)\r\n    }\r\n  }, [activity, current])\r\n\r\n  const currentMedia = useMemo<Array<Image | Media>>(() => {\r\n    const currentNew = news[current]\r\n    if (currentNew) {\r\n      if (currentNew.media?.length) {\r\n        return currentNew.media\r\n      } else if (currentNew.image?.url) {\r\n        return [currentNew.image]\r\n      }\r\n    }\r\n\r\n    return []\r\n  }, [news, current])\r\n\r\n  useEffect(() => {\r\n    if (retorikNewsEnded) {\r\n      if (news.length) {\r\n        if (current < news.length - 1) {\r\n          const delay = current < news.length - 1 ? intervalInSeconds : intervalInSeconds * 3\r\n          timerRef && clearTimeout(timerRef.current)\r\n          if (route === Routes.News || isRetorikNews) {\r\n            timerRef.current = setTimeout(next, delay * 1000)\r\n          }\r\n        } else {\r\n          onEnd()\r\n        }\r\n      }\r\n\r\n      setRetorikNewsEnded(false)\r\n    }\r\n  }, [retorikNewsEnded])\r\n\r\n  const next = (): void => {\r\n    const next = (current + 1) % news.length\r\n    changeNews(next)\r\n  }\r\n\r\n  const changeNews = (next: number): void => {\r\n    setCurrent(next)\r\n  }\r\n\r\n  return news.length && current >= 0 ? (\r\n    <React.Fragment>\r\n      {/* Carousel in landscape / borne display */}\r\n      {!isMobile && (\r\n        <div\r\n          className='rf-relative rf-col-start-5 rf-col-span-3 large-vertical:rf-col-start-2 large-vertical:rf-col-end-8 rf-flex rf-justify-center rf-items-center'\r\n          style={{\r\n            gridRow: `${carouselGridRowStart} / span ${carouselGridRowSpan}`\r\n          }}\r\n        >\r\n          {currentMedia.length ? (\r\n            <Carousel className='rf-z-[10] rf-max-h-4/5 large-vertical:rf-max-h-11/12 rf-max-w-full' medias={news[current].media || [news[current].image || { url: '' }]} />\r\n          ) : (\r\n            <React.Fragment />\r\n          )}\r\n        </div>\r\n      )}\r\n\r\n      {/* Lower banner with title / subtitle / text */}\r\n      <Banner news={news[current]} gridRowStart={bannerGridRowStart} gridRowSpan={bannerGridRowSpan} alignSelfEnd={alignSelfEnd} />\r\n    </React.Fragment>\r\n  ) : (\r\n    <React.Fragment />\r\n  )\r\n}\r\n\r\nexport default News\r\n","import { CONTENT_TYPE_NEWS, NewsContent } from '../models/attachmentTypes'\r\nimport type { RetorikActivity } from '../models/activityTypes'\r\nimport { useActivityStore } from '../components/Contexts/ActivityContext'\r\n\r\ntype NewsAttachment = {\r\n  contentType: string\r\n  content: NewsContent\r\n}\r\n\r\nconst useNews = (): {\r\n  newsAttachments: Array<NewsAttachment>\r\n  activity?: RetorikActivity\r\n} => {\r\n  const activities = useActivityStore((state) => state.botEventActivities)\r\n\r\n  if (!activities.length) {\r\n    return { newsAttachments: [] }\r\n  }\r\n\r\n  // Filter messages that can income during news, with label = Davi.BringupMessage\r\n  const filterBringUpActivities = activities.filter(\r\n    (act: any) => act.label !== 'Davi.BringupMessage'\r\n  )\r\n\r\n  const activity = filterBringUpActivities[\r\n    filterBringUpActivities.length - 1\r\n  ] as any\r\n\r\n  if (!activity || !activity.attachments?.length) {\r\n    return { newsAttachments: [], activity }\r\n  }\r\n\r\n  const newsAttachments: NewsAttachment[] = []\r\n  activity.attachments.forEach((attachment) => {\r\n    if (attachment.contentType === CONTENT_TYPE_NEWS) {\r\n      newsAttachments.push({\r\n        contentType: CONTENT_TYPE_NEWS,\r\n        content: attachment.content || ''\r\n      })\r\n    }\r\n  })\r\n\r\n  return { newsAttachments, activity }\r\n}\r\n\r\nexport default useNews\r\n","import React, { useEffect, useMemo, useRef, useState } from 'react'\r\nimport { useViewStore } from '../Contexts/ViewContext'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\n\r\nimport type { NewsContent } from '../../models/attachmentTypes'\r\nimport { capitalizeFirstLetter } from '../../utils/capitalizeFirstLetter'\r\nimport BannerTopMobile from './BannerTopMobile'\r\nimport BannerTopLarge from './BannerTopLarge'\r\n\r\ninterface BannerProps {\r\n  news: NewsContent\r\n  gridRowStart: number\r\n  gridRowSpan: number\r\n  alignSelfEnd: boolean\r\n}\r\n\r\nconst Banner = ({ news, gridRowStart, gridRowSpan, alignSelfEnd }: BannerProps): JSX.Element => {\r\n  const translation = useLocaleStore((state) => state.currentTranslations)\r\n  const locale = useLocaleStore((state) => state.localeForRetorikStudioContent)\r\n  const isRTL = useLocaleStore((state) => state.isRTL)\r\n  const isMobile = useViewStore((state) => state.isMobile)\r\n  const currentWidth = useViewStore((state) => state.currentWidth)\r\n  const newsConfiguration = useViewStore((state) => state.configurations.views.news)\r\n\r\n  const timerRef: React.MutableRefObject<any> = useRef(null)\r\n  const [scrollDuration, setScrollDuration] = useState<number>(0)\r\n\r\n  const category = useMemo<string>(() => {\r\n    if (news.category) {\r\n      return news.category\r\n    } else if (newsConfiguration?.bannerTitleLocalized?.[locale]) {\r\n      return newsConfiguration.bannerTitleLocalized[locale]\r\n    } else if (newsConfiguration?.bannerTitle) {\r\n      return newsConfiguration.bannerTitle\r\n    }\r\n\r\n    return translation.news.continuous\r\n  }, [news, newsConfiguration, locale, translation])\r\n\r\n  /**\r\n   * Set animation for text horizontal scrolling if necessary\r\n   */\r\n  const updateDuration = (): void => {\r\n    // Reset animation\r\n    setScrollDuration(0)\r\n    // Set animation, after a 1s timeout\r\n    timerRef &&\r\n      (timerRef.current = setTimeout(() => {\r\n        setScrollDuration(Math.floor(news.text.length / 11))\r\n      }, 1000))\r\n  }\r\n\r\n  /**\r\n   * On news props change :\r\n   *  - call updateDuration function\r\n   * On component unmount :\r\n   *  - clear timeout\r\n   */\r\n  useEffect(() => {\r\n    updateDuration()\r\n\r\n    return (): void => timerRef && clearTimeout(timerRef.current)\r\n  }, [news])\r\n\r\n  return (\r\n    <div\r\n      dir={isRTL ? 'rtl' : 'ltr'}\r\n      className='rf-h-fit rf-z-util rf-col-start-1 rf-col-span-full large:rf-mb-6 rf-flex rf-flex-col rf-items-center rf-glass-background rf-text-white'\r\n      style={{\r\n        alignSelf: alignSelfEnd ? 'flex-end' : 'flex-start',\r\n        gridRow: `${gridRowStart} / span ${gridRowSpan}`\r\n      }}\r\n    >\r\n      {/* Category + Image (mobile) + Title + Subtitle */}\r\n      {isMobile ? (\r\n        <BannerTopMobile category={category} title={news.title} subtitle={news.subtitle} url={news.image?.url} />\r\n      ) : (\r\n        <BannerTopLarge category={category} title={news.title} subtitle={news.subtitle} />\r\n      )}\r\n\r\n      {/* Text */}\r\n      <div\r\n        dir='ltr'\r\n        className='rf-w-full rf-pr-4 rf-py-2 large:rf-py-4 rf-subtitle-size-auto rf-text-black rf-bg-white rf-overflow-clip'\r\n        style={{\r\n          paddingLeft: currentWidth\r\n        }}\r\n      >\r\n        {scrollDuration !== 0 ? (\r\n          <p\r\n            className='rf-w-max rf-whitespace-nowrap rf-animate-hScroll'\r\n            style={{\r\n              animation: `rf-hScroll ${scrollDuration}s infinite linear`,\r\n              paddingRight: currentWidth\r\n            }}\r\n          >\r\n            {news.text ? capitalizeFirstLetter(news.text) : '...'}\r\n          </p>\r\n        ) : (\r\n          <p className='rf-w-max rf-whitespace-nowrap'>{news.text ? capitalizeFirstLetter(news.text) : '...'}</p>\r\n        )}\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Banner\r\n","import React from 'react'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\nimport { capitalizeFirstLetter } from '../../utils/capitalizeFirstLetter'\r\n\r\ninterface BannerTopMobileProps {\r\n  category: string\r\n  title?: string\r\n  subtitle?: string\r\n  url?: string\r\n}\r\n\r\nconst BannerTopMobile = ({ category, title, subtitle, url }: BannerTopMobileProps): JSX.Element => {\r\n  const locale = useLocaleStore((state) => state.locale)\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <div className='rf-w-full rf-px-4 rf-py-2 rf-font-bold rf-bg-red-600 rf-whitespace-nowrap rf-text-size-auto'>{category?.toLocaleUpperCase(locale)}</div>\r\n\r\n      <div className='rf-w-full rf-flex rf-flex-row'>\r\n        {/* Image */}\r\n        {url && (\r\n          <div\r\n            className='rf-aspect-video rf-w-1/4'\r\n            style={{\r\n              backgroundImage: `url(${url})`,\r\n              backgroundSize: 'cover',\r\n              backgroundRepeat: 'no-repeat',\r\n              backgroundPosition: 'center'\r\n            }}\r\n          />\r\n        )}\r\n\r\n        {/* Title + Subtitle */}\r\n        <div className='rf-px-4 rf-py-1 rf-font-bold'>\r\n          <div className='rf-text-size-auto rf-line-clamp-1'>{title && title.toLocaleUpperCase(locale)}</div>\r\n          <div className='rf-text-basecustom rf-line-clamp-2'>{subtitle ? capitalizeFirstLetter(subtitle) : '...'}</div>\r\n        </div>\r\n      </div>\r\n    </React.Fragment>\r\n  )\r\n}\r\n\r\nexport default BannerTopMobile\r\n","import React from 'react'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\nimport { capitalizeFirstLetter } from '../../utils/capitalizeFirstLetter'\r\n\r\ninterface BannerTopLargeProps {\r\n  category: string\r\n  title?: string\r\n  subtitle?: string\r\n}\r\n\r\nconst BannerTopLarge = ({ category, title, subtitle }: BannerTopLargeProps): JSX.Element => {\r\n  const locale = useLocaleStore((state) => state.locale)\r\n\r\n  return (\r\n    <React.Fragment>\r\n      {/* Category + title */}\r\n      <div className='rf-w-full rf-flex rf-flex-row rf-justify-start rf-text-size-auto'>\r\n        <div className='rf-px-4 rf-py-3 rf-font-bold rf-bg-red-600 rf-whitespace-nowrap'>{category?.toLocaleUpperCase(locale)}</div>\r\n        <div className='rf-px-4 rf-mb-2 rf-mt-2 large:rf-mt-3 rf-font-bold rf-line-clamp-1'>{title?.toLocaleUpperCase(locale)}</div>\r\n      </div>\r\n\r\n      {/* Subtitle */}\r\n      <div className='rf-w-full rf-h-fit rf-flex rf-flex-row rf-justify-start'>\r\n        <div className='rf-px-4 rf-my-2 large:rf-my-3 rf-title-large-size-auto rf-line-clamp-2'>{subtitle ? capitalizeFirstLetter(subtitle) : '...'}</div>\r\n      </div>\r\n    </React.Fragment>\r\n  )\r\n}\r\n\r\nexport default BannerTopLarge\r\n"],"names":[],"version":3,"file":"NewsContainer.f0d2ee9c.js.map"}
+{"mappings":"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","sources":["src/components/News/NewsContainer.tsx","src/components/News/Time.tsx","src/components/News/News.tsx","src/hooks/useNews.tsx","src/components/News/Banner.tsx","src/components/News/BannerTopMobile.tsx","src/components/News/BannerTopLarge.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\nimport { useViewStore } from '../Contexts/ViewContext'\r\nimport { useSpeechStore } from '../Contexts/SpeechContext'\r\nimport { useRetorikStore } from '../Contexts/RetorikContext'\r\nimport { useDirectlineStore } from '../Contexts/DirectlineContext'\r\n\r\nimport type { NewsConfig } from '../../models/types'\r\nimport { Routes } from '../../models/enums'\r\n\r\nimport Background from '../Common/Background'\r\nimport Time from '../News/Time'\r\nimport News from '../News/News'\r\nimport Weather from '../Weather/Weather'\r\nimport AbsoluteLargeClosingButton from '../Utils/SubView/AbsoluteLargeClosingButton'\r\nimport CloseButton from '../Common/CloseButton'\r\nimport MenuDisplayer from '../Menus/MenuDisplayer'\r\nimport { BackButton } from '../Menu/Common'\r\n\r\ninterface NewsContainerProps {\r\n  hideMenu?: boolean\r\n  isRetorikNews?: boolean\r\n  handleEndedWithoutloop?: () => void\r\n}\r\n\r\n// Steps enum\r\nenum Steps {\r\n  opening = 1,\r\n  news,\r\n  events,\r\n  weather,\r\n  ending\r\n}\r\n\r\nconst NewsContainer = ({ hideMenu, isRetorikNews, handleEndedWithoutloop }: NewsContainerProps): JSX.Element => {\r\n  const translation = useLocaleStore((state) => state.currentTranslations)\r\n  const configuration = useRetorikStore((state) => state.configuration)\r\n  const muted = useSpeechStore((state) => state.muted)\r\n  const isMobile = useViewStore((state) => state.isMobile)\r\n  const isLandscape = useViewStore((state) => state.isLandscape)\r\n  const isBorne = useViewStore((state) => state.isBorne)\r\n  const configurations = useViewStore((state) => state.configurations)\r\n  const { setRoute, setDisplayControls } = useViewStore((state) => state.actions)\r\n  const setMuted = useSpeechStore((state) => state.actions.setMuted)\r\n  const setDisplayAgentInNews = useRetorikStore((state) => state.actions.setDisplayAgentInNews)\r\n  const sendEvent = useDirectlineStore((state) => state.actions.sendEvent)\r\n\r\n  const [displayData, setDisplayData] = useState<NewsConfig>(configurations.views.news || configurations.views.home)\r\n  const [step, setStep] = useState<number>(configurations.views.news?.openingVideo ? Steps.opening : Steps.news)\r\n  const timerRef: React.MutableRefObject<any> = useRef(null)\r\n  const newsEndedTimerRef: React.MutableRefObject<any> = useRef(null)\r\n\r\n  /**\r\n   * On call :\r\n   *  - if the component is news-only, return\r\n   *  - else set ViewContext's route state to 'home'\r\n   */\r\n  const handleBack = (): void => {\r\n    if (isRetorikNews) {\r\n      return\r\n    }\r\n    setRoute(Routes.Home)\r\n  }\r\n\r\n  useEffect(() => {\r\n    configuration.useOldRemote && setDisplayControls(false)\r\n    muted && setMuted(false)\r\n\r\n    return () => {\r\n      // Send closing events unless we are using RetorikNews component\r\n      if (!isRetorikNews) {\r\n        sendEvent('Davi.CloseWindow', null, () => sendEvent('Davi.CloseWindowNews', null))\r\n      }\r\n    }\r\n  }, [])\r\n\r\n  /**\r\n   * On step change :\r\n   *  - switch on the current step to launch corresponding processing\r\n   * On component unmount :\r\n   *  - clear timerRef timeout\r\n   */\r\n  useEffect(() => {\r\n    switch (step) {\r\n      case Steps.opening: {\r\n        setDisplayAgentInNews(false)\r\n        const videoUrl = configurations.views.news?.openingVideo\r\n        videoUrl ? setViewContextCurrentConfiguration(videoUrl as string) : setStep(Steps.news)\r\n        break\r\n      }\r\n      case Steps.news:\r\n        setDisplayAgentInNews(true)\r\n        setDisplayData(configurations.views.news || configurations.views.home)\r\n        break\r\n      case Steps.events:\r\n        break\r\n      case Steps.weather:\r\n        setDisplayAgentInNews(false)\r\n        // If the position is known, display the weather page during 10 seconds, otherwise switch to the next step directly\r\n        configuration.position?.latitude && configuration.position?.longitude\r\n          ? (timerRef.current = setTimeout(() => {\r\n              setStep(Steps.ending)\r\n            }, 10000))\r\n          : setStep(Steps.ending)\r\n        break\r\n      case Steps.ending: {\r\n        setDisplayAgentInNews(false)\r\n        const videoUrl = configurations.views.news?.openingVideo\r\n        videoUrl ? setViewContextCurrentConfiguration(videoUrl as string) : exitNewsOrLoop()\r\n        break\r\n      }\r\n      default:\r\n        break\r\n    }\r\n\r\n    return (): void => {\r\n      timerRef && clearTimeout(timerRef.current)\r\n      newsEndedTimerRef && clearTimeout(newsEndedTimerRef.current)\r\n    }\r\n  }, [step])\r\n\r\n  /**\r\n   * On call :\r\n   *  - set the current display configuration to have the given video as background\r\n   * @param videoUrl\r\n   */\r\n  const setViewContextCurrentConfiguration = (videoUrl: string): void => {\r\n    setDisplayData({\r\n      ...configurations.views.news,\r\n      background: {\r\n        video: videoUrl,\r\n        style: 'video'\r\n      }\r\n    })\r\n  }\r\n\r\n  /**\r\n   * On call :\r\n   *  - send the event 'newsEnded' used in retorik Kiosk\r\n   *  - if the component is news-only :\r\n   *    + if 'loop' is explicitly set to false, call props' handleEndedWithoutloop method if defined. Call handleBack method otherwise\r\n   *    + if 'loop' is not false, loop by setting step state to Steps.news\r\n   *  - or else if 'loop' parameter in configuration is true, get back to Steps.news step. Call handleBack method otherwise\r\n   */\r\n  const exitNewsOrLoop = (): void => {\r\n    // Send event 'newsEnded'\r\n    const endEvent = new Event('newsEnded')\r\n    document.dispatchEvent(endEvent)\r\n    // Relaunch from the start if this is a news-only component and loop hasn't explicitly been set to false\r\n    isRetorikNews\r\n      ? displayData.loop !== false\r\n        ? setStep(Steps.news)\r\n        : handleEndedWithoutloop\r\n        ? handleEndedWithoutloop()\r\n        : handleBack()\r\n      : // Relaunch from the start if the loop is activated, otherwise get back to homepage\r\n      displayData.loop\r\n      ? setStep(Steps.news)\r\n      : handleBack()\r\n  }\r\n\r\n  /**\r\n   * On video end :\r\n   *  - if we are at the opening step, let's set the step state to Steps.news to launch the news\r\n   *  - if we are at the ending step, call exitNewsOrLoop function\r\n   */\r\n  const handleVideoEnd = (): void => {\r\n    switch (step) {\r\n      case Steps.opening:\r\n        setStep(Steps.news)\r\n        break\r\n      case Steps.ending:\r\n        exitNewsOrLoop()\r\n        break\r\n    }\r\n  }\r\n\r\n  /**\r\n   * On news end :\r\n   *  - wait 3 seconds\r\n   *  - get to the next step (Steps.events)\r\n   */\r\n  const handleNewsEnd = (): void => {\r\n    newsEndedTimerRef &&\r\n      (newsEndedTimerRef.current = setTimeout(() => {\r\n        // setStep(Steps.events)\r\n        setStep(Steps.weather)\r\n      }, 3000))\r\n  }\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <Background config={displayData.background} videoLoop={false} videoMuted={true} onVideoEnded={handleVideoEnd} />\r\n\r\n      {/* Timer + back button in mobile / widget mode */}\r\n      {isMobile && !isRetorikNews && !hideMenu ? (\r\n        <div className='rf-relative rf-z-util rf-col-start-1 rf-col-span-full rf-row-start-1 rf-flex rf-flex-col rf-gap-2 rf-items-start'>\r\n          <BackButton title={translation.common.back} handleBack={handleBack} className='rf-pr-2 rf-mt-4 rf-ml-4 rf-text-size-auto rf-bg-truewhite rf-rounded-lg' />\r\n          <Time belowReturnButton={true} />\r\n        </div>\r\n      ) : (\r\n        <Time />\r\n      )}\r\n\r\n      {/* News step */}\r\n      {step === Steps.news && <News intervalInSeconds={displayData.intervalInSeconds ? (displayData.intervalInSeconds as number) : undefined} onEnd={handleNewsEnd} isRetorikNews={isRetorikNews} />}\r\n\r\n      {step === Steps.weather && <Weather handleClose={handleBack} />}\r\n\r\n      {/* Closing button if it needs to be displayed */}\r\n      {!hideMenu && <AbsoluteLargeClosingButton dashboardVisible={true} onClick={handleBack} />}\r\n\r\n      {!hideMenu && isLandscape && !configuration.useOldRemote && !isRetorikNews && <CloseButton onClick={handleBack} className='rf-z-menu' showLabel={true} />}\r\n\r\n      {!hideMenu && isBorne && !configuration.useOldRemote && !isRetorikNews && <MenuDisplayer hideMenu={configuration?.hideMenu} />}\r\n    </React.Fragment>\r\n  )\r\n}\r\n\r\nexport default NewsContainer\r\n","import React, { useEffect, useState, useRef } from 'react'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\n\r\ninterface TimeProps {\r\n  belowReturnButton?: boolean\r\n}\r\n\r\nconst Time = ({ belowReturnButton }: TimeProps): JSX.Element => {\r\n  const translation = useLocaleStore((state) => state.currentTranslations)\r\n  const locale = useLocaleStore((state) => state.locale)\r\n  const [time, setTime] = useState<string>('')\r\n  const timerRef: React.MutableRefObject<any> = useRef(null)\r\n\r\n  /**\r\n   * Set current time (hours and minutes) depending on the locale (ex: adds AM/PM when needed)\r\n   */\r\n  const setCurrentTime = (): void => {\r\n    const now = new Date()\r\n    setTime(\r\n      now.toLocaleTimeString(locale, {\r\n        hour: '2-digit',\r\n        minute: '2-digit'\r\n      })\r\n    )\r\n  }\r\n\r\n  /**\r\n   * On component mount :\r\n   *  - set time\r\n   *  - set interval for time update\r\n   * On component unmount :\r\n   *  - clear interval\r\n   */\r\n  useEffect(() => {\r\n    setCurrentTime()\r\n    timerRef && (timerRef.current = setInterval(setCurrentTime, 1000))\r\n\r\n    return (): void => timerRef && clearInterval(timerRef.current)\r\n  }, [])\r\n\r\n  return (\r\n    <div className={`rf-relative ${belowReturnButton ? 'rf-ml-4' : 'rf-col-start-1 rf-col-span-2 rf-row-start-1 rf-row-span-2 rf-self-start rf-justify-self-start rf-m-4 large:rf-m-8'}`}>\r\n      <div className='rf-w-fit rf-h-fit rf-flex rf-flex-col rf-justify-start rf-items-start rf-text-white'>\r\n        {/* Text 'Live' + round */}\r\n        <div className='rf-w-full rf-text-size-auto rf-px-3 rf-py-0 large:rf-px-4 large:rf-py-1 rf-text-center rf-font-semibold rf-bg-red-600 rf-whitespace-nowrap'>\r\n          {`${translation.news.live.toLocaleUpperCase(locale)} \\u25cf`}\r\n        </div>\r\n        {/* Time */}\r\n        <div className='rf-w-full rf-title-size-auto rf-px-3 rf-py-0 large:rf-px-4 large:rf-py-1 rf-text-center rf-font-bold rf-bg-blue-500'>{time}</div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Time\r\n","import React, { useEffect, useMemo, useState, useRef } from 'react'\r\nimport { useViewStore } from '../Contexts/ViewContext'\r\nimport { useDirectlineStore } from '../Contexts/DirectlineContext'\r\nimport { useSpeechStore } from '../Contexts/SpeechContext'\r\nimport { useUtilsStore } from '../Contexts/UtilsContext'\r\n\r\nimport useNews from '../../hooks/useNews'\r\n\r\nimport type { Image, Media } from '../../models/attachmentTypes'\r\nimport { RetorikActivity } from '../../models/activityTypes'\r\nimport { DeviceType, Routes } from '../../models/enums'\r\n\r\nimport Banner from './Banner'\r\nimport { Carousel } from '../Utils'\r\n\r\ntype NewsProps = {\r\n  intervalInSeconds?: number\r\n  onEnd: () => void\r\n  isRetorikNews?: boolean\r\n}\r\n\r\nconst News = ({ intervalInSeconds = 3, onEnd, isRetorikNews }: NewsProps): JSX.Element => {\r\n  const { newsAttachments, activity } = useNews()\r\n  const route = useViewStore((state) => state.route)\r\n  const isMobile = useViewStore((state) => state.isMobile)\r\n  const newsConfiguration = useViewStore((state) => state.configurations.views.news)\r\n  const currentDeviceType = useViewStore((state) => state.currentDeviceType)\r\n  const retorikNewsEnded = useUtilsStore((state) => state.retorikNewsEnded)\r\n  const addToStreamingQueue = useSpeechStore((state) => state.actions.addToStreamingQueue)\r\n  const setRetorikNewsEnded = useUtilsStore((state) => state.actions.setRetorikNewsEnded)\r\n  const sendEvent = useDirectlineStore((state) => state.actions.sendEvent)\r\n\r\n  const [carouselGridRowStart, setCarouselGridRowStart] = useState<number>()\r\n  const [carouselGridRowSpan, setCarouselGridRowSpan] = useState<number>()\r\n  const [bannerGridRowStart, setBannerGridRowStart] = useState<number>(10)\r\n  const [bannerGridRowSpan, setBannerGridRowSpan] = useState<number>(3)\r\n  // Banner's align-self is flex-end if the position of the banner hasn't been changed, flex-start in borne / landscape modes otherwise\r\n  const [alignSelfEnd, setAlignSelfEnd] = useState<boolean>(true)\r\n  const [current, setCurrent] = useState<number>(0)\r\n  const timerRef: React.MutableRefObject<any> = useRef(null)\r\n\r\n  const news = useMemo(() => {\r\n    return newsAttachments.map((newsAttachement) => newsAttachement.content)\r\n  }, [newsAttachments])\r\n\r\n  useEffect(() => {\r\n    if (!newsAttachments.length) {\r\n      setTimeout(() => {\r\n        sendEvent('news.getAllNews', null)\r\n      }, 2000)\r\n    }\r\n\r\n    return (): void => {\r\n      timerRef && clearTimeout(timerRef.current)\r\n    }\r\n  }, [])\r\n\r\n  useEffect(() => {\r\n    switch (currentDeviceType) {\r\n      case DeviceType.mobile:\r\n      case DeviceType.widget: {\r\n        // Set carousel's and banner's positions\r\n        setAlignSelfEnd(true)\r\n        setCarouselGridRowStart(1)\r\n        setCarouselGridRowSpan(9)\r\n        setBannerGridRowStart(10)\r\n        setBannerGridRowSpan(3)\r\n        break\r\n      }\r\n      case DeviceType.landscape:\r\n      case DeviceType.widgetLandscape: {\r\n        // Check banner's position and set carousel's position if there are no position data for this one\r\n        if (newsConfiguration?.bannerPosition?.landscape) {\r\n          const start = newsConfiguration.bannerPosition.landscape.containerRowStart || 10\r\n          const end = newsConfiguration.bannerPosition.landscape.containerRowEnd || 13\r\n\r\n          setAlignSelfEnd(false)\r\n          setBannerGridRowStart(start)\r\n          setBannerGridRowSpan(end - start)\r\n\r\n          if (!newsConfiguration?.mediaPosition?.landscape) {\r\n            // The base row span of the carousel is 9, if the custom position of the banner allows this span, let's keep it. If not, let's use the max span available.\r\n            if (start > 9) {\r\n              setCarouselGridRowStart(start - 9)\r\n              setCarouselGridRowSpan(9)\r\n            } else {\r\n              setCarouselGridRowStart(1)\r\n              setCarouselGridRowSpan(start - 1)\r\n            }\r\n\r\n            break\r\n          }\r\n        } else {\r\n          setAlignSelfEnd(true)\r\n          setBannerGridRowStart(10)\r\n          setBannerGridRowSpan(3)\r\n        }\r\n\r\n        // Check carousel's position\r\n        if (newsConfiguration?.mediaPosition?.landscape) {\r\n          const start = newsConfiguration.mediaPosition.landscape.containerRowStart || 1\r\n          const end = newsConfiguration.mediaPosition.landscape.containerRowEnd || 10\r\n\r\n          setCarouselGridRowStart(start)\r\n          setCarouselGridRowStart(end - start)\r\n        } else {\r\n          setCarouselGridRowStart(1)\r\n          setCarouselGridRowSpan(9)\r\n        }\r\n\r\n        break\r\n      }\r\n      case DeviceType.borne:\r\n      case DeviceType.widgetBorne: {\r\n        // Check banner's position and set carousel's position if there are no position data for this one\r\n        if (newsConfiguration?.bannerPosition?.borne) {\r\n          const start = newsConfiguration.bannerPosition.borne.containerRowStart || 10\r\n          const end = newsConfiguration.bannerPosition.borne.containerRowEnd || 13\r\n\r\n          setAlignSelfEnd(false)\r\n          setBannerGridRowStart(start)\r\n          setBannerGridRowSpan(end - start)\r\n\r\n          if (!newsConfiguration?.mediaPosition?.borne) {\r\n            // The base row span of the carousel is 4, if the custom position of the banner allows this span, let's keep it. If not, let's use the max span available.\r\n            if (start > 4) {\r\n              setCarouselGridRowStart(start - 4)\r\n              setCarouselGridRowSpan(4)\r\n            } else {\r\n              setCarouselGridRowStart(1)\r\n              setCarouselGridRowSpan(start - 1)\r\n            }\r\n\r\n            break\r\n          }\r\n        } else {\r\n          setAlignSelfEnd(true)\r\n          setBannerGridRowStart(10)\r\n          setBannerGridRowSpan(3)\r\n        }\r\n\r\n        // Check carousel's position\r\n        if (newsConfiguration?.mediaPosition?.borne) {\r\n          const start = newsConfiguration.mediaPosition.borne.containerRowStart || 7\r\n          const end = newsConfiguration.mediaPosition.borne.containerRowEnd || 11\r\n\r\n          setCarouselGridRowStart(start)\r\n          setCarouselGridRowSpan(end - start)\r\n        } else {\r\n          setCarouselGridRowStart(7)\r\n          setCarouselGridRowSpan(4)\r\n        }\r\n        break\r\n      }\r\n    }\r\n  }, [newsConfiguration, currentDeviceType])\r\n\r\n  useEffect(() => {\r\n    const currentNew = news[current]\r\n    if (currentNew) {\r\n      const textTitle = newsConfiguration?.removeTitleFromTextToSpeak ? '' : `${currentNew.title}, <break/> `\r\n      const textSubtitle = newsConfiguration?.removeSubtitleFromTextToSpeak ? '' : `${currentNew.subtitle}: <break/> `\r\n\r\n      const tempActivity: RetorikActivity = {\r\n        ...activity,\r\n        speak: `${textTitle}${textSubtitle}${currentNew.text}`\r\n      } as RetorikActivity\r\n\r\n      addToStreamingQueue(tempActivity)\r\n    }\r\n  }, [activity, current])\r\n\r\n  const currentMedia = useMemo<Array<Image | Media>>(() => {\r\n    const currentNew = news[current]\r\n    if (currentNew) {\r\n      if (currentNew.media?.length) {\r\n        return currentNew.media\r\n      } else if (currentNew.image?.url) {\r\n        return [currentNew.image]\r\n      }\r\n    }\r\n\r\n    return []\r\n  }, [news, current])\r\n\r\n  useEffect(() => {\r\n    if (retorikNewsEnded) {\r\n      if (news.length) {\r\n        if (current < news.length - 1) {\r\n          const delay = current < news.length - 1 ? intervalInSeconds : intervalInSeconds * 3\r\n          timerRef && clearTimeout(timerRef.current)\r\n          if (route === Routes.News || isRetorikNews) {\r\n            timerRef.current = setTimeout(next, delay * 1000)\r\n          }\r\n        } else {\r\n          onEnd()\r\n        }\r\n      }\r\n\r\n      setRetorikNewsEnded(false)\r\n    }\r\n  }, [retorikNewsEnded])\r\n\r\n  const next = (): void => {\r\n    const next = (current + 1) % news.length\r\n    changeNews(next)\r\n  }\r\n\r\n  const changeNews = (next: number): void => {\r\n    setCurrent(next)\r\n  }\r\n\r\n  return news.length && current >= 0 ? (\r\n    <React.Fragment>\r\n      {/* Carousel in landscape / borne display */}\r\n      {!isMobile && (\r\n        <div\r\n          className='rf-relative rf-col-start-5 rf-col-span-3 large-vertical:rf-col-start-2 large-vertical:rf-col-end-8 rf-flex rf-justify-center rf-items-center'\r\n          style={{\r\n            gridRow: `${carouselGridRowStart} / span ${carouselGridRowSpan}`\r\n          }}\r\n        >\r\n          {currentMedia.length ? (\r\n            <Carousel className='rf-z-[10] rf-max-h-4/5 large-vertical:rf-max-h-11/12 rf-max-w-full' medias={news[current].media || [news[current].image || { url: '' }]} />\r\n          ) : (\r\n            <React.Fragment />\r\n          )}\r\n        </div>\r\n      )}\r\n\r\n      {/* Lower banner with title / subtitle / text */}\r\n      <Banner news={news[current]} gridRowStart={bannerGridRowStart} gridRowSpan={bannerGridRowSpan} alignSelfEnd={alignSelfEnd} />\r\n    </React.Fragment>\r\n  ) : (\r\n    <React.Fragment />\r\n  )\r\n}\r\n\r\nexport default News\r\n","import { CONTENT_TYPE_NEWS, NewsContent } from '../models/attachmentTypes'\r\nimport type { RetorikActivity } from '../models/activityTypes'\r\nimport { useActivityStore } from '../components/Contexts/ActivityContext'\r\n\r\ntype NewsAttachment = {\r\n  contentType: string\r\n  content: NewsContent\r\n}\r\n\r\nconst useNews = (): {\r\n  newsAttachments: Array<NewsAttachment>\r\n  activity?: RetorikActivity\r\n} => {\r\n  const activities = useActivityStore((state) => state.botEventActivities)\r\n\r\n  if (!activities.length) {\r\n    return { newsAttachments: [] }\r\n  }\r\n\r\n  // Filter messages that can income during news, with label = Davi.BringupMessage\r\n  const filterBringUpActivities = activities.filter(\r\n    (act: any) => act.label !== 'Davi.BringupMessage'\r\n  )\r\n\r\n  const activity = filterBringUpActivities[\r\n    filterBringUpActivities.length - 1\r\n  ] as any\r\n\r\n  if (!activity || !activity.attachments?.length) {\r\n    return { newsAttachments: [], activity }\r\n  }\r\n\r\n  const newsAttachments: NewsAttachment[] = []\r\n  activity.attachments.forEach((attachment) => {\r\n    if (attachment.contentType === CONTENT_TYPE_NEWS) {\r\n      newsAttachments.push({\r\n        contentType: CONTENT_TYPE_NEWS,\r\n        content: attachment.content || ''\r\n      })\r\n    }\r\n  })\r\n\r\n  return { newsAttachments, activity }\r\n}\r\n\r\nexport default useNews\r\n","import React, { useEffect, useMemo, useRef, useState } from 'react'\r\nimport { useViewStore } from '../Contexts/ViewContext'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\n\r\nimport type { NewsContent } from '../../models/attachmentTypes'\r\nimport { capitalizeFirstLetter } from '../../utils/capitalizeFirstLetter'\r\nimport BannerTopMobile from './BannerTopMobile'\r\nimport BannerTopLarge from './BannerTopLarge'\r\n\r\ninterface BannerProps {\r\n  news: NewsContent\r\n  gridRowStart: number\r\n  gridRowSpan: number\r\n  alignSelfEnd: boolean\r\n}\r\n\r\nconst Banner = ({ news, gridRowStart, gridRowSpan, alignSelfEnd }: BannerProps): JSX.Element => {\r\n  const translation = useLocaleStore((state) => state.currentTranslations)\r\n  const locale = useLocaleStore((state) => state.localeForRetorikStudioContent)\r\n  const isRTL = useLocaleStore((state) => state.isRTL)\r\n  const isMobile = useViewStore((state) => state.isMobile)\r\n  const currentWidth = useViewStore((state) => state.currentWidth)\r\n  const newsConfiguration = useViewStore((state) => state.configurations.views.news)\r\n\r\n  const timerRef: React.MutableRefObject<any> = useRef(null)\r\n  const [scrollDuration, setScrollDuration] = useState<number>(0)\r\n\r\n  const category = useMemo<string>(() => {\r\n    if (news.category) {\r\n      return news.category\r\n    } else if (newsConfiguration?.bannerTitleLocalized?.[locale]) {\r\n      return newsConfiguration.bannerTitleLocalized[locale]\r\n    } else if (newsConfiguration?.bannerTitle) {\r\n      return newsConfiguration.bannerTitle\r\n    }\r\n\r\n    return translation.news.continuous\r\n  }, [news, newsConfiguration, locale, translation])\r\n\r\n  /**\r\n   * Set animation for text horizontal scrolling if necessary\r\n   */\r\n  const updateDuration = (): void => {\r\n    // Reset animation\r\n    setScrollDuration(0)\r\n    // Set animation, after a 1s timeout\r\n    timerRef &&\r\n      (timerRef.current = setTimeout(() => {\r\n        setScrollDuration(Math.floor(news.text.length / 11))\r\n      }, 1000))\r\n  }\r\n\r\n  /**\r\n   * On news props change :\r\n   *  - call updateDuration function\r\n   * On component unmount :\r\n   *  - clear timeout\r\n   */\r\n  useEffect(() => {\r\n    updateDuration()\r\n\r\n    return (): void => timerRef && clearTimeout(timerRef.current)\r\n  }, [news])\r\n\r\n  return (\r\n    <div\r\n      dir={isRTL ? 'rtl' : 'ltr'}\r\n      className='rf-h-fit rf-z-util rf-col-start-1 rf-col-span-full large:rf-mb-6 rf-flex rf-flex-col rf-items-center rf-glass-background rf-text-white'\r\n      style={{\r\n        alignSelf: alignSelfEnd ? 'flex-end' : 'flex-start',\r\n        gridRow: `${gridRowStart} / span ${gridRowSpan}`\r\n      }}\r\n    >\r\n      {/* Category + Image (mobile) + Title + Subtitle */}\r\n      {isMobile ? (\r\n        <BannerTopMobile category={category} title={news.title} subtitle={news.subtitle} url={news.image?.url} />\r\n      ) : (\r\n        <BannerTopLarge category={category} title={news.title} subtitle={news.subtitle} />\r\n      )}\r\n\r\n      {/* Text */}\r\n      <div\r\n        dir='ltr'\r\n        className='rf-w-full rf-pr-4 rf-py-2 large:rf-py-4 rf-subtitle-size-auto rf-text-black rf-bg-white rf-overflow-clip'\r\n        style={{\r\n          paddingLeft: currentWidth\r\n        }}\r\n      >\r\n        {scrollDuration !== 0 ? (\r\n          <p\r\n            className='rf-w-max rf-whitespace-nowrap rf-animate-hScroll'\r\n            style={{\r\n              animation: `rf-hScroll ${scrollDuration}s infinite linear`,\r\n              paddingRight: currentWidth\r\n            }}\r\n          >\r\n            {news.text ? capitalizeFirstLetter(news.text) : '...'}\r\n          </p>\r\n        ) : (\r\n          <p className='rf-w-max rf-whitespace-nowrap'>{news.text ? capitalizeFirstLetter(news.text) : '...'}</p>\r\n        )}\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Banner\r\n","import React from 'react'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\nimport { capitalizeFirstLetter } from '../../utils/capitalizeFirstLetter'\r\n\r\ninterface BannerTopMobileProps {\r\n  category: string\r\n  title?: string\r\n  subtitle?: string\r\n  url?: string\r\n}\r\n\r\nconst BannerTopMobile = ({ category, title, subtitle, url }: BannerTopMobileProps): JSX.Element => {\r\n  const locale = useLocaleStore((state) => state.locale)\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <div className='rf-w-full rf-px-4 rf-py-2 rf-font-bold rf-bg-red-600 rf-whitespace-nowrap rf-text-size-auto'>{category?.toLocaleUpperCase(locale)}</div>\r\n\r\n      <div className='rf-w-full rf-flex rf-flex-row'>\r\n        {/* Image */}\r\n        {url && (\r\n          <div\r\n            className='rf-aspect-video rf-w-1/4'\r\n            style={{\r\n              backgroundImage: `url(${url})`,\r\n              backgroundSize: 'cover',\r\n              backgroundRepeat: 'no-repeat',\r\n              backgroundPosition: 'center'\r\n            }}\r\n          />\r\n        )}\r\n\r\n        {/* Title + Subtitle */}\r\n        <div className='rf-px-4 rf-py-1 rf-font-bold'>\r\n          <div className='rf-text-size-auto rf-line-clamp-1'>{title && title.toLocaleUpperCase(locale)}</div>\r\n          <div className='rf-text-basecustom rf-line-clamp-2'>{subtitle ? capitalizeFirstLetter(subtitle) : '...'}</div>\r\n        </div>\r\n      </div>\r\n    </React.Fragment>\r\n  )\r\n}\r\n\r\nexport default BannerTopMobile\r\n","import React from 'react'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\nimport { capitalizeFirstLetter } from '../../utils/capitalizeFirstLetter'\r\n\r\ninterface BannerTopLargeProps {\r\n  category: string\r\n  title?: string\r\n  subtitle?: string\r\n}\r\n\r\nconst BannerTopLarge = ({ category, title, subtitle }: BannerTopLargeProps): JSX.Element => {\r\n  const locale = useLocaleStore((state) => state.locale)\r\n\r\n  return (\r\n    <React.Fragment>\r\n      {/* Category + title */}\r\n      <div className='rf-w-full rf-flex rf-flex-row rf-justify-start rf-text-size-auto'>\r\n        <div className='rf-px-4 rf-py-3 rf-font-bold rf-bg-red-600 rf-whitespace-nowrap'>{category?.toLocaleUpperCase(locale)}</div>\r\n        <div className='rf-px-4 rf-mb-2 rf-mt-2 large:rf-mt-3 rf-font-bold rf-line-clamp-1'>{title?.toLocaleUpperCase(locale)}</div>\r\n      </div>\r\n\r\n      {/* Subtitle */}\r\n      <div className='rf-w-full rf-h-fit rf-flex rf-flex-row rf-justify-start'>\r\n        <div className='rf-px-4 rf-my-2 large:rf-my-3 rf-title-large-size-auto rf-line-clamp-2'>{subtitle ? capitalizeFirstLetter(subtitle) : '...'}</div>\r\n      </div>\r\n    </React.Fragment>\r\n  )\r\n}\r\n\r\nexport default BannerTopLarge\r\n"],"names":[],"version":3,"file":"NewsContainer.24a4ba84.js.map"}

package/dist/{NewsContainer.a91d9131.js → NewsContainer.76f5b60f.js}

@@ -1,4 +1,4 @@
-require("./Weather.99917b66.js");
+require("./Weather.8d8aa06a.js");
 var $4L16K$reactjsxruntime = require("react/jsx-runtime");
 var $4L16K$react = require("react");
 
@@ -755,4 +755,4 @@ var $a94481e954312e6d$export$2e2bcd8739ae039 = $a94481e954312e6d$var$BannerTopLa
 
 
 
-//# sourceMappingURL=NewsContainer.a91d9131.js.map
+//# sourceMappingURL=NewsContainer.76f5b60f.js.map

package/dist/{NewsContainer.a91d9131.js.map → NewsContainer.76f5b60f.js.map}

@@ -1 +1 @@
-{"mappings":"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","sources":["src/components/News/NewsContainer.tsx","src/components/News/Time.tsx","src/components/News/News.tsx","src/hooks/useNews.tsx","src/components/News/Banner.tsx","src/components/News/BannerTopMobile.tsx","src/components/News/BannerTopLarge.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\nimport { useViewStore } from '../Contexts/ViewContext'\r\nimport { useSpeechStore } from '../Contexts/SpeechContext'\r\nimport { useRetorikStore } from '../Contexts/RetorikContext'\r\nimport { useDirectlineStore } from '../Contexts/DirectlineContext'\r\n\r\nimport type { NewsConfig } from '../../models/types'\r\nimport { Routes } from '../../models/enums'\r\n\r\nimport Background from '../Common/Background'\r\nimport Time from '../News/Time'\r\nimport News from '../News/News'\r\nimport Weather from '../Weather/Weather'\r\nimport AbsoluteLargeClosingButton from '../Utils/SubView/AbsoluteLargeClosingButton'\r\nimport CloseButton from '../Common/CloseButton'\r\nimport MenuDisplayer from '../Menus/MenuDisplayer'\r\nimport { BackButton } from '../Menu/Common'\r\n\r\ninterface NewsContainerProps {\r\n  hideMenu?: boolean\r\n  isRetorikNews?: boolean\r\n  handleEndedWithoutloop?: () => void\r\n}\r\n\r\n// Steps enum\r\nenum Steps {\r\n  opening = 1,\r\n  news,\r\n  events,\r\n  weather,\r\n  ending\r\n}\r\n\r\nconst NewsContainer = ({ hideMenu, isRetorikNews, handleEndedWithoutloop }: NewsContainerProps): JSX.Element => {\r\n  const translation = useLocaleStore((state) => state.currentTranslations)\r\n  const configuration = useRetorikStore((state) => state.configuration)\r\n  const muted = useSpeechStore((state) => state.muted)\r\n  const isMobile = useViewStore((state) => state.isMobile)\r\n  const isLandscape = useViewStore((state) => state.isLandscape)\r\n  const isBorne = useViewStore((state) => state.isBorne)\r\n  const configurations = useViewStore((state) => state.configurations)\r\n  const { setRoute, setDisplayControls } = useViewStore((state) => state.actions)\r\n  const setMuted = useSpeechStore((state) => state.actions.setMuted)\r\n  const setDisplayAgentInNews = useRetorikStore((state) => state.actions.setDisplayAgentInNews)\r\n  const sendEvent = useDirectlineStore((state) => state.actions.sendEvent)\r\n\r\n  const [displayData, setDisplayData] = useState<NewsConfig>(configurations.views.news || configurations.views.home)\r\n  const [step, setStep] = useState<number>(configurations.views.news?.openingVideo ? Steps.opening : Steps.news)\r\n  const timerRef: React.MutableRefObject<any> = useRef(null)\r\n  const newsEndedTimerRef: React.MutableRefObject<any> = useRef(null)\r\n\r\n  /**\r\n   * On call :\r\n   *  - if the component is news-only, return\r\n   *  - else set ViewContext's route state to 'home'\r\n   */\r\n  const handleBack = (): void => {\r\n    if (isRetorikNews) {\r\n      return\r\n    }\r\n    setRoute(Routes.Home)\r\n  }\r\n\r\n  useEffect(() => {\r\n    configuration.useOldRemote && setDisplayControls(false)\r\n    muted && setMuted(false)\r\n\r\n    return () => {\r\n      // Send closing events unless we are using RetorikNews component\r\n      if (!isRetorikNews) {\r\n        sendEvent('Davi.CloseWindow', null, () => sendEvent('Davi.CloseWindowNews', null))\r\n      }\r\n    }\r\n  }, [])\r\n\r\n  /**\r\n   * On step change :\r\n   *  - switch on the current step to launch corresponding processing\r\n   * On component unmount :\r\n   *  - clear timerRef timeout\r\n   */\r\n  useEffect(() => {\r\n    switch (step) {\r\n      case Steps.opening: {\r\n        setDisplayAgentInNews(false)\r\n        const videoUrl = configurations.views.news?.openingVideo\r\n        videoUrl ? setViewContextCurrentConfiguration(videoUrl as string) : setStep(Steps.news)\r\n        break\r\n      }\r\n      case Steps.news:\r\n        setDisplayAgentInNews(true)\r\n        setDisplayData(configurations.views.news || configurations.views.home)\r\n        break\r\n      case Steps.events:\r\n        break\r\n      case Steps.weather:\r\n        setDisplayAgentInNews(false)\r\n        // If the position is known, display the weather page during 10 seconds, otherwise switch to the next step directly\r\n        configuration.position?.latitude && configuration.position?.longitude\r\n          ? (timerRef.current = setTimeout(() => {\r\n              setStep(Steps.ending)\r\n            }, 10000))\r\n          : setStep(Steps.ending)\r\n        break\r\n      case Steps.ending: {\r\n        setDisplayAgentInNews(false)\r\n        const videoUrl = configurations.views.news?.openingVideo\r\n        videoUrl ? setViewContextCurrentConfiguration(videoUrl as string) : exitNewsOrLoop()\r\n        break\r\n      }\r\n      default:\r\n        break\r\n    }\r\n\r\n    return (): void => {\r\n      timerRef && clearTimeout(timerRef.current)\r\n      newsEndedTimerRef && clearTimeout(newsEndedTimerRef.current)\r\n    }\r\n  }, [step])\r\n\r\n  /**\r\n   * On call :\r\n   *  - set the current display configuration to have the given video as background\r\n   * @param videoUrl\r\n   */\r\n  const setViewContextCurrentConfiguration = (videoUrl: string): void => {\r\n    setDisplayData({\r\n      ...configurations.views.news,\r\n      background: {\r\n        video: videoUrl,\r\n        style: 'video'\r\n      }\r\n    })\r\n  }\r\n\r\n  /**\r\n   * On call :\r\n   *  - send the event 'newsEnded' used in retorik Kiosk\r\n   *  - if the component is news-only :\r\n   *    + if 'loop' is explicitly set to false, call props' handleEndedWithoutloop method if defined. Call handleBack method otherwise\r\n   *    + if 'loop' is not false, loop by setting step state to Steps.news\r\n   *  - or else if 'loop' parameter in configuration is true, get back to Steps.news step. Call handleBack method otherwise\r\n   */\r\n  const exitNewsOrLoop = (): void => {\r\n    // Send event 'newsEnded'\r\n    const endEvent = new Event('newsEnded')\r\n    document.dispatchEvent(endEvent)\r\n    // Relaunch from the start if this is a news-only component and loop hasn't explicitly been set to false\r\n    isRetorikNews\r\n      ? displayData.loop !== false\r\n        ? setStep(Steps.news)\r\n        : handleEndedWithoutloop\r\n        ? handleEndedWithoutloop()\r\n        : handleBack()\r\n      : // Relaunch from the start if the loop is activated, otherwise get back to homepage\r\n      displayData.loop\r\n      ? setStep(Steps.news)\r\n      : handleBack()\r\n  }\r\n\r\n  /**\r\n   * On video end :\r\n   *  - if we are at the opening step, let's set the step state to Steps.news to launch the news\r\n   *  - if we are at the ending step, call exitNewsOrLoop function\r\n   */\r\n  const handleVideoEnd = (): void => {\r\n    switch (step) {\r\n      case Steps.opening:\r\n        setStep(Steps.news)\r\n        break\r\n      case Steps.ending:\r\n        exitNewsOrLoop()\r\n        break\r\n    }\r\n  }\r\n\r\n  /**\r\n   * On news end :\r\n   *  - wait 3 seconds\r\n   *  - get to the next step (Steps.events)\r\n   */\r\n  const handleNewsEnd = (): void => {\r\n    newsEndedTimerRef &&\r\n      (newsEndedTimerRef.current = setTimeout(() => {\r\n        // setStep(Steps.events)\r\n        setStep(Steps.weather)\r\n      }, 3000))\r\n  }\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <Background config={displayData.background} videoLoop={false} videoMuted={true} onVideoEnded={handleVideoEnd} />\r\n\r\n      {/* Timer + back button in mobile / widget mode */}\r\n      {isMobile && !isRetorikNews && !hideMenu ? (\r\n        <div className='rf-relative rf-z-util rf-col-start-1 rf-col-span-full rf-row-start-1 rf-flex rf-flex-col rf-gap-2 rf-items-start'>\r\n          <BackButton title={translation.common.back} handleBack={handleBack} className='rf-pr-2 rf-mt-4 rf-ml-4 rf-text-size-auto rf-bg-truewhite rf-rounded-lg' />\r\n          <Time belowReturnButton={true} />\r\n        </div>\r\n      ) : (\r\n        <Time />\r\n      )}\r\n\r\n      {/* News step */}\r\n      {step === Steps.news && <News intervalInSeconds={displayData.intervalInSeconds ? (displayData.intervalInSeconds as number) : undefined} onEnd={handleNewsEnd} isRetorikNews={isRetorikNews} />}\r\n\r\n      {step === Steps.weather && <Weather handleClose={handleBack} />}\r\n\r\n      {/* Closing button if it needs to be displayed */}\r\n      {!hideMenu && <AbsoluteLargeClosingButton dashboardVisible={true} onClick={handleBack} />}\r\n\r\n      {!hideMenu && isLandscape && !configuration.useOldRemote && !isRetorikNews && <CloseButton onClick={handleBack} className='rf-z-menu' showLabel={true} />}\r\n\r\n      {!hideMenu && isBorne && !configuration.useOldRemote && !isRetorikNews && <MenuDisplayer hideMenu={configuration?.hideMenu} />}\r\n    </React.Fragment>\r\n  )\r\n}\r\n\r\nexport default NewsContainer\r\n","import React, { useEffect, useState, useRef } from 'react'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\n\r\ninterface TimeProps {\r\n  belowReturnButton?: boolean\r\n}\r\n\r\nconst Time = ({ belowReturnButton }: TimeProps): JSX.Element => {\r\n  const translation = useLocaleStore((state) => state.currentTranslations)\r\n  const locale = useLocaleStore((state) => state.locale)\r\n  const [time, setTime] = useState<string>('')\r\n  const timerRef: React.MutableRefObject<any> = useRef(null)\r\n\r\n  /**\r\n   * Set current time (hours and minutes) depending on the locale (ex: adds AM/PM when needed)\r\n   */\r\n  const setCurrentTime = (): void => {\r\n    const now = new Date()\r\n    setTime(\r\n      now.toLocaleTimeString(locale, {\r\n        hour: '2-digit',\r\n        minute: '2-digit'\r\n      })\r\n    )\r\n  }\r\n\r\n  /**\r\n   * On component mount :\r\n   *  - set time\r\n   *  - set interval for time update\r\n   * On component unmount :\r\n   *  - clear interval\r\n   */\r\n  useEffect(() => {\r\n    setCurrentTime()\r\n    timerRef && (timerRef.current = setInterval(setCurrentTime, 1000))\r\n\r\n    return (): void => timerRef && clearInterval(timerRef.current)\r\n  }, [])\r\n\r\n  return (\r\n    <div className={`rf-relative ${belowReturnButton ? 'rf-ml-4' : 'rf-col-start-1 rf-col-span-2 rf-row-start-1 rf-row-span-2 rf-self-start rf-justify-self-start rf-m-4 large:rf-m-8'}`}>\r\n      <div className='rf-w-fit rf-h-fit rf-flex rf-flex-col rf-justify-start rf-items-start rf-text-white'>\r\n        {/* Text 'Live' + round */}\r\n        <div className='rf-w-full rf-text-size-auto rf-px-3 rf-py-0 large:rf-px-4 large:rf-py-1 rf-text-center rf-font-semibold rf-bg-red-600 rf-whitespace-nowrap'>\r\n          {`${translation.news.live.toLocaleUpperCase(locale)} \\u25cf`}\r\n        </div>\r\n        {/* Time */}\r\n        <div className='rf-w-full rf-title-size-auto rf-px-3 rf-py-0 large:rf-px-4 large:rf-py-1 rf-text-center rf-font-bold rf-bg-blue-500'>{time}</div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Time\r\n","import React, { useEffect, useMemo, useState, useRef } from 'react'\r\nimport { useViewStore } from '../Contexts/ViewContext'\r\nimport { useDirectlineStore } from '../Contexts/DirectlineContext'\r\nimport { useSpeechStore } from '../Contexts/SpeechContext'\r\nimport { useUtilsStore } from '../Contexts/UtilsContext'\r\n\r\nimport useNews from '../../hooks/useNews'\r\n\r\nimport type { Image, Media } from '../../models/attachmentTypes'\r\nimport { RetorikActivity } from '../../models/activityTypes'\r\nimport { DeviceType, Routes } from '../../models/enums'\r\n\r\nimport Banner from './Banner'\r\nimport { Carousel } from '../Utils'\r\n\r\ntype NewsProps = {\r\n  intervalInSeconds?: number\r\n  onEnd: () => void\r\n  isRetorikNews?: boolean\r\n}\r\n\r\nconst News = ({ intervalInSeconds = 3, onEnd, isRetorikNews }: NewsProps): JSX.Element => {\r\n  const { newsAttachments, activity } = useNews()\r\n  const route = useViewStore((state) => state.route)\r\n  const isMobile = useViewStore((state) => state.isMobile)\r\n  const newsConfiguration = useViewStore((state) => state.configurations.views.news)\r\n  const currentDeviceType = useViewStore((state) => state.currentDeviceType)\r\n  const retorikNewsEnded = useUtilsStore((state) => state.retorikNewsEnded)\r\n  const addToStreamingQueue = useSpeechStore((state) => state.actions.addToStreamingQueue)\r\n  const setRetorikNewsEnded = useUtilsStore((state) => state.actions.setRetorikNewsEnded)\r\n  const sendEvent = useDirectlineStore((state) => state.actions.sendEvent)\r\n\r\n  const [carouselGridRowStart, setCarouselGridRowStart] = useState<number>()\r\n  const [carouselGridRowSpan, setCarouselGridRowSpan] = useState<number>()\r\n  const [bannerGridRowStart, setBannerGridRowStart] = useState<number>(10)\r\n  const [bannerGridRowSpan, setBannerGridRowSpan] = useState<number>(3)\r\n  // Banner's align-self is flex-end if the position of the banner hasn't been changed, flex-start in borne / landscape modes otherwise\r\n  const [alignSelfEnd, setAlignSelfEnd] = useState<boolean>(true)\r\n  const [current, setCurrent] = useState<number>(0)\r\n  const timerRef: React.MutableRefObject<any> = useRef(null)\r\n\r\n  const news = useMemo(() => {\r\n    return newsAttachments.map((newsAttachement) => newsAttachement.content)\r\n  }, [newsAttachments])\r\n\r\n  useEffect(() => {\r\n    if (!newsAttachments.length) {\r\n      setTimeout(() => {\r\n        sendEvent('news.getAllNews', null)\r\n      }, 2000)\r\n    }\r\n\r\n    return (): void => {\r\n      timerRef && clearTimeout(timerRef.current)\r\n    }\r\n  }, [])\r\n\r\n  useEffect(() => {\r\n    switch (currentDeviceType) {\r\n      case DeviceType.mobile:\r\n      case DeviceType.widget: {\r\n        // Set carousel's and banner's positions\r\n        setAlignSelfEnd(true)\r\n        setCarouselGridRowStart(1)\r\n        setCarouselGridRowSpan(9)\r\n        setBannerGridRowStart(10)\r\n        setBannerGridRowSpan(3)\r\n        break\r\n      }\r\n      case DeviceType.landscape:\r\n      case DeviceType.widgetLandscape: {\r\n        // Check banner's position and set carousel's position if there are no position data for this one\r\n        if (newsConfiguration?.bannerPosition?.landscape) {\r\n          const start = newsConfiguration.bannerPosition.landscape.containerRowStart || 10\r\n          const end = newsConfiguration.bannerPosition.landscape.containerRowEnd || 13\r\n\r\n          setAlignSelfEnd(false)\r\n          setBannerGridRowStart(start)\r\n          setBannerGridRowSpan(end - start)\r\n\r\n          if (!newsConfiguration?.mediaPosition?.landscape) {\r\n            // The base row span of the carousel is 9, if the custom position of the banner allows this span, let's keep it. If not, let's use the max span available.\r\n            if (start > 9) {\r\n              setCarouselGridRowStart(start - 9)\r\n              setCarouselGridRowSpan(9)\r\n            } else {\r\n              setCarouselGridRowStart(1)\r\n              setCarouselGridRowSpan(start - 1)\r\n            }\r\n\r\n            break\r\n          }\r\n        } else {\r\n          setAlignSelfEnd(true)\r\n          setBannerGridRowStart(10)\r\n          setBannerGridRowSpan(3)\r\n        }\r\n\r\n        // Check carousel's position\r\n        if (newsConfiguration?.mediaPosition?.landscape) {\r\n          const start = newsConfiguration.mediaPosition.landscape.containerRowStart || 1\r\n          const end = newsConfiguration.mediaPosition.landscape.containerRowEnd || 10\r\n\r\n          setCarouselGridRowStart(start)\r\n          setCarouselGridRowStart(end - start)\r\n        } else {\r\n          setCarouselGridRowStart(1)\r\n          setCarouselGridRowSpan(9)\r\n        }\r\n\r\n        break\r\n      }\r\n      case DeviceType.borne:\r\n      case DeviceType.widgetBorne: {\r\n        // Check banner's position and set carousel's position if there are no position data for this one\r\n        if (newsConfiguration?.bannerPosition?.borne) {\r\n          const start = newsConfiguration.bannerPosition.borne.containerRowStart || 10\r\n          const end = newsConfiguration.bannerPosition.borne.containerRowEnd || 13\r\n\r\n          setAlignSelfEnd(false)\r\n          setBannerGridRowStart(start)\r\n          setBannerGridRowSpan(end - start)\r\n\r\n          if (!newsConfiguration?.mediaPosition?.borne) {\r\n            // The base row span of the carousel is 4, if the custom position of the banner allows this span, let's keep it. If not, let's use the max span available.\r\n            if (start > 4) {\r\n              setCarouselGridRowStart(start - 4)\r\n              setCarouselGridRowSpan(4)\r\n            } else {\r\n              setCarouselGridRowStart(1)\r\n              setCarouselGridRowSpan(start - 1)\r\n            }\r\n\r\n            break\r\n          }\r\n        } else {\r\n          setAlignSelfEnd(true)\r\n          setBannerGridRowStart(10)\r\n          setBannerGridRowSpan(3)\r\n        }\r\n\r\n        // Check carousel's position\r\n        if (newsConfiguration?.mediaPosition?.borne) {\r\n          const start = newsConfiguration.mediaPosition.borne.containerRowStart || 7\r\n          const end = newsConfiguration.mediaPosition.borne.containerRowEnd || 11\r\n\r\n          setCarouselGridRowStart(start)\r\n          setCarouselGridRowSpan(end - start)\r\n        } else {\r\n          setCarouselGridRowStart(7)\r\n          setCarouselGridRowSpan(4)\r\n        }\r\n        break\r\n      }\r\n    }\r\n  }, [newsConfiguration, currentDeviceType])\r\n\r\n  useEffect(() => {\r\n    const currentNew = news[current]\r\n    if (currentNew) {\r\n      const textTitle = newsConfiguration?.removeTitleFromTextToSpeak ? '' : `${currentNew.title}, <break/> `\r\n      const textSubtitle = newsConfiguration?.removeSubtitleFromTextToSpeak ? '' : `${currentNew.subtitle}: <break/> `\r\n\r\n      const tempActivity: RetorikActivity = {\r\n        ...activity,\r\n        speak: `${textTitle}${textSubtitle}${currentNew.text}`\r\n      } as RetorikActivity\r\n\r\n      addToStreamingQueue(tempActivity)\r\n    }\r\n  }, [activity, current])\r\n\r\n  const currentMedia = useMemo<Array<Image | Media>>(() => {\r\n    const currentNew = news[current]\r\n    if (currentNew) {\r\n      if (currentNew.media?.length) {\r\n        return currentNew.media\r\n      } else if (currentNew.image?.url) {\r\n        return [currentNew.image]\r\n      }\r\n    }\r\n\r\n    return []\r\n  }, [news, current])\r\n\r\n  useEffect(() => {\r\n    if (retorikNewsEnded) {\r\n      if (news.length) {\r\n        if (current < news.length - 1) {\r\n          const delay = current < news.length - 1 ? intervalInSeconds : intervalInSeconds * 3\r\n          timerRef && clearTimeout(timerRef.current)\r\n          if (route === Routes.News || isRetorikNews) {\r\n            timerRef.current = setTimeout(next, delay * 1000)\r\n          }\r\n        } else {\r\n          onEnd()\r\n        }\r\n      }\r\n\r\n      setRetorikNewsEnded(false)\r\n    }\r\n  }, [retorikNewsEnded])\r\n\r\n  const next = (): void => {\r\n    const next = (current + 1) % news.length\r\n    changeNews(next)\r\n  }\r\n\r\n  const changeNews = (next: number): void => {\r\n    setCurrent(next)\r\n  }\r\n\r\n  return news.length && current >= 0 ? (\r\n    <React.Fragment>\r\n      {/* Carousel in landscape / borne display */}\r\n      {!isMobile && (\r\n        <div\r\n          className='rf-relative rf-col-start-5 rf-col-span-3 large-vertical:rf-col-start-2 large-vertical:rf-col-end-8 rf-flex rf-justify-center rf-items-center'\r\n          style={{\r\n            gridRow: `${carouselGridRowStart} / span ${carouselGridRowSpan}`\r\n          }}\r\n        >\r\n          {currentMedia.length ? (\r\n            <Carousel className='rf-z-[10] rf-max-h-4/5 large-vertical:rf-max-h-11/12 rf-max-w-full' medias={news[current].media || [news[current].image || { url: '' }]} />\r\n          ) : (\r\n            <React.Fragment />\r\n          )}\r\n        </div>\r\n      )}\r\n\r\n      {/* Lower banner with title / subtitle / text */}\r\n      <Banner news={news[current]} gridRowStart={bannerGridRowStart} gridRowSpan={bannerGridRowSpan} alignSelfEnd={alignSelfEnd} />\r\n    </React.Fragment>\r\n  ) : (\r\n    <React.Fragment />\r\n  )\r\n}\r\n\r\nexport default News\r\n","import { CONTENT_TYPE_NEWS, NewsContent } from '../models/attachmentTypes'\r\nimport type { RetorikActivity } from '../models/activityTypes'\r\nimport { useActivityStore } from '../components/Contexts/ActivityContext'\r\n\r\ntype NewsAttachment = {\r\n  contentType: string\r\n  content: NewsContent\r\n}\r\n\r\nconst useNews = (): {\r\n  newsAttachments: Array<NewsAttachment>\r\n  activity?: RetorikActivity\r\n} => {\r\n  const activities = useActivityStore((state) => state.botEventActivities)\r\n\r\n  if (!activities.length) {\r\n    return { newsAttachments: [] }\r\n  }\r\n\r\n  // Filter messages that can income during news, with label = Davi.BringupMessage\r\n  const filterBringUpActivities = activities.filter(\r\n    (act: any) => act.label !== 'Davi.BringupMessage'\r\n  )\r\n\r\n  const activity = filterBringUpActivities[\r\n    filterBringUpActivities.length - 1\r\n  ] as any\r\n\r\n  if (!activity || !activity.attachments?.length) {\r\n    return { newsAttachments: [], activity }\r\n  }\r\n\r\n  const newsAttachments: NewsAttachment[] = []\r\n  activity.attachments.forEach((attachment) => {\r\n    if (attachment.contentType === CONTENT_TYPE_NEWS) {\r\n      newsAttachments.push({\r\n        contentType: CONTENT_TYPE_NEWS,\r\n        content: attachment.content || ''\r\n      })\r\n    }\r\n  })\r\n\r\n  return { newsAttachments, activity }\r\n}\r\n\r\nexport default useNews\r\n","import React, { useEffect, useMemo, useRef, useState } from 'react'\r\nimport { useViewStore } from '../Contexts/ViewContext'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\n\r\nimport type { NewsContent } from '../../models/attachmentTypes'\r\nimport { capitalizeFirstLetter } from '../../utils/capitalizeFirstLetter'\r\nimport BannerTopMobile from './BannerTopMobile'\r\nimport BannerTopLarge from './BannerTopLarge'\r\n\r\ninterface BannerProps {\r\n  news: NewsContent\r\n  gridRowStart: number\r\n  gridRowSpan: number\r\n  alignSelfEnd: boolean\r\n}\r\n\r\nconst Banner = ({ news, gridRowStart, gridRowSpan, alignSelfEnd }: BannerProps): JSX.Element => {\r\n  const translation = useLocaleStore((state) => state.currentTranslations)\r\n  const locale = useLocaleStore((state) => state.localeForRetorikStudioContent)\r\n  const isRTL = useLocaleStore((state) => state.isRTL)\r\n  const isMobile = useViewStore((state) => state.isMobile)\r\n  const currentWidth = useViewStore((state) => state.currentWidth)\r\n  const newsConfiguration = useViewStore((state) => state.configurations.views.news)\r\n\r\n  const timerRef: React.MutableRefObject<any> = useRef(null)\r\n  const [scrollDuration, setScrollDuration] = useState<number>(0)\r\n\r\n  const category = useMemo<string>(() => {\r\n    if (news.category) {\r\n      return news.category\r\n    } else if (newsConfiguration?.bannerTitleLocalized?.[locale]) {\r\n      return newsConfiguration.bannerTitleLocalized[locale]\r\n    } else if (newsConfiguration?.bannerTitle) {\r\n      return newsConfiguration.bannerTitle\r\n    }\r\n\r\n    return translation.news.continuous\r\n  }, [news, newsConfiguration, locale, translation])\r\n\r\n  /**\r\n   * Set animation for text horizontal scrolling if necessary\r\n   */\r\n  const updateDuration = (): void => {\r\n    // Reset animation\r\n    setScrollDuration(0)\r\n    // Set animation, after a 1s timeout\r\n    timerRef &&\r\n      (timerRef.current = setTimeout(() => {\r\n        setScrollDuration(Math.floor(news.text.length / 11))\r\n      }, 1000))\r\n  }\r\n\r\n  /**\r\n   * On news props change :\r\n   *  - call updateDuration function\r\n   * On component unmount :\r\n   *  - clear timeout\r\n   */\r\n  useEffect(() => {\r\n    updateDuration()\r\n\r\n    return (): void => timerRef && clearTimeout(timerRef.current)\r\n  }, [news])\r\n\r\n  return (\r\n    <div\r\n      dir={isRTL ? 'rtl' : 'ltr'}\r\n      className='rf-h-fit rf-z-util rf-col-start-1 rf-col-span-full large:rf-mb-6 rf-flex rf-flex-col rf-items-center rf-glass-background rf-text-white'\r\n      style={{\r\n        alignSelf: alignSelfEnd ? 'flex-end' : 'flex-start',\r\n        gridRow: `${gridRowStart} / span ${gridRowSpan}`\r\n      }}\r\n    >\r\n      {/* Category + Image (mobile) + Title + Subtitle */}\r\n      {isMobile ? (\r\n        <BannerTopMobile category={category} title={news.title} subtitle={news.subtitle} url={news.image?.url} />\r\n      ) : (\r\n        <BannerTopLarge category={category} title={news.title} subtitle={news.subtitle} />\r\n      )}\r\n\r\n      {/* Text */}\r\n      <div\r\n        dir='ltr'\r\n        className='rf-w-full rf-pr-4 rf-py-2 large:rf-py-4 rf-subtitle-size-auto rf-text-black rf-bg-white rf-overflow-clip'\r\n        style={{\r\n          paddingLeft: currentWidth\r\n        }}\r\n      >\r\n        {scrollDuration !== 0 ? (\r\n          <p\r\n            className='rf-w-max rf-whitespace-nowrap rf-animate-hScroll'\r\n            style={{\r\n              animation: `rf-hScroll ${scrollDuration}s infinite linear`,\r\n              paddingRight: currentWidth\r\n            }}\r\n          >\r\n            {news.text ? capitalizeFirstLetter(news.text) : '...'}\r\n          </p>\r\n        ) : (\r\n          <p className='rf-w-max rf-whitespace-nowrap'>{news.text ? capitalizeFirstLetter(news.text) : '...'}</p>\r\n        )}\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Banner\r\n","import React from 'react'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\nimport { capitalizeFirstLetter } from '../../utils/capitalizeFirstLetter'\r\n\r\ninterface BannerTopMobileProps {\r\n  category: string\r\n  title?: string\r\n  subtitle?: string\r\n  url?: string\r\n}\r\n\r\nconst BannerTopMobile = ({ category, title, subtitle, url }: BannerTopMobileProps): JSX.Element => {\r\n  const locale = useLocaleStore((state) => state.locale)\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <div className='rf-w-full rf-px-4 rf-py-2 rf-font-bold rf-bg-red-600 rf-whitespace-nowrap rf-text-size-auto'>{category?.toLocaleUpperCase(locale)}</div>\r\n\r\n      <div className='rf-w-full rf-flex rf-flex-row'>\r\n        {/* Image */}\r\n        {url && (\r\n          <div\r\n            className='rf-aspect-video rf-w-1/4'\r\n            style={{\r\n              backgroundImage: `url(${url})`,\r\n              backgroundSize: 'cover',\r\n              backgroundRepeat: 'no-repeat',\r\n              backgroundPosition: 'center'\r\n            }}\r\n          />\r\n        )}\r\n\r\n        {/* Title + Subtitle */}\r\n        <div className='rf-px-4 rf-py-1 rf-font-bold'>\r\n          <div className='rf-text-size-auto rf-line-clamp-1'>{title && title.toLocaleUpperCase(locale)}</div>\r\n          <div className='rf-text-basecustom rf-line-clamp-2'>{subtitle ? capitalizeFirstLetter(subtitle) : '...'}</div>\r\n        </div>\r\n      </div>\r\n    </React.Fragment>\r\n  )\r\n}\r\n\r\nexport default BannerTopMobile\r\n","import React from 'react'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\nimport { capitalizeFirstLetter } from '../../utils/capitalizeFirstLetter'\r\n\r\ninterface BannerTopLargeProps {\r\n  category: string\r\n  title?: string\r\n  subtitle?: string\r\n}\r\n\r\nconst BannerTopLarge = ({ category, title, subtitle }: BannerTopLargeProps): JSX.Element => {\r\n  const locale = useLocaleStore((state) => state.locale)\r\n\r\n  return (\r\n    <React.Fragment>\r\n      {/* Category + title */}\r\n      <div className='rf-w-full rf-flex rf-flex-row rf-justify-start rf-text-size-auto'>\r\n        <div className='rf-px-4 rf-py-3 rf-font-bold rf-bg-red-600 rf-whitespace-nowrap'>{category?.toLocaleUpperCase(locale)}</div>\r\n        <div className='rf-px-4 rf-mb-2 rf-mt-2 large:rf-mt-3 rf-font-bold rf-line-clamp-1'>{title?.toLocaleUpperCase(locale)}</div>\r\n      </div>\r\n\r\n      {/* Subtitle */}\r\n      <div className='rf-w-full rf-h-fit rf-flex rf-flex-row rf-justify-start'>\r\n        <div className='rf-px-4 rf-my-2 large:rf-my-3 rf-title-large-size-auto rf-line-clamp-2'>{subtitle ? capitalizeFirstLetter(subtitle) : '...'}</div>\r\n      </div>\r\n    </React.Fragment>\r\n  )\r\n}\r\n\r\nexport default BannerTopLarge\r\n"],"names":[],"version":3,"file":"NewsContainer.a91d9131.js.map","sourceRoot":"../"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,aAAa;AACb,IAAA,AAAK,qDAAA;;;;;;WAAA;EAAA;AAQL,MAAM,sCAAgB,CAAC,YAAE,QAAQ,iBAAE,aAAa,0BAAE,sBAAsB,EAAsB;QAcnD;IAbzC,MAAM,cAAc,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,mBAAmB;IACvE,MAAM,gBAAgB,CAAA,GAAA,sBAAc,EAAE,CAAC,QAAU,MAAM,aAAa;IACpE,MAAM,QAAQ,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,KAAK;IACnD,MAAM,WAAW,CAAA,GAAA,mBAAW,EAAE,CAAC,QAAU,MAAM,QAAQ;IACvD,MAAM,cAAc,CAAA,GAAA,mBAAW,EAAE,CAAC,QAAU,MAAM,WAAW;IAC7D,MAAM,UAAU,CAAA,GAAA,mBAAW,EAAE,CAAC,QAAU,MAAM,OAAO;IACrD,MAAM,iBAAiB,CAAA,GAAA,mBAAW,EAAE,CAAC,QAAU,MAAM,cAAc;IACnE,MAAM,YAAE,QAAQ,sBAAE,kBAAkB,EAAE,GAAG,CAAA,GAAA,mBAAW,EAAE,CAAC,QAAU,MAAM,OAAO;IAC9E,MAAM,WAAW,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,OAAO,CAAC,QAAQ;IACjE,MAAM,wBAAwB,CAAA,GAAA,sBAAc,EAAE,CAAC,QAAU,MAAM,OAAO,CAAC,qBAAqB;IAC5F,MAAM,YAAY,CAAA,GAAA,yBAAiB,EAAE,CAAC,QAAU,MAAM,OAAO,CAAC,SAAS;IAEvE,MAAM,CAAC,aAAa,eAAe,GAAG,CAAA,GAAA,qBAAO,EAAc,eAAe,KAAK,CAAC,IAAI,IAAI,eAAe,KAAK,CAAC,IAAI;IACjH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAA,GAAA,qBAAO,EAAU,EAAA,6BAAA,eAAe,KAAK,CAAC,IAAI,cAAzB,iDAAA,2BAA2B,YAAY;IAChF,MAAM,WAAwC,CAAA,GAAA,mBAAK,EAAE;IACrD,MAAM,oBAAiD,CAAA,GAAA,mBAAK,EAAE;IAE9D;;;;GAIC,GACD,MAAM,aAAa;QACjB,IAAI,eACF;QAEF,SAAS,CAAA,GAAA,aAAK,EAAE,IAAI;IACtB;IAEA,CAAA,GAAA,sBAAQ,EAAE;QACR,cAAc,YAAY,IAAI,mBAAmB;QACjD,SAAS,SAAS;QAElB,OAAO;YACL,gEAAgE;YAChE,IAAI,CAAC,eACH,UAAU,oBAAoB,MAAM,IAAM,UAAU,wBAAwB;QAEhF;IACF,GAAG,EAAE;IAEL;;;;;GAKC,GACD,CAAA,GAAA,sBAAQ,EAAE;QACR,OAAQ;YACN;gBAAoB;wBAED;oBADjB,sBAAsB;oBACtB,MAAM,YAAW,6BAAA,eAAe,KAAK,CAAC,IAAI,cAAzB,iDAAA,2BAA2B,YAAY;oBACxD,WAAW,mCAAmC,YAAsB;oBACpE;gBACF;YACA;gBACE,sBAAsB;gBACtB,eAAe,eAAe,KAAK,CAAC,IAAI,IAAI,eAAe,KAAK,CAAC,IAAI;gBACrE;YACF;gBACE;YACF;oBAEE,mHAAmH;gBACnH,yBAAoC;gBAFpC,sBAAsB;gBAEtB,EAAA,0BAAA,cAAc,QAAQ,cAAtB,8CAAA,wBAAwB,QAAQ,OAAI,2BAAA,cAAc,QAAQ,cAAtB,+CAAA,yBAAwB,SAAS,IAChE,SAAS,OAAO,GAAG,WAAW;oBAC7B;gBACF,GAAG,SACH;gBACJ;YACF;gBAAmB;wBAEA;oBADjB,sBAAsB;oBACtB,MAAM,YAAW,8BAAA,eAAe,KAAK,CAAC,IAAI,cAAzB,kDAAA,4BAA2B,YAAY;oBACxD,WAAW,mCAAmC,YAAsB;oBACpE;gBACF;YACA;gBACE;QACJ;QAEA,OAAO;YACL,YAAY,aAAa,SAAS,OAAO;YACzC,qBAAqB,aAAa,kBAAkB,OAAO;QAC7D;IACF,GAAG;QAAC;KAAK;IAET;;;;GAIC,GACD,MAAM,qCAAqC,CAAC;QAC1C,eAAe;YACb,GAAG,eAAe,KAAK,CAAC,IAAI;YAC5B,YAAY;gBACV,OAAO;gBACP,OAAO;YACT;QACF;IACF;IAEA;;;;;;;GAOC,GACD,MAAM,iBAAiB;QACrB,yBAAyB;QACzB,MAAM,WAAW,IAAI,MAAM;QAC3B,SAAS,aAAa,CAAC;QACvB,wGAAwG;QACxG,gBACI,YAAY,IAAI,KAAK,QACnB,aACA,yBACA,2BACA,eAEJ,YAAY,IAAI,GACd,aACA;IACN;IAEA;;;;GAIC,GACD,MAAM,iBAAiB;QACrB,OAAQ;YACN;gBACE;gBACA;YACF;gBACE;gBACA;QACJ;IACF;IAEA;;;;GAIC,GACD,MAAM,gBAAgB;QACpB,qBACG,CAAA,kBAAkB,OAAO,GAAG,WAAW;YACtC,wBAAwB;YACxB;QACF,GAAG,KAAI;IACX;IAEA,qBACE,iCAAC,CAAA,GAAA,sCAAI,EAAE,QAAQ;;0BACb,gCAAC,CAAA,GAAA,cAAS;gBAAE,QAAQ,YAAY,UAAU;gBAAE,WAAW;gBAAO,YAAY;gBAAM,cAAc;;YAG7F,YAAY,CAAC,iBAAiB,CAAC,yBAC9B,iCAAC;gBAAI,WAAU;;kCACb,gCAAC,CAAA,GAAA,iBAAS;wBAAE,OAAO,YAAY,MAAM,CAAC,IAAI;wBAAE,YAAY;wBAAY,WAAU;;kCAC9E,gCAAC,CAAA,GAAA,cAAG;wBAAE,mBAAmB;;;+BAG3B,gCAAC,CAAA,GAAA,cAAG;YAIL,4BAAuB,gCAAC,CAAA,GAAA,cAAG;gBAAE,mBAAmB,YAAY,iBAAiB,GAAI,YAAY,iBAAiB,GAAc;gBAAW,OAAO;gBAAe,eAAe;;YAE5K,4BAA0B,gCAAC,CAAA,GAAA,cAAM;gBAAE,aAAa;;YAGhD,CAAC,0BAAY,gCAAC,CAAA,GAAA,cAAyB;gBAAE,kBAAkB;gBAAM,SAAS;;YAE1E,CAAC,YAAY,eAAe,CAAC,cAAc,YAAY,IAAI,CAAC,+BAAiB,gCAAC,CAAA,GAAA,cAAU;gBAAE,SAAS;gBAAY,WAAU;gBAAY,WAAW;;YAEhJ,CAAC,YAAY,WAAW,CAAC,cAAc,YAAY,IAAI,CAAC,+BAAiB,gCAAC,CAAA,GAAA,cAAY;gBAAE,QAAQ,EAAE,0BAAA,oCAAA,cAAe,QAAQ;;;;AAGhI;IAEA,2CAAe;;;;;;;;;;ACpNf,MAAM,6BAAO,CAAC,qBAAE,iBAAiB,EAAa;IAC5C,MAAM,cAAc,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,mBAAmB;IACvE,MAAM,SAAS,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,MAAM;IACrD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAA,GAAA,qBAAO,EAAU;IACzC,MAAM,WAAwC,CAAA,GAAA,mBAAK,EAAE;IAErD;;GAEC,GACD,MAAM,iBAAiB;QACrB,MAAM,MAAM,IAAI;QAChB,QACE,IAAI,kBAAkB,CAAC,QAAQ;YAC7B,MAAM;YACN,QAAQ;QACV;IAEJ;IAEA;;;;;;GAMC,GACD,CAAA,GAAA,sBAAQ,EAAE;QACR;QACA,YAAa,CAAA,SAAS,OAAO,GAAG,YAAY,gBAAgB,KAAI;QAEhE,OAAO,IAAY,YAAY,cAAc,SAAS,OAAO;IAC/D,GAAG,EAAE;IAEL,qBACE,gCAAC;QAAI,WAAW,CAAC,YAAY,EAAE,oBAAoB,YAAY,qHAAqH;kBAClL,cAAA,iCAAC;YAAI,WAAU;;8BAEb,gCAAC;oBAAI,WAAU;8BACZ,GAAG,YAAY,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,OAAO,CAAC;;8BAG9D,gCAAC;oBAAI,WAAU;8BAAuH;;;;;AAI9I;IAEA,2CAAe;;;;;;;;;;;;;;;;;;;;;;;;;ACjCf,MAAM,6BAAO,CAAC,qBAAE,oBAAoB,UAAG,KAAK,iBAAE,aAAa,EAAa;IACtE,MAAM,mBAAE,eAAe,YAAE,QAAQ,EAAE,GAAG,CAAA,GAAA,cAAM;IAC5C,MAAM,QAAQ,CAAA,GAAA,mBAAW,EAAE,CAAC,QAAU,MAAM,KAAK;IACjD,MAAM,WAAW,CAAA,GAAA,mBAAW,EAAE,CAAC,QAAU,MAAM,QAAQ;IACvD,MAAM,oBAAoB,CAAA,GAAA,mBAAW,EAAE,CAAC,QAAU,MAAM,cAAc,CAAC,KAAK,CAAC,IAAI;IACjF,MAAM,oBAAoB,CAAA,GAAA,mBAAW,EAAE,CAAC,QAAU,MAAM,iBAAiB;IACzE,MAAM,mBAAmB,CAAA,GAAA,oBAAY,EAAE,CAAC,QAAU,MAAM,gBAAgB;IACxE,MAAM,sBAAsB,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,OAAO,CAAC,mBAAmB;IACvF,MAAM,sBAAsB,CAAA,GAAA,oBAAY,EAAE,CAAC,QAAU,MAAM,OAAO,CAAC,mBAAmB;IACtF,MAAM,YAAY,CAAA,GAAA,yBAAiB,EAAE,CAAC,QAAU,MAAM,OAAO,CAAC,SAAS;IAEvE,MAAM,CAAC,sBAAsB,wBAAwB,GAAG,CAAA,GAAA,qBAAO;IAC/D,MAAM,CAAC,qBAAqB,uBAAuB,GAAG,CAAA,GAAA,qBAAO;IAC7D,MAAM,CAAC,oBAAoB,sBAAsB,GAAG,CAAA,GAAA,qBAAO,EAAU;IACrE,MAAM,CAAC,mBAAmB,qBAAqB,GAAG,CAAA,GAAA,qBAAO,EAAU;IACnE,qIAAqI;IACrI,MAAM,CAAC,cAAc,gBAAgB,GAAG,CAAA,GAAA,qBAAO,EAAW;IAC1D,MAAM,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,qBAAO,EAAU;IAC/C,MAAM,WAAwC,CAAA,GAAA,mBAAK,EAAE;IAErD,MAAM,OAAO,CAAA,GAAA,oBAAM,EAAE;QACnB,OAAO,gBAAgB,GAAG,CAAC,CAAC,kBAAoB,gBAAgB,OAAO;IACzE,GAAG;QAAC;KAAgB;IAEpB,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,CAAC,gBAAgB,MAAM,EACzB,WAAW;YACT,UAAU,mBAAmB;QAC/B,GAAG;QAGL,OAAO;YACL,YAAY,aAAa,SAAS,OAAO;QAC3C;IACF,GAAG,EAAE;IAEL,CAAA,GAAA,sBAAQ,EAAE;QACR,OAAQ;YACN,KAAK,CAAA,GAAA,iBAAS,EAAE,MAAM;YACtB,KAAK,CAAA,GAAA,iBAAS,EAAE,MAAM;gBACpB,wCAAwC;gBACxC,gBAAgB;gBAChB,wBAAwB;gBACxB,uBAAuB;gBACvB,sBAAsB;gBACtB,qBAAqB;gBACrB;YAEF,KAAK,CAAA,GAAA,iBAAS,EAAE,SAAS;YACzB,KAAK,CAAA,GAAA,iBAAS,EAAE,eAAe;oBAEzB,mCA2BA;gBA5BJ,iGAAiG;gBACjG,IAAI,8BAAA,yCAAA,oCAAA,kBAAmB,cAAc,cAAjC,wDAAA,kCAAmC,SAAS,EAAE;wBAQ3C;oBAPL,MAAM,QAAQ,kBAAkB,cAAc,CAAC,SAAS,CAAC,iBAAiB,IAAI;oBAC9E,MAAM,MAAM,kBAAkB,cAAc,CAAC,SAAS,CAAC,eAAe,IAAI;oBAE1E,gBAAgB;oBAChB,sBAAsB;oBACtB,qBAAqB,MAAM;oBAE3B,IAAI,EAAC,8BAAA,yCAAA,oCAAA,kBAAmB,aAAa,cAAhC,wDAAA,kCAAkC,SAAS,GAAE;wBAChD,0JAA0J;wBAC1J,IAAI,QAAQ,GAAG;4BACb,wBAAwB,QAAQ;4BAChC,uBAAuB;wBACzB,OAAO;4BACL,wBAAwB;4BACxB,uBAAuB,QAAQ;wBACjC;wBAEA;oBACF;gBACF,OAAO;oBACL,gBAAgB;oBAChB,sBAAsB;oBACtB,qBAAqB;gBACvB;gBAEA,4BAA4B;gBAC5B,IAAI,8BAAA,yCAAA,mCAAA,kBAAmB,aAAa,cAAhC,uDAAA,iCAAkC,SAAS,EAAE;oBAC/C,MAAM,QAAQ,kBAAkB,aAAa,CAAC,SAAS,CAAC,iBAAiB,IAAI;oBAC7E,MAAM,MAAM,kBAAkB,aAAa,CAAC,SAAS,CAAC,eAAe,IAAI;oBAEzE,wBAAwB;oBACxB,wBAAwB,MAAM;gBAChC,OAAO;oBACL,wBAAwB;oBACxB,uBAAuB;gBACzB;gBAEA;YAEF,KAAK,CAAA,GAAA,iBAAS,EAAE,KAAK;YACrB,KAAK,CAAA,GAAA,iBAAS,EAAE,WAAW;oBAErB,oCA2BA;gBA5BJ,iGAAiG;gBACjG,IAAI,8BAAA,yCAAA,qCAAA,kBAAmB,cAAc,cAAjC,yDAAA,mCAAmC,KAAK,EAAE;wBAQvC;oBAPL,MAAM,QAAQ,kBAAkB,cAAc,CAAC,KAAK,CAAC,iBAAiB,IAAI;oBAC1E,MAAM,MAAM,kBAAkB,cAAc,CAAC,KAAK,CAAC,eAAe,IAAI;oBAEtE,gBAAgB;oBAChB,sBAAsB;oBACtB,qBAAqB,MAAM;oBAE3B,IAAI,EAAC,8BAAA,yCAAA,oCAAA,kBAAmB,aAAa,cAAhC,wDAAA,kCAAkC,KAAK,GAAE;wBAC5C,0JAA0J;wBAC1J,IAAI,QAAQ,GAAG;4BACb,wBAAwB,QAAQ;4BAChC,uBAAuB;wBACzB,OAAO;4BACL,wBAAwB;4BACxB,uBAAuB,QAAQ;wBACjC;wBAEA;oBACF;gBACF,OAAO;oBACL,gBAAgB;oBAChB,sBAAsB;oBACtB,qBAAqB;gBACvB;gBAEA,4BAA4B;gBAC5B,IAAI,8BAAA,yCAAA,oCAAA,kBAAmB,aAAa,cAAhC,wDAAA,kCAAkC,KAAK,EAAE;oBAC3C,MAAM,QAAQ,kBAAkB,aAAa,CAAC,KAAK,CAAC,iBAAiB,IAAI;oBACzE,MAAM,MAAM,kBAAkB,aAAa,CAAC,KAAK,CAAC,eAAe,IAAI;oBAErE,wBAAwB;oBACxB,uBAAuB,MAAM;gBAC/B,OAAO;oBACL,wBAAwB;oBACxB,uBAAuB;gBACzB;gBACA;QAEJ;IACF,GAAG;QAAC;QAAmB;KAAkB;IAEzC,CAAA,GAAA,sBAAQ,EAAE;QACR,MAAM,aAAa,IAAI,CAAC,QAAQ;QAChC,IAAI,YAAY;YACd,MAAM,YAAY,CAAA,8BAAA,wCAAA,kBAAmB,0BAA0B,IAAG,KAAK,GAAG,WAAW,KAAK,CAAC,WAAW,CAAC;YACvG,MAAM,eAAe,CAAA,8BAAA,wCAAA,kBAAmB,6BAA6B,IAAG,KAAK,GAAG,WAAW,QAAQ,CAAC,WAAW,CAAC;YAEhH,MAAM,eAAgC;gBACpC,GAAG,QAAQ;gBACX,OAAO,GAAG,YAAY,eAAe,WAAW,IAAI,EAAE;YACxD;YAEA,oBAAoB;QACtB;IACF,GAAG;QAAC;QAAU;KAAQ;IAEtB,MAAM,eAAe,CAAA,GAAA,oBAAM,EAAwB;QACjD,MAAM,aAAa,IAAI,CAAC,QAAQ;QAChC,IAAI,YAAY;gBACV,mBAEO;YAFX,KAAI,oBAAA,WAAW,KAAK,cAAhB,wCAAA,kBAAkB,MAAM,EAC1B,OAAO,WAAW,KAAK;iBAClB,KAAI,oBAAA,WAAW,KAAK,cAAhB,wCAAA,kBAAkB,GAAG,EAC9B,OAAO;gBAAC,WAAW,KAAK;aAAC;QAE7B;QAEA,OAAO,EAAE;IACX,GAAG;QAAC;QAAM;KAAQ;IAElB,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,kBAAkB;YACpB,IAAI,KAAK,MAAM;gBACb,IAAI,UAAU,KAAK,MAAM,GAAG,GAAG;oBAC7B,MAAM,QAAQ,UAAU,KAAK,MAAM,GAAG,IAAI,oBAAoB,oBAAoB;oBAClF,YAAY,aAAa,SAAS,OAAO;oBACzC,IAAI,UAAU,CAAA,GAAA,aAAK,EAAE,IAAI,IAAI,eAC3B,SAAS,OAAO,GAAG,WAAW,MAAM,QAAQ;gBAEhD,OACE;;YAIJ,oBAAoB;QACtB;IACF,GAAG;QAAC;KAAiB;IAErB,MAAM,OAAO;QACX,MAAM,OAAO,AAAC,CAAA,UAAU,CAAA,IAAK,KAAK,MAAM;QACxC,WAAW;IACb;IAEA,MAAM,aAAa,CAAC;QAClB,WAAW;IACb;IAEA,OAAO,KAAK,MAAM,IAAI,WAAW,kBAC/B,iCAAC,CAAA,GAAA,sCAAI,EAAE,QAAQ;;YAEZ,CAAC,0BACA,gCAAC;gBACC,WAAU;gBACV,OAAO;oBACL,SAAS,GAAG,qBAAqB,QAAQ,EAAE,qBAAqB;gBAClE;0BAEC,aAAa,MAAM,iBAClB,gCAAC,CAAA,GAAA,eAAO;oBAAE,WAAU;oBAAqE,QAAQ,IAAI,CAAC,QAAQ,CAAC,KAAK,IAAI;wBAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,IAAI;4BAAE,KAAK;wBAAG;qBAAE;mCAE5J,gCAAC,CAAA,GAAA,sCAAI,EAAE,QAAQ;;0BAMrB,gCAAC,CAAA,GAAA,cAAK;gBAAE,MAAM,IAAI,CAAC,QAAQ;gBAAE,cAAc;gBAAoB,aAAa;gBAAmB,cAAc;;;uBAG/G,gCAAC,CAAA,GAAA,sCAAI,EAAE,QAAQ;AAEnB;IAEA,2CAAe;;;;;;;;;;ACrOf,MAAM,gCAAU;QAmBI;IAflB,MAAM,aAAa,CAAA,GAAA,uBAAe,EAAE,CAAC,QAAU,MAAM,kBAAkB;IAEvE,IAAI,CAAC,WAAW,MAAM,EACpB,OAAO;QAAE,iBAAiB,EAAE;IAAC;IAG/B,gFAAgF;IAChF,MAAM,0BAA0B,WAAW,MAAM,CAC/C,CAAC,MAAa,IAAI,KAAK,KAAK;IAG9B,MAAM,WAAW,uBAAuB,CACtC,wBAAwB,MAAM,GAAG,EAClC;IAED,IAAI,CAAC,YAAY,GAAC,wBAAA,SAAS,WAAW,cAApB,4CAAA,sBAAsB,MAAM,GAC5C,OAAO;QAAE,iBAAiB,EAAE;kBAAE;IAAS;IAGzC,MAAM,kBAAoC,EAAE;IAC5C,SAAS,WAAW,CAAC,OAAO,CAAC,CAAC;QAC5B,IAAI,WAAW,WAAW,KAAK,CAAA,GAAA,wBAAgB,GAC7C,gBAAgB,IAAI,CAAC;YACnB,aAAa,CAAA,GAAA,wBAAgB;YAC7B,SAAS,WAAW,OAAO,IAAI;QACjC;IAEJ;IAEA,OAAO;yBAAE;kBAAiB;IAAS;AACrC;IAEA,2CAAe;;;;;;;;;;;;;;;;;;;AC7Bf,MAAM,+BAAS,CAAC,QAAE,IAAI,gBAAE,YAAY,eAAE,WAAW,gBAAE,YAAY,EAAe;QA2DgB;IA1D5F,MAAM,cAAc,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,mBAAmB;IACvE,MAAM,SAAS,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,6BAA6B;IAC5E,MAAM,QAAQ,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,KAAK;IACnD,MAAM,WAAW,CAAA,GAAA,mBAAW,EAAE,CAAC,QAAU,MAAM,QAAQ;IACvD,MAAM,eAAe,CAAA,GAAA,mBAAW,EAAE,CAAC,QAAU,MAAM,YAAY;IAC/D,MAAM,oBAAoB,CAAA,GAAA,mBAAW,EAAE,CAAC,QAAU,MAAM,cAAc,CAAC,KAAK,CAAC,IAAI;IAEjF,MAAM,WAAwC,CAAA,GAAA,mBAAK,EAAE;IACrD,MAAM,CAAC,gBAAgB,kBAAkB,GAAG,CAAA,GAAA,qBAAO,EAAU;IAE7D,MAAM,WAAW,CAAA,GAAA,oBAAM,EAAU;YAGpB;QAFX,IAAI,KAAK,QAAQ,EACf,OAAO,KAAK,QAAQ;aACf,IAAI,8BAAA,yCAAA,0CAAA,kBAAmB,oBAAoB,cAAvC,8DAAA,uCAAyC,CAAC,OAAO,EAC1D,OAAO,kBAAkB,oBAAoB,CAAC,OAAO;aAChD,IAAI,8BAAA,wCAAA,kBAAmB,WAAW,EACvC,OAAO,kBAAkB,WAAW;QAGtC,OAAO,YAAY,IAAI,CAAC,UAAU;IACpC,GAAG;QAAC;QAAM;QAAmB;QAAQ;KAAY;IAEjD;;GAEC,GACD,MAAM,iBAAiB;QACrB,kBAAkB;QAClB,kBAAkB;QAClB,oCAAoC;QACpC,YACG,CAAA,SAAS,OAAO,GAAG,WAAW;YAC7B,kBAAkB,KAAK,KAAK,CAAC,KAAK,IAAI,CAAC,MAAM,GAAG;QAClD,GAAG,KAAI;IACX;IAEA;;;;;GAKC,GACD,CAAA,GAAA,sBAAQ,EAAE;QACR;QAEA,OAAO,IAAY,YAAY,aAAa,SAAS,OAAO;IAC9D,GAAG;QAAC;KAAK;IAET,qBACE,iCAAC;QACC,KAAK,QAAQ,QAAQ;QACrB,WAAU;QACV,OAAO;YACL,WAAW,eAAe,aAAa;YACvC,SAAS,GAAG,aAAa,QAAQ,EAAE,aAAa;QAClD;;YAGC,yBACC,gCAAC,CAAA,GAAA,cAAc;gBAAE,UAAU;gBAAU,OAAO,KAAK,KAAK;gBAAE,UAAU,KAAK,QAAQ;gBAAE,GAAG,GAAE,cAAA,KAAK,KAAK,cAAV,kCAAA,YAAY,GAAG;+BAErG,gCAAC,CAAA,GAAA,cAAa;gBAAE,UAAU;gBAAU,OAAO,KAAK,KAAK;gBAAE,UAAU,KAAK,QAAQ;;0BAIhF,gCAAC;gBACC,KAAI;gBACJ,WAAU;gBACV,OAAO;oBACL,aAAa;gBACf;0BAEC,mBAAmB,kBAClB,gCAAC;oBACC,WAAU;oBACV,OAAO;wBACL,WAAW,CAAC,WAAW,EAAE,eAAe,iBAAiB,CAAC;wBAC1D,cAAc;oBAChB;8BAEC,KAAK,IAAI,GAAG,CAAA,GAAA,4BAAoB,EAAE,KAAK,IAAI,IAAI;mCAGlD,gCAAC;oBAAE,WAAU;8BAAiC,KAAK,IAAI,GAAG,CAAA,GAAA,4BAAoB,EAAE,KAAK,IAAI,IAAI;;;;;AAKvG;IAEA,2CAAe;;;;;;;;;;;;AC/Ff,MAAM,wCAAkB,CAAC,YAAE,QAAQ,SAAE,KAAK,YAAE,QAAQ,OAAE,GAAG,EAAwB;IAC/E,MAAM,SAAS,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,MAAM;IAErD,qBACE,iCAAC,CAAA,GAAA,sCAAI,EAAE,QAAQ;;0BACb,gCAAC;gBAAI,WAAU;0BAA+F,qBAAA,+BAAA,SAAU,iBAAiB,CAAC;;0BAE1I,iCAAC;gBAAI,WAAU;;oBAEZ,qBACC,gCAAC;wBACC,WAAU;wBACV,OAAO;4BACL,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;4BAC9B,gBAAgB;4BAChB,kBAAkB;4BAClB,oBAAoB;wBACtB;;kCAKJ,iCAAC;wBAAI,WAAU;;0CACb,gCAAC;gCAAI,WAAU;0CAAqC,SAAS,MAAM,iBAAiB,CAAC;;0CACrF,gCAAC;gCAAI,WAAU;0CAAsC,WAAW,CAAA,GAAA,4BAAoB,EAAE,YAAY;;;;;;;;AAK5G;IAEA,2CAAe;;;;;;;;;;;;;AChCf,MAAM,uCAAiB,CAAC,YAAE,QAAQ,SAAE,KAAK,YAAE,QAAQ,EAAuB;IACxE,MAAM,SAAS,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,MAAM;IAErD,qBACE,iCAAC,CAAA,GAAA,sCAAI,EAAE,QAAQ;;0BAEb,iCAAC;gBAAI,WAAU;;kCACb,gCAAC;wBAAI,WAAU;kCAAmE,qBAAA,+BAAA,SAAU,iBAAiB,CAAC;;kCAC9G,gCAAC;wBAAI,WAAU;kCAAsE,kBAAA,4BAAA,MAAO,iBAAiB,CAAC;;;;0BAIhH,gCAAC;gBAAI,WAAU;0BACb,cAAA,gCAAC;oBAAI,WAAU;8BAA0E,WAAW,CAAA,GAAA,4BAAoB,EAAE,YAAY;;;;;AAI9I;IAEA,2CAAe","sources":["src/components/News/NewsContainer.tsx","src/components/News/Time.tsx","src/components/News/News.tsx","src/hooks/useNews.tsx","src/components/News/Banner.tsx","src/components/News/BannerTopMobile.tsx","src/components/News/BannerTopLarge.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\nimport { useViewStore } from '../Contexts/ViewContext'\r\nimport { useSpeechStore } from '../Contexts/SpeechContext'\r\nimport { useRetorikStore } from '../Contexts/RetorikContext'\r\nimport { useDirectlineStore } from '../Contexts/DirectlineContext'\r\n\r\nimport type { NewsConfig } from '../../models/types'\r\nimport { Routes } from '../../models/enums'\r\n\r\nimport Background from '../Common/Background'\r\nimport Time from '../News/Time'\r\nimport News from '../News/News'\r\nimport Weather from '../Weather/Weather'\r\nimport AbsoluteLargeClosingButton from '../Utils/SubView/AbsoluteLargeClosingButton'\r\nimport CloseButton from '../Common/CloseButton'\r\nimport MenuDisplayer from '../Menus/MenuDisplayer'\r\nimport { BackButton } from '../Menu/Common'\r\n\r\ninterface NewsContainerProps {\r\n  hideMenu?: boolean\r\n  isRetorikNews?: boolean\r\n  handleEndedWithoutloop?: () => void\r\n}\r\n\r\n// Steps enum\r\nenum Steps {\r\n  opening = 1,\r\n  news,\r\n  events,\r\n  weather,\r\n  ending\r\n}\r\n\r\nconst NewsContainer = ({ hideMenu, isRetorikNews, handleEndedWithoutloop }: NewsContainerProps): JSX.Element => {\r\n  const translation = useLocaleStore((state) => state.currentTranslations)\r\n  const configuration = useRetorikStore((state) => state.configuration)\r\n  const muted = useSpeechStore((state) => state.muted)\r\n  const isMobile = useViewStore((state) => state.isMobile)\r\n  const isLandscape = useViewStore((state) => state.isLandscape)\r\n  const isBorne = useViewStore((state) => state.isBorne)\r\n  const configurations = useViewStore((state) => state.configurations)\r\n  const { setRoute, setDisplayControls } = useViewStore((state) => state.actions)\r\n  const setMuted = useSpeechStore((state) => state.actions.setMuted)\r\n  const setDisplayAgentInNews = useRetorikStore((state) => state.actions.setDisplayAgentInNews)\r\n  const sendEvent = useDirectlineStore((state) => state.actions.sendEvent)\r\n\r\n  const [displayData, setDisplayData] = useState<NewsConfig>(configurations.views.news || configurations.views.home)\r\n  const [step, setStep] = useState<number>(configurations.views.news?.openingVideo ? Steps.opening : Steps.news)\r\n  const timerRef: React.MutableRefObject<any> = useRef(null)\r\n  const newsEndedTimerRef: React.MutableRefObject<any> = useRef(null)\r\n\r\n  /**\r\n   * On call :\r\n   *  - if the component is news-only, return\r\n   *  - else set ViewContext's route state to 'home'\r\n   */\r\n  const handleBack = (): void => {\r\n    if (isRetorikNews) {\r\n      return\r\n    }\r\n    setRoute(Routes.Home)\r\n  }\r\n\r\n  useEffect(() => {\r\n    configuration.useOldRemote && setDisplayControls(false)\r\n    muted && setMuted(false)\r\n\r\n    return () => {\r\n      // Send closing events unless we are using RetorikNews component\r\n      if (!isRetorikNews) {\r\n        sendEvent('Davi.CloseWindow', null, () => sendEvent('Davi.CloseWindowNews', null))\r\n      }\r\n    }\r\n  }, [])\r\n\r\n  /**\r\n   * On step change :\r\n   *  - switch on the current step to launch corresponding processing\r\n   * On component unmount :\r\n   *  - clear timerRef timeout\r\n   */\r\n  useEffect(() => {\r\n    switch (step) {\r\n      case Steps.opening: {\r\n        setDisplayAgentInNews(false)\r\n        const videoUrl = configurations.views.news?.openingVideo\r\n        videoUrl ? setViewContextCurrentConfiguration(videoUrl as string) : setStep(Steps.news)\r\n        break\r\n      }\r\n      case Steps.news:\r\n        setDisplayAgentInNews(true)\r\n        setDisplayData(configurations.views.news || configurations.views.home)\r\n        break\r\n      case Steps.events:\r\n        break\r\n      case Steps.weather:\r\n        setDisplayAgentInNews(false)\r\n        // If the position is known, display the weather page during 10 seconds, otherwise switch to the next step directly\r\n        configuration.position?.latitude && configuration.position?.longitude\r\n          ? (timerRef.current = setTimeout(() => {\r\n              setStep(Steps.ending)\r\n            }, 10000))\r\n          : setStep(Steps.ending)\r\n        break\r\n      case Steps.ending: {\r\n        setDisplayAgentInNews(false)\r\n        const videoUrl = configurations.views.news?.openingVideo\r\n        videoUrl ? setViewContextCurrentConfiguration(videoUrl as string) : exitNewsOrLoop()\r\n        break\r\n      }\r\n      default:\r\n        break\r\n    }\r\n\r\n    return (): void => {\r\n      timerRef && clearTimeout(timerRef.current)\r\n      newsEndedTimerRef && clearTimeout(newsEndedTimerRef.current)\r\n    }\r\n  }, [step])\r\n\r\n  /**\r\n   * On call :\r\n   *  - set the current display configuration to have the given video as background\r\n   * @param videoUrl\r\n   */\r\n  const setViewContextCurrentConfiguration = (videoUrl: string): void => {\r\n    setDisplayData({\r\n      ...configurations.views.news,\r\n      background: {\r\n        video: videoUrl,\r\n        style: 'video'\r\n      }\r\n    })\r\n  }\r\n\r\n  /**\r\n   * On call :\r\n   *  - send the event 'newsEnded' used in retorik Kiosk\r\n   *  - if the component is news-only :\r\n   *    + if 'loop' is explicitly set to false, call props' handleEndedWithoutloop method if defined. Call handleBack method otherwise\r\n   *    + if 'loop' is not false, loop by setting step state to Steps.news\r\n   *  - or else if 'loop' parameter in configuration is true, get back to Steps.news step. Call handleBack method otherwise\r\n   */\r\n  const exitNewsOrLoop = (): void => {\r\n    // Send event 'newsEnded'\r\n    const endEvent = new Event('newsEnded')\r\n    document.dispatchEvent(endEvent)\r\n    // Relaunch from the start if this is a news-only component and loop hasn't explicitly been set to false\r\n    isRetorikNews\r\n      ? displayData.loop !== false\r\n        ? setStep(Steps.news)\r\n        : handleEndedWithoutloop\r\n        ? handleEndedWithoutloop()\r\n        : handleBack()\r\n      : // Relaunch from the start if the loop is activated, otherwise get back to homepage\r\n      displayData.loop\r\n      ? setStep(Steps.news)\r\n      : handleBack()\r\n  }\r\n\r\n  /**\r\n   * On video end :\r\n   *  - if we are at the opening step, let's set the step state to Steps.news to launch the news\r\n   *  - if we are at the ending step, call exitNewsOrLoop function\r\n   */\r\n  const handleVideoEnd = (): void => {\r\n    switch (step) {\r\n      case Steps.opening:\r\n        setStep(Steps.news)\r\n        break\r\n      case Steps.ending:\r\n        exitNewsOrLoop()\r\n        break\r\n    }\r\n  }\r\n\r\n  /**\r\n   * On news end :\r\n   *  - wait 3 seconds\r\n   *  - get to the next step (Steps.events)\r\n   */\r\n  const handleNewsEnd = (): void => {\r\n    newsEndedTimerRef &&\r\n      (newsEndedTimerRef.current = setTimeout(() => {\r\n        // setStep(Steps.events)\r\n        setStep(Steps.weather)\r\n      }, 3000))\r\n  }\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <Background config={displayData.background} videoLoop={false} videoMuted={true} onVideoEnded={handleVideoEnd} />\r\n\r\n      {/* Timer + back button in mobile / widget mode */}\r\n      {isMobile && !isRetorikNews && !hideMenu ? (\r\n        <div className='rf-relative rf-z-util rf-col-start-1 rf-col-span-full rf-row-start-1 rf-flex rf-flex-col rf-gap-2 rf-items-start'>\r\n          <BackButton title={translation.common.back} handleBack={handleBack} className='rf-pr-2 rf-mt-4 rf-ml-4 rf-text-size-auto rf-bg-truewhite rf-rounded-lg' />\r\n          <Time belowReturnButton={true} />\r\n        </div>\r\n      ) : (\r\n        <Time />\r\n      )}\r\n\r\n      {/* News step */}\r\n      {step === Steps.news && <News intervalInSeconds={displayData.intervalInSeconds ? (displayData.intervalInSeconds as number) : undefined} onEnd={handleNewsEnd} isRetorikNews={isRetorikNews} />}\r\n\r\n      {step === Steps.weather && <Weather handleClose={handleBack} />}\r\n\r\n      {/* Closing button if it needs to be displayed */}\r\n      {!hideMenu && <AbsoluteLargeClosingButton dashboardVisible={true} onClick={handleBack} />}\r\n\r\n      {!hideMenu && isLandscape && !configuration.useOldRemote && !isRetorikNews && <CloseButton onClick={handleBack} className='rf-z-menu' showLabel={true} />}\r\n\r\n      {!hideMenu && isBorne && !configuration.useOldRemote && !isRetorikNews && <MenuDisplayer hideMenu={configuration?.hideMenu} />}\r\n    </React.Fragment>\r\n  )\r\n}\r\n\r\nexport default NewsContainer\r\n","import React, { useEffect, useState, useRef } from 'react'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\n\r\ninterface TimeProps {\r\n  belowReturnButton?: boolean\r\n}\r\n\r\nconst Time = ({ belowReturnButton }: TimeProps): JSX.Element => {\r\n  const translation = useLocaleStore((state) => state.currentTranslations)\r\n  const locale = useLocaleStore((state) => state.locale)\r\n  const [time, setTime] = useState<string>('')\r\n  const timerRef: React.MutableRefObject<any> = useRef(null)\r\n\r\n  /**\r\n   * Set current time (hours and minutes) depending on the locale (ex: adds AM/PM when needed)\r\n   */\r\n  const setCurrentTime = (): void => {\r\n    const now = new Date()\r\n    setTime(\r\n      now.toLocaleTimeString(locale, {\r\n        hour: '2-digit',\r\n        minute: '2-digit'\r\n      })\r\n    )\r\n  }\r\n\r\n  /**\r\n   * On component mount :\r\n   *  - set time\r\n   *  - set interval for time update\r\n   * On component unmount :\r\n   *  - clear interval\r\n   */\r\n  useEffect(() => {\r\n    setCurrentTime()\r\n    timerRef && (timerRef.current = setInterval(setCurrentTime, 1000))\r\n\r\n    return (): void => timerRef && clearInterval(timerRef.current)\r\n  }, [])\r\n\r\n  return (\r\n    <div className={`rf-relative ${belowReturnButton ? 'rf-ml-4' : 'rf-col-start-1 rf-col-span-2 rf-row-start-1 rf-row-span-2 rf-self-start rf-justify-self-start rf-m-4 large:rf-m-8'}`}>\r\n      <div className='rf-w-fit rf-h-fit rf-flex rf-flex-col rf-justify-start rf-items-start rf-text-white'>\r\n        {/* Text 'Live' + round */}\r\n        <div className='rf-w-full rf-text-size-auto rf-px-3 rf-py-0 large:rf-px-4 large:rf-py-1 rf-text-center rf-font-semibold rf-bg-red-600 rf-whitespace-nowrap'>\r\n          {`${translation.news.live.toLocaleUpperCase(locale)} \\u25cf`}\r\n        </div>\r\n        {/* Time */}\r\n        <div className='rf-w-full rf-title-size-auto rf-px-3 rf-py-0 large:rf-px-4 large:rf-py-1 rf-text-center rf-font-bold rf-bg-blue-500'>{time}</div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Time\r\n","import React, { useEffect, useMemo, useState, useRef } from 'react'\r\nimport { useViewStore } from '../Contexts/ViewContext'\r\nimport { useDirectlineStore } from '../Contexts/DirectlineContext'\r\nimport { useSpeechStore } from '../Contexts/SpeechContext'\r\nimport { useUtilsStore } from '../Contexts/UtilsContext'\r\n\r\nimport useNews from '../../hooks/useNews'\r\n\r\nimport type { Image, Media } from '../../models/attachmentTypes'\r\nimport { RetorikActivity } from '../../models/activityTypes'\r\nimport { DeviceType, Routes } from '../../models/enums'\r\n\r\nimport Banner from './Banner'\r\nimport { Carousel } from '../Utils'\r\n\r\ntype NewsProps = {\r\n  intervalInSeconds?: number\r\n  onEnd: () => void\r\n  isRetorikNews?: boolean\r\n}\r\n\r\nconst News = ({ intervalInSeconds = 3, onEnd, isRetorikNews }: NewsProps): JSX.Element => {\r\n  const { newsAttachments, activity } = useNews()\r\n  const route = useViewStore((state) => state.route)\r\n  const isMobile = useViewStore((state) => state.isMobile)\r\n  const newsConfiguration = useViewStore((state) => state.configurations.views.news)\r\n  const currentDeviceType = useViewStore((state) => state.currentDeviceType)\r\n  const retorikNewsEnded = useUtilsStore((state) => state.retorikNewsEnded)\r\n  const addToStreamingQueue = useSpeechStore((state) => state.actions.addToStreamingQueue)\r\n  const setRetorikNewsEnded = useUtilsStore((state) => state.actions.setRetorikNewsEnded)\r\n  const sendEvent = useDirectlineStore((state) => state.actions.sendEvent)\r\n\r\n  const [carouselGridRowStart, setCarouselGridRowStart] = useState<number>()\r\n  const [carouselGridRowSpan, setCarouselGridRowSpan] = useState<number>()\r\n  const [bannerGridRowStart, setBannerGridRowStart] = useState<number>(10)\r\n  const [bannerGridRowSpan, setBannerGridRowSpan] = useState<number>(3)\r\n  // Banner's align-self is flex-end if the position of the banner hasn't been changed, flex-start in borne / landscape modes otherwise\r\n  const [alignSelfEnd, setAlignSelfEnd] = useState<boolean>(true)\r\n  const [current, setCurrent] = useState<number>(0)\r\n  const timerRef: React.MutableRefObject<any> = useRef(null)\r\n\r\n  const news = useMemo(() => {\r\n    return newsAttachments.map((newsAttachement) => newsAttachement.content)\r\n  }, [newsAttachments])\r\n\r\n  useEffect(() => {\r\n    if (!newsAttachments.length) {\r\n      setTimeout(() => {\r\n        sendEvent('news.getAllNews', null)\r\n      }, 2000)\r\n    }\r\n\r\n    return (): void => {\r\n      timerRef && clearTimeout(timerRef.current)\r\n    }\r\n  }, [])\r\n\r\n  useEffect(() => {\r\n    switch (currentDeviceType) {\r\n      case DeviceType.mobile:\r\n      case DeviceType.widget: {\r\n        // Set carousel's and banner's positions\r\n        setAlignSelfEnd(true)\r\n        setCarouselGridRowStart(1)\r\n        setCarouselGridRowSpan(9)\r\n        setBannerGridRowStart(10)\r\n        setBannerGridRowSpan(3)\r\n        break\r\n      }\r\n      case DeviceType.landscape:\r\n      case DeviceType.widgetLandscape: {\r\n        // Check banner's position and set carousel's position if there are no position data for this one\r\n        if (newsConfiguration?.bannerPosition?.landscape) {\r\n          const start = newsConfiguration.bannerPosition.landscape.containerRowStart || 10\r\n          const end = newsConfiguration.bannerPosition.landscape.containerRowEnd || 13\r\n\r\n          setAlignSelfEnd(false)\r\n          setBannerGridRowStart(start)\r\n          setBannerGridRowSpan(end - start)\r\n\r\n          if (!newsConfiguration?.mediaPosition?.landscape) {\r\n            // The base row span of the carousel is 9, if the custom position of the banner allows this span, let's keep it. If not, let's use the max span available.\r\n            if (start > 9) {\r\n              setCarouselGridRowStart(start - 9)\r\n              setCarouselGridRowSpan(9)\r\n            } else {\r\n              setCarouselGridRowStart(1)\r\n              setCarouselGridRowSpan(start - 1)\r\n            }\r\n\r\n            break\r\n          }\r\n        } else {\r\n          setAlignSelfEnd(true)\r\n          setBannerGridRowStart(10)\r\n          setBannerGridRowSpan(3)\r\n        }\r\n\r\n        // Check carousel's position\r\n        if (newsConfiguration?.mediaPosition?.landscape) {\r\n          const start = newsConfiguration.mediaPosition.landscape.containerRowStart || 1\r\n          const end = newsConfiguration.mediaPosition.landscape.containerRowEnd || 10\r\n\r\n          setCarouselGridRowStart(start)\r\n          setCarouselGridRowStart(end - start)\r\n        } else {\r\n          setCarouselGridRowStart(1)\r\n          setCarouselGridRowSpan(9)\r\n        }\r\n\r\n        break\r\n      }\r\n      case DeviceType.borne:\r\n      case DeviceType.widgetBorne: {\r\n        // Check banner's position and set carousel's position if there are no position data for this one\r\n        if (newsConfiguration?.bannerPosition?.borne) {\r\n          const start = newsConfiguration.bannerPosition.borne.containerRowStart || 10\r\n          const end = newsConfiguration.bannerPosition.borne.containerRowEnd || 13\r\n\r\n          setAlignSelfEnd(false)\r\n          setBannerGridRowStart(start)\r\n          setBannerGridRowSpan(end - start)\r\n\r\n          if (!newsConfiguration?.mediaPosition?.borne) {\r\n            // The base row span of the carousel is 4, if the custom position of the banner allows this span, let's keep it. If not, let's use the max span available.\r\n            if (start > 4) {\r\n              setCarouselGridRowStart(start - 4)\r\n              setCarouselGridRowSpan(4)\r\n            } else {\r\n              setCarouselGridRowStart(1)\r\n              setCarouselGridRowSpan(start - 1)\r\n            }\r\n\r\n            break\r\n          }\r\n        } else {\r\n          setAlignSelfEnd(true)\r\n          setBannerGridRowStart(10)\r\n          setBannerGridRowSpan(3)\r\n        }\r\n\r\n        // Check carousel's position\r\n        if (newsConfiguration?.mediaPosition?.borne) {\r\n          const start = newsConfiguration.mediaPosition.borne.containerRowStart || 7\r\n          const end = newsConfiguration.mediaPosition.borne.containerRowEnd || 11\r\n\r\n          setCarouselGridRowStart(start)\r\n          setCarouselGridRowSpan(end - start)\r\n        } else {\r\n          setCarouselGridRowStart(7)\r\n          setCarouselGridRowSpan(4)\r\n        }\r\n        break\r\n      }\r\n    }\r\n  }, [newsConfiguration, currentDeviceType])\r\n\r\n  useEffect(() => {\r\n    const currentNew = news[current]\r\n    if (currentNew) {\r\n      const textTitle = newsConfiguration?.removeTitleFromTextToSpeak ? '' : `${currentNew.title}, <break/> `\r\n      const textSubtitle = newsConfiguration?.removeSubtitleFromTextToSpeak ? '' : `${currentNew.subtitle}: <break/> `\r\n\r\n      const tempActivity: RetorikActivity = {\r\n        ...activity,\r\n        speak: `${textTitle}${textSubtitle}${currentNew.text}`\r\n      } as RetorikActivity\r\n\r\n      addToStreamingQueue(tempActivity)\r\n    }\r\n  }, [activity, current])\r\n\r\n  const currentMedia = useMemo<Array<Image | Media>>(() => {\r\n    const currentNew = news[current]\r\n    if (currentNew) {\r\n      if (currentNew.media?.length) {\r\n        return currentNew.media\r\n      } else if (currentNew.image?.url) {\r\n        return [currentNew.image]\r\n      }\r\n    }\r\n\r\n    return []\r\n  }, [news, current])\r\n\r\n  useEffect(() => {\r\n    if (retorikNewsEnded) {\r\n      if (news.length) {\r\n        if (current < news.length - 1) {\r\n          const delay = current < news.length - 1 ? intervalInSeconds : intervalInSeconds * 3\r\n          timerRef && clearTimeout(timerRef.current)\r\n          if (route === Routes.News || isRetorikNews) {\r\n            timerRef.current = setTimeout(next, delay * 1000)\r\n          }\r\n        } else {\r\n          onEnd()\r\n        }\r\n      }\r\n\r\n      setRetorikNewsEnded(false)\r\n    }\r\n  }, [retorikNewsEnded])\r\n\r\n  const next = (): void => {\r\n    const next = (current + 1) % news.length\r\n    changeNews(next)\r\n  }\r\n\r\n  const changeNews = (next: number): void => {\r\n    setCurrent(next)\r\n  }\r\n\r\n  return news.length && current >= 0 ? (\r\n    <React.Fragment>\r\n      {/* Carousel in landscape / borne display */}\r\n      {!isMobile && (\r\n        <div\r\n          className='rf-relative rf-col-start-5 rf-col-span-3 large-vertical:rf-col-start-2 large-vertical:rf-col-end-8 rf-flex rf-justify-center rf-items-center'\r\n          style={{\r\n            gridRow: `${carouselGridRowStart} / span ${carouselGridRowSpan}`\r\n          }}\r\n        >\r\n          {currentMedia.length ? (\r\n            <Carousel className='rf-z-[10] rf-max-h-4/5 large-vertical:rf-max-h-11/12 rf-max-w-full' medias={news[current].media || [news[current].image || { url: '' }]} />\r\n          ) : (\r\n            <React.Fragment />\r\n          )}\r\n        </div>\r\n      )}\r\n\r\n      {/* Lower banner with title / subtitle / text */}\r\n      <Banner news={news[current]} gridRowStart={bannerGridRowStart} gridRowSpan={bannerGridRowSpan} alignSelfEnd={alignSelfEnd} />\r\n    </React.Fragment>\r\n  ) : (\r\n    <React.Fragment />\r\n  )\r\n}\r\n\r\nexport default News\r\n","import { CONTENT_TYPE_NEWS, NewsContent } from '../models/attachmentTypes'\r\nimport type { RetorikActivity } from '../models/activityTypes'\r\nimport { useActivityStore } from '../components/Contexts/ActivityContext'\r\n\r\ntype NewsAttachment = {\r\n  contentType: string\r\n  content: NewsContent\r\n}\r\n\r\nconst useNews = (): {\r\n  newsAttachments: Array<NewsAttachment>\r\n  activity?: RetorikActivity\r\n} => {\r\n  const activities = useActivityStore((state) => state.botEventActivities)\r\n\r\n  if (!activities.length) {\r\n    return { newsAttachments: [] }\r\n  }\r\n\r\n  // Filter messages that can income during news, with label = Davi.BringupMessage\r\n  const filterBringUpActivities = activities.filter(\r\n    (act: any) => act.label !== 'Davi.BringupMessage'\r\n  )\r\n\r\n  const activity = filterBringUpActivities[\r\n    filterBringUpActivities.length - 1\r\n  ] as any\r\n\r\n  if (!activity || !activity.attachments?.length) {\r\n    return { newsAttachments: [], activity }\r\n  }\r\n\r\n  const newsAttachments: NewsAttachment[] = []\r\n  activity.attachments.forEach((attachment) => {\r\n    if (attachment.contentType === CONTENT_TYPE_NEWS) {\r\n      newsAttachments.push({\r\n        contentType: CONTENT_TYPE_NEWS,\r\n        content: attachment.content || ''\r\n      })\r\n    }\r\n  })\r\n\r\n  return { newsAttachments, activity }\r\n}\r\n\r\nexport default useNews\r\n","import React, { useEffect, useMemo, useRef, useState } from 'react'\r\nimport { useViewStore } from '../Contexts/ViewContext'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\n\r\nimport type { NewsContent } from '../../models/attachmentTypes'\r\nimport { capitalizeFirstLetter } from '../../utils/capitalizeFirstLetter'\r\nimport BannerTopMobile from './BannerTopMobile'\r\nimport BannerTopLarge from './BannerTopLarge'\r\n\r\ninterface BannerProps {\r\n  news: NewsContent\r\n  gridRowStart: number\r\n  gridRowSpan: number\r\n  alignSelfEnd: boolean\r\n}\r\n\r\nconst Banner = ({ news, gridRowStart, gridRowSpan, alignSelfEnd }: BannerProps): JSX.Element => {\r\n  const translation = useLocaleStore((state) => state.currentTranslations)\r\n  const locale = useLocaleStore((state) => state.localeForRetorikStudioContent)\r\n  const isRTL = useLocaleStore((state) => state.isRTL)\r\n  const isMobile = useViewStore((state) => state.isMobile)\r\n  const currentWidth = useViewStore((state) => state.currentWidth)\r\n  const newsConfiguration = useViewStore((state) => state.configurations.views.news)\r\n\r\n  const timerRef: React.MutableRefObject<any> = useRef(null)\r\n  const [scrollDuration, setScrollDuration] = useState<number>(0)\r\n\r\n  const category = useMemo<string>(() => {\r\n    if (news.category) {\r\n      return news.category\r\n    } else if (newsConfiguration?.bannerTitleLocalized?.[locale]) {\r\n      return newsConfiguration.bannerTitleLocalized[locale]\r\n    } else if (newsConfiguration?.bannerTitle) {\r\n      return newsConfiguration.bannerTitle\r\n    }\r\n\r\n    return translation.news.continuous\r\n  }, [news, newsConfiguration, locale, translation])\r\n\r\n  /**\r\n   * Set animation for text horizontal scrolling if necessary\r\n   */\r\n  const updateDuration = (): void => {\r\n    // Reset animation\r\n    setScrollDuration(0)\r\n    // Set animation, after a 1s timeout\r\n    timerRef &&\r\n      (timerRef.current = setTimeout(() => {\r\n        setScrollDuration(Math.floor(news.text.length / 11))\r\n      }, 1000))\r\n  }\r\n\r\n  /**\r\n   * On news props change :\r\n   *  - call updateDuration function\r\n   * On component unmount :\r\n   *  - clear timeout\r\n   */\r\n  useEffect(() => {\r\n    updateDuration()\r\n\r\n    return (): void => timerRef && clearTimeout(timerRef.current)\r\n  }, [news])\r\n\r\n  return (\r\n    <div\r\n      dir={isRTL ? 'rtl' : 'ltr'}\r\n      className='rf-h-fit rf-z-util rf-col-start-1 rf-col-span-full large:rf-mb-6 rf-flex rf-flex-col rf-items-center rf-glass-background rf-text-white'\r\n      style={{\r\n        alignSelf: alignSelfEnd ? 'flex-end' : 'flex-start',\r\n        gridRow: `${gridRowStart} / span ${gridRowSpan}`\r\n      }}\r\n    >\r\n      {/* Category + Image (mobile) + Title + Subtitle */}\r\n      {isMobile ? (\r\n        <BannerTopMobile category={category} title={news.title} subtitle={news.subtitle} url={news.image?.url} />\r\n      ) : (\r\n        <BannerTopLarge category={category} title={news.title} subtitle={news.subtitle} />\r\n      )}\r\n\r\n      {/* Text */}\r\n      <div\r\n        dir='ltr'\r\n        className='rf-w-full rf-pr-4 rf-py-2 large:rf-py-4 rf-subtitle-size-auto rf-text-black rf-bg-white rf-overflow-clip'\r\n        style={{\r\n          paddingLeft: currentWidth\r\n        }}\r\n      >\r\n        {scrollDuration !== 0 ? (\r\n          <p\r\n            className='rf-w-max rf-whitespace-nowrap rf-animate-hScroll'\r\n            style={{\r\n              animation: `rf-hScroll ${scrollDuration}s infinite linear`,\r\n              paddingRight: currentWidth\r\n            }}\r\n          >\r\n            {news.text ? capitalizeFirstLetter(news.text) : '...'}\r\n          </p>\r\n        ) : (\r\n          <p className='rf-w-max rf-whitespace-nowrap'>{news.text ? capitalizeFirstLetter(news.text) : '...'}</p>\r\n        )}\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Banner\r\n","import React from 'react'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\nimport { capitalizeFirstLetter } from '../../utils/capitalizeFirstLetter'\r\n\r\ninterface BannerTopMobileProps {\r\n  category: string\r\n  title?: string\r\n  subtitle?: string\r\n  url?: string\r\n}\r\n\r\nconst BannerTopMobile = ({ category, title, subtitle, url }: BannerTopMobileProps): JSX.Element => {\r\n  const locale = useLocaleStore((state) => state.locale)\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <div className='rf-w-full rf-px-4 rf-py-2 rf-font-bold rf-bg-red-600 rf-whitespace-nowrap rf-text-size-auto'>{category?.toLocaleUpperCase(locale)}</div>\r\n\r\n      <div className='rf-w-full rf-flex rf-flex-row'>\r\n        {/* Image */}\r\n        {url && (\r\n          <div\r\n            className='rf-aspect-video rf-w-1/4'\r\n            style={{\r\n              backgroundImage: `url(${url})`,\r\n              backgroundSize: 'cover',\r\n              backgroundRepeat: 'no-repeat',\r\n              backgroundPosition: 'center'\r\n            }}\r\n          />\r\n        )}\r\n\r\n        {/* Title + Subtitle */}\r\n        <div className='rf-px-4 rf-py-1 rf-font-bold'>\r\n          <div className='rf-text-size-auto rf-line-clamp-1'>{title && title.toLocaleUpperCase(locale)}</div>\r\n          <div className='rf-text-basecustom rf-line-clamp-2'>{subtitle ? capitalizeFirstLetter(subtitle) : '...'}</div>\r\n        </div>\r\n      </div>\r\n    </React.Fragment>\r\n  )\r\n}\r\n\r\nexport default BannerTopMobile\r\n","import React from 'react'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\nimport { capitalizeFirstLetter } from '../../utils/capitalizeFirstLetter'\r\n\r\ninterface BannerTopLargeProps {\r\n  category: string\r\n  title?: string\r\n  subtitle?: string\r\n}\r\n\r\nconst BannerTopLarge = ({ category, title, subtitle }: BannerTopLargeProps): JSX.Element => {\r\n  const locale = useLocaleStore((state) => state.locale)\r\n\r\n  return (\r\n    <React.Fragment>\r\n      {/* Category + title */}\r\n      <div className='rf-w-full rf-flex rf-flex-row rf-justify-start rf-text-size-auto'>\r\n        <div className='rf-px-4 rf-py-3 rf-font-bold rf-bg-red-600 rf-whitespace-nowrap'>{category?.toLocaleUpperCase(locale)}</div>\r\n        <div className='rf-px-4 rf-mb-2 rf-mt-2 large:rf-mt-3 rf-font-bold rf-line-clamp-1'>{title?.toLocaleUpperCase(locale)}</div>\r\n      </div>\r\n\r\n      {/* Subtitle */}\r\n      <div className='rf-w-full rf-h-fit rf-flex rf-flex-row rf-justify-start'>\r\n        <div className='rf-px-4 rf-my-2 large:rf-my-3 rf-title-large-size-auto rf-line-clamp-2'>{subtitle ? capitalizeFirstLetter(subtitle) : '...'}</div>\r\n      </div>\r\n    </React.Fragment>\r\n  )\r\n}\r\n\r\nexport default BannerTopLarge\r\n"],"names":[],"version":3,"file":"NewsContainer.76f5b60f.js.map","sourceRoot":"../"}

package/dist/{Weather.cf58823d.js → Weather.87ab2128.js}

@@ -1,5 +1,5 @@
 import {jsxs as $cCOLM$jsxs, jsx as $cCOLM$jsx} from "react/jsx-runtime";
-import $cCOLM$react, {useState as $cCOLM$useState, useEffect as $cCOLM$useEffect} from "react";
+import $cCOLM$react, {useLayoutEffect as $cCOLM$useLayoutEffect, useState as $cCOLM$useState, useEffect as $cCOLM$useEffect} from "react";
 import $cCOLM$daviairetorikweather from "@davi-ai/retorik-weather";
 import $cCOLM$qrcode from "qrcode";
 
@@ -52,6 +52,14 @@ const $c2365f1c5aa7ab18$var$Weather = ({ 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);
+    (0, $cCOLM$useLayoutEffect)(()=>{
+        if (!configuration.position?.latitude || !configuration.position?.longitude) {
+            console.log('Retorik Framework > asked for weather display but no position data given');
+            setCurrentSubView((0, $4ucVo.CurrentSubView).none);
+        }
+    }, [
+        configuration.position
+    ]);
     /**
    * On call :
    *  - set RetorikContext's displayWeather state to false
@@ -264,4 +272,4 @@ var $954e5588fc9f219b$export$2e2bcd8739ae039 = $954e5588fc9f219b$var$OpenMeteoAt
 
 
 
-//# sourceMappingURL=Weather.cf58823d.js.map
+//# sourceMappingURL=Weather.87ab2128.js.map