@roomstay/frontend 1.3.0

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

@@ -0,0 +1,113 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const TextBox_1 = require("./TextBox");
+const Translation_1 = require("../../translations/Translation");
+const BETooltip_1 = require("./BETooltip");
+const Icon_1 = require("./Icon");
+const Color_1 = require("../../util/Color");
+const react_i18next_1 = require("react-i18next");
+const react_1 = require("react");
+const SmallSpinner_1 = require("./loader/SmallSpinner");
+const Text_1 = require("../generic/Text");
+function PromoCodeInput(props) {
+    var _a;
+    const { t } = react_i18next_1.useTranslation();
+    const [promoCode, setPromoCode] = react_1.useState((_a = props.value) !== null && _a !== void 0 ? _a : '');
+    const [showPromoSave, setShowPromoSave] = react_1.useState(false);
+    const [showPromoRemove, setShowPromoRemove] = react_1.useState(false);
+    const [pressedChange, setPressedChange] = react_1.useState(false);
+    const firstUpdate = react_1.useRef();
+    let promoCodeStatus;
+    promoCodeStatus = props.valid || props.valid === false ? (props.valid ? 'success' : 'error') : null;
+    react_1.useEffect(() => {
+        if (props.valid || props.valid === false) {
+            setShowPromoRemove(true);
+        }
+    }, [props.valid]);
+    react_1.useEffect(() => {
+        if (showPromoSave || showPromoRemove) {
+            setPressedChange(false);
+        }
+    }, [showPromoSave, showPromoRemove]);
+    react_1.useEffect(() => {
+        if (firstUpdate) {
+            if (promoCode) {
+                if (promoCode !== props.value) {
+                    if (props.direct) {
+                        updatePromoCode(promoCode, false);
+                    }
+                    else {
+                        setShowPromoSave(true);
+                    }
+                }
+                else {
+                    setShowPromoRemove(true);
+                }
+            }
+            else {
+                setShowPromoSave(false);
+                setShowPromoRemove(false);
+                updatePromoCode('', false);
+            }
+        }
+        else {
+            if (promoCode) {
+                setShowPromoRemove(true);
+            }
+        }
+    }, [promoCode]);
+    const updatePromoCode = (code, propagate = true) => {
+        if (code) {
+            if (props.direct) {
+                setShowPromoRemove(true);
+            }
+            else {
+                setPressedChange(true);
+                setShowPromoSave(false);
+            }
+        }
+        if (propagate) {
+            setPromoCode(code);
+        }
+        props.onChange(code);
+    };
+    const handleKeyPress = (event) => {
+        if (event.key === 'Enter') {
+            updatePromoCode(promoCode);
+        }
+    };
+    const clearPromoCode = () => {
+        return updatePromoCode('');
+    };
+    const setUpdatedPromoCode = () => {
+        return updatePromoCode(promoCode);
+    };
+    const setPromoCodeOnChange = (val) => {
+        setPromoCode(val.target.value);
+    };
+    return (React.createElement("div", { ref: firstUpdate },
+        React.createElement("div", { className: "u-pos-rel" },
+            React.createElement(TextBox_1.default, { value: (props.direct ? props.value : promoCode).toUpperCase().replace(' ', ''), placeholder: t(Translation_1.Translation.Step.Date.PromoCode), wide: true, validationStatus: promoCodeStatus, onChange: setPromoCodeOnChange, onKeyPress: handleKeyPress }),
+            showPromoRemove && (React.createElement(BETooltip_1.default, { title: "Remove Promo code", arrow: true, enterDelay: 500 },
+                React.createElement("div", { className: "people-picker--promo-icon", onClick: clearPromoCode },
+                    React.createElement(Icon_1.default, { size: "24px", icon: Icon_1.IconType.Close, color: Color_1.Color.Grey })))),
+            showPromoSave && (React.createElement(BETooltip_1.default, { title: "Apply Code", arrow: true, enterDelay: 500 },
+                React.createElement("div", { className: "people-picker--promo-icon --success", onClick: setUpdatedPromoCode },
+                    React.createElement(Icon_1.default, { size: "24px", icon: Icon_1.IconType.ArrowRight2, color: Color_1.Color.Success })))),
+            pressedChange && (React.createElement(BETooltip_1.default, { title: "Promo code loading", arrow: true, enterDelay: 500 },
+                React.createElement("div", { className: "people-picker--promo-icon" },
+                    React.createElement(SmallSpinner_1.default, null))))),
+        props.valid === true && (React.createElement("div", { className: "u-marg-top" },
+            React.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Success },
+                "Promo Code '",
+                props.value,
+                "' applied"))),
+        props.valid === false && (React.createElement("div", { className: "u-marg-top" },
+            React.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Alert },
+                "Promo Code '",
+                props.value,
+                "' is not valid")))));
+}
+exports.default = PromoCodeInput;
+//# sourceMappingURL=PromoCodeInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PromoCodeInput.js","sourceRoot":"/","sources":["src/components/generic/PromoCodeInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport TextBox from './TextBox';\nimport { Translation } from '../../translations/Translation';\nimport BETooltip from './BETooltip';\nimport Icon, { IconType } from './Icon';\nimport { Color } from '../../util/Color';\nimport { useTranslation } from 'react-i18next';\nimport { useState, useRef, useEffect } from 'react';\nimport SmallSpinner from './loader/SmallSpinner';\nimport Text, { TextType } from '../generic/Text';\n\ninterface PromoCodeInputProps {\n    value: string;\n    onChange: (code: string) => void;\n\n    valid?: boolean;\n    direct?: boolean;\n}\n\nexport default function PromoCodeInput(props: PromoCodeInputProps) {\n    const { t } = useTranslation();\n\n    const [promoCode, setPromoCode] = useState(props.value ?? '');\n    const [showPromoSave, setShowPromoSave] = useState(false);\n    const [showPromoRemove, setShowPromoRemove] = useState(false);\n\n    const [pressedChange, setPressedChange] = useState(false);\n\n    const firstUpdate = useRef();\n\n    let promoCodeStatus: 'success' | 'error';\n    promoCodeStatus = props.valid || props.valid === false ? (props.valid ? 'success' : 'error') : null;\n\n    useEffect(() => {\n        if (props.valid || props.valid === false) {\n            setShowPromoRemove(true);\n        }\n    }, [props.valid]);\n\n    useEffect(() => {\n        if (showPromoSave || showPromoRemove) {\n            setPressedChange(false);\n        }\n    }, [showPromoSave, showPromoRemove]);\n\n    useEffect(() => {\n        if (firstUpdate) {\n            if (promoCode) {\n                if (promoCode !== props.value) {\n                    if (props.direct) {\n                        updatePromoCode(promoCode, false);\n                    } else {\n                        setShowPromoSave(true);\n                    }\n                } else {\n                    setShowPromoRemove(true);\n                }\n            } else {\n                setShowPromoSave(false);\n                setShowPromoRemove(false);\n\n                updatePromoCode('', false);\n            }\n        } else {\n            if (promoCode) {\n                setShowPromoRemove(true);\n            }\n        }\n    }, [promoCode]);\n\n    const updatePromoCode = (code: string, propagate = true) => {\n        if (code) {\n            if (props.direct) {\n                setShowPromoRemove(true);\n            } else {\n                setPressedChange(true);\n                setShowPromoSave(false);\n            }\n        }\n\n        if (propagate) {\n            setPromoCode(code);\n        }\n\n        props.onChange(code);\n    };\n\n    const handleKeyPress = (event: any) => {\n        if (event.key === 'Enter') {\n            updatePromoCode(promoCode);\n        }\n    };\n    const clearPromoCode = () => {\n        return updatePromoCode('');\n    };\n    const setUpdatedPromoCode = () => {\n        return updatePromoCode(promoCode);\n    };\n    const setPromoCodeOnChange = (val: React.ChangeEvent<HTMLInputElement>) => {\n        setPromoCode(val.target.value);\n    };\n    return (\n        <div ref={firstUpdate}>\n            <div className=\"u-pos-rel\">\n                <TextBox\n                    value={(props.direct ? props.value : promoCode).toUpperCase().replace(' ', '')}\n                    placeholder={t(Translation.Step.Date.PromoCode)}\n                    wide={true}\n                    validationStatus={promoCodeStatus}\n                    onChange={setPromoCodeOnChange}\n                    onKeyPress={handleKeyPress}\n                />\n                {showPromoRemove && (\n                    <BETooltip title=\"Remove Promo code\" arrow={true} enterDelay={500}>\n                        <div className=\"people-picker--promo-icon\" onClick={clearPromoCode}>\n                            <Icon size=\"24px\" icon={IconType.Close} color={Color.Grey} />\n                        </div>\n                    </BETooltip>\n                )}\n                {showPromoSave && (\n                    <BETooltip title=\"Apply Code\" arrow={true} enterDelay={500}>\n                        <div className=\"people-picker--promo-icon --success\" onClick={setUpdatedPromoCode}>\n                            <Icon size=\"24px\" icon={IconType.ArrowRight2} color={Color.Success} />\n                        </div>\n                    </BETooltip>\n                )}\n                {pressedChange && (\n                    <BETooltip title=\"Promo code loading\" arrow={true} enterDelay={500}>\n                        <div className=\"people-picker--promo-icon\">\n                            <SmallSpinner />\n                        </div>\n                    </BETooltip>\n                )}\n            </div>\n            {props.valid === true && (\n                <div className=\"u-marg-top\">\n                    <Text type={TextType.Small} color={Color.Success}>\n                        Promo Code '{props.value}' applied\n                    </Text>\n                </div>\n            )}\n            {props.valid === false && (\n                <div className=\"u-marg-top\">\n                    <Text type={TextType.Small} color={Color.Alert}>\n                        Promo Code '{props.value}' is not valid\n                    </Text>\n                </div>\n            )}\n        </div>\n    );\n}\n"]}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import BasketRow from '../../models/BasketRow';
+interface RecentSearchesCardProps {
+    basketRow: BasketRow;
+    onViewRatesClicked: () => void;
+    onRemove: () => void;
+}
+declare const RecentSearchesCard: ({ basketRow, onRemove, onViewRatesClicked }: RecentSearchesCardProps) => JSX.Element;
+export default RecentSearchesCard;

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

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const dayjs = require("dayjs");
+const ImageGallerySlider_1 = require("../steps/room/ImageGallerySlider");
+const BEButton_1 = require("./BEButton");
+const Icon_1 = require("./Icon");
+const Color_1 = require("../../util/Color");
+const Text_1 = require("./Text");
+const react_i18next_1 = require("react-i18next");
+const Translation_1 = require("../../translations/Translation");
+const react_1 = require("react");
+const ScreenSize_1 = require("../../util/ScreenSize");
+const contexts_1 = require("@frontend/contexts");
+const RecentSearchesCard = ({ basketRow, onRemove, onViewRatesClicked }) => {
+    const start = dayjs(basketRow.getStartDate()).format('ddd DD MMM');
+    const end = dayjs(basketRow.getEndDate()).format('ddd DD MMM');
+    const { t } = react_i18next_1.useTranslation();
+    const beContext = react_1.useContext(contexts_1.BookingEngineContext);
+    return (React.createElement("div", { style: { backgroundColor: '#fff' }, className: "recent-searches-card" },
+        React.createElement("div", { className: "recent-searches-card--gallery" },
+            React.createElement(ImageGallerySlider_1.default, { images: basketRow.getRoom().images, hideLightboxIcon: true })),
+        React.createElement("div", { className: "recent-searches-card--information", onClick: onViewRatesClicked },
+            React.createElement("div", { className: "recent-searches-card--title" },
+                React.createElement(Text_1.default, { type: Text_1.TextType.Body, bold: true, color: Color_1.Color.Accent }, basketRow.getRoom().name),
+                React.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey, className: "u-marg-bottom--light" }, basketRow.getRate().name)),
+            React.createElement("div", { className: "u-marg-bottom u-flex flex-wrap justify-content-start" },
+                React.createElement("div", { className: "u-pad-right" },
+                    React.createElement(Text_1.default, { type: Text_1.TextType.Small },
+                        start,
+                        ", ",
+                        end)),
+                React.createElement("div", null,
+                    React.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey },
+                        basketRow.getAdults(),
+                        " ",
+                        t(Translation_1.Translation.Step.Date.Adult_plural),
+                        " and ",
+                        basketRow.getChildren(),
+                        " ",
+                        t(Translation_1.Translation.Step.Date.Child_plural)))),
+            React.createElement(BEButton_1.default, { icon: Icon_1.IconType.ArrowRight, iconPosition: "right", filled: true, primary: true, wide: beContext.screenSize <= ScreenSize_1.default.Medium, onClick: onViewRatesClicked }, t(Translation_1.Translation.Step.Room.RoomInfo.ViewRates))),
+        React.createElement("div", { className: "recent-searches-card--close" },
+            React.createElement(Icon_1.default, { icon: Icon_1.IconType.Close, color: Color_1.Color.DarkGrey, size: '24px', onClick: onRemove }))));
+};
+exports.default = RecentSearchesCard;
+//# sourceMappingURL=RecentSearchesCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RecentSearchesCard.js","sourceRoot":"/","sources":["src/components/generic/RecentSearchesCard.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,+BAA+B;AAC/B,yEAAkE;AAClE,yCAAkC;AAClC,iCAAwC;AACxC,4CAAyC;AACzC,iCAAwC;AAExC,iDAA+C;AAC/C,gEAA6D;AAC7D,iCAAmC;AACnC,sDAA+C;AAC/C,iDAA0D;AAQ1D,MAAM,kBAAkB,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,kBAAkB,EAA2B,EAAE,EAAE;IAChG,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IACnE,MAAM,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAE/D,MAAM,EAAE,CAAC,EAAE,GAAG,8BAAc,EAAE,CAAC;IAE/B,MAAM,SAAS,GAAG,kBAAU,CAAC,+BAAoB,CAAC,CAAC;IAEnD,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,EAAE,SAAS,EAAC,sBAAsB;QACrE,6BAAK,SAAS,EAAC,+BAA+B;YAC1C,oBAAC,4BAAkB,IAAC,MAAM,EAAE,SAAS,CAAC,OAAO,EAAE,CAAC,MAAM,EAAE,gBAAgB,EAAE,IAAI,GAAI,CAChF;QACN,6BAAK,SAAS,EAAC,mCAAmC,EAAC,OAAO,EAAE,kBAAkB;YAC1E,6BAAK,SAAS,EAAC,6BAA6B;gBACxC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,IACrD,SAAS,CAAC,OAAO,EAAE,CAAC,IAAI,CACtB;gBACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,EAAE,SAAS,EAAC,sBAAsB,IAC9E,SAAS,CAAC,OAAO,EAAE,CAAC,IAAI,CACtB,CACL;YAEN,6BAAK,SAAS,EAAC,sDAAsD;gBACjE,6BAAK,SAAS,EAAC,aAAa;oBACxB,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;wBACrB,KAAK;;wBAAI,GAAG,CACV,CACL;gBACN;oBACI,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ;wBAC5C,SAAS,CAAC,SAAS,EAAE;;wBAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC;;wBAAO,SAAS,CAAC,WAAW,EAAE;;wBAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CACjI,CACL,CACJ;YACN,oBAAC,kBAAQ,IACL,IAAI,EAAE,eAAQ,CAAC,UAAU,EACzB,YAAY,EAAC,OAAO,EACpB,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,IAAI,EACb,IAAI,EAAE,SAAS,CAAC,UAAU,IAAI,oBAAU,CAAC,MAAM,EAC/C,OAAO,EAAE,kBAAkB,IAE1B,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CACrC,CACT;QACN,6BAAK,SAAS,EAAC,6BAA6B;YACxC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,GAAI,CACpF,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC","sourcesContent":["import * as React from 'react';\nimport * as dayjs from 'dayjs';\nimport ImageGallerySlider from '../steps/room/ImageGallerySlider';\nimport BEButton from './BEButton';\nimport Icon, { IconType } from './Icon';\nimport { Color } from '../../util/Color';\nimport Text, { TextType } from './Text';\nimport BasketRow from '../../models/BasketRow';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from '../../translations/Translation';\nimport { useContext } from 'react';\nimport ScreenSize from '../../util/ScreenSize';\nimport { BookingEngineContext } from '@frontend/contexts';\ninterface RecentSearchesCardProps {\n    basketRow: BasketRow;\n\n    onViewRatesClicked: () => void;\n    onRemove: () => void;\n}\n\nconst RecentSearchesCard = ({ basketRow, onRemove, onViewRatesClicked }: RecentSearchesCardProps) => {\n    const start = dayjs(basketRow.getStartDate()).format('ddd DD MMM');\n    const end = dayjs(basketRow.getEndDate()).format('ddd DD MMM');\n\n    const { t } = useTranslation();\n\n    const beContext = useContext(BookingEngineContext);\n\n    return (\n        <div style={{ backgroundColor: '#fff' }} className=\"recent-searches-card\">\n            <div className=\"recent-searches-card--gallery\">\n                <ImageGallerySlider images={basketRow.getRoom().images} hideLightboxIcon={true} />\n            </div>\n            <div className=\"recent-searches-card--information\" onClick={onViewRatesClicked}>\n                <div className=\"recent-searches-card--title\">\n                    <Text type={TextType.Body} bold={true} color={Color.Accent}>\n                        {basketRow.getRoom().name}\n                    </Text>\n                    <Text type={TextType.Small} color={Color.DarkGrey} className=\"u-marg-bottom--light\">\n                        {basketRow.getRate().name}\n                    </Text>\n                </div>\n\n                <div className=\"u-marg-bottom u-flex flex-wrap justify-content-start\">\n                    <div className=\"u-pad-right\">\n                        <Text type={TextType.Small}>\n                            {start}, {end}\n                        </Text>\n                    </div>\n                    <div>\n                        <Text type={TextType.Small} color={Color.DarkGrey}>\n                            {basketRow.getAdults()} {t(Translation.Step.Date.Adult_plural)} and {basketRow.getChildren()} {t(Translation.Step.Date.Child_plural)}\n                        </Text>\n                    </div>\n                </div>\n                <BEButton\n                    icon={IconType.ArrowRight}\n                    iconPosition=\"right\"\n                    filled={true}\n                    primary={true}\n                    wide={beContext.screenSize <= ScreenSize.Medium}\n                    onClick={onViewRatesClicked}\n                >\n                    {t(Translation.Step.Room.RoomInfo.ViewRates)}\n                </BEButton>\n            </div>\n            <div className=\"recent-searches-card--close\">\n                <Icon icon={IconType.Close} color={Color.DarkGrey} size={'24px'} onClick={onRemove} />\n            </div>\n        </div>\n    );\n};\n\nexport default RecentSearchesCard;\n"]}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare function ScrollToTop(props: any): null;
+declare const _default: import("react").ComponentClass<Pick<any, string | number | symbol>, any> & import("react-router").WithRouterStatics<typeof ScrollToTop>;
+export default _default;

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const react_router_1 = require("react-router");
+function ScrollToTop(props) {
+    const history = props.history;
+    react_1.useEffect(() => {
+        const unListen = history.listen(() => {
+            window.scrollTo(0, 0);
+        });
+        return () => {
+            unListen();
+        };
+    }, []);
+    return null;
+}
+exports.default = react_router_1.withRouter(ScrollToTop);
+//# sourceMappingURL=ScrollToTop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollToTop.js","sourceRoot":"/","sources":["src/components/generic/ScrollToTop.tsx"],"names":[],"mappings":";;AAAA,iCAAkC;AAClC,+CAA0C;AAE1C,SAAS,WAAW,CAAC,KAAU;IAC3B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAE9B,iBAAS,CAAC,GAAG,EAAE;QACX,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE;YACjC,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAC1B,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACR,QAAQ,EAAE,CAAC;QACf,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,kBAAe,yBAAU,CAAC,WAAW,CAAC,CAAC","sourcesContent":["import { useEffect } from 'react';\nimport { withRouter } from 'react-router';\n\nfunction ScrollToTop(props: any): null {\n    const history = props.history;\n\n    useEffect(() => {\n        const unListen = history.listen(() => {\n            window.scrollTo(0, 0);\n        });\n\n        return () => {\n            unListen();\n        };\n    }, []);\n\n    return null;\n}\n\nexport default withRouter(ScrollToTop);\n"]}

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+interface SelectItem {
+    value: string | number;
+    text: any;
+}
+interface Props {
+    className?: string;
+    items: SelectItem[];
+    onChange?: (selected: string | number) => void;
+}
+declare const Select: ({ className, items, onChange }: Props) => JSX.Element;
+export default Select;

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const Color_1 = require("../../util/Color");
+const Icon_1 = require("./Icon");
+const Select = ({ className, items, onChange }) => {
+    const onSelectChange = (event) => {
+        onChange(event.target.value);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "d-flex align-items-center" },
+            React.createElement("select", { className: "rb-select", onChange: onSelectChange }, items.map((item) => {
+                return (React.createElement("option", { key: item.value, value: item.value }, item.text));
+            })),
+            React.createElement(Icon_1.default, { icon: Icon_1.IconType.Dropdown, size: "1em", color: Color_1.Color.DarkGrey }))));
+};
+exports.default = Select;
+//# sourceMappingURL=Select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"/","sources":["src/components/generic/Select.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,4CAAyC;AACzC,iCAAwC;AAaxC,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAS,EAAE,EAAE;IACrD,MAAM,cAAc,GAAG,CAAC,KAA2C,EAAE,EAAE;QACnE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACH;QACI,6BAAK,SAAS,EAAC,2BAA2B;YACtC,gCAAQ,SAAS,EAAC,WAAW,EAAC,QAAQ,EAAE,cAAc,IACjD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBAChB,OAAO,CACH,gCAAQ,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,IACrC,IAAI,CAAC,IAAI,CACL,CACZ,CAAC;YACN,CAAC,CAAC,CACG;YACT,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,QAAQ,EAAE,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,aAAK,CAAC,QAAQ,GAAI,CACjE,CACP,CACN,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC","sourcesContent":["import * as React from 'react';\nimport { Color } from '../../util/Color';\nimport Icon, { IconType } from './Icon';\n\ninterface SelectItem {\n    value: string | number;\n    text: any;\n}\n\ninterface Props {\n    className?: string;\n    items: SelectItem[];\n    onChange?: (selected: string | number) => void;\n}\n\nconst Select = ({ className, items, onChange }: Props) => {\n    const onSelectChange = (event: React.ChangeEvent<HTMLSelectElement>) => {\n        onChange(event.target.value);\n    };\n\n    return (\n        <>\n            <div className=\"d-flex align-items-center\">\n                <select className=\"rb-select\" onChange={onSelectChange}>\n                    {items.map((item) => {\n                        return (\n                            <option key={item.value} value={item.value}>\n                                {item.text}\n                            </option>\n                        );\n                    })}\n                </select>\n                <Icon icon={IconType.Dropdown} size=\"1em\" color={Color.DarkGrey} />\n            </div>\n        </>\n    );\n};\n\nexport default Select;\n"]}

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

