@roomstay/frontend 1.6.1 → 2.0.0-2

package/dist/src/components/generic/BESelect.js

@@ -1,47 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const core_1 = require("@material-ui/core");
 const React = require("react");
-const react_1 = require("react");
-const ScrollLock_1 = require("../../hooks/ScrollLock");
-const Icon_1 = require("./Icon");
+const Select_1 = require("./Select/Select");
+/**
+ * @deprecated Please use Select instead
+ */
 function BESelect(props) {
-    var _a;
-    let selectedItem;
-    const [isOpen, setOpen] = react_1.useState(false);
-    const getSelectedItem = () => {
-        var _a;
-        if (props.selectedValue) {
-            if (props.selectedValue.value) {
-                return props.selectedValue.value;
-            }
-            else {
-                return props.selectedValue;
-            }
-        }
-        else {
-            if ((_a = props.items) === null || _a === void 0 ? void 0 : _a.length) {
-                return props.items[0].value;
-            }
-        }
-        return null;
-    };
-    selectedItem = getSelectedItem();
-    const handleChange = (event) => {
-        if (props.onChange) {
-            props.onChange(event.target.value);
-        }
-    };
-    const handleOpen = () => {
-        setOpen(true);
-    };
-    const handleColse = () => {
-        setOpen(false);
-    };
-    ScrollLock_1.default(isOpen);
-    return (React.createElement(core_1.Select, { onOpen: handleOpen, onClose: handleColse, open: isOpen, displayEmpty: true, value: selectedItem, onChange: handleChange, MenuProps: { disableScrollLock: true }, IconComponent: props.iconComponent ? props.iconComponent : Icon_1.IconDropdown, className: 'be-select ' + props.className, SelectDisplayProps: { 'data-scroll-lock-scrollable': true } }, (_a = props.items) === null || _a === void 0 ? void 0 : _a.map((item) => {
-        return (React.createElement(core_1.MenuItem, { value: item.value, key: item.value }, item.text));
-    })));
+    return (React.createElement(Select_1.Select, { nativeOnMobile: true, options: props.items, value: props.selectedValue, onChange: props.onChange, keyName: "value", labelName: "text", className: props.className }));
 }
 exports.default = BESelect;
 //# sourceMappingURL=BESelect.js.map

