npm - @roomstay/frontend - Versions diffs - 2.6.2 → 2.6.3 - Mend

@roomstay/frontend 2.6.2 → 2.6.3

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 (52) hide show

package/dist/src/components/generic/BookingWizard/BookingWizard.js CHANGED Viewed

@@ -46,7 +46,7 @@ var EBookingWizardTheme;
     EBookingWizardTheme["Specific"] = "specific";
 })(EBookingWizardTheme = exports.EBookingWizardTheme || (exports.EBookingWizardTheme = {}));
 const BookingWizard = (props) => {
-    const { layout = 'horizontal', theme = EBookingWizardTheme.Default, onSubmit, wrapperClassname, contentClassname: contentClassnameProps, selectedProperty, properties, defaultColors, maxAdults, disableChild, showInfants, disableRoom, hideGuestSelect, hidePromocode, defaultValues, } = props;
+    const { layout = 'horizontal', theme = EBookingWizardTheme.Default, onSubmit, wrapperClassname, contentClassname: contentClassnameProps, selectedProperty, properties, defaultColors, maxAdults, disableChild, showInfants, disableRoom, hideGuestSelect, hidePromocode, hideProperty, defaultValues, } = props;
     const [isOpen, setIsOpen] = react_1.default.useState(false);
     const { isMobile } = (0, WindowSize_1.useWindowSize)();
     const { t } = (0, react_i18next_1.useTranslation)();
@@ -112,7 +112,7 @@ const BookingWizard = (props) => {
                         react_1.default.createElement(Icon_1.default, { className: BookingWizard_module_scss_1.default.closeBtn, icon: Icon_1.IconType.Close, size: "24px", onClick: () => setIsOpen(false) })),
                     react_1.default.createElement(BookingWizardContext_1.BookingWizardContext.Provider, { value: bookingWizardContext },
                         react_1.default.createElement("div", { className: classes },
-                            react_1.default.createElement(BookingWizardContent_1.BookingWizardContent, { properties: properties, selectedProperty: selectedProperty, defaultColors: defaultColors, classname: contentClassname, maxAdults: maxAdults, disableChild: disableChild, showInfants: showInfants, disableRoom: disableRoom, defaultValues: defaultValues, hideGuestSelect: hideGuestSelect, hidePromocode: hidePromocode })))))));
+                            react_1.default.createElement(BookingWizardContent_1.BookingWizardContent, { properties: properties, selectedProperty: selectedProperty, defaultColors: defaultColors, classname: contentClassname, maxAdults: maxAdults, disableChild: disableChild, showInfants: showInfants, disableRoom: disableRoom, defaultValues: defaultValues, hideGuestSelect: hideGuestSelect, hidePromocode: hidePromocode, hideProperty: hideProperty })))))));
     }
     return (react_1.default.createElement("div", { ref: ref, className: classes },
         react_1.default.createElement(BookingWizardContext_1.BookingWizardContext.Provider, { value: bookingWizardContext },

package/dist/src/components/generic/BookingWizard/BookingWizard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BookingWizard.js","sourceRoot":"/","sources":["src/components/generic/BookingWizard/BookingWizard.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Placement } from '@popperjs/core';\nimport classNames from 'classnames';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport useMeasure from 'react-use-measure';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { BookingWizardContent, BookingWizardContentProps } from '@/components/generic/BookingWizard/BookingWizardContent';\nimport {\n BookingWizardContext,\n BookingWizardContextType,\n BookingWizardLayout,\n BookingWizardOverlayType,\n BookingWizardTheme,\n} from '@/components/generic/BookingWizard/BookingWizardContext';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport { useWindowSize } from '@/hooks/WindowSize';\nimport { BookingWizardProperty } from '@/models/BookingWizard/BookingWizardProperty';\nimport { TBookingWizardProperties } from '@/models/BookingWizard/BookingWizardTypes';\nimport { Translation } from '@/translations/Translation';\nimport ScreenSize from '@/util/ScreenSize';\n\nimport styles from './BookingWizard.module.scss';\n\nexport enum EBookingWizardTheme {\n Default = 'default',\n Specific = 'specific',\n}\n\nexport interface BookingWizardProps extends BookingWizardContentProps {\n layout?: BookingWizardLayout;\n theme?: BookingWizardTheme;\n\n wrapperClassname?: string;\n contentClassname?: string;\n\n properties: TBookingWizardProperties;\n selectedProperty: BookingWizardProperty;\n defaultColors: BookingWizardProperty['colors'];\n onSubmit: BookingWizardContextType['onSubmit'];\n}\n\nconst BookingWizard: React.FC<BookingWizardProps> = (props) => {\n const {\n layout = 'horizontal',\n theme = EBookingWizardTheme.Default,\n onSubmit,\n wrapperClassname,\n contentClassname: contentClassnameProps,\n selectedProperty,\n properties,\n defaultColors,\n maxAdults,\n disableChild,\n showInfants,\n disableRoom,\n hideGuestSelect,\n hidePromocode,\n defaultValues,\n } = props;\n const [isOpen, setIsOpen] = React.useState(false);\n\n const { isMobile } = useWindowSize();\n const { t } = useTranslation();\n const [ref, bounds] = useMeasure({ debounce: 300 });\n\n const [compOverlayType, setCompOverlayType] = useState<BookingWizardOverlayType>('popup');\n const [overlayOffset, setOverlayOffset] = useState<[number, number]>();\n const [dateSelectorOverlayOffset, setDateSelectorOverlayOffset] = useState<[number, number]>();\n const [overlayPlacement, setOverlayPlacement] = useState<Placement>();\n\n const isSmallContainer = useMemo(() => {\n if (!bounds.width) return false;\n return bounds.width <= ScreenSize.Medium;\n }, [bounds]);\n\n useEffect(() => {\n if ((layout === 'horizontal' \|\| layout === 'horizontal-condensed') && !isMobile) {\n setOverlayOffset([0, 6]);\n setDateSelectorOverlayOffset([0, 6]);\n setCompOverlayType('popup');\n } else {\n setOverlayOffset([0, 10]);\n setDateSelectorOverlayOffset([0, -8]);\n setCompOverlayType('bottom-sheet');\n }\n }, [layout, isMobile, isSmallContainer]);\n\n useEffect(() => {\n if (!isMobile) {\n setOverlayPlacement('bottom-start');\n } else {\n setOverlayPlacement('bottom');\n }\n }, [isMobile]);\n\n const classes = classNames(\n styles.container,\n {\n [styles['--theme-specific']]: theme === EBookingWizardTheme.Specific,\n [styles['--theme-default']]: theme === EBookingWizardTheme.Default,\n [styles['--theme-condensed']]: layout === 'horizontal-condensed',\n [styles['--in-small-container']]: isSmallContainer,\n },\n wrapperClassname\n );\n\n const contentClassname = classNames(contentClassnameProps, { [styles['--in-small-container']]: isSmallContainer });\n\n const bookingWizardContext: BookingWizardContextType = {\n layout,\n theme,\n type: compOverlayType,\n className: classes,\n isMobile,\n isSmallContainer,\n\n onSubmit,\n\n overlay: {\n offset: overlayOffset,\n placement: overlayPlacement,\n fallbackPlacements: overlayPlacement,\n dateOffset: dateSelectorOverlayOffset,\n },\n };\n\n if (layout === 'button') {\n return (\n <div className={classes}>\n <BEButton className={styles.bookNowBtn} onClick={() => setIsOpen(true)}>\n {t(Translation.Misc.BookNow)}\n </BEButton>\n\n <SimpleModal className={styles.container} size={SimpleModalSize.ExtraSmall} open={isOpen} onClose={() => setIsOpen(false)} alignCenter overflowVisible>\n <div>\n <div className={styles.title}>\n <span>{t(Translation.Misc.BookAHotel)}</span>\n <Icon className={styles.closeBtn} icon={IconType.Close} size=\"24px\" onClick={() => setIsOpen(false)} />\n </div>\n <BookingWizardContext.Provider value={bookingWizardContext}>\n <div className={classes}>\n <BookingWizardContent\n properties={properties}\n selectedProperty={selectedProperty}\n defaultColors={defaultColors}\n classname={contentClassname}\n maxAdults={maxAdults}\n disableChild={disableChild}\n showInfants={showInfants}\n disableRoom={disableRoom}\n defaultValues={defaultValues}\n hideGuestSelect={hideGuestSelect}\n hidePromocode={hidePromocode}\n />\n </div>\n </BookingWizardContext.Provider>\n </div>\n </SimpleModal>\n </div>\n );\n }\n\n return (\n <div ref={ref} className={classes}>\n <BookingWizardContext.Provider value={bookingWizardContext}>\n <BookingWizardContent {...props} classname={contentClassname} disableChild={disableChild} disableRoom={disableRoom} defaultValues={defaultValues} />\n </BookingWizardContext.Provider>\n </div>\n );\n};\n\nexport default BookingWizard;\n"]}
1	+ {"version":3,"file":"BookingWizard.js","sourceRoot":"/","sources":["src/components/generic/BookingWizard/BookingWizard.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Placement } from '@popperjs/core';\nimport classNames from 'classnames';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport useMeasure from 'react-use-measure';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { BookingWizardContent, BookingWizardContentProps } from '@/components/generic/BookingWizard/BookingWizardContent';\nimport {\n BookingWizardContext,\n BookingWizardContextType,\n BookingWizardLayout,\n BookingWizardOverlayType,\n BookingWizardTheme,\n} from '@/components/generic/BookingWizard/BookingWizardContext';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport { useWindowSize } from '@/hooks/WindowSize';\nimport { BookingWizardProperty } from '@/models/BookingWizard/BookingWizardProperty';\nimport { TBookingWizardProperties } from '@/models/BookingWizard/BookingWizardTypes';\nimport { Translation } from '@/translations/Translation';\nimport ScreenSize from '@/util/ScreenSize';\n\nimport styles from './BookingWizard.module.scss';\n\nexport enum EBookingWizardTheme {\n Default = 'default',\n Specific = 'specific',\n}\n\nexport interface BookingWizardProps extends BookingWizardContentProps {\n layout?: BookingWizardLayout;\n theme?: BookingWizardTheme;\n\n wrapperClassname?: string;\n contentClassname?: string;\n\n properties: TBookingWizardProperties;\n selectedProperty: BookingWizardProperty;\n defaultColors: BookingWizardProperty['colors'];\n onSubmit: BookingWizardContextType['onSubmit'];\n}\n\nconst BookingWizard: React.FC<BookingWizardProps> = (props) => {\n const {\n layout = 'horizontal',\n theme = EBookingWizardTheme.Default,\n onSubmit,\n wrapperClassname,\n contentClassname: contentClassnameProps,\n selectedProperty,\n properties,\n defaultColors,\n maxAdults,\n disableChild,\n showInfants,\n disableRoom,\n hideGuestSelect,\n hidePromocode,\n hideProperty,\n defaultValues,\n } = props;\n const [isOpen, setIsOpen] = React.useState(false);\n\n const { isMobile } = useWindowSize();\n const { t } = useTranslation();\n const [ref, bounds] = useMeasure({ debounce: 300 });\n\n const [compOverlayType, setCompOverlayType] = useState<BookingWizardOverlayType>('popup');\n const [overlayOffset, setOverlayOffset] = useState<[number, number]>();\n const [dateSelectorOverlayOffset, setDateSelectorOverlayOffset] = useState<[number, number]>();\n const [overlayPlacement, setOverlayPlacement] = useState<Placement>();\n\n const isSmallContainer = useMemo(() => {\n if (!bounds.width) return false;\n return bounds.width <= ScreenSize.Medium;\n }, [bounds]);\n\n useEffect(() => {\n if ((layout === 'horizontal' \|\| layout === 'horizontal-condensed') && !isMobile) {\n setOverlayOffset([0, 6]);\n setDateSelectorOverlayOffset([0, 6]);\n setCompOverlayType('popup');\n } else {\n setOverlayOffset([0, 10]);\n setDateSelectorOverlayOffset([0, -8]);\n setCompOverlayType('bottom-sheet');\n }\n }, [layout, isMobile, isSmallContainer]);\n\n useEffect(() => {\n if (!isMobile) {\n setOverlayPlacement('bottom-start');\n } else {\n setOverlayPlacement('bottom');\n }\n }, [isMobile]);\n\n const classes = classNames(\n styles.container,\n {\n [styles['--theme-specific']]: theme === EBookingWizardTheme.Specific,\n [styles['--theme-default']]: theme === EBookingWizardTheme.Default,\n [styles['--theme-condensed']]: layout === 'horizontal-condensed',\n [styles['--in-small-container']]: isSmallContainer,\n },\n wrapperClassname\n );\n\n const contentClassname = classNames(contentClassnameProps, { [styles['--in-small-container']]: isSmallContainer });\n\n const bookingWizardContext: BookingWizardContextType = {\n layout,\n theme,\n type: compOverlayType,\n className: classes,\n isMobile,\n isSmallContainer,\n\n onSubmit,\n\n overlay: {\n offset: overlayOffset,\n placement: overlayPlacement,\n fallbackPlacements: overlayPlacement,\n dateOffset: dateSelectorOverlayOffset,\n },\n };\n\n if (layout === 'button') {\n return (\n <div className={classes}>\n <BEButton className={styles.bookNowBtn} onClick={() => setIsOpen(true)}>\n {t(Translation.Misc.BookNow)}\n </BEButton>\n\n <SimpleModal className={styles.container} size={SimpleModalSize.ExtraSmall} open={isOpen} onClose={() => setIsOpen(false)} alignCenter overflowVisible>\n <div>\n <div className={styles.title}>\n <span>{t(Translation.Misc.BookAHotel)}</span>\n <Icon className={styles.closeBtn} icon={IconType.Close} size=\"24px\" onClick={() => setIsOpen(false)} />\n </div>\n <BookingWizardContext.Provider value={bookingWizardContext}>\n <div className={classes}>\n <BookingWizardContent\n properties={properties}\n selectedProperty={selectedProperty}\n defaultColors={defaultColors}\n classname={contentClassname}\n maxAdults={maxAdults}\n disableChild={disableChild}\n showInfants={showInfants}\n disableRoom={disableRoom}\n defaultValues={defaultValues}\n hideGuestSelect={hideGuestSelect}\n hidePromocode={hidePromocode}\n hideProperty={hideProperty}\n />\n </div>\n </BookingWizardContext.Provider>\n </div>\n </SimpleModal>\n </div>\n );\n }\n\n return (\n <div ref={ref} className={classes}>\n <BookingWizardContext.Provider value={bookingWizardContext}>\n <BookingWizardContent {...props} classname={contentClassname} disableChild={disableChild} disableRoom={disableRoom} defaultValues={defaultValues} />\n </BookingWizardContext.Provider>\n </div>\n );\n};\n\nexport default BookingWizard;\n"]}

package/dist/src/components/generic/BookingWizard/BookingWizardContent.d.ts CHANGED Viewed

@@ -14,6 +14,7 @@ export interface BookingWizardContentProps {
     disableRoom?: boolean;
     hideGuestSelect?: boolean;
     hidePromocode?: boolean;
+    hideProperty?: boolean;
     defaultValues?: Partial<Omit<BookingWizardOnBooking, 'id' | 'checkIn' | 'checkout'>> & {
         checkIn?: string;
         checkout?: string;

package/dist/src/components/generic/BookingWizard/BookingWizardContent.js CHANGED Viewed

@@ -52,7 +52,7 @@ const BookingWizardDateSelector_1 = require("./BookingWizardDateSelector/Booking
 const BookingWizardGuestSelector_1 = require("./BookingWizardGuestSelector/BookingWizardGuestSelector");
 const BookingWizardHotelSelector_1 = require("./BookingWizardHotelSelector/BookingWizardHotelSelector");
 const BookingWizardPromoCode_1 = require("./BookingWizardPromoCode/BookingWizardPromoCode");
-const BookingWizardContent = ({ properties, selectedProperty: defaultProperty, defaultColors, classname, maxAdults, disableChild, showInfants, disableRoom, hideGuestSelect, hidePromocode, defaultValues, dateFormat, }) => {
+const BookingWizardContent = ({ properties, selectedProperty: defaultProperty, defaultColors, classname, maxAdults, disableChild, showInfants, disableRoom, hideGuestSelect, hidePromocode, hideProperty, defaultValues, dateFormat, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const bwContext = (0, react_1.useContext)(BookingWizardContext_1.BookingWizardContext);
     const beContext = (0, react_1.useContext)(contexts_1.BookingEngineContext);
@@ -152,13 +152,13 @@ const BookingWizardContent = ({ properties, selectedProperty: defaultProperty, d
                 [BookingWizard_module_scss_1.default['--vertical']]: bwContext.layout === 'button',
                 [BookingWizard_module_scss_1.default.inline]: bwContext.type === 'inline',
             }, classname) },
-            react_1.default.createElement(react_1.default.Fragment, null,
+            hideProperty ? null : (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement("div", { ref: setHotelContainerRef, className: BookingWizard_module_scss_1.default.item },
                     react_1.default.createElement("label", { className: BookingWizard_module_scss_1.default.label }, t(Translation_1.Translation.Misc.ChooseHotel)),
                     react_1.default.createElement(BookingWizardHotelSelector_1.BookingWizardHotelSelector, { followElement: hotelContainerRef, onChange: (value) => {
                             setSelectedProperty(value || undefined);
                         }, properties: properties, selectedProperty: selectedProperty, contentClassName: classname })),
-                react_1.default.createElement("div", { className: BookingWizard_module_scss_1.default.divider })),
+                react_1.default.createElement("div", { className: BookingWizard_module_scss_1.default.divider }))),
             react_1.default.createElement(BookingWizardDateSelector_1.BookingWizardDateSelector, { onChange: setDate, defaultStartDate: (defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.checkIn) ? (0, dayjs_1.default)(defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.checkIn) : undefined, defaultEndDate: (defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.checkout) ? (0, dayjs_1.default)(defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.checkout) : undefined, dateFormat: dateFormat, showYearOnCalendar: showYearOnCalendar, yearDisplayOption: yearDisplayOption }),
             hideGuestSelect ? null : (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement("div", { className: BookingWizard_module_scss_1.default.divider }),

package/dist/src/components/generic/BookingWizard/BookingWizardContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BookingWizardContent.js","sourceRoot":"/","sources":["src/components/generic/BookingWizard/BookingWizardContent.tsx"],"names":[],"mappings":"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","sourcesContent":["import 'react-spring-bottom-sheet/dist/style.css';\n\nimport { BookingEngineContext } from '@frontend/contexts';\nimport classNames from 'classnames';\nimport dayjs, { Dayjs } from 'dayjs';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport AvailabilityAPI from '@/api/AvailabilityAPI';\nimport { BookingWizardEngineConfig } from '@/engines/BookingWizardEngine/BookingWizardEngine';\nimport { BookingWizardProperty } from '@/models/BookingWizard/BookingWizardProperty';\nimport { TBookingWizardProperties } from '@/models/BookingWizard/BookingWizardTypes';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport { Translation } from '@/translations/Translation';\n\nimport BEButton from '../BEButton';\nimport styles from './BookingWizard.module.scss';\nimport { BookingWizardContext, BookingWizardOnBooking } from './BookingWizardContext';\nimport { BookingWizardDateSelector } from './BookingWizardDateSelector/BookingWizardDateSelector';\nimport { BookingWizardGuestSelector } from './BookingWizardGuestSelector/BookingWizardGuestSelector';\nimport { BookingWizardHotelSelector } from './BookingWizardHotelSelector/BookingWizardHotelSelector';\nimport { BookingWizardPromoCode } from './BookingWizardPromoCode/BookingWizardPromoCode';\n\nexport interface BookingWizardContentProps {\n defaultColors: BookingWizardProperty['colors'];\n properties: TBookingWizardProperties;\n selectedProperty?: BookingWizardProperty;\n classname?: string;\n maxAdults?: number;\n disableChild?: boolean;\n showInfants?: boolean;\n disableRoom?: boolean;\n hideGuestSelect?: boolean;\n hidePromocode?: boolean;\n defaultValues?: Partial<Omit<BookingWizardOnBooking, 'id' \| 'checkIn' \| 'checkout'>> & { checkIn?: string; checkout?: string };\n dateFormat?: string;\n}\n\nexport const BookingWizardContent: React.FC<BookingWizardContentProps> = ({\n properties,\n selectedProperty: defaultProperty,\n defaultColors,\n classname,\n maxAdults,\n disableChild,\n showInfants,\n disableRoom,\n hideGuestSelect,\n hidePromocode,\n defaultValues,\n dateFormat,\n}) => {\n const bwContext = useContext(BookingWizardContext);\n const beContext = useContext(BookingEngineContext);\n\n const { t } = useTranslation();\n\n const [checkInDate, setCheckInDate] = useState<Dayjs \| null>(defaultValues?.checkIn ? dayjs(defaultValues?.checkIn) : dayjs());\n const [checkOutDate, setCheckOutDate] = useState<Dayjs \| null>(defaultValues?.checkout ? dayjs(defaultValues?.checkout) : dayjs().add(1, 'days'));\n const [adults, setAdults] = useState<number>(defaultValues?.guests?.adults ?? 1);\n const [children, setChildren] = useState<number>(defaultValues?.guests?.children ?? 0);\n const [infants, setInfants] = useState<number>(defaultValues?.guests?.infants ?? 0);\n const [room, setRoom] = useState<number>(defaultValues?.guests?.room ?? 1);\n const [promoCode, setPromoCode] = useState<string>(defaultValues?.promoCode \|\| '');\n const [promoCodeValid, setPromoCodeValid] = useState<boolean>();\n const [selectedProperty, setSelectedProperty] = useState<BookingWizardProperty \| undefined>(defaultProperty);\n const [hotelContainerRef, setHotelContainerRef] = useState<HTMLDivElement \| null>(null);\n const [guestsContainerRef, setGuestContainerRef] = useState<HTMLDivElement \| null>(null);\n\n useEffect(() => {\n if (selectedProperty?.colors) {\n RoomstayThemeEngine.changeTheme(selectedProperty.colors);\n } else if (defaultColors) {\n RoomstayThemeEngine.changeTheme(defaultColors);\n }\n }, [selectedProperty]);\n\n const engineConfig = beContext.engine.getConfig() as BookingWizardEngineConfig;\n\n const yearDisplayOption = useMemo(() => {\n return selectedProperty?.yearDisplayOption ?? engineConfig.yearDisplayOption ?? '';\n }, [selectedProperty]);\n\n const showYearOnCalendar = useMemo(() => {\n return !!(selectedProperty?.showYearOnCalendar ?? engineConfig.showYearOnCalendar ?? '');\n }, [selectedProperty]);\n\n const setGuest = (guests: BookingWizardOnBooking['guests']) => {\n setAdults(guests.adults);\n setChildren(guests.children);\n setInfants(guests.infants);\n setRoom(guests.room);\n };\n\n const setDate = (startDate: dayjs.Dayjs, endDate: dayjs.Dayjs) => {\n setCheckInDate(startDate);\n setCheckOutDate(endDate);\n };\n\n const isValid = () => {\n if (!selectedProperty) return false;\n if (!checkInDate) return false;\n if (!checkOutDate) return false;\n if (adults + children <= 0) return false;\n\n return true;\n };\n\n const _onSubmit = () => {\n if (!isValid()) return false;\n\n // After passing validation, we pass the function up the chain for the engine\n // Implementor to decide where the user should be redirected to\n // This is to give the hotel team a chance to add tracking, or modify the request on their end.\n bwContext.onSubmit?.({\n id: selectedProperty?.id as string,\n checkIn: checkInDate as Dayjs,\n checkout: checkOutDate as Dayjs,\n promoCode,\n guests: {\n adults,\n children,\n infants,\n room,\n },\n });\n };\n\n const _onPromoCodeChange = async (value?: string) => {\n setPromoCode?.(value \|\| '');\n if (!value) {\n setPromoCodeValid(undefined);\n } else if (isValid() && selectedProperty && checkInDate && checkOutDate) {\n const result = await new AvailabilityAPI().fetchAvailability({\n fromDate: checkInDate,\n toDate: checkOutDate,\n adults,\n children,\n infants,\n promoCode: value,\n hotelId: selectedProperty?.id,\n promoOnly: true,\n });\n\n const rate = Object.values(result.ratePlans).find((rate: any) => rate.promoCode === value);\n setPromoCodeValid(!!rate);\n }\n };\n\n const submitButton = (\n <BEButton disabled={!isValid()} className={styles.bookNowBtn} onClick={_onSubmit}>\n {t(Translation.Misc.BookNow)}\n </BEButton>\n );\n\n return (\n <>\n <div\n className={classNames(\n styles.content,\n styles[`--${bwContext.layout}`],\n {\n [styles['--vertical']]: bwContext.layout === 'button',\n [styles.inline]: bwContext.type === 'inline',\n },\n classname\n )}\n >\n <>\n <div ref={setHotelContainerRef} className={styles.item}>\n <label className={styles.label}>{t(Translation.Misc.ChooseHotel)}</label>\n <BookingWizardHotelSelector\n followElement={hotelContainerRef}\n onChange={(value) => {\n setSelectedProperty(value \|\| undefined);\n }}\n properties={properties}\n selectedProperty={selectedProperty}\n contentClassName={classname}\n />\n </div>\n <div className={styles.divider} />\n </>\n <BookingWizardDateSelector\n onChange={setDate}\n defaultStartDate={defaultValues?.checkIn ? dayjs(defaultValues?.checkIn) : undefined}\n defaultEndDate={defaultValues?.checkout ? dayjs(defaultValues?.checkout) : undefined}\n dateFormat={dateFormat}\n showYearOnCalendar={showYearOnCalendar}\n yearDisplayOption={yearDisplayOption}\n />\n\n {hideGuestSelect ? null : (\n <>\n <div className={styles.divider} />\n <div ref={setGuestContainerRef} className={styles.item}>\n <label className={styles.label}>{t(Translation.Misc.Guests)}</label>\n <BookingWizardGuestSelector\n defaultValue={{\n adults,\n children,\n room,\n }}\n onChange={setGuest}\n maxAdults={maxAdults}\n disableChild={disableChild}\n showInfants={showInfants}\n disableRoom={disableRoom}\n followElement={guestsContainerRef}\n hideTooltip={engineConfig.hideTooltips}\n />\n </div>\n </>\n )}\n <div className={styles.divider} />\n {hidePromocode \|\| bwContext.layout === 'horizontal-condensed' ? null : (\n <div className={styles.item}>\n <label className={styles.label}>{t(Translation.Misc.Promocode)}</label>\n <BookingWizardPromoCode promoCode={promoCode} onChange={_onPromoCodeChange} valid={promoCodeValid} hideTooltip={engineConfig.hideTooltips} />\n </div>\n )}\n {!(bwContext.layout === 'horizontal-condensed') ? <div className={styles.action}>{submitButton}</div> : null}\n </div>\n\n {bwContext.layout === 'horizontal-condensed' ? (\n <div className={classNames(styles.content, classname)}>\n <div className={classNames(styles.action, styles.centerItems, 'u-marg-top u-marg-top--light@l-')}>{submitButton}</div>\n </div>\n ) : null}\n </>\n );\n};\n"]}
1	+ {"version":3,"file":"BookingWizardContent.js","sourceRoot":"/","sources":["src/components/generic/BookingWizard/BookingWizardContent.tsx"],"names":[],"mappings":"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","sourcesContent":["import 'react-spring-bottom-sheet/dist/style.css';\n\nimport { BookingEngineContext } from '@frontend/contexts';\nimport classNames from 'classnames';\nimport dayjs, { Dayjs } from 'dayjs';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport AvailabilityAPI from '@/api/AvailabilityAPI';\nimport { BookingWizardEngineConfig } from '@/engines/BookingWizardEngine/BookingWizardEngine';\nimport { BookingWizardProperty } from '@/models/BookingWizard/BookingWizardProperty';\nimport { TBookingWizardProperties } from '@/models/BookingWizard/BookingWizardTypes';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport { Translation } from '@/translations/Translation';\n\nimport BEButton from '../BEButton';\nimport styles from './BookingWizard.module.scss';\nimport { BookingWizardContext, BookingWizardOnBooking } from './BookingWizardContext';\nimport { BookingWizardDateSelector } from './BookingWizardDateSelector/BookingWizardDateSelector';\nimport { BookingWizardGuestSelector } from './BookingWizardGuestSelector/BookingWizardGuestSelector';\nimport { BookingWizardHotelSelector } from './BookingWizardHotelSelector/BookingWizardHotelSelector';\nimport { BookingWizardPromoCode } from './BookingWizardPromoCode/BookingWizardPromoCode';\n\nexport interface BookingWizardContentProps {\n defaultColors: BookingWizardProperty['colors'];\n properties: TBookingWizardProperties;\n selectedProperty?: BookingWizardProperty;\n classname?: string;\n maxAdults?: number;\n disableChild?: boolean;\n showInfants?: boolean;\n disableRoom?: boolean;\n hideGuestSelect?: boolean;\n hidePromocode?: boolean;\n hideProperty?: boolean;\n defaultValues?: Partial<Omit<BookingWizardOnBooking, 'id' \| 'checkIn' \| 'checkout'>> & { checkIn?: string; checkout?: string };\n dateFormat?: string;\n}\n\nexport const BookingWizardContent: React.FC<BookingWizardContentProps> = ({\n properties,\n selectedProperty: defaultProperty,\n defaultColors,\n classname,\n maxAdults,\n disableChild,\n showInfants,\n disableRoom,\n hideGuestSelect,\n hidePromocode,\n hideProperty,\n defaultValues,\n dateFormat,\n}) => {\n const bwContext = useContext(BookingWizardContext);\n const beContext = useContext(BookingEngineContext);\n\n const { t } = useTranslation();\n\n const [checkInDate, setCheckInDate] = useState<Dayjs \| null>(defaultValues?.checkIn ? dayjs(defaultValues?.checkIn) : dayjs());\n const [checkOutDate, setCheckOutDate] = useState<Dayjs \| null>(defaultValues?.checkout ? dayjs(defaultValues?.checkout) : dayjs().add(1, 'days'));\n const [adults, setAdults] = useState<number>(defaultValues?.guests?.adults ?? 1);\n const [children, setChildren] = useState<number>(defaultValues?.guests?.children ?? 0);\n const [infants, setInfants] = useState<number>(defaultValues?.guests?.infants ?? 0);\n const [room, setRoom] = useState<number>(defaultValues?.guests?.room ?? 1);\n const [promoCode, setPromoCode] = useState<string>(defaultValues?.promoCode \|\| '');\n const [promoCodeValid, setPromoCodeValid] = useState<boolean>();\n const [selectedProperty, setSelectedProperty] = useState<BookingWizardProperty \| undefined>(defaultProperty);\n const [hotelContainerRef, setHotelContainerRef] = useState<HTMLDivElement \| null>(null);\n const [guestsContainerRef, setGuestContainerRef] = useState<HTMLDivElement \| null>(null);\n\n useEffect(() => {\n if (selectedProperty?.colors) {\n RoomstayThemeEngine.changeTheme(selectedProperty.colors);\n } else if (defaultColors) {\n RoomstayThemeEngine.changeTheme(defaultColors);\n }\n }, [selectedProperty]);\n\n const engineConfig = beContext.engine.getConfig() as BookingWizardEngineConfig;\n\n const yearDisplayOption = useMemo(() => {\n return selectedProperty?.yearDisplayOption ?? engineConfig.yearDisplayOption ?? '';\n }, [selectedProperty]);\n\n const showYearOnCalendar = useMemo(() => {\n return !!(selectedProperty?.showYearOnCalendar ?? engineConfig.showYearOnCalendar ?? '');\n }, [selectedProperty]);\n\n const setGuest = (guests: BookingWizardOnBooking['guests']) => {\n setAdults(guests.adults);\n setChildren(guests.children);\n setInfants(guests.infants);\n setRoom(guests.room);\n };\n\n const setDate = (startDate: dayjs.Dayjs, endDate: dayjs.Dayjs) => {\n setCheckInDate(startDate);\n setCheckOutDate(endDate);\n };\n\n const isValid = () => {\n if (!selectedProperty) return false;\n if (!checkInDate) return false;\n if (!checkOutDate) return false;\n if (adults + children <= 0) return false;\n\n return true;\n };\n\n const _onSubmit = () => {\n if (!isValid()) return false;\n\n // After passing validation, we pass the function up the chain for the engine\n // Implementor to decide where the user should be redirected to\n // This is to give the hotel team a chance to add tracking, or modify the request on their end.\n bwContext.onSubmit?.({\n id: selectedProperty?.id as string,\n checkIn: checkInDate as Dayjs,\n checkout: checkOutDate as Dayjs,\n promoCode,\n guests: {\n adults,\n children,\n infants,\n room,\n },\n });\n };\n\n const _onPromoCodeChange = async (value?: string) => {\n setPromoCode?.(value \|\| '');\n if (!value) {\n setPromoCodeValid(undefined);\n } else if (isValid() && selectedProperty && checkInDate && checkOutDate) {\n const result = await new AvailabilityAPI().fetchAvailability({\n fromDate: checkInDate,\n toDate: checkOutDate,\n adults,\n children,\n infants,\n promoCode: value,\n hotelId: selectedProperty?.id,\n promoOnly: true,\n });\n\n const rate = Object.values(result.ratePlans).find((rate: any) => rate.promoCode === value);\n setPromoCodeValid(!!rate);\n }\n };\n\n const submitButton = (\n <BEButton disabled={!isValid()} className={styles.bookNowBtn} onClick={_onSubmit}>\n {t(Translation.Misc.BookNow)}\n </BEButton>\n );\n\n return (\n <>\n <div\n className={classNames(\n styles.content,\n styles[`--${bwContext.layout}`],\n {\n [styles['--vertical']]: bwContext.layout === 'button',\n [styles.inline]: bwContext.type === 'inline',\n },\n classname\n )}\n >\n {hideProperty ? null : (\n <>\n <div ref={setHotelContainerRef} className={styles.item}>\n <label className={styles.label}>{t(Translation.Misc.ChooseHotel)}</label>\n <BookingWizardHotelSelector\n followElement={hotelContainerRef}\n onChange={(value) => {\n setSelectedProperty(value \|\| undefined);\n }}\n properties={properties}\n selectedProperty={selectedProperty}\n contentClassName={classname}\n />\n </div>\n <div className={styles.divider} />\n </>\n )}\n <BookingWizardDateSelector\n onChange={setDate}\n defaultStartDate={defaultValues?.checkIn ? dayjs(defaultValues?.checkIn) : undefined}\n defaultEndDate={defaultValues?.checkout ? dayjs(defaultValues?.checkout) : undefined}\n dateFormat={dateFormat}\n showYearOnCalendar={showYearOnCalendar}\n yearDisplayOption={yearDisplayOption}\n />\n\n {hideGuestSelect ? null : (\n <>\n <div className={styles.divider} />\n <div ref={setGuestContainerRef} className={styles.item}>\n <label className={styles.label}>{t(Translation.Misc.Guests)}</label>\n <BookingWizardGuestSelector\n defaultValue={{\n adults,\n children,\n room,\n }}\n onChange={setGuest}\n maxAdults={maxAdults}\n disableChild={disableChild}\n showInfants={showInfants}\n disableRoom={disableRoom}\n followElement={guestsContainerRef}\n hideTooltip={engineConfig.hideTooltips}\n />\n </div>\n </>\n )}\n <div className={styles.divider} />\n {hidePromocode \|\| bwContext.layout === 'horizontal-condensed' ? null : (\n <div className={styles.item}>\n <label className={styles.label}>{t(Translation.Misc.Promocode)}</label>\n <BookingWizardPromoCode promoCode={promoCode} onChange={_onPromoCodeChange} valid={promoCodeValid} hideTooltip={engineConfig.hideTooltips} />\n </div>\n )}\n {!(bwContext.layout === 'horizontal-condensed') ? <div className={styles.action}>{submitButton}</div> : null}\n </div>\n\n {bwContext.layout === 'horizontal-condensed' ? (\n <div className={classNames(styles.content, classname)}>\n <div className={classNames(styles.action, styles.centerItems, 'u-marg-top u-marg-top--light@l-')}>{submitButton}</div>\n </div>\n ) : null}\n </>\n );\n};\n"]}

package/dist/src/components/generic/Icon/Icon.d.ts CHANGED Viewed

@@ -69,7 +69,9 @@ export declare enum IconType {
     ArrowLeft3 = "Arrow-3-Left",
     ArrowUp3 = "Arrow-3-Up",
     ArrowRight3 = "Arrow-3-Right",
-    ArrowDown3 = "Arrow-3-Down"
+    ArrowDown3 = "Arrow-3-Down",
+    ProgressHelp = "Progress-Help",
+    Subtitle = "Subtitle"
 }
 export interface IconProps {
     icon: IconType;

package/dist/src/components/generic/Icon/Icon.js CHANGED Viewed

@@ -80,6 +80,8 @@ var IconType;
     IconType["ArrowUp3"] = "Arrow-3-Up";
     IconType["ArrowRight3"] = "Arrow-3-Right";
     IconType["ArrowDown3"] = "Arrow-3-Down";
+    IconType["ProgressHelp"] = "Progress-Help";
+    IconType["Subtitle"] = "Subtitle";
 })(IconType = exports.IconType || (exports.IconType = {}));
 function IconDropdown() {
     return react_1.default.createElement(Icon, { icon: IconType.ArrowDown2, size: "1em", color: Color_1.Color.DarkGrey });

package/dist/src/components/generic/Icon/Icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icon.js","sourceRoot":"/","sources":["src/components/generic/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;AAAA,4DAAoC;AACpC,kDAA0B;AAE1B,wCAAqC;AAErC,0EAAwC;AAExC,IAAY,~~QAuEX~~;~~AAvED~~,WAAY,QAAQ;IAChB,2BAAe,CAAA;IACf,+BAAmB,CAAA;IACnB,2BAAe,CAAA;IACf,8BAAkB,CAAA;IAClB,uBAAW,CAAA;IACX,yBAAa,CAAA;IACb,yBAAa,CAAA;IACb,2BAAe,CAAA;IACf,yBAAa,CAAA;IACb,2BAAe,CAAA;IACf,0CAA8B,CAAA;IAC9B,uBAAW,CAAA;IACX,kCAAsB,CAAA;IACtB,6BAAiB,CAAA;IACjB,6BAAiB,CAAA;IACjB,4CAAgC,CAAA;IAChC,6BAAiB,CAAA;IACjB,+BAAmB,CAAA;IACnB,uBAAW,CAAA;IACX,uBAAW,CAAA;IACX,+BAAmB,CAAA;IACnB,mCAAuB,CAAA;IACvB,6BAAiB,CAAA;IACjB,2BAAe,CAAA;IACf,oCAAwB,CAAA;IACxB,2BAAe,CAAA;IACf,kCAAsB,CAAA;IACtB,8BAAkB,CAAA;IAClB,yBAAa,CAAA;IACb,yBAAa,CAAA;IACb,6BAAiB,CAAA;IACjB,iCAAqB,CAAA;IACrB,sCAA0B,CAAA;IAC1B,+BAAmB,CAAA;IACnB,qCAAyB,CAAA;IACzB,yBAAa,CAAA;IACb,sCAA0B,CAAA;IAC1B,oCAAwB,CAAA;IACxB,gCAAoB,CAAA;IACpB,oCAAwB,CAAA;IACxB,uCAA2B,CAAA;IAC3B,mCAAuB,CAAA;IACvB,yCAA6B,CAAA;IAC7B,uCAA2B,CAAA;IAC3B,2BAAe,CAAA;IACf,6BAAiB,CAAA;IACjB,uBAAW,CAAA;IACX,iCAAqB,CAAA;IACrB,2BAAe,CAAA;IACf,yBAAa,CAAA;IACb,2BAAe,CAAA;IACf,2BAAe,CAAA;IACf,8BAAkB,CAAA;IAClB,2BAAe,CAAA;IACf,yBAAa,CAAA;IACb,uBAAW,CAAA;IACX,iCAAqB,CAAA;IACrB,yBAAa,CAAA;IACb,gCAAoB,CAAA;IACpB,0CAA8B,CAAA;IAC9B,kCAAsB,CAAA;IACtB,wCAA4B,CAAA;IAC5B,mCAAuB,CAAA;IACvB,uBAAW,CAAA;IACX,qCAAyB,CAAA;IACzB,6BAAiB,CAAA;IACjB,uCAA2B,CAAA;IAC3B,mCAAuB,CAAA;IACvB,yCAA6B,CAAA;IAC7B,uCAA2B,CAAA;~~AAC/B~~,CAAC,~~EAvEW~~,QAAQ,GAAR,gBAAQ,KAAR,gBAAQ,~~QAuEnB~~;AAkBD,SAAgB,YAAY;IACxB,OAAO,8BAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,aAAK,CAAC,QAAQ,GAAI,CAAC;AACjF,CAAC;AAFD,oCAEC;AAED,SAAgB,kBAAkB;IAC9B,OAAO,8BAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,QAAQ,EAAE,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,aAAK,CAAC,QAAQ,GAAI,CAAC;AAC/E,CAAC;AAFD,gDAEC;AAED,SAAwB,IAAI,CAAC,KAAgB;IACzC,MAAM,YAAY,mBACd,IAAI,EAAE,MAAM,IACT,KAAK,CACX,CAAC;IAEF,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC;IAE7C,2DAA2D;IAC3D,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,0BAAM,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,EAAG,0BAAc,CAAC,YAAY,YAAY,CAAC,IAAI,EAAE,CAAC,EAAE,WAAW,EAAE;QAC5H,CAAC,0BAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,YAAY,CAAC,eAAe;QACpD,CAAC,0BAAM,CAAC,iBAAiB,CAAC,CAAC,EAAE,YAAY,CAAC,oBAAoB;QAC9D,CAAC,0BAAM,CAAC,aAAa,CAAC,CAAC,EAAE,YAAY,CAAC,OAAO;QAC7C,YAAY,EAAE,KAAK,CAAC,SAAS;QAC7B,CAAE,0BAAc,CAAC,YAAY,YAAY,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,YAAY,CAAC,YAAY;KACxF,CAAC,CAAC;IAEH,MAAM,UAAU,GAAQ,EAAE,CAAC;IAE3B,IAAI,YAAY,CAAC,OAAO,EAAE;QACtB,UAAU,CAAC,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC;KAC7C;IAED,MAAM,KAAK,GAAQ;QACf,QAAQ,EAAE,YAAY,CAAC,IAAI;KAC9B,CAAC;IAEF,IAAI,YAAY,CAAC,KAAK,EAAE;QACpB,KAAK,CAAC,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC;KACpC;IAED,IAAI,YAAY,CAAC,eAAe,IAAI,CAAC,YAAY,CAAC,oBAAoB,EAAE;QACpE,KAAK,CAAC,eAAe,GAAG,YAAY,CAAC,eAAe,CAAC;KACxD;IAED,IAAI,YAAY,CAAC,oBAAoB,EAAE;QACnC,KAAK,CAAC,mBAAmB,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC;KACnD;IAED,OAAO,mDAAG,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,IAAM,UAAU,IAAE,IAAI,EAAE,IAAI,IAAI,CAAC;AAC/E,CAAC;AAxCD,uBAwCC","sourcesContent":["import classNames from 'classnames';\nimport React from 'react';\n\nimport { Color } from '@/util/Color';\n\nimport styles from './Icon.module.scss';\n\nexport enum IconType {\n Email = 'Email',\n Degrees = 'Degrees',\n Hotel = 'Hotel',\n Hotel2 = 'Hotel-2',\n Map = 'Map',\n Info = 'Info',\n Deal = 'Deal',\n Money = 'Money',\n Lock = 'Lock',\n Check = 'Check',\n CheckCircled = 'Check-Circled',\n Bed = 'Bed',\n ApplePay = 'Apple-Pay',\n PayPal = 'PayPal',\n Person = 'Person',\n ChildFriendly = 'Child-Friendly',\n Fridge = 'Fridge',\n Smoking = 'Smoking',\n Gym = 'Gym',\n Bar = 'Bar',\n Laundry = 'Laundry',\n Breakfast = 'Breakfast',\n Snacks = 'Snacks',\n Phone = 'Phone',\n ViewMonth = 'View-Month',\n Ovolo = 'Ovolo',\n ViewWeek = 'View-Week',\n AirCon = 'Air-Con',\n WiFi = 'Wifi',\n Time = 'Time',\n People = 'People',\n Calendar = 'Calendar',\n CreditCard = 'Credit-Card',\n Spinner = 'Spinner',\n Fullscreen = 'Fullscreen',\n Star = 'Star',\n ArrowRight = 'Arrow-Right',\n ArrowLeft = 'Arrow-Left',\n ArrowUp = 'Arrow-Up',\n ArrowDown = 'Arrow-Down',\n ArrowLeft2 = 'Arrow-2-Left',\n ArrowUp2 = 'Arrow-2-Up',\n ArrowRight2 = 'Arrow-2-Right',\n ArrowDown2 = 'Arrow-2-Down',\n Close = 'Close',\n Remove = 'Remove',\n Add = 'Add',\n Dropdown = 'Dropdown',\n Train = 'Train',\n Taxi = 'Taxi',\n Share = 'Share',\n Print = 'Print',\n LogOut = 'Log-Out',\n Error = 'Error',\n Edit = 'Edit',\n Bus = 'Bus',\n Airplane = 'Airplane',\n Menu = 'Menu',\n LootBag = 'loot-bag',\n LateCheckout = 'Late-Checkout',\n RoomSize = 'Room-Size',\n RoomUpgrade = 'Room-Upgrade',\n Champagne = 'Champagne',\n Eye = 'Eye',\n EyeBlocked = 'EyeBlocked',\n Delete = 'Delete',\n ArrowLeft3 = 'Arrow-3-Left',\n ArrowUp3 = 'Arrow-3-Up',\n ArrowRight3 = 'Arrow-3-Right',\n ArrowDown3 = 'Arrow-3-Down',\n}\n\nexport interface IconProps {\n icon: IconType;\n size?: string;\n name?: string;\n\n color?: Color;\n useColorAsBackground?: boolean;\n backgroundColor?: Color;\n\n noPadding?: boolean;\n\n onClick?: () => void;\n borderRadius?: 'oval' \| 'round';\n className?: string;\n}\n\nexport function IconDropdown() {\n return <Icon icon={IconType.ArrowDown2} size=\"1em\" color={Color.DarkGrey} />;\n}\n\nexport function IconDropdownFilled() {\n return <Icon icon={IconType.Dropdown} size=\"1em\" color={Color.DarkGrey} />;\n}\n\nexport default function Icon(props: IconProps) {\n const defaultProps: IconProps = {\n size: '18px',\n ...props,\n };\n\n const name = props.name \|\| defaultProps.icon;\n\n // TODO: remove the diji-icon class from all external uses.\n const classes = classNames(styles['diji-icon'], props.className, (styles as any)[`diji-icon${defaultProps.icon}`], 'diji-icon', {\n [styles['--has-bg']]: !!defaultProps.backgroundColor,\n [styles['--has-custom-bg']]: defaultProps.useColorAsBackground,\n [styles['--clickable']]: defaultProps.onClick,\n 'u-pad-none': props.noPadding,\n [(styles as any)[`--border-${defaultProps.borderRadius}`]]: defaultProps.borderRadius,\n });\n\n const extraProps: any = {};\n\n if (defaultProps.onClick) {\n extraProps.onClick = defaultProps.onClick;\n }\n\n const style: any = {\n fontSize: defaultProps.size,\n };\n\n if (defaultProps.color) {\n style.color = defaultProps.color;\n }\n\n if (defaultProps.backgroundColor && !defaultProps.useColorAsBackground) {\n style.backgroundColor = defaultProps.backgroundColor;\n }\n\n if (defaultProps.useColorAsBackground) {\n style['--custom-bg-color'] = defaultProps.color;\n }\n\n return <i className={classes} style={style} {...extraProps} name={name} />;\n}\n"]}
1	+ {"version":3,"file":"Icon.js","sourceRoot":"/","sources":["src/components/generic/Icon/Icon.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames';\nimport React from 'react';\n\nimport { Color } from '@/util/Color';\n\nimport styles from './Icon.module.scss';\n\nexport enum IconType {\n Email = 'Email',\n Degrees = 'Degrees',\n Hotel = 'Hotel',\n Hotel2 = 'Hotel-2',\n Map = 'Map',\n Info = 'Info',\n Deal = 'Deal',\n Money = 'Money',\n Lock = 'Lock',\n Check = 'Check',\n CheckCircled = 'Check-Circled',\n Bed = 'Bed',\n ApplePay = 'Apple-Pay',\n PayPal = 'PayPal',\n Person = 'Person',\n ChildFriendly = 'Child-Friendly',\n Fridge = 'Fridge',\n Smoking = 'Smoking',\n Gym = 'Gym',\n Bar = 'Bar',\n Laundry = 'Laundry',\n Breakfast = 'Breakfast',\n Snacks = 'Snacks',\n Phone = 'Phone',\n ViewMonth = 'View-Month',\n Ovolo = 'Ovolo',\n ViewWeek = 'View-Week',\n AirCon = 'Air-Con',\n WiFi = 'Wifi',\n Time = 'Time',\n People = 'People',\n Calendar = 'Calendar',\n CreditCard = 'Credit-Card',\n Spinner = 'Spinner',\n Fullscreen = 'Fullscreen',\n Star = 'Star',\n ArrowRight = 'Arrow-Right',\n ArrowLeft = 'Arrow-Left',\n ArrowUp = 'Arrow-Up',\n ArrowDown = 'Arrow-Down',\n ArrowLeft2 = 'Arrow-2-Left',\n ArrowUp2 = 'Arrow-2-Up',\n ArrowRight2 = 'Arrow-2-Right',\n ArrowDown2 = 'Arrow-2-Down',\n Close = 'Close',\n Remove = 'Remove',\n Add = 'Add',\n Dropdown = 'Dropdown',\n Train = 'Train',\n Taxi = 'Taxi',\n Share = 'Share',\n Print = 'Print',\n LogOut = 'Log-Out',\n Error = 'Error',\n Edit = 'Edit',\n Bus = 'Bus',\n Airplane = 'Airplane',\n Menu = 'Menu',\n LootBag = 'loot-bag',\n LateCheckout = 'Late-Checkout',\n RoomSize = 'Room-Size',\n RoomUpgrade = 'Room-Upgrade',\n Champagne = 'Champagne',\n Eye = 'Eye',\n EyeBlocked = 'EyeBlocked',\n Delete = 'Delete',\n ArrowLeft3 = 'Arrow-3-Left',\n ArrowUp3 = 'Arrow-3-Up',\n ArrowRight3 = 'Arrow-3-Right',\n ArrowDown3 = 'Arrow-3-Down',\n ProgressHelp = 'Progress-Help',\n Subtitle = 'Subtitle',\n}\n\nexport interface IconProps {\n icon: IconType;\n size?: string;\n name?: string;\n\n color?: Color;\n useColorAsBackground?: boolean;\n backgroundColor?: Color;\n\n noPadding?: boolean;\n\n onClick?: () => void;\n borderRadius?: 'oval' \| 'round';\n className?: string;\n}\n\nexport function IconDropdown() {\n return <Icon icon={IconType.ArrowDown2} size=\"1em\" color={Color.DarkGrey} />;\n}\n\nexport function IconDropdownFilled() {\n return <Icon icon={IconType.Dropdown} size=\"1em\" color={Color.DarkGrey} />;\n}\n\nexport default function Icon(props: IconProps) {\n const defaultProps: IconProps = {\n size: '18px',\n ...props,\n };\n\n const name = props.name \|\| defaultProps.icon;\n\n // TODO: remove the diji-icon class from all external uses.\n const classes = classNames(styles['diji-icon'], props.className, (styles as any)[`diji-icon${defaultProps.icon}`], 'diji-icon', {\n [styles['--has-bg']]: !!defaultProps.backgroundColor,\n [styles['--has-custom-bg']]: defaultProps.useColorAsBackground,\n [styles['--clickable']]: defaultProps.onClick,\n 'u-pad-none': props.noPadding,\n [(styles as any)[`--border-${defaultProps.borderRadius}`]]: defaultProps.borderRadius,\n });\n\n const extraProps: any = {};\n\n if (defaultProps.onClick) {\n extraProps.onClick = defaultProps.onClick;\n }\n\n const style: any = {\n fontSize: defaultProps.size,\n };\n\n if (defaultProps.color) {\n style.color = defaultProps.color;\n }\n\n if (defaultProps.backgroundColor && !defaultProps.useColorAsBackground) {\n style.backgroundColor = defaultProps.backgroundColor;\n }\n\n if (defaultProps.useColorAsBackground) {\n style['--custom-bg-color'] = defaultProps.color;\n }\n\n return <i className={classes} style={style} {...extraProps} name={name} />;\n}\n"]}

package/dist/src/components/generic/loader/LargeLoader.js CHANGED Viewed

@@ -1,77 +1,39 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const web_1 = require("@react-spring/web");
-const react_1 = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const react_i18next_1 = require("react-i18next");
 const Text_1 = __importDefault(require("../Text"));
 const Translation_1 = require("../../../translations/Translation");
-const paths = [
-    'M21 16V14L13 9V3.5C13 2.67 12.33 2 11.5 2C10.67 2 10 2.67 10 3.5V9L2 14V16L10 13.5V19L8 20.5V22L11.5 21L15 22V20.5L13 19V13.5L21 16Z',
-    'M20.57 14.86L22 13.43L20.57 12L17 15.57L8.43 7L12 3.43L10.57 2L9.14 3.43L7.71 2L5.57 4.14L4.14 2.71L2.71 4.14L4.14 5.57L2 7.71L3.43 9.14L2 10.57L3.43 12L7 8.43L15.57 17L12 20.57L13.43 22L14.86 20.57L16.29 22L18.43 19.86L19.86 21.29L21.29 19.86L19.86 18.43L22 16.29L20.57 14.86Z',
-    'M10 15.27L16.18 19L14.54 11.97L20 7.24L12.81 6.63L10 0L7.19 6.63L0 7.24L5.46 11.97L3.82 19L10 15.27Z',
-];
-const local = [];
+const BuildingIcon = () => (react_1.default.createElement("div", { className: "building-icon" },
+    react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 96, height: 96, viewBox: "0 0 96 96", fill: "none" },
+        react_1.default.createElement("path", { d: "M12 84H16M84 84H80M16 84V33.6C16 30.2397 16 28.5595 16.654 27.2761C17.2292 26.1471 18.1471 25.2292 19.2761 24.654C20.5595 24 22.2397 24 25.6 24H27.2C28.8802 24 29.7202 24 30.362 23.673C30.9265 23.3854 31.3854 22.9265 31.673 22.362C32 21.7202 32 20.8802 32 19.2V17.6C32 14.2397 32 12.5595 32.654 11.2761C33.2292 10.1471 34.1471 9.2292 35.2761 8.65396C36.5595 8 38.2397 8 41.6 8L54.4 8C57.7603 8 59.4405 8 60.7239 8.65396C61.8529 9.2292 62.7708 10.1471 63.346 11.2761C64 12.5595 64 14.2397 64 17.6V32M16 84H64M64 84V32M64 84H80M64 32H75.2C76.8802 32 77.7202 32 78.362 32.327C78.9265 32.6146 79.3854 33.0735 79.673 33.638C80 34.2798 80 35.1198 80 36.8V84", stroke: "var(--rs-color-accent-1)", strokeWidth: 9, strokeLinecap: "round" }),
+        react_1.default.createElement("path", { d: "M32.0001 40H48.0001M32.0001 54H48.0001M32.0001 68H48.0001", stroke: "var(--rs-color-accent-1)", strokeWidth: 9, strokeLinecap: "round" }),
+        react_1.default.createElement("path", { d: "M48 26.04V26", stroke: "var(--rs-color-accent-1)", strokeWidth: 9, strokeLinecap: "round" }))));
+const LocationIcon = () => {
+    const springProps = (0, web_1.useSpring)({
+        loop: true,
+        config: { duration: 900 },
+        from: { transform: 'translateY(-20px)' },
+        to: [{ transform: 'translateY(0px)' }, { transform: 'translateY(-20px)' }],
+    });
+    return (react_1.default.createElement(web_1.animated.div, { className: "location-icon", style: springProps },
+        react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 48, height: 48, viewBox: "0 0 48 48", fill: "none" },
+            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M40.0001 20C40.0001 28.8366 28.0001 44 24.0001 44C20.0001 44 8.00006 28.8366 8.00006 20C8.00006 11.1634 15.1635 4 24.0001 4C32.8366 4 40.0001 11.1634 40.0001 20ZM24.0001 28C28.4183 28 32.0001 24.4183 32.0001 20C32.0001 15.5817 28.4183 12 24.0001 12C19.5818 12 16.0001 15.5817 16.0001 20C16.0001 24.4183 19.5818 28 24.0001 28Z", fill: "var(--rs-color-accent-1)", stroke: "var(--rs-color-accent-1)", strokeWidth: 6 }))));
+};
 function LargeLoader() {
-    const [interpolators, setInterpolators] = (0, react_1.useState)([]);
-    const [index, setIndex] = (0, react_1.useState)(0);
     const { t } = (0, react_i18next_1.useTranslation)();
-    (0, react_1.useEffect)(() => {
-        if (local.length === 0) {
-            for (let i = 0; i < paths.length; i++) {
-                const nextIndex = paths[i + 1] || paths[0];
-                if (typeof jest === 'undefined') {
-                    // local.push(interpolate(paths[i], nextIndex, { maxSegmentLength: 0.1 }));
-                    setInterpolators(local);
-                }
-            }
-        }
-        else {
-            setInterpolators(local);
-        }
-    }, []);
-    const goNext = () => {
-        setTimeout(() => {
-            setIndex(index + 1 >= interpolators.length ? 0 : index + 1);
-        }, 300);
-    };
-    const onRestHandler = () => {
-        return goNext();
-    };
     return (react_1.default.createElement("div", { className: "large-loader" },
         react_1.default.createElement("div", { className: "large-loader-circle" }),
         react_1.default.createElement("div", { className: "large-loader-circle --delay-2" }),
         react_1.default.createElement("div", { className: "large-loader-circle --delay-4" }),
         react_1.default.createElement("div", { className: "large-loader-circle --delay-6" }),
-        react_1.default.createElement("svg", { width: "180", viewBox: "0 0 22 22" },
-            react_1.default.createElement("g", { fill: "var(--rs-color-accent-1)" },
-                react_1.default.createElement(web_1.Spring, { reset: true, from: { t: 0 }, to: { t: 1 }, onRest: onRestHandler }, ({ t }) => react_1.default.createElement(web_1.animated.path, { className: "c-image-blank-slate", d: interpolators.length ? t.to(interpolators[index]) : paths[0] })))),
-        react_1.default.createElement("div", { className: "u-marg-top" },
+        react_1.default.createElement(LocationIcon, null),
+        react_1.default.createElement(BuildingIcon, null),
+        react_1.default.createElement("div", { style: { marginTop: '-8px' } },
             react_1.default.createElement(Text_1.default, null, t(Translation_1.Translation.Misc.Loading)))));
 }
 exports.default = LargeLoader;

package/dist/src/components/generic/loader/LargeLoader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LargeLoader.js","sourceRoot":"/","sources":["src/components/generic/loader/LargeLoader.tsx"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAAA,~~2CAAqD~~;~~AACrD,+CAAmD~~;~~AACnD~~,iDAA+C;AAE/C,qEAA6C;AAC7C,4DAAyD;AAEzD,MAAM,~~KAAK~~,GAAG~~;IACV~~,~~sIAAsI;IACtI~~,~~uRAAuR;IACvR~~,~~sGAAsG;CACzG~~,~~CAAC~~;~~AAEF~~,~~MAAM~~,KAAK,~~GAAU~~,EAAE,~~CAAC;AAExB~~,~~SAAwB~~,WAAW;~~IAC~~/B,MAAM,CAAC,aAAa,~~EAAE~~,~~gBAAgB~~,CAAC,~~GAAG~~,~~IAAA~~,~~gBAAQ~~,~~EAAQ~~,EAAE,CAAC,~~CAAC;IAC9D~~,~~MAAM~~,~~CAAC~~,~~KAAK~~,~~EAAE~~,~~QAAQ~~,CAAC,~~GAAG~~,~~IAAA~~,~~gBAAQ~~,EAAC,~~CAAC~~,~~CAAC~~,~~CAAC;IACtC~~,~~MAAM,~~EAAE,CAAC,EAAE,GAAG,~~IAAA~~,~~8BAAc~~,~~GAAE~~,CAAC;~~IAE/B~~,~~IAAA~~,~~iBAAS~~,~~EAAC~~,GAAG,EAAE;~~QACX~~,IAAI,~~KAAK~~,~~CAAC~~,MAAM,~~KAAK~~,~~CAAC~~,EAAE;~~YACpB~~,~~KAAK,~~IAAI,~~CAAC~~,~~GAAG~~,~~CAAC~~,EAAE,~~CAAC~~,~~GAAG~~,~~KAAK~~,CAAC,~~MAAM~~,EAAE,~~CAAC~~,EAAE,EAAE~~;gBACnC~~,~~MAAM~~,SAAS,~~GAAG~~,~~KAAK~~,~~CAAC~~,CAAC,~~GAAG,~~CAAC,CAAC,~~IAAI~~,~~KAAK~~,~~CAAC~~,~~CAAC~~,CAAC,~~CAAC;gBAE3C~~,~~IAAI~~,~~OAAO~~,~~IAAI~~,KAAK,~~WAAW,~~EAAE~~;oBAC7B~~,~~2EAA2E~~;~~oBAE3E~~,~~gBAAgB~~,~~CAAC,~~KAAK,~~CAAC~~,~~CAAC;iBAC3B;aACJ;SACJ;aAAM;YACH~~,~~gBAAgB~~,~~CAAC,~~KAAK,~~CAAC~~,~~CAAC;SAC3B;IACL~~,~~CAAC~~,EAAE,EAAE,~~CAAC~~,~~CAAC;IAEP~~,~~MAAM~~,~~MAAM~~,~~GAAG~~,~~GAAG~~,~~EAAE~~;~~QAChB~~,~~UAAU~~,~~CAAC~~,~~GAAG~~,~~EAAE;YACZ~~,QAAQ,~~CAAC~~,~~KAAK~~,~~GAAG~~,CAAC,IAAI,~~aAAa~~,~~CAAC~~,MAAM,~~CAAC~~,~~CAAC~~,~~CAAC~~,~~CAAC~~,~~CAAC~~,CAAC,~~CAAC~~,~~KAAK~~,~~GAAG~~,~~CAAC~~,CAAC~~,CAAC~~;~~QAChE~~,CAAC,~~EAAE,GAAG,~~CAAC~~,CAAC~~;~~IACZ~~,~~CAAC~~,~~CAAC~~;~~IACF~~,MAAM,~~aAAa~~,~~GAAG~~,~~GAAG,~~EAAE~~;QACvB~~,~~OAAO~~,~~MAAM~~,~~EAAE~~,~~CAAC;IACpB~~,CAAC~~,CAAC~~;~~IACF~~,OAAO,CACH,uCAAK,SAAS,EAAC,cAAc;QACzB,uCAAK,SAAS,EAAC,qBAAqB,GAAG;QACvC,uCAAK,SAAS,EAAC,+BAA+B,GAAG;QACjD,uCAAK,SAAS,EAAC,+BAA+B,GAAG;QACjD,uCAAK,SAAS,EAAC,+BAA+B,GAAG;~~QAEjD~~,~~uCAAK~~,~~KAAK~~,~~EAAC,KAAK,EAAC,OAAO,EAAC,WAAW~~;~~YAChC~~,~~qCAAG~~,~~IAAI~~,~~EAAC,0BAA0B~~;~~gBAC9B~~,~~8BAAC~~,~~YAAM,IAAC,~~KAAK,~~QAAC,IAAI,~~EAAE,EAAE,~~CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,aAAa,IAC5D,CAAC,EAAE,CAAC,EAAO,EAAE,EAAE,CAAC,8BAAC,cAAQ,CAAC,IAAI,IAAC,~~SAAS,~~EAAC,qBAAqB,EAAC,CAAC,~~EAAE,~~aAAa,CAAC,~~MAAM,~~CAAC,CAAC,CAAC,CAAC,CAAC,~~EAAE~~,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAI,CAC9H,CACT,CACF~~;~~QACN~~,~~uCAAK,SAAS,EAAC,YAAY;YACvB,~~8BAAC,cAAI,QAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAQ,CACxC,CACJ,CACT,CAAC;AACN,CAAC;~~AAhDD~~,~~8BAgDC~~","sourcesContent":["import { animated, ~~Spring~~ } from '@react-spring/web';\nimport React, ~~{ useEffect, useState }~~ from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport Text from '@/components/generic/Text';\nimport { Translation } from '@/translations/Translation';\n\nconst ~~paths~~ = [\n ~~'M21~~ ~~16V14L13~~ ~~9V3~~.~~5C13 2~~.67 ~~12.33~~ 2 ~~11.5~~ ~~2C10.67~~ 2 10 2.67 10 3.~~5V9L2~~ ~~14V16L10~~ 13.~~5V19L8~~ 20.~~5V22L11~~.5 ~~21L15~~ ~~22V20~~.~~5L13~~ ~~19V13~~.~~5L21~~ ~~16Z',\n 'M20~~.57 14.~~86L22~~ 13.~~43L20~~.57 ~~12L17~~ 15.~~57L8~~.43 ~~7L12~~ 3.~~43L10~~.57 ~~2L9~~.14 3.~~43L7~~.71 ~~2L5~~.57 4.~~14L4~~.14 2.~~71L2~~.71 4.~~14L4~~.14 5.~~57L2~~ 7.~~71L3.43~~ 9.~~14L2~~ 10.~~57L3.43~~ ~~12L7~~ 8.~~43L15~~.57 ~~17L12~~ 20.~~57L13~~.43 ~~22L14~~.86 20.~~57L16~~.29 ~~22L18~~.43 19.~~86L19~~.86 21.~~29L21~~.29 19.~~86L19~~.86 18.~~43L22~~ 16.~~29L20.57~~ 14.~~86Z',\n 'M10~~ 15.~~27L16~~.18 ~~19L14~~.54 11.~~97L20~~ 7.~~24L12~~.81 6.~~63L10~~ ~~0L7~~.19 6.~~63L0~~ 7.~~24L5~~.46 11.~~97L3~~.82 ~~19L10~~ 15.~~27Z',\~~n~~];\~~n\~~nconst~~ ~~local:~~ ~~any[]~~ = ~~[];\n~~\~~nexport~~ ~~default~~ ~~function~~ ~~LargeLoader~~() {\n ~~const~~ ~~[interpolators,~~ ~~setInterpolators]~~ = ~~useState<any[]>~~([]);\n const ~~[index,~~ ~~setIndex]~~ = ~~useState~~(0);\n ~~const~~ { t } = ~~useTranslation~~();\n\n ~~useEffect~~(~~() => {~~\n ~~if (local~~.~~length~~ ~~===~~ 0) {\n ~~for~~ ~~(let~~ i = 0; i < ~~paths.length;~~ ~~i++) {~~\n ~~const~~ ~~nextIndex~~ = ~~paths[i~~ + 1] \|\| ~~paths[0];\n\n if~~ ~~(typeof~~ ~~jest~~ ~~===~~ ~~'undefined')~~ ~~{\n //~~ ~~local~~.~~push(interpolate(paths[i],~~ ~~nextIndex,~~ { ~~maxSegmentLength:~~ 0.1 ~~}));\n\n setInterpolators(local);\n }\n }\n }~~ ~~else~~ ~~{\n setInterpolators(local);\n }\n },~~ ~~[]);\n\n const~~ ~~goNext~~ = () => ~~{\n setTimeout(()~~ => ~~{\n setIndex(index~~ + 1 >= ~~interpolators~~.~~length~~ ? 0 : ~~index~~ + 1);\n ~~}, 300~~);\n };\n ~~const~~ ~~onRestHandler~~ = () => {\n ~~return~~ ~~goNext~~();\n ~~};\~~n return (\n <div className=\"large-loader\">\n <div className=\"large-loader-circle\" />\n <div className=\"large-loader-circle --delay-2\" />\n <div className=\"large-loader-circle --delay-4\" />\n <div className=\"large-loader-circle --delay-6\" />\n\n <~~svg~~ ~~width=\"180\" viewBox=\"0 0 22 22\">\~~n <g ~~fill=\"var(--rs-color-accent-1)\">\~~n <~~Spring~~ ~~reset from~~={{ t: ~~0 }} to={{ t: 1 }} onRest={onRestHandler}>\n {({ t }: any) => <animated.path className=\"c~~-~~image-blank-slate\"~~ ~~d={interpolators.length ? t.to(interpolators[index]) : paths[0]~~} />}~~\n </Spring~~>\n ~~</g>\n </svg>\n~~ <~~div className=\"u-marg-top\">\n <~~Text>{t(Translation.Misc.Loading)}</Text>\n </div>\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"LargeLoader.js","sourceRoot":"/","sources":["src/components/generic/loader/LargeLoader.tsx"],"names":[],"mappings":";;;;;AAAA,2CAAwD;AACxD,kDAA0B;AAC1B,iDAA+C;AAE/C,qEAA6C;AAC7C,4DAAyD;AAEzD,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,CACvB,uCAAK,SAAS,EAAC,eAAe;IAC1B,uCAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;QAC1F,wCACI,CAAC,EAAC,6oBAA6oB,EAC/oB,MAAM,EAAC,0BAA0B,EACjC,WAAW,EAAE,CAAC,EACd,aAAa,EAAC,OAAO,GACvB;QACF,wCAAM,CAAC,EAAC,2DAA2D,EAAC,MAAM,EAAC,0BAA0B,EAAC,WAAW,EAAE,CAAC,EAAE,aAAa,EAAC,OAAO,GAAG;QAC9I,wCAAM,CAAC,EAAC,cAAc,EAAC,MAAM,EAAC,0BAA0B,EAAC,WAAW,EAAE,CAAC,EAAE,aAAa,EAAC,OAAO,GAAG,CAC/F,CACJ,CACT,CAAC;AAEF,MAAM,YAAY,GAAG,GAAG,EAAE;IACtB,MAAM,WAAW,GAAG,IAAA,eAAS,EAAC;QAC1B,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;QACzB,IAAI,EAAE,EAAE,SAAS,EAAE,mBAAmB,EAAE;QACxC,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,EAAE,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;KAC7E,CAAC,CAAC;IAEH,OAAO,CACH,8BAAC,cAAQ,CAAC,GAAG,IAAC,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,WAAW;QACtD,uCAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;YAC1F,wCACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,uUAAuU,EACzU,IAAI,EAAC,0BAA0B,EAC/B,MAAM,EAAC,0BAA0B,EACjC,WAAW,EAAE,CAAC,GAChB,CACA,CACK,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,SAAwB,WAAW;IAC/B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH,uCAAK,SAAS,EAAC,cAAc;QACzB,uCAAK,SAAS,EAAC,qBAAqB,GAAG;QACvC,uCAAK,SAAS,EAAC,+BAA+B,GAAG;QACjD,uCAAK,SAAS,EAAC,+BAA+B,GAAG;QACjD,uCAAK,SAAS,EAAC,+BAA+B,GAAG;QACjD,8BAAC,YAAY,OAAG;QAChB,8BAAC,YAAY,OAAG;QAChB,uCAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE;YAC7B,8BAAC,cAAI,QAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAQ,CACxC,CACJ,CACT,CAAC;AACN,CAAC;AAhBD,8BAgBC","sourcesContent":["import { animated, useSpring } from '@react-spring/web';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport Text from '@/components/generic/Text';\nimport { Translation } from '@/translations/Translation';\n\nconst BuildingIcon = () => (\n <div className=\"building-icon\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width={96} height={96} viewBox=\"0 0 96 96\" fill=\"none\">\n <path\n d=\"M12 84H16M84 84H80M16 84V33.6C16 30.2397 16 28.5595 16.654 27.2761C17.2292 26.1471 18.1471 25.2292 19.2761 24.654C20.5595 24 22.2397 24 25.6 24H27.2C28.8802 24 29.7202 24 30.362 23.673C30.9265 23.3854 31.3854 22.9265 31.673 22.362C32 21.7202 32 20.8802 32 19.2V17.6C32 14.2397 32 12.5595 32.654 11.2761C33.2292 10.1471 34.1471 9.2292 35.2761 8.65396C36.5595 8 38.2397 8 41.6 8L54.4 8C57.7603 8 59.4405 8 60.7239 8.65396C61.8529 9.2292 62.7708 10.1471 63.346 11.2761C64 12.5595 64 14.2397 64 17.6V32M16 84H64M64 84V32M64 84H80M64 32H75.2C76.8802 32 77.7202 32 78.362 32.327C78.9265 32.6146 79.3854 33.0735 79.673 33.638C80 34.2798 80 35.1198 80 36.8V84\"\n stroke=\"var(--rs-color-accent-1)\"\n strokeWidth={9}\n strokeLinecap=\"round\"\n />\n <path d=\"M32.0001 40H48.0001M32.0001 54H48.0001M32.0001 68H48.0001\" stroke=\"var(--rs-color-accent-1)\" strokeWidth={9} strokeLinecap=\"round\" />\n <path d=\"M48 26.04V26\" stroke=\"var(--rs-color-accent-1)\" strokeWidth={9} strokeLinecap=\"round\" />\n </svg>\n </div>\n);\n\nconst LocationIcon = () => {\n const springProps = useSpring({\n loop: true,\n config: { duration: 900 },\n from: { transform: 'translateY(-20px)' },\n to: [{ transform: 'translateY(0px)' }, { transform: 'translateY(-20px)' }],\n });\n\n return (\n <animated.div className=\"location-icon\" style={springProps}>\n <svg xmlns=\"http://www.w3.org/2000/svg\" width={48} height={48} viewBox=\"0 0 48 48\" fill=\"none\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M40.0001 20C40.0001 28.8366 28.0001 44 24.0001 44C20.0001 44 8.00006 28.8366 8.00006 20C8.00006 11.1634 15.1635 4 24.0001 4C32.8366 4 40.0001 11.1634 40.0001 20ZM24.0001 28C28.4183 28 32.0001 24.4183 32.0001 20C32.0001 15.5817 28.4183 12 24.0001 12C19.5818 12 16.0001 15.5817 16.0001 20C16.0001 24.4183 19.5818 28 24.0001 28Z\"\n fill=\"var(--rs-color-accent-1)\"\n stroke=\"var(--rs-color-accent-1)\"\n strokeWidth={6}\n />\n </svg>\n </animated.div>\n );\n};\n\nexport default function LargeLoader() {\n const { t } = useTranslation();\n\n return (\n <div className=\"large-loader\">\n <div className=\"large-loader-circle\" />\n <div className=\"large-loader-circle --delay-2\" />\n <div className=\"large-loader-circle --delay-4\" />\n <div className=\"large-loader-circle --delay-6\" />\n <LocationIcon />\n <BuildingIcon />\n <div style={{ marginTop: '-8px' }}>\n <Text>{t(Translation.Misc.Loading)}</Text>\n </div>\n </div>\n );\n}\n"]}

package/dist/src/components/graphics/EmptyGraphic.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { Color } from '../../util/Color';
+type EmptyGraphicProps = JSX.IntrinsicElements['svg'] & {
+    color?: Color;
+};
+declare const EmptyGraphic: FC<EmptyGraphicProps>;
+export default EmptyGraphic;

package/dist/src/components/graphics/EmptyGraphic.js ADDED Viewed

@@ -0,0 +1,92 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const Color_1 = require("../../util/Color");
+const EmptyGraphic = (_a) => {
+    var { color = Color_1.Color.Accent } = _a, svgProps = __rest(_a, ["color"]);
+    return (react_1.default.createElement("svg", Object.assign({ width: "276", height: "234", viewBox: "0 0 276 234", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, svgProps),
+        react_1.default.createElement("path", { d: "M186.549 16.4078L49.074 76.6493C37.0757 81.9072 35.2662 98.1845 45.8207 105.945L166.722 194.894C177.273 202.657 192.275 196.085 193.718 183.069L210.293 33.8812C211.739 20.8545 198.547 11.1498 186.549 16.4078Z", fill: color }),
+        react_1.default.createElement("path", { d: "M231.487 201.546H30.5637C30.4179 201.546 30.278 201.488 30.1748 201.385C30.0717 201.282 30.0137 201.142 30.0137 200.996C30.0137 200.85 30.0717 200.71 30.1748 200.607C30.278 200.504 30.4179 200.446 30.5637 200.446H231.487C231.633 200.446 231.773 200.504 231.876 200.607C231.979 200.71 232.037 200.85 232.037 200.996C232.037 201.142 231.979 201.282 231.876 201.385C231.773 201.488 231.633 201.546 231.487 201.546Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M156.112 92.2032L162.971 69.5378C163.066 69.2214 163.231 68.93 163.452 68.6843C163.673 68.4387 163.946 68.2449 164.25 68.1167C164.555 67.9885 164.884 67.9292 165.214 67.9428C165.545 67.9565 165.868 68.0429 166.161 68.1957L173.564 72.0457C173.884 72.2123 174.159 72.4535 174.366 72.749C174.573 73.0445 174.706 73.3855 174.754 73.7432C174.801 74.1009 174.762 74.4647 174.639 74.804C174.516 75.1433 174.313 75.4479 174.048 75.6923L156.112 92.2032Z", fill: "#FB6D6D" }),
+        react_1.default.createElement("path", { d: "M154.355 91.315L173.924 79.1325C174.228 78.9435 174.57 78.8254 174.926 78.7868C175.282 78.7481 175.642 78.7901 175.979 78.9095C176.316 79.0289 176.622 79.2226 176.874 79.4764C177.127 79.7302 177.318 80.0375 177.436 80.3755L180.032 87.8912C180.155 88.2481 180.192 88.6291 180.139 89.0029C180.086 89.3768 179.945 89.7327 179.728 90.0415C179.511 90.3503 179.224 90.6031 178.89 90.779C178.556 90.955 178.185 91.0492 177.807 91.0537L154.355 91.315Z", fill: "#FB6D6D" }),
+        react_1.default.createElement("path", { d: "M126.685 133.255C135.796 133.255 143.182 125.869 143.182 116.758C143.182 107.647 135.796 100.261 126.685 100.261C117.573 100.261 110.187 107.647 110.187 116.758C110.187 125.869 117.573 133.255 126.685 133.255Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M91.1793 45.0435H26.3948C22.2789 45.0435 18.9423 48.3801 18.9423 52.496V81.1785C18.9423 85.2944 22.2789 88.631 26.3948 88.631H91.1793C95.2952 88.631 98.6318 85.2944 98.6318 81.1785V52.496C98.6318 48.3801 95.2952 45.0435 91.1793 45.0435Z", fill: "white" }),
+        react_1.default.createElement("path", { d: "M91.1793 89.181H26.3975C24.2751 89.1788 22.2402 88.3347 20.7394 86.8339C19.2386 85.3331 18.3945 83.2982 18.3923 81.1758V52.4988C18.3945 50.3763 19.2386 48.3414 20.7394 46.8406C22.2402 45.3398 24.2751 44.4957 26.3975 44.4935H91.1793C93.3012 44.4964 95.3354 45.3408 96.8357 46.8416C98.3359 48.3423 99.1796 50.3768 99.1818 52.4988V81.1758C99.1796 83.2977 98.3359 85.3322 96.8357 86.8329C95.3354 88.3337 93.3012 89.1781 91.1793 89.181ZM26.3975 45.5935C24.5666 45.595 22.8111 46.3229 21.5164 47.6176C20.2217 48.9123 19.4937 50.6678 19.4923 52.4988V81.1758C19.4937 83.0067 20.2217 84.7622 21.5164 86.0569C22.8111 87.3516 24.5666 88.0795 26.3975 88.081H91.1793C93.0097 88.0788 94.7646 87.3505 96.0586 86.0559C97.3527 84.7613 98.0803 83.0062 98.0818 81.1758V52.4988C98.0803 50.6683 97.3527 48.9132 96.0586 47.6186C94.7646 46.324 93.0097 45.5957 91.1793 45.5935H26.3975Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M88.0333 56.7063H58.237C57.0539 56.7063 56.0948 57.6654 56.0948 58.8485V60.5123C56.0948 61.6954 57.0539 62.6545 58.237 62.6545H88.0333C89.2164 62.6545 90.1755 61.6954 90.1755 60.5123V58.8485C90.1755 57.6654 89.2164 56.7063 88.0333 56.7063Z", fill: "#FFBB45" }),
+        react_1.default.createElement("path", { d: "M88.7537 70.184H57.5192C57.3734 70.184 57.2335 70.1261 57.1303 70.0229C57.0272 69.9198 56.9692 69.7799 56.9692 69.634C56.9692 69.4881 57.0272 69.3482 57.1303 69.2451C57.2335 69.1419 57.3734 69.084 57.5192 69.084H88.7537C88.8996 69.084 89.0395 69.1419 89.1426 69.2451C89.2458 69.3482 89.3037 69.4881 89.3037 69.634C89.3037 69.7799 89.2458 69.9198 89.1426 70.0229C89.0395 70.1261 88.8996 70.184 88.7537 70.184Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M84.3565 77.2515H57.5192C57.3734 77.2515 57.2335 77.1936 57.1303 77.0904C57.0272 76.9873 56.9692 76.8474 56.9692 76.7015C56.9692 76.5556 57.0272 76.4157 57.1303 76.3126C57.2335 76.2094 57.3734 76.1515 57.5192 76.1515H84.3565C84.5023 76.1515 84.6422 76.2094 84.7454 76.3126C84.8485 76.4157 84.9065 76.5556 84.9065 76.7015C84.9065 76.8474 84.8485 76.9873 84.7454 77.0904C84.6422 77.1936 84.5023 77.2515 84.3565 77.2515Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M176.02 147.489C185.545 147.489 193.268 139.816 193.268 130.351C193.268 120.886 185.545 113.213 176.02 113.213C166.494 113.213 158.772 120.886 158.772 130.351C158.772 139.816 166.494 147.489 176.02 147.489Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M158.772 124.367C168.297 124.367 176.02 116.694 176.02 107.229C176.02 97.7642 168.297 90.0912 158.772 90.0912C149.246 90.0912 141.523 97.7642 141.523 107.229C141.523 116.694 149.246 124.367 158.772 124.367Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M143.619 104.477H133.136C130.555 104.477 128 103.968 125.616 102.981C123.232 101.993 121.066 100.545 119.241 98.7205C117.417 96.8957 115.969 94.7293 114.982 92.3451C113.995 89.9609 113.487 87.4055 113.487 84.825V71.416C113.491 68.3335 114.718 65.3786 116.899 63.2004C119.081 61.0223 122.037 59.7993 125.12 59.8H139.274C144.07 59.8 148.67 61.7053 152.061 65.0967C155.453 68.4881 157.358 73.0878 157.358 77.884V90.7623C157.357 92.5649 157 94.3496 156.309 96.0145C155.617 97.6793 154.605 99.1917 153.329 100.465C152.053 101.739 150.539 102.748 148.873 103.437C147.207 104.125 145.422 104.478 143.619 104.477Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M117.824 64.3925C117.824 64.3925 111.604 65.311 109.97 78.467C109.777 80.074 109.083 81.5796 107.987 82.7707L106.986 83.8542C106.734 84.127 106.59 84.4828 106.583 84.8543C106.575 85.2258 106.704 85.5872 106.945 85.87L108.301 87.465L107.616 95.88C107.616 95.88 106.241 104.848 116.798 104.57H123.514V113.873H144.62V97.882C144.62 97.882 149.43 97.057 150.304 92.3215C150.525 91.1378 150.475 89.9194 150.158 88.7578C149.841 87.5961 149.265 86.5214 148.473 85.6142C146.897 83.8295 144.12 82.3143 139.546 84.4482C139.549 84.4482 121.383 88.0948 117.824 64.3925Z", fill: "white" }),
+        react_1.default.createElement("path", { d: "M143.182 94.3538C142.747 94.3538 142.321 94.2247 141.959 93.983C141.598 93.7412 141.316 93.3977 141.149 92.9957C140.983 92.5937 140.939 92.1513 141.024 91.7246C141.109 91.2978 141.318 90.9058 141.626 90.5981C141.934 90.2904 142.326 90.0809 142.753 89.996C143.179 89.9111 143.622 89.9547 144.024 90.1212C144.426 90.2877 144.769 90.5697 145.011 90.9315C145.253 91.2933 145.382 91.7186 145.382 92.1538C145.382 92.7372 145.15 93.2968 144.737 93.7094C144.325 94.122 143.765 94.3538 143.182 94.3538ZM143.182 91.0373C142.964 91.0373 142.752 91.1018 142.571 91.2226C142.39 91.3435 142.249 91.5153 142.165 91.7163C142.082 91.9173 142.06 92.1385 142.103 92.3519C142.145 92.5652 142.25 92.7612 142.404 92.9151C142.558 93.0689 142.754 93.1737 142.967 93.2161C143.181 93.2586 143.402 93.2368 143.603 93.1535C143.804 93.0703 143.976 92.9293 144.096 92.7484C144.217 92.5675 144.282 92.3548 144.282 92.1373C144.282 91.8455 144.166 91.5657 143.96 91.3594C143.753 91.1531 143.473 91.0373 143.182 91.0373Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M141.524 92.6955C141.38 92.6956 141.243 92.6399 141.14 92.5403C141.038 92.4407 140.978 92.305 140.974 92.162C140.935 91.0262 141.273 90.1078 141.983 89.4313C143.391 88.0893 145.742 88.2597 145.833 88.268C145.979 88.2793 146.114 88.3481 146.209 88.4592C146.304 88.5704 146.351 88.7148 146.34 88.8606C146.329 89.0065 146.26 89.1419 146.149 89.2371C146.038 89.3322 145.893 89.3793 145.747 89.368C145.728 89.368 143.778 89.2305 142.722 90.237C142.247 90.6935 142.03 91.3123 142.057 92.1318C142.06 92.2042 142.048 92.2765 142.022 92.3444C141.997 92.4122 141.958 92.4744 141.909 92.5273C141.859 92.5802 141.8 92.6228 141.733 92.6526C141.667 92.6824 141.596 92.6989 141.524 92.701V92.6955Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M120.038 84.4318C120.756 84.4318 121.338 83.8494 121.338 83.131C121.338 82.4126 120.756 81.8302 120.038 81.8302C119.319 81.8302 118.737 82.4126 118.737 83.131C118.737 83.8494 119.319 84.4318 120.038 84.4318Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M115.47 95.4015C114.94 95.4036 114.416 95.2988 113.927 95.0935C112.346 94.4253 111.284 92.6625 111.287 90.71C111.288 90.5463 111.324 90.3847 111.394 90.2365C111.464 90.0884 111.565 89.9573 111.691 89.8524C111.817 89.7476 111.964 89.6716 112.122 89.6297C112.281 89.5878 112.446 89.5811 112.607 89.61L119.166 90.7815C119.334 90.8125 119.492 90.8811 119.629 90.9822C119.767 91.0833 119.879 91.2142 119.959 91.3651C120.038 91.516 120.082 91.6829 120.088 91.8533C120.094 92.0238 120.06 92.1932 119.991 92.349C119.149 94.219 117.288 95.4015 115.47 95.4015ZM112.409 90.6798C112.406 90.6877 112.406 90.6966 112.409 90.7045C112.409 92.2225 113.198 93.5755 114.378 94.076C116.188 94.8405 118.272 93.526 119.012 91.876L118.995 91.843L112.434 90.6715L112.409 90.6798Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M123.341 104.581H133.425C133.514 104.582 133.601 104.613 133.67 104.67C133.739 104.727 133.786 104.805 133.804 104.893C133.822 104.98 133.81 105.071 133.769 105.151C133.728 105.23 133.661 105.293 133.579 105.329L123.341 109.701V104.581Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M123.341 113.659C123.338 113.157 123.498 112.668 123.795 112.264C124.092 111.86 124.511 111.562 124.991 111.415C125.357 111.304 125.734 111.228 126.115 111.189C127.556 111.056 128.999 111.413 130.21 112.204C131.222 111.42 132.464 110.994 133.744 110.991C135.023 110.988 136.268 111.408 137.283 112.187C138.307 111.5 139.504 111.113 140.737 111.071C141.511 111.05 142.282 111.167 143.014 111.418C143.47 111.577 143.865 111.874 144.145 112.269C144.424 112.663 144.574 113.134 144.573 113.618V118.43H123.341V113.659Z", fill: "#C7B8F8" }),
+        react_1.default.createElement("path", { d: "M205.211 183.082L83.867 182.981L89.246 133.736C89.756 129.07 91.9683 124.755 95.4597 121.616C98.9512 118.478 103.477 116.736 108.172 116.725L158.334 116.599C164.187 116.584 169.91 118.319 174.77 121.58C179.63 124.841 183.406 129.479 185.612 134.9C195.787 158.297 203.148 175.38 203.951 177.406C204.333 178.4 204.64 179.422 204.867 180.462C205.045 181.326 205.16 182.202 205.211 183.082Z", fill: "#C7B8F8" }),
+        react_1.default.createElement("path", { d: "M168.498 183.019H106.299V140.865H153.239C153.88 140.865 154.504 141.07 155.02 141.45C155.536 141.831 155.917 142.367 156.107 142.979L168.498 183.019Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M153.23 141.415C153.099 141.416 152.972 141.371 152.871 141.288C152.77 141.204 152.703 141.087 152.68 140.958C152.526 140.048 148.987 118.653 156.371 116.081C156.509 116.033 156.66 116.042 156.791 116.105C156.923 116.169 157.024 116.282 157.072 116.42C157.12 116.558 157.112 116.709 157.048 116.84C156.985 116.972 156.872 117.073 156.734 117.121C151.324 119.002 152.757 134.834 153.766 140.771C153.779 140.842 153.777 140.915 153.761 140.986C153.745 141.057 153.715 141.123 153.673 141.182C153.631 141.241 153.578 141.291 153.517 141.33C153.455 141.368 153.387 141.394 153.315 141.406C153.287 141.411 153.259 141.414 153.23 141.415Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M107.674 141.415C107.55 141.415 107.429 141.373 107.332 141.296C107.235 141.219 107.166 141.112 107.138 140.991C105.701 135.005 105.663 128.768 107.025 122.764C107.519 120.627 108.192 118.535 109.038 116.511C109.097 116.38 109.204 116.277 109.337 116.225C109.47 116.172 109.619 116.174 109.751 116.229C109.883 116.284 109.989 116.388 110.045 116.52C110.101 116.652 110.104 116.8 110.053 116.934C109.231 118.901 108.577 120.934 108.097 123.012C106.772 128.851 106.811 134.918 108.21 140.741C108.226 140.811 108.229 140.884 108.217 140.955C108.205 141.027 108.179 141.095 108.141 141.156C108.102 141.218 108.052 141.271 107.993 141.313C107.935 141.355 107.868 141.385 107.798 141.401C107.757 141.411 107.715 141.415 107.674 141.415Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M99.8115 107.023C99.2396 106.284 98.5834 105.614 97.8562 105.026L97.826 104.999C96.4659 103.792 95.2844 102.397 94.317 100.857C93.459 99.4825 92.942 98.0745 92.1005 95.9075C91.6797 94.8295 91.3827 93.9825 91.2177 93.5095C89.257 87.8775 87.97 82.8285 85.979 82.1025C85.6792 82.0008 85.3679 81.937 85.0522 81.9128C84.6321 81.8734 84.2083 81.9185 83.8059 82.0456C83.4035 82.1726 83.0306 82.379 82.7092 82.6525C82.4961 82.8344 82.3108 83.0466 82.1592 83.2823C81.3892 84.506 81.7715 86.2798 82.5607 89.775C82.6872 90.325 82.8 90.7788 82.8742 91.0813L84.472 98.4073C84.472 98.4073 80.545 99.2955 80.765 102.409C80.765 102.409 77.135 100.258 75.727 104.482C75.727 104.482 71.1345 104.853 72.4682 109.891C72.4682 109.891 74.319 116.634 77.0607 116.857C77.0607 116.857 76.5437 127.378 85.286 131.982L99.586 130.184L100.526 126.108C103.001 115.383 101.885 111.904 101.47 110.617C101.068 109.355 100.511 108.148 99.8115 107.023Z", fill: "white" }),
+        react_1.default.createElement("path", { d: "M87.1395 126.017C87.0527 126.017 86.9671 125.997 86.8897 125.958C86.8122 125.919 86.7452 125.862 86.694 125.792C85.0429 123.55 84.0179 120.91 83.724 118.141C83.0997 111.816 86.7132 107.141 88.1927 105.532L87.046 102.573C86.9332 102.274 86.7875 101.891 86.6252 101.512C85.715 99.3972 85.3052 97.6207 85.4097 96.2292C85.4393 95.809 85.5537 95.3991 85.7461 95.0243C85.9385 94.6495 86.2048 94.3175 86.529 94.0485C86.8464 93.7837 87.2144 93.5862 87.6106 93.468C88.0068 93.3498 88.4228 93.3134 88.8335 93.361C91.325 93.636 92.8155 96.485 92.8787 96.6032C92.912 96.6675 92.9322 96.7377 92.9383 96.8098C92.9444 96.8819 92.9362 96.9545 92.9143 97.0235C92.8923 97.0924 92.857 97.1564 92.8103 97.2117C92.7636 97.267 92.7065 97.3125 92.6422 97.3457C92.5779 97.379 92.5077 97.3992 92.4356 97.4053C92.3635 97.4114 92.2909 97.4032 92.222 97.3813C92.153 97.3593 92.0891 97.324 92.0338 97.2773C91.9785 97.2306 91.933 97.1735 91.8997 97.1092C91.8997 97.0845 90.6155 94.6645 88.7125 94.4555C88.4485 94.4245 88.181 94.4476 87.9261 94.5232C87.6713 94.5989 87.4346 94.7255 87.2302 94.8955C87.0201 95.0703 86.8476 95.2859 86.7233 95.5294C86.5989 95.7728 86.5253 96.039 86.507 96.3117C86.4162 97.5245 86.7957 99.1277 87.6345 101.077C87.8077 101.476 87.959 101.878 88.0745 102.177L89.4715 105.78L89.2267 106.033C88.036 107.268 84.2025 111.78 84.8267 118.028C85.0976 120.6 86.0467 123.053 87.5767 125.137C87.6625 125.255 87.6982 125.401 87.6761 125.545C87.6539 125.689 87.5757 125.818 87.4585 125.904C87.3666 125.975 87.255 126.014 87.1395 126.017Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M118.291 180.332C114.567 180.087 110.83 180.531 107.267 181.641C94.009 185.819 88.1267 198.062 86.8782 200.834L118.291 200.996V180.332Z", fill: "white" }),
+        react_1.default.createElement("path", { d: "M118.842 201.549L86.0285 201.378L86.375 200.608C88.4265 196.065 94.548 185.074 107.102 181.116C110.729 179.985 114.533 179.533 118.325 179.783L118.842 179.816V201.549ZM87.739 200.289L117.742 200.443V180.852C114.254 180.682 110.764 181.13 107.432 182.175C95.9615 185.78 90.0298 195.513 87.739 200.289Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M82.2197 118.375C81.6827 118.38 81.1514 118.264 80.666 118.034C80.0613 117.738 79.5489 117.282 79.1837 116.717C78.9952 116.947 78.7599 117.134 78.4935 117.267C77.988 117.506 77.4095 117.541 76.8792 117.363C76.8113 117.338 76.749 117.3 76.6957 117.252C76.6424 117.203 76.5993 117.144 76.5688 117.078C76.5383 117.013 76.521 116.942 76.5178 116.87C76.5147 116.798 76.5259 116.726 76.5506 116.658C76.5753 116.59 76.6132 116.527 76.662 116.474C76.7109 116.421 76.7697 116.378 76.8352 116.347C76.9007 116.317 76.9716 116.299 77.0438 116.296C77.116 116.293 77.1881 116.304 77.256 116.329C77.5069 116.404 77.7767 116.386 78.015 116.277C78.1812 116.17 78.3244 116.031 78.4363 115.868C78.5482 115.705 78.6265 115.522 78.6667 115.328L79.2167 113.538L79.731 115.336C79.731 115.336 80.0967 116.538 81.1582 117.039C81.9117 117.396 82.8687 117.333 84.0017 116.854C84.0687 116.823 84.1413 116.805 84.2153 116.802C84.2893 116.8 84.363 116.812 84.4322 116.838C84.5013 116.865 84.5644 116.905 84.6177 116.956C84.671 117.008 84.7133 117.069 84.7422 117.137C84.7711 117.205 84.7859 117.279 84.7858 117.353C84.7857 117.427 84.7707 117.5 84.7416 117.568C84.7125 117.636 84.67 117.698 84.6166 117.749C84.5631 117.8 84.4999 117.84 84.4307 117.866C83.7351 118.182 82.9833 118.355 82.2197 118.375Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M79.192 116.043C79.0753 116.043 78.9618 116.005 78.8679 115.936C78.774 115.867 78.7045 115.769 78.6695 115.658L75.199 104.641C75.1553 104.502 75.1686 104.351 75.2362 104.222C75.3037 104.092 75.42 103.995 75.5593 103.951C75.6986 103.907 75.8495 103.921 75.979 103.988C76.1084 104.056 76.2058 104.172 76.2495 104.311L79.7063 115.328C79.728 115.397 79.7359 115.47 79.7296 115.542C79.7232 115.614 79.7028 115.684 79.6693 115.748C79.6358 115.812 79.5901 115.869 79.5346 115.915C79.4791 115.962 79.415 115.997 79.346 116.018C79.2961 116.034 79.2443 116.042 79.192 116.043Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M84.637 113.763C84.5236 113.763 84.4131 113.728 84.3206 113.662C84.228 113.597 84.158 113.504 84.12 113.397L80.2562 102.587C80.2319 102.519 80.2211 102.447 80.2247 102.375C80.2282 102.303 80.2459 102.232 80.2768 102.166C80.3077 102.101 80.3512 102.042 80.4047 101.994C80.4583 101.945 80.5209 101.908 80.589 101.883C80.6571 101.859 80.7293 101.848 80.8015 101.852C80.8737 101.855 80.9445 101.873 81.0099 101.904C81.0753 101.935 81.1339 101.978 81.1825 102.032C81.2311 102.085 81.2686 102.148 81.293 102.216L85.143 113.029C85.1725 113.112 85.1817 113.201 85.1696 113.288C85.1575 113.376 85.1246 113.459 85.0737 113.531C85.0227 113.603 84.9552 113.662 84.8768 113.702C84.7984 113.743 84.7114 113.763 84.6232 113.763H84.637Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M228.635 52.9552H192.651C187.433 52.9552 183.202 57.1851 183.202 62.4029C183.202 67.6207 187.433 71.8505 192.651 71.8505H228.635C233.854 71.8505 238.084 67.6207 238.084 62.4029C238.084 57.1851 233.854 52.9552 228.635 52.9552Z", fill: "white" }),
+        react_1.default.createElement("path", { d: "M228.649 72.4032H192.649C189.997 72.4032 187.454 71.3498 185.578 69.4746C183.703 67.5994 182.65 65.0561 182.65 62.4042C182.65 59.7523 183.703 57.2091 185.578 55.3339C187.454 53.4587 189.997 52.4052 192.649 52.4052H228.649C231.301 52.4052 233.844 53.4587 235.719 55.3339C237.595 57.2091 238.648 59.7523 238.648 62.4042C238.648 65.0561 237.595 67.5994 235.719 69.4746C233.844 71.3498 231.301 72.4032 228.649 72.4032ZM192.649 53.5052C190.289 53.5052 188.025 54.4428 186.356 56.1117C184.687 57.7806 183.75 60.0441 183.75 62.4042C183.75 64.7644 184.687 67.0279 186.356 68.6968C188.025 70.3657 190.289 71.3032 192.649 71.3032H228.649C231.009 71.3032 233.273 70.3657 234.942 68.6968C236.61 67.0279 237.548 64.7644 237.548 62.4042C237.548 60.0441 236.61 57.7806 234.942 56.1117C233.273 54.4428 231.009 53.5052 228.649 53.5052H192.649Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M195.69 65.4815C197.39 65.4815 198.768 64.1038 198.768 62.4042C198.768 60.7047 197.39 59.327 195.69 59.327C193.991 59.327 192.613 60.7047 192.613 62.4042C192.613 64.1038 193.991 65.4815 195.69 65.4815Z", fill: Color_1.Color.Success }),
+        react_1.default.createElement("path", { d: "M210.642 65.4815C212.342 65.4815 213.719 64.1038 213.719 62.4042C213.719 60.7047 212.342 59.327 210.642 59.327C208.942 59.327 207.565 60.7047 207.565 62.4042C207.565 64.1038 208.942 65.4815 210.642 65.4815Z", fill: Color_1.Color.Success }),
+        react_1.default.createElement("path", { d: "M225.594 65.4815C227.293 65.4815 228.671 64.1038 228.671 62.4042C228.671 60.7047 227.293 59.327 225.594 59.327C223.894 59.327 222.517 60.7047 222.517 62.4042C222.517 64.1038 223.894 65.4815 225.594 65.4815Z", fill: Color_1.Color.Success }),
+        react_1.default.createElement("path", { d: "M48.8678 104.751H31.3915C27.8133 104.751 24.9125 107.652 24.9125 111.23V128.707C24.9125 132.285 27.8133 135.186 31.3915 135.186H48.8678C52.446 135.186 55.3468 132.285 55.3468 128.707V111.23C55.3468 107.652 52.446 104.751 48.8678 104.751Z", fill: "white" }),
+        react_1.default.createElement("path", { d: "M48.865 135.736H31.3915C29.5277 135.733 27.7411 134.991 26.4235 133.673C25.1058 132.355 24.3647 130.568 24.3625 128.704V111.225C24.3647 109.361 25.1058 107.574 26.4235 106.256C27.7411 104.938 29.5277 104.196 31.3915 104.193H48.865C50.7293 104.195 52.5165 104.937 53.8348 106.255C55.153 107.573 55.8946 109.361 55.8967 111.225V128.696C55.8967 130.561 55.1562 132.351 53.8377 133.671C52.5192 134.991 50.7307 135.734 48.865 135.736ZM31.3915 105.301C29.8204 105.303 28.314 105.927 27.2026 107.038C26.0912 108.148 25.4654 109.654 25.4625 111.225V128.696C25.4639 130.268 26.089 131.776 27.2005 132.888C28.312 134 29.8192 134.625 31.3915 134.627H48.865C50.4375 134.625 51.945 134 53.057 132.888C54.1689 131.776 54.7946 130.268 54.7967 128.696V111.225C54.7953 109.652 54.1699 108.144 53.0578 107.032C51.9457 105.92 50.4377 105.295 48.865 105.293L31.3915 105.301Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M48.6175 114.995C48.2812 114.378 47.7793 113.866 47.1682 113.518C44.3605 111.948 41.5252 112.922 40.1365 114.962C38.7285 112.897 35.8382 111.921 32.9865 113.587C32.469 113.888 32.0366 114.316 31.7297 114.83C30.44 116.997 30.693 119.173 31.7765 120.721C31.796 120.749 31.8172 120.775 31.8397 120.8V120.814C31.8617 120.844 33.2422 122.445 34.1057 123.319C35.7542 124.925 37.4824 126.447 39.284 127.879C39.517 128.069 39.8084 128.172 40.109 128.172C40.4096 128.172 40.7009 128.069 40.934 127.879C42.4877 126.639 43.75 125.563 44.6877 124.741C45.4041 124.145 46.0803 123.502 46.7117 122.816C48.0592 121.328 51.0265 119.379 48.6175 114.995Z", fill: "#FB6D6D" }),
+        react_1.default.createElement("path", { d: "M247.577 93.3225H193.939C188.832 93.3225 184.693 97.4618 184.693 102.568V161.289C184.693 166.395 188.832 170.534 193.939 170.534H247.577C252.683 170.534 256.823 166.395 256.823 161.289V102.568C256.823 97.4618 252.683 93.3225 247.577 93.3225Z", fill: "white" }),
+        react_1.default.createElement("path", { d: "M247.577 171.312H193.939C191.341 171.309 188.852 170.276 187.015 168.44C185.179 166.603 184.146 164.113 184.143 161.516V102.795C184.146 100.198 185.179 97.7086 187.015 95.8723C188.852 94.0359 191.341 93.0029 193.939 93H247.577C250.174 93.0029 252.664 94.0359 254.501 95.8723C256.337 97.7086 257.37 100.198 257.373 102.795V161.516C257.37 164.113 256.337 166.603 254.501 168.44C252.664 170.276 250.174 171.309 247.577 171.312ZM193.939 94.1C191.633 94.1029 189.423 95.02 187.793 96.6501C186.163 98.2802 185.246 100.49 185.243 102.795V161.516C185.246 163.822 186.163 166.032 187.793 167.662C189.423 169.292 191.633 170.209 193.939 170.212H247.577C249.883 170.209 252.093 169.292 253.723 167.662C255.353 166.032 256.27 163.822 256.273 161.516V102.795C256.271 100.49 255.354 98.2795 253.723 96.6493C252.093 95.019 249.883 94.1022 247.577 94.1H193.939Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M202.714 124.36H195.539C193.457 124.36 191.769 126.048 191.769 128.13V135.305C191.769 137.387 193.457 139.075 195.539 139.075H202.714C204.796 139.075 206.484 137.387 206.484 135.305V128.13C206.484 126.048 204.796 124.36 202.714 124.36Z", fill: color }),
+        react_1.default.createElement("path", { d: "M202.714 102H195.539C193.457 102 191.769 103.688 191.769 105.77V112.945C191.769 115.027 193.457 116.715 195.539 116.715H202.714C204.796 116.715 206.484 115.027 206.484 112.945V105.77C206.484 103.688 204.796 102 202.714 102Z", fill: color }),
+        react_1.default.createElement("path", { d: "M202.714 146.698H195.539C193.457 146.698 191.769 148.386 191.769 150.468V157.643C191.769 159.725 193.457 161.413 195.539 161.413H202.714C204.796 161.413 206.484 159.725 206.484 157.643V150.468C206.484 148.386 204.796 146.698 202.714 146.698Z", fill: color }),
+        react_1.default.createElement("path", { d: "M248.782 128.138H215.567C215.421 128.138 215.282 128.08 215.178 127.977C215.075 127.874 215.017 127.734 215.017 127.588C215.017 127.442 215.075 127.302 215.178 127.199C215.282 127.096 215.421 127.038 215.567 127.038H248.782C248.928 127.038 249.068 127.096 249.171 127.199C249.274 127.302 249.332 127.442 249.332 127.588C249.332 127.734 249.274 127.874 249.171 127.977C249.068 128.08 248.928 128.138 248.782 128.138Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M248.782 105.778H215.567C215.421 105.778 215.282 105.721 215.178 105.617C215.075 105.514 215.017 105.374 215.017 105.228C215.017 105.083 215.075 104.943 215.178 104.84C215.282 104.736 215.421 104.678 215.567 104.678H248.782C248.928 104.678 249.068 104.736 249.171 104.84C249.274 104.943 249.332 105.083 249.332 105.228C249.332 105.374 249.274 105.514 249.171 105.617C249.068 105.721 248.928 105.778 248.782 105.778Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M236.041 136.237H215.567C215.421 136.237 215.282 136.179 215.178 136.076C215.075 135.973 215.017 135.833 215.017 135.687C215.017 135.541 215.075 135.401 215.178 135.298C215.282 135.195 215.421 135.137 215.567 135.137H236.041C236.187 135.137 236.327 135.195 236.43 135.298C236.533 135.401 236.591 135.541 236.591 135.687C236.591 135.833 236.533 135.973 236.43 136.076C236.327 136.179 236.187 136.237 236.041 136.237Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M236.041 113.877H215.567C215.421 113.877 215.282 113.819 215.178 113.716C215.075 113.613 215.017 113.473 215.017 113.327C215.017 113.181 215.075 113.041 215.178 112.938C215.282 112.835 215.421 112.777 215.567 112.777H236.041C236.187 112.777 236.327 112.835 236.43 112.938C236.533 113.041 236.591 113.181 236.591 113.327C236.591 113.473 236.533 113.613 236.43 113.716C236.327 113.819 236.187 113.877 236.041 113.877Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M248.782 150.556H215.567C215.421 150.556 215.282 150.498 215.178 150.395C215.075 150.292 215.017 150.152 215.017 150.006C215.017 149.86 215.075 149.72 215.178 149.617C215.282 149.514 215.421 149.456 215.567 149.456H248.782C248.928 149.456 249.068 149.514 249.171 149.617C249.274 149.72 249.332 149.86 249.332 150.006C249.332 150.152 249.274 150.292 249.171 150.395C249.068 150.498 248.928 150.556 248.782 150.556Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M236.041 158.655H215.567C215.421 158.655 215.282 158.597 215.178 158.494C215.075 158.391 215.017 158.251 215.017 158.105C215.017 157.959 215.075 157.819 215.178 157.716C215.282 157.613 215.421 157.555 215.567 157.555H236.041C236.187 157.555 236.327 157.613 236.43 157.716C236.533 157.819 236.591 157.959 236.591 158.105C236.591 158.251 236.533 158.391 236.43 158.494C236.327 158.597 236.187 158.655 236.041 158.655Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M181.674 206.62H122.109C121.2 206.62 120.3 206.441 119.46 206.094C118.62 205.746 117.857 205.237 117.214 204.594C116.571 203.952 116.062 203.189 115.714 202.349C115.366 201.51 115.187 200.61 115.187 199.701V188.28C115.187 184.205 116.806 180.298 119.688 177.417C122.569 174.535 126.476 172.916 130.551 172.916H195.044C197.743 172.916 200.331 173.988 202.239 175.896C204.147 177.804 205.219 180.392 205.219 183.091C205.218 186.182 204.608 189.242 203.424 192.097C202.24 194.953 200.506 197.547 198.319 199.732C196.133 201.917 193.538 203.649 190.681 204.831C187.825 206.013 184.764 206.621 181.674 206.62Z", fill: "#C7B8F8" }),
+        react_1.default.createElement("path", { d: "M89.5622 207.711C87.0963 207.66 84.6647 207.124 82.4061 206.133C80.1475 205.142 78.1062 203.716 76.3989 201.936C74.6915 200.156 73.3514 198.057 72.4552 195.76C71.559 193.462 71.1243 191.01 71.1757 188.544L72.2015 139.195C72.2614 136.361 73.4442 133.667 75.4899 131.705C77.5356 129.743 80.2767 128.673 83.1107 128.731L99.2945 129.07C102.126 129.131 104.818 130.314 106.777 132.36C108.737 134.405 109.804 137.144 109.744 139.976L108.73 189.325C108.679 191.791 108.142 194.223 107.151 196.481C106.16 198.74 104.734 200.781 102.954 202.488C101.174 204.196 99.0756 205.536 96.7778 206.432C94.48 207.328 92.0281 207.763 89.5622 207.711Z", fill: "#C7B8F8" }),
+        react_1.default.createElement("path", { d: "M177.636 172.913H162.704C162.558 172.913 162.418 172.855 162.315 172.752C162.212 172.649 162.154 172.509 162.154 172.363C162.154 172.217 162.212 172.077 162.315 171.974C162.418 171.871 162.558 171.813 162.704 171.813H177.636C177.782 171.813 177.922 171.871 178.025 171.974C178.129 172.077 178.186 172.217 178.186 172.363C178.186 172.509 178.129 172.649 178.025 172.752C177.922 172.855 177.782 172.913 177.636 172.913Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M160.394 92.9568C159.604 92.9568 158.831 92.7225 158.173 92.2835C157.516 91.8445 157.004 91.2205 156.701 90.4903C156.398 89.7602 156.318 88.9566 156.472 88.1812C156.625 87.4058 157.005 86.6933 157.564 86.1338C158.122 85.5743 158.834 85.1928 159.609 85.0376C160.384 84.8824 161.188 84.9604 161.918 85.2618C162.649 85.5631 163.274 86.0743 163.715 86.7308C164.155 87.3873 164.391 88.1595 164.393 88.95C164.393 89.4757 164.29 89.9964 164.09 90.4823C163.889 90.9682 163.595 91.4098 163.223 91.7819C162.852 92.154 162.411 92.4493 161.926 92.6509C161.44 92.8524 160.92 92.9564 160.394 92.9568ZM160.394 86.0597C159.82 86.0598 159.26 86.23 158.783 86.5488C158.306 86.8677 157.934 87.3208 157.715 87.851C157.496 88.3811 157.439 88.9643 157.552 89.5268C157.664 90.0892 157.941 90.6057 158.347 91.0107C158.754 91.4158 159.271 91.6912 159.834 91.8021C160.396 91.913 160.979 91.8544 161.509 91.6337C162.038 91.4131 162.491 91.0403 162.808 90.5626C163.126 90.0848 163.294 89.5236 163.293 88.95C163.29 88.1829 162.983 87.4482 162.44 86.9066C161.897 86.365 161.161 86.0605 160.394 86.0597Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M109.821 141.415C109.676 141.415 109.536 141.357 109.433 141.253C109.329 141.15 109.271 141.01 109.271 140.865C109.2 129.889 100.224 129.65 99.8472 129.65C99.7014 129.65 99.5615 129.592 99.4583 129.489C99.3552 129.386 99.2972 129.246 99.2972 129.1C99.2972 128.954 99.3552 128.814 99.4583 128.711C99.5615 128.608 99.7014 128.55 99.8472 128.55C99.9517 128.55 110.281 128.789 110.36 140.867C110.36 141.013 110.303 141.153 110.199 141.256C110.096 141.359 109.956 141.417 109.81 141.417L109.821 141.415Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M141.975 117.308H124.925C124.779 117.308 124.639 117.25 124.536 117.147C124.432 117.044 124.375 116.904 124.375 116.758C124.375 116.612 124.432 116.472 124.536 116.369C124.639 116.266 124.779 116.208 124.925 116.208H141.975C142.12 116.208 142.26 116.266 142.363 116.369C142.467 116.472 142.525 116.612 142.525 116.758C142.525 116.904 142.467 117.044 142.363 117.147C142.26 117.25 142.12 117.308 141.975 117.308Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M125.816 204.483C125.67 204.483 125.53 204.425 125.427 204.322C125.323 204.219 125.266 204.079 125.266 203.933V178.985C125.266 178.839 125.323 178.699 125.427 178.596C125.53 178.493 125.67 178.435 125.816 178.435C125.961 178.435 126.101 178.493 126.204 178.596C126.308 178.699 126.366 178.839 126.366 178.985V203.933C126.366 204.079 126.308 204.219 126.204 204.322C126.101 204.425 125.961 204.483 125.816 204.483Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M103.153 139.077H78.2075C78.0616 139.077 77.9217 139.019 77.8186 138.916C77.7154 138.813 77.6575 138.673 77.6575 138.527C77.6575 138.381 77.7154 138.241 77.8186 138.138C77.9217 138.035 78.0616 137.977 78.2075 137.977H103.153C103.299 137.977 103.438 138.035 103.542 138.138C103.645 138.241 103.703 138.381 103.703 138.527C103.703 138.673 103.645 138.813 103.542 138.916C103.438 139.019 103.299 139.077 103.153 139.077Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M43.2495 176.37C43.1368 176.37 43.0268 176.335 42.9343 176.271C42.8419 176.207 42.7714 176.115 42.7325 176.009C39.5425 167.308 32.948 160.244 32.882 160.175C32.7817 160.069 32.7277 159.927 32.7318 159.781C32.736 159.635 32.7979 159.497 32.904 159.397C33.0101 159.296 33.1518 159.242 33.2977 159.247C33.4437 159.251 33.582 159.313 33.6823 159.419C33.7483 159.49 40.4968 166.712 43.7665 175.644C43.8162 175.781 43.8097 175.931 43.7483 176.063C43.687 176.195 43.5759 176.298 43.4393 176.348C43.378 176.367 43.3136 176.374 43.2495 176.37Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M46.3625 177.266C46.2166 177.266 46.0767 177.208 45.9736 177.105C45.8704 177.002 45.8125 176.862 45.8125 176.716V169.184C45.8125 169.038 45.8704 168.898 45.9736 168.795C46.0767 168.692 46.2166 168.634 46.3625 168.634C46.5084 168.634 46.6483 168.692 46.7514 168.795C46.8546 168.898 46.9125 169.038 46.9125 169.184V176.716C46.9125 176.862 46.8546 177.002 46.7514 177.105C46.6483 177.208 46.5084 177.266 46.3625 177.266Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M62.5683 188.044C62.5675 186.243 61.8519 184.516 60.5788 183.243C59.3056 181.97 57.579 181.254 55.7785 181.254H54.266V176.125H35.5495V181.256H34.037C32.2363 181.256 30.5093 181.972 29.2359 183.245C27.9626 184.518 27.2473 186.245 27.2473 188.046C27.2494 189.845 27.9658 191.57 29.239 192.841C30.5122 194.112 32.2379 194.826 34.037 194.825C33.1455 194.825 32.2626 195 31.4389 195.341C30.6151 195.682 29.8666 196.182 29.2361 196.812C28.6056 197.442 28.1054 198.19 27.7641 199.014C27.4229 199.838 27.2473 200.72 27.2473 201.612C27.2469 202.504 27.4223 203.387 27.7634 204.211C28.1044 205.035 28.6046 205.783 29.2351 206.414C29.8657 207.044 30.6143 207.545 31.4383 207.886C32.2622 208.227 33.1453 208.402 34.037 208.402H55.7785C57.5793 208.402 59.3063 207.686 60.5796 206.413C61.8529 205.14 62.5683 203.413 62.5683 201.612C62.5675 199.812 61.8519 198.085 60.5786 196.813C59.3054 195.54 57.5788 194.825 55.7785 194.825C57.5778 194.825 59.3036 194.111 60.5767 192.839C61.8498 191.568 62.5661 189.843 62.5683 188.044Z", fill: Color_1.Color.Success }),
+        react_1.default.createElement("path", { d: "M56.0645 195.414H48.3948C48.2489 195.414 48.109 195.356 48.0059 195.252C47.9027 195.149 47.8448 195.009 47.8448 194.864C47.8448 194.718 47.9027 194.578 48.0059 194.475C48.109 194.371 48.2489 194.314 48.3948 194.314H56.0645C56.2104 194.314 56.3503 194.371 56.4534 194.475C56.5566 194.578 56.6145 194.718 56.6145 194.864C56.6145 195.009 56.5566 195.149 56.4534 195.252C56.3503 195.356 56.2104 195.414 56.0645 195.414Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M37.645 195.375H33.63C33.4841 195.375 33.3443 195.317 33.2411 195.214C33.138 195.111 33.08 194.971 33.08 194.825C33.08 194.679 33.138 194.539 33.2411 194.436C33.3443 194.333 33.4841 194.275 33.63 194.275H37.645C37.7909 194.275 37.9308 194.333 38.0339 194.436C38.1371 194.539 38.195 194.679 38.195 194.825C38.195 194.971 38.1371 195.111 38.0339 195.214C37.9308 195.317 37.7909 195.375 37.645 195.375Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M44.9105 177.72C50.1731 177.72 54.4393 176.831 54.4393 175.735C54.4393 174.638 50.1731 173.749 44.9105 173.749C39.6479 173.749 35.3818 174.638 35.3818 175.735C35.3818 176.831 39.6479 177.72 44.9105 177.72Z", fill: "black" }),
+        react_1.default.createElement("path", { d: "M46.3625 169.184C48.8457 169.184 50.8588 167.171 50.8588 164.688C50.8588 162.205 48.8457 160.191 46.3625 160.191C43.8793 160.191 41.8663 162.205 41.8663 164.688C41.8663 167.171 43.8793 169.184 46.3625 169.184Z", fill: "#FFBB45" }),
+        react_1.default.createElement("path", { d: "M31.6638 162.777C34.3247 162.777 36.4818 160.619 36.4818 157.959C36.4818 155.298 34.3247 153.141 31.6638 153.141C29.0029 153.141 26.8458 155.298 26.8458 157.959C26.8458 160.619 29.0029 162.777 31.6638 162.777Z", fill: "#FFBB45" }),
+        react_1.default.createElement("path", { d: "M89.6668 88.8235C89.1168 87.322 88.322 85.3942 87.2055 83.7827C86.2595 82.4077 85.1788 81.8302 83.9908 82.0365C83.6472 82.0775 83.317 82.1939 83.0237 82.3775C82.7303 82.561 82.4812 82.807 82.294 83.098C81.3563 84.6023 81.9805 87.256 82.294 88.323L82.3353 88.4605L81.2875 88.7932L81.238 88.631C80.8008 87.124 80.2315 84.3273 81.3618 82.515C81.6296 82.0915 81.9871 81.7319 82.4091 81.4615C82.831 81.1912 83.3071 81.0166 83.8038 80.9503C85.429 80.6753 86.9195 81.4288 88.113 83.1503C89.3065 84.8718 90.1178 86.8737 90.7008 88.433L89.6668 88.8235Z", fill: "black" }),
+        react_1.default.createElement("rect", { x: "27", y: "54", width: "23", height: "25", rx: "3", fill: "#C7B8F8" })));
+};
+exports.default = EmptyGraphic;
+//# sourceMappingURL=EmptyGraphic.js.map