@@ -0,0 +1,25 @@
+import { Color } from '../../util/Color';
+import { TextAlign } from '../../util/TextAlignment';
+import * as React from 'react';
+export declare enum TextType {
+    Body = "body",
+    Small = "small",
+    Caption = "caption",
+    Label = "label"
+}
+export declare enum TextTransform {
+    Uppercase = "u-uppercase"
+}
+export interface TextProps {
+    [x: string]: React.ReactNode;
+    type?: TextType;
+    color?: Color;
+    align?: TextAlign;
+    transforms?: TextTransform[];
+    className?: string;
+    inline?: boolean;
+    bold?: boolean;
+    preformatted?: boolean;
+}
+export declare function Text(props: TextProps): JSX.Element;
+export default Text;

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

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = exports.TextTransform = exports.TextType = void 0;
+const React = require("react");
+const classNames = require("classnames");
+var TextType;
+(function (TextType) {
+    TextType["Body"] = "body";
+    TextType["Small"] = "small";
+    TextType["Caption"] = "caption";
+    TextType["Label"] = "label";
+})(TextType = exports.TextType || (exports.TextType = {}));
+// Refactor to globalize for Headings too
+var TextTransform;
+(function (TextTransform) {
+    TextTransform["Uppercase"] = "u-uppercase";
+})(TextTransform = exports.TextTransform || (exports.TextTransform = {}));
+function Text(props) {
+    const defaultProps = Object.assign({ type: TextType.Body }, props);
+    const transformClasses = {};
+    if (props.transforms) {
+        props.transforms.forEach((transform) => (transformClasses[transform] = true));
+    }
+    const extraClasses = {};
+    if (props.className) {
+        props.className.split(' ').forEach((it) => (extraClasses[it] = true));
+    }
+    const classes = classNames(Object.assign(Object.assign({ [`text-${defaultProps.type}`]: defaultProps.type, [props.align]: !!props.align, 'u-inline-flex': props.inline, 'u-text-bold': props.bold, 'u-pre-wrap': props.preformatted }, extraClasses), transformClasses));
+    const styles = {};
+    if (defaultProps.color) {
+        styles.color = defaultProps.color;
+    }
+    return (React.createElement("p", { className: classes, style: styles }, props.children));
+}
+exports.Text = Text;
+exports.default = Text;
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"/","sources":["src/components/generic/Text.tsx"],"names":[],"mappings":";;;AAEA,+BAA+B;AAE/B,yCAAyC;AAEzC,IAAY,QAKX;AALD,WAAY,QAAQ;IAChB,yBAAa,CAAA;IACb,2BAAe,CAAA;IACf,+BAAmB,CAAA;IACnB,2BAAe,CAAA;AACnB,CAAC,EALW,QAAQ,GAAR,gBAAQ,KAAR,gBAAQ,QAKnB;AAED,yCAAyC;AACzC,IAAY,aAEX;AAFD,WAAY,aAAa;IACrB,0CAAyB,CAAA;AAC7B,CAAC,EAFW,aAAa,GAAb,qBAAa,KAAb,qBAAa,QAExB;AAcD,SAAgB,IAAI,CAAC,KAAgB;IACjC,MAAM,YAAY,mBACd,IAAI,EAAE,QAAQ,CAAC,IAAI,IAChB,KAAK,CACX,CAAC;IAEF,MAAM,gBAAgB,GAAQ,EAAE,CAAC;IAEjC,IAAI,KAAK,CAAC,UAAU,EAAE;QAClB,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,gBAAgB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;KACjF;IAED,MAAM,YAAY,GAAQ,EAAE,CAAC;IAE7B,IAAI,KAAK,CAAC,SAAS,EAAE;QACjB,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;KACzE;IAED,MAAM,OAAO,GAAG,UAAU,+BACtB,CAAC,QAAQ,YAAY,CAAC,IAAI,EAAE,CAAC,EAAE,YAAY,CAAC,IAAI,EAChD,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EAC5B,eAAe,EAAE,KAAK,CAAC,MAAM,EAC7B,aAAa,EAAE,KAAK,CAAC,IAAI,EACzB,YAAY,EAAE,KAAK,CAAC,YAAY,IAC7B,YAAY,GACZ,gBAAgB,EACrB,CAAC;IAEH,MAAM,MAAM,GAAQ,EAAE,CAAC;IAEvB,IAAI,YAAY,CAAC,KAAK,EAAE;QACpB,MAAM,CAAC,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC;KACrC;IAED,OAAO,CACH,2BAAG,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAC/B,KAAK,CAAC,QAAQ,CACf,CACP,CAAC;AACN,CAAC;AAvCD,oBAuCC;AAED,kBAAe,IAAI,CAAC","sourcesContent":["import { Color } from '../../util/Color';\nimport { TextAlign } from '../../util/TextAlignment';\nimport * as React from 'react';\n\nimport * as classNames from 'classnames';\n\nexport enum TextType {\n    Body = 'body',\n    Small = 'small',\n    Caption = 'caption',\n    Label = 'label',\n}\n\n// Refactor to globalize for Headings too\nexport enum TextTransform {\n    Uppercase = 'u-uppercase',\n}\n\nexport interface TextProps {\n    [x: string]: React.ReactNode;\n    type?: TextType;\n    color?: Color;\n    align?: TextAlign;\n    transforms?: TextTransform[];\n    className?: string;\n    inline?: boolean;\n    bold?: boolean;\n    preformatted?: boolean;\n}\n\nexport function Text(props: TextProps) {\n    const defaultProps: TextProps = {\n        type: TextType.Body,\n        ...props,\n    };\n\n    const transformClasses: any = {};\n\n    if (props.transforms) {\n        props.transforms.forEach((transform) => (transformClasses[transform] = true));\n    }\n\n    const extraClasses: any = {};\n\n    if (props.className) {\n        props.className.split(' ').forEach((it) => (extraClasses[it] = true));\n    }\n\n    const classes = classNames({\n        [`text-${defaultProps.type}`]: defaultProps.type,\n        [props.align]: !!props.align,\n        'u-inline-flex': props.inline,\n        'u-text-bold': props.bold,\n        'u-pre-wrap': props.preformatted,\n        ...extraClasses,\n        ...transformClasses,\n    });\n\n    const styles: any = {};\n\n    if (defaultProps.color) {\n        styles.color = defaultProps.color;\n    }\n\n    return (\n        <p className={classes} style={styles}>\n            {props.children}\n        </p>\n    );\n}\n\nexport default Text;\n"]}

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+export default _default;

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const react_1 = require("react");
+function TextArea(props, ref) {
+    return React.createElement("textarea", Object.assign({}, props, { ref: ref }));
+}
+exports.default = react_1.forwardRef(TextArea);
+//# sourceMappingURL=TextArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"/","sources":["src/components/generic/TextArea.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,iCAAmC;AAEnC,SAAS,QAAQ,CAAC,KAAU,EAAE,GAAQ;IAClC,OAAO,kDAAc,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAC7C,CAAC;AAED,kBAAe,kBAAU,CAAC,QAAQ,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { forwardRef } from 'react';\n\nfunction TextArea(props: any, ref: any) {\n    return <textarea {...props} ref={ref} />;\n}\n\nexport default forwardRef(TextArea);\n"]}

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

