npm - @davi-ai/retorik-framework - Versions diffs - 3.2.4 → 3.2.5 - Mend

@davi-ai/retorik-framework 3.2.4 → 3.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (22) hide show

package/dist/AttachmentDetail.c4286a45.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"mappings":"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","sources":["src/components/Attachments/AttachmentDetail.tsx","src/hooks/useShowPOI.ts","src/utils/mapDetailedDataFromContentItem.ts","src/components/Attachments/DetailedAttachment/DetailedTitle.tsx","src/components/Attachments/DetailedAttachment/CommentsPennant.tsx","src/components/Attachments/DetailedAttachment/DetailedText.tsx","src/components/Attachments/DetailedAttachment/DownloadSheet.tsx","src/components/Attachments/DetailedAttachment/DownloadQR.tsx","src/components/Attachments/DetailedAttachment/PrintingButton.tsx","src/components/Attachments/DetailedAttachment/DetailedMedia.tsx","src/components/Attachments/DetailedAttachment/DetailedAddress.tsx","src/components/Attachments/DetailedAttachment/ShowPhoneNumber.tsx","src/components/Attachments/DetailedAttachment/Map.tsx","src/components/Attachments/DetailedAttachment/Routes.tsx","src/components/Attachments/DetailedAttachment/RoutesItem.tsx","src/utils/getDistanceAsString.ts","src/utils/getTimeAsString.ts","src/components/Icons/MapIcons/index.ts","src/components/Icons/MapIcons/CyclingRegularIcon.tsx","src/components/Icons/MapIcons/DrivingCarIcon.tsx","src/components/Icons/MapIcons/FootWalkingIcon.tsx","src/components/Icons/MapIcons/OpenLocationIcon.tsx","src/components/Icons/MapIcons/TriangleIcon.tsx","src/components/Attachments/DetailedAttachment/MapUser.tsx"],"sourcesContent":["import React, { useEffect, useLayoutEffect, useRef, useState } from 'react'\r\nimport { useSpring, easings } from '@react-spring/web'\r\n\r\nimport { useUtilsStore } from '../Contexts/UtilsContext'\r\nimport { useSpeechStore } from '../Contexts/SpeechContext'\r\nimport { useRetorikStore } from '../Contexts/RetorikContext'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\nimport { useViewStore } from '../Contexts/ViewContext'\r\nimport { useDirectlineStore } from '../Contexts/DirectlineContext'\r\n\r\nimport useShowPOI from '../../hooks/useShowPOI'\r\n\r\nimport type { POIContentType } from '../../models/attachmentTypes'\r\nimport { getColorFromCategoryId } from '../../utils/getColorFromCategoryId'\r\nimport { Mode, RetorikEvent } from '../../models/enums'\r\nimport preventEvents from '../../utils/preventEvents'\r\n\r\nimport Template from '../Templates/FullScreenRemoteClosing'\r\nimport DetailedTitle from './DetailedAttachment/DetailedTitle'\r\nimport DetailedText from './DetailedAttachment/DetailedText'\r\nimport DetailedMedia from './DetailedAttachment/DetailedMedia'\r\nimport DetailedAddress from './DetailedAttachment/DetailedAddress'\r\nimport DownloadSheet from './DetailedAttachment/DownloadSheet'\r\n\r\nconst springEnterDuration = 1500\r\nconst springLeaveDuration = 2500\r\n\r\nconst AttachmentDetails = (): JSX.Element => {\r\n const detailedItemContent = useShowPOI()\r\n const locale = useLocaleStore((state) => state.locale)\r\n const isUsedOnBorne = useRetorikStore((state) => state.configuration.isUsedOnBorne)\r\n const baseAddress = useRetorikStore((state) => state.baseAddress)\r\n const mode = useSpeechStore((state) => state.mode)\r\n const useOldRemote = useRetorikStore((state) => state.configuration.useOldRemote)\r\n const isMobile = useViewStore((state) => state.isMobile)\r\n const isWidget = useViewStore((state) => state.isWidget)\r\n const currentDeviceType = useViewStore((state) => state.currentDeviceType)\r\n const themeColors = useViewStore((state) => state.themeColors)\r\n const closeDetailedPOI = useUtilsStore((state) => state.closeDetailedPOI)\r\n const { setRetorikEvent, setCloseDetailedPOI } = useUtilsStore((state) => state.actions)\r\n const { sendMessage, sendEvent } = useDirectlineStore((state) => state.actions)\r\n\r\n const [content, setContent] = useState<POIContentType | undefined>(undefined)\r\n const [color, setColor] = useState<string>(themeColors.secondary)\r\n const [titleHeight, setTitleHeight] = useState<number>(0)\r\n const [spring, api] = useSpring(() => ({\r\n from: {\r\n transform: 'translateX(0%)'\r\n }\r\n }))\r\n const timerRef = useRef<NodeJS.Timer | null>(null)\r\n const divRef = useRef<HTMLDivElement>(null)\r\n\r\n useEffect(() => {\r\n setContent(detailedItemContent)\r\n if (detailedItemContent) {\r\n setRetorikEvent(RetorikEvent.DetailViewOpen)\r\n }\r\n }, [detailedItemContent])\r\n\r\n useEffect(() => {\r\n closeDetailedPOI && handleClose()\r\n }, [closeDetailedPOI])\r\n\r\n useLayoutEffect(() => {\r\n if (divRef?.current) {\r\n isWidget && preventEvents(null, divRef)\r\n }\r\n })\r\n\r\n useEffect(() => {\r\n if (content) {\r\n if (timerRef.current) {\r\n clearTimeout(timerRef.current)\r\n timerRef.current = null\r\n }\r\n\r\n content.category?.id && setColor(getColorFromCategoryId(content.category.id, themeColors))\r\n api.start({\r\n from: {\r\n transform: 'translateX(-100%)'\r\n },\r\n to: {\r\n transform: 'translateX(0%)'\r\n },\r\n config: {\r\n duration: springEnterDuration,\r\n easing: easings.easeInBack\r\n }\r\n })\r\n }\r\n }, [content])\r\n\r\n const handleClose = (): void => {\r\n if (!timerRef.current) {\r\n api.start({\r\n from: {\r\n transform: 'translateX(0%)'\r\n },\r\n to: {\r\n transform: 'translateX(-100%)'\r\n },\r\n config: {\r\n duration: springLeaveDuration,\r\n easing: easings.easeOutExpo\r\n }\r\n })\r\n\r\n setCloseDetailedPOI(false)\r\n setRetorikEvent(RetorikEvent.DetailViewClose)\r\n\r\n timerRef.current = setTimeout(() => {\r\n sendEvent('Davi.CloseWindow', null, () => sendEvent('Davi.CloseWindowDetailed', null))\r\n setContent(undefined)\r\n timerRef.current = null\r\n }, springLeaveDuration)\r\n }\r\n }\r\n\r\n const sendPostBack = (value: any): void => {\r\n sendMessage(undefined, value)\r\n }\r\n\r\n return content ? (\r\n <Template handleClose={handleClose} className={useOldRemote ? 'rf-z-detailedPOI' : 'rf-z-[25]'} closeButtonClassName='rf-z-util' remoteCloseButtonZIndex='rf-z-detailedPOI' animation={spring}>\r\n {/* Window containing data */}\r\n <div ref={divRef} className='rf-relative rf-flex rf-flex-row vertical:rf-flex-col rf-h-full rf-overflow-y-scroll rf-scrollbar-hidden'>\r\n {detailedItemContent?.template ? (\r\n <React.Fragment>\r\n <detailedItemContent.template\r\n props={{\r\n ...content,\r\n locale: locale,\r\n isUsedOnBorne: isUsedOnBorne,\r\n baseAddress: baseAddress,\r\n sendPostBack: sendPostBack\r\n }}\r\n currentDeviceType={currentDeviceType}\r\n handleClose={handleClose}\r\n />\r\n </React.Fragment>\r\n ) : (\r\n <React.Fragment>\r\n <div className='rf-px-6 large:rf-px-8 rf-w-2/3 vertical:rf-w-full rf-mb-4 large:rf-mb-0 rf-flex rf-flex-col rf-border-r rf-border-r-silver vertical:rf-border-r-0'>\r\n {/* Title + category */}\r\n <DetailedTitle\r\n category={content.category}\r\n title={content.title}\r\n infoBanner={content.infoBanner}\r\n color={color}\r\n customerReviews={content.customerReviews}\r\n favorite={content.favorite}\r\n handleClose={handleClose}\r\n setTitleHeight={setTitleHeight}\r\n />\r\n <div className='rf-flex rf-flex-col large:rf-flex-row landscape-retorik:rf-h-full'>\r\n {/* Text + other data */}\r\n <DetailedText text={content.text} otherInformations={content.otherInformations} color={color} url={content.downloadUri} titleHeight={titleHeight} />\r\n {/* Media + comment if there is at least one media or comment */}\r\n {(content.media?.length || content.review) && <DetailedMedia media={content.media} review={content.review} color={color} />}\r\n </div>\r\n </div>\r\n <DetailedAddress\r\n address={content.addressStructured}\r\n phoneNumber={content.phoneNumber}\r\n coordinates={content.coordinates}\r\n color={color}\r\n customerReviews={content.customerReviews}\r\n url={content.downloadUri}\r\n />\r\n {isMobile && <div className={mode === Mode.text ? 'rf-mb-28' : 'rf-mb-16'}>{content.downloadUri && <DownloadSheet className='rf-justify-center' url={content.downloadUri} />}</div>}\r\n </React.Fragment>\r\n )}\r\n </div>\r\n </Template>\r\n ) : (\r\n <React.Fragment />\r\n )\r\n}\r\n\r\nexport default AttachmentDetails\r\n","import { useEffect, useState } from 'react'\r\nimport { useActivityStore } from '../components/Contexts/ActivityContext'\r\nimport { useUtilsStore } from '../components/Contexts/UtilsContext'\r\nimport { useLocaleStore } from '../components/Contexts/LocaleContext'\r\nimport { useRetorikStore } from '../components/Contexts/RetorikContext'\r\n\r\nimport type { DetailedAttachmentAction } from '../models/activityTypes'\r\nimport { mapDetailedDataFromContentItem } from '../utils/mapDetailedDataFromContentItem'\r\n\r\nconst useShowPOI = (): any => {\r\n const locale = useLocaleStore((state) => state.locale)\r\n const translation = useLocaleStore((state) => state.currentTranslations)\r\n const lastBotActivity = useActivityStore((state) => state.lastBotActivity)\r\n const triggers = useUtilsStore((state) => state.detailedAttachmentTriggers)\r\n const baseAddress = useRetorikStore((state) => state.baseAddress)\r\n\r\n const [result, setResult] = useState<any>(undefined)\r\n\r\n useEffect(() => {\r\n let result: any = undefined\r\n\r\n if (lastBotActivity?.value && triggers.length) {\r\n triggers.forEach((trigger: DetailedAttachmentAction) => {\r\n if (lastBotActivity.type === trigger.type) {\r\n if (trigger.name && trigger.name === lastBotActivity.name) {\r\n if (trigger.contentType) {\r\n if (trigger.contentType === lastBotActivity.value?.contentType) {\r\n lastBotActivity.value.content.template = trigger.linkedComponent\r\n result = lastBotActivity.value.content\r\n }\r\n } else {\r\n const data = {\r\n id: lastBotActivity.value?.contentItemId,\r\n content: lastBotActivity.value?.content,\r\n contentType: lastBotActivity.value?.contentType,\r\n baseAddress: baseAddress,\r\n locale: locale\r\n }\r\n const checkData = mapDetailedDataFromContentItem(\r\n data,\r\n translation\r\n )\r\n if (checkData) {\r\n result = { ...checkData, template: trigger.linkedComponent }\r\n } else {\r\n lastBotActivity.value.template = trigger.linkedComponent\r\n result = lastBotActivity.value\r\n }\r\n }\r\n } else if (trigger.label && trigger.label === lastBotActivity.label) {\r\n if (trigger.contentType) {\r\n if (trigger.contentType === lastBotActivity.value?.contentType) {\r\n lastBotActivity.value.content.template = trigger.linkedComponent\r\n result = lastBotActivity.value.content\r\n }\r\n } else {\r\n lastBotActivity.value.template = trigger.linkedComponent\r\n result = lastBotActivity.value\r\n }\r\n }\r\n }\r\n })\r\n }\r\n\r\n setResult(result)\r\n }, [lastBotActivity])\r\n\r\n return result\r\n}\r\n\r\nexport default useShowPOI\r\n","import type {\r\n Coordinates,\r\n POIContentType,\r\n AddressStructured,\r\n Review\r\n} from '../models/attachmentTypes'\r\nimport type { TranslationFile } from '../models/translationsType'\r\n\r\nconst infoBannerContenTypes = ['foodestablishment', 'event']\r\n\r\nconst categoryConversion = {\r\n FoodEstablishment: 'Where to eat',\r\n LodgingBusiness: 'Where to sleep',\r\n TouristDestination: 'What to see',\r\n TouristAttraction: 'What to do',\r\n Product: 'Local products',\r\n Service: 'Services',\r\n Event: 'Events',\r\n City: 'Cities',\r\n Wine: 'Wines'\r\n}\r\n\r\ninterface MappingProps {\r\n id?: string\r\n content: any\r\n contentType?: string\r\n baseAddress: string\r\n locale: string\r\n}\r\n\r\ninterface Category {\r\n id: string\r\n label: string\r\n}\r\n\r\ninterface OtherInformation {\r\n title: string\r\n content: string | Array<string>\r\n}\r\n\r\nconst getCategoryFromContentType = (\r\n contentType: string | undefined,\r\n translation: TranslationFile\r\n): Category | undefined => {\r\n if (contentType) {\r\n if (Object.keys(categoryConversion).includes(contentType)) {\r\n return {\r\n id: categoryConversion[contentType],\r\n label: translation.poi[contentType]\r\n }\r\n }\r\n\r\n return {\r\n id: 'default',\r\n label: contentType\r\n }\r\n }\r\n\r\n return undefined\r\n}\r\n\r\nconst mapDetailedDataFromContentItem = (\r\n data: MappingProps,\r\n translation: TranslationFile\r\n): POIContentType | null => {\r\n if (data.id && data.content) {\r\n try {\r\n const content = data.content\r\n // Process medias\r\n const medias: any = []\r\n content.Thing?.Image?.Paths &&\r\n content.Thing.Image.Paths.length &&\r\n content.Thing?.Image?.Paths?.forEach((path) => {\r\n medias.push({\r\n url: `${data.baseAddress}media/${path}`\r\n })\r\n })\r\n\r\n // Processed address\r\n const address: AddressStructured = {\r\n addressLocality: content.Place?.AddressLocality?.Text || '',\r\n postalCode: content.Place?.PostalCode?.Text || '',\r\n street: content.Place?.StreetAddress?.Text || ''\r\n }\r\n\r\n // Processed coordinates\r\n const coordinates: Coordinates | undefined =\r\n content.Place?.Latitude?.Value && content.Place?.Longitude?.Value\r\n ? {\r\n latitude: content.Place.Latitude.Value,\r\n longitude: content.Place.Longitude.Value\r\n }\r\n : undefined\r\n\r\n // Processed review\r\n const review: Review = {\r\n author:\r\n content.Review?.Author || content.Review?.AuthorCapacity\r\n ? {\r\n name: content.Review?.Author,\r\n capacity: content.Review?.AuthorCapacity\r\n }\r\n : undefined,\r\n comment: content.Review?.ReviewBody || '',\r\n picture: content.Review?.Picture\r\n ? {\r\n url: content.Review.Picture,\r\n description: content.Review.PictureDescription || ''\r\n }\r\n : undefined\r\n }\r\n\r\n // Process other informations\r\n const otherInformations: Array<OtherInformation> = []\r\n // Opening hours\r\n content.LocalBusiness?.OpeningHours?.Text &&\r\n otherInformations.push({\r\n title: translation.poi.openinghours,\r\n content: content.LocalBusiness.OpeningHours.Text\r\n })\r\n // Prices\r\n content.LocalBusiness?.PriceRange?.Text &&\r\n otherInformations.push({\r\n title: translation.poi.prices,\r\n content: content.LocalBusiness.PriceRange.Text\r\n })\r\n // Payment methods\r\n content.LocalBusiness?.PaymentAccepted?.Values &&\r\n content.LocalBusiness.PaymentAccepted.Values.length &&\r\n otherInformations.push({\r\n title: translation.poi.paymentmethods,\r\n content: content.LocalBusiness.PaymentAccepted.Values\r\n })\r\n\r\n // Process information banner\r\n let infoBanner: string | undefined\r\n if (\r\n data.contentType &&\r\n infoBannerContenTypes.includes(data.contentType.toLowerCase())\r\n ) {\r\n switch (data.contentType.toLowerCase()) {\r\n case 'foodestablishment':\r\n content.Place?.MaximumAttendeeCapacity?.Value &&\r\n !isNaN(parseInt(content.Place?.MaximumAttendeeCapacity?.Value)) &&\r\n (infoBanner = `${translation.poi.numberofplaces} ${parseInt(\r\n content.Place?.MaximumAttendeeCapacity?.Value\r\n )}`)\r\n break\r\n case 'event':\r\n if (\r\n content.Event &&\r\n content.Event.StartDate?.Value &&\r\n content.Event.EndDate?.value\r\n ) {\r\n const startDate = new Date(content.Event.StartDate.Value)\r\n const endDate = new Date(content.Event.StartDate.Value)\r\n if (\r\n content.Event.StartDate.Value === content.Event.EndDate.value\r\n ) {\r\n infoBanner = `Le ${startDate.toLocaleDateString(data.locale)}`\r\n } else {\r\n infoBanner = `Du ${startDate.toLocaleDateString(\r\n data.locale\r\n )} au ${endDate.toLocaleDateString(data.locale)}`\r\n }\r\n }\r\n break\r\n }\r\n }\r\n\r\n // Hack for Wines category -> TODO : remove it !\r\n let categoryWineTest = false\r\n const categories = content.Thing?.Categories?.Values\r\n const wineFilters = [\r\n 'Blanc de blanc',\r\n 'Rosé Champagne',\r\n 'Vintages',\r\n 'Cocktail Collection',\r\n 'AUTHIGENE Collection'\r\n ]\r\n\r\n if (categories && categories.length) {\r\n categories.forEach(\r\n (category: string) =>\r\n wineFilters.includes(category) && (categoryWineTest = true)\r\n )\r\n }\r\n\r\n const mappedData: POIContentType = {\r\n identifier: data.id,\r\n title: content.Thing?.Name?.Text?.toString() || '',\r\n text: content.Thing?.Description?.Text?.toString() || '',\r\n addressStructured: address,\r\n contact: content.PointOfInterest?.Contact?.Text?.toString() || '',\r\n phoneNumber: content.Place?.Telephone?.Text\r\n ? content.Place.Telephone.Text.toString()\r\n : '',\r\n category: categoryWineTest\r\n ? {\r\n id: categoryConversion.Wine,\r\n label: translation.poi.Wine\r\n }\r\n : getCategoryFromContentType(content.contentType || data.contentType, translation),\r\n media: medias.length ? medias : undefined,\r\n customerReviews: content.Place?.AggregateRating?.Value,\r\n coordinates: coordinates,\r\n downloadUri: `${data.baseAddress}api/hospitality/${data.id}/pdf`,\r\n favorite: !!content.Thing?.Favorite?.Value,\r\n review: review,\r\n infoBanner: infoBanner,\r\n otherInformations: otherInformations\r\n }\r\n\r\n return mappedData\r\n } catch (e) {\r\n console.log(e)\r\n return null\r\n }\r\n }\r\n\r\n return null\r\n}\r\n\r\nexport { mapDetailedDataFromContentItem }\r\n","import React, { useEffect, useRef } from 'react'\r\nimport { useLocaleStore } from '../../Contexts/LocaleContext'\r\nimport { useViewStore } from '../../Contexts/ViewContext'\r\nimport CommentsPennant from './CommentsPennant'\r\nimport { FavoriteIcon } from '../../Icons/DetailedPOIIcons'\r\nimport { BackButton } from '../../Menu/Common'\r\n\r\ntype DetailedTitleProps = {\r\n category?: {\r\n id: string\r\n label: string\r\n }\r\n title?: string\r\n infoBanner?: string\r\n color?: string\r\n customerReviews?: number\r\n favorite?: boolean\r\n handleClose: () => void\r\n setTitleHeight: (x: number) => void\r\n}\r\n\r\nconst DetailedTitle = ({ category, title, infoBanner, color, customerReviews, favorite, handleClose, setTitleHeight }: DetailedTitleProps): JSX.Element => {\r\n const translation = useLocaleStore((state) => state.currentTranslations)\r\n const isMobile = useViewStore((state) => state.isMobile)\r\n const titleRef = useRef<HTMLDivElement>(null)\r\n\r\n useEffect(() => {\r\n titleRef?.current && setTitleHeight(titleRef.current.clientHeight)\r\n }, [titleRef?.current])\r\n\r\n return (\r\n <div ref={titleRef} className='rf-relative rf-pb-4 rf-flex-col rf-items-start rf-justify-center'>\r\n {/* Category + comments' pennant */}\r\n {customerReviews && <CommentsPennant className='rf-absolute rf-hidden large-vertical:rf-block rf-top-0 rf-right-0' color={color} customerReviews={customerReviews} />}\r\n <div className='rf-w-full rf-flex rf-flex-row rf-justify-between rf-items-start'>\r\n {isMobile && <BackButton title={translation.common.back} handleBack={handleClose} className='rf-relative rf-mt-4 rf-text-size-auto' />}\r\n <div className='rf-uppercase rf-w-fit rf-py-2 large:rf-py-3 rf-px-4 rf-bg-black rf-text-primary' style={{ color: color }}>\r\n {category?.label || 'category'}\r\n </div>\r\n </div>\r\n\r\n {/* 'Favorite' icon + title */}\r\n <div className='rf-py-6 rf-title-large-bold-size-auto large-vertical:rf-pt-[16.67%] rf-flex rf-flex-row rf-items-center rf-font-bold'>\r\n {favorite && <FavoriteIcon className='rf-h-16 rf-w-20 rf-pr-4' />}\r\n {title || ''}\r\n </div>\r\n\r\n {/* Informations Banner */}\r\n {infoBanner && (\r\n <div className='rf-py-1 rf-px-4 rf-subtitle-size-auto rf-bg-primary rf-text-truewhite' style={{ backgroundColor: color }}>\r\n {infoBanner}\r\n </div>\r\n )}\r\n </div>\r\n )\r\n}\r\n\r\nexport default DetailedTitle\r\n","import React, { useState, useEffect, useRef } from 'react'\r\nimport { CommentsPennantIcon } from '../../Icons/DetailedPOIIcons'\r\nimport { useLocaleStore } from '../../Contexts/LocaleContext'\r\n\r\ntype ComponentsPennantType = {\r\n className?: string\r\n color?: string\r\n customerReviews: number\r\n}\r\n\r\nconst CommentsPennant = ({\r\n className,\r\n color,\r\n customerReviews\r\n}: ComponentsPennantType): JSX.Element => {\r\n const translation = useLocaleStore((state) => state.currentTranslations)\r\n const [widthInPx, setWidthInPx] = useState<number>(0)\r\n const pennantRef = useRef<HTMLDivElement>(null)\r\n\r\n useEffect(() => {\r\n if (pennantRef.current) {\r\n setWidthInPx(Math.ceil(pennantRef.current.offsetWidth / 2))\r\n }\r\n }, [pennantRef])\r\n\r\n return (\r\n <div\r\n className={`${className} rf-flex rf-flex-col rf-justify-center rf-text-white`}\r\n ref={pennantRef}\r\n >\r\n <div\r\n className='rf-flex rf-flex-col rf-items-center rf-p-2 rf-bg-primary'\r\n style={{ backgroundColor: color }}\r\n >\r\n <CommentsPennantIcon className='rf-w-12 large:rf-w-14 large-vertical:rf-w-16 rf-pb-2' />\r\n <div className='rf-flex-col rf-text-center rf-text-size-auto rf-uppercase'>\r\n {translation.poi.comment.split(' ').map((word, index) => {\r\n return <div key={index}>{word}</div>\r\n })}\r\n </div>\r\n <div className='rf-font-bold rf-subtitle-size-auto'>\r\n {customerReviews}/10\r\n </div>\r\n </div>\r\n <div\r\n className='rf-w-0 rf-h-0 rf-border-t-0 rf-border-x-primary rf-border-b-transparent'\r\n style={{\r\n borderLeftColor: color,\r\n borderRightColor: color,\r\n borderBottomWidth: (widthInPx * 2) / 3,\r\n borderLeftWidth: widthInPx,\r\n borderRightWidth: widthInPx\r\n }}\r\n />\r\n </div>\r\n )\r\n}\r\n\r\nexport default CommentsPennant\r\n","import React, { useEffect, useRef, useState, useMemo } from 'react'\r\nimport { useRetorikStore } from '../../Contexts/RetorikContext'\r\nimport { useViewStore } from '../../Contexts/ViewContext'\r\nimport DownloadSheet from './DownloadSheet'\r\nimport DownloadQR from './DownloadQR'\r\n\r\ntype DetailedTextProps = {\r\n text?: string\r\n otherInformations?: Array<{\r\n title: string\r\n content: string | Array<string>\r\n }>\r\n color?: string\r\n url?: string\r\n titleHeight: number\r\n}\r\n\r\nconst DownloadQRHeight = 200\r\nconst DownloadSheetHeight = 100\r\n\r\nconst DetailedText = ({\r\n text,\r\n otherInformations,\r\n color,\r\n url,\r\n titleHeight\r\n}: DetailedTextProps): JSX.Element => {\r\n const isUsedOnBorne = useRetorikStore(\r\n (state) => state.configuration.isUsedOnBorne\r\n )\r\n const isMobile = useViewStore((state) => state.isMobile)\r\n const isLandscape = useViewStore((state) => state.isLandscape)\r\n const currentHeight = useViewStore((state) => state.currentHeight)\r\n\r\n const textRef = useRef<HTMLDivElement>(null)\r\n const otherInformationsRef = useRef<HTMLDivElement>(null)\r\n const [opacityStyle, setOpacityStyle] = useState<string | undefined>('')\r\n const [otherOpacityStyle, setOtherOpacityStyle] = useState<\r\n string | undefined\r\n >('')\r\n const processedText = useMemo<string>(() => {\r\n if (text) {\r\n return text.replaceAll('\\n', '<br>')\r\n }\r\n\r\n return ''\r\n }, [text])\r\n\r\n const textContainerMaxHeight = useMemo<number>(() => {\r\n return (\r\n currentHeight -\r\n titleHeight -\r\n (isUsedOnBorne ? DownloadQRHeight : DownloadSheetHeight)\r\n )\r\n }, [titleHeight])\r\n\r\n const [textMaxHeight, setTextMaxHeight] = useState<number>(0)\r\n const [otherInformationsMaxHeight, setOtherInformationsMaxHeight] =\r\n useState<number>(0)\r\n\r\n useEffect(() => {\r\n if (\r\n textRef?.current &&\r\n otherInformationsRef?.current &&\r\n textContainerMaxHeight &&\r\n !isMobile\r\n ) {\r\n const textHeight = isLandscape\r\n ? (textContainerMaxHeight * 58) / 100\r\n : (currentHeight * 30) / 100\r\n\r\n const otherInformationsHeight = isLandscape\r\n ? (textContainerMaxHeight * 40) / 100\r\n : (currentHeight * 18) / 100\r\n\r\n if (textRef.current.scrollHeight > textHeight) {\r\n if (\r\n otherInformationsRef.current.scrollHeight > otherInformationsHeight\r\n ) {\r\n setTextMaxHeight(textHeight)\r\n setOtherInformationsMaxHeight(otherInformationsHeight)\r\n } else {\r\n setTextMaxHeight(\r\n textContainerMaxHeight - otherInformationsRef.current.scrollHeight\r\n )\r\n setOtherInformationsMaxHeight(otherInformationsHeight)\r\n }\r\n } else if (\r\n otherInformationsRef.current.scrollHeight > otherInformationsHeight\r\n ) {\r\n setTextMaxHeight(textHeight)\r\n setOtherInformationsMaxHeight(\r\n textContainerMaxHeight - textRef.current.scrollHeight\r\n )\r\n } else {\r\n setTextMaxHeight(textHeight)\r\n setOtherInformationsMaxHeight(otherInformationsHeight)\r\n }\r\n }\r\n }, [textRef?.current, otherInformationsRef?.current, textContainerMaxHeight])\r\n\r\n useEffect(() => {\r\n if (textRef?.current && textMaxHeight) {\r\n if (\r\n !isMobile &&\r\n textRef.current.scrollHeight > textMaxHeight &&\r\n textRef.current.scrollHeight > textRef.current.clientHeight\r\n ) {\r\n handleScroll()\r\n } else {\r\n setOpacityStyle(undefined)\r\n }\r\n }\r\n }, [textRef?.current, textMaxHeight])\r\n\r\n useEffect(() => {\r\n if (otherInformationsRef?.current && otherInformationsMaxHeight) {\r\n if (\r\n !isMobile &&\r\n otherInformationsRef.current.scrollHeight >\r\n otherInformationsMaxHeight &&\r\n otherInformationsRef.current.scrollHeight >\r\n otherInformationsRef.current.clientHeight\r\n ) {\r\n handleOtherScroll()\r\n } else {\r\n setOtherOpacityStyle(undefined)\r\n }\r\n }\r\n }, [otherInformationsRef?.current, otherInformationsMaxHeight])\r\n\r\n /**\r\n * On call :\r\n * - check if textRef.current is defined\r\n * - set opacityStyle state depending on scroll height and current scrolling\r\n */\r\n const handleScroll = (): void => {\r\n if (textRef.current) {\r\n const maxScroll =\r\n textRef.current.scrollHeight - textRef.current.offsetHeight\r\n const percentage = Math.ceil((textRef.current.scrollTop / maxScroll) * 40)\r\n setOpacityStyle(\r\n `linear-gradient(to bottom, black ${\r\n 60 + percentage\r\n }%, transparent 100%)`\r\n )\r\n }\r\n }\r\n\r\n const handleOtherScroll = (): void => {\r\n if (otherInformationsRef.current) {\r\n const maxScroll =\r\n otherInformationsRef.current.scrollHeight -\r\n otherInformationsRef.current.offsetHeight\r\n const percentage = Math.ceil(\r\n (otherInformationsRef.current.scrollTop / maxScroll) * 30\r\n )\r\n setOtherOpacityStyle(\r\n `linear-gradient(to bottom, black ${\r\n 70 + percentage\r\n }%, transparent 100%)`\r\n )\r\n }\r\n }\r\n\r\n return (\r\n <div className='rf-flex rf-flex-col large:rf-pr-4 large:rf-min-w-1/2 rf-gap-4'>\r\n <div\r\n className='rf-w-full rf-flex rf-flex-col rf-items-start'\r\n style={{\r\n maxHeight: isLandscape ? textContainerMaxHeight : undefined\r\n }}\r\n >\r\n {processedText && (\r\n <div\r\n ref={textRef}\r\n className='large-vertical:rf-max-h-[30vh] rf-font-medium rf-overflow-y-scroll rf-pb-4 rf-scroll-pb-4 rf-scrollbar-hidden'\r\n style={{\r\n WebkitMaskImage: opacityStyle,\r\n maxHeight: textMaxHeight || undefined\r\n }}\r\n onScroll={handleScroll}\r\n dangerouslySetInnerHTML={{ __html: processedText }}\r\n />\r\n )}\r\n {otherInformations && otherInformations.length > 0 && (\r\n <div\r\n ref={otherInformationsRef}\r\n className='large-vertical:rf-max-h-[18vh] rf-flex rf-flex-col rf-justify-start rf-text-lightgray rf-overflow-y-scroll rf-pb-4 rf-scroll-pb-4 rf-scrollbar-hidden'\r\n style={{\r\n WebkitMaskImage: otherOpacityStyle,\r\n maxHeight: otherInformationsMaxHeight || undefined\r\n }}\r\n onScroll={handleOtherScroll}\r\n >\r\n {otherInformations.map((information, key) => {\r\n const tempContent = Array.isArray(information.content)\r\n ? information.content.join(' | ')\r\n : information.content\r\n const htmlContent = tempContent.replaceAll('\\n', '<br>')\r\n\r\n return (\r\n <React.Fragment key={key}>\r\n <div\r\n className='rf-mt-4'\r\n style={{\r\n color: color || 'rgb(25, 153, 177)'\r\n }}\r\n >\r\n {information.title}\r\n </div>\r\n <div dangerouslySetInnerHTML={{ __html: htmlContent }} />\r\n </React.Fragment>\r\n )\r\n })}\r\n </div>\r\n )}\r\n </div>\r\n\r\n {/* Downloading button or Qrcode in landscape mode */}\r\n {isLandscape &&\r\n url &&\r\n (isUsedOnBorne ? (\r\n <DownloadQR url={url} />\r\n ) : (\r\n <DownloadSheet url={url} />\r\n ))}\r\n </div>\r\n )\r\n}\r\n\r\nexport default DetailedText\r\n","import React from 'react'\r\nimport { useLocaleStore } from '../../Contexts/LocaleContext'\r\nimport { DownloadIcon } from '../../Icons/Miscellaneous'\r\nimport { capitalizeFirstLetter } from '../../../utils/capitalizeFirstLetter'\r\n\r\ninterface DownloadSheetProps {\r\n className?: string\r\n url: string\r\n}\r\n\r\nconst DownloadSheet = ({ className, url }: DownloadSheetProps): JSX.Element => {\r\n const translation = useLocaleStore((state) => state.currentTranslations)\r\n const locale = useLocaleStore((state) => state.locale)\r\n\r\n return (\r\n <div className={`${className} rf-w-full rf-flex`}>\r\n <a\r\n href={url}\r\n className='rf-px-5 rf-py-3 rf-h-fit rf-flex rf-flex-row rf-items-center rf-mt-8 rf-mb-16 large:rf-my-0 rf-border-2 rf-border-black rf-rounded-lg hover:rf-bg-truewhite rf-cursor-pointer rf-font-bold'\r\n >\r\n <DownloadIcon className='rf-h-6 rf-w-6 rf-mr-1' />\r\n {capitalizeFirstLetter(translation.common.downloadsheet, locale)}\r\n </a>\r\n </div>\r\n )\r\n}\r\n\r\nexport default DownloadSheet\r\n","import React, { useEffect, useRef, useState } from 'react'\r\nimport QRCode from 'qrcode'\r\n\r\nimport { useLocaleStore } from '../../Contexts/LocaleContext'\r\nimport { useRetorikStore } from '../../Contexts/RetorikContext'\r\n\r\nimport { capitalizeFirstLetter } from '../../../utils/capitalizeFirstLetter'\r\n\r\nimport QRCodeComponent from '../../Utils/QRCodeComponent'\r\nimport PrintingButton from './PrintingButton'\r\nimport { RoundIcon } from '../../Icons/DetailedPOIIcons'\r\n\r\ninterface DownloadQRProps {\r\n url: string\r\n}\r\n\r\nconst DownloadQR = ({ url }: DownloadQRProps): JSX.Element => {\r\n const translation = useLocaleStore((state) => state.currentTranslations)\r\n const locale = useLocaleStore((state) => state.locale)\r\n const enableDocumentPrinting = useRetorikStore(\r\n (state) => state.configuration.enableDocumentPrinting\r\n )\r\n\r\n const [qrCodeData, setQrCodeData] = useState<string | undefined>(undefined)\r\n const imageRef = useRef<HTMLImageElement>(null)\r\n\r\n useEffect(() => {\r\n setQrCodeDataAsync()\r\n }, [])\r\n\r\n const setQrCodeDataAsync = async (): Promise<void> => {\r\n const qrCodeString = await QRCode.toDataURL(url)\r\n setQrCodeData(qrCodeString)\r\n }\r\n\r\n return (\r\n <div className='rf-w-full rf-flex rf-flex-row rf-items-start'>\r\n {/* Printing button if allowed */}\r\n {enableDocumentPrinting && (\r\n <div className='rf-w-1/2 rf-flex rf-justify-start'>\r\n <PrintingButton url={url} />\r\n </div>\r\n )}\r\n\r\n {/* QR code for download */}\r\n <div\r\n className='rf-flex rf-flex-col rf-items-center rf-text-center rf-gap-2 rf-font-bold rf-text-sm'\r\n style={{\r\n width: enableDocumentPrinting ? '50%' : '100%'\r\n }}\r\n >\r\n <div className='rf-flex rf-flex-row rf-items-start rf-gap-1 rf-italic'>\r\n <RoundIcon />\r\n <div className='rf-w-fit'>\r\n {`${capitalizeFirstLetter(\r\n translation.common.downloadsheetmobile,\r\n locale\r\n )} ${translation.link.scanQR}`}\r\n </div>\r\n </div>\r\n\r\n {qrCodeData && (\r\n <div className='large-vertical:rf-mt-4'>\r\n <QRCodeComponent ref={imageRef} src={qrCodeData} />\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default DownloadQR\r\n","import React from 'react'\r\nimport { useLocaleStore } from '../../Contexts/LocaleContext'\r\nimport { useUtilsStore } from '../../Contexts/UtilsContext'\r\nimport { PrintIcon } from '../../Icons/DetailedPOIIcons'\r\nimport PrintingPreview from '../PrintingPreview'\r\n\r\ninterface PrintingButtonProps {\r\n url: string\r\n}\r\n\r\nconst PrintingButton = ({ url }: PrintingButtonProps): JSX.Element => {\r\n const translation = useLocaleStore((state) => state.currentTranslations)\r\n const setModalFullscreenContent = useUtilsStore(\r\n (state) => state.actions.setModalFullscreenContent\r\n )\r\n\r\n const handleClick = (): void => {\r\n setModalFullscreenContent(\r\n <PrintingPreview url={url} printingAllowed={true} />\r\n )\r\n }\r\n\r\n return (\r\n <button\r\n className='rf-px-4 rf-py-1 rf-flex rf-flex-row rf-items-center rf-gap-2 rf-font-bold rf-text-sm rf-border-2 rf-border-black rf-rounded-lg'\r\n onClick={handleClick}\r\n >\r\n <PrintIcon />\r\n {translation.common.printsheet}\r\n </button>\r\n )\r\n}\r\n\r\nexport default PrintingButton\r\n","import React, { useEffect, useState } from 'react'\r\nimport type { Review } from '../../../models/attachmentTypes'\r\nimport { imageFiles } from '../../../utils/imageFiles'\r\nimport { capitalizeFirstLetter } from '../../../utils/capitalizeFirstLetter'\r\nimport { Carousel } from '../../Utils'\r\n\r\ninterface DetailedMediaProps {\r\n media?: [\r\n {\r\n url?: string\r\n title?: string\r\n credits?: string\r\n }\r\n ]\r\n review?: Review\r\n color?: string\r\n}\r\n\r\ninterface Media {\r\n type?: number\r\n url: string\r\n alt?: string\r\n}\r\n\r\nconst DetailedMedia = ({\r\n media,\r\n review,\r\n color\r\n}: DetailedMediaProps): JSX.Element => {\r\n const [landscapeImage, setLandscapeImage] = useState<boolean>(false)\r\n const [carouselMedia, setCarouselMedia] = useState<Array<Media>>([])\r\n\r\n useEffect(() => {\r\n if (media && media.length > 0) {\r\n let tempMedia: Array<Media> = []\r\n media.forEach((med) => {\r\n med.url &&\r\n (tempMedia = [\r\n ...tempMedia,\r\n { url: med.url, alt: med.title || 'media' }\r\n ])\r\n })\r\n setCarouselMedia(tempMedia)\r\n }\r\n }, [media])\r\n\r\n /**\r\n * On review change :\r\n * - check if the review contains a picture url\r\n * - if so, create an Image with this url, and check if its width is larger than its height\r\n * - set landscapeImage state with the result\r\n */\r\n useEffect(() => {\r\n if (review?.picture?.url) {\r\n const getImageData = async (): Promise<void> => {\r\n const image = new Image()\r\n image.onload = (): void => {\r\n setLandscapeImage(image.width > image.height)\r\n }\r\n image.src = review?.picture?.url || ''\r\n }\r\n getImageData()\r\n }\r\n }, [review])\r\n\r\n return (\r\n <div className='large:rf-min-w-1/2 large:rf-pl-4 rf-flex rf-flex-col rf-items-center'>\r\n {/* Image */}\r\n {carouselMedia && carouselMedia.length > 0 && (\r\n <div className='rf-relative rf-flex rf-justify-center rf-align-center rf-w-full rf-aspect-[4/3] rf-mb-4 rf-overflow-hidden'>\r\n <Carousel\r\n className='rf-min-h-full rf-min-w-full rf-object-cover'\r\n medias={carouselMedia}\r\n controls={true}\r\n timer={3000}\r\n color={color}\r\n />\r\n </div>\r\n )}\r\n\r\n {/* Comment data */}\r\n {review && review.comment && (\r\n <div className='rf-w-full rf-p-4 large:rf-mb-4 rf-flex rf-flex-col rf-gap-4 rf-bg-truewhite rf-rounded-lg rf-shadow-[0_3px_6px_#00000029]'>\r\n {/* Comment */}\r\n <div className='rf-text-lightgray'>{review.comment}</div>\r\n\r\n {/* Author image / name / capacity */}\r\n {(review.picture || review.author) && (\r\n <div className='rf-flex rf-flex-row rf-items-center'>\r\n {review.picture && (\r\n <div className='rf-h-12 rf-w-12 rf-min-w-12 large:rf-h-16 large:rf-w-16 large:rf-min-w-16 large-vertical:rf-h-24 large-vertical:rf-w-24 large-vertical:rf-min-w-24 rf-mr-4 rf-flex rf-items-center rf-rounded-half rf-overflow-hidden'>\r\n <img\r\n src={review.picture.url || imageFiles.noimage}\r\n alt={review.picture.description || 'auteur'}\r\n className={\r\n landscapeImage ? 'rf-h-full rf-max-w-none' : 'rf-w-full'\r\n }\r\n />\r\n </div>\r\n )}\r\n {review.author && (\r\n <div className='rf-flex rf-flex-col rf-items-start'>\r\n <p className='rf-font-bold'>\r\n {capitalizeFirstLetter(review.author.name || '')}\r\n </p>\r\n <p className='rf-italic'>\r\n {capitalizeFirstLetter(review.author.capacity || '')}\r\n </p>\r\n </div>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n )\r\n}\r\n\r\nexport default DetailedMedia\r\n","import React from 'react'\r\nimport { useRetorikStore } from '../../Contexts/RetorikContext'\r\nimport { useViewStore } from '../../Contexts/ViewContext'\r\n\r\nimport type {\r\n AddressStructured,\r\n Coordinates\r\n} from '../../../models/attachmentTypes'\r\n\r\nimport ShowPhoneNumber from './ShowPhoneNumber'\r\nimport CommentsPennant from './CommentsPennant'\r\nimport Map from './Map'\r\nimport DownloadSheet from './DownloadSheet'\r\nimport DownloadQR from './DownloadQR'\r\n\r\ntype DetailedAddressProps = {\r\n address?: AddressStructured\r\n phoneNumber?: string\r\n coordinates?: Coordinates\r\n color?: string\r\n customerReviews?: number\r\n url?: string\r\n}\r\n\r\nconst DetailedAddress = ({\r\n address,\r\n phoneNumber,\r\n coordinates,\r\n color,\r\n customerReviews,\r\n url\r\n}: DetailedAddressProps): JSX.Element => {\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 currentWidth = useViewStore((state) => state.currentWidth)\r\n const configuration = useRetorikStore((state) => state.configuration)\r\n\r\n return (\r\n <div className='rf-relative rf-w-1/3 vertical:rf-w-full large:rf-bg-truewhite rf-flex rf-flex-col large-vertical:rf-flex-row'>\r\n {/* Pennant with comments */}\r\n {customerReviews && (\r\n <CommentsPennant\r\n className='rf-absolute large-vertical:rf-hidden rf-top-0 rf-left-1/2 rf--translate-x-1/2'\r\n color={color}\r\n customerReviews={customerReviews}\r\n />\r\n )}\r\n\r\n {/* Address + phone number */}\r\n <div\r\n className={`rf-px-6 rf-flex rf-flex-col large-vertical:rf-w-1/2 rf-items-center rf-text-center ${\r\n customerReviews\r\n ? isBorne\r\n ? 'rf-bg-truewhite rf-justify-center'\r\n : 'rf-bg-truewhite rf-justify-start'\r\n : 'rf-justify-center'\r\n }`}\r\n style={{\r\n height: isMobile\r\n ? customerReviews\r\n ? currentWidth\r\n : undefined\r\n : isLandscape\r\n ? coordinates && coordinates.latitude && coordinates.longitude\r\n ? '50%'\r\n : '100%'\r\n : 'calc(50vw - 3rem)'\r\n }}\r\n >\r\n <div\r\n className={\r\n customerReviews && !isBorne\r\n ? isLandscape\r\n ? 'rf-pt-[26vh] rf-pb-12'\r\n : 'rf-pt-11/20 rf-pb-12'\r\n : 'rf-py-12'\r\n }\r\n >\r\n {address && (\r\n <React.Fragment>\r\n {address.street && <div>{address.street}</div>}\r\n {address.addressLocality && (\r\n <div>\r\n {address.postalCode\r\n ? `${address.postalCode} ${address.addressLocality}`\r\n : address.addressLocality}\r\n </div>\r\n )}\r\n </React.Fragment>\r\n )}\r\n </div>\r\n {phoneNumber && <ShowPhoneNumber phoneNumber={phoneNumber} />}\r\n\r\n {/* QRcode to download data in borne mode */}\r\n {coordinates &&\r\n coordinates.latitude &&\r\n coordinates.longitude &&\r\n isBorne &&\r\n url &&\r\n (configuration.isUsedOnBorne ? (\r\n <DownloadQR url={url} />\r\n ) : (\r\n <DownloadSheet className='rf-justify-center' url={url} />\r\n ))}\r\n </div>\r\n\r\n {/* Map if coordinates are given / download button in borne mode if no coordinate */}\r\n {coordinates && coordinates.latitude && coordinates.longitude ? (\r\n <div\r\n className='rf-relative large-vertical:rf-w-1/2'\r\n style={{\r\n height: isMobile\r\n ? currentWidth\r\n : isLandscape\r\n ? '50%'\r\n : 'calc(50vw - 3rem)'\r\n }}\r\n >\r\n <Map\r\n latitude={coordinates.latitude}\r\n longitude={coordinates.longitude}\r\n color={color}\r\n />\r\n </div>\r\n ) : isBorne ? (\r\n <div className='rf-flex rf-justify-center rf-items-center rf-h-[calc(50vw-3rem)] rf-w-1/2'>\r\n {url &&\r\n (configuration.isUsedOnBorne ? (\r\n <DownloadQR url={url} />\r\n ) : (\r\n <DownloadSheet className='rf-justify-center' url={url} />\r\n ))}\r\n </div>\r\n ) : (\r\n <React.Fragment />\r\n )}\r\n </div>\r\n )\r\n}\r\n\r\nexport default DetailedAddress\r\n","import React from 'react'\r\nimport { PhoneIcon } from '../../Icons/DetailedPOIIcons'\r\n\r\ninterface ShowPhoneNumberPorps {\r\n phoneNumber: string\r\n}\r\n\r\nconst ShowPhoneNumber = ({ phoneNumber }: ShowPhoneNumberPorps): JSX.Element => {\r\n return (\r\n <div className='rf-px-5 rf-py-3 rf-mb-8 rf-flex rf-flex-row rf-items-center rf-font-bold'>\r\n <PhoneIcon className='rf-h-6 rf-w-6 rf-mr-2' />\r\n {phoneNumber}\r\n </div>\r\n )\r\n}\r\n\r\nexport default ShowPhoneNumber\r\n","import React, { useEffect, useState, useRef } from 'react'\r\nimport { useSpring, animated } from '@react-spring/web'\r\nimport { MapContainer, TileLayer, Marker, GeoJSON } from 'react-leaflet'\r\nimport type { FeatureCollection } from 'geojson'\r\nimport type { GeoJSON as GeoJSONType } from 'leaflet'\r\nimport L from 'leaflet'\r\nimport { markerShadow } from '../../../models/urlEncodedImages'\r\n\r\nimport { useLocaleStore } from '../../Contexts/LocaleContext'\r\nimport { useRetorikStore } from '../../Contexts/RetorikContext'\r\n\r\nimport { imageFiles } from '../../../utils/imageFiles'\r\nimport { capitalizeFirstLetter } from '../../../utils/capitalizeFirstLetter'\r\n\r\nimport Routes from './Routes'\r\nimport MapUser from './MapUser'\r\nimport QRCodeComponent from '../../Utils/QRCodeComponent'\r\nimport CloseButton from '../../Common/CloseButton'\r\nimport { RoundIcon } from '../../Icons/DetailedPOIIcons'\r\n\r\ninterface MapProps {\r\n latitude: number\r\n longitude: number\r\n color?: string\r\n}\r\n\r\nconst userIcon = L.icon({\r\n iconUrl: `${imageFiles.mapDeparture}`,\r\n shadowUrl: markerShadow,\r\n iconSize: [32, 41],\r\n iconAnchor: [16, 41]\r\n})\r\n\r\nconst springDuration = 500\r\n\r\nconst Map = ({ latitude, longitude, color }: MapProps): JSX.Element => {\r\n const translation = useLocaleStore((state) => state.currentTranslations)\r\n const locale = useLocaleStore((state) => state.locale)\r\n const configuration = useRetorikStore((state) => state.configuration)\r\n\r\n const [mapLayerData, setMapLayerData] = useState<\r\n FeatureCollection | undefined\r\n >(undefined)\r\n const geoJsonLayer = useRef<GeoJSONType | null>(null)\r\n const coordinates =\r\n configuration.position?.latitude && configuration.position?.longitude\r\n ? [\r\n [configuration.position.longitude, configuration.position.latitude],\r\n [longitude, latitude]\r\n ]\r\n : undefined\r\n const [qrCodeUrl, setQrCodeUrl] = useState<string | null>()\r\n\r\n const fadeInTimerRef = useRef<NodeJS.Timer | null>(null)\r\n const [spring, api] = useSpring(() => ({\r\n from: {\r\n opacity: 0\r\n }\r\n }))\r\n\r\n useEffect(() => {\r\n if (geoJsonLayer.current) {\r\n mapLayerData && geoJsonLayer.current.clearLayers().addData(mapLayerData)\r\n }\r\n }, [mapLayerData])\r\n\r\n useEffect(() => {\r\n qrCodeUrl &&\r\n api.start({\r\n from: {\r\n opacity: 0\r\n },\r\n to: {\r\n opacity: 1\r\n },\r\n config: {\r\n duration: springDuration\r\n }\r\n })\r\n\r\n return () => {\r\n fadeInTimerRef?.current && clearTimeout(fadeInTimerRef.current)\r\n }\r\n }, [qrCodeUrl])\r\n\r\n const handleCloseQrCode = (): void => {\r\n api.start({\r\n from: {\r\n opacity: 1\r\n },\r\n to: {\r\n opacity: 0\r\n },\r\n config: {\r\n duration: springDuration\r\n }\r\n })\r\n\r\n fadeInTimerRef?.current && clearTimeout(fadeInTimerRef.current)\r\n fadeInTimerRef.current = setTimeout(() => {\r\n setQrCodeUrl(null)\r\n }, springDuration)\r\n }\r\n\r\n return (\r\n <React.Fragment>\r\n <MapContainer\r\n center={[latitude, longitude]}\r\n zoom={12}\r\n scrollWheelZoom={false}\r\n style={{ height: '100%', width: '100%', zIndex: 0 }}\r\n attributionControl={false}\r\n >\r\n <TileLayer url='https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png' />\r\n <Marker position={[latitude, longitude]} />\r\n {configuration.position?.latitude &&\r\n configuration.position?.longitude && (\r\n <Marker\r\n position={[\r\n configuration.position.latitude,\r\n configuration.position.longitude\r\n ]}\r\n icon={userIcon}\r\n />\r\n )}\r\n {mapLayerData && <GeoJSON ref={geoJsonLayer} data={mapLayerData} />}\r\n <MapUser\r\n configurationPosition={[\r\n configuration.position?.latitude || latitude,\r\n configuration.position?.longitude || longitude\r\n ]}\r\n coordinates={[latitude, longitude]}\r\n data={mapLayerData}\r\n />\r\n </MapContainer>\r\n\r\n {/* Available routes if there are origin and destination coordinates */}\r\n {coordinates && (\r\n <Routes\r\n coordinates={coordinates}\r\n setMapLayerData={setMapLayerData}\r\n color={color}\r\n setQrCodeUrl={setQrCodeUrl}\r\n />\r\n )}\r\n\r\n {/* QRcode covering the map in borne mode */}\r\n {qrCodeUrl && (\r\n <animated.div\r\n className='rf-absolute rf-h-full rf-w-full rf-top-0 rf-left-0 rf-z-ui rf-flex rf-flex-col rf-justify-center rf-items-center rf-gap-4 rf-text-truewhite'\r\n style={{\r\n background: 'rgba(18,18,18,0.7)',\r\n ...spring\r\n }}\r\n >\r\n <CloseButton onClick={handleCloseQrCode} showLabel={false} />\r\n <div className='rf-flex rf-flex-row rf-items-start rf-gap-1 rf-text-truewhite rf-italic'>\r\n <RoundIcon className='rf-h-4 rf-mt-[0.2rem]' color='#FFF' />\r\n <div className='rf-w-fit rf-flex rf-flex-col rf-items-center'>\r\n <div>\r\n {capitalizeFirstLetter(translation.poi.openroutemobile, locale)}\r\n </div>\r\n <div>{translation.link.scanQR}</div>\r\n </div>\r\n </div>\r\n <QRCodeComponent src={qrCodeUrl} />\r\n </animated.div>\r\n )}\r\n </React.Fragment>\r\n )\r\n}\r\n\r\nexport default Map\r\n","import React, { useEffect, useRef, useState } from 'react'\r\nimport QRCode from 'qrcode'\r\nimport type { FeatureCollection } from 'geojson'\r\n\r\nimport { useLocaleStore } from '../../Contexts/LocaleContext'\r\nimport { useRetorikStore } from '../../Contexts/RetorikContext'\r\n\r\nimport { openRoute, openRouteAPIKey, googleMapsAddress } from '../../../models/constants'\r\nimport { capitalizeFirstLetter } from '../../../utils/capitalizeFirstLetter'\r\n\r\nimport RoutesItem from './RoutesItem'\r\nimport { OpenLocationIcon } from '../../Icons/MapIcons'\r\n\r\ninterface RoutesProps {\r\n coordinates: number[][]\r\n setMapLayerData: (data: FeatureCollection | undefined) => void\r\n color?: string\r\n setQrCodeUrl: (url: string) => void\r\n}\r\n\r\nconst Routes = ({ coordinates, setMapLayerData, color, setQrCodeUrl }: RoutesProps): JSX.Element => {\r\n const translation = useLocaleStore((state) => state.currentTranslations)\r\n const locale = useLocaleStore((state) => state.locale)\r\n const isRTL = useLocaleStore((state) => state.isRTL)\r\n const isUsedOnBorne = useRetorikStore((state) => state.configuration.isUsedOnBorne)\r\n\r\n const [drivingCar, setDrivingCar] = useState<FeatureCollection | undefined>(undefined)\r\n const [cyclingRegular, setCyclingRegular] = useState<FeatureCollection | undefined>(undefined)\r\n const [footWalking, setFootWalking] = useState<FeatureCollection | undefined>(undefined)\r\n const [currentChosen, setCurrentChosen] = useState<string | undefined>(undefined)\r\n\r\n const travelModeRef = useRef<string>()\r\n\r\n /**\r\n * On component mount :\r\n * - call methods to retrieve data from openroute API\r\n */\r\n useEffect(() => {\r\n calculateForProfile('driving-car')\r\n calculateForProfile('cycling-regular')\r\n calculateForProfile('foot-walking')\r\n }, [])\r\n\r\n /**\r\n * On currentChosen state change :\r\n * - switch on currentChosen value to display the associated data on the map\r\n */\r\n useEffect(() => {\r\n switch (currentChosen) {\r\n case 'drivingCar':\r\n drivingCar && drivingCar.features && setMapLayerData(drivingCar)\r\n travelModeRef.current = 'driving'\r\n break\r\n case 'cyclingRegular':\r\n cyclingRegular && cyclingRegular.features && setMapLayerData(cyclingRegular)\r\n travelModeRef.current = 'bicycling'\r\n break\r\n case 'footWalking':\r\n footWalking && footWalking.features && setMapLayerData(footWalking)\r\n travelModeRef.current = 'walking'\r\n break\r\n default:\r\n break\r\n }\r\n }, [currentChosen])\r\n\r\n /**\r\n * On drivingCar state change :\r\n * - if driving car data were retrieved and no course has been chosen, set currentChosen state to 'driving-car'\r\n */\r\n useEffect(() => {\r\n drivingCar && !currentChosen && setCurrentChosen('drivingCar')\r\n }, [drivingCar])\r\n\r\n /**\r\n * On call :\r\n * - call the openroute API to retrieve data for the current course\r\n * @param profile : string\r\n */\r\n const calculateForProfile = async (profile: string): Promise<void> => {\r\n const url = `${openRoute}/${profile}/geojson`\r\n const data = await fetch(url, {\r\n method: 'POST',\r\n headers: {\r\n Authorization: openRouteAPIKey,\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify({ coordinates: coordinates })\r\n })\r\n .then((result) => {\r\n return result.json()\r\n })\r\n .catch(() => {\r\n return null\r\n })\r\n\r\n if (data && !data.error) {\r\n switch (profile) {\r\n case 'driving-car':\r\n setDrivingCar(data)\r\n break\r\n case 'cycling-regular':\r\n setCyclingRegular(data)\r\n break\r\n case 'foot-walking':\r\n setFootWalking(data)\r\n break\r\n default:\r\n break\r\n }\r\n }\r\n }\r\n\r\n const handleClick = async (): Promise<void> => {\r\n if (travelModeRef?.current && coordinates.length === 2) {\r\n // Create an URL to Google Maps with coordinates and travelling mode\r\n const coordinatesInUrl = `origin=${coordinates[0][1]},${coordinates[0][0]}&destination=${coordinates[1][1]},${coordinates[1][0]}`\r\n const fullUrl = `${googleMapsAddress}${coordinatesInUrl}&travelmode=${travelModeRef.current}`\r\n\r\n if (isUsedOnBorne) {\r\n const url = await QRCode.toDataURL(fullUrl)\r\n setQrCodeUrl(url)\r\n } else {\r\n // If we are not on a borne, open a new tab in browser\r\n window.open(fullUrl, '_blank')\r\n }\r\n }\r\n }\r\n\r\n return drivingCar || cyclingRegular || footWalking ? (\r\n <div className='rf-absolute rf-bottom-2 rf-w-full rf-flex rf-flex-row rf-gap-4 rf-justify-center'>\r\n {/* Data per choice : Car / Cycle / Foot */}\r\n <div\r\n className={`rf-grid rf-grid-cols-routes rf-pl-6 rf-pr-4 rf-py-2 rf-gap-4 rf-rounded-lg rf-bg-truewhite ${\r\n isRTL ? 'rf-text-arabic' : 'rf-text-xs'\r\n } large:rf-text-sm rf-shadow-[0_6px_6px_#00000029]`}\r\n >\r\n <RoutesItem\r\n summary={{\r\n type: 'drivingCar',\r\n distance: drivingCar?.features?.length ? drivingCar.features[0].properties?.summary?.distance : undefined,\r\n duration: drivingCar?.features?.length ? drivingCar.features[0].properties?.summary?.duration : undefined\r\n }}\r\n chosen={currentChosen === 'drivingCar'}\r\n color={color}\r\n onClick={setCurrentChosen}\r\n />\r\n <RoutesItem\r\n summary={{\r\n type: 'cyclingRegular',\r\n distance: cyclingRegular?.features?.length ? cyclingRegular.features[0].properties?.summary?.distance : undefined,\r\n duration: cyclingRegular?.features?.length ? cyclingRegular.features[0].properties?.summary?.duration : undefined\r\n }}\r\n chosen={currentChosen === 'cyclingRegular'}\r\n color={color}\r\n onClick={setCurrentChosen}\r\n />\r\n <RoutesItem\r\n summary={{\r\n type: 'footWalking',\r\n distance: footWalking?.features?.length ? footWalking.features[0].properties?.summary?.distance : undefined,\r\n duration: footWalking?.features?.length ? footWalking.features[0].properties?.summary?.duration : undefined\r\n }}\r\n chosen={currentChosen === 'footWalking'}\r\n color={color}\r\n onClick={setCurrentChosen}\r\n />\r\n </div>\r\n\r\n {/* Redirection button */}\r\n <button\r\n className={`rf-aspect-square rf-w-3/20 rf-min-w-3/20 rf-max-w-3/20 large:rf-w-1/8 large:rf-min-w-1/8 large:rf-max-w-1/8 rf-overflow-y-hidden rf-p-1 rf-flex rf-flex-col rf-justify-evenly rf-items-center rf-border-2 rf-border-trueblack rf-rounded-lg rf-font-bold ${\r\n isRTL ? 'rf-text-arabic' : 'rf-text-xs'\r\n } large:rf-text-sm rf-bg-truewhite`}\r\n onClick={handleClick}\r\n >\r\n <OpenLocationIcon className='rf-w-5 rf-h-5' />\r\n {capitalizeFirstLetter(translation.poi.route, locale)}\r\n </button>\r\n </div>\r\n ) : (\r\n <React.Fragment />\r\n )\r\n}\r\n\r\nexport default Routes\r\n","import React from 'react'\r\nimport getDistanceAsString from '../../../utils/getDistanceAsString'\r\nimport getTimeAsString from '../../../utils/getTimeAsString'\r\nimport * as Icons from '../../Icons/MapIcons'\r\n\r\ninterface Summary {\r\n type: string\r\n distance?: number\r\n duration?: number\r\n}\r\n\r\ninterface RoutesItemProps {\r\n summary: Summary\r\n chosen?: boolean\r\n color?: string\r\n onClick: (type: string) => void\r\n}\r\n\r\nconst RoutesItem = ({\r\n summary,\r\n chosen,\r\n color,\r\n onClick\r\n}: RoutesItemProps): JSX.Element => {\r\n return (\r\n <div\r\n className='rf-flex rf-flex-col rf-justify-end hover:rf-cursor-pointer'\r\n onClick={(): void => onClick(summary.type)}\r\n >\r\n <div className='rf-h-full rf-flex rf-flex-row rf-gap-3 rf-items-center'>\r\n <div className='rf-relative rf-flex rf-justify-center rf-items-center'>\r\n {/* Colored circle + triangle atop */}\r\n <div\r\n className='rf-absolute rf-w-9 rf-h-9 rf-rounded-max'\r\n style={{\r\n backgroundColor: chosen ? color : '#EFEDF0'\r\n }}\r\n />\r\n <div className='rf-absolute rf-w-full -rf-top-[1.15rem] rf-flex rf-justify-center'>\r\n <Icons.TriangleIcon\r\n className='rf-w-2 rf-h-2'\r\n color={chosen ? color : 'transparent'}\r\n />\r\n </div>\r\n\r\n {summary.type === 'drivingCar' && (\r\n <Icons.DrivingCarIcon\r\n className='rf-w-5 rf-z-util'\r\n color={chosen ? '#FFF' : '#535252'}\r\n />\r\n )}\r\n {summary.type === 'cyclingRegular' && (\r\n <Icons.CyclingRegularIcon\r\n className='rf-w-6 rf-z-util'\r\n color={chosen ? '#FFF' : '#535252'}\r\n />\r\n )}\r\n {summary.type === 'footWalking' && (\r\n <Icons.FootWalkingIcon\r\n className='rf-w-6 rf-z-util'\r\n color={chosen ? '#FFF' : '#535252'}\r\n />\r\n )}\r\n </div>\r\n <div className='rf-flex rf-flex-col rf-justify-center rf-items-start'>\r\n {/* Duration */}\r\n <div className='rf-whitespace-nowrap rf-font-bold'>\r\n {getTimeAsString(summary?.duration)}\r\n </div>\r\n\r\n {/* Distance */}\r\n <div className='rf-whitespace-nowrap'>\r\n {getDistanceAsString(summary?.distance)}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default RoutesItem\r\n","const getDistanceAsString = (distance: number | undefined): string => {\r\n if (typeof distance !== 'number') {\r\n return 'NC'\r\n }\r\n\r\n if (distance <= 0) return '0 m'\r\n if (distance < 1) return `${distance * 100} cm`\r\n if (distance < 1000) return `${distance} m`\r\n if (distance >= 1000) return `${(Math.ceil(distance / 1000) * 10) / 10} km`\r\n\r\n return 'NC'\r\n}\r\n\r\nexport default getDistanceAsString\r\n","const getTimeAsString = (time: number | undefined): string => {\r\n if (typeof time !== 'number') {\r\n return 'NC'\r\n }\r\n\r\n if (time < 1) return 'NC'\r\n if (time < 60) return `${time} s`\r\n if (time < 3600) return `${Math.ceil(time / 60)} min`\r\n if (time === 3600) return `1 h`\r\n if (time > 3600) {\r\n const hours = Math.floor(time / 3600)\r\n const minutes = Math.ceil((time - hours * 3600) / 60)\r\n return `${hours} h ${\r\n minutes === 60 ? 59 : minutes < 10 ? `0${minutes}` : minutes\r\n }`\r\n }\r\n\r\n return 'NC'\r\n}\r\n\r\nexport default getTimeAsString\r\n","import CyclingRegularIcon from './CyclingRegularIcon'\r\nimport DrivingCarIcon from './DrivingCarIcon'\r\nimport FootWalkingIcon from './FootWalkingIcon'\r\nimport OpenLocationIcon from './OpenLocationIcon'\r\nimport TriangleIcon from './TriangleIcon'\r\n\r\nexport {\r\n CyclingRegularIcon,\r\n DrivingCarIcon,\r\n FootWalkingIcon,\r\n OpenLocationIcon,\r\n TriangleIcon\r\n}\r\n","import React from 'react'\r\nimport type { IconDefaultProps } from '../../../models/types'\r\n\r\nconst CyclingRegularIcon = ({\r\n className,\r\n color\r\n}: IconDefaultProps): JSX.Element => {\r\n return (\r\n <svg\r\n xmlns='http://www.w3.org/2000/svg'\r\n viewBox='0 0 34.168 29.135'\r\n className={className || 'rf-w-8 rf-h-8'}\r\n >\r\n <g transform='translate(0.5 -1.484)'>\r\n <path\r\n d='M20.5,6.789a2.645,2.645,0,1,0-2.645-2.645A2.653,2.653,0,0,0,20.5,6.789Zm-13.885,8.6a6.612,6.612,0,1,0,0,13.224,6.612,6.612,0,1,0,0-13.224Zm0,11.24a4.628,4.628,0,1,1,0-9.257,4.628,4.628,0,1,1,0,9.257ZM14.282,13.4l3.174-3.174,1.058,1.058a9.264,9.264,0,0,0,6.744,2.777V11.418A6.57,6.57,0,0,1,20.5,9.434L17.984,6.922a3.242,3.242,0,0,0-2.116-.793,2.219,2.219,0,0,0-1.851.793l-3.7,3.7a2.611,2.611,0,0,0-.793,1.851,2.219,2.219,0,0,0,.793,1.851l4.232,3.7v6.612h2.645v-8.2Zm10.843,1.984A6.612,6.612,0,1,0,31.737,22,6.548,6.548,0,0,0,25.125,15.385Zm0,11.24A4.628,4.628,0,1,1,29.753,22,4.685,4.685,0,0,1,25.125,26.625Z'\r\n transform='translate(0 0.484)'\r\n fill={color || '#fff'}\r\n />\r\n </g>\r\n </svg>\r\n )\r\n}\r\n\r\nexport default CyclingRegularIcon\r\n","import React from 'react'\r\nimport type { IconDefaultProps } from '../../../models/types'\r\n\r\nconst DrivingCarIcon = ({\r\n className,\r\n color\r\n}: IconDefaultProps): JSX.Element => {\r\n return (\r\n <svg\r\n xmlns='http://www.w3.org/2000/svg'\r\n viewBox='0 0 34.168 29.135'\r\n className={className || 'rf-w-8 rf-h-8'}\r\n >\r\n <path\r\n id='car'\r\n d='M32.385,71.254H28.507L27.43,68.559A7.217,7.217,0,0,0,20.7,64H12.471a7.219,7.219,0,0,0-6.735,4.559L4.658,71.254H.781a.777.777,0,0,0-.754.966l.389,1.554a.777.777,0,0,0,.754.589h1.3a4.116,4.116,0,0,0-1.43,3.109V80.58A4.111,4.111,0,0,0,2.076,83.3v3.5a2.073,2.073,0,0,0,2.072,2.072H6.221A2.073,2.073,0,0,0,8.293,86.8V84.725h16.58V86.8a2.073,2.073,0,0,0,2.072,2.072h2.072A2.073,2.073,0,0,0,31.09,86.8V83.3a4.109,4.109,0,0,0,1.036-2.716V77.471A4.118,4.118,0,0,0,30.7,74.362H32a.777.777,0,0,0,.754-.589l.389-1.554a.778.778,0,0,0-.754-.966ZM9.584,70.1a3.109,3.109,0,0,1,2.887-1.954H20.7A3.109,3.109,0,0,1,23.582,70.1l1.291,3.227H8.293ZM6.221,80.567a2.066,2.066,0,1,1,0-4.132,3.987,3.987,0,0,1,3.109,3.1c0,1.24-1.865,1.033-3.109,1.033Zm20.725,0c-1.243,0-3.109.207-3.109-1.033a3.987,3.987,0,0,1,3.109-3.1,2.066,2.066,0,1,1,0,4.132Z'\r\n transform='translate(0.501 -63.5)'\r\n fill={color || '#fff'}\r\n />\r\n </svg>\r\n )\r\n}\r\n\r\nexport default DrivingCarIcon\r\n","import React from 'react'\r\nimport type { IconDefaultProps } from '../../../models/types'\r\n\r\nconst FootWalkingIcon = ({\r\n className,\r\n color\r\n}: IconDefaultProps): JSX.Element => {\r\n return (\r\n <svg\r\n xmlns='http://www.w3.org/2000/svg'\r\n viewBox='-6 0 34.168 29.135'\r\n className={className || 'rf-w-8 rf-h-8'}\r\n >\r\n <path\r\n d='M11.4,5.249A2.625,2.625,0,1,0,8.772,2.625,2.625,2.625,0,0,0,11.4,5.249ZM16.564,13.4l-1.274-.645-.53-1.608A5.962,5.962,0,0,0,9.171,7c-1.968-.005-3.057.552-5.1,1.378A5.216,5.216,0,0,0,1.352,10.9l-.366.744a1.755,1.755,0,0,0,.776,2.346,1.726,1.726,0,0,0,2.324-.782l.366-.744a1.738,1.738,0,0,1,.9-.842l1.465-.591-.831,3.319A3.512,3.512,0,0,0,6.8,17.568l3.275,3.576a3.529,3.529,0,0,1,.815,1.515l1,4.008a1.75,1.75,0,0,0,3.4-.848l-1.214-4.866a3.5,3.5,0,0,0-.815-1.515l-2.488-2.718.94-3.756.3.9a3.487,3.487,0,0,0,1.733,2.023l1.274.645a1.726,1.726,0,0,0,2.324-.782,1.77,1.77,0,0,0-.782-2.351ZM4.048,21.1a3.393,3.393,0,0,1-.776,1.176L.538,25.01a1.75,1.75,0,1,0,2.472,2.477l3.248-3.248a3.554,3.554,0,0,0,.776-1.176l.738-1.848c-3.024-3.3-2.116-2.286-2.592-2.936L4.048,21.1Z'\r\n transform='translate(0.612 0.5)'\r\n fill={color || '#fff'}\r\n />\r\n </svg>\r\n )\r\n}\r\n\r\nexport default FootWalkingIcon\r\n","import React from 'react'\r\nimport type { IconDefaultProps } from '../../../models/types'\r\n\r\nconst OpenLocationIcon = ({ className }: IconDefaultProps): JSX.Element => {\r\n return (\r\n <svg\r\n xmlns='http://www.w3.org/2000/svg'\r\n viewBox='0 0 29.771 29.771'\r\n className={className || 'rf-w-6 rf-h-6'}\r\n >\r\n <path d='M29.771,0,0,14.886l11.164,3.721,3.721,11.164Z' />\r\n </svg>\r\n )\r\n}\r\n\r\nexport default OpenLocationIcon\r\n","import React from 'react'\r\nimport type { IconDefaultProps } from '../../../models/types'\r\n\r\nconst TriangleIcon = ({ className, color }: IconDefaultProps): JSX.Element => {\r\n return (\r\n <svg\r\n xmlns='http://www.w3.org/2000/svg'\r\n viewBox='0 0 16 12'\r\n className={className || 'rf-w-3 rf-h-3'}\r\n >\r\n <path\r\n d='M6.336,2.5a2,2,0,0,1,3.328,0l4.263,6.394A2,2,0,0,1,12.263,12H3.737A2,2,0,0,1,2.073,8.891Z'\r\n fill={color || 'transparent'}\r\n />\r\n </svg>\r\n )\r\n}\r\n\r\nexport default TriangleIcon\r\n","import React, { useEffect } from 'react'\r\nimport { useMap } from 'react-leaflet'\r\nimport type { LatLngTuple } from 'leaflet'\r\nimport type { FeatureCollection } from 'geojson'\r\n\r\ntype MapUserProps = {\r\n configurationPosition: LatLngTuple\r\n coordinates: LatLngTuple\r\n data: FeatureCollection | undefined\r\n}\r\n\r\nconst MapUser = ({\r\n configurationPosition,\r\n coordinates,\r\n data\r\n}: MapUserProps): JSX.Element => {\r\n const map = useMap()\r\n\r\n useEffect(() => {\r\n if (configurationPosition !== coordinates) {\r\n const coords1: LatLngTuple = [...configurationPosition]\r\n const coords2: LatLngTuple = [...coordinates]\r\n if (configurationPosition[0] > coordinates[0]) {\r\n coords2[0] -= (configurationPosition[0] - coordinates[0]) / 2\r\n } else {\r\n coords1[0] -= (coordinates[0] - configurationPosition[0]) / 2\r\n }\r\n\r\n map.flyToBounds([coords1, coords2])\r\n } else {\r\n map.flyToBounds([configurationPosition, coordinates])\r\n }\r\n }, [data])\r\n\r\n return <React.Fragment />\r\n}\r\n\r\nexport default MapUser\r\n"],"names":[],"version":3,"file":"AttachmentDetail.c4286a45.js.map"}

