npm - @roomstay/frontend - Versions diffs - 2.1.5 → 2.1.7 - Mend

@roomstay/frontend 2.1.5 → 2.1.7

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

package/dist/src/components/steps/addons/AddonCard.js CHANGED Viewed

@@ -26,8 +26,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const react_i18next_1 = require("react-i18next");
 const contexts_1 = require("../../../contexts/index.js");
 const Addon_1 = require("../../../models/Addon/Addon");
@@ -43,18 +43,18 @@ const Check_1 = __importDefault(require("icons/Check"));
 const hooks_1 = require("../../../hooks/index.js");
 const Select_1 = require("../../generic/Select/Select");
 const AddonCard = ({ addon, className }) => {
-    var _a;
+    var _a, _b;
     const { t } = (0, react_i18next_1.useTranslation)();
     const { hotel } = (0, hooks_1.useCurrentHotel)();
-    const basketContext = React.useContext(contexts_1.BasketContext);
+    const basketContext = react_1.default.useContext(contexts_1.BasketContext);
     const addonBasketRow = basketContext.getRowForAddon(addon);
-    const [quantity, setQuantity] = (0, react_1.useState)(1);
-    const [adultQuantity, setAdultQuantity] = (0, react_1.useState)(addonBasketRow ? addonBasketRow.getAdultQuantity() : 1);
-    const [childQuantity, setChildQuantity] = (0, react_1.useState)(addonBasketRow ? addonBasketRow.getChildQuantity() : 0);
-    const [priceInfo, setPriceInfo] = (0, react_1.useState)({ quantity: 1 });
-    const [selectedDate, setSelectedDate] = (0, react_1.useState)(addonBasketRow ? addonBasketRow.getSelectedDate() : '');
-    const [selectedTime, setSelectedTime] = (0, react_1.useState)(addonBasketRow ? addonBasketRow.getSelectedTime() : '');
-    (0, react_1.useEffect)(() => {
+    const [quantity, setQuantity] = (0, react_2.useState)(1);
+    const [adultQuantity, setAdultQuantity] = (0, react_2.useState)(addonBasketRow ? addonBasketRow.getAdultQuantity() : 1);
+    const [childQuantity, setChildQuantity] = (0, react_2.useState)(addonBasketRow ? addonBasketRow.getChildQuantity() : 0);
+    const [priceInfo, setPriceInfo] = (0, react_2.useState)({ quantity: 1 });
+    const [selectedDate, setSelectedDate] = (0, react_2.useState)(addonBasketRow ? addonBasketRow.getSelectedDate() : '');
+    const [selectedTime, setSelectedTime] = (0, react_2.useState)(addonBasketRow ? addonBasketRow.getSelectedTime() : '');
+    (0, react_2.useEffect)(() => {
         var _a, _b, _c, _d, _e, _f, _g;
         if (addonBasketRow) {
             setPriceInfo((_a = addon.availability[addonBasketRow.getSelectedDate()]) !== null && _a !== void 0 ? _a : addon.availability[addon.firstDate]);
@@ -67,14 +67,14 @@ const AddonCard = ({ addon, className }) => {
         else {
             setPriceInfo((_d = addon.availability[addon.firstDate]) !== null && _d !== void 0 ? _d : []);
             setSelectedDate(addon.firstDate);
-            setSelectedTime((_g = (_f = (_e = addon.availability[addon.firstDate]) === null || _e === void 0 ? void 0 : _e.selectorTimes) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.value);
+            setSelectedTime(((_g = (_f = (_e = addon.availability[addon.firstDate]) === null || _e === void 0 ? void 0 : _e.selectorTimes) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.value) || '');
         }
     }, []);
     const setDate = (date) => {
         var _a, _b, _c;
         setPriceInfo(addon.availability[date]);
         setSelectedDate(date);
-        setSelectedTime((_c = (_b = (_a = addon.availability[date]) === null || _a === void 0 ? void 0 : _a.selectorTimes) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.value);
+        setSelectedTime(((_c = (_b = (_a = addon.availability[date]) === null || _a === void 0 ? void 0 : _a.selectorTimes) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.value) || '');
         if (addon.availability[date].quantity < quantity) {
             setQuantity(addon.availability[date].quantity);
         }
@@ -93,7 +93,8 @@ const AddonCard = ({ addon, className }) => {
         const selectedAddon = basketContext.basketAddonRows.find((row) => {
             return row.getAddon().code === addon.code;
         });
-        basketContext.removeBasketAddonRow(selectedAddon);
+        if (selectedAddon)
+            basketContext.removeBasketAddonRow(selectedAddon);
     };
     const setQuantityOnChange = (val) => {
         setQuantity(val);
@@ -113,28 +114,28 @@ const AddonCard = ({ addon, className }) => {
     const addonConfigurations = [
         {
             name: 'Date',
-            enabled: (addonBasketRow === null || addonBasketRow === void 0 ? void 0 : addonBasketRow.getNumberOfAvailableNights()) > 1 && !addonBasketRow.getAddon().hideDatePicker,
-            element: (React.createElement(Select_1.Select, { nativeOnMobile: true, options: addon.selectorDates, value: selectedDate, onChange: setDateOnChange, keyName: "value", labelName: "text", className: "u-flex align-items-center" })),
+            enabled: ((_a = addonBasketRow === null || addonBasketRow === void 0 ? void 0 : addonBasketRow.getNumberOfAvailableNights) === null || _a === void 0 ? void 0 : _a.call(addonBasketRow)) > 1 && !(addonBasketRow === null || addonBasketRow === void 0 ? void 0 : addonBasketRow.getAddon().hideDatePicker),
+            element: (react_1.default.createElement(Select_1.Select, { nativeOnMobile: true, options: addon.selectorDates, value: selectedDate, onChange: setDateOnChange, keyName: "value", labelName: "text", className: "u-flex align-items-center" })),
         },
         {
             name: 'Time',
-            enabled: ((_a = priceInfo === null || priceInfo === void 0 ? void 0 : priceInfo.selectorTimes) === null || _a === void 0 ? void 0 : _a.length) !== 0,
-            element: (React.createElement(Select_1.Select, { nativeOnMobile: true, options: priceInfo === null || priceInfo === void 0 ? void 0 : priceInfo.selectorTimes, value: selectedTime, onChange: setSelectedTimeOnChange, keyName: "value", labelName: "text", className: "u-flex align-items-center" })),
+            enabled: ((_b = priceInfo === null || priceInfo === void 0 ? void 0 : priceInfo.selectorTimes) === null || _b === void 0 ? void 0 : _b.length) !== 0,
+            element: (react_1.default.createElement(Select_1.Select, { nativeOnMobile: true, options: (priceInfo === null || priceInfo === void 0 ? void 0 : priceInfo.selectorTimes) || [], value: selectedTime, onChange: setSelectedTimeOnChange, keyName: "value", labelName: "text", className: "u-flex align-items-center" })),
         },
         {
             name: Translation_1.Translation.Step.Addon.Quantity,
             enabled: priceInfo === null || priceInfo === void 0 ? void 0 : priceInfo.price,
-            element: React.createElement(NumberIncrement_1.default, { number: quantity, min: 1, max: priceInfo.quantity, onChange: setQuantityOnChange }),
+            element: react_1.default.createElement(NumberIncrement_1.default, { number: quantity, min: 1, max: priceInfo.quantity, onChange: setQuantityOnChange }),
         },
         {
             name: Translation_1.Translation.Step.Date.Adult_plural,
             enabled: priceInfo === null || priceInfo === void 0 ? void 0 : priceInfo.adultPrice,
-            element: React.createElement(NumberIncrement_1.default, { number: adultQuantity, min: 0, max: priceInfo.quantity - childQuantity, onChange: setAdultsQuantityOnChange }),
+            element: react_1.default.createElement(NumberIncrement_1.default, { number: adultQuantity, min: 0, max: priceInfo.quantity - childQuantity, onChange: setAdultsQuantityOnChange }),
         },
         {
             name: Translation_1.Translation.Step.Date.Child_plural,
             enabled: priceInfo === null || priceInfo === void 0 ? void 0 : priceInfo.childPrice,
-            element: React.createElement(NumberIncrement_1.default, { number: childQuantity, min: 0, max: priceInfo.quantity - adultQuantity, onChange: setChildQuantityOnChange }),
+            element: react_1.default.createElement(NumberIncrement_1.default, { number: childQuantity, min: 0, max: priceInfo.quantity - adultQuantity, onChange: setChildQuantityOnChange }),
         },
     ];
     const pricingTypeSuffix = (() => {
@@ -163,57 +164,57 @@ const AddonCard = ({ addon, className }) => {
         addonCardImageStyle.backgroundImage = `url('${addon.image}')`;
     }
     else {
-        addonCardImageStyle.backgroundImage = `url('${hotel.logo}')`;
+        addonCardImageStyle.backgroundImage = `url('${hotel === null || hotel === void 0 ? void 0 : hotel.logo}')`;
         addonCardImageStyle.backgroundSize = '50%';
         addonCardImageStyle.backgroundRepeat = 'no-repeat';
     }
-    return (React.createElement("div", { className: 'u-flex u-flex-flex-start u-rounded addon-card-wrapper ' + className + ' ' + classes, style: { backgroundColor: Color_1.Color.White } },
-        React.createElement("div", { className: "addon-card-image", style: addonCardImageStyle }),
-        React.createElement("div", { className: "u-marg-heavy u-marg@m- u-w-100@xl" },
-            React.createElement("div", { className: "u-flex" },
-                React.createElement(Headline_1.default, { bold: true }, addon.name),
-                addonBasketRow ? React.createElement(Check_1.default, null) : React.createElement(React.Fragment, null)),
-            React.createElement(Text_1.default, { color: Color_1.Color.DarkGrey, type: Text_1.TextType.Small }, addon.description),
-            React.createElement("div", { className: "addon-card-wrapper--price u-flex u-flex-align-flex-end" },
-                React.createElement("div", { className: "u-w-100" }, addonConfigurations.map((input) => {
+    return (react_1.default.createElement("div", { className: 'u-flex u-flex-flex-start u-rounded addon-card-wrapper ' + className + ' ' + classes, style: { backgroundColor: Color_1.Color.White } },
+        react_1.default.createElement("div", { className: "addon-card-image", style: addonCardImageStyle }),
+        react_1.default.createElement("div", { className: "u-marg-heavy u-marg@m- u-w-100@xl" },
+            react_1.default.createElement("div", { className: "u-flex" },
+                react_1.default.createElement(Headline_1.default, { bold: true }, addon.name),
+                addonBasketRow ? react_1.default.createElement(Check_1.default, null) : react_1.default.createElement(react_1.default.Fragment, null)),
+            react_1.default.createElement(Text_1.default, { color: Color_1.Color.DarkGrey, type: Text_1.TextType.Small }, addon.description),
+            react_1.default.createElement("div", { className: "addon-card-wrapper--price u-flex u-flex-align-flex-end" },
+                react_1.default.createElement("div", { className: "u-w-100" }, addonConfigurations.map((input) => {
                     if (!input.enabled) {
                         return;
                     }
-                    return (React.createElement("div", { key: input.name, className: "u-flex justify-content-start u-marg-bot u-marg-top" },
-                        React.createElement(Text_1.default, { className: "u-mw-100", bold: true }, t(input.name)),
+                    return (react_1.default.createElement("div", { key: input.name, className: "u-flex justify-content-start u-marg-bot u-marg-top" },
+                        react_1.default.createElement(Text_1.default, { className: "u-mw-100", bold: true }, t(input.name)),
                         input.element));
                 })),
-                React.createElement("div", { className: "addon-card-wrapper--price-action" },
-                    React.createElement("div", { className: "u-flex u-flex-direction-column u-flex-align-flex-end", style: { alignSelf: 'flex-end' } },
-                        React.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Navy, inline: true }, t(Translation_1.Translation.Misc.From)),
-                        React.createElement("div", { className: "room-details--content-price flex-align-items-baseline flex-row" },
-                            (priceInfo === null || priceInfo === void 0 ? void 0 : priceInfo.price) && (React.createElement(React.Fragment, null,
-                                React.createElement("div", { className: "u-flex align-items-end" },
-                                    React.createElement(Headline_1.default, { size: 'large', bold: true, lineHeight: "1em" },
-                                        React.createElement(Currency_1.default, { hideDecimals: true }, priceInfo.price)),
-                                    React.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey, inline: true, className: "u-marg-left--light u-clear-font-weight" },
+                react_1.default.createElement("div", { className: "addon-card-wrapper--price-action" },
+                    react_1.default.createElement("div", { className: "u-flex u-flex-direction-column u-flex-align-flex-end", style: { alignSelf: 'flex-end' } },
+                        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Navy, inline: true }, t(Translation_1.Translation.Misc.From)),
+                        react_1.default.createElement("div", { className: "room-details--content-price flex-align-items-baseline flex-row" },
+                            (priceInfo === null || priceInfo === void 0 ? void 0 : priceInfo.price) && (react_1.default.createElement(react_1.default.Fragment, null,
+                                react_1.default.createElement("div", { className: "u-flex align-items-end" },
+                                    react_1.default.createElement(Headline_1.default, { size: "large", bold: true, lineHeight: "1em" },
+                                        react_1.default.createElement(Currency_1.default, { hideDecimals: true }, priceInfo.price)),
+                                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey, inline: true, className: "u-marg-left--light u-clear-font-weight" },
                                         "/ ",
                                         pricingTypeSuffix)))),
-                            (!!(priceInfo === null || priceInfo === void 0 ? void 0 : priceInfo.adultPrice) || !!(priceInfo === null || priceInfo === void 0 ? void 0 : priceInfo.childPrice)) && (React.createElement("h2", { className: "u-marg-none d-flex flex-wrap justify-content-end" },
-                                !!priceInfo.adultPrice && (React.createElement("div", { className: "d-flex align-items-end flex-row" },
-                                    React.createElement(Headline_1.default, { size: 'large', bold: true, lineHeight: "1em" },
-                                        React.createElement(Currency_1.default, null, priceInfo.adultPrice)),
-                                    React.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey, inline: true, className: "u-marg-left--light u-clear-font-weight" },
+                            (!!(priceInfo === null || priceInfo === void 0 ? void 0 : priceInfo.adultPrice) || !!(priceInfo === null || priceInfo === void 0 ? void 0 : priceInfo.childPrice)) && (react_1.default.createElement("h2", { className: "u-marg-none d-flex flex-wrap justify-content-end" },
+                                !!priceInfo.adultPrice && (react_1.default.createElement("div", { className: "d-flex align-items-end flex-row" },
+                                    react_1.default.createElement(Headline_1.default, { size: "large", bold: true, lineHeight: "1em" },
+                                        react_1.default.createElement(Currency_1.default, null, priceInfo.adultPrice)),
+                                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey, inline: true, className: "u-marg-left--light u-clear-font-weight" },
                                         "/ ",
                                         t(Translation_1.Translation.Step.Date.Adult)))),
-                                !!priceInfo.adultPrice && !!priceInfo.childPrice && React.createElement("br", null),
-                                !!priceInfo.childPrice && (React.createElement("div", { className: "d-flex align-items-end flex-row" },
-                                    React.createElement(Headline_1.default, { size: 'large', bold: true, lineHeight: "1em" },
-                                        React.createElement(Currency_1.default, null, priceInfo.childPrice)),
-                                    React.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey, inline: true, className: "u-marg-left--light u-clear-font-weight" },
+                                !!priceInfo.adultPrice && !!priceInfo.childPrice && react_1.default.createElement("br", null),
+                                !!priceInfo.childPrice && (react_1.default.createElement("div", { className: "d-flex align-items-end flex-row" },
+                                    react_1.default.createElement(Headline_1.default, { size: "large", bold: true, lineHeight: "1em" },
+                                        react_1.default.createElement(Currency_1.default, null, priceInfo.childPrice)),
+                                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey, inline: true, className: "u-marg-left--light u-clear-font-weight" },
                                         "/ ",
                                         t(Translation_1.Translation.Step.Date.Child))))))),
-                        React.createElement("div", { className: "u-marg-bottom--light" },
-                            React.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Grey, inline: true, className: "u-nowrap" }, "Including Fees and Taxes"))),
-                    React.createElement("div", { className: "u-marg-top--light u-flex justify-content-end u-w-100@l- flex-column flex-lg-row" },
-                        addonBasketRow ? (React.createElement("div", { className: "u-marg-right--light@l u-marg-bottom--light@l-" },
-                            React.createElement(BEButton_1.default, { onClick: onClickRemove, textColor: Color_1.Color.White, backgroundColor: Color_1.Color.Navy, wide: true }, t(Translation_1.Translation.Step.Addon.Remove)))) : (React.createElement(React.Fragment, null)),
-                        React.createElement(BEButton_1.default, { onClick: onClickAddToCartHandler, primary: true, filled: true, wide: true }, addonBasketRow ? t(Translation_1.Translation.Step.Addon.UpdateCart) : t(Translation_1.Translation.Step.Addon.AddToCart))))))));
+                        react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+                            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Grey, inline: true, className: "u-nowrap" }, "Including Fees and Taxes"))),
+                    react_1.default.createElement("div", { className: "u-marg-top--light u-flex justify-content-end u-w-100@l- flex-column flex-lg-row" },
+                        addonBasketRow ? (react_1.default.createElement("div", { className: "u-marg-right--light@l u-marg-bottom--light@l-" },
+                            react_1.default.createElement(BEButton_1.default, { onClick: onClickRemove, textColor: Color_1.Color.White, backgroundColor: Color_1.Color.Navy, wide: true }, t(Translation_1.Translation.Step.Addon.Remove)))) : (react_1.default.createElement(react_1.default.Fragment, null)),
+                        react_1.default.createElement(BEButton_1.default, { onClick: onClickAddToCartHandler, primary: true, filled: true, wide: true }, addonBasketRow ? t(Translation_1.Translation.Step.Addon.UpdateCart) : t(Translation_1.Translation.Step.Addon.AddToCart))))))));
 };
 exports.default = AddonCard;
 //# sourceMappingURL=AddonCard.js.map

package/dist/src/components/steps/addons/AddonCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AddonCard.js","sourceRoot":"/","sources":["src/components/steps/addons/AddonCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useEffect, useState } from 'react';\n\nimport { useTranslation } from 'react-i18next';\nimport { BasketContext } from '@frontend/contexts';\nimport { Addon, AddonPricingType, PriceInfo } from '@/models/Addon/Addon';\nimport { Translation } from 'translations/Translation';\nimport { Color } from '@/util/Color';\nimport BEButton from '@/components/generic/BEButton';\nimport Currency from '@/components/generic/Currency';\nimport Headline from '@/components/generic/Headline';\nimport NumberIncrement from '@/components/generic/NumberIncrement';\nimport Text, { TextType } from '@/components/generic/Text';\nimport classNames from 'classnames';\nimport Check from 'icons/Check';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { IDefaultSelectOption, Select } from '@/components/generic/Select/Select';\n\ninterface Props {\n addon: Addon;\n className?: string;\n}\n\nconst AddonCard = ({ addon, className }: Props) => {\n const { t } = useTranslation();\n\n const { hotel } = useCurrentHotel();\n const basketContext = React.useContext(BasketContext);\n\n const addonBasketRow = basketContext.getRowForAddon(addon);\n\n const [quantity, setQuantity] = useState(1);\n const [adultQuantity, setAdultQuantity] = useState(addonBasketRow ? addonBasketRow.getAdultQuantity() : 1);\n const [childQuantity, setChildQuantity] = useState(addonBasketRow ? addonBasketRow.getChildQuantity() : 0);\n\n const [priceInfo, setPriceInfo] = useState<PriceInfo>({ quantity: 1 });\n\n const [selectedDate, setSelectedDate] = useState(addonBasketRow ? addonBasketRow.getSelectedDate() : '');\n const [selectedTime, setSelectedTime] = useState(addonBasketRow ? addonBasketRow.getSelectedTime() : '');\n\n useEffect(() => {\n if (addonBasketRow) {\n setPriceInfo(addon.availability[addonBasketRow.getSelectedDate()] ?? addon.availability[addon.firstDate]);\n setSelectedDate(addonBasketRow.getSelectedDate() ?? addon.firstDate);\n setSelectedTime(addonBasketRow.getSelectedTime() ?? '');\n setQuantity(addonBasketRow.getQuantity());\n setAdultQuantity(addonBasketRow.getAdultQuantity());\n setChildQuantity(addonBasketRow.getChildQuantity());\n } else {\n setPriceInfo(addon.availability[addon.firstDate] ?? ([] as any));\n setSelectedDate(addon.firstDate);\n setSelectedTime(addon.availability[addon.firstDate]?.selectorTimes?.[0]?.value);\n }\n }, []);\n\n const setDate = (date: any) => {\n setPriceInfo(addon.availability[date]);\n setSelectedDate(date);\n setSelectedTime(addon.availability[date]?.selectorTimes?.[0]?.value);\n if (addon.availability[date].quantity < quantity) {\n setQuantity(addon.availability[date].quantity);\n }\n };\n\n const onClickAddToCartHandler = () => {\n basketContext.setAddonQuantities(\n addon,\n {\n quantity,\n adult: adultQuantity,\n child: childQuantity,\n },\n selectedDate,\n selectedTime\n );\n };\n\n const classes = classNames({\n '--active': !!basketContext.getRowForAddon(addon),\n });\n\n const onClickRemove = () => {\n const selectedAddon = basketContext.basketAddonRows.find((row) => {\n return row.getAddon().code === addon.code;\n });\n basketContext.removeBasketAddonRow(selectedAddon);\n };\n\n const setQuantityOnChange = (val: any) => {\n setQuantity(val);\n };\n const setAdultsQuantityOnChange = (val: any) => {\n setAdultQuantity(val);\n };\n const setChildQuantityOnChange = (val: any) => {\n setChildQuantity(val);\n };\n const setDateOnChange = (selected: string) => {\n setDate(selected);\n };\n const setSelectedTimeOnChange = (selected: any) => {\n setSelectedTime(selected);\n };\n\n const addonConfigurations = [\n {\n name: 'Date',\n enabled: addonBasketRow?.getNumberOfAvailableNights() > 1 && !addonBasketRow.getAddon().hideDatePicker,\n element: (\n <Select<IDefaultSelectOption, 'value'>\n nativeOnMobile\n options={addon.selectorDates}\n value={selectedDate}\n onChange={setDateOnChange}\n keyName=\"value\"\n labelName=\"text\"\n className=\"u-flex align-items-center\"\n />\n ),\n },\n {\n name: 'Time',\n enabled: priceInfo?.selectorTimes?.length !== 0,\n element: (\n <Select<IDefaultSelectOption, 'value'>\n nativeOnMobile\n options={priceInfo?.selectorTimes}\n value={selectedTime}\n onChange={setSelectedTimeOnChange}\n keyName=\"value\"\n labelName=\"text\"\n className=\"u-flex align-items-center\"\n />\n ),\n },\n {\n name: Translation.Step.Addon.Quantity,\n enabled: priceInfo?.price,\n element: <NumberIncrement number={quantity} min={1} max={priceInfo.quantity} onChange={setQuantityOnChange} />,\n },\n {\n name: Translation.Step.Date.Adult_plural,\n enabled: priceInfo?.adultPrice,\n element: <NumberIncrement number={adultQuantity} min={0} max={priceInfo.quantity - childQuantity} onChange={setAdultsQuantityOnChange} />,\n },\n {\n name: Translation.Step.Date.Child_plural,\n enabled: priceInfo?.childPrice,\n element: <NumberIncrement number={childQuantity} min={0} max={priceInfo.quantity - adultQuantity} onChange={setChildQuantityOnChange} />,\n },\n ];\n\n const pricingTypeSuffix = (() => {\n switch (addon.pricingType) {\n case AddonPricingType.PER_STAY:\n return 'QTY';\n case AddonPricingType.PER_NIGHT:\n return 'Night';\n case AddonPricingType.PER_PERSON:\n return 'Person';\n case AddonPricingType.PER_PERSON_OCCUPANCY_PER_NIGHT:\n case AddonPricingType.PER_PERSON_PER_NIGHT:\n return 'Person per night';\n case AddonPricingType.PER_ADULT_OCCUPANCY_PER_NIGHT:\n return 'Adult per night';\n case AddonPricingType.PER_CHILD_OCCUPANCY_PER_NIGHT:\n return 'Adult per night';\n case AddonPricingType.PER_QUANTITY_NAME_PER_NIGHT:\n return 'Night';\n case AddonPricingType.PER_ROOM_QUANTITY_PER_NIGHT:\n return 'Per Room / Day';\n }\n })();\n\n const addonCardImageStyle: any = {};\n if (addon.image) {\n addonCardImageStyle.backgroundImage = `url('${addon.image}')`;\n } else {\n addonCardImageStyle.backgroundImage = `url('${hotel.logo}')`;\n addonCardImageStyle.backgroundSize = '50%';\n addonCardImageStyle.backgroundRepeat = 'no-repeat';\n }\n\n return (\n <div className={'u-flex u-flex-flex-start u-rounded addon-card-wrapper ' + className + ' ' + classes} style={{ backgroundColor: Color.White }}>\n <div className=\"addon-card-image\" style={addonCardImageStyle} />\n <div className=\"u-marg-heavy u-marg@m- u-w-100@xl\">\n <div className=\"u-flex\">\n <Headline bold={true}>{addon.name}</Headline>\n {addonBasketRow ? <Check /> : <></>}\n </div>\n <Text color={Color.DarkGrey} type={TextType.Small}>\n {addon.description}\n </Text>\n <div className=\"addon-card-wrapper--price u-flex u-flex-align-flex-end\">\n <div className=\"u-w-100\">\n {addonConfigurations.map((input) => {\n if (!input.enabled) {\n return;\n }\n\n return (\n <div key={input.name} className=\"u-flex justify-content-start u-marg-bot u-marg-top\">\n <Text className=\"u-mw-100\" bold={true}>\n {t(input.name)}\n </Text>\n {input.element}\n </div>\n );\n })}\n\n {/* {addon.guaranteeDescription && (\n <>\n <h4 className=\"u-marg-bottom--light u-marg-top\">Guarantee</h4>\n <div className=\"u-marg-bot--heavy\">\n <Text type={TextType.Small}>{addon.guaranteeDescription}</Text>\n </div>\n </>\n )}\n {addon.cancelPenalty && (\n <>\n <h4 className=\"u-marg-bottom--light u-marg-top\">Cancellation Policy</h4>\n <div className=\"u-marg-bot--heavy\">\n <Text type={TextType.Small}>{addon.cancelPenalty}</Text>\n </div>\n </>\n )} */}\n </div>\n <div className=\"addon-card-wrapper--price-action\">\n <div className=\"u-flex u-flex-direction-column u-flex-align-flex-end\" style={{ alignSelf: 'flex-end' }}>\n <Text type={TextType.Small} color={Color.Navy} inline={true}>\n {t(Translation.Misc.From)}\n </Text>\n <div className=\"room-details--content-price flex-align-items-baseline flex-row\">\n {priceInfo?.price && (\n <>\n <div className=\"u-flex align-items-end\">\n <Headline size={'large'} bold={true} lineHeight=\"1em\">\n <Currency hideDecimals={true}>{priceInfo.price}</Currency>\n </Headline>\n <Text type={TextType.Small} color={Color.DarkGrey} inline={true} className=\"u-marg-left--light u-clear-font-weight\">\n / {pricingTypeSuffix}\n </Text>\n </div>\n </>\n )}\n {(!!priceInfo?.adultPrice \|\| !!priceInfo?.childPrice) && (\n <h2 className=\"u-marg-none d-flex flex-wrap justify-content-end\">\n {!!priceInfo.adultPrice && (\n <div className=\"d-flex align-items-end flex-row\">\n <Headline size={'large'} bold={true} lineHeight=\"1em\">\n <Currency>{priceInfo.adultPrice}</Currency>\n </Headline>\n <Text type={TextType.Small} color={Color.DarkGrey} inline={true} className=\"u-marg-left--light u-clear-font-weight\">\n / {t(Translation.Step.Date.Adult)}\n </Text>\n </div>\n )}\n {!!priceInfo.adultPrice && !!priceInfo.childPrice && <br />}\n {!!priceInfo.childPrice && (\n <div className=\"d-flex align-items-end flex-row\">\n <Headline size={'large'} bold={true} lineHeight=\"1em\">\n <Currency>{priceInfo.childPrice}</Currency>\n </Headline>\n <Text type={TextType.Small} color={Color.DarkGrey} inline={true} className=\"u-marg-left--light u-clear-font-weight\">\n / {t(Translation.Step.Date.Child)}\n </Text>\n </div>\n )}\n </h2>\n )}\n </div>\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Small} color={Color.Grey} inline={true} className=\"u-nowrap\">\n Including Fees and Taxes\n </Text>\n </div>\n </div>\n <div className=\"u-marg-top--light u-flex justify-content-end u-w-100@l- flex-column flex-lg-row\">\n {addonBasketRow ? (\n <div className=\"u-marg-right--light@l u-marg-bottom--light@l-\">\n <BEButton onClick={onClickRemove} textColor={Color.White} backgroundColor={Color.Navy} wide={true}>\n {t(Translation.Step.Addon.Remove)}\n </BEButton>\n </div>\n ) : (\n <></>\n )}\n <BEButton onClick={onClickAddToCartHandler} primary={true} filled={true} wide={true}>\n {addonBasketRow ? t(Translation.Step.Addon.UpdateCart) : t(Translation.Step.Addon.AddToCart)}\n </BEButton>\n </div>\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nexport default AddonCard;\n"]}
1	+ {"version":3,"file":"AddonCard.js","sourceRoot":"/","sources":["src/components/steps/addons/AddonCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { useEffect, useState } from 'react';\n\nimport { useTranslation } from 'react-i18next';\nimport { BasketContext } from '@frontend/contexts';\nimport { Addon, AddonPricingType, PriceInfo } from '@/models/Addon/Addon';\nimport { Translation } from 'translations/Translation';\nimport { Color } from '@/util/Color';\nimport BEButton from '@/components/generic/BEButton';\nimport Currency from '@/components/generic/Currency';\nimport Headline from '@/components/generic/Headline';\nimport NumberIncrement from '@/components/generic/NumberIncrement';\nimport Text, { TextType } from '@/components/generic/Text';\nimport classNames from 'classnames';\nimport Check from 'icons/Check';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { IDefaultSelectOption, Select } from '@/components/generic/Select/Select';\n\ninterface Props {\n addon: Addon;\n className?: string;\n}\n\nconst AddonCard = ({ addon, className }: Props) => {\n const { t } = useTranslation();\n\n const { hotel } = useCurrentHotel();\n const basketContext = React.useContext(BasketContext);\n\n const addonBasketRow = basketContext.getRowForAddon(addon);\n\n const [quantity, setQuantity] = useState(1);\n const [adultQuantity, setAdultQuantity] = useState(addonBasketRow ? addonBasketRow.getAdultQuantity() : 1);\n const [childQuantity, setChildQuantity] = useState(addonBasketRow ? addonBasketRow.getChildQuantity() : 0);\n\n const [priceInfo, setPriceInfo] = useState<PriceInfo>({ quantity: 1 });\n\n const [selectedDate, setSelectedDate] = useState(addonBasketRow ? addonBasketRow.getSelectedDate() : '');\n const [selectedTime, setSelectedTime] = useState(addonBasketRow ? addonBasketRow.getSelectedTime() : '');\n\n useEffect(() => {\n if (addonBasketRow) {\n setPriceInfo(addon.availability[addonBasketRow.getSelectedDate()] ?? addon.availability[addon.firstDate as string]);\n setSelectedDate(addonBasketRow.getSelectedDate() ?? addon.firstDate);\n setSelectedTime(addonBasketRow.getSelectedTime() ?? '');\n setQuantity(addonBasketRow.getQuantity());\n setAdultQuantity(addonBasketRow.getAdultQuantity());\n setChildQuantity(addonBasketRow.getChildQuantity());\n } else {\n setPriceInfo(addon.availability[addon.firstDate as string] ?? ([] as any));\n setSelectedDate(addon.firstDate as string);\n setSelectedTime(addon.availability[addon.firstDate as string]?.selectorTimes?.[0]?.value \|\| '');\n }\n }, []);\n\n const setDate = (date: any) => {\n setPriceInfo(addon.availability[date]);\n setSelectedDate(date);\n setSelectedTime(addon.availability[date]?.selectorTimes?.[0]?.value \|\| '');\n if (addon.availability[date].quantity < quantity) {\n setQuantity(addon.availability[date].quantity);\n }\n };\n\n const onClickAddToCartHandler = () => {\n basketContext.setAddonQuantities(\n addon,\n {\n quantity,\n adult: adultQuantity,\n child: childQuantity,\n },\n selectedDate,\n selectedTime\n );\n };\n\n const classes = classNames({\n '--active': !!basketContext.getRowForAddon(addon),\n });\n\n const onClickRemove = () => {\n const selectedAddon = basketContext.basketAddonRows.find((row) => {\n return row.getAddon().code === addon.code;\n });\n if (selectedAddon) basketContext.removeBasketAddonRow(selectedAddon);\n };\n\n const setQuantityOnChange = (val: any) => {\n setQuantity(val);\n };\n const setAdultsQuantityOnChange = (val: any) => {\n setAdultQuantity(val);\n };\n const setChildQuantityOnChange = (val: any) => {\n setChildQuantity(val);\n };\n const setDateOnChange = (selected: string) => {\n setDate(selected);\n };\n const setSelectedTimeOnChange = (selected: any) => {\n setSelectedTime(selected);\n };\n\n const addonConfigurations = [\n {\n name: 'Date',\n enabled: (addonBasketRow?.getNumberOfAvailableNights?.() as number) > 1 && !addonBasketRow?.getAddon().hideDatePicker,\n element: (\n <Select<IDefaultSelectOption, 'value'>\n nativeOnMobile\n options={addon.selectorDates}\n value={selectedDate}\n onChange={setDateOnChange}\n keyName=\"value\"\n labelName=\"text\"\n className=\"u-flex align-items-center\"\n />\n ),\n },\n {\n name: 'Time',\n enabled: priceInfo?.selectorTimes?.length !== 0,\n element: (\n <Select<IDefaultSelectOption, 'value'>\n nativeOnMobile\n options={priceInfo?.selectorTimes \|\| []}\n value={selectedTime}\n onChange={setSelectedTimeOnChange}\n keyName=\"value\"\n labelName=\"text\"\n className=\"u-flex align-items-center\"\n />\n ),\n },\n {\n name: Translation.Step.Addon.Quantity,\n enabled: priceInfo?.price,\n element: <NumberIncrement number={quantity} min={1} max={priceInfo.quantity} onChange={setQuantityOnChange} />,\n },\n {\n name: Translation.Step.Date.Adult_plural,\n enabled: priceInfo?.adultPrice,\n element: <NumberIncrement number={adultQuantity} min={0} max={priceInfo.quantity - childQuantity} onChange={setAdultsQuantityOnChange} />,\n },\n {\n name: Translation.Step.Date.Child_plural,\n enabled: priceInfo?.childPrice,\n element: <NumberIncrement number={childQuantity} min={0} max={priceInfo.quantity - adultQuantity} onChange={setChildQuantityOnChange} />,\n },\n ];\n\n const pricingTypeSuffix = (() => {\n switch (addon.pricingType) {\n case AddonPricingType.PER_STAY:\n return 'QTY';\n case AddonPricingType.PER_NIGHT:\n return 'Night';\n case AddonPricingType.PER_PERSON:\n return 'Person';\n case AddonPricingType.PER_PERSON_OCCUPANCY_PER_NIGHT:\n case AddonPricingType.PER_PERSON_PER_NIGHT:\n return 'Person per night';\n case AddonPricingType.PER_ADULT_OCCUPANCY_PER_NIGHT:\n return 'Adult per night';\n case AddonPricingType.PER_CHILD_OCCUPANCY_PER_NIGHT:\n return 'Adult per night';\n case AddonPricingType.PER_QUANTITY_NAME_PER_NIGHT:\n return 'Night';\n case AddonPricingType.PER_ROOM_QUANTITY_PER_NIGHT:\n return 'Per Room / Day';\n }\n })();\n\n const addonCardImageStyle: any = {};\n if (addon.image) {\n addonCardImageStyle.backgroundImage = `url('${addon.image}')`;\n } else {\n addonCardImageStyle.backgroundImage = `url('${hotel?.logo}')`;\n addonCardImageStyle.backgroundSize = '50%';\n addonCardImageStyle.backgroundRepeat = 'no-repeat';\n }\n\n return (\n <div className={'u-flex u-flex-flex-start u-rounded addon-card-wrapper ' + className + ' ' + classes} style={{ backgroundColor: Color.White }}>\n <div className=\"addon-card-image\" style={addonCardImageStyle} />\n <div className=\"u-marg-heavy u-marg@m- u-w-100@xl\">\n <div className=\"u-flex\">\n <Headline bold>{addon.name}</Headline>\n {addonBasketRow ? <Check /> : <></>}\n </div>\n <Text color={Color.DarkGrey} type={TextType.Small}>\n {addon.description}\n </Text>\n <div className=\"addon-card-wrapper--price u-flex u-flex-align-flex-end\">\n <div className=\"u-w-100\">\n {addonConfigurations.map((input) => {\n if (!input.enabled) {\n return;\n }\n\n return (\n <div key={input.name} className=\"u-flex justify-content-start u-marg-bot u-marg-top\">\n <Text className=\"u-mw-100\" bold>\n {t(input.name)}\n </Text>\n {input.element}\n </div>\n );\n })}\n\n {/* {addon.guaranteeDescription && (\n <>\n <h4 className=\"u-marg-bottom--light u-marg-top\">Guarantee</h4>\n <div className=\"u-marg-bot--heavy\">\n <Text type={TextType.Small}>{addon.guaranteeDescription}</Text>\n </div>\n </>\n )}\n {addon.cancelPenalty && (\n <>\n <h4 className=\"u-marg-bottom--light u-marg-top\">Cancellation Policy</h4>\n <div className=\"u-marg-bot--heavy\">\n <Text type={TextType.Small}>{addon.cancelPenalty}</Text>\n </div>\n </>\n )} */}\n </div>\n <div className=\"addon-card-wrapper--price-action\">\n <div className=\"u-flex u-flex-direction-column u-flex-align-flex-end\" style={{ alignSelf: 'flex-end' }}>\n <Text type={TextType.Small} color={Color.Navy} inline>\n {t(Translation.Misc.From)}\n </Text>\n <div className=\"room-details--content-price flex-align-items-baseline flex-row\">\n {priceInfo?.price && (\n <>\n <div className=\"u-flex align-items-end\">\n <Headline size=\"large\" bold lineHeight=\"1em\">\n <Currency hideDecimals>{priceInfo.price}</Currency>\n </Headline>\n <Text type={TextType.Small} color={Color.DarkGrey} inline className=\"u-marg-left--light u-clear-font-weight\">\n / {pricingTypeSuffix}\n </Text>\n </div>\n </>\n )}\n {(!!priceInfo?.adultPrice \|\| !!priceInfo?.childPrice) && (\n <h2 className=\"u-marg-none d-flex flex-wrap justify-content-end\">\n {!!priceInfo.adultPrice && (\n <div className=\"d-flex align-items-end flex-row\">\n <Headline size=\"large\" bold lineHeight=\"1em\">\n <Currency>{priceInfo.adultPrice}</Currency>\n </Headline>\n <Text type={TextType.Small} color={Color.DarkGrey} inline className=\"u-marg-left--light u-clear-font-weight\">\n / {t(Translation.Step.Date.Adult)}\n </Text>\n </div>\n )}\n {!!priceInfo.adultPrice && !!priceInfo.childPrice && <br />}\n {!!priceInfo.childPrice && (\n <div className=\"d-flex align-items-end flex-row\">\n <Headline size=\"large\" bold lineHeight=\"1em\">\n <Currency>{priceInfo.childPrice}</Currency>\n </Headline>\n <Text type={TextType.Small} color={Color.DarkGrey} inline className=\"u-marg-left--light u-clear-font-weight\">\n / {t(Translation.Step.Date.Child)}\n </Text>\n </div>\n )}\n </h2>\n )}\n </div>\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Small} color={Color.Grey} inline className=\"u-nowrap\">\n Including Fees and Taxes\n </Text>\n </div>\n </div>\n <div className=\"u-marg-top--light u-flex justify-content-end u-w-100@l- flex-column flex-lg-row\">\n {addonBasketRow ? (\n <div className=\"u-marg-right--light@l u-marg-bottom--light@l-\">\n <BEButton onClick={onClickRemove} textColor={Color.White} backgroundColor={Color.Navy} wide>\n {t(Translation.Step.Addon.Remove)}\n </BEButton>\n </div>\n ) : (\n <></>\n )}\n <BEButton onClick={onClickAddToCartHandler} primary filled wide>\n {addonBasketRow ? t(Translation.Step.Addon.UpdateCart) : t(Translation.Step.Addon.AddToCart)}\n </BEButton>\n </div>\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nexport default AddonCard;\n"]}

package/dist/src/components/steps/addons/AddonList.js CHANGED Viewed

@@ -1,33 +1,10 @@
 "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 React = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const BookingAPI_1 = __importDefault(require("../../../api/BookingAPI"));
 const contexts_1 = require("../../../contexts/index.js");
 const contexts_2 = require("../../../contexts/index.js");
@@ -38,27 +15,27 @@ const StepRoomSummaryAndButton_1 = __importDefault(require("../room/StepRoomSumm
 const AddonCard_1 = __importDefault(require("./AddonCard"));
 const AddonsNotFound_1 = __importDefault(require("./AddonsNotFound"));
 const AddonList = () => {
-    const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
-    const beContext = (0, react_1.useContext)(contexts_1.BookingEngineContext);
-    const ccx = (0, react_1.useContext)(contexts_2.CompanyContext);
+    const basketContext = (0, react_2.useContext)(contexts_1.BasketContext);
+    const beContext = (0, react_2.useContext)(contexts_1.BookingEngineContext);
+    const ccx = (0, react_2.useContext)(contexts_2.CompanyContext);
     const { hotel } = (0, hooks_1.useCurrentHotel)();
     const rows = basketContext.getAllValidRows();
-    const [addons, setAddons] = (0, react_1.useState)(null);
-    const [isLoading, setLoading] = (0, react_1.useState)(false);
-    React.useEffect(() => {
+    const [addons, setAddons] = (0, react_2.useState)(null);
+    const [isLoading, setLoading] = (0, react_2.useState)(false);
+    react_1.default.useEffect(() => {
         setLoading(true);
-        BookingAPI_1.default.Addons.findAddons(rows, hotel.hotelID).then((foundedAddons) => {
+        BookingAPI_1.default.Addons.findAddons(rows, hotel === null || hotel === void 0 ? void 0 : hotel.hotelID).then((foundedAddons) => {
             setLoading(false);
             setAddons(foundedAddons);
         });
     }, [ccx.currentLanguage]);
-    return (React.createElement("div", { className: "u-flex" },
-        React.createElement("div", { className: 'row' + (beContext.screenSize > ScreenSize_1.default.ExtraLarge ? ' no-gutters' : '') },
-            React.createElement("div", { className: "col-md-7 col-lg-8 no-gutters" }, !isLoading ? ((addons === null || addons === void 0 ? void 0 : addons.length) ? (addons.map((addon, index) => {
-                return React.createElement(AddonCard_1.default, { key: index, className: "u-marg-bottom", addon: addon });
-            })) : (React.createElement(AddonsNotFound_1.default, null))) : (React.createElement(LargeLoader_1.default, null))),
-            React.createElement("div", { className: "col-xl-3 col-md-5 col-lg-4 offset-xl-1" },
-                React.createElement(StepRoomSummaryAndButton_1.default, null)))));
+    return (react_1.default.createElement("div", { className: "u-flex" },
+        react_1.default.createElement("div", { className: 'row' + (beContext.screenSize > ScreenSize_1.default.ExtraLarge ? ' no-gutters' : '') },
+            react_1.default.createElement("div", { className: "col-md-7 col-lg-8 no-gutters" }, !isLoading ? ((addons === null || addons === void 0 ? void 0 : addons.length) ? (addons.map((addon, index) => {
+                return react_1.default.createElement(AddonCard_1.default, { key: index, className: "u-marg-bottom", addon: addon });
+            })) : (react_1.default.createElement(AddonsNotFound_1.default, null))) : (react_1.default.createElement(LargeLoader_1.default, null))),
+            react_1.default.createElement("div", { className: "col-xl-3 col-md-5 col-lg-4 offset-xl-1" },
+                react_1.default.createElement(StepRoomSummaryAndButton_1.default, null)))));
 };
 exports.default = AddonList;
 //# sourceMappingURL=AddonList.js.map

package/dist/src/components/steps/addons/AddonList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AddonList.js","sourceRoot":"/","sources":["src/components/steps/addons/AddonList.tsx"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAAA,~~6CAA+B~~;~~AAC/B~~,iCAA6C;AAC7C,kEAAmC;AACnC,iDAAyE;AACzE,iDAAoD;AACpD,2CAAkD;AAGlD,mEAA2C;AAC3C,0FAAkE;AAClE,gHAAwF;AACxF,oFAA4D;AAC5D,8FAAsE;AAEtE,MAAM,SAAS,GAAG,GAAG,EAAE;IACnB,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACnD,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IAEvC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,IAAI,GAAG,aAAa,CAAC,eAAe,EAAE,CAAC;IAC7C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,~~EAAC~~,IAAI,CAAC,CAAC;~~IAC3C~~,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEhD,~~KAAK~~,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,oBAAG,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,~~CAAC~~,~~OAAO~~,CAAC,CAAC,IAAI,CAAC,CAAC,aAAa,EAAE,EAAE;~~YAC9D~~,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,SAAS,CAAC,aAAa,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC,CAAC;IAE1B,OAAO,CACH,~~6BAAK~~,SAAS,EAAC,QAAQ;QACnB,~~6BAAK~~,SAAS,EAAE,KAAK,GAAG,CAAC,SAAS,CAAC,UAAU,GAAG,oBAAU,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YACvF,~~6BAAK~~,SAAS,EAAC,8BAA8B,IACxC,CAAC,SAAS,CAAC,CAAC,CAAC,CACV,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EAAC,CAAC,CAAC,CACb,MAAM,CAAC,GAAG,CAAC,CAAC,KAAY,EAAE,KAAa,EAAE,EAAE;gBACvC,OAAO,~~oBAAC~~,mBAAS,IAAC,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC;YAC7E,CAAC,CAAC,CACL,CAAC,CAAC,CAAC,CACA,~~oBAAC~~,wBAAc,OAAG,CACrB,CACJ,CAAC,CAAC,CAAC,CACA,~~oBAAC~~,qBAAW,OAAG,CAClB,CACC;YAEN,~~6BAAK~~,SAAS,EAAC,wCAAwC;gBACnD,~~oBAAC~~,kCAAwB,OAAG,CAC1B,CACJ,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import * as React from 'react';\nimport { useContext, useState } from 'react';\nimport API from '@/api/BookingAPI';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport { CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { Addon } from '@/models/Addon/Addon';\n\nimport ScreenSize from '@/util/ScreenSize';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport StepRoomSummaryAndButton from '@/components/steps/room/StepRoomSummaryAndButton';\nimport AddonCard from '@/components/steps/addons/AddonCard';\nimport AddonsNotFound from '@/components/steps/addons/AddonsNotFound';\n\nconst AddonList = () => {\n const basketContext = useContext(BasketContext);\n const beContext = useContext(BookingEngineContext);\n const ccx = useContext(CompanyContext);\n\n const { hotel } = useCurrentHotel();\n\n const rows = basketContext.getAllValidRows();\n const [addons, setAddons] = useState(null);\n const [isLoading, setLoading] = useState(false);\n\n React.useEffect(() => {\n setLoading(true);\n API.Addons.findAddons(rows, hotel.hotelID).then((foundedAddons) => {\n setLoading(false);\n setAddons(foundedAddons);\n });\n }, [ccx.currentLanguage]);\n\n return (\n <div className=\"u-flex\">\n <div className={'row' + (beContext.screenSize > ScreenSize.ExtraLarge ? ' no-gutters' : '')}>\n <div className=\"col-md-7 col-lg-8 no-gutters\">\n {!isLoading ? (\n addons?.length ? (\n addons.map((addon: Addon, index: number) => {\n return <AddonCard key={index} className=\"u-marg-bottom\" addon={addon} />;\n })\n ) : (\n <AddonsNotFound />\n )\n ) : (\n <LargeLoader />\n )}\n </div>\n\n <div className=\"col-xl-3 col-md-5 col-lg-4 offset-xl-1\">\n <StepRoomSummaryAndButton />\n </div>\n </div>\n </div>\n );\n};\n\nexport default AddonList;\n"]}
1	+ {"version":3,"file":"AddonList.js","sourceRoot":"/","sources":["src/components/steps/addons/AddonList.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,iCAA6C;AAC7C,kEAAmC;AACnC,iDAAyE;AACzE,iDAAoD;AACpD,2CAAkD;AAGlD,mEAA2C;AAC3C,0FAAkE;AAClE,gHAAwF;AACxF,oFAA4D;AAC5D,8FAAsE;AAEtE,MAAM,SAAS,GAAG,GAAG,EAAE;IACnB,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACnD,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IAEvC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,IAAI,GAAG,aAAa,CAAC,eAAe,EAAE,CAAC;IAC7C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAiB,IAAI,CAAC,CAAC;IAC3D,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEhD,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,oBAAG,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAiB,CAAC,CAAC,IAAI,CAAC,CAAC,aAAa,EAAE,EAAE;YACzE,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,SAAS,CAAC,aAAa,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC,CAAC;IAE1B,OAAO,CACH,uCAAK,SAAS,EAAC,QAAQ;QACnB,uCAAK,SAAS,EAAE,KAAK,GAAG,CAAC,SAAS,CAAC,UAAU,GAAG,oBAAU,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YACvF,uCAAK,SAAS,EAAC,8BAA8B,IACxC,CAAC,SAAS,CAAC,CAAC,CAAC,CACV,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EAAC,CAAC,CAAC,CACb,MAAM,CAAC,GAAG,CAAC,CAAC,KAAY,EAAE,KAAa,EAAE,EAAE;gBACvC,OAAO,8BAAC,mBAAS,IAAC,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC;YAC7E,CAAC,CAAC,CACL,CAAC,CAAC,CAAC,CACA,8BAAC,wBAAc,OAAG,CACrB,CACJ,CAAC,CAAC,CAAC,CACA,8BAAC,qBAAW,OAAG,CAClB,CACC;YAEN,uCAAK,SAAS,EAAC,wCAAwC;gBACnD,8BAAC,kCAAwB,OAAG,CAC1B,CACJ,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import React from 'react';\nimport { useContext, useState } from 'react';\nimport API from '@/api/BookingAPI';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport { CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { Addon } from '@/models/Addon/Addon';\n\nimport ScreenSize from '@/util/ScreenSize';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport StepRoomSummaryAndButton from '@/components/steps/room/StepRoomSummaryAndButton';\nimport AddonCard from '@/components/steps/addons/AddonCard';\nimport AddonsNotFound from '@/components/steps/addons/AddonsNotFound';\n\nconst AddonList = () => {\n const basketContext = useContext(BasketContext);\n const beContext = useContext(BookingEngineContext);\n const ccx = useContext(CompanyContext);\n\n const { hotel } = useCurrentHotel();\n\n const rows = basketContext.getAllValidRows();\n const [addons, setAddons] = useState<Addon[] \| null>(null);\n const [isLoading, setLoading] = useState(false);\n\n React.useEffect(() => {\n setLoading(true);\n API.Addons.findAddons(rows, hotel?.hotelID as string).then((foundedAddons) => {\n setLoading(false);\n setAddons(foundedAddons);\n });\n }, [ccx.currentLanguage]);\n\n return (\n <div className=\"u-flex\">\n <div className={'row' + (beContext.screenSize > ScreenSize.ExtraLarge ? ' no-gutters' : '')}>\n <div className=\"col-md-7 col-lg-8 no-gutters\">\n {!isLoading ? (\n addons?.length ? (\n addons.map((addon: Addon, index: number) => {\n return <AddonCard key={index} className=\"u-marg-bottom\" addon={addon} />;\n })\n ) : (\n <AddonsNotFound />\n )\n ) : (\n <LargeLoader />\n )}\n </div>\n\n <div className=\"col-xl-3 col-md-5 col-lg-4 offset-xl-1\">\n <StepRoomSummaryAndButton />\n </div>\n </div>\n </div>\n );\n};\n\nexport default AddonList;\n"]}

package/dist/src/components/steps/addons/AddonsNotFound.js CHANGED Viewed

@@ -1,32 +1,9 @@
 "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 React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const Text_1 = __importDefault(require("../../generic/Text"));
 const Color_1 = require("../../../util/Color");
 const Headline_1 = __importDefault(require("../../generic/Headline"));
@@ -34,43 +11,43 @@ const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
 function AddonsNotFound() {
     const { t } = (0, react_i18next_1.useTranslation)();
-    return (React.createElement("div", { className: "u-align-center" },
-        React.createElement("div", { className: "u-marg-bottom--heavy" },
-            React.createElement("svg", { width: "310", height: "225", viewBox: "0 0 410 325", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                React.createElement("g", { clipPath: "url(#clip0)" },
-                    React.createElement("path", { d: "M363.971 303.844L404.823 243.18L364.054 310.371L364.14 317.197C361.157 317.22 358.204 317.17 355.279 317.048L357.306 229.301L357.25 228.624L357.325 228.493L357.519 220.202L312.78 155.341L357.466 213.996L357.625 215.749L359.155 149.452L320.513 82.206L359.265 137.806L358.861 0.457132L358.861 0L358.875 0.449586L361.44 108.699L396.657 64.728L361.555 118.024L362.324 177.325L394.731 119.45L362.443 186.043L362.871 219.017L410 138.398L363.014 230.52L363.971 303.844Z", fill: "#F0F0F5" }),
-                    React.createElement("path", { d: "M207.709 324.999C303.358 324.999 380.897 321.054 380.897 316.187C380.897 311.32 303.358 307.375 207.709 307.375C112.059 307.375 34.52 311.32 34.52 316.187C34.52 321.054 112.059 324.999 207.709 324.999Z", fill: "#F0F0F5" }),
-                    React.createElement("path", { d: "M308.903 322.349C311.798 322.349 314.145 320.005 314.145 317.114C314.145 314.223 311.798 311.879 308.903 311.879C306.007 311.879 303.66 314.223 303.66 317.114C303.66 320.005 306.007 322.349 308.903 322.349Z", fill: "#1D283D" }),
-                    React.createElement("path", { d: "M309.617 208.373L295.796 171.729C295.796 171.729 297.94 164.829 292.221 165.305C286.502 165.781 271.252 171.016 271.252 171.016C271.252 171.016 266.009 171.491 273.158 178.868L285.549 217.653L289.6 215.75L276.256 177.202C276.256 177.202 275.541 174.585 278.162 173.871C280.784 173.157 290.792 168.874 291.745 171.491C292.698 174.109 305.089 211.705 305.089 211.705L309.617 208.373Z", fill: "#1D283D" }),
-                    React.createElement("path", { className: "c-image-blank-slate", d: "M272.443 233.592L299.132 313.305C301.291 314.734 303.634 315.865 306.097 316.667C308.324 317.431 310.62 317.979 312.953 318.301C313.822 318.37 314.696 318.301 315.543 318.097C329.266 315.36 376.338 290.224 376.338 290.224C376.338 290.224 352.271 215.27 348.22 206.228C344.169 197.186 335.114 200.518 335.114 200.518C335.114 200.518 289.374 212.85 282.809 215.142C282.673 215.189 282.554 215.232 282.452 215.27C279.56 216.312 277.064 218.223 275.305 220.741L275.303 220.743C268.631 224.788 272.443 233.592 272.443 233.592Z", fill: "#FF8200" }),
-                    React.createElement("path", { opacity: "0.2", d: "M291.602 212.257L291.73 212.715C293.796 212.137 295.556 216.738 295.573 216.784L324.882 297.921L325.33 297.76L321.614 287.472L361.532 269.866L364.676 278.883L365.126 278.727L338.905 203.51L338.89 203.487C338.797 203.34 336.587 199.89 333.964 200.584L334.086 201.045C336.277 200.462 338.286 203.434 338.473 203.719L344.023 219.639L302.059 233.337L296.02 216.62C295.942 216.41 294.088 211.561 291.602 212.257ZM344.18 220.089L348.268 231.816L306.956 246.893L302.221 233.785L344.18 220.089ZM311.833 260.396L307.117 247.34L348.425 232.266L352.484 243.909L311.833 260.396ZM352.64 244.359L357.09 257.123L316.509 273.339L311.995 260.844L352.64 244.359ZM321.452 287.023L316.671 273.787L357.247 257.573L361.375 269.415L321.452 287.023Z", fill: "black" }),
-                    React.createElement("path", { opacity: "0.15", d: "M275.303 230.74C277.686 234.547 304.375 314.259 304.375 314.259C304.869 315.117 305.446 315.924 306.098 316.67C308.325 317.434 310.621 317.981 312.953 318.304C313.822 318.372 314.696 318.303 315.543 318.1C313.904 317.509 310.241 315.599 308.426 309.976C306.043 302.6 279.831 224.791 279.831 224.791C279.831 224.791 280.65 218.923 282.809 215.145C282.674 215.192 282.554 215.235 282.452 215.273C279.561 216.315 277.064 218.226 275.306 220.743L275.303 220.746C275.303 220.746 272.92 226.932 275.303 230.74Z", fill: "black" }),
-                    React.createElement("path", { d: "M280.069 248.348L282.69 256.438C282.69 256.438 280.546 272.38 291.745 282.85L294.128 290.94L291.666 291.007L289.065 283.24C289.065 283.24 280.427 272.834 280.367 257.26L278.163 248.348H280.069Z", fill: "#1D283D" }),
-                    React.createElement("path", { d: "M324.987 322.466C327.882 322.466 330.229 320.122 330.229 317.231C330.229 314.34 327.882 311.996 324.987 311.996C322.091 311.996 319.744 314.34 319.744 317.231C319.744 320.122 322.091 322.466 324.987 322.466Z", fill: "#1D283D" }),
-                    React.createElement("path", { d: "M375.862 300.458C378.757 300.458 381.104 298.114 381.104 295.223C381.104 292.332 378.757 289.988 375.862 289.988C372.966 289.988 370.619 292.332 370.619 295.223C370.619 298.114 372.966 300.458 375.862 300.458Z", fill: "#1D283D" }),
-                    React.createElement("path", { d: "M187.577 72.4766C187.577 72.4766 175.443 74.6796 174.891 79.6365C174.576 83.1175 174.576 86.6199 174.891 90.1009L187.577 72.4766Z", fill: "#575A89" }),
-                    React.createElement("path", { d: "M257.073 188.137C257.073 188.137 221.774 200.805 198.608 189.79C175.443 178.774 147.314 165.005 147.314 165.005C147.314 165.005 133.525 166.107 135.179 157.846C136.834 149.584 147.865 101.668 173.237 85.6959C173.237 85.6959 188.68 65.8685 197.505 66.97C206.33 68.0716 240.527 149.584 240.527 149.584L257.073 188.137Z", fill: "#575A89" }),
-                    React.createElement("path", { opacity: "0.2", d: "M257.073 188.137C257.073 188.137 221.774 200.805 198.608 189.79C175.443 178.774 147.314 165.005 147.314 165.005C147.314 165.005 133.525 166.107 135.179 157.846C136.834 149.584 147.865 101.668 173.237 85.6959C173.237 85.6959 188.68 65.8685 197.505 66.97C206.33 68.0716 240.527 149.584 240.527 149.584L257.073 188.137Z", fill: "black" }),
-                    React.createElement("path", { d: "M275.826 158.395L278.032 163.902C278.032 163.902 292.373 172.714 286.306 178.773C280.238 184.831 271.106 168.584 271.106 168.584L267.553 161.699L275.826 158.395Z", fill: "#A0616A" }),
-                    React.createElement("path", { d: "M155.035 256.98L152.829 294.983L164.412 299.94L168.824 254.227L155.035 256.98Z", fill: "#A0616A" }),
-                    React.createElement("path", { d: "M201.917 256.98L217.361 276.808L221.773 290.026L232.805 289.475L235.562 276.257L220.119 260.836L201.917 256.98Z", fill: "#A0616A" }),
-                    React.createElement("path", { d: "M200.538 62.2879C208.763 62.2879 215.43 55.6302 215.43 47.4174C215.43 39.2046 208.763 32.5469 200.538 32.5469C192.314 32.5469 185.646 39.2046 185.646 47.4174C185.646 55.6302 192.314 62.2879 200.538 62.2879Z", fill: "#A0616A" }),
-                    React.createElement("path", { d: "M197.505 58.7068L198.608 72.4758L216.258 66.9682C216.258 66.9682 209.639 56.5038 211.294 53.75L197.505 58.7068Z", fill: "#A0616A" }),
-                    React.createElement("path", { d: "M197.505 66.9686C197.505 66.9686 207.955 69.7224 214.037 63.1133L226.738 69.1716L210.191 130.857L175.443 121.494L180.958 109.377C180.958 109.377 173.788 101.116 181.51 93.4051C181.51 93.4051 183.165 77.9838 188.129 74.6793C191.469 72.3813 194.606 69.8016 197.505 66.9686Z", fill: "#D0CDE1" }),
-                    React.createElement("path", { d: "M213.776 62.8398C213.776 62.8398 195.023 77.7104 215.43 121.771C235.838 165.832 252.936 203.284 259.555 201.081C266.174 198.878 288.787 181.804 281.066 175.746C273.344 169.687 240.802 150.411 236.39 125.076C231.977 99.7408 242.457 73.8551 242.457 73.8551L213.776 62.8398Z", fill: "#575A89" }),
-                    React.createElement("path", { d: "M234.459 79.6367L281.893 159.497L268.656 165.005L227.841 109.929L234.459 79.6367Z", fill: "#575A89" }),
-                    React.createElement("path", { d: "M178.201 119.84H174.34L159.999 150.682C159.999 150.682 132.973 232.195 135.731 248.718C138.489 265.241 241.08 263.017 235.562 262.487C230.313 261.982 203.002 136.392 211.018 129.478L178.201 119.84Z", fill: "#1D283D" }),
-                    React.createElement("path", { d: "M156.69 290.578C156.69 290.578 155.587 286.172 151.174 286.172C146.762 286.172 146.762 292.23 146.762 292.23L134.076 303.796C134.076 303.796 123.045 317.565 137.386 317.565C151.726 317.565 151.726 314.261 151.726 314.261C151.726 314.261 155.587 310.405 158.896 312.608C162.206 314.811 169.927 310.405 168.824 308.202C167.721 305.999 166.073 291.747 164.967 294.192C163.86 296.636 156.69 290.578 156.69 290.578Z", fill: "#1D283D" }),
-                    React.createElement("path", { d: "M230.047 283.967C230.047 283.967 231.15 283.416 225.634 283.967C220.119 284.518 217.913 283.967 217.913 283.967L221.773 298.837C221.773 298.837 218.464 324.172 229.495 321.969C240.526 319.766 240.526 304.345 240.526 304.345C240.526 304.345 238.872 290.576 239.975 289.474C241.078 288.373 240.526 273.502 238.872 273.502C237.217 273.502 229.231 269.934 229.231 269.934C229.231 269.934 234.459 283.967 230.047 283.967Z", fill: "#1D283D" }),
-                    React.createElement("path", { d: "M200.991 48.3061C200.065 46.8819 200.533 44.9455 199.883 43.3761C198.863 40.9116 195.691 40.3342 193.03 40.1094C191.267 39.8834 189.482 39.8881 187.721 40.1235C186.942 40.2528 186.204 40.5609 185.565 41.0236C184.926 41.4862 184.403 42.0908 184.038 42.7896C183.644 43.5781 183.744 41.1076 183.996 37.9363C184.251 34.7 185.529 31.6283 187.645 29.1636C189.761 26.699 192.606 24.9687 195.769 24.222C195.807 24.2132 195.844 24.2046 195.881 24.1961C199.121 23.4497 202.462 22.9004 205.765 23.2879C209.067 23.6753 212.359 25.0988 214.42 27.7044C215.362 28.8953 216.028 30.2997 217.08 31.3953C218.927 33.3204 221.666 34.0209 224.182 34.9142C227.066 35.843 229.721 37.3721 231.97 39.4007C234.146 41.4913 235.688 44.3561 235.734 47.3712C235.787 50.8884 233.547 54.5181 229.936 55.2115C229.308 55.3208 228.715 55.5764 228.205 55.9575C224.758 58.6266 228.69 61.4206 228.663 64.4254C228.64 66.9326 225.845 68.5667 223.337 68.6836C220.992 68.7257 218.705 67.9521 216.869 66.4953C215.032 65.0385 213.761 62.9893 213.271 60.6988C212.893 58.6412 213.185 56.5279 213.431 54.4504C213.713 52.0723 208.584 46.4726 211.972 50.577C212.633 51.3571 213.08 52.2957 213.267 53.3003C213.831 56.5792 210.843 57.6821 208.959 59.499C207.924 60.5266 207.199 61.8232 206.864 63.2417C206.53 64.6602 206.601 66.1438 207.069 67.5242C205.515 66.1186 204.501 64.2154 204.202 62.1431C203.904 60.0708 204.339 57.9594 205.433 56.1733C206.04 55.2437 206.822 54.435 207.397 53.4857C208.295 52.0045 208.543 48.7826 206.029 48.8711C204.235 48.9343 202.371 50.4261 200.991 48.3061Z", fill: "#1D283D" }),
-                    React.createElement("path", { d: "M75.6928 309.436C75.6928 309.436 53.5498 268.623 0 286.271L75.6928 309.436Z", fill: "#F0F0F5" }),
-                    React.createElement("path", { d: "M77.028 308.439C77.028 308.439 49.6438 273.681 89.1687 230.32L77.028 308.439Z", fill: "#F0F0F5" })),
-                React.createElement("defs", null,
-                    React.createElement("clipPath", { id: "clip0" },
-                        React.createElement("rect", { width: "410", height: "325", fill: "white" }))))),
-        React.createElement("div", { className: "u-marg-bottom" },
-            React.createElement(Headline_1.default, { size: "large", bold: true }, t(Translation_1.Translation.Step.Addon.NotFound.Title))),
-        React.createElement(Text_1.default, { color: Color_1.Color.DarkGrey }, t(Translation_1.Translation.Step.Addon.NotFound.Message))));
+    return (react_1.default.createElement("div", { className: "u-align-center" },
+        react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
+            react_1.default.createElement("svg", { width: "310", height: "225", viewBox: "0 0 410 325", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                react_1.default.createElement("g", { clipPath: "url(#clip0)" },
+                    react_1.default.createElement("path", { d: "M363.971 303.844L404.823 243.18L364.054 310.371L364.14 317.197C361.157 317.22 358.204 317.17 355.279 317.048L357.306 229.301L357.25 228.624L357.325 228.493L357.519 220.202L312.78 155.341L357.466 213.996L357.625 215.749L359.155 149.452L320.513 82.206L359.265 137.806L358.861 0.457132L358.861 0L358.875 0.449586L361.44 108.699L396.657 64.728L361.555 118.024L362.324 177.325L394.731 119.45L362.443 186.043L362.871 219.017L410 138.398L363.014 230.52L363.971 303.844Z", fill: "#F0F0F5" }),
+                    react_1.default.createElement("path", { d: "M207.709 324.999C303.358 324.999 380.897 321.054 380.897 316.187C380.897 311.32 303.358 307.375 207.709 307.375C112.059 307.375 34.52 311.32 34.52 316.187C34.52 321.054 112.059 324.999 207.709 324.999Z", fill: "#F0F0F5" }),
+                    react_1.default.createElement("path", { d: "M308.903 322.349C311.798 322.349 314.145 320.005 314.145 317.114C314.145 314.223 311.798 311.879 308.903 311.879C306.007 311.879 303.66 314.223 303.66 317.114C303.66 320.005 306.007 322.349 308.903 322.349Z", fill: "#1D283D" }),
+                    react_1.default.createElement("path", { d: "M309.617 208.373L295.796 171.729C295.796 171.729 297.94 164.829 292.221 165.305C286.502 165.781 271.252 171.016 271.252 171.016C271.252 171.016 266.009 171.491 273.158 178.868L285.549 217.653L289.6 215.75L276.256 177.202C276.256 177.202 275.541 174.585 278.162 173.871C280.784 173.157 290.792 168.874 291.745 171.491C292.698 174.109 305.089 211.705 305.089 211.705L309.617 208.373Z", fill: "#1D283D" }),
+                    react_1.default.createElement("path", { className: "c-image-blank-slate", d: "M272.443 233.592L299.132 313.305C301.291 314.734 303.634 315.865 306.097 316.667C308.324 317.431 310.62 317.979 312.953 318.301C313.822 318.37 314.696 318.301 315.543 318.097C329.266 315.36 376.338 290.224 376.338 290.224C376.338 290.224 352.271 215.27 348.22 206.228C344.169 197.186 335.114 200.518 335.114 200.518C335.114 200.518 289.374 212.85 282.809 215.142C282.673 215.189 282.554 215.232 282.452 215.27C279.56 216.312 277.064 218.223 275.305 220.741L275.303 220.743C268.631 224.788 272.443 233.592 272.443 233.592Z", fill: "#FF8200" }),
+                    react_1.default.createElement("path", { opacity: "0.2", d: "M291.602 212.257L291.73 212.715C293.796 212.137 295.556 216.738 295.573 216.784L324.882 297.921L325.33 297.76L321.614 287.472L361.532 269.866L364.676 278.883L365.126 278.727L338.905 203.51L338.89 203.487C338.797 203.34 336.587 199.89 333.964 200.584L334.086 201.045C336.277 200.462 338.286 203.434 338.473 203.719L344.023 219.639L302.059 233.337L296.02 216.62C295.942 216.41 294.088 211.561 291.602 212.257ZM344.18 220.089L348.268 231.816L306.956 246.893L302.221 233.785L344.18 220.089ZM311.833 260.396L307.117 247.34L348.425 232.266L352.484 243.909L311.833 260.396ZM352.64 244.359L357.09 257.123L316.509 273.339L311.995 260.844L352.64 244.359ZM321.452 287.023L316.671 273.787L357.247 257.573L361.375 269.415L321.452 287.023Z", fill: "black" }),
+                    react_1.default.createElement("path", { opacity: "0.15", d: "M275.303 230.74C277.686 234.547 304.375 314.259 304.375 314.259C304.869 315.117 305.446 315.924 306.098 316.67C308.325 317.434 310.621 317.981 312.953 318.304C313.822 318.372 314.696 318.303 315.543 318.1C313.904 317.509 310.241 315.599 308.426 309.976C306.043 302.6 279.831 224.791 279.831 224.791C279.831 224.791 280.65 218.923 282.809 215.145C282.674 215.192 282.554 215.235 282.452 215.273C279.561 216.315 277.064 218.226 275.306 220.743L275.303 220.746C275.303 220.746 272.92 226.932 275.303 230.74Z", fill: "black" }),
+                    react_1.default.createElement("path", { d: "M280.069 248.348L282.69 256.438C282.69 256.438 280.546 272.38 291.745 282.85L294.128 290.94L291.666 291.007L289.065 283.24C289.065 283.24 280.427 272.834 280.367 257.26L278.163 248.348H280.069Z", fill: "#1D283D" }),
+                    react_1.default.createElement("path", { d: "M324.987 322.466C327.882 322.466 330.229 320.122 330.229 317.231C330.229 314.34 327.882 311.996 324.987 311.996C322.091 311.996 319.744 314.34 319.744 317.231C319.744 320.122 322.091 322.466 324.987 322.466Z", fill: "#1D283D" }),
+                    react_1.default.createElement("path", { d: "M375.862 300.458C378.757 300.458 381.104 298.114 381.104 295.223C381.104 292.332 378.757 289.988 375.862 289.988C372.966 289.988 370.619 292.332 370.619 295.223C370.619 298.114 372.966 300.458 375.862 300.458Z", fill: "#1D283D" }),
+                    react_1.default.createElement("path", { d: "M187.577 72.4766C187.577 72.4766 175.443 74.6796 174.891 79.6365C174.576 83.1175 174.576 86.6199 174.891 90.1009L187.577 72.4766Z", fill: "#575A89" }),
+                    react_1.default.createElement("path", { d: "M257.073 188.137C257.073 188.137 221.774 200.805 198.608 189.79C175.443 178.774 147.314 165.005 147.314 165.005C147.314 165.005 133.525 166.107 135.179 157.846C136.834 149.584 147.865 101.668 173.237 85.6959C173.237 85.6959 188.68 65.8685 197.505 66.97C206.33 68.0716 240.527 149.584 240.527 149.584L257.073 188.137Z", fill: "#575A89" }),
+                    react_1.default.createElement("path", { opacity: "0.2", d: "M257.073 188.137C257.073 188.137 221.774 200.805 198.608 189.79C175.443 178.774 147.314 165.005 147.314 165.005C147.314 165.005 133.525 166.107 135.179 157.846C136.834 149.584 147.865 101.668 173.237 85.6959C173.237 85.6959 188.68 65.8685 197.505 66.97C206.33 68.0716 240.527 149.584 240.527 149.584L257.073 188.137Z", fill: "black" }),
+                    react_1.default.createElement("path", { d: "M275.826 158.395L278.032 163.902C278.032 163.902 292.373 172.714 286.306 178.773C280.238 184.831 271.106 168.584 271.106 168.584L267.553 161.699L275.826 158.395Z", fill: "#A0616A" }),
+                    react_1.default.createElement("path", { d: "M155.035 256.98L152.829 294.983L164.412 299.94L168.824 254.227L155.035 256.98Z", fill: "#A0616A" }),
+                    react_1.default.createElement("path", { d: "M201.917 256.98L217.361 276.808L221.773 290.026L232.805 289.475L235.562 276.257L220.119 260.836L201.917 256.98Z", fill: "#A0616A" }),
+                    react_1.default.createElement("path", { d: "M200.538 62.2879C208.763 62.2879 215.43 55.6302 215.43 47.4174C215.43 39.2046 208.763 32.5469 200.538 32.5469C192.314 32.5469 185.646 39.2046 185.646 47.4174C185.646 55.6302 192.314 62.2879 200.538 62.2879Z", fill: "#A0616A" }),
+                    react_1.default.createElement("path", { d: "M197.505 58.7068L198.608 72.4758L216.258 66.9682C216.258 66.9682 209.639 56.5038 211.294 53.75L197.505 58.7068Z", fill: "#A0616A" }),
+                    react_1.default.createElement("path", { d: "M197.505 66.9686C197.505 66.9686 207.955 69.7224 214.037 63.1133L226.738 69.1716L210.191 130.857L175.443 121.494L180.958 109.377C180.958 109.377 173.788 101.116 181.51 93.4051C181.51 93.4051 183.165 77.9838 188.129 74.6793C191.469 72.3813 194.606 69.8016 197.505 66.9686Z", fill: "#D0CDE1" }),
+                    react_1.default.createElement("path", { d: "M213.776 62.8398C213.776 62.8398 195.023 77.7104 215.43 121.771C235.838 165.832 252.936 203.284 259.555 201.081C266.174 198.878 288.787 181.804 281.066 175.746C273.344 169.687 240.802 150.411 236.39 125.076C231.977 99.7408 242.457 73.8551 242.457 73.8551L213.776 62.8398Z", fill: "#575A89" }),
+                    react_1.default.createElement("path", { d: "M234.459 79.6367L281.893 159.497L268.656 165.005L227.841 109.929L234.459 79.6367Z", fill: "#575A89" }),
+                    react_1.default.createElement("path", { d: "M178.201 119.84H174.34L159.999 150.682C159.999 150.682 132.973 232.195 135.731 248.718C138.489 265.241 241.08 263.017 235.562 262.487C230.313 261.982 203.002 136.392 211.018 129.478L178.201 119.84Z", fill: "#1D283D" }),
+                    react_1.default.createElement("path", { d: "M156.69 290.578C156.69 290.578 155.587 286.172 151.174 286.172C146.762 286.172 146.762 292.23 146.762 292.23L134.076 303.796C134.076 303.796 123.045 317.565 137.386 317.565C151.726 317.565 151.726 314.261 151.726 314.261C151.726 314.261 155.587 310.405 158.896 312.608C162.206 314.811 169.927 310.405 168.824 308.202C167.721 305.999 166.073 291.747 164.967 294.192C163.86 296.636 156.69 290.578 156.69 290.578Z", fill: "#1D283D" }),
+                    react_1.default.createElement("path", { d: "M230.047 283.967C230.047 283.967 231.15 283.416 225.634 283.967C220.119 284.518 217.913 283.967 217.913 283.967L221.773 298.837C221.773 298.837 218.464 324.172 229.495 321.969C240.526 319.766 240.526 304.345 240.526 304.345C240.526 304.345 238.872 290.576 239.975 289.474C241.078 288.373 240.526 273.502 238.872 273.502C237.217 273.502 229.231 269.934 229.231 269.934C229.231 269.934 234.459 283.967 230.047 283.967Z", fill: "#1D283D" }),
+                    react_1.default.createElement("path", { d: "M200.991 48.3061C200.065 46.8819 200.533 44.9455 199.883 43.3761C198.863 40.9116 195.691 40.3342 193.03 40.1094C191.267 39.8834 189.482 39.8881 187.721 40.1235C186.942 40.2528 186.204 40.5609 185.565 41.0236C184.926 41.4862 184.403 42.0908 184.038 42.7896C183.644 43.5781 183.744 41.1076 183.996 37.9363C184.251 34.7 185.529 31.6283 187.645 29.1636C189.761 26.699 192.606 24.9687 195.769 24.222C195.807 24.2132 195.844 24.2046 195.881 24.1961C199.121 23.4497 202.462 22.9004 205.765 23.2879C209.067 23.6753 212.359 25.0988 214.42 27.7044C215.362 28.8953 216.028 30.2997 217.08 31.3953C218.927 33.3204 221.666 34.0209 224.182 34.9142C227.066 35.843 229.721 37.3721 231.97 39.4007C234.146 41.4913 235.688 44.3561 235.734 47.3712C235.787 50.8884 233.547 54.5181 229.936 55.2115C229.308 55.3208 228.715 55.5764 228.205 55.9575C224.758 58.6266 228.69 61.4206 228.663 64.4254C228.64 66.9326 225.845 68.5667 223.337 68.6836C220.992 68.7257 218.705 67.9521 216.869 66.4953C215.032 65.0385 213.761 62.9893 213.271 60.6988C212.893 58.6412 213.185 56.5279 213.431 54.4504C213.713 52.0723 208.584 46.4726 211.972 50.577C212.633 51.3571 213.08 52.2957 213.267 53.3003C213.831 56.5792 210.843 57.6821 208.959 59.499C207.924 60.5266 207.199 61.8232 206.864 63.2417C206.53 64.6602 206.601 66.1438 207.069 67.5242C205.515 66.1186 204.501 64.2154 204.202 62.1431C203.904 60.0708 204.339 57.9594 205.433 56.1733C206.04 55.2437 206.822 54.435 207.397 53.4857C208.295 52.0045 208.543 48.7826 206.029 48.8711C204.235 48.9343 202.371 50.4261 200.991 48.3061Z", fill: "#1D283D" }),
+                    react_1.default.createElement("path", { d: "M75.6928 309.436C75.6928 309.436 53.5498 268.623 0 286.271L75.6928 309.436Z", fill: "#F0F0F5" }),
+                    react_1.default.createElement("path", { d: "M77.028 308.439C77.028 308.439 49.6438 273.681 89.1687 230.32L77.028 308.439Z", fill: "#F0F0F5" })),
+                react_1.default.createElement("defs", null,
+                    react_1.default.createElement("clipPath", { id: "clip0" },
+                        react_1.default.createElement("rect", { width: "410", height: "325", fill: "white" }))))),
+        react_1.default.createElement("div", { className: "u-marg-bottom" },
+            react_1.default.createElement(Headline_1.default, { size: "large", bold: true }, t(Translation_1.Translation.Step.Addon.NotFound.Title))),
+        react_1.default.createElement(Text_1.default, { color: Color_1.Color.DarkGrey }, t(Translation_1.Translation.Step.Addon.NotFound.Message))));
 }
 exports.default = AddonsNotFound;
 //# sourceMappingURL=AddonsNotFound.js.map