@@ -0,0 +1,16 @@
+import { IconType } from './Icon';
+import * as React from 'react';
+export interface TextBoxProps {
+    icon?: IconType;
+    placeholder?: string;
+    wide?: boolean;
+    type?: 'text' | 'tel' | 'password' | 'email';
+    name?: string;
+    required?: boolean;
+    validationStatus?: 'success' | 'error';
+    value?: string;
+    onChange?: (e: React.ChangeEvent) => void;
+    onKeyPress?: (event: any) => void;
+}
+declare const _default: React.ForwardRefExoticComponent<TextBoxProps & React.RefAttributes<unknown>>;
+export default _default;

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

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const Icon_1 = require("./Icon");
+const React = require("react");
+const classNames = require("classnames");
+function TextBox(props, ref) {
+    const [selected, setSelected] = react_1.useState(false);
+    const inputProperties = {
+        type: props.type ? props.type : 'text',
+        className: 'text-small',
+        placeholder: props.placeholder,
+    };
+    if (props.name) {
+        inputProperties.name = props.name;
+    }
+    if (props.required) {
+        inputProperties.required = props.required;
+    }
+    const onChange = (e) => {
+        if (props.onChange) {
+            props.onChange(e);
+        }
+    };
+    if (props.onChange) {
+        inputProperties.onChange = (event) => onChange(event);
+    }
+    let icon = '';
+    if (props.icon) {
+        icon = React.createElement(Icon_1.default, { icon: props.icon, size: "1em" });
+    }
+    const classes = classNames('textbox c-input', {
+        '--has-icon': !!icon,
+        '--selected': selected,
+        '--wide': props.wide,
+        '--success': props.validationStatus === 'success',
+        '--error': props.validationStatus === 'error',
+    });
+    const onFocusHandler = () => {
+        return setSelected(true);
+    };
+    const onBlurHandler = () => {
+        return setSelected(false);
+    };
+    return (React.createElement("label", { className: classes },
+        icon,
+        React.createElement("input", Object.assign({}, inputProperties, { ref: ref, value: props.value, onFocus: onFocusHandler, onBlur: onBlurHandler, onKeyPress: props.onKeyPress }))));
+}
+exports.default = React.forwardRef(TextBox);
+//# sourceMappingURL=TextBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextBox.js","sourceRoot":"/","sources":["src/components/generic/TextBox.tsx"],"names":[],"mappings":";;AAAA,iCAAiC;AAEjC,iCAA0B;AAC1B,+BAA+B;AAE/B,yCAAyC;AAmBzC,SAAS,OAAO,CAAC,KAAmB,EAAE,GAAQ;IAC1C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,gBAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,eAAe,GAAQ;QACzB,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM;QACtC,SAAS,EAAE,YAAY;QACvB,WAAW,EAAE,KAAK,CAAC,WAAW;KACjC,CAAC;IAEF,IAAI,KAAK,CAAC,IAAI,EAAE;QACZ,eAAe,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;KACrC;IAED,IAAI,KAAK,CAAC,QAAQ,EAAE;QAChB,eAAe,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;KAC7C;IAED,MAAM,QAAQ,GAAG,CAAC,CAAoB,EAAE,EAAE;QACtC,IAAI,KAAK,CAAC,QAAQ,EAAE;YAChB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;SACrB;IACL,CAAC,CAAC;IAEF,IAAI,KAAK,CAAC,QAAQ,EAAE;QAChB,eAAe,CAAC,QAAQ,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;KAC9D;IAED,IAAI,IAAI,GAAQ,EAAE,CAAC;IAEnB,IAAI,KAAK,CAAC,IAAI,EAAE;QACZ,IAAI,GAAG,oBAAC,cAAI,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAC,KAAK,GAAG,CAAC;KAChD;IAED,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,EAAE;QAC1C,YAAY,EAAE,CAAC,CAAC,IAAI;QACpB,YAAY,EAAE,QAAQ;QACtB,QAAQ,EAAE,KAAK,CAAC,IAAI;QACpB,WAAW,EAAE,KAAK,CAAC,gBAAgB,KAAK,SAAS;QACjD,SAAS,EAAE,KAAK,CAAC,gBAAgB,KAAK,OAAO;KAChD,CAAC,CAAC;IACH,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,CAAC;IACF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,CAAC;IACF,OAAO,CACH,+BAAO,SAAS,EAAE,OAAO;QACpB,IAAI;QACL,+CAAW,eAAe,IAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,CACtI,CACX,CAAC;AACN,CAAC;AAED,kBAAe,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC","sourcesContent":["import { useState } from 'react';\nimport { IconType } from './Icon';\nimport Icon from './Icon';\nimport * as React from 'react';\n\nimport * as classNames from 'classnames';\n\nexport interface TextBoxProps {\n    icon?: IconType;\n    placeholder?: string;\n    wide?: boolean;\n    type?: 'text' | 'tel' | 'password' | 'email';\n    name?: string;\n    required?: boolean;\n\n    validationStatus?: 'success' | 'error';\n\n    value?: string;\n\n    onChange?: (e: React.ChangeEvent) => void;\n\n    onKeyPress?: (event: any) => void;\n}\n\nfunction TextBox(props: TextBoxProps, ref: any) {\n    const [selected, setSelected] = useState(false);\n\n    const inputProperties: any = {\n        type: props.type ? props.type : 'text',\n        className: 'text-small',\n        placeholder: props.placeholder,\n    };\n\n    if (props.name) {\n        inputProperties.name = props.name;\n    }\n\n    if (props.required) {\n        inputProperties.required = props.required;\n    }\n\n    const onChange = (e: React.ChangeEvent) => {\n        if (props.onChange) {\n            props.onChange(e);\n        }\n    };\n\n    if (props.onChange) {\n        inputProperties.onChange = (event: any) => onChange(event);\n    }\n\n    let icon: any = '';\n\n    if (props.icon) {\n        icon = <Icon icon={props.icon} size=\"1em\" />;\n    }\n\n    const classes = classNames('textbox c-input', {\n        '--has-icon': !!icon,\n        '--selected': selected,\n        '--wide': props.wide,\n        '--success': props.validationStatus === 'success',\n        '--error': props.validationStatus === 'error',\n    });\n    const onFocusHandler = () => {\n        return setSelected(true);\n    };\n    const onBlurHandler = () => {\n        return setSelected(false);\n    };\n    return (\n        <label className={classes}>\n            {icon}\n            <input {...inputProperties} ref={ref} value={props.value} onFocus={onFocusHandler} onBlur={onBlurHandler} onKeyPress={props.onKeyPress} />\n        </label>\n    );\n}\n\nexport default React.forwardRef(TextBox);\n"]}