package/dist/{CustomView.c24a0e74.js → CustomView.913a9f32.js} RENAMED Viewed

@@ -70,7 +70,7 @@ const $7d965522966d3c65$var$CustomView = ({ customView: customView, title: title
         onClick: handleBack,
         children: [
             /*#__PURE__*/ (0, $2I7bs$jsxs)("div", {
-                className: "rf-absolute rf-z-[1] rf-w-full rf-top-0 ltr:rf-left-0 rtl:rf-right-0",
+                className: "rf-absolute rf-z-[1] rf-w-full rf-top-0 rf-left-0",
                 children: [
                     /*#__PURE__*/ (0, $2I7bs$jsxs)("div", {
                         className: "large:rf-hidden rf-p-4 rf-flex rf-flex-col",
@@ -91,7 +91,7 @@ const $7d965522966d3c65$var$CustomView = ({ customView: customView, title: title
                                         ]
                                     }) : /*#__PURE__*/ (0, $2I7bs$jsx)((0, $2I7bs$Fragment), {}),
                                     /*#__PURE__*/ (0, $2I7bs$jsx)("div", {
-                                        className: "ltr:rf-ml-2 rtl:rf-mr-2 rf-capitalize rf-subtitle-size-auto",
+                                        className: "rf-ml-2 rf-capitalize rf-subtitle-size-auto",
                                         children: title ? (0, $7pypd.capitalizeFirstLetter)(title, locale) : /*#__PURE__*/ (0, $2I7bs$jsx)((0, $2I7bs$Fragment), {})
                                     })
                                 ]
@@ -99,7 +99,7 @@ const $7d965522966d3c65$var$CustomView = ({ customView: customView, title: title
                         ]
                     }),
                     /*#__PURE__*/ (0, $2I7bs$jsxs)("div", {
-                        className: "rf-hidden large:rf-flex rf-w-full rf-pt-4 large-vertical:rf-pt-8 ltr:rf-pl-4 rtl:rf-pr-4 large-vertical:ltr:rf-pl-0 large-vertical:rtl:rf-pr-0 rf-flex-row rf-justify-start large-vertical:rf-justify-center rf-items-center",
+                        className: "rf-hidden large:rf-flex rf-w-full rf-pt-4 large-vertical:rf-pt-8 rf-pl-4 large-vertical:rf-pl-0 rf-flex-row rf-justify-start large-vertical:rf-justify-center rf-items-center",
                         children: [
                             icon ? /*#__PURE__*/ (0, $2I7bs$jsxs)("div", {
                                 className: $7d965522966d3c65$var$iconClassname,
@@ -109,7 +109,7 @@ const $7d965522966d3c65$var$CustomView = ({ customView: customView, title: title
                                 ]
                             }) : /*#__PURE__*/ (0, $2I7bs$jsx)((0, $2I7bs$Fragment), {}),
                             /*#__PURE__*/ (0, $2I7bs$jsx)("div", {
-                                className: "ltr:rf-ml-2 rtl:rf-mr-2 rf-uppercase rf-subtitle-size-auto",
+                                className: "rf-ml-2 rf-uppercase rf-subtitle-size-auto",
                                 children: title ? (0, $7pypd.capitalizeFirstLetter)(title, locale) : /*#__PURE__*/ (0, $2I7bs$jsx)((0, $2I7bs$Fragment), {})
                             })
                         ]
@@ -130,4 +130,4 @@ var $7d965522966d3c65$export$2e2bcd8739ae039 = $7d965522966d3c65$var$CustomView;
 });
-//# sourceMappingURL=CustomView.c24a0e74.js.map
+//# sourceMappingURL=CustomView.913a9f32.js.map

package/dist/{CustomView.c24a0e74.js.map → CustomView.913a9f32.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,sCAAgB;AACtB,MAAM,4CAAsB;AAE5B,MAAM,mCAAa,CAAC,cAAE,UAAU,SAAE,KAAK,QAAE,IAAI,sBAAE,kBAAkB,WAAE,OAAO,6BAAE,yBAAyB,EAAmB;IACtH,MAAM,cAAc,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,mBAAmB;IACvE,MAAM,SAAS,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,MAAM;IACrD,MAAM,WAAW,CAAA,GAAA,mBAAW,EAAE,CAAC,QAAU,MAAM,QAAQ;IACvD,MAAM,kBAAkB,CAAA,GAAA,mBAAW,EAAE,CAAC,QAAU,MAAM,eAAe;IACrE,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,UAAU,oBAAoB,MAAM,IAAM,UAAU,QAAQ,CAAC,gBAAgB,EAAE,MAAM,OAAO,CAAC,OAAO,KAAK,GAAG,0BAA0B;QACtI,kBAAkB,CAAA,GAAA,qBAAa,EAAE,IAAI;QACrC,0BAA0B;IAC5B;IAEA,MAAM,qBAAkC,CAAA,GAAA,cAAM,EAAE;QAC9C,IAAI,YAAY,QACd;YAAA,IAAI,oBAAoB;gBACtB,MAAM,YAAY,mBAAmB,IAAI,CAAC,CAAC,IAAM,EAAE,IAAI,KAAK;gBAC5D,IAAI,WAAW,WACb,OAAO,UAAU,SAAS;YAE9B;QAAA;QAEF,qBAAO;IACT,GAAG;QAAC;KAAW;IAEf,qBACE,iBAAC,CAAA,GAAA,iBAAS;QAAE,WAAW,GAAG,CAAC,WAAW,YAAY,CAAC,EAAE,YAAY,kBAAkB,aAAa,WAAW;QAAE,OAAO,CAAA,GAAA,YAAI,EAAE,KAAK;QAAE,YAAW;QAAU,SAAS;;0BAE7J,iBAAC;gBAAI,WAAU;;kCAEb,iBAAC;wBAAI,WAAU;;0CACb,gBAAC,CAAA,GAAA,iBAAS;gCAAE,OAAO,YAAY,MAAM,CAAC,IAAI;gCAAE,WAAU;gCAAa,YAAY;;0CAC/E,iBAAC;gCAAI,WAAU;;oCACZ,qBAAO,iBAAC;wCAAI,WAAW;;4CAAsB;4CAAK;;uDAAU;kDAC7D,gBAAC;wCAAI,WAAU;kDAA+D,QAAQ,CAAA,GAAA,4BAAoB,EAAE,OAAO,wBAAU;;;;;;~~kCAIjI~~,iBAAC;wBAAI,WAAU;;4BACZ,qBAAO,iBAAC;gCAAI,WAAW;;oCAAgB;oCAAK;;+CAAU;0CACvD,gBAAC;gCAAI,WAAU;~~0CAA8D~~,QAAQ,CAAA,GAAA,4BAAoB,EAAE,OAAO,wBAAU;;;;;;YAI/H;0BAGD,gBAAC,CAAA,GAAA,cAAyB;gBAAE,gBAAgB;gBAAC,iBAAiB;gBAAM,SAAS;;;;AAGnF;IAEA,2CAAe","sources":["src/components/Views/CustomView.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\r\nimport { useViewStore } from '../Contexts/ViewContext'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\nimport { useUtilsStore } from '../Contexts/UtilsContext'\r\nimport { useDirectlineStore } from '../Contexts/DirectlineContext'\r\n\r\nimport { CurrentSubView, Depth } from '../../models/enums'\r\nimport { capitalizeFirstLetter } from '../../utils/capitalizeFirstLetter'\r\n\r\nimport { FullScreen } from '../Templates'\r\nimport { BackButton } from '../Menu/Common'\r\nimport AbsoluteLargeClosingButton from '../Utils/SubView/AbsoluteLargeClosingButton'\r\n\r\ninterface CustomViewProps {\r\n customView?: string\r\n title?: string\r\n icon?: JSX.Element\r\n externalComponents?: Array<{ name: string; component: JSX.Element }>\r\n display?: boolean\r\n setDisplayCustomComponent: (value: boolean) => void\r\n}\r\n\r\nconst iconClassname = 'rf-h-16 rf-w-16 large-vertical:rf-h-24 large-vertical:rf-w-24'\r\nconst iconClassnameMobile = 'rf-h-8 rf-w-8'\r\n\r\nconst CustomView = ({ customView, title, icon, externalComponents, display, setDisplayCustomComponent }: CustomViewProps): JSX.Element => {\r\n const translation = useLocaleStore((state) => state.currentTranslations)\r\n const locale = useLocaleStore((state) => state.locale)\r\n const isMobile = useViewStore((state) => state.isMobile)\r\n const displayControls = useViewStore((state) => state.displayControls)\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 sendEvent('Davi.CloseWindow', null, () => sendEvent(title ? `Davi.CloseWindow${title.replace(/\\s/g, '')}` : 'Davi.CloseWindowCustom', null))\r\n setCurrentSubView(CurrentSubView.none)\r\n setDisplayCustomComponent(false)\r\n }\r\n\r\n const componentToDisplay: JSX.Element = useMemo(() => {\r\n if (customView?.length) {\r\n if (externalComponents) {\r\n const component = externalComponents.find((e) => e.name === customView)\r\n if (component?.component) {\r\n return component.component\r\n }\r\n }\r\n }\r\n return <></>\r\n }, [customView])\r\n\r\n return (\r\n <FullScreen className={`${!display && 'rf-hidden'} ${isMobile && displayControls ? 'rf-mb-12' : 'rf-mb-0'}`} depth={Depth.modal} background='#FFFFFF' onClick={handleBack}>\r\n {/* title /}\r\n <div className='rf-absolute rf-z-[1] rf-w-full rf-top-0 ~~ltr:~~rf-left-0 ~~rtl:rf-right-0~~'>\r\n {/ Mobile display /}\r\n <div className='large:rf-hidden rf-p-4 rf-flex rf-flex-col'>\r\n <BackButton title={translation.common.back} className='rf-text-sm' handleBack={handleBack} />\r\n <div className='large:rf-hidden rf-py-2 rf-flex rf-flex-row rf-items-end undefined'>\r\n {icon ? <div className={iconClassnameMobile}>{icon} </div> : <></>}\r\n <div className='~~ltr:~~rf-ml-2 ~~rtl:~~rf-~~mr-2 rf-~~capitalize rf-subtitle-size-auto'>{title ? capitalizeFirstLetter(title, locale) : <></>}</div>\r\n </div>\r\n </div>\r\n\r\n <div className='rf-hidden large:rf-flex rf-w-full rf-pt-4 large-vertical:rf-pt-8 ~~ltr:~~rf-pl-4 ~~rtl:rf-pr-4~~ large-vertical:~~ltr:~~rf-pl-0 ~~large-vertical:rtl:~~rf-~~pr-0 rf-~~flex-row rf-justify-start large-vertical:rf-justify-center rf-items-center'>\r\n {icon ? <div className={iconClassname}>{icon} </div> : <></>}\r\n <div className='~~ltr:~~rf-ml-2 ~~rtl:~~rf-~~mr-2 rf-~~uppercase rf-subtitle-size-auto'>{title ? capitalizeFirstLetter(title, locale) : <></>}</div>\r\n </div>\r\n </div>\r\n\r\n {componentToDisplay}\r\n\r\n {/ Closing button in large mode */}\r\n <AbsoluteLargeClosingButton dashboardVisible customComponent={true} onClick={handleBack} />\r\n </FullScreen>\r\n )\r\n}\r\n\r\nexport default CustomView\r\n"],"names":[],"version":3,"file":"CustomView.~~c24a0e74~~.js.map"}
1	+ {"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,sCAAgB;AACtB,MAAM,4CAAsB;AAE5B,MAAM,mCAAa,CAAC,cAAE,UAAU,SAAE,KAAK,QAAE,IAAI,sBAAE,kBAAkB,WAAE,OAAO,6BAAE,yBAAyB,EAAmB;IACtH,MAAM,cAAc,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,mBAAmB;IACvE,MAAM,SAAS,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,MAAM;IACrD,MAAM,WAAW,CAAA,GAAA,mBAAW,EAAE,CAAC,QAAU,MAAM,QAAQ;IACvD,MAAM,kBAAkB,CAAA,GAAA,mBAAW,EAAE,CAAC,QAAU,MAAM,eAAe;IACrE,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,UAAU,oBAAoB,MAAM,IAAM,UAAU,QAAQ,CAAC,gBAAgB,EAAE,MAAM,OAAO,CAAC,OAAO,KAAK,GAAG,0BAA0B;QACtI,kBAAkB,CAAA,GAAA,qBAAa,EAAE,IAAI;QACrC,0BAA0B;IAC5B;IAEA,MAAM,qBAAkC,CAAA,GAAA,cAAM,EAAE;QAC9C,IAAI,YAAY,QACd;YAAA,IAAI,oBAAoB;gBACtB,MAAM,YAAY,mBAAmB,IAAI,CAAC,CAAC,IAAM,EAAE,IAAI,KAAK;gBAC5D,IAAI,WAAW,WACb,OAAO,UAAU,SAAS;YAE9B;QAAA;QAEF,qBAAO;IACT,GAAG;QAAC;KAAW;IAEf,qBACE,iBAAC,CAAA,GAAA,iBAAS;QAAE,WAAW,GAAG,CAAC,WAAW,YAAY,CAAC,EAAE,YAAY,kBAAkB,aAAa,WAAW;QAAE,OAAO,CAAA,GAAA,YAAI,EAAE,KAAK;QAAE,YAAW;QAAU,SAAS;;0BAE7J,iBAAC;gBAAI,WAAU;;kCAEb,iBAAC;wBAAI,WAAU;;0CACb,gBAAC,CAAA,GAAA,iBAAS;gCAAE,OAAO,YAAY,MAAM,CAAC,IAAI;gCAAE,WAAU;gCAAa,YAAY;;0CAC/E,iBAAC;gCAAI,WAAU;;oCACZ,qBAAO,iBAAC;wCAAI,WAAW;;4CAAsB;4CAAK;;uDAAU;kDAC7D,gBAAC;wCAAI,WAAU;kDAA+C,QAAQ,CAAA,GAAA,4BAAoB,EAAE,OAAO,wBAAU;;;;;;kCAIjH,iBAAC;wBAAI,WAAU;;4BACZ,qBAAO,iBAAC;gCAAI,WAAW;;oCAAgB;oCAAK;;+CAAU;0CACvD,gBAAC;gCAAI,WAAU;0CAA8C,QAAQ,CAAA,GAAA,4BAAoB,EAAE,OAAO,wBAAU;;;;;;YAI/G;0BAGD,gBAAC,CAAA,GAAA,cAAyB;gBAAE,gBAAgB;gBAAC,iBAAiB;gBAAM,SAAS;;;;AAGnF;IAEA,2CAAe","sources":["src/components/Views/CustomView.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\r\nimport { useViewStore } from '../Contexts/ViewContext'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\nimport { useUtilsStore } from '../Contexts/UtilsContext'\r\nimport { useDirectlineStore } from '../Contexts/DirectlineContext'\r\n\r\nimport { CurrentSubView, Depth } from '../../models/enums'\r\nimport { capitalizeFirstLetter } from '../../utils/capitalizeFirstLetter'\r\n\r\nimport { FullScreen } from '../Templates'\r\nimport { BackButton } from '../Menu/Common'\r\nimport AbsoluteLargeClosingButton from '../Utils/SubView/AbsoluteLargeClosingButton'\r\n\r\ninterface CustomViewProps {\r\n customView?: string\r\n title?: string\r\n icon?: JSX.Element\r\n externalComponents?: Array<{ name: string; component: JSX.Element }>\r\n display?: boolean\r\n setDisplayCustomComponent: (value: boolean) => void\r\n}\r\n\r\nconst iconClassname = 'rf-h-16 rf-w-16 large-vertical:rf-h-24 large-vertical:rf-w-24'\r\nconst iconClassnameMobile = 'rf-h-8 rf-w-8'\r\n\r\nconst CustomView = ({ customView, title, icon, externalComponents, display, setDisplayCustomComponent }: CustomViewProps): JSX.Element => {\r\n const translation = useLocaleStore((state) => state.currentTranslations)\r\n const locale = useLocaleStore((state) => state.locale)\r\n const isMobile = useViewStore((state) => state.isMobile)\r\n const displayControls = useViewStore((state) => state.displayControls)\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 sendEvent('Davi.CloseWindow', null, () => sendEvent(title ? `Davi.CloseWindow${title.replace(/\\s/g, '')}` : 'Davi.CloseWindowCustom', null))\r\n setCurrentSubView(CurrentSubView.none)\r\n setDisplayCustomComponent(false)\r\n }\r\n\r\n const componentToDisplay: JSX.Element = useMemo(() => {\r\n if (customView?.length) {\r\n if (externalComponents) {\r\n const component = externalComponents.find((e) => e.name === customView)\r\n if (component?.component) {\r\n return component.component\r\n }\r\n }\r\n }\r\n return <></>\r\n }, [customView])\r\n\r\n return (\r\n <FullScreen className={`${!display && 'rf-hidden'} ${isMobile && displayControls ? 'rf-mb-12' : 'rf-mb-0'}`} depth={Depth.modal} background='#FFFFFF' onClick={handleBack}>\r\n {/* title /}\r\n <div className='rf-absolute rf-z-[1] rf-w-full rf-top-0 rf-left-0'>\r\n {/ Mobile display /}\r\n <div className='large:rf-hidden rf-p-4 rf-flex rf-flex-col'>\r\n <BackButton title={translation.common.back} className='rf-text-sm' handleBack={handleBack} />\r\n <div className='large:rf-hidden rf-py-2 rf-flex rf-flex-row rf-items-end undefined'>\r\n {icon ? <div className={iconClassnameMobile}>{icon} </div> : <></>}\r\n <div className='rf-ml-2 rf-capitalize rf-subtitle-size-auto'>{title ? capitalizeFirstLetter(title, locale) : <></>}</div>\r\n </div>\r\n </div>\r\n\r\n <div className='rf-hidden large:rf-flex rf-w-full rf-pt-4 large-vertical:rf-pt-8 rf-pl-4 large-vertical:rf-pl-0 rf-flex-row rf-justify-start large-vertical:rf-justify-center rf-items-center'>\r\n {icon ? <div className={iconClassname}>{icon} </div> : <></>}\r\n <div className='rf-ml-2 rf-uppercase rf-subtitle-size-auto'>{title ? capitalizeFirstLetter(title, locale) : <></>}</div>\r\n </div>\r\n </div>\r\n\r\n {componentToDisplay}\r\n\r\n {/ Closing button in large mode */}\r\n <AbsoluteLargeClosingButton dashboardVisible customComponent={true} onClick={handleBack} />\r\n </FullScreen>\r\n )\r\n}\r\n\r\nexport default CustomView\r\n"],"names":[],"version":3,"file":"CustomView.913a9f32.js.map"}

package/dist/{CustomView.ba7af9b6.js → CustomView.edf84de1.js} RENAMED Viewed

@@ -79,7 +79,7 @@ const $323612a7bbe80f4b$var$CustomView = ({ customView: customView, title: title
         onClick: handleBack,
         children: [
             /*#__PURE__*/ (0, $kPQCJ$reactjsxruntime.jsxs)("div", {
-                className: "rf-absolute rf-z-[1] rf-w-full rf-top-0 ltr:rf-left-0 rtl:rf-right-0",
+                className: "rf-absolute rf-z-[1] rf-w-full rf-top-0 rf-left-0",
                 children: [
                     /*#__PURE__*/ (0, $kPQCJ$reactjsxruntime.jsxs)("div", {
                         className: "large:rf-hidden rf-p-4 rf-flex rf-flex-col",
@@ -100,7 +100,7 @@ const $323612a7bbe80f4b$var$CustomView = ({ customView: customView, title: title
                                         ]
                                     }) : /*#__PURE__*/ (0, $kPQCJ$reactjsxruntime.jsx)((0, $kPQCJ$reactjsxruntime.Fragment), {}),
                                     /*#__PURE__*/ (0, $kPQCJ$reactjsxruntime.jsx)("div", {
-                                        className: "ltr:rf-ml-2 rtl:rf-mr-2 rf-capitalize rf-subtitle-size-auto",
+                                        className: "rf-ml-2 rf-capitalize rf-subtitle-size-auto",
                                         children: title ? (0, $9JtA7.capitalizeFirstLetter)(title, locale) : /*#__PURE__*/ (0, $kPQCJ$reactjsxruntime.jsx)((0, $kPQCJ$reactjsxruntime.Fragment), {})
                                     })
                                 ]
@@ -108,7 +108,7 @@ const $323612a7bbe80f4b$var$CustomView = ({ customView: customView, title: title
                         ]
                     }),
                     /*#__PURE__*/ (0, $kPQCJ$reactjsxruntime.jsxs)("div", {
-                        className: "rf-hidden large:rf-flex rf-w-full rf-pt-4 large-vertical:rf-pt-8 ltr:rf-pl-4 rtl:rf-pr-4 large-vertical:ltr:rf-pl-0 large-vertical:rtl:rf-pr-0 rf-flex-row rf-justify-start large-vertical:rf-justify-center rf-items-center",
+                        className: "rf-hidden large:rf-flex rf-w-full rf-pt-4 large-vertical:rf-pt-8 rf-pl-4 large-vertical:rf-pl-0 rf-flex-row rf-justify-start large-vertical:rf-justify-center rf-items-center",
                         children: [
                             icon ? /*#__PURE__*/ (0, $kPQCJ$reactjsxruntime.jsxs)("div", {
                                 className: $323612a7bbe80f4b$var$iconClassname,
@@ -118,7 +118,7 @@ const $323612a7bbe80f4b$var$CustomView = ({ customView: customView, title: title
                                 ]
                             }) : /*#__PURE__*/ (0, $kPQCJ$reactjsxruntime.jsx)((0, $kPQCJ$reactjsxruntime.Fragment), {}),
                             /*#__PURE__*/ (0, $kPQCJ$reactjsxruntime.jsx)("div", {
-                                className: "ltr:rf-ml-2 rtl:rf-mr-2 rf-uppercase rf-subtitle-size-auto",
+                                className: "rf-ml-2 rf-uppercase rf-subtitle-size-auto",
                                 children: title ? (0, $9JtA7.capitalizeFirstLetter)(title, locale) : /*#__PURE__*/ (0, $kPQCJ$reactjsxruntime.jsx)((0, $kPQCJ$reactjsxruntime.Fragment), {})
                             })
                         ]
@@ -139,4 +139,4 @@ var $323612a7bbe80f4b$export$2e2bcd8739ae039 = $323612a7bbe80f4b$var$CustomView;
 });
-//# sourceMappingURL=CustomView.ba7af9b6.js.map
+//# sourceMappingURL=CustomView.edf84de1.js.map

package/dist/{CustomView.ba7af9b6.js.map → CustomView.edf84de1.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,sCAAgB;AACtB,MAAM,4CAAsB;AAE5B,MAAM,mCAAa,CAAC,cAAE,UAAU,SAAE,KAAK,QAAE,IAAI,sBAAE,kBAAkB,WAAE,OAAO,6BAAE,yBAAyB,EAAmB;IACtH,MAAM,cAAc,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,mBAAmB;IACvE,MAAM,SAAS,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,MAAM;IACrD,MAAM,WAAW,CAAA,GAAA,mBAAW,EAAE,CAAC,QAAU,MAAM,QAAQ;IACvD,MAAM,kBAAkB,CAAA,GAAA,mBAAW,EAAE,CAAC,QAAU,MAAM,eAAe;IACrE,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,UAAU,oBAAoB,MAAM,IAAM,UAAU,QAAQ,CAAC,gBAAgB,EAAE,MAAM,OAAO,CAAC,OAAO,KAAK,GAAG,0BAA0B;QACtI,kBAAkB,CAAA,GAAA,qBAAa,EAAE,IAAI;QACrC,0BAA0B;IAC5B;IAEA,MAAM,qBAAkC,CAAA,GAAA,oBAAM,EAAE;QAC9C,IAAI,uBAAA,iCAAA,WAAY,MAAM,EACpB;YAAA,IAAI,oBAAoB;gBACtB,MAAM,YAAY,mBAAmB,IAAI,CAAC,CAAC,IAAM,EAAE,IAAI,KAAK;gBAC5D,IAAI,sBAAA,gCAAA,UAAW,SAAS,EACtB,OAAO,UAAU,SAAS;YAE9B;QAAA;QAEF,qBAAO;IACT,GAAG;QAAC;KAAW;IAEf,qBACE,iCAAC,CAAA,GAAA,iBAAS;QAAE,WAAW,GAAG,CAAC,WAAW,YAAY,CAAC,EAAE,YAAY,kBAAkB,aAAa,WAAW;QAAE,OAAO,CAAA,GAAA,YAAI,EAAE,KAAK;QAAE,YAAW;QAAU,SAAS;;0BAE7J,iCAAC;gBAAI,WAAU;;kCAEb,iCAAC;wBAAI,WAAU;;0CACb,gCAAC,CAAA,GAAA,iBAAS;gCAAE,OAAO,YAAY,MAAM,CAAC,IAAI;gCAAE,WAAU;gCAAa,YAAY;;0CAC/E,iCAAC;gCAAI,WAAU;;oCACZ,qBAAO,iCAAC;wCAAI,WAAW;;4CAAsB;4CAAK;;uDAAU;kDAC7D,gCAAC;wCAAI,WAAU;kDAA+D,QAAQ,CAAA,GAAA,4BAAoB,EAAE,OAAO,wBAAU;;;;;;~~kCAIjI~~,iCAAC;wBAAI,WAAU;;4BACZ,qBAAO,iCAAC;gCAAI,WAAW;;oCAAgB;oCAAK;;+CAAU;0CACvD,gCAAC;gCAAI,WAAU;~~0CAA8D~~,QAAQ,CAAA,GAAA,4BAAoB,EAAE,OAAO,wBAAU;;;;;;YAI/H;0BAGD,gCAAC,CAAA,GAAA,cAAyB;gBAAE,gBAAgB;gBAAC,iBAAiB;gBAAM,SAAS;;;;AAGnF;IAEA,2CAAe","sources":["src/components/Views/CustomView.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\r\nimport { useViewStore } from '../Contexts/ViewContext'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\nimport { useUtilsStore } from '../Contexts/UtilsContext'\r\nimport { useDirectlineStore } from '../Contexts/DirectlineContext'\r\n\r\nimport { CurrentSubView, Depth } from '../../models/enums'\r\nimport { capitalizeFirstLetter } from '../../utils/capitalizeFirstLetter'\r\n\r\nimport { FullScreen } from '../Templates'\r\nimport { BackButton } from '../Menu/Common'\r\nimport AbsoluteLargeClosingButton from '../Utils/SubView/AbsoluteLargeClosingButton'\r\n\r\ninterface CustomViewProps {\r\n customView?: string\r\n title?: string\r\n icon?: JSX.Element\r\n externalComponents?: Array<{ name: string; component: JSX.Element }>\r\n display?: boolean\r\n setDisplayCustomComponent: (value: boolean) => void\r\n}\r\n\r\nconst iconClassname = 'rf-h-16 rf-w-16 large-vertical:rf-h-24 large-vertical:rf-w-24'\r\nconst iconClassnameMobile = 'rf-h-8 rf-w-8'\r\n\r\nconst CustomView = ({ customView, title, icon, externalComponents, display, setDisplayCustomComponent }: CustomViewProps): JSX.Element => {\r\n const translation = useLocaleStore((state) => state.currentTranslations)\r\n const locale = useLocaleStore((state) => state.locale)\r\n const isMobile = useViewStore((state) => state.isMobile)\r\n const displayControls = useViewStore((state) => state.displayControls)\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 sendEvent('Davi.CloseWindow', null, () => sendEvent(title ? `Davi.CloseWindow${title.replace(/\\s/g, '')}` : 'Davi.CloseWindowCustom', null))\r\n setCurrentSubView(CurrentSubView.none)\r\n setDisplayCustomComponent(false)\r\n }\r\n\r\n const componentToDisplay: JSX.Element = useMemo(() => {\r\n if (customView?.length) {\r\n if (externalComponents) {\r\n const component = externalComponents.find((e) => e.name === customView)\r\n if (component?.component) {\r\n return component.component\r\n }\r\n }\r\n }\r\n return <></>\r\n }, [customView])\r\n\r\n return (\r\n <FullScreen className={`${!display && 'rf-hidden'} ${isMobile && displayControls ? 'rf-mb-12' : 'rf-mb-0'}`} depth={Depth.modal} background='#FFFFFF' onClick={handleBack}>\r\n {/* title /}\r\n <div className='rf-absolute rf-z-[1] rf-w-full rf-top-0 ~~ltr:~~rf-left-0 ~~rtl:rf-right-0~~'>\r\n {/ Mobile display /}\r\n <div className='large:rf-hidden rf-p-4 rf-flex rf-flex-col'>\r\n <BackButton title={translation.common.back} className='rf-text-sm' handleBack={handleBack} />\r\n <div className='large:rf-hidden rf-py-2 rf-flex rf-flex-row rf-items-end undefined'>\r\n {icon ? <div className={iconClassnameMobile}>{icon} </div> : <></>}\r\n <div className='~~ltr:~~rf-ml-2 ~~rtl:~~rf-~~mr-2 rf-~~capitalize rf-subtitle-size-auto'>{title ? capitalizeFirstLetter(title, locale) : <></>}</div>\r\n </div>\r\n </div>\r\n\r\n <div className='rf-hidden large:rf-flex rf-w-full rf-pt-4 large-vertical:rf-pt-8 ~~ltr:~~rf-pl-4 ~~rtl:rf-pr-4~~ large-vertical:~~ltr:~~rf-pl-0 ~~large-vertical:rtl:~~rf-~~pr-0 rf-~~flex-row rf-justify-start large-vertical:rf-justify-center rf-items-center'>\r\n {icon ? <div className={iconClassname}>{icon} </div> : <></>}\r\n <div className='~~ltr:~~rf-ml-2 ~~rtl:~~rf-~~mr-2 rf-~~uppercase rf-subtitle-size-auto'>{title ? capitalizeFirstLetter(title, locale) : <></>}</div>\r\n </div>\r\n </div>\r\n\r\n {componentToDisplay}\r\n\r\n {/ Closing button in large mode */}\r\n <AbsoluteLargeClosingButton dashboardVisible customComponent={true} onClick={handleBack} />\r\n </FullScreen>\r\n )\r\n}\r\n\r\nexport default CustomView\r\n"],"names":[],"version":3,"file":"CustomView.~~ba7af9b6~~.js.map","sourceRoot":"../"}
1	+ {"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,sCAAgB;AACtB,MAAM,4CAAsB;AAE5B,MAAM,mCAAa,CAAC,cAAE,UAAU,SAAE,KAAK,QAAE,IAAI,sBAAE,kBAAkB,WAAE,OAAO,6BAAE,yBAAyB,EAAmB;IACtH,MAAM,cAAc,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,mBAAmB;IACvE,MAAM,SAAS,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,MAAM;IACrD,MAAM,WAAW,CAAA,GAAA,mBAAW,EAAE,CAAC,QAAU,MAAM,QAAQ;IACvD,MAAM,kBAAkB,CAAA,GAAA,mBAAW,EAAE,CAAC,QAAU,MAAM,eAAe;IACrE,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,UAAU,oBAAoB,MAAM,IAAM,UAAU,QAAQ,CAAC,gBAAgB,EAAE,MAAM,OAAO,CAAC,OAAO,KAAK,GAAG,0BAA0B;QACtI,kBAAkB,CAAA,GAAA,qBAAa,EAAE,IAAI;QACrC,0BAA0B;IAC5B;IAEA,MAAM,qBAAkC,CAAA,GAAA,oBAAM,EAAE;QAC9C,IAAI,uBAAA,iCAAA,WAAY,MAAM,EACpB;YAAA,IAAI,oBAAoB;gBACtB,MAAM,YAAY,mBAAmB,IAAI,CAAC,CAAC,IAAM,EAAE,IAAI,KAAK;gBAC5D,IAAI,sBAAA,gCAAA,UAAW,SAAS,EACtB,OAAO,UAAU,SAAS;YAE9B;QAAA;QAEF,qBAAO;IACT,GAAG;QAAC;KAAW;IAEf,qBACE,iCAAC,CAAA,GAAA,iBAAS;QAAE,WAAW,GAAG,CAAC,WAAW,YAAY,CAAC,EAAE,YAAY,kBAAkB,aAAa,WAAW;QAAE,OAAO,CAAA,GAAA,YAAI,EAAE,KAAK;QAAE,YAAW;QAAU,SAAS;;0BAE7J,iCAAC;gBAAI,WAAU;;kCAEb,iCAAC;wBAAI,WAAU;;0CACb,gCAAC,CAAA,GAAA,iBAAS;gCAAE,OAAO,YAAY,MAAM,CAAC,IAAI;gCAAE,WAAU;gCAAa,YAAY;;0CAC/E,iCAAC;gCAAI,WAAU;;oCACZ,qBAAO,iCAAC;wCAAI,WAAW;;4CAAsB;4CAAK;;uDAAU;kDAC7D,gCAAC;wCAAI,WAAU;kDAA+C,QAAQ,CAAA,GAAA,4BAAoB,EAAE,OAAO,wBAAU;;;;;;kCAIjH,iCAAC;wBAAI,WAAU;;4BACZ,qBAAO,iCAAC;gCAAI,WAAW;;oCAAgB;oCAAK;;+CAAU;0CACvD,gCAAC;gCAAI,WAAU;0CAA8C,QAAQ,CAAA,GAAA,4BAAoB,EAAE,OAAO,wBAAU;;;;;;YAI/G;0BAGD,gCAAC,CAAA,GAAA,cAAyB;gBAAE,gBAAgB;gBAAC,iBAAiB;gBAAM,SAAS;;;;AAGnF;IAEA,2CAAe","sources":["src/components/Views/CustomView.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\r\nimport { useViewStore } from '../Contexts/ViewContext'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\nimport { useUtilsStore } from '../Contexts/UtilsContext'\r\nimport { useDirectlineStore } from '../Contexts/DirectlineContext'\r\n\r\nimport { CurrentSubView, Depth } from '../../models/enums'\r\nimport { capitalizeFirstLetter } from '../../utils/capitalizeFirstLetter'\r\n\r\nimport { FullScreen } from '../Templates'\r\nimport { BackButton } from '../Menu/Common'\r\nimport AbsoluteLargeClosingButton from '../Utils/SubView/AbsoluteLargeClosingButton'\r\n\r\ninterface CustomViewProps {\r\n customView?: string\r\n title?: string\r\n icon?: JSX.Element\r\n externalComponents?: Array<{ name: string; component: JSX.Element }>\r\n display?: boolean\r\n setDisplayCustomComponent: (value: boolean) => void\r\n}\r\n\r\nconst iconClassname = 'rf-h-16 rf-w-16 large-vertical:rf-h-24 large-vertical:rf-w-24'\r\nconst iconClassnameMobile = 'rf-h-8 rf-w-8'\r\n\r\nconst CustomView = ({ customView, title, icon, externalComponents, display, setDisplayCustomComponent }: CustomViewProps): JSX.Element => {\r\n const translation = useLocaleStore((state) => state.currentTranslations)\r\n const locale = useLocaleStore((state) => state.locale)\r\n const isMobile = useViewStore((state) => state.isMobile)\r\n const displayControls = useViewStore((state) => state.displayControls)\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 sendEvent('Davi.CloseWindow', null, () => sendEvent(title ? `Davi.CloseWindow${title.replace(/\\s/g, '')}` : 'Davi.CloseWindowCustom', null))\r\n setCurrentSubView(CurrentSubView.none)\r\n setDisplayCustomComponent(false)\r\n }\r\n\r\n const componentToDisplay: JSX.Element = useMemo(() => {\r\n if (customView?.length) {\r\n if (externalComponents) {\r\n const component = externalComponents.find((e) => e.name === customView)\r\n if (component?.component) {\r\n return component.component\r\n }\r\n }\r\n }\r\n return <></>\r\n }, [customView])\r\n\r\n return (\r\n <FullScreen className={`${!display && 'rf-hidden'} ${isMobile && displayControls ? 'rf-mb-12' : 'rf-mb-0'}`} depth={Depth.modal} background='#FFFFFF' onClick={handleBack}>\r\n {/* title /}\r\n <div className='rf-absolute rf-z-[1] rf-w-full rf-top-0 rf-left-0'>\r\n {/ Mobile display /}\r\n <div className='large:rf-hidden rf-p-4 rf-flex rf-flex-col'>\r\n <BackButton title={translation.common.back} className='rf-text-sm' handleBack={handleBack} />\r\n <div className='large:rf-hidden rf-py-2 rf-flex rf-flex-row rf-items-end undefined'>\r\n {icon ? <div className={iconClassnameMobile}>{icon} </div> : <></>}\r\n <div className='rf-ml-2 rf-capitalize rf-subtitle-size-auto'>{title ? capitalizeFirstLetter(title, locale) : <></>}</div>\r\n </div>\r\n </div>\r\n\r\n <div className='rf-hidden large:rf-flex rf-w-full rf-pt-4 large-vertical:rf-pt-8 rf-pl-4 large-vertical:rf-pl-0 rf-flex-row rf-justify-start large-vertical:rf-justify-center rf-items-center'>\r\n {icon ? <div className={iconClassname}>{icon} </div> : <></>}\r\n <div className='rf-ml-2 rf-uppercase rf-subtitle-size-auto'>{title ? capitalizeFirstLetter(title, locale) : <></>}</div>\r\n </div>\r\n </div>\r\n\r\n {componentToDisplay}\r\n\r\n {/ Closing button in large mode */}\r\n <AbsoluteLargeClosingButton dashboardVisible customComponent={true} onClick={handleBack} />\r\n </FullScreen>\r\n )\r\n}\r\n\r\nexport default CustomView\r\n"],"names":[],"version":3,"file":"CustomView.edf84de1.js.map","sourceRoot":"../"}

package/dist/{NewsContainer.5e80336b.js → NewsContainer.a91d9131.js} RENAMED Viewed

@@ -211,12 +211,12 @@ const $39527ef13f22f094$var$NewsContainer = ({ hideMenu: hideMenu, isRetorikNews
                 onVideoEnded: handleVideoEnd
             }),
             isMobile && !isRetorikNews && !hideMenu ? /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsxs)("div", {
-                className: "rf-relative rf-z-util ltr:rf-col-start-1 rtl:rf-col-end-1 rf-col-span-full rf-row-start-1 rf-flex rf-flex-col rf-gap-2 rf-items-start",
+                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",
                 children: [
                     /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)((0, $7v7LH.BackButton), {
                         title: translation.common.back,
                         handleBack: handleBack,
-                        className: "ltr:rf-pr-2 rtl:rf-pl-2 rf-mt-4 ltr:rf-ml-4 rtl:rf-mr-4 rf-text-size-auto rf-bg-truewhite rf-rounded-lg"
+                        className: "rf-pr-2 rf-mt-4 rf-ml-4 rf-text-size-auto rf-bg-truewhite rf-rounded-lg"
                     }),
                     /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)((0, $dMQiv.default), {
                         belowReturnButton: true
@@ -282,9 +282,9 @@ const $01d9bb41fd368021$var$Time = ({ belowReturnButton: belowReturnButton })=>{
         return ()=>timerRef && clearInterval(timerRef.current);
     }, []);
     return /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)("div", {
-        className: `rf-relative ${belowReturnButton ? 'ltr:rf-ml-4 rtl:rf-mr-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'}`,
+        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'}`,
         children: /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsxs)("div", {
-            className: "rf-w-fit rf-h-fit rf-flex rf-flex-col ltr:rf-justify-start rtl:rf-justify-end ltr:rf-items-start rtl:rf-items-end rf-text-white",
+            className: "rf-w-fit rf-h-fit rf-flex rf-flex-col rf-justify-start rf-items-start rf-text-white",
             children: [
                 /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)("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",
@@ -579,6 +579,7 @@ const $24072221965576dd$var$Banner = ({ news: news, gridRowStart: gridRowStart,
     var _news_image;
     const translation = (0, $6Q0mk.useLocaleStore)((state)=>state.currentTranslations);
     const locale = (0, $6Q0mk.useLocaleStore)((state)=>state.localeForRetorikStudioContent);
+    const isRTL = (0, $6Q0mk.useLocaleStore)((state)=>state.isRTL);
     const isMobile = (0, $kUiCn.useViewStore)((state)=>state.isMobile);
     const currentWidth = (0, $kUiCn.useViewStore)((state)=>state.currentWidth);
     const newsConfiguration = (0, $kUiCn.useViewStore)((state)=>state.configurations.views.news);
@@ -618,6 +619,7 @@ const $24072221965576dd$var$Banner = ({ news: news, gridRowStart: gridRowStart,
         news
     ]);
     return /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsxs)("div", {
+        dir: isRTL ? 'rtl' : 'ltr',
         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",
         style: {
             alignSelf: alignSelfEnd ? 'flex-end' : 'flex-start',
@@ -635,7 +637,8 @@ const $24072221965576dd$var$Banner = ({ news: news, gridRowStart: gridRowStart,
                 subtitle: news.subtitle
             }),
             /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)("div", {
-                className: "rf-w-full ltr:rf-pr-4 rtl:rf-pl-4 rf-py-2 large:rf-py-4 rf-subtitle-size-auto rf-text-black rf-bg-white rf-overflow-clip",
+                dir: "ltr",
+                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",
                 style: {
                     paddingLeft: currentWidth
                 },
@@ -752,4 +755,4 @@ var $a94481e954312e6d$export$2e2bcd8739ae039 = $a94481e954312e6d$var$BannerTopLa
-//# sourceMappingURL=NewsContainer.5e80336b.js.map
+//# sourceMappingURL=NewsContainer.a91d9131.js.map

package/dist/NewsContainer.a91d9131.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"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.a91d9131.js.map","sourceRoot":"../"}