npm - @roomstay/frontend - Versions diffs - 2.0.12 → 2.1.1 - Mend

@roomstay/frontend 2.0.12 → 2.1.1

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

package/dist/src/components/pages/Account/Card/MemberCardItem.js CHANGED Viewed

@@ -1,22 +1,48 @@
 "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 });
 exports.MemberCardItem = void 0;
 const contexts_1 = require("@frontend/contexts");
-const classNames = require("classnames");
-const BEButton_1 = require("components/generic/BEButton");
-const Icon_1 = require("components/generic/Icon/Icon");
-const Pill_1 = require("components/generic/Pill");
-const Text_1 = require("components/generic/Text");
-const RoomstayThemeEngine_1 = require("providers/RoomstayThemeEngine");
-const React = require("react");
-const Color_1 = require("util/Color");
-const PaymentCardHelper_1 = require("util/PaymentCardHelper");
-const MemberCardItem_module_scss_1 = require("./MemberCardItem.module.scss");
+const classnames_1 = __importDefault(require("classnames"));
+const BEButton_1 = __importDefault(require("@/components/generic/BEButton"));
+const Icon_1 = require("@/components/generic/Icon/Icon");
+const Pill_1 = __importStar(require("@/components/generic/Pill"));
+const Text_1 = __importStar(require("@/components/generic/Text"));
+const RoomstayThemeEngine_1 = __importDefault(require("@/providers/RoomstayThemeEngine"));
+const React = __importStar(require("react"));
+const Color_1 = require("@/util/Color");
+const PaymentCardHelper_1 = require("@/util/PaymentCardHelper");
+const MemberCardItem_module_scss_1 = __importDefault(require("./MemberCardItem.module.scss"));
 const MemberCardItem = (props) => {
     var _a, _b, _c, _d;
     const { item, onClick, selected } = props;
     const { roomstayMember } = React.useContext(contexts_1.RoomstayMemberContext);
-    const cardClasses = classNames(MemberCardItem_module_scss_1.default['card'], {
+    const cardClasses = (0, classnames_1.default)(MemberCardItem_module_scss_1.default['card'], {
         [MemberCardItem_module_scss_1.default['--selected']]: selected,
     });
     const cardGraphics = (0, PaymentCardHelper_1.mapCardTypeToGraphic)(item === null || item === void 0 ? void 0 : item.type);

package/dist/src/components/pages/Account/Card/MemberCardItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MemberCardItem.js","sourceRoot":"/","sources":["src/components/pages/Account/Card/MemberCardItem.tsx"],"names":[],"mappings":"~~;;;~~AAAA,iDAA2D;AAE3D,~~yCAAyC~~;~~AACzC~~,~~0DAAmD~~;~~AACnD~~,~~uDAAwD~~;~~AACxD~~,~~kDAAyD~~;~~AACzD~~,~~kDAAyD~~;~~AAEzD~~,~~uEAAgE~~;~~AAChE,+BAA~~+B;AAC/B,~~sCAAmC~~;~~AACnC~~,~~8DAA8D~~;~~AAE9D~~,~~6EAAkD~~;AAQ3C,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;;IACzD,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,gCAAqB,CAAC,CAAC;IAEnE,MAAM,WAAW,GAAG,~~UAAU~~,~~CAAC~~,oCAAM,CAAC,MAAM,CAAC,EAAE;QAC3C,CAAC,oCAAM,CAAC,YAAY,CAAC,CAAC,EAAE,QAAQ;KACnC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,IAAA,wCAAoB,EAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAiB,CAAC,CAAC;IACnE,MAAM,OAAO,GAAG,YAAY,CAAC,WAAW,CAAC;IAEzC,MAAM,gBAAgB,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,0CAAE,SAAS,CAAC,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,0CAAE,MAAM,IAAG,CAAC,CAAC,CAAC;IAEnF,MAAM,YAAY,GAAG,OAAO,CAAC,CAAC,CAAC,6BAAK,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,GAAI,CAAC,CAAC,CAAC,6BAAK,GAAG,EAAE,6BAAmB,CAAC,gBAAgB,EAAE,GAAG,cAAc,EAAE,GAAG,EAAC,UAAU,GAAG,CAAC;IAC7J,MAAM,cAAc,GAAG,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,0CAAE,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,IAAG,KAAK,IAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,0CAAE,SAAS,CAAC,CAAC,CAAC,CAAA,CAAC;IAE1F,OAAO,CACH,6BAAK,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI;QACnD,6BAAK,SAAS,EAAE,oCAAM,CAAC,kBAAkB,CAAC,IAAG,YAAY,CAAO;QAChE,6BAAK,SAAS,EAAE,oCAAM,CAAC,cAAc,CAAC,IACjC,IAAI,CAAC,CAAC,CAAC,CACJ;YAEK,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,MAAK,IAAI,CAAC,MAAM,IAAI,CAC5C,6BAAK,SAAS,EAAC,sBAAsB;gBACjC,oBAAC,cAAI,IAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,eAAQ,CAAC,OAAO,mBAEpC,CACL,CACT;YACD,oBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK;;gBAClB,gBAAgB,CAC7B;YACP,oBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,IACjC,cAAc,CACZ,CACR,CACN,CAAC,CAAC,CAAC,CACA,oBAAC,kBAAQ,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,aAAK,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,eAAQ,CAAC,UAAU,EAAE,YAAY,EAAE,OAAO,mBAEjI,CACd,CACC,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AA7CW,QAAA,cAAc,kBA6CzB","sourcesContent":["import { RoomstayMemberContext } from '@frontend/contexts';\nimport { IRoomstayMemberCards } from '@roomstay/core';\nimport * as classNames from 'classnames';\nimport BEButton from 'components/generic/BEButton';\nimport { IconType } from 'components/generic/Icon/Icon';\nimport Pill, { PillType } from 'components/generic/Pill';\nimport Text, { TextType } from 'components/generic/Text';\nimport { ECardType } from 'models/PaymentCard';\nimport RoomstayThemeEngine from 'providers/RoomstayThemeEngine';\nimport * as React from 'react';\nimport { Color } from 'util/Color';\nimport { mapCardTypeToGraphic } from 'util/PaymentCardHelper';\n\nimport styles from './MemberCardItem.module.scss';\n\ntype MemberCardItemProps = {\n item?: IRoomstayMemberCards;\n onClick?: () => void;\n selected?: boolean;\n};\n\nexport const MemberCardItem = (props: MemberCardItemProps) => {\n const { item, onClick, selected } = props;\n const { roomstayMember } = React.useContext(RoomstayMemberContext);\n\n const cardClasses = classNames(styles['card'], {\n [styles['--selected']]: selected,\n });\n\n const cardGraphics = mapCardTypeToGraphic(item?.type as ECardType);\n const iconUrl = cardGraphics.miniCardUrl;\n\n const hiddenCardNumber = item?.cardNumber?.substring(item?.cardNumber?.length - 4);\n\n const renderedIcon = iconUrl ? <img src={iconUrl} alt={item?.type} /> : <img src={RoomstayThemeEngine.getImageAssetUrl() + 'add-card.svg'} alt=\"Add card\" />;\n const expirationDate = item?.expiry?.substring(0, 2) + ' / ' + item?.expiry?.substring(2);\n\n return (\n <div className={cardClasses} onClick={() => onClick?.()}>\n <div className={styles['card-infographic']}>{renderedIcon}</div>\n <div className={styles['card-details']}>\n {item ? (\n <>\n {/** TODO: check if card is on users default card object */}\n {roomstayMember?.defaultCard === item.cardId && (\n <div className=\"u-marg-bottom--light\">\n <Pill size={'small'} type={PillType.Primary}>\n DEFAULT CARD\n </Pill>\n </div>\n )}\n <Text bold={true} type={TextType.Small}>\n •••• •••• •••• {hiddenCardNumber}\n </Text>\n <Text bold={true} type={TextType.Small}>\n {expirationDate}\n </Text>\n </>\n ) : (\n <BEButton onClick={() => onClick?.()} isText={true} textColor={Color.Accent3} size={'tiny'} icon={IconType.ArrowRight} iconPosition={'right'}>\n Add new Card\n </BEButton>\n )}\n </div>\n </div>\n );\n};\n"]}
1	+ {"version":3,"file":"MemberCardItem.js","sourceRoot":"/","sources":["src/components/pages/Account/Card/MemberCardItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAA2D;AAE3D,4DAAoC;AACpC,6EAAqD;AACrD,yDAA0D;AAC1D,kEAA2D;AAC3D,kEAA2D;AAE3D,0FAAkE;AAClE,6CAA+B;AAC/B,wCAAqC;AACrC,gEAAgE;AAEhE,8FAAkD;AAQ3C,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;;IACzD,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,gCAAqB,CAAC,CAAC;IAEnE,MAAM,WAAW,GAAG,IAAA,oBAAU,EAAC,oCAAM,CAAC,MAAM,CAAC,EAAE;QAC3C,CAAC,oCAAM,CAAC,YAAY,CAAC,CAAC,EAAE,QAAQ;KACnC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,IAAA,wCAAoB,EAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAiB,CAAC,CAAC;IACnE,MAAM,OAAO,GAAG,YAAY,CAAC,WAAW,CAAC;IAEzC,MAAM,gBAAgB,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,0CAAE,SAAS,CAAC,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,0CAAE,MAAM,IAAG,CAAC,CAAC,CAAC;IAEnF,MAAM,YAAY,GAAG,OAAO,CAAC,CAAC,CAAC,6BAAK,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,GAAI,CAAC,CAAC,CAAC,6BAAK,GAAG,EAAE,6BAAmB,CAAC,gBAAgB,EAAE,GAAG,cAAc,EAAE,GAAG,EAAC,UAAU,GAAG,CAAC;IAC7J,MAAM,cAAc,GAAG,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,0CAAE,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,IAAG,KAAK,IAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,0CAAE,SAAS,CAAC,CAAC,CAAC,CAAA,CAAC;IAE1F,OAAO,CACH,6BAAK,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI;QACnD,6BAAK,SAAS,EAAE,oCAAM,CAAC,kBAAkB,CAAC,IAAG,YAAY,CAAO;QAChE,6BAAK,SAAS,EAAE,oCAAM,CAAC,cAAc,CAAC,IACjC,IAAI,CAAC,CAAC,CAAC,CACJ;YAEK,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,MAAK,IAAI,CAAC,MAAM,IAAI,CAC5C,6BAAK,SAAS,EAAC,sBAAsB;gBACjC,oBAAC,cAAI,IAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,eAAQ,CAAC,OAAO,mBAEpC,CACL,CACT;YACD,oBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK;;gBAClB,gBAAgB,CAC7B;YACP,oBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,IACjC,cAAc,CACZ,CACR,CACN,CAAC,CAAC,CAAC,CACA,oBAAC,kBAAQ,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,aAAK,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,eAAQ,CAAC,UAAU,EAAE,YAAY,EAAE,OAAO,mBAEjI,CACd,CACC,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AA7CW,QAAA,cAAc,kBA6CzB","sourcesContent":["import { RoomstayMemberContext } from '@frontend/contexts';\nimport { IRoomstayMemberCards } from '@roomstay/core';\nimport classNames from 'classnames';\nimport BEButton from '@/components/generic/BEButton';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Pill, { PillType } from '@/components/generic/Pill';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { ECardType } from '@/models/PaymentCard';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport * as React from 'react';\nimport { Color } from '@/util/Color';\nimport { mapCardTypeToGraphic } from '@/util/PaymentCardHelper';\n\nimport styles from './MemberCardItem.module.scss';\n\ntype MemberCardItemProps = {\n item?: IRoomstayMemberCards;\n onClick?: () => void;\n selected?: boolean;\n};\n\nexport const MemberCardItem = (props: MemberCardItemProps) => {\n const { item, onClick, selected } = props;\n const { roomstayMember } = React.useContext(RoomstayMemberContext);\n\n const cardClasses = classNames(styles['card'], {\n [styles['--selected']]: selected,\n });\n\n const cardGraphics = mapCardTypeToGraphic(item?.type as ECardType);\n const iconUrl = cardGraphics.miniCardUrl;\n\n const hiddenCardNumber = item?.cardNumber?.substring(item?.cardNumber?.length - 4);\n\n const renderedIcon = iconUrl ? <img src={iconUrl} alt={item?.type} /> : <img src={RoomstayThemeEngine.getImageAssetUrl() + 'add-card.svg'} alt=\"Add card\" />;\n const expirationDate = item?.expiry?.substring(0, 2) + ' / ' + item?.expiry?.substring(2);\n\n return (\n <div className={cardClasses} onClick={() => onClick?.()}>\n <div className={styles['card-infographic']}>{renderedIcon}</div>\n <div className={styles['card-details']}>\n {item ? (\n <>\n {/** TODO: check if card is on users default card object */}\n {roomstayMember?.defaultCard === item.cardId && (\n <div className=\"u-marg-bottom--light\">\n <Pill size={'small'} type={PillType.Primary}>\n DEFAULT CARD\n </Pill>\n </div>\n )}\n <Text bold={true} type={TextType.Small}>\n •••• •••• •••• {hiddenCardNumber}\n </Text>\n <Text bold={true} type={TextType.Small}>\n {expirationDate}\n </Text>\n </>\n ) : (\n <BEButton onClick={() => onClick?.()} isText={true} textColor={Color.Accent3} size={'tiny'} icon={IconType.ArrowRight} iconPosition={'right'}>\n Add new Card\n </BEButton>\n )}\n </div>\n </div>\n );\n};\n"]}

package/dist/src/components/pages/PageColorComponent.js CHANGED Viewed

@@ -1,10 +1,36 @@
 "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 });
 exports.PageColorComponent = void 0;
-const React = require("react");
+const React = __importStar(require("react"));
 const react_1 = require("react");
 const hooks_1 = require("@frontend/hooks");
-const RoomstayThemeEngine_1 = require("providers/RoomstayThemeEngine");
+const RoomstayThemeEngine_1 = __importDefault(require("@/providers/RoomstayThemeEngine"));
 const PageColorComponent = () => {
     const { hotel } = (0, hooks_1.useCurrentHotel)();
     (0, react_1.useEffect)(() => {

package/dist/src/components/pages/PageColorComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PageColorComponent.js","sourceRoot":"/","sources":["src/components/pages/PageColorComponent.tsx"],"names":[],"mappings":"~~;;;~~AAAA~~,+BAA~~+B;AAC/B,iCAAkC;AAClC,2CAAkD;AAClD,~~uEAAgE~~;~~AAEzD~~,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,KAAK,EAAE;YACP,6BAAmB,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;SACjD;IACL,CAAC,EAAE,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC,CAAC,CAAC;IAEpB,OAAO,yCAAK,CAAC;AACjB,CAAC,CAAC;AAVW,QAAA,kBAAkB,sBAU7B","sourcesContent":["import * as React from 'react';\nimport { useEffect } from 'react';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport RoomstayThemeEngine from 'providers/RoomstayThemeEngine';\n\nexport const PageColorComponent = () => {\n const { hotel } = useCurrentHotel();\n\n useEffect(() => {\n if (hotel) {\n RoomstayThemeEngine.changeTheme(hotel.colors);\n }\n }, [hotel?.colors]);\n\n return <></>;\n};\n"]}
1	+ {"version":3,"file":"PageColorComponent.js","sourceRoot":"/","sources":["src/components/pages/PageColorComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAkC;AAClC,2CAAkD;AAClD,0FAAkE;AAE3D,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,KAAK,EAAE;YACP,6BAAmB,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;SACjD;IACL,CAAC,EAAE,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC,CAAC,CAAC;IAEpB,OAAO,yCAAK,CAAC;AACjB,CAAC,CAAC;AAVW,QAAA,kBAAkB,sBAU7B","sourcesContent":["import * as React from 'react';\nimport { useEffect } from 'react';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\n\nexport const PageColorComponent = () => {\n const { hotel } = useCurrentHotel();\n\n useEffect(() => {\n if (hotel) {\n RoomstayThemeEngine.changeTheme(hotel.colors);\n }\n }, [hotel?.colors]);\n\n return <></>;\n};\n"]}

package/dist/src/components/reservation/ReservationItem.js CHANGED Viewed

@@ -1,28 +1,54 @@
 "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 });
 exports.ReservationAction = void 0;
 const contexts_1 = require("@frontend/contexts");
 const core_1 = require("@roomstay/core");
-const classNames = require("classnames");
-const BEButton_1 = require("components/generic/BEButton");
-const Headline_1 = require("components/generic/Headline");
-const Icon_1 = require("components/generic/Icon/Icon");
-const Text_1 = require("components/generic/Text");
-const ImageGallerySlider_1 = require("components/steps/room/ImageGallerySlider");
-const dayjs = require("dayjs");
-const CurrentHotelHook_1 = require("hooks/CurrentHotelHook");
-const AccountRoutes_1 = require("pages/account/AccountRoutes");
-const ImageProvider_1 = require("providers/ImageProvider");
-const React = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const BEButton_1 = __importDefault(require("@/components/generic/BEButton"));
+const Headline_1 = __importDefault(require("@/components/generic/Headline"));
+const Icon_1 = __importStar(require("@/components/generic/Icon/Icon"));
+const Text_1 = __importStar(require("@/components/generic/Text"));
+const ImageGallerySlider_1 = __importDefault(require("@/components/steps/room/ImageGallerySlider"));
+const dayjs_1 = __importDefault(require("dayjs"));
+const CurrentHotelHook_1 = require("@/hooks/CurrentHotelHook");
+const AccountRoutes_1 = require("@/pages/account/AccountRoutes");
+const ImageProvider_1 = require("@/providers/ImageProvider");
+const React = __importStar(require("react"));
 const react_1 = require("react");
 const react_i18next_1 = require("react-i18next");
 const react_router_dom_1 = require("react-router-dom");
 const Translation_1 = require("translations/Translation");
-const Color_1 = require("util/Color");
-const ScreenSize_1 = require("util/ScreenSize");
-const TextAlignment_1 = require("util/TextAlignment");
-const ReservationItem_module_scss_1 = require("./ReservationItem.module.scss");
-const StepManager_1 = require("util/StepManager");
+const Color_1 = require("@/util/Color");
+const ScreenSize_1 = __importDefault(require("@/util/ScreenSize"));
+const TextAlignment_1 = require("@/util/TextAlignment");
+const ReservationItem_module_scss_1 = __importDefault(require("./ReservationItem.module.scss"));
+const StepManager_1 = __importDefault(require("@/util/StepManager"));
 var ReservationAction;
 (function (ReservationAction) {
     ReservationAction["MoreDetails"] = "MoreDetails";
@@ -45,7 +71,7 @@ const ReservationItem = (props) => {
             mobileWidth: true,
             rounded: true,
             wide: isMobile,
-            className: classNames({
+            className: (0, classnames_1.default)({
                 'u-marg-right@m': index === 0,
             }),
         };
@@ -83,8 +109,8 @@ const ReservationItem = (props) => {
         return React.createElement(React.Fragment, null);
     }
     const itineraryItemNights = Object.keys(itineraryItem.nights);
-    const checkInDate = dayjs(itineraryItem.checkInDate);
-    const checkOutDate = dayjs(itineraryItem.checkOutDate);
+    const checkInDate = (0, dayjs_1.default)(itineraryItem.checkInDate);
+    const checkOutDate = (0, dayjs_1.default)(itineraryItem.checkOutDate);
     const reservationOccupancy = itineraryItem.adults + itineraryItem.children;
     const cancelled = itineraryItem.status === core_1.IBookingStatus.Cancelled;
     return (React.createElement(React.Fragment, null,
@@ -100,9 +126,9 @@ const ReservationItem = (props) => {
                         React.createElement(react_router_dom_1.Link, { to: AccountRoutes_1.AccountRoutes.Help.path }, "get in touch")),
                     ' ',
                     "if you find this to be a mistake")))),
-        React.createElement("div", { className: classNames('reservation-item-container', { 'u-marg-bottom--heavy u-marg-bottom@m-': !disableMarginBottom }) },
+        React.createElement("div", { className: (0, classnames_1.default)('reservation-item-container', { 'u-marg-bottom--heavy u-marg-bottom@m-': !disableMarginBottom }) },
             React.createElement("div", { className: "reservation-item" },
-                React.createElement("div", { className: classNames('reservation-item--image u-border-rounded u-print-none', { 'reservation-item--disabled': cancelled }) },
+                React.createElement("div", { className: (0, classnames_1.default)('reservation-item--image u-border-rounded u-print-none', { 'reservation-item--disabled': cancelled }) },
                     React.createElement(ImageGallerySlider_1.default, { images: itineraryItem.images, imageSize: ImageProvider_1.ImageSize.Medium }),
                     React.createElement("div", { className: "reservation-item--floating-date" },
                         React.createElement(Headline_1.default, { size: 'extra-large', color: cancelled ? Color_1.Color.DarkGrey : Color_1.Color.White, align: TextAlignment_1.TextAlign.Center }, checkInDate.format('DD')),

package/dist/src/components/reservation/ReservationItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReservationItem.js","sourceRoot":"/","sources":["src/components/reservation/ReservationItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport { IBookingStatus } from '@roomstay/core';\nimport * as classNames from 'classnames';\nimport BEButton, { BEButtonProps } from 'components/generic/BEButton';\nimport Headline, { HeadlineProps } from 'components/generic/Headline';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport Text, { TextType } from 'components/generic/Text';\nimport ImageGallerySlider from 'components/steps/room/ImageGallerySlider';\nimport * as dayjs from 'dayjs';\nimport { useCurrentHotel } from 'hooks/CurrentHotelHook';\nimport { IRoomstayMemberBookingItemWithRef } from '@frontend/contexts';\nimport { AccountRoutes } from 'pages/account/AccountRoutes';\nimport { ImageSize } from 'providers/ImageProvider';\nimport * as React from 'react';\nimport { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\nimport { Color } from 'util/Color';\nimport ScreenSize from 'util/ScreenSize';\nimport { TextAlign } from 'util/TextAlignment';\nimport styles from './ReservationItem.module.scss';\nimport Tooltip from 'components/generic/Tooltip/Tooltip';\nimport StepManager from 'util/StepManager';\n\nexport enum ReservationAction {\n MoreDetails = 'MoreDetails',\n BookAgain = 'BookAgain',\n Cancel = 'Cancel',\n Modify = 'Modify',\n}\n\nexport type ReservationItemProps = {\n itineraryItem: IRoomstayMemberBookingItemWithRef;\n disableMarginBottom?: boolean;\n actions?: ReservationAction[];\n showCancelledNotifications?: boolean;\n onActionClick?: (action: ReservationAction, item: IRoomstayMemberBookingItemWithRef) => void;\n};\n\nconst defaultActions: ReservationAction[] = [ReservationAction.MoreDetails];\n\nconst ReservationItem = (props: ReservationItemProps) => {\n const { itineraryItem, disableMarginBottom, actions = defaultActions, showCancelledNotifications = false } = props;\n\n const { t } = useTranslation();\n const context = useContext(BookingEngineContext);\n const { hotel } = useCurrentHotel();\n\n const isMobile = context.screenSize <= ScreenSize.Large;\n\n const nameSize: HeadlineProps['size'] = isMobile ? 'normal' : 'large';\n const CheckinCheckoutComponent = isMobile ? Text : Headline;\n\n const renderActions = () =>\n actions.map((action, index) => {\n const defaultButtonProps: BEButtonProps = {\n mobileWidth: true,\n rounded: true,\n wide: isMobile,\n className: classNames({\n 'u-marg-right@m': index === 0,\n }),\n };\n\n const onActionClick = () => {\n if (props.onActionClick) {\n props.onActionClick(action, itineraryItem);\n }\n };\n\n /*\n Only renders Cancel if the booking is NOT cancelled\n /\n if (cancelled && action === ReservationAction.Cancel) {\n return;\n }\n\n /\n Only renders BookAgain if booking IS cancelled\n */\n if (!cancelled && action === ReservationAction.BookAgain) {\n return;\n }\n\n switch (action) {\n case ReservationAction.Modify:\n return (\n <BEButton {...defaultButtonProps} icon={IconType.ArrowRight} iconPosition=\"right\" onClick={onActionClick}>\n {t(Translation.Reservation.ModifyThisRoom)}\n </BEButton>\n );\n case ReservationAction.Cancel:\n return (\n <BEButton {...defaultButtonProps} danger={true} onClick={onActionClick} disabled={!itineraryItem.isCancellable}>\n {t(Translation.Reservation.CancelReservation)}\n </BEButton>\n );\n case ReservationAction.BookAgain:\n return (\n <Link to={StepManager.getFirstStep().getStepUrl()}>\n <BEButton {...defaultButtonProps} icon={IconType.ArrowRight} iconPosition=\"right\" onClick={onActionClick}>\n {t(Translation.Reservation.BookAgain)}\n </BEButton>\n </Link>\n );\n case ReservationAction.MoreDetails:\n return (\n <Link to={`${AccountRoutes.SingleReservation.path}${itineraryItem.bookingId}/item`}>\n <BEButton {...defaultButtonProps} primary={true} filled={true} icon={IconType.ArrowRight} iconPosition=\"right\">\n {t(Translation.Reservation.MoreDetails)}\n </BEButton>\n </Link>\n );\n }\n });\n\n if (!itineraryItem) {\n return <></>;\n }\n\n const itineraryItemNights = Object.keys(itineraryItem.nights);\n\n const checkInDate = dayjs(itineraryItem.checkInDate);\n const checkOutDate = dayjs(itineraryItem.checkOutDate);\n\n const reservationOccupancy = itineraryItem.adults + itineraryItem.children;\n\n const cancelled = itineraryItem.status === IBookingStatus.Cancelled;\n\n return (\n <>\n {showCancelledNotifications && cancelled && (\n <div className={styles['cancelledNotification']}>\n <div className={styles['cancelledNotification-icon']}>\n <Icon icon={IconType.Error} size={'44px'} color={Color.Danger} />\n </div>\n <div>\n <Text type={TextType.Small} bold={true} color={Color.Danger} className={styles['cancelledNotification-title']}>\n This room is cancelled!\n </Text>\n <Text type={TextType.Small}>\n This room has been cancelled, please{' '}\n <span style={{ color: Color.Accent }}>\n <Link to={AccountRoutes.Help.path}>get in touch</Link>\n </span>{' '}\n if you find this to be a mistake\n </Text>\n </div>\n </div>\n )}\n <div className={classNames('reservation-item-container', { 'u-marg-bottom--heavy u-marg-bottom@m-': !disableMarginBottom })}>\n <div className=\"reservation-item\">\n <div className={classNames('reservation-item--image u-border-rounded u-print-none', { 'reservation-item--disabled': cancelled })}>\n <ImageGallerySlider images={itineraryItem.images} imageSize={ImageSize.Medium} />\n <div className=\"reservation-item--floating-date\">\n <Headline size={'extra-large'} color={cancelled ? Color.DarkGrey : Color.White} align={TextAlign.Center}>\n {checkInDate.format('DD')}\n </Headline>\n <Text type={TextType.Small} color={cancelled ? Color.DarkGrey : Color.White} bold={true}>\n {checkInDate.format('MMM YYYY')}\n </Text>\n </div>\n </div>\n\n <div className=\"reservation-item--content u-pad--heavy u-pad-left-none@m- u-pad-right-none@m- u-pad-bottom-none@m- u-print-pad-left-none\">\n <div className=\"reservation-item--content-title u-marg-bottom--light\">\n <Headline bold size={nameSize}>\n {itineraryItem.roomName}\n </Headline>\n </div>\n <div className=\"text-body u-marg-bottom\">{(itineraryItem?.profile?.firstName ?? '') + ' ' + (itineraryItem?.profile?.lastName ?? '')}</div>\n <div className=\"reservation-item--info u-marg-bottom--heavy\">\n <div className=\"u-flex u-flex-gap--light\">\n <div className=\"u-flex u-flex-nowrap u-flex-gap--light\">\n <Icon icon={IconType.Calendar} color={Color.Grey} />\n <Text type={TextType.Small}>{checkInDate.format('D MMM, YYYY')}</Text>\n </div>\n <div className=\"u-flex u-flex-nowrap u-flex-gap--light\">\n <Icon icon={IconType.ArrowRight2} color={Color.Grey} />\n <Text type={TextType.Small}>{checkOutDate.format('D MMM, YYYY')}</Text>\n </div>\n </div>\n <div className=\"u-flex u-flex-gap\">\n <div className=\"u-flex u-flex-nowrap u-flex-gap--light\">\n <Icon icon={IconType.LateCheckout} color={Color.Grey} />\n <Text type={TextType.Small}>{`${itineraryItemNights.length} night${itineraryItemNights.length > 1 ? 's' : ''}`}</Text>\n </div>\n <div className=\"u-flex u-flex-nowrap u-flex-gap--light\">\n <Icon icon={IconType.Person} color={Color.Grey} />\n <Text type={TextType.Small}>{`${reservationOccupancy} guest${reservationOccupancy > 1 ? 's' : ''}`}</Text>\n </div>\n </div>\n </div>\n <div className=\"reservation-item--checkin-checkout u-flex justify-content-start u-pad u-border-rounded\">\n <div className=\"u-marg-right--heavy\">\n <Text type={TextType.Small} color={Color.DarkGrey} className=\"u-marg-bottom--light\">\n {t(Translation.Misc.CheckIn)}\n </Text>\n <CheckinCheckoutComponent>\n {t(Translation.Reservation.After)} {hotel.checkInTime}\n </CheckinCheckoutComponent>\n </div>\n <div>\n <Text type={TextType.Small} color={Color.DarkGrey} className=\"u-marg-bottom--light\">\n {t(Translation.Misc.CheckOut)}\n </Text>\n <CheckinCheckoutComponent>\n {t(Translation.Reservation.Before)} {hotel.checkOutTime}\n </CheckinCheckoutComponent>\n </div>\n </div>\n <div className=\"reservation-item--actions u-flex justify-content-start u-print-none u-marg-top--heavy\">{renderActions()}</div>\n </div>\n </div>\n </div>\n </>\n );\n};\n\nexport default ReservationItem;\n"]}
1	+ {"version":3,"file":"ReservationItem.js","sourceRoot":"/","sources":["src/components/reservation/ReservationItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport { IBookingStatus } from '@roomstay/core';\nimport classNames from 'classnames';\nimport BEButton, { BEButtonProps } from '@/components/generic/BEButton';\nimport Headline, { HeadlineProps } from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport dayjs from 'dayjs';\nimport { useCurrentHotel } from '@/hooks/CurrentHotelHook';\nimport { IRoomstayMemberBookingItemWithRef } from '@frontend/contexts';\nimport { AccountRoutes } from '@/pages/account/AccountRoutes';\nimport { ImageSize } from '@/providers/ImageProvider';\nimport * as React from 'react';\nimport { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\nimport { TextAlign } from '@/util/TextAlignment';\nimport styles from './ReservationItem.module.scss';\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\nimport StepManager from '@/util/StepManager';\n\nexport enum ReservationAction {\n MoreDetails = 'MoreDetails',\n BookAgain = 'BookAgain',\n Cancel = 'Cancel',\n Modify = 'Modify',\n}\n\nexport type ReservationItemProps = {\n itineraryItem: IRoomstayMemberBookingItemWithRef;\n disableMarginBottom?: boolean;\n actions?: ReservationAction[];\n showCancelledNotifications?: boolean;\n onActionClick?: (action: ReservationAction, item: IRoomstayMemberBookingItemWithRef) => void;\n};\n\nconst defaultActions: ReservationAction[] = [ReservationAction.MoreDetails];\n\nconst ReservationItem = (props: ReservationItemProps) => {\n const { itineraryItem, disableMarginBottom, actions = defaultActions, showCancelledNotifications = false } = props;\n\n const { t } = useTranslation();\n const context = useContext(BookingEngineContext);\n const { hotel } = useCurrentHotel();\n\n const isMobile = context.screenSize <= ScreenSize.Large;\n\n const nameSize: HeadlineProps['size'] = isMobile ? 'normal' : 'large';\n const CheckinCheckoutComponent = isMobile ? Text : Headline;\n\n const renderActions = () =>\n actions.map((action, index) => {\n const defaultButtonProps: BEButtonProps = {\n mobileWidth: true,\n rounded: true,\n wide: isMobile,\n className: classNames({\n 'u-marg-right@m': index === 0,\n }),\n };\n\n const onActionClick = () => {\n if (props.onActionClick) {\n props.onActionClick(action, itineraryItem);\n }\n };\n\n /*\n Only renders Cancel if the booking is NOT cancelled\n /\n if (cancelled && action === ReservationAction.Cancel) {\n return;\n }\n\n /\n Only renders BookAgain if booking IS cancelled\n */\n if (!cancelled && action === ReservationAction.BookAgain) {\n return;\n }\n\n switch (action) {\n case ReservationAction.Modify:\n return (\n <BEButton {...defaultButtonProps} icon={IconType.ArrowRight} iconPosition=\"right\" onClick={onActionClick}>\n {t(Translation.Reservation.ModifyThisRoom)}\n </BEButton>\n );\n case ReservationAction.Cancel:\n return (\n <BEButton {...defaultButtonProps} danger={true} onClick={onActionClick} disabled={!itineraryItem.isCancellable}>\n {t(Translation.Reservation.CancelReservation)}\n </BEButton>\n );\n case ReservationAction.BookAgain:\n return (\n <Link to={StepManager.getFirstStep().getStepUrl()}>\n <BEButton {...defaultButtonProps} icon={IconType.ArrowRight} iconPosition=\"right\" onClick={onActionClick}>\n {t(Translation.Reservation.BookAgain)}\n </BEButton>\n </Link>\n );\n case ReservationAction.MoreDetails:\n return (\n <Link to={`${AccountRoutes.SingleReservation.path}${itineraryItem.bookingId}/item`}>\n <BEButton {...defaultButtonProps} primary={true} filled={true} icon={IconType.ArrowRight} iconPosition=\"right\">\n {t(Translation.Reservation.MoreDetails)}\n </BEButton>\n </Link>\n );\n }\n });\n\n if (!itineraryItem) {\n return <></>;\n }\n\n const itineraryItemNights = Object.keys(itineraryItem.nights);\n\n const checkInDate = dayjs(itineraryItem.checkInDate);\n const checkOutDate = dayjs(itineraryItem.checkOutDate);\n\n const reservationOccupancy = itineraryItem.adults + itineraryItem.children;\n\n const cancelled = itineraryItem.status === IBookingStatus.Cancelled;\n\n return (\n <>\n {showCancelledNotifications && cancelled && (\n <div className={styles['cancelledNotification']}>\n <div className={styles['cancelledNotification-icon']}>\n <Icon icon={IconType.Error} size={'44px'} color={Color.Danger} />\n </div>\n <div>\n <Text type={TextType.Small} bold={true} color={Color.Danger} className={styles['cancelledNotification-title']}>\n This room is cancelled!\n </Text>\n <Text type={TextType.Small}>\n This room has been cancelled, please{' '}\n <span style={{ color: Color.Accent }}>\n <Link to={AccountRoutes.Help.path}>get in touch</Link>\n </span>{' '}\n if you find this to be a mistake\n </Text>\n </div>\n </div>\n )}\n <div className={classNames('reservation-item-container', { 'u-marg-bottom--heavy u-marg-bottom@m-': !disableMarginBottom })}>\n <div className=\"reservation-item\">\n <div className={classNames('reservation-item--image u-border-rounded u-print-none', { 'reservation-item--disabled': cancelled })}>\n <ImageGallerySlider images={itineraryItem.images} imageSize={ImageSize.Medium} />\n <div className=\"reservation-item--floating-date\">\n <Headline size={'extra-large'} color={cancelled ? Color.DarkGrey : Color.White} align={TextAlign.Center}>\n {checkInDate.format('DD')}\n </Headline>\n <Text type={TextType.Small} color={cancelled ? Color.DarkGrey : Color.White} bold={true}>\n {checkInDate.format('MMM YYYY')}\n </Text>\n </div>\n </div>\n\n <div className=\"reservation-item--content u-pad--heavy u-pad-left-none@m- u-pad-right-none@m- u-pad-bottom-none@m- u-print-pad-left-none\">\n <div className=\"reservation-item--content-title u-marg-bottom--light\">\n <Headline bold size={nameSize}>\n {itineraryItem.roomName}\n </Headline>\n </div>\n <div className=\"text-body u-marg-bottom\">{(itineraryItem?.profile?.firstName ?? '') + ' ' + (itineraryItem?.profile?.lastName ?? '')}</div>\n <div className=\"reservation-item--info u-marg-bottom--heavy\">\n <div className=\"u-flex u-flex-gap--light\">\n <div className=\"u-flex u-flex-nowrap u-flex-gap--light\">\n <Icon icon={IconType.Calendar} color={Color.Grey} />\n <Text type={TextType.Small}>{checkInDate.format('D MMM, YYYY')}</Text>\n </div>\n <div className=\"u-flex u-flex-nowrap u-flex-gap--light\">\n <Icon icon={IconType.ArrowRight2} color={Color.Grey} />\n <Text type={TextType.Small}>{checkOutDate.format('D MMM, YYYY')}</Text>\n </div>\n </div>\n <div className=\"u-flex u-flex-gap\">\n <div className=\"u-flex u-flex-nowrap u-flex-gap--light\">\n <Icon icon={IconType.LateCheckout} color={Color.Grey} />\n <Text type={TextType.Small}>{`${itineraryItemNights.length} night${itineraryItemNights.length > 1 ? 's' : ''}`}</Text>\n </div>\n <div className=\"u-flex u-flex-nowrap u-flex-gap--light\">\n <Icon icon={IconType.Person} color={Color.Grey} />\n <Text type={TextType.Small}>{`${reservationOccupancy} guest${reservationOccupancy > 1 ? 's' : ''}`}</Text>\n </div>\n </div>\n </div>\n <div className=\"reservation-item--checkin-checkout u-flex justify-content-start u-pad u-border-rounded\">\n <div className=\"u-marg-right--heavy\">\n <Text type={TextType.Small} color={Color.DarkGrey} className=\"u-marg-bottom--light\">\n {t(Translation.Misc.CheckIn)}\n </Text>\n <CheckinCheckoutComponent>\n {t(Translation.Reservation.After)} {hotel.checkInTime}\n </CheckinCheckoutComponent>\n </div>\n <div>\n <Text type={TextType.Small} color={Color.DarkGrey} className=\"u-marg-bottom--light\">\n {t(Translation.Misc.CheckOut)}\n </Text>\n <CheckinCheckoutComponent>\n {t(Translation.Reservation.Before)} {hotel.checkOutTime}\n </CheckinCheckoutComponent>\n </div>\n </div>\n <div className=\"reservation-item--actions u-flex justify-content-start u-print-none u-marg-top--heavy\">{renderActions()}</div>\n </div>\n </div>\n </div>\n </>\n );\n};\n\nexport default ReservationItem;\n"]}

package/dist/src/components/reservation/ReservationList.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ReservationItemProps } from 'components/reservation/ReservationItem';
+import { ReservationItemProps } from '@/components/reservation/ReservationItem';
 import { IRoomstayMemberBookingItemWithRef } from '@frontend/contexts';
 interface ReservationListProps {
     reservationItems: IRoomstayMemberBookingItemWithRef[];

package/dist/src/components/reservation/ReservationList.js CHANGED Viewed

@@ -1,7 +1,33 @@
 "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 = require("react");
-const ReservationItem_1 = require("components/reservation/ReservationItem");
+const React = __importStar(require("react"));
+const ReservationItem_1 = __importDefault(require("@/components/reservation/ReservationItem"));
 const ReservationList = (props) => {
     const { reservationItems = [], actions } = props;
     return (React.createElement("div", null, reservationItems.map((reservationItem, index) => (React.createElement(ReservationItem_1.default, { key: reservationItem.id, itineraryItem: reservationItem, disableMarginBottom: index === reservationItems.length - 1, actions: actions, onActionClick: props.onActionClick, showCancelledNotifications: props.showCancelledNotifications })))));

package/dist/src/components/reservation/ReservationList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReservationList.js","sourceRoot":"/","sources":["src/components/reservation/ReservationList.tsx"],"names":[],"mappings":";;AAAA~~,+BAA~~+B;AAC/B~~,4EAA+F~~;~~AAU/F~~,MAAM,eAAe,GAAmC,CAAC,KAAK,EAAE,EAAE;IAC9D,MAAM,EAAE,gBAAgB,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEjD,OAAO,CACH,iCACK,gBAAgB,CAAC,GAAG,CAAC,CAAC,eAAe,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9C,oBAAC,yBAAe,IACZ,GAAG,EAAE,eAAe,CAAC,EAAE,EACvB,aAAa,EAAE,eAAe,EAC9B,mBAAmB,EAAE,KAAK,KAAK,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAC1D,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,0BAA0B,EAAE,KAAK,CAAC,0BAA0B,GAC9D,CACL,CAAC,CACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC","sourcesContent":["import * as React from 'react';\nimport ReservationItem, { ReservationItemProps } from 'components/reservation/ReservationItem';\nimport { IRoomstayMemberBookingItemWithRef } from '@frontend/contexts';\n\ninterface ReservationListProps {\n reservationItems: IRoomstayMemberBookingItemWithRef[];\n actions?: ReservationItemProps['actions'];\n onActionClick?: ReservationItemProps['onActionClick'];\n showCancelledNotifications?: boolean;\n}\n\nconst ReservationList: React.FC<ReservationListProps> = (props) => {\n const { reservationItems = [], actions } = props;\n\n return (\n <div>\n {reservationItems.map((reservationItem, index) => (\n <ReservationItem\n key={reservationItem.id}\n itineraryItem={reservationItem}\n disableMarginBottom={index === reservationItems.length - 1}\n actions={actions}\n onActionClick={props.onActionClick}\n showCancelledNotifications={props.showCancelledNotifications}\n />\n ))}\n </div>\n );\n};\n\nexport default ReservationList;\n"]}
1	+ {"version":3,"file":"ReservationList.js","sourceRoot":"/","sources":["src/components/reservation/ReservationList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,+FAAiG;AAUjG,MAAM,eAAe,GAAmC,CAAC,KAAK,EAAE,EAAE;IAC9D,MAAM,EAAE,gBAAgB,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEjD,OAAO,CACH,iCACK,gBAAgB,CAAC,GAAG,CAAC,CAAC,eAAe,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9C,oBAAC,yBAAe,IACZ,GAAG,EAAE,eAAe,CAAC,EAAE,EACvB,aAAa,EAAE,eAAe,EAC9B,mBAAmB,EAAE,KAAK,KAAK,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAC1D,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,0BAA0B,EAAE,KAAK,CAAC,0BAA0B,GAC9D,CACL,CAAC,CACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC","sourcesContent":["import * as React from 'react';\nimport ReservationItem, { ReservationItemProps } from '@/components/reservation/ReservationItem';\nimport { IRoomstayMemberBookingItemWithRef } from '@frontend/contexts';\n\ninterface ReservationListProps {\n reservationItems: IRoomstayMemberBookingItemWithRef[];\n actions?: ReservationItemProps['actions'];\n onActionClick?: ReservationItemProps['onActionClick'];\n showCancelledNotifications?: boolean;\n}\n\nconst ReservationList: React.FC<ReservationListProps> = (props) => {\n const { reservationItems = [], actions } = props;\n\n return (\n <div>\n {reservationItems.map((reservationItem, index) => (\n <ReservationItem\n key={reservationItem.id}\n itineraryItem={reservationItem}\n disableMarginBottom={index === reservationItems.length - 1}\n actions={actions}\n onActionClick={props.onActionClick}\n showCancelledNotifications={props.showCancelledNotifications}\n />\n ))}\n </div>\n );\n};\n\nexport default ReservationList;\n"]}

package/dist/src/components/steps/DaysSelectedInformer.js CHANGED Viewed

@@ -1,9 +1,32 @@
 "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;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
+const React = __importStar(require("react"));
 const react_1 = require("react");
-const Text_1 = require("components/generic/Text");
-const Color_1 = require("util/Color");
+const Text_1 = __importStar(require("@/components/generic/Text"));
+const Color_1 = require("@/util/Color");
 const contexts_1 = require("@frontend/contexts");
 function DaysSelectedInformer() {
     const dpContext = (0, react_1.useContext)(contexts_1.DatePickerContext);

package/dist/src/components/steps/DaysSelectedInformer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DaysSelectedInformer.js","sourceRoot":"/","sources":["src/components/steps/DaysSelectedInformer.tsx"],"names":[],"mappings":";;AAAA~~,+BAA~~+B;AAC/B,iCAAmC;AAEnC,~~kDAAyD~~;~~AACzD~~,~~sCAAmC~~;~~AAEnC~~,iDAAuD;AAEvD,SAAwB,oBAAoB;IACxC,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,4BAAiB,CAAC,CAAC;IAEhD,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;IAEpE,IAAI,UAAU,GAAG,CAAC,CAAC;IACnB,MAAM,cAAc,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,OAAO,CAAC;IAE9C,IAAI,SAAS,IAAI,cAAc,EAAE;QAC7B,UAAU,GAAG,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;KAChE;IAED,OAAO,CACH,oBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,aAAK,CAAC,OAAO,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,IACvD,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CACd;;QACc,UAAU;qBAAW,SAAS,aAAT,SAAS;QAAT,SAAS,CAAE,MAAM,CAAC,OAAO,CAAC;;QAAO,cAAc,CAAC,MAAM,CAAC,OAAO,CAAC,CAC/F,CACN,CAAC,CAAC,CAAC,CACA,qEAA6B,CAChC,CACE,CACV,CAAC;AACN,CAAC;AAvBD,uCAuBC","sourcesContent":["import * as React from 'react';\nimport { useContext } from 'react';\n\nimport Text, { TextType } from 'components/generic/Text';\nimport { Color } from 'util/Color';\n\nimport { DatePickerContext } from '@frontend/contexts';\n\nexport default function DaysSelectedInformer() {\n const dpContext = useContext(DatePickerContext);\n\n const { startDate, endDate, hoveredMonth: hoveredDate } = dpContext;\n\n let daysPicked = 0;\n const correctEndDate = hoveredDate ?? endDate;\n\n if (startDate && correctEndDate) {\n daysPicked = correctEndDate.diff(dpContext.startDate, 'day');\n }\n\n return (\n <Text bold={true} color={Color.Success} type={TextType.Small}>\n {daysPicked > 0 ? (\n <>\n Selected {daysPicked} nights, {startDate?.format('D MMM')}, to {correctEndDate.format('D MMM')}\n </>\n ) : (\n <>Please select your dates</>\n )}\n </Text>\n );\n}\n"]}
1	+ {"version":3,"file":"DaysSelectedInformer.js","sourceRoot":"/","sources":["src/components/steps/DaysSelectedInformer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAmC;AAEnC,kEAA2D;AAC3D,wCAAqC;AAErC,iDAAuD;AAEvD,SAAwB,oBAAoB;IACxC,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,4BAAiB,CAAC,CAAC;IAEhD,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;IAEpE,IAAI,UAAU,GAAG,CAAC,CAAC;IACnB,MAAM,cAAc,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,OAAO,CAAC;IAE9C,IAAI,SAAS,IAAI,cAAc,EAAE;QAC7B,UAAU,GAAG,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;KAChE;IAED,OAAO,CACH,oBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,aAAK,CAAC,OAAO,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,IACvD,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CACd;;QACc,UAAU;qBAAW,SAAS,aAAT,SAAS;QAAT,SAAS,CAAE,MAAM,CAAC,OAAO,CAAC;;QAAO,cAAc,CAAC,MAAM,CAAC,OAAO,CAAC,CAC/F,CACN,CAAC,CAAC,CAAC,CACA,qEAA6B,CAChC,CACE,CACV,CAAC;AACN,CAAC;AAvBD,uCAuBC","sourcesContent":["import * as React from 'react';\nimport { useContext } from 'react';\n\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\n\nimport { DatePickerContext } from '@frontend/contexts';\n\nexport default function DaysSelectedInformer() {\n const dpContext = useContext(DatePickerContext);\n\n const { startDate, endDate, hoveredMonth: hoveredDate } = dpContext;\n\n let daysPicked = 0;\n const correctEndDate = hoveredDate ?? endDate;\n\n if (startDate && correctEndDate) {\n daysPicked = correctEndDate.diff(dpContext.startDate, 'day');\n }\n\n return (\n <Text bold={true} color={Color.Success} type={TextType.Small}>\n {daysPicked > 0 ? (\n <>\n Selected {daysPicked} nights, {startDate?.format('D MMM')}, to {correctEndDate.format('D MMM')}\n </>\n ) : (\n <>Please select your dates</>\n )}\n </Text>\n );\n}\n"]}

package/dist/src/components/steps/MinimumNightStayPill.js CHANGED Viewed

@@ -1,16 +1,42 @@
 "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 = require("react");
+const React = __importStar(require("react"));
 const browser_1 = require("@sentry/browser");
 const react_1 = require("react");
 const react_i18next_1 = require("react-i18next");
-const BookingAPI_1 = require("api/BookingAPI");
+const BookingAPI_1 = __importDefault(require("@/api/BookingAPI"));
 const contexts_1 = require("@frontend/contexts");
 const NoHotelSelectedError_1 = require("errors/NoHotelSelectedError");
 const Translation_1 = require("translations/Translation");
-const Icon_1 = require("components/generic/Icon/Icon");
-const SmallSpinner_1 = require("components/generic/loader/SmallSpinner");
-const Pill_1 = require("components/generic/Pill");
+const Icon_1 = require("@/components/generic/Icon/Icon");
+const SmallSpinner_1 = __importDefault(require("@/components/generic/loader/SmallSpinner"));
+const Pill_1 = __importStar(require("@/components/generic/Pill"));
 const hooks_1 = require("@frontend/hooks");
 function MinimumNightStayPill() {
     var _a;

package/dist/src/components/steps/MinimumNightStayPill.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MinimumNightStayPill.js","sourceRoot":"/","sources":["src/components/steps/MinimumNightStayPill.tsx"],"names":[],"mappings":";;AAAA~~,+BAA~~+B;AAC/B,6CAAmD;AAEnD,iCAAwD;AACxD,iDAA+C;AAC/C~~,+CAAiC~~;~~AAEjC~~,iDAAmD;AACnD,sEAAmE;AACnE,0DAAuD;AACvD,~~uDAAwD~~;~~AACxD~~,~~yEAAkE~~;~~AAClE~~,~~kDAAyD~~;~~AACzD~~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","sourcesContent":["import * as React from 'react';\nimport { captureException } from '@sentry/browser';\n\nimport { useContext, useState, useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport API from 'api/BookingAPI';\n\nimport { BasketContext } from '@frontend/contexts';\nimport { NoHotelSelectedError } from 'errors/NoHotelSelectedError';\nimport { Translation } from 'translations/Translation';\nimport { IconType } from 'components/generic/Icon/Icon';\nimport SmallSpinner from 'components/generic/loader/SmallSpinner';\nimport Pill, { PillType } from 'components/generic/Pill';\nimport { useCurrentHotel } from '@frontend/hooks';\n\nexport default function MinimumNightStayPill() {\n const { hotel } = useCurrentHotel();\n const basketContext = useContext(BasketContext);\n const { t } = useTranslation();\n\n const [isLoading, setIsLoading] = useState(false);\n const [minNights, setMinNights] = useState(-1);\n\n const [loadIndex, setLoadIndex] = useState(0);\n\n const selectedBasketRow = basketContext.selectedBasketRow ?? basketContext.currentBasketRows[0];\n\n const startDate = selectedBasketRow?.getStartDate();\n const endDate = selectedBasketRow?.getEndDate();\n\n useEffect(() => {\n if (!hotel) {\n return;\n }\n\n let cancelled = false;\n setLoadIndex((oldLoadIndex) => oldLoadIndex + 1);\n\n if (endDate?.isValid()) {\n setIsLoading(true);\n\n API.Availability.fetchMinNightStayData(selectedBasketRow, hotel.hotelID)\n .then((response) => {\n if (!cancelled) {\n setIsLoading(false);\n if (response.Status === 'MinStay' && endDate?.diff(startDate, 'day') < response.Quantity) {\n setMinNights(response.Quantity);\n } else {\n setMinNights(-1);\n }\n }\n })\n .catch((ex) => {\n if (!(ex instanceof NoHotelSelectedError)) {\n captureException(ex);\n }\n });\n }\n\n return () => {\n cancelled = true;\n };\n }, [selectedBasketRow, startDate, endDate]);\n\n if (!hotel) {\n return null;\n }\n\n return (\n <div className=\"u-mh-30\">\n {isLoading ? (\n <SmallSpinner />\n ) : minNights !== -1 ? (\n <Pill type={PillType.Primary} icon={IconType.Info}>\n {t(Translation.Step.Room.NoRoomsFound.MinNightStay, { minNightStay: minNights })}\n </Pill>\n ) : (\n <></>\n )}\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"MinimumNightStayPill.js","sourceRoot":"/","sources":["src/components/steps/MinimumNightStayPill.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { captureException } from '@sentry/browser';\n\nimport { useContext, useState, useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport API from '@/api/BookingAPI';\n\nimport { BasketContext } from '@frontend/contexts';\nimport { NoHotelSelectedError } from 'errors/NoHotelSelectedError';\nimport { Translation } from 'translations/Translation';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport SmallSpinner from '@/components/generic/loader/SmallSpinner';\nimport Pill, { PillType } from '@/components/generic/Pill';\nimport { useCurrentHotel } from '@frontend/hooks';\n\nexport default function MinimumNightStayPill() {\n const { hotel } = useCurrentHotel();\n const basketContext = useContext(BasketContext);\n const { t } = useTranslation();\n\n const [isLoading, setIsLoading] = useState(false);\n const [minNights, setMinNights] = useState(-1);\n\n const [loadIndex, setLoadIndex] = useState(0);\n\n const selectedBasketRow = basketContext.selectedBasketRow ?? basketContext.currentBasketRows[0];\n\n const startDate = selectedBasketRow?.getStartDate();\n const endDate = selectedBasketRow?.getEndDate();\n\n useEffect(() => {\n if (!hotel) {\n return;\n }\n\n let cancelled = false;\n setLoadIndex((oldLoadIndex) => oldLoadIndex + 1);\n\n if (endDate?.isValid()) {\n setIsLoading(true);\n\n API.Availability.fetchMinNightStayData(selectedBasketRow, hotel.hotelID)\n .then((response) => {\n if (!cancelled) {\n setIsLoading(false);\n if (response.Status === 'MinStay' && endDate?.diff(startDate, 'day') < response.Quantity) {\n setMinNights(response.Quantity);\n } else {\n setMinNights(-1);\n }\n }\n })\n .catch((ex) => {\n if (!(ex instanceof NoHotelSelectedError)) {\n captureException(ex);\n }\n });\n }\n\n return () => {\n cancelled = true;\n };\n }, [selectedBasketRow, startDate, endDate]);\n\n if (!hotel) {\n return null;\n }\n\n return (\n <div className=\"u-mh-30\">\n {isLoading ? (\n <SmallSpinner />\n ) : minNights !== -1 ? (\n <Pill type={PillType.Primary} icon={IconType.Info}>\n {t(Translation.Step.Room.NoRoomsFound.MinNightStay, { minNightStay: minNights })}\n </Pill>\n ) : (\n <></>\n )}\n </div>\n );\n}\n"]}

package/dist/src/components/steps/addons/AddonCard.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Addon } from 'models/Addon/Addon';
+import { Addon } from '@/models/Addon/Addon';
 interface Props {
     addon: Addon;
     className?: string;

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

@@ -1,22 +1,47 @@
 "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 = require("react");
+const React = __importStar(require("react"));
 const react_1 = require("react");
 const react_i18next_1 = require("react-i18next");
 const contexts_1 = require("@frontend/contexts");
-const Addon_1 = require("models/Addon/Addon");
+const Addon_1 = require("@/models/Addon/Addon");
 const Translation_1 = require("translations/Translation");
-const Color_1 = require("util/Color");
-const BEButton_1 = require("components/generic/BEButton");
-const BESelect_1 = require("components/generic/BESelect");
-const Currency_1 = require("components/generic/Currency");
-const Headline_1 = require("components/generic/Headline");
-const Icon_1 = require("components/generic/Icon/Icon");
-const NumberIncrement_1 = require("components/generic/NumberIncrement");
-const Text_1 = require("components/generic/Text");
-const classnames_1 = require("classnames");
-const Check_1 = require("icons/Check");
+const Color_1 = require("@/util/Color");
+const BEButton_1 = __importDefault(require("@/components/generic/BEButton"));
+const Currency_1 = __importDefault(require("@/components/generic/Currency"));
+const Headline_1 = __importDefault(require("@/components/generic/Headline"));
+const NumberIncrement_1 = __importDefault(require("@/components/generic/NumberIncrement"));
+const Text_1 = __importStar(require("@/components/generic/Text"));
+const classnames_1 = __importDefault(require("classnames"));
+const Check_1 = __importDefault(require("icons/Check"));
 const hooks_1 = require("@frontend/hooks");
+const Select_1 = require("@/components/generic/Select/Select");
 const AddonCard = ({ addon, className }) => {
     var _a;
     const { t } = (0, react_i18next_1.useTranslation)();
@@ -89,12 +114,12 @@ const AddonCard = ({ addon, className }) => {
         {
             name: 'Date',
             enabled: (addonBasketRow === null || addonBasketRow === void 0 ? void 0 : addonBasketRow.getNumberOfAvailableNights()) > 1 && !addonBasketRow.getAddon().hideDatePicker,
-            element: (React.createElement(BESelect_1.default, { className: "u-flex align-items-center", onChange: setDateOnChange, selectedValue: selectedDate, iconComponent: Icon_1.IconDropdownFilled, items: addon.selectorDates })),
+            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" })),
         },
         {
             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(BESelect_1.default, { className: "u-flex align-items-center", onChange: setSelectedTimeOnChange, selectedValue: selectedTime, iconComponent: Icon_1.IconDropdownFilled, items: priceInfo === null || priceInfo === void 0 ? void 0 : priceInfo.selectorTimes })),
+            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" })),
         },
         {
             name: Translation_1.Translation.Step.Addon.Quantity,