package/dist/src/components/generic/badging/SSLSecureBadge.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function SSLSecureBadge(): JSX.Element;

package/dist/src/components/generic/badging/SSLSecureBadge.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const RoomstayThemeEngine_1 = require("../../../providers/RoomstayThemeEngine");
+const BETooltip_1 = require("../BETooltip");
+function SSLSecureBadge() {
+    return (React.createElement(BETooltip_1.default, { title: "Shop without worries! This site is protected by high level encryption, to ensure every purchase is always safe & secure" },
+        React.createElement("img", { src: RoomstayThemeEngine_1.default.getAssetUrl() + 'assets/img/ssl-secure-connection.png' })));
+}
+exports.default = SSLSecureBadge;
+//# sourceMappingURL=SSLSecureBadge.js.map

package/dist/src/components/generic/badging/SSLSecureBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SSLSecureBadge.js","sourceRoot":"/","sources":["src/components/generic/badging/SSLSecureBadge.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,gFAAyE;AACzE,4CAAqC;AAErC,SAAwB,cAAc;IAClC,OAAO,CACH,oBAAC,mBAAS,IAAC,KAAK,EAAC,yHAAyH;QACtI,6BAAK,GAAG,EAAE,6BAAmB,CAAC,WAAW,EAAE,GAAG,sCAAsC,GAAI,CAChF,CACf,CAAC;AACN,CAAC;AAND,iCAMC","sourcesContent":["import * as React from 'react';\nimport RoomstayThemeEngine from '../../../providers/RoomstayThemeEngine';\nimport BETooltip from '../BETooltip';\n\nexport default function SSLSecureBadge() {\n    return (\n        <BETooltip title=\"Shop without worries! This site is protected by high level encryption, to ensure every purchase is always safe & secure\">\n            <img src={RoomstayThemeEngine.getAssetUrl() + 'assets/img/ssl-secure-connection.png'} />\n        </BETooltip>\n    );\n}\n"]}