package/dist/src/components/generic/BESelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"BESelect.js","sourceRoot":"/","sources":["src/components/generic/BESelect.tsx"],"names":[],"mappings":";;AAAA,4CAAqD;AACrD,+BAA+B;AAC/B,iCAAkD;AAClD,uDAAmD;AACnD,iCAAsC;AAgBtC,SAAwB,QAAQ,CAAC,KAAoB;;IACjD,IAAI,YAAY,CAAC;IACjB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,gBAAQ,CAAC,KAAK,CAAC,CAAC;IAE1C,MAAM,eAAe,GAAG,GAAG,EAAE;;QACzB,IAAI,KAAK,CAAC,aAAa,EAAE;YACrB,IAAI,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;gBAC3B,OAAO,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;aACpC;iBAAM;gBACH,OAAO,KAAK,CAAC,aAAa,CAAC;aAC9B;SACJ;aAAM;YACH,UAAI,KAAK,CAAC,KAAK,0CAAE,MAAM,EAAE;gBACrB,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;aAC/B;SACJ;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC;IAEF,YAAY,GAAG,eAAe,EAAE,CAAC;IAEjC,MAAM,YAAY,GAAG,CAAC,KAA4C,EAAE,EAAE;QAClE,IAAI,KAAK,CAAC,QAAQ,EAAE;YAChB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;SACtC;IACL,CAAC,CAAC;IACF,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,OAAO,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,CAAC;IACF,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,OAAO,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IACF,oBAAa,CAAC,MAAM,CAAC,CAAC;IACtB,OAAO,CACH,oBAAC,aAAM,IACH,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,IAAI,EAClB,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,EAAE,iBAAiB,EAAE,IAAI,EAAE,EACtC,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,mBAAY,EACvE,SAAS,EAAE,YAAY,GAAG,KAAK,CAAC,SAAS,EACzC,kBAAkB,EAAE,EAAE,6BAA6B,EAAE,IAAI,EAAS,UAEjE,KAAK,CAAC,KAAK,0CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACvB,OAAO,CACH,oBAAC,eAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,IACvC,IAAI,CAAC,IAAI,CACH,CACd,CAAC;IACN,CAAC,EACI,CACZ,CAAC;AACN,CAAC;AAxDD,2BAwDC","sourcesContent":["import { Select, MenuItem } from '@material-ui/core';\nimport * as React from 'react';\nimport { useState, useLayoutEffect } from 'react';\nimport useScrollLock from '../../hooks/ScrollLock';\nimport { IconDropdown } from './Icon';\n\nexport interface BESelectItem {\n    value: string | number;\n    text: any;\n}\n\nexport interface BESelectProps {\n    items: BESelectItem[];\n    iconComponent?: React.ElementType<any>;\n    selectedValue?: BESelectItem | any;\n\n    onChange?: (selected: unknown) => void;\n    className?: string;\n}\n\nexport default function BESelect(props: BESelectProps) {\n    let selectedItem;\n    const [isOpen, setOpen] = useState(false);\n\n    const getSelectedItem = () => {\n        if (props.selectedValue) {\n            if (props.selectedValue.value) {\n                return props.selectedValue.value;\n            } else {\n                return props.selectedValue;\n            }\n        } else {\n            if (props.items?.length) {\n                return props.items[0].value;\n            }\n        }\n\n        return null;\n    };\n\n    selectedItem = getSelectedItem();\n\n    const handleChange = (event: React.ChangeEvent<{ value: unknown }>) => {\n        if (props.onChange) {\n            props.onChange(event.target.value);\n        }\n    };\n    const handleOpen = () => {\n        setOpen(true);\n    };\n    const handleColse = () => {\n        setOpen(false);\n    };\n    useScrollLock(isOpen);\n    return (\n        <Select\n            onOpen={handleOpen}\n            onClose={handleColse}\n            open={isOpen}\n            displayEmpty={true}\n            value={selectedItem}\n            onChange={handleChange}\n            MenuProps={{ disableScrollLock: true }}\n            IconComponent={props.iconComponent ? props.iconComponent : IconDropdown}\n            className={'be-select ' + props.className}\n            SelectDisplayProps={{ 'data-scroll-lock-scrollable': true } as any}\n        >\n            {props.items?.map((item) => {\n                return (\n                    <MenuItem value={item.value} key={item.value}>\n                        {item.text}\n                    </MenuItem>\n                );\n            })}\n        </Select>\n    );\n}\n"]}
+{"version":3,"file":"BESelect.js","sourceRoot":"/","sources":["src/components/generic/BESelect.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,4CAAyC;AAgBzC;;GAEG;AACH,SAAwB,QAAQ,CAAC,KAAoB;IACjD,OAAO,CACH,oBAAC,eAAM,IACH,cAAc,QACd,OAAO,EAAE,KAAK,CAAC,KAAK,EACpB,KAAK,EAAE,KAAK,CAAC,aAAa,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,MAAM,EAChB,SAAS,EAAE,KAAK,CAAC,SAAS,GAC5B,CACL,CAAC;AACN,CAAC;AAZD,2BAYC","sourcesContent":["import * as React from 'react';\nimport { Select } from './Select/Select';\n\nexport interface BESelectItem {\n    value: string;\n    text: any;\n}\n\nexport interface BESelectProps {\n    items: BESelectItem[];\n    iconComponent?: React.ElementType<any>;\n    selectedValue?: BESelectItem | any;\n\n    onChange?: (selected: unknown) => void;\n    className?: string;\n}\n\n/**\n * @deprecated Please use Select instead\n */\nexport default function BESelect(props: BESelectProps) {\n    return (\n        <Select<BESelectItem, 'value'>\n            nativeOnMobile\n            options={props.items}\n            value={props.selectedValue}\n            onChange={props.onChange}\n            keyName=\"value\"\n            labelName=\"text\"\n            className={props.className}\n        />\n    );\n}\n"]}

package/dist/src/components/generic/BackButton.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = require("react");
-const Icon_1 = require("./Icon");
-const BEButton_1 = require("./BEButton");
+const Icon_1 = require("components/generic/Icon/Icon");
+const BEButton_1 = require("components/generic/BEButton");
 const react_i18next_1 = require("react-i18next");
-const Translation_1 = require("../../translations/Translation");
+const Translation_1 = require("translations/Translation");
 function BackButton(props) {
     var _a;
-    const { t } = react_i18next_1.useTranslation();
+    const { t } = (0, react_i18next_1.useTranslation)();
     return (React.createElement(BEButton_1.default, { size: "tiny", isText: true, onClick: (_a = props.onClick) !== null && _a !== void 0 ? _a : null, icon: Icon_1.IconType.ArrowLeft }, t(Translation_1.Translation.Navigation.Back).toUpperCase()));
 }
 exports.default = BackButton;

package/dist/src/components/generic/BackButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackButton.js","sourceRoot":"/","sources":["src/components/generic/BackButton.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,iCAAkC;AAClC,yCAAkC;AAClC,iDAA+C;AAC/C,gEAA6D;AAM7D,SAAwB,UAAU,CAAC,KAAsB;;IACrD,MAAM,EAAE,CAAC,EAAE,GAAG,8BAAc,EAAE,CAAC;IAE/B,OAAO,CACH,oBAAC,kBAAQ,IAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAE,IAAI,EAAE,OAAO,QAAE,KAAK,CAAC,OAAO,mCAAI,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,SAAS,IACvF,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CACtC,CACd,CAAC;AACN,CAAC;AARD,6BAQC","sourcesContent":["import * as React from 'react';\nimport { IconType } from './Icon';\nimport BEButton from './BEButton';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from '../../translations/Translation';\n\ninterface BackButtonProps {\n    onClick?: () => void;\n}\n\nexport default function BackButton(props: BackButtonProps) {\n    const { t } = useTranslation();\n\n    return (\n        <BEButton size=\"tiny\" isText={true} onClick={props.onClick ?? null} icon={IconType.ArrowLeft}>\n            {t(Translation.Navigation.Back).toUpperCase()}\n        </BEButton>\n    );\n}\n"]}
+{"version":3,"file":"BackButton.js","sourceRoot":"/","sources":["src/components/generic/BackButton.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,uDAAwD;AACxD,0DAAmD;AACnD,iDAA+C;AAC/C,0DAAuD;AAMvD,SAAwB,UAAU,CAAC,KAAsB;;IACrD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH,oBAAC,kBAAQ,IAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAA,KAAK,CAAC,OAAO,mCAAI,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,SAAS,IACvF,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CACtC,CACd,CAAC;AACN,CAAC;AARD,6BAQC","sourcesContent":["import * as React from 'react';\nimport { IconType } from 'components/generic/Icon/Icon';\nimport BEButton from 'components/generic/BEButton';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\ninterface BackButtonProps {\n    onClick?: () => void;\n}\n\nexport default function BackButton(props: BackButtonProps) {\n    const { t } = useTranslation();\n\n    return (\n        <BEButton size=\"tiny\" isText={true} onClick={props.onClick ?? null} icon={IconType.ArrowLeft}>\n            {t(Translation.Navigation.Back).toUpperCase()}\n        </BEButton>\n    );\n}\n"]}

package/dist/src/components/generic/BookNowPayLaterInfoBlock.js

@@ -4,14 +4,14 @@ exports.BookNowPayLaterInfoBlock = void 0;
 const React = require("react");
 const react_i18next_1 = require("react-i18next");
 const hooks_1 = require("@frontend/hooks");
-const Translation_1 = require("../../translations/Translation");
-const Color_1 = require("../../util/Color");
-const BookNowPayLaterIcon_1 = require("../iconComponents/BookNowPayLaterIcon");
-const Text_1 = require("./Text");
+const Translation_1 = require("translations/Translation");
+const Color_1 = require("util/Color");
+const BookNowPayLaterIcon_1 = require("components/iconComponents/BookNowPayLaterIcon");
+const Text_1 = require("components/generic/Text");
 function BookNowPayLaterInfoBlock() {
     var _a, _b;
-    const { t } = react_i18next_1.useTranslation();
-    const { hotel } = hooks_1.useCurrentHotel();
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const { hotel } = (0, hooks_1.useCurrentHotel)();
     let url = '';
     if (hotel) {
         url = (_b = (_a = hotel.bestRateNoBSUrl) !== null && _a !== void 0 ? _a : hotel.bookNowPayLaterUrl) !== null && _b !== void 0 ? _b : hotel.privacyPolicyUrl;

package/dist/src/components/generic/BookNowPayLaterInfoBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"BookNowPayLaterInfoBlock.js","sourceRoot":"/","sources":["src/components/generic/BookNowPayLaterInfoBlock.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,iDAA+C;AAC/C,2CAAkD;AAClD,gEAA6D;AAC7D,4CAAyC;AACzC,+EAAwE;AACxE,iCAAwC;AAExC,SAAgB,wBAAwB;;IACpC,MAAM,EAAE,CAAC,EAAE,GAAG,8BAAc,EAAE,CAAC;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,uBAAe,EAAE,CAAC;IAEpC,IAAI,GAAG,GAAG,EAAE,CAAC;IACb,IAAI,KAAK,EAAE;QACP,GAAG,eAAG,KAAK,CAAC,eAAe,mCAAI,KAAK,CAAC,kBAAkB,mCAAI,KAAK,CAAC,gBAAgB,CAAC;KACrF;IAED,MAAM,gBAAgB,GAAG,CAAC,CAAC,yBAAW,CAAC,MAAM,CAAC,wBAAwB,CAAC,eAAe,CAAC,CAAC;IAExF,OAAO,CACH,gBAAgB,IAAI,CAChB,6BAAK,SAAS,EAAC,gCAAgC,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,aAAK,CAAC,OAAO,EAAE;QAC3G,6BAAK,SAAS,EAAC,8CAA8C;YACzD,oBAAC,6BAAmB,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI;YAC9C,6BAAK,SAAS,EAAC,kBAAkB;gBAC7B,oBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,IACjC,gBAAgB,CACd;gBACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;oBACrB,CAAC,CAAC,yBAAW,CAAC,MAAM,CAAC,wBAAwB,CAAC,kBAAkB,CAAC;oBAAE,GAAG;oBACvE,2BAAG,KAAK,EAAE,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,IACzE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAClC;wBAED,CACL,CACJ,CACJ,CACT,CACJ,CAAC;AACN,CAAC;AAhCD,4DAgCC","sourcesContent":["import * as React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { Translation } from '../../translations/Translation';\nimport { Color } from '../../util/Color';\nimport BookNowPayLaterIcon from '../iconComponents/BookNowPayLaterIcon';\nimport Text, { TextType } from './Text';\n\nexport function BookNowPayLaterInfoBlock() {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n\n    let url = '';\n    if (hotel) {\n        url = hotel.bestRateNoBSUrl ?? hotel.bookNowPayLaterUrl ?? hotel.privacyPolicyUrl;\n    }\n\n    const titleTranslation = t(Translation.Custom.BookNowPayLaterInfoBlock.BookNowPayLater);\n\n    return (\n        titleTranslation && (\n            <div className=\"u-marg-bottom u-border-rounded\" style={{ padding: '16px 30px', backgroundColor: Color.Accent2 }}>\n                <div className=\"u-flex u-flex-flex-start u-flex-align-center\">\n                    <BookNowPayLaterIcon width={40} height={40} />\n                    <div className=\"u-marg-left--med\">\n                        <Text bold={true} type={TextType.Small}>\n                            {titleTranslation}\n                        </Text>\n                        <Text type={TextType.Small}>\n                            {t(Translation.Custom.BookNowPayLaterInfoBlock.IfYourDreamsChange)}{' '}\n                            <a style={{ color: Color.Accent }} href={url} target=\"_blank\" rel=\"noreferrer\">\n                                {t(Translation.Step.Room.ReadMore)}\n                            </a>\n                            .\n                        </Text>\n                    </div>\n                </div>\n            </div>\n        )\n    );\n}\n"]}
+{"version":3,"file":"BookNowPayLaterInfoBlock.js","sourceRoot":"/","sources":["src/components/generic/BookNowPayLaterInfoBlock.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,iDAA+C;AAC/C,2CAAkD;AAClD,0DAAuD;AACvD,sCAAmC;AACnC,uFAAgF;AAChF,kDAAyD;AAEzD,SAAgB,wBAAwB;;IACpC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,IAAI,GAAG,GAAG,EAAE,CAAC;IACb,IAAI,KAAK,EAAE;QACP,GAAG,GAAG,MAAA,MAAA,KAAK,CAAC,eAAe,mCAAI,KAAK,CAAC,kBAAkB,mCAAI,KAAK,CAAC,gBAAgB,CAAC;KACrF;IAED,MAAM,gBAAgB,GAAG,CAAC,CAAC,yBAAW,CAAC,MAAM,CAAC,wBAAwB,CAAC,eAAe,CAAC,CAAC;IAExF,OAAO,CACH,gBAAgB,IAAI,CAChB,6BAAK,SAAS,EAAC,gCAAgC,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,aAAK,CAAC,OAAO,EAAE;QAC3G,6BAAK,SAAS,EAAC,8CAA8C;YACzD,oBAAC,6BAAmB,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI;YAC9C,6BAAK,SAAS,EAAC,kBAAkB;gBAC7B,oBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,IACjC,gBAAgB,CACd;gBACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;oBACrB,CAAC,CAAC,yBAAW,CAAC,MAAM,CAAC,wBAAwB,CAAC,kBAAkB,CAAC;oBAAE,GAAG;oBACvE,2BAAG,KAAK,EAAE,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,IACzE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAClC;wBAED,CACL,CACJ,CACJ,CACT,CACJ,CAAC;AACN,CAAC;AAhCD,4DAgCC","sourcesContent":["import * as React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { Translation } from 'translations/Translation';\nimport { Color } from 'util/Color';\nimport BookNowPayLaterIcon from 'components/iconComponents/BookNowPayLaterIcon';\nimport Text, { TextType } from 'components/generic/Text';\n\nexport function BookNowPayLaterInfoBlock() {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n\n    let url = '';\n    if (hotel) {\n        url = hotel.bestRateNoBSUrl ?? hotel.bookNowPayLaterUrl ?? hotel.privacyPolicyUrl;\n    }\n\n    const titleTranslation = t(Translation.Custom.BookNowPayLaterInfoBlock.BookNowPayLater);\n\n    return (\n        titleTranslation && (\n            <div className=\"u-marg-bottom u-border-rounded\" style={{ padding: '16px 30px', backgroundColor: Color.Accent2 }}>\n                <div className=\"u-flex u-flex-flex-start u-flex-align-center\">\n                    <BookNowPayLaterIcon width={40} height={40} />\n                    <div className=\"u-marg-left--med\">\n                        <Text bold={true} type={TextType.Small}>\n                            {titleTranslation}\n                        </Text>\n                        <Text type={TextType.Small}>\n                            {t(Translation.Custom.BookNowPayLaterInfoBlock.IfYourDreamsChange)}{' '}\n                            <a style={{ color: Color.Accent }} href={url} target=\"_blank\" rel=\"noreferrer\">\n                                {t(Translation.Step.Room.ReadMore)}\n                            </a>\n                            .\n                        </Text>\n                    </div>\n                </div>\n            </div>\n        )\n    );\n}\n"]}

package/dist/src/components/generic/Card/Card/Card.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'react';
+type CardProps = {
+    title?: ReactNode;
+    className?: string;
+};
+export declare const Card: FC<CardProps>;
+export {};

package/dist/src/components/generic/Card/Card/Card.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Card = void 0;
+const React = require("react");
+const Card_module_scss_1 = require("./Card.module.scss");
+const Text_1 = require("components/generic/Text");
+const classnames_1 = require("classnames");
+const Card = ({ title, children, className }) => {
+    return (React.createElement("div", { className: (0, classnames_1.default)(Card_module_scss_1.default.root, className) },
+        title && React.createElement(Text_1.default, { bold: true }, title),
+        children && React.createElement("div", { className: "u-marg-top--medium" }, children)));
+};
+exports.Card = Card;
+//# sourceMappingURL=Card.js.map

package/dist/src/components/generic/Card/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"/","sources":["src/components/generic/Card/Card/Card.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAG/B,yDAAwC;AACxC,kDAA2C;AAC3C,2CAAoC;AAO7B,MAAM,IAAI,GAAkB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IAClE,OAAO,CACH,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,0BAAM,CAAC,IAAI,EAAE,SAAS,CAAC;QAC7C,KAAK,IAAI,oBAAC,cAAI,IAAC,IAAI,UAAE,KAAK,CAAQ;QAClC,QAAQ,IAAI,6BAAK,SAAS,EAAC,oBAAoB,IAAE,QAAQ,CAAO,CAC/D,CACT,CAAC;AACN,CAAC,CAAC;AAPW,QAAA,IAAI,QAOf","sourcesContent":["import * as React from 'react';\nimport { FC, ReactNode } from 'react';\n\nimport styles from './Card.module.scss';\nimport Text from 'components/generic/Text';\nimport classNames from 'classnames';\n\ntype CardProps = {\n    title?: ReactNode;\n    className?: string;\n};\n\nexport const Card: FC<CardProps> = ({ title, children, className }) => {\n    return (\n        <div className={classNames(styles.root, className)}>\n            {title && <Text bold>{title}</Text>}\n            {children && <div className=\"u-marg-top--medium\">{children}</div>}\n        </div>\n    );\n};\n"]}

package/dist/src/components/generic/Card/IconNavCard/IconNavCard.d.ts

@@ -0,0 +1,15 @@
+import { IconType } from 'components/generic/Icon/Icon';
+import { Color } from 'util/Color';
+type IconNavCardProps = {
+    icon: IconType;
+    title: string;
+    description?: string;
+    link?: {
+        text: string;
+        pathTo?: string;
+        icon?: 'arrow' | 'open-new';
+        color?: Color;
+    };
+};
+export declare const IconNavCard: (props: IconNavCardProps) => JSX.Element;
+export {};

package/dist/src/components/generic/Card/IconNavCard/IconNavCard.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconNavCard = void 0;
+const React = require("react");
+const IconNavCard_module_scss_1 = require("./IconNavCard.module.scss");
+const Icon_1 = require("components/generic/Icon/Icon");
+const Color_1 = require("util/Color");
+const Text_1 = require("components/generic/Text");
+const react_router_dom_1 = require("react-router-dom");
+const BEButton_1 = require("components/generic/BEButton");
+const IconNavCard = (props) => {
+    var _a;
+    const { title, icon, description, link } = props;
+    const iconType = (() => {
+        switch (link === null || link === void 0 ? void 0 : link.icon) {
+            case 'arrow':
+                return Icon_1.IconType.ArrowRight;
+            case 'open-new':
+                return Icon_1.IconType.LogOut;
+            default:
+                null;
+        }
+    })();
+    return (!!link && (React.createElement(react_router_dom_1.Link, { to: props.link.pathTo },
+        React.createElement("div", { className: IconNavCard_module_scss_1.default['iconNavCard'] },
+            !!icon && React.createElement(Icon_1.default, { icon: icon, color: Color_1.Color.Grey, size: '26px' }),
+            React.createElement(Text_1.default, { bold: true, className: "u-marg-top--light" }, title),
+            React.createElement(Text_1.default, { className: "u-marg-top--light u-marg-bottom--medium", color: Color_1.Color.DarkGrey, type: Text_1.TextType.Small }, description),
+            React.createElement(BEButton_1.default, { size: 'tiny', isText: true, textColor: (_a = link.color) !== null && _a !== void 0 ? _a : Color_1.Color.Accent, icon: iconType, iconPosition: 'right' },
+                React.createElement("span", { className: 'u-uppercase' }, link.text))))));
+};
+exports.IconNavCard = IconNavCard;
+//# sourceMappingURL=IconNavCard.js.map

package/dist/src/components/generic/Card/IconNavCard/IconNavCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconNavCard.js","sourceRoot":"/","sources":["src/components/generic/Card/IconNavCard/IconNavCard.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAE/B,uEAA+C;AAE/C,uDAA8D;AAC9D,sCAAmC;AACnC,kDAAyD;AACzD,uDAAwC;AACxC,0DAAmD;AAe5C,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;;IACnD,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEjD,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE;QACnB,QAAQ,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,EAAE;YAChB,KAAK,OAAO;gBACR,OAAO,eAAQ,CAAC,UAAU,CAAC;YAC/B,KAAK,UAAU;gBACX,OAAO,eAAQ,CAAC,MAAM,CAAC;YAC3B;gBACI,IAAI,CAAC;SACZ;IACL,CAAC,CAAC,EAAE,CAAC;IAEL,OAAO,CACH,CAAC,CAAC,IAAI,IAAI,CACN,oBAAC,uBAAI,IAAC,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM;QACvB,6BAAK,SAAS,EAAE,iCAAM,CAAC,aAAa,CAAC;YAChC,CAAC,CAAC,IAAI,IAAI,oBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,GAAS;YACrE,oBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,mBAAmB,IAC1C,KAAK,CACH;YACP,oBAAC,cAAI,IAAC,SAAS,EAAC,yCAAyC,EAAC,KAAK,EAAE,aAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,IAChG,WAAW,CACT;YAEP,oBAAC,kBAAQ,IAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,MAAA,IAAI,CAAC,KAAK,mCAAI,aAAK,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO;gBAC9G,8BAAM,SAAS,EAAE,aAAa,IAAG,IAAI,CAAC,IAAI,CAAQ,CAC3C,CACT,CACH,CACV,CACJ,CAAC;AACN,CAAC,CAAC;AAjCW,QAAA,WAAW,eAiCtB","sourcesContent":["import * as React from 'react';\n\nimport styles from './IconNavCard.module.scss';\n\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport { Color } from 'util/Color';\nimport Text, { TextType } from 'components/generic/Text';\nimport { Link } from 'react-router-dom';\nimport BEButton from 'components/generic/BEButton';\n\ntype IconNavCardProps = {\n    icon: IconType;\n    title: string;\n    description?: string;\n\n    link?: {\n        text: string;\n        pathTo?: string;\n        icon?: 'arrow' | 'open-new';\n        color?: Color;\n    };\n};\n\nexport const IconNavCard = (props: IconNavCardProps) => {\n    const { title, icon, description, link } = props;\n\n    const iconType = (() => {\n        switch (link?.icon) {\n            case 'arrow':\n                return IconType.ArrowRight;\n            case 'open-new':\n                return IconType.LogOut;\n            default:\n                null;\n        }\n    })();\n\n    return (\n        !!link && (\n            <Link to={props.link.pathTo}>\n                <div className={styles['iconNavCard']}>\n                    {!!icon && <Icon icon={icon} color={Color.Grey} size={'26px'}></Icon>}\n                    <Text bold={true} className=\"u-marg-top--light\">\n                        {title}\n                    </Text>\n                    <Text className=\"u-marg-top--light u-marg-bottom--medium\" color={Color.DarkGrey} type={TextType.Small}>\n                        {description}\n                    </Text>\n\n                    <BEButton size={'tiny'} isText={true} textColor={link.color ?? Color.Accent} icon={iconType} iconPosition={'right'}>\n                        <span className={'u-uppercase'}>{link.text}</span>\n                    </BEButton>\n                </div>\n            </Link>\n        )\n    );\n};\n"]}

package/dist/src/components/generic/{Checkbox.d.ts → Checkbox/Checkbox.d.ts}

@@ -2,7 +2,7 @@ import * as React from 'react';
 export interface CheckboxProps {
     label: string | JSX.Element;
     checked?: boolean;
-    onChange?: (checked: boolean) => void;
+    onChange?: (checked: React.ChangeEvent<HTMLInputElement>) => void;
 }
 declare const _default: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<unknown>>;
 export default _default;

package/dist/src/components/generic/Checkbox/Checkbox.js

@@ -0,0 +1,35 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const Icon_1 = require("components/generic/Icon/Icon");
+const Text_1 = require("components/generic/Text");
+const Checkbox_module_scss_1 = require("./Checkbox.module.scss");
+exports.default = React.forwardRef(function Checkbox(props, ref) {
+    const { label, checked, onChange: onCallbackChange } = props, restProps = __rest(props, ["label", "checked", "onChange"]);
+    const setChecked = (checked) => {
+        if (onCallbackChange) {
+            onCallbackChange(checked);
+        }
+    };
+    const onChange = (e) => {
+        setChecked(e);
+    };
+    return (React.createElement("div", { className: Checkbox_module_scss_1.default.checkbox },
+        React.createElement("label", null,
+            React.createElement("input", Object.assign({ ref: ref, checked: props.checked, type: "checkbox" }, restProps, { onChange: onChange })),
+            React.createElement("span", { className: Checkbox_module_scss_1.default['fake-checkbox'] },
+                React.createElement(Icon_1.default, { icon: Icon_1.IconType.Check })),
+            React.createElement(Text_1.default, { type: Text_1.TextType.Small, inline: true }, props.label))));
+});
+//# sourceMappingURL=Checkbox.js.map

package/dist/src/components/generic/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"/","sources":["src/components/generic/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,+BAA+B;AAC/B,uDAA8D;AAC9D,kDAAyD;AAEzD,iEAA4C;AAS5C,kBAAe,KAAK,CAAC,UAAU,CAAC,SAAS,QAAQ,CAAC,KAAoB,EAAE,GAAQ;IAC5E,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,gBAAgB,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAApE,gCAA4D,CAAQ,CAAC;IAE3E,MAAM,UAAU,GAAG,CAAC,OAA4C,EAAE,EAAE;QAChE,IAAI,gBAAgB,EAAE;YAClB,gBAAgB,CAAC,OAAO,CAAC,CAAC;SAC7B;IACL,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,CAAsC,EAAE,EAAE;QACxD,UAAU,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAE,8BAAM,CAAC,QAAQ;QAC3B;YACI,6CAAO,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAC,UAAU,IAAK,SAAS,IAAE,QAAQ,EAAE,QAAQ,IAAI;YAC9F,8BAAM,SAAS,EAAE,8BAAM,CAAC,eAAe,CAAC;gBACpC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,GAAI,CAC3B;YACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,IACnC,KAAK,CAAC,KAAK,CACT,CACH,CACN,CACT,CAAC;AACN,CAAC,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport Text, { TextType } from 'components/generic/Text';\n\nimport styles from './Checkbox.module.scss';\n\nexport interface CheckboxProps {\n    label: string | JSX.Element;\n    checked?: boolean;\n\n    onChange?: (checked: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport default React.forwardRef(function Checkbox(props: CheckboxProps, ref: any) {\n    const { label, checked, onChange: onCallbackChange, ...restProps } = props;\n\n    const setChecked = (checked: React.ChangeEvent<HTMLInputElement>) => {\n        if (onCallbackChange) {\n            onCallbackChange(checked);\n        }\n    };\n\n    const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        setChecked(e);\n    };\n\n    return (\n        <div className={styles.checkbox}>\n            <label>\n                <input ref={ref} checked={props.checked} type=\"checkbox\" {...restProps} onChange={onChange} />\n                <span className={styles['fake-checkbox']}>\n                    <Icon icon={IconType.Check} />\n                </span>\n                <Text type={TextType.Small} inline={true}>\n                    {props.label}\n                </Text>\n            </label>\n        </div>\n    );\n});\n"]}

package/dist/src/components/generic/Countdown.js

@@ -4,8 +4,8 @@ const React = require("react");
 const react_1 = require("react");
 const dayjs = require("dayjs");
 function Countdown(props) {
-    const [secondsLeft, setSecondsLeft] = react_1.useState(props.endTimeDate.diff(dayjs(), 'second'));
-    react_1.useEffect(() => {
+    const [secondsLeft, setSecondsLeft] = (0, react_1.useState)(props.endTimeDate.diff(dayjs(), 'second'));
+    (0, react_1.useEffect)(() => {
         let cancelled = false;
         const timeInterval = setTimeout(() => {
             if (!cancelled) {
@@ -26,7 +26,7 @@ function Countdown(props) {
             clearTimeout(timeInterval);
         };
     }, [secondsLeft]);
-    return react_1.useMemo(() => {
+    return (0, react_1.useMemo)(() => {
         const days = [Math.floor(secondsLeft / 60 / 60), Math.floor((secondsLeft / 60) % 60), Math.floor(secondsLeft % 60)];
         return React.createElement(React.Fragment, null, days.map((day) => day.toString().padStart(2, '0')).join(':'));
     }, [secondsLeft]);

package/dist/src/components/generic/Countdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Countdown.js","sourceRoot":"/","sources":["src/components/generic/Countdown.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,iCAAqD;AAErD,+BAA+B;AAO/B,SAAwB,SAAS,CAAC,KAAqB;IACnD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,gBAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1F,iBAAS,CAAC,GAAG,EAAE;QACX,IAAI,SAAS,GAAG,KAAK,CAAC;QAEtB,MAAM,YAAY,GAAG,UAAU,CAAC,GAAG,EAAE;YACjC,IAAI,CAAC,SAAS,EAAE;gBACZ,IAAI,WAAW,GAAG,CAAC,EAAE;oBACjB,cAAc,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;iBACtC;qBAAM;oBACH,IAAI,KAAK,CAAC,KAAK,EAAE;wBACb,KAAK,CAAC,KAAK,EAAE,CAAC;qBACjB;oBAED,SAAS,GAAG,IAAI,CAAC;oBACjB,YAAY,CAAC,YAAY,CAAC,CAAC;iBAC9B;aACJ;QACL,CAAC,EAAE,IAAI,CAAC,CAAC;QAET,OAAO,GAAG,EAAE;YACR,SAAS,GAAG,IAAI,CAAC;YACjB,YAAY,CAAC,YAAY,CAAC,CAAC;QAC/B,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,eAAO,CAAC,GAAG,EAAE;QAChB,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,EAAE,CAAC,CAAC,CAAC;QAEpH,OAAO,0CAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAI,CAAC;IAC/E,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AACtB,CAAC;AAhCD,4BAgCC","sourcesContent":["import * as React from 'react';\nimport { useEffect, useState, useMemo } from 'react';\n\nimport * as dayjs from 'dayjs';\n\ninterface CountdownProps {\n    endTimeDate: dayjs.Dayjs;\n    onEnd?: () => void;\n}\n\nexport default function Countdown(props: CountdownProps) {\n    const [secondsLeft, setSecondsLeft] = useState(props.endTimeDate.diff(dayjs(), 'second'));\n\n    useEffect(() => {\n        let cancelled = false;\n\n        const timeInterval = setTimeout(() => {\n            if (!cancelled) {\n                if (secondsLeft > 0) {\n                    setSecondsLeft((left) => left - 1);\n                } else {\n                    if (props.onEnd) {\n                        props.onEnd();\n                    }\n\n                    cancelled = true;\n                    clearTimeout(timeInterval);\n                }\n            }\n        }, 1000);\n\n        return () => {\n            cancelled = true;\n            clearTimeout(timeInterval);\n        };\n    }, [secondsLeft]);\n\n    return useMemo(() => {\n        const days = [Math.floor(secondsLeft / 60 / 60), Math.floor((secondsLeft / 60) % 60), Math.floor(secondsLeft % 60)];\n\n        return <>{days.map((day) => day.toString().padStart(2, '0')).join(':')}</>;\n    }, [secondsLeft]);\n}\n"]}
+{"version":3,"file":"Countdown.js","sourceRoot":"/","sources":["src/components/generic/Countdown.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,iCAAqD;AAErD,+BAA+B;AAO/B,SAAwB,SAAS,CAAC,KAAqB;IACnD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1F,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,SAAS,GAAG,KAAK,CAAC;QAEtB,MAAM,YAAY,GAAG,UAAU,CAAC,GAAG,EAAE;YACjC,IAAI,CAAC,SAAS,EAAE;gBACZ,IAAI,WAAW,GAAG,CAAC,EAAE;oBACjB,cAAc,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;iBACtC;qBAAM;oBACH,IAAI,KAAK,CAAC,KAAK,EAAE;wBACb,KAAK,CAAC,KAAK,EAAE,CAAC;qBACjB;oBAED,SAAS,GAAG,IAAI,CAAC;oBACjB,YAAY,CAAC,YAAY,CAAC,CAAC;iBAC9B;aACJ;QACL,CAAC,EAAE,IAAI,CAAC,CAAC;QAET,OAAO,GAAG,EAAE;YACR,SAAS,GAAG,IAAI,CAAC;YACjB,YAAY,CAAC,YAAY,CAAC,CAAC;QAC/B,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAChB,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,EAAE,CAAC,CAAC,CAAC;QAEpH,OAAO,0CAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAI,CAAC;IAC/E,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AACtB,CAAC;AAhCD,4BAgCC","sourcesContent":["import * as React from 'react';\nimport { useEffect, useState, useMemo } from 'react';\n\nimport * as dayjs from 'dayjs';\n\ninterface CountdownProps {\n    endTimeDate: dayjs.Dayjs;\n    onEnd?: () => void;\n}\n\nexport default function Countdown(props: CountdownProps) {\n    const [secondsLeft, setSecondsLeft] = useState(props.endTimeDate.diff(dayjs(), 'second'));\n\n    useEffect(() => {\n        let cancelled = false;\n\n        const timeInterval = setTimeout(() => {\n            if (!cancelled) {\n                if (secondsLeft > 0) {\n                    setSecondsLeft((left) => left - 1);\n                } else {\n                    if (props.onEnd) {\n                        props.onEnd();\n                    }\n\n                    cancelled = true;\n                    clearTimeout(timeInterval);\n                }\n            }\n        }, 1000);\n\n        return () => {\n            cancelled = true;\n            clearTimeout(timeInterval);\n        };\n    }, [secondsLeft]);\n\n    return useMemo(() => {\n        const days = [Math.floor(secondsLeft / 60 / 60), Math.floor((secondsLeft / 60) % 60), Math.floor(secondsLeft % 60)];\n\n        return <>{days.map((day) => day.toString().padStart(2, '0')).join(':')}</>;\n    }, [secondsLeft]);\n}\n"]}

package/dist/src/components/generic/Currency.js

@@ -1,18 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = require("react");
-const CurrencyProvider_1 = require("../../providers/CurrencyProvider");
+const CurrencyProvider_1 = require("providers/CurrencyProvider");
 const react_1 = require("react");
-const Icon_1 = require("./Icon");
-const Color_1 = require("../../util/Color");
+const Icon_1 = require("components/generic/Icon/Icon");
+const Color_1 = require("util/Color");
 const contexts_1 = require("@frontend/contexts");
 const hooks_1 = require("@frontend/hooks");
 function Currency(props) {
     var _a;
-    const { currentCurrency } = react_1.useContext(contexts_1.CompanyContext);
-    const { hotel } = hooks_1.useCurrentHotel();
-    const [value, setValue] = react_1.useState(0);
-    const [isLoading, setIsLoading] = react_1.useState(false);
+    const { currentCurrency } = (0, react_1.useContext)(contexts_1.CompanyContext);
+    const { hotel } = (0, hooks_1.useCurrentHotel)();
+    const [value, setValue] = (0, react_1.useState)(0);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
     const toLocalString = (original, toFixed) => {
         if (props.disableLocalization) {
             return original;
@@ -22,7 +22,7 @@ function Currency(props) {
         }
         return original;
     };
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         let isCancelled = false;
         setIsLoading(true);
         setTimeout(() => {
@@ -45,7 +45,7 @@ function Currency(props) {
             isCancelled = true;
         };
     }, [props.children, currentCurrency, props.originalCurrencyCode, CurrencyProvider_1.default.getRatesForCurrencyCode((_a = props.originalCurrencyCode) !== null && _a !== void 0 ? _a : hotel === null || hotel === void 0 ? void 0 : hotel.defaultCurrency)]);
-    return react_1.useMemo(() => {
+    return (0, react_1.useMemo)(() => {
         const stringVal = props.disableLocalization ? value.toString() : value === null || value === void 0 ? void 0 : value.toLocaleString();
         let symbol = CurrencyProvider_1.default.getSymbol(currentCurrency);
         if (props.removeCurrencyAfterChar) {

package/dist/src/components/generic/Currency.js.map

@@ -1 +1 @@
-{"version":3,"file":"Currency.js","sourceRoot":"/","sources":["src/components/generic/Currency.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport CurrencyProvider from '../../providers/CurrencyProvider';\nimport { useState, useEffect, useMemo, useContext } from 'react';\nimport Icon, { IconType } from './Icon';\nimport { Color } from '../../util/Color';\nimport { CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\n\ninterface CurrencyProps {\n    removeCurrencyAfterChar?: number;\n    shortenThousandsAfter?: number;\n\n    children: any;\n\n    hideDecimals?: boolean;\n\n    disableLocalization?: boolean;\n    disableLoading?: boolean;\n\n    originalCurrencyCode?: string;\n}\n\nexport default function Currency(props: CurrencyProps) {\n    const { currentCurrency } = useContext(CompanyContext);\n    const { hotel } = useCurrentHotel();\n\n    const [value, setValue] = useState(0);\n    const [isLoading, setIsLoading] = useState(false);\n\n    const toLocalString = (original: number, toFixed?: boolean) => {\n        if (props.disableLocalization) {\n            return original;\n        }\n\n        if (original) {\n            return original.toLocaleString(undefined, { minimumFractionDigits: toFixed ? 2 : 0 });\n        }\n\n        return original;\n    };\n\n    useEffect(() => {\n        let isCancelled = false;\n\n        setIsLoading(true);\n        setTimeout(\n            () => {\n                if (!isCancelled) {\n                    setIsLoading(false);\n\n                    if (isNaN(props.children)) {\n                        setValue(props.children);\n                    } else {\n                        const totalValue = CurrencyProvider.convertPrice(\n                            props.children,\n                            !props.hideDecimals,\n                            currentCurrency,\n                            props.originalCurrencyCode ?? hotel?.defaultCurrency\n                        );\n\n                        if (!isCancelled) {\n                            setValue(totalValue);\n                        }\n                    }\n                }\n            },\n            props.disableLoading ? 0 : 200\n        );\n\n        return () => {\n            setIsLoading(false);\n            isCancelled = true;\n        };\n    }, [props.children, currentCurrency, props.originalCurrencyCode, CurrencyProvider.getRatesForCurrencyCode(props.originalCurrencyCode ?? hotel?.defaultCurrency)]);\n\n    return useMemo(() => {\n        const stringVal = props.disableLocalization ? value.toString() : value?.toLocaleString();\n\n        let symbol = CurrencyProvider.getSymbol(currentCurrency);\n        if (props.removeCurrencyAfterChar) {\n            const priceLength = String(value).length;\n            if (priceLength + symbol.length > props.removeCurrencyAfterChar) {\n                symbol = CurrencyProvider.getShortSymbol(currentCurrency);\n                if (priceLength + symbol.length > props.removeCurrencyAfterChar) {\n                    symbol = '';\n                }\n            }\n        }\n\n        let prettyValue = toLocalString(value, !(props.hideDecimals || typeof value !== 'number'));\n\n        if (props.shortenThousandsAfter && props.shortenThousandsAfter <= String(value).length && props.hideDecimals) {\n            prettyValue = stringVal.substring(0, stringVal.length - 3) + '…';\n        }\n\n        return isLoading && !props.disableLoading ? (\n            <span className=\"u-inline-flex a-spin\">\n                <Icon icon={IconType.Spinner} size=\"1em\" color={Color.Accent} />\n            </span>\n        ) : (\n            <span className=\"u-ellip-overflow u-nowrap\">\n                {symbol && <span>{symbol}</span>}\n                {prettyValue}\n            </span>\n        );\n    }, [value, isLoading]);\n}\n"]}
+{"version":3,"file":"Currency.js","sourceRoot":"/","sources":["src/components/generic/Currency.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport CurrencyProvider from 'providers/CurrencyProvider';\nimport { useState, useEffect, useMemo, useContext } from 'react';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport { Color } from 'util/Color';\nimport { CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\n\ninterface CurrencyProps {\n    removeCurrencyAfterChar?: number;\n    shortenThousandsAfter?: number;\n\n    children: any;\n\n    hideDecimals?: boolean;\n\n    disableLocalization?: boolean;\n    disableLoading?: boolean;\n\n    originalCurrencyCode?: string;\n}\n\nexport default function Currency(props: CurrencyProps) {\n    const { currentCurrency } = useContext(CompanyContext);\n    const { hotel } = useCurrentHotel();\n\n    const [value, setValue] = useState(0);\n    const [isLoading, setIsLoading] = useState(false);\n\n    const toLocalString = (original: number, toFixed?: boolean) => {\n        if (props.disableLocalization) {\n            return original;\n        }\n\n        if (original) {\n            return original.toLocaleString(undefined, { minimumFractionDigits: toFixed ? 2 : 0 });\n        }\n\n        return original;\n    };\n\n    useEffect(() => {\n        let isCancelled = false;\n\n        setIsLoading(true);\n        setTimeout(\n            () => {\n                if (!isCancelled) {\n                    setIsLoading(false);\n\n                    if (isNaN(props.children)) {\n                        setValue(props.children);\n                    } else {\n                        const totalValue = CurrencyProvider.convertPrice(\n                            props.children,\n                            !props.hideDecimals,\n                            currentCurrency,\n                            props.originalCurrencyCode ?? hotel?.defaultCurrency\n                        );\n\n                        if (!isCancelled) {\n                            setValue(totalValue);\n                        }\n                    }\n                }\n            },\n            props.disableLoading ? 0 : 200\n        );\n\n        return () => {\n            setIsLoading(false);\n            isCancelled = true;\n        };\n    }, [props.children, currentCurrency, props.originalCurrencyCode, CurrencyProvider.getRatesForCurrencyCode(props.originalCurrencyCode ?? hotel?.defaultCurrency)]);\n\n    return useMemo(() => {\n        const stringVal = props.disableLocalization ? value.toString() : value?.toLocaleString();\n\n        let symbol = CurrencyProvider.getSymbol(currentCurrency);\n        if (props.removeCurrencyAfterChar) {\n            const priceLength = String(value).length;\n            if (priceLength + symbol.length > props.removeCurrencyAfterChar) {\n                symbol = CurrencyProvider.getShortSymbol(currentCurrency);\n                if (priceLength + symbol.length > props.removeCurrencyAfterChar) {\n                    symbol = '';\n                }\n            }\n        }\n\n        let prettyValue = toLocalString(value, !(props.hideDecimals || typeof value !== 'number'));\n\n        if (props.shortenThousandsAfter && props.shortenThousandsAfter <= String(value).length && props.hideDecimals) {\n            prettyValue = stringVal.substring(0, stringVal.length - 3) + '…';\n        }\n\n        return isLoading && !props.disableLoading ? (\n            <span className=\"u-inline-flex a-spin\">\n                <Icon icon={IconType.Spinner} size=\"1em\" color={Color.Accent} />\n            </span>\n        ) : (\n            <span className=\"u-ellip-overflow u-nowrap\">\n                {symbol && <span>{symbol}</span>}\n                {prettyValue}\n            </span>\n        );\n    }, [value, isLoading]);\n}\n"]}

package/dist/src/components/generic/Distance.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
 const React = require("react");
-const DistanceProvider_1 = require("../../providers/DistanceProvider");
-const HotelOverridesContext_1 = require("../../contexts/HotelOverridesContext");
+const DistanceProvider_1 = require("providers/DistanceProvider");
+const contexts_1 = require("@frontend/contexts");
 function Distance({ distance }) {
-    const { distanceUnitType } = React.useContext(HotelOverridesContext_1.HotelOverridesContext);
+    const { distanceUnitType } = React.useContext(contexts_1.HotelOverridesContext);
     const distanceString = (() => {
         if (typeof distance === 'string') {
             return `${distance} ${DistanceProvider_1.default.getMeasurementString(distanceUnitType)}`;
@@ -14,7 +14,7 @@ function Distance({ distance }) {
             return `${DistanceProvider_1.default.convertTo(distanceUnitType, distance)} ${DistanceProvider_1.default.getMeasurementString(distanceUnitType)}`;
         }
     })();
-    return react_1.useMemo(() => {
+    return (0, react_1.useMemo)(() => {
         return React.createElement(React.Fragment, null, distanceString);
     }, [distance]);
 }

package/dist/src/components/generic/Distance.js.map

@@ -1 +1 @@
-{"version":3,"file":"Distance.js","sourceRoot":"/","sources":["src/components/generic/Distance.tsx"],"names":[],"mappings":";;AAAA,iCAAgC;AAChC,+BAA+B;AAC/B,uEAAgE;AAChE,gFAA6E;AAM7E,SAAwB,QAAQ,CAAC,EAAE,QAAQ,EAAiB;IACxD,MAAM,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,6CAAqB,CAAC,CAAC;IAErE,MAAM,cAAc,GAAG,CAAC,GAAG,EAAE;QACzB,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;YAC9B,OAAO,GAAG,QAAQ,IAAI,0BAAgB,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,EAAE,CAAC;SACnF;aAAM;YACH,OAAO,GAAG,0BAAgB,CAAC,SAAS,CAAC,gBAAgB,EAAE,QAAQ,CAAC,IAAI,0BAAgB,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,EAAE,CAAC;SACjI;IACL,CAAC,CAAC,EAAE,CAAC;IAEL,OAAO,eAAO,CAAC,GAAG,EAAE;QAChB,OAAO,0CAAG,cAAc,CAAI,CAAC;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AACnB,CAAC;AAdD,2BAcC","sourcesContent":["import { useMemo } from 'react';\nimport * as React from 'react';\nimport DistanceProvider from '../../providers/DistanceProvider';\nimport { HotelOverridesContext } from '../../contexts/HotelOverridesContext';\n\ninterface DistanceProps {\n    distance: number | string;\n}\n\nexport default function Distance({ distance }: DistanceProps) {\n    const { distanceUnitType } = React.useContext(HotelOverridesContext);\n\n    const distanceString = (() => {\n        if (typeof distance === 'string') {\n            return `${distance} ${DistanceProvider.getMeasurementString(distanceUnitType)}`;\n        } else {\n            return `${DistanceProvider.convertTo(distanceUnitType, distance)} ${DistanceProvider.getMeasurementString(distanceUnitType)}`;\n        }\n    })();\n\n    return useMemo(() => {\n        return <>{distanceString}</>;\n    }, [distance]);\n}\n"]}
+{"version":3,"file":"Distance.js","sourceRoot":"/","sources":["src/components/generic/Distance.tsx"],"names":[],"mappings":";;AAAA,iCAAgC;AAChC,+BAA+B;AAC/B,iEAA0D;AAC1D,iDAA2D;AAM3D,SAAwB,QAAQ,CAAC,EAAE,QAAQ,EAAiB;IACxD,MAAM,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,gCAAqB,CAAC,CAAC;IAErE,MAAM,cAAc,GAAG,CAAC,GAAG,EAAE;QACzB,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;YAC9B,OAAO,GAAG,QAAQ,IAAI,0BAAgB,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,EAAE,CAAC;SACnF;aAAM;YACH,OAAO,GAAG,0BAAgB,CAAC,SAAS,CAAC,gBAAgB,EAAE,QAAQ,CAAC,IAAI,0BAAgB,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,EAAE,CAAC;SACjI;IACL,CAAC,CAAC,EAAE,CAAC;IAEL,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAChB,OAAO,0CAAG,cAAc,CAAI,CAAC;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AACnB,CAAC;AAdD,2BAcC","sourcesContent":["import { useMemo } from 'react';\nimport * as React from 'react';\nimport DistanceProvider from 'providers/DistanceProvider';\nimport { HotelOverridesContext } from '@frontend/contexts';\n\ninterface DistanceProps {\n    distance: number | string;\n}\n\nexport default function Distance({ distance }: DistanceProps) {\n    const { distanceUnitType } = React.useContext(HotelOverridesContext);\n\n    const distanceString = (() => {\n        if (typeof distance === 'string') {\n            return `${distance} ${DistanceProvider.getMeasurementString(distanceUnitType)}`;\n        } else {\n            return `${DistanceProvider.convertTo(distanceUnitType, distance)} ${DistanceProvider.getMeasurementString(distanceUnitType)}`;\n        }\n    })();\n\n    return useMemo(() => {\n        return <>{distanceString}</>;\n    }, [distance]);\n}\n"]}

package/dist/src/components/generic/ForwardedSelect.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface SelectOption {
+    value: string;
+    label: string;
+}
+interface ForwardedSelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
+    name?: string;
+    label?: string;
+    options: SelectOption[];
+}
+export declare const ForwardedSelect: React.ForwardRefExoticComponent<ForwardedSelectProps & React.RefAttributes<unknown>>;
+export default ForwardedSelect;

package/dist/src/components/generic/ForwardedSelect.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ForwardedSelect = void 0;
+const React = require("react");
+const react_1 = require("react");
+exports.ForwardedSelect = (0, react_1.forwardRef)(({ options, label, name, onChange, onBlur }, ref) => {
+    const id = name ? `${name}Selector` : undefined;
+    return (React.createElement(React.Fragment, null,
+        label && (React.createElement("label", { htmlFor: id, className: "text-bold" }, label)),
+        React.createElement("select", { ref: ref, id: id, name: name, className: "c-input", onChange: onChange, onBlur: onBlur, style: { background: 'white' } }, options === null || options === void 0 ? void 0 : options.map(({ value, label }) => {
+            return (React.createElement("option", { key: `${value}option`, value: value }, label));
+        }))));
+});
+exports.ForwardedSelect.displayName = 'ForwardedSelect';
+exports.default = exports.ForwardedSelect;
+//# sourceMappingURL=ForwardedSelect.js.map

package/dist/src/components/generic/ForwardedSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForwardedSelect.js","sourceRoot":"/","sources":["src/components/generic/ForwardedSelect.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,iCAAmC;AAatB,QAAA,eAAe,GAAG,IAAA,kBAAU,EAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAwB,EAAE,GAAQ,EAAE,EAAE;IACrH,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IAEhD,OAAO,CACH;QACK,KAAK,IAAI,CACN,+BAAO,OAAO,EAAE,EAAE,EAAE,SAAS,EAAC,WAAW,IACpC,KAAK,CACF,CACX;QACD,gCAAQ,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,SAAS,EAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,IACvH,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;YAC/B,OAAO,CACH,gCAAQ,GAAG,EAAE,GAAG,KAAK,QAAQ,EAAE,KAAK,EAAE,KAAK,IACtC,KAAK,CACD,CACZ,CAAC;QACN,CAAC,CAAC,CACG,CACV,CACN,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,kBAAe,uBAAe,CAAC","sourcesContent":["import * as React from 'react';\nimport { forwardRef } from 'react';\n\nexport interface SelectOption {\n    value: string;\n    label: string;\n}\n\ninterface ForwardedSelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {\n    name?: string;\n    label?: string;\n    options: SelectOption[];\n}\n\nexport const ForwardedSelect = forwardRef(({ options, label, name, onChange, onBlur }: ForwardedSelectProps, ref: any) => {\n    const id = name ? `${name}Selector` : undefined;\n\n    return (\n        <>\n            {label && (\n                <label htmlFor={id} className=\"text-bold\">\n                    {label}\n                </label>\n            )}\n            <select ref={ref} id={id} name={name} className=\"c-input\" onChange={onChange} onBlur={onBlur} style={{ background: 'white' }}>\n                {options?.map(({ value, label }) => {\n                    return (\n                        <option key={`${value}option`} value={value}>\n                            {label}\n                        </option>\n                    );\n                })}\n            </select>\n        </>\n    );\n});\n\nForwardedSelect.displayName = 'ForwardedSelect';\n\nexport default ForwardedSelect;\n"]}

package/dist/src/components/generic/Headline.d.ts

@@ -1,8 +1,10 @@
-import { TextAlign } from '../../util/TextAlignment';
-import { Color } from '../../util/Color';
+import { TextAlign } from 'util/TextAlignment';
+import { Color } from 'util/Color';
 import * as React from 'react';
-export interface HeadlineProps {
+import { PropsWithChildren } from 'react';
+export interface HeadlineProps extends PropsWithChildren<any> {
     bold?: boolean;
+    lineThrough?: boolean;
     size?: 'extra-large' | 'large' | 'normal';
     lineHeight?: '1em' | 'normal';
     color?: Color;

package/dist/src/components/generic/Headline.js

@@ -7,8 +7,9 @@ function Headline(props) {
     const classes = classNames({
         headline: true,
         '--bold': defaultedProps.bold || props.size === 'extra-large',
+        '--line-through': defaultedProps.lineThrough,
         [`--${defaultedProps.size}`]: defaultedProps.size,
-        [props.align]: props.align,
+        [props.align]: !!props.align,
         'u-lh-1em': props.lineHeight === '1em',
         [props.className]: !!props.className,
     });

package/dist/src/components/generic/Headline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Headline.js","sourceRoot":"/","sources":["src/components/generic/Headline.tsx"],"names":[],"mappings":";;AAEA,+BAA+B;AAC/B,yCAAyC;AAazC,SAAwB,QAAQ,CAAC,KAAoB;IACjD,MAAM,cAAc,mBAChB,IAAI,EAAE,QAAQ,IACX,KAAK,CACX,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,CAAC;QACvB,QAAQ,EAAE,IAAI;QACd,QAAQ,EAAE,cAAc,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,KAAK,aAAa;QAC7D,CAAC,KAAK,cAAc,CAAC,IAAI,EAAE,CAAC,EAAE,cAAc,CAAC,IAAI;QACjD,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,KAAK;QAC1B,UAAU,EAAE,KAAK,CAAC,UAAU,KAAK,KAAK;QAEtC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS;KACvC,CAAC,CAAC;IAEH,MAAM,MAAM,GAAQ,EAAE,CAAC;IAEvB,IAAI,KAAK,CAAC,KAAK,EAAE;QACb,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;KAC9B;IAED,IAAI,cAAc,CAAC,IAAI,KAAK,aAAa,EAAE;QACvC,OAAO,CACH,4BAAI,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAChC,KAAK,CAAC,QAAQ,CACd,CACR,CAAC;KACL;IAED,IAAI,cAAc,CAAC,IAAI,KAAK,OAAO,EAAE;QACjC,OAAO,CACH,4BAAI,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAChC,KAAK,CAAC,QAAQ,CACd,CACR,CAAC;KACL;IAED,OAAO,CACH,4BAAI,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAChC,KAAK,CAAC,QAAQ,CACd,CACR,CAAC;AACN,CAAC;AA3CD,2BA2CC","sourcesContent":["import { TextAlign } from '../../util/TextAlignment';\nimport { Color } from '../../util/Color';\nimport * as React from 'react';\nimport * as classNames from 'classnames';\n\nexport interface HeadlineProps {\n    bold?: boolean;\n    size?: 'extra-large' | 'large' | 'normal';\n    lineHeight?: '1em' | 'normal';\n    color?: Color;\n    [x: string]: React.ReactNode;\n    align?: TextAlign;\n\n    className?: string;\n}\n\nexport default function Headline(props: HeadlineProps) {\n    const defaultedProps: HeadlineProps = {\n        size: 'normal',\n        ...props,\n    };\n\n    const classes = classNames({\n        headline: true,\n        '--bold': defaultedProps.bold || props.size === 'extra-large',\n        [`--${defaultedProps.size}`]: defaultedProps.size,\n        [props.align]: props.align,\n        'u-lh-1em': props.lineHeight === '1em',\n\n        [props.className]: !!props.className,\n    });\n\n    const styles: any = {};\n\n    if (props.color) {\n        styles.color = props.color;\n    }\n\n    if (defaultedProps.size === 'extra-large') {\n        return (\n            <h1 className={classes} style={styles}>\n                {props.children}\n            </h1>\n        );\n    }\n\n    if (defaultedProps.size === 'large') {\n        return (\n            <h2 className={classes} style={styles}>\n                {props.children}\n            </h2>\n        );\n    }\n\n    return (\n        <h3 className={classes} style={styles}>\n            {props.children}\n        </h3>\n    );\n}\n"]}
+{"version":3,"file":"Headline.js","sourceRoot":"/","sources":["src/components/generic/Headline.tsx"],"names":[],"mappings":";;AAEA,+BAA+B;AAC/B,yCAAyC;AAezC,SAAwB,QAAQ,CAAC,KAAoB;IACjD,MAAM,cAAc,mBAChB,IAAI,EAAE,QAAQ,IACX,KAAK,CACX,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,CAAC;QACvB,QAAQ,EAAE,IAAI;QACd,QAAQ,EAAE,cAAc,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,KAAK,aAAa;QAC7D,gBAAgB,EAAE,cAAc,CAAC,WAAW;QAC5C,CAAC,KAAK,cAAc,CAAC,IAAI,EAAE,CAAC,EAAE,cAAc,CAAC,IAAI;QACjD,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK;QAC5B,UAAU,EAAE,KAAK,CAAC,UAAU,KAAK,KAAK;QAEtC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS;KACvC,CAAC,CAAC;IAEH,MAAM,MAAM,GAAQ,EAAE,CAAC;IAEvB,IAAI,KAAK,CAAC,KAAK,EAAE;QACb,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;KAC9B;IAED,IAAI,cAAc,CAAC,IAAI,KAAK,aAAa,EAAE;QACvC,OAAO,CACH,4BAAI,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAChC,KAAK,CAAC,QAAQ,CACd,CACR,CAAC;KACL;IAED,IAAI,cAAc,CAAC,IAAI,KAAK,OAAO,EAAE;QACjC,OAAO,CACH,4BAAI,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAChC,KAAK,CAAC,QAAQ,CACd,CACR,CAAC;KACL;IAED,OAAO,CACH,4BAAI,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAChC,KAAK,CAAC,QAAQ,CACd,CACR,CAAC;AACN,CAAC;AA5CD,2BA4CC","sourcesContent":["import { TextAlign } from 'util/TextAlignment';\nimport { Color } from 'util/Color';\nimport * as React from 'react';\nimport * as classNames from 'classnames';\nimport { PropsWithChildren } from 'react';\n\nexport interface HeadlineProps extends PropsWithChildren<any> {\n    bold?: boolean;\n    lineThrough?: boolean;\n    size?: 'extra-large' | 'large' | 'normal';\n    lineHeight?: '1em' | 'normal';\n    color?: Color;\n    [x: string]: React.ReactNode;\n    align?: TextAlign;\n\n    className?: string;\n}\n\nexport default function Headline(props: HeadlineProps) {\n    const defaultedProps: HeadlineProps = {\n        size: 'normal',\n        ...props,\n    };\n\n    const classes = classNames({\n        headline: true,\n        '--bold': defaultedProps.bold || props.size === 'extra-large',\n        '--line-through': defaultedProps.lineThrough,\n        [`--${defaultedProps.size}`]: defaultedProps.size,\n        [props.align]: !!props.align,\n        'u-lh-1em': props.lineHeight === '1em',\n\n        [props.className]: !!props.className,\n    });\n\n    const styles: any = {};\n\n    if (props.color) {\n        styles.color = props.color;\n    }\n\n    if (defaultedProps.size === 'extra-large') {\n        return (\n            <h1 className={classes} style={styles}>\n                {props.children}\n            </h1>\n        );\n    }\n\n    if (defaultedProps.size === 'large') {\n        return (\n            <h2 className={classes} style={styles}>\n                {props.children}\n            </h2>\n        );\n    }\n\n    return (\n        <h3 className={classes} style={styles}>\n            {props.children}\n        </h3>\n    );\n}\n"]}

package/dist/src/components/generic/{Icon.d.ts → Icon/Icon.d.ts}

@@ -1,4 +1,4 @@
-import { Color } from '../../util/Color';
+import { Color } from 'util/Color';
 export declare enum IconType {
     Email = "Email",
     Degrees = "Degrees",
@@ -62,7 +62,10 @@ export declare enum IconType {
     LateCheckout = "Late-Checkout",
     RoomSize = "Room-Size",
     RoomUpgrade = "Room-Upgrade",
-    Champagne = "Champagne"
+    Champagne = "Champagne",
+    Eye = "Eye",
+    EyeBlocked = "EyeBlocked",
+    Delete = "Delete"
 }
 export interface IconProps {
     icon: IconType;
@@ -72,6 +75,7 @@ export interface IconProps {
     noPadding?: boolean;
     onClick?: () => void;
     borderRadius?: 'oval' | 'round';
+    className?: string;
 }
 export declare function IconDropdown(): JSX.Element;
 export declare function IconDropdownFilled(): JSX.Element;

package/dist/src/components/generic/{Icon.js → Icon/Icon.js}

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconDropdownFilled = exports.IconDropdown = exports.IconType = void 0;
-const Color_1 = require("../../util/Color");
+const Color_1 = require("util/Color");
 const React = require("react");
 const classNames = require("classnames");
+const Icon_module_scss_1 = require("./Icon.module.scss");
 var IconType;
 (function (IconType) {
     IconType["Email"] = "Email";
@@ -69,6 +70,9 @@ var IconType;
     IconType["RoomSize"] = "Room-Size";
     IconType["RoomUpgrade"] = "Room-Upgrade";
     IconType["Champagne"] = "Champagne";
+    IconType["Eye"] = "Eye";
+    IconType["EyeBlocked"] = "EyeBlocked";
+    IconType["Delete"] = "Delete";
 })(IconType = exports.IconType || (exports.IconType = {}));
 function IconDropdown() {
     return React.createElement(Icon, { icon: IconType.ArrowDown2, size: "1em", color: Color_1.Color.DarkGrey });
@@ -80,11 +84,12 @@ function IconDropdownFilled() {
 exports.IconDropdownFilled = IconDropdownFilled;
 function Icon(props) {
     const defaultProps = Object.assign({ icon: IconType.Check, size: '18px' }, props);
-    const classes = classNames('diji-icon', `diji-icon${defaultProps.icon}`, {
-        '--has-bg': !!defaultProps.backgroundColor,
-        '--clickable': defaultProps.onClick,
+    // TODO: remove the diji-icon class from all external uses.
+    const classes = classNames(Icon_module_scss_1.default['diji-icon'], props.className, Icon_module_scss_1.default[`diji-icon${defaultProps.icon}`], 'diji-icon', {
+        [Icon_module_scss_1.default['--has-bg']]: !!defaultProps.backgroundColor,
+        [Icon_module_scss_1.default['--clickable']]: defaultProps.onClick,
         'u-pad-none': props.noPadding,
-        [`--border-${defaultProps.borderRadius}`]: defaultProps.borderRadius,
+        [Icon_module_scss_1.default[`--border-${defaultProps.borderRadius}`]]: defaultProps.borderRadius,
     });
     const extraProps = {};
     if (defaultProps.onClick) {

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"/","sources":["src/components/generic/Icon/Icon.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Color } from 'util/Color';\nimport * as React from 'react';\n\nimport * as classNames from 'classnames';\n\nimport styles from './Icon.module.scss';\n\nexport enum IconType {\n    Email = 'Email',\n    Degrees = 'Degrees',\n    Hotel = 'Hotel',\n    Hotel2 = 'Hotel-2',\n    Map = 'Map',\n    Info = 'Info',\n    Deal = 'Deal',\n    Money = 'Money',\n    Lock = 'Lock',\n    Check = 'Check',\n    CheckCircled = 'Check-Circled',\n    Bed = 'Bed',\n    ApplePay = 'Apple-Pay',\n    PayPal = 'PayPal',\n    Person = 'Person',\n    ChildFriendly = 'Child-Friendly',\n    Fridge = 'Fridge',\n    Smoking = 'Smoking',\n    Gym = 'Gym',\n    Bar = 'Bar',\n    Laundry = 'Laundry',\n    Breakfast = 'Breakfast',\n    Snacks = 'Snacks',\n    Phone = 'Phone',\n    ViewMonth = 'View-Month',\n    Ovolo = 'Ovolo',\n    ViewWeek = 'View-Week',\n    AirCon = 'Air-Con',\n    WiFi = 'Wifi',\n    Time = 'Time',\n    People = 'People',\n    Calendar = 'Calendar',\n    CreditCard = 'Credit-Card',\n    Spinner = 'Spinner',\n    Fullscreen = 'Fullscreen',\n    Star = 'Star',\n    ArrowRight = 'Arrow-Right',\n    ArrowLeft = 'Arrow-Left',\n    ArrowUp = 'Arrow-Up',\n    ArrowDown = 'Arrow-Down',\n    ArrowLeft2 = 'Arrow-2-Left',\n    ArrowUp2 = 'Arrow-2-Up',\n    ArrowRight2 = 'Arrow-2-Right',\n    ArrowDown2 = 'Arrow-2-Down',\n    Close = 'Close',\n    Remove = 'Remove',\n    Add = 'Add',\n    Dropdown = 'Dropdown',\n    Train = 'Train',\n    Taxi = 'Taxi',\n    Share = 'Share',\n    Print = 'Print',\n    LogOut = 'Log-Out',\n    Error = 'Error',\n    Edit = 'Edit',\n    Bus = 'Bus',\n    Airplane = 'Airplane',\n    Menu = 'Menu',\n    LootBag = 'loot-bag',\n    LateCheckout = 'Late-Checkout',\n    RoomSize = 'Room-Size',\n    RoomUpgrade = 'Room-Upgrade',\n    Champagne = 'Champagne',\n    Eye = 'Eye',\n    EyeBlocked = 'EyeBlocked',\n    Delete = 'Delete',\n}\n\nexport interface IconProps {\n    icon: IconType;\n    size?: string;\n\n    color?: Color;\n    backgroundColor?: Color;\n\n    noPadding?: boolean;\n\n    onClick?: () => void;\n    borderRadius?: 'oval' | 'round';\n    className?: string;\n}\n\nexport function IconDropdown() {\n    return <Icon icon={IconType.ArrowDown2} size=\"1em\" color={Color.DarkGrey} />;\n}\n\nexport function IconDropdownFilled() {\n    return <Icon icon={IconType.Dropdown} size=\"1em\" color={Color.DarkGrey} />;\n}\n\nexport default function Icon(props: IconProps) {\n    const defaultProps: IconProps = {\n        icon: IconType.Check,\n        size: '18px',\n        ...props,\n    };\n\n    // TODO: remove the diji-icon class from all external uses.\n    const classes = classNames(styles['diji-icon'], props.className, (styles as any)[`diji-icon${defaultProps.icon}`], 'diji-icon', {\n        [styles['--has-bg']]: !!defaultProps.backgroundColor,\n        [styles['--clickable']]: defaultProps.onClick,\n        'u-pad-none': props.noPadding,\n        [(styles as any)[`--border-${defaultProps.borderRadius}`]]: defaultProps.borderRadius,\n    });\n\n    const extraProps: any = {};\n\n    if (defaultProps.onClick) {\n        extraProps.onClick = defaultProps.onClick;\n    }\n\n    const style: any = {\n        fontSize: defaultProps.size,\n    };\n\n    if (defaultProps.color) {\n        style.color = defaultProps.color;\n    }\n\n    if (defaultProps.backgroundColor) {\n        style.backgroundColor = defaultProps.backgroundColor;\n    }\n\n    return <i className={classes} style={style} {...extraProps} />;\n}\n"]}