package/dist/src/components/generic/buttons/NextStepButton.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import Step from '../../../pages/steps/Step';
+export interface NextStepButtonProps {
+    text: string;
+    history: any;
+    currentStep: Step;
+    disabled?: boolean;
+    isLoading?: boolean;
+    onClick?: () => Promise<unknown>;
+    wideByDefault?: boolean;
+    hideIcon?: boolean;
+}
+export default function NextStepButton(props: NextStepButtonProps): JSX.Element;

package/dist/src/components/generic/buttons/NextStepButton.js

@@ -0,0 +1,30 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const BEButton_1 = require("../BEButton");
+const Icon_1 = require("../Icon");
+const react_1 = require("react");
+const ScreenSize_1 = require("../../../util/ScreenSize");
+const StepManager_1 = require("../../../util/StepManager");
+const contexts_1 = require("@frontend/contexts");
+function NextStepButton(props) {
+    const context = react_1.useContext(contexts_1.BookingEngineContext);
+    const buttonClickHandler = () => __awaiter(this, void 0, void 0, function* () {
+        if (!props.onClick || (props.onClick && (yield props.onClick()))) {
+            props.history.push(StepManager_1.default.getNextStepUrl(props.currentStep));
+        }
+    });
+    return (React.createElement("div", { className: "next-step-button" },
+        React.createElement(BEButton_1.default, { size: 'large', icon: props.hideIcon ? null : Icon_1.IconType.ArrowRight, iconPosition: "right", filled: true, primary: true, isLoading: props.isLoading, disabled: props.disabled, wide: props.wideByDefault || context.screenSize <= ScreenSize_1.default.Medium, onClick: buttonClickHandler }, props.text)));
+}
+exports.default = NextStepButton;
+//# sourceMappingURL=NextStepButton.js.map

package/dist/src/components/generic/buttons/NextStepButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NextStepButton.js","sourceRoot":"/","sources":["src/components/generic/buttons/NextStepButton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,+BAA+B;AAC/B,0CAAmC;AACnC,kCAAmC;AACnC,iCAAmC;AAEnC,yDAAkD;AAElD,2DAAoD;AACpD,iDAA0D;AAe1D,SAAwB,cAAc,CAAC,KAA0B;IAC7D,MAAM,OAAO,GAAG,kBAAU,CAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,kBAAkB,GAAG,GAAS,EAAE;QAClC,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,MAAM,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE;YAC9D,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,qBAAW,CAAC,cAAc,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;SACrE;IACL,CAAC,CAAA,CAAC;IACF,OAAO,CACH,6BAAK,SAAS,EAAC,kBAAkB;QAC7B,oBAAC,kBAAQ,IACL,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,eAAQ,CAAC,UAAU,EACjD,YAAY,EAAC,OAAO,EACpB,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,IAAI,EAAE,KAAK,CAAC,aAAa,IAAI,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,MAAM,EACpE,OAAO,EAAE,kBAAkB,IAE1B,KAAK,CAAC,IAAI,CACJ,CACT,CACT,CAAC;AACN,CAAC;AAxBD,iCAwBC","sourcesContent":["import * as React from 'react';\nimport BEButton from '../BEButton';\nimport { IconType } from '../Icon';\nimport { useContext } from 'react';\n\nimport ScreenSize from '../../../util/ScreenSize';\nimport Step from '../../../pages/steps/Step';\nimport StepManager from '../../../util/StepManager';\nimport { BookingEngineContext } from '@frontend/contexts';\n\nexport interface NextStepButtonProps {\n    text: string;\n    history: any;\n    currentStep: Step;\n\n    disabled?: boolean;\n    isLoading?: boolean;\n    onClick?: () => Promise<unknown>;\n    wideByDefault?: boolean;\n\n    hideIcon?: boolean;\n}\n\nexport default function NextStepButton(props: NextStepButtonProps) {\n    const context = useContext(BookingEngineContext);\n    const buttonClickHandler = async () => {\n        if (!props.onClick || (props.onClick && (await props.onClick()))) {\n            props.history.push(StepManager.getNextStepUrl(props.currentStep));\n        }\n    };\n    return (\n        <div className=\"next-step-button\">\n            <BEButton\n                size={'large'}\n                icon={props.hideIcon ? null : IconType.ArrowRight}\n                iconPosition=\"right\"\n                filled={true}\n                primary={true}\n                isLoading={props.isLoading}\n                disabled={props.disabled}\n                wide={props.wideByDefault || context.screenSize <= ScreenSize.Medium}\n                onClick={buttonClickHandler}\n            >\n                {props.text}\n            </BEButton>\n        </div>\n    );\n}\n"]}

package/dist/src/components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField.d.ts

@@ -0,0 +1,10 @@
+import { ChangeEvent } from 'react';
+import './EnhancedPhoneNumberField.global.scss';
+interface EnhancedPhoneNumberField {
+    validationStatus: 'success' | 'error';
+    name: string;
+    value?: string;
+    onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const EnhancedPhoneNumberField: (props: Partial<EnhancedPhoneNumberField>) => JSX.Element;
+export {};