@roomstay/frontend 2.6.89-2 → 2.6.90

package/dist/src/components/User/Forms/VerifyEmailForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerifyEmailForm.js","sourceRoot":"/","sources":["src/components/User/Forms/VerifyEmailForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AuthenticationContext, CognitoLoginState } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport { Color } from '@/util/Color';\nimport { makeRequiredRule } from '@/util/Validation';\n\ntype VerifyEmailFormProps = {\n    onForgotPassword?: () => void;\n    onSignIn?: () => void;\n    onDone?: () => void;\n};\n\nexport const VerifyEmailForm = (props: VerifyEmailFormProps) => {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n\n    const { loading, confirmAccount } = useContext(AuthenticationContext);\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [, setApiErrorMessages] = useState('');\n\n    const { register, formState, handleSubmit } = useForm({\n        mode: 'onSubmit',\n    });\n\n    const errors = formState.errors;\n\n    const getValidationClass = (name: string) => {\n        if (errors && formState.touchedFields[name]) {\n            if (errors[name]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        }\n    };\n\n    const onSubmit = (values: any) => {\n        setIsLoading(true);\n        setApiErrorMessages('');\n\n        confirmAccount(values.code, { hotel })\n            .then((state) => {\n                if (state === CognitoLoginState.Login) {\n                    props.onSignIn?.();\n                } else {\n                    props.onDone?.();\n                }\n            })\n            .finally(() => {\n                setIsLoading(false);\n            });\n    };\n\n    return (\n        <form onSubmit={handleSubmit(onSubmit)} className=\"u-marg-bottom\">\n            <div className=\"u-marg-bottom\">\n                <Text color={Color.Success} className=\"u-marg-bottom--light\" bold>\n                    {t(Translation.Navigation.SignUp.VerifyingEmail.Title)}\n                </Text>\n                <Text type={TextType.Small}>{t(Translation.Navigation.SignUp.VerifyingEmail.Detail)}</Text>\n            </div>\n            <div className=\"u-marg-bottom--heavy\">\n                <div className=\"u-marg-bottom--light\">\n                    <Text type={TextType.Label} color={Color.Navy} bold>\n                        {t(Translation.Navigation.ForgotPassword.Inputs.Code.Label)}\n                    </Text>\n                </div>\n                <TextBox\n                    placeholder=\"12345\"\n                    validationStatus={getValidationClass('code')}\n                    {...register('code', {\n                        required: makeRequiredRule(t)(true, 'Code'),\n                    })}\n                />\n            </div>\n\n            <BEButton\n                wide\n                icon={IconType.ArrowRight}\n                iconPosition=\"right\"\n                filled\n                primary\n                name=\"SignUpButton\"\n                htmlType=\"submit\"\n                isLoading={loading || isLoading}\n                disabled={isLoading || loading}\n            >\n                {t(Translation.Navigation.SignUp.Inputs.SignUpButton)}\n            </BEButton>\n        </form>\n    );\n};\n"]}
+{"version":3,"file":"VerifyEmailForm.js","sourceRoot":"/","sources":["src/components/User/Forms/VerifyEmailForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AuthenticationContext, CognitoLoginState } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport { Color } from '@/util/Color';\nimport { makeRequiredRule } from '@/util/Validation';\n\ntype VerifyEmailFormProps = {\n    onForgotPassword?: () => void;\n    onSignIn?: () => void;\n    onDone?: () => void;\n};\n\nexport const VerifyEmailForm = (props: VerifyEmailFormProps) => {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n\n    const { loading, confirmAccount } = useContext(AuthenticationContext);\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [, setApiErrorMessages] = useState('');\n\n    const { register, formState, handleSubmit } = useForm({\n        mode: 'onSubmit',\n    });\n\n    const errors = formState.errors;\n\n    const getValidationClass = (name: string) => {\n        if (errors && formState.touchedFields[name]) {\n            if (errors[name]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        }\n    };\n\n    const onSubmit = (values: any) => {\n        setIsLoading(true);\n        setApiErrorMessages('');\n\n        confirmAccount(values.code, { hotel })\n            .then((state) => {\n                if (state === CognitoLoginState.Login) {\n                    props.onSignIn?.();\n                } else {\n                    props.onDone?.();\n                }\n            })\n            .finally(() => {\n                setIsLoading(false);\n            });\n    };\n\n    return (\n        <form onSubmit={handleSubmit(onSubmit)} className=\"u-marg-bottom\">\n            <div className=\"u-marg-bottom\">\n                <Text color={Color.Success} className=\"u-marg-bottom--light\" bold>\n                    {t(Translation.Navigation.SignUp.VerifyingEmail.Title)}\n                </Text>\n                <Text type={TextType.Small}>{t(Translation.Navigation.SignUp.VerifyingEmail.Detail)}</Text>\n            </div>\n            <div className=\"u-marg-bottom--heavy\">\n                <div className=\"u-marg-bottom--light\">\n                    <Text type={TextType.Label} color={Color.Navy} bold>\n                        {t(Translation.Navigation.ForgotPassword.Inputs.Code.Label)}\n                    </Text>\n                </div>\n                <TextBox\n                    placeholder=\"12345\"\n                    validationStatus={getValidationClass('code')}\n                    {...register('code', {\n                        required: makeRequiredRule(t)(true, 'Code'),\n                    })}\n                />\n            </div>\n\n            <BEButton\n                wide\n                icon={IconType.ArrowRight}\n                iconPosition=\"right\"\n                filled\n                primary\n                name=\"SignUpButton\"\n                htmlType=\"submit\"\n                isLoading={loading || isLoading}\n                disabled={isLoading || loading}\n            >\n                {t(Translation.Navigation.SignUp.Inputs.SignUpButton)}\n            </BEButton>\n        </form>\n    );\n};\n"]}

package/dist/src/components/generic/AfterpayButton/AfterpayPaymentOption.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/src/components/generic/AfterpayButton/AfterpayPaymentOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"AfterpayPaymentOption.js","sourceRoot":"/","sources":["src/components/generic/AfterpayButton/AfterpayPaymentOption.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAAoC;AACpC,kDAAkC;AAElC,kEAA2D;AAC3D,yCAAuC;AACvC,gEAA2C;AAC3C,0FAAkE;AAClE,wCAAqC;AAErC,8FAAkD;AAElD,MAAM,qBAAqB,GAAO,GAAG,EAAE;IACnC,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,oBAAS,GAAE,CAAC;IACvC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAW,EAAC;QACxC,QAAQ,EAAE,WAAW;KACxB,CAAC,CAAC;IAEH,OAAO,CACH,uCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,oCAAM,CAAC,IAAI,EAAE,QAAQ,EAAE,qBAAqB,CAAC;QACpE;YACI,uCAAK,GAAG,EAAE,6BAAmB,CAAC,WAAW,EAAE,GAAG,yBAAyB,EAAE,GAAG,EAAC,UAAU,EAAC,MAAM,EAAE,EAAE,GAAI,CACpG;QACN,8BAAC,cAAI,IAAC,IAAI,QAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK;YAChE,MAAM;YACN,WAAW,CACT,CACL,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC","sourcesContent":["import classNames from 'classnames';\nimport React, { FC } from 'react';\n\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useBasket } from '@/contexts';\nimport useCurrency from '@/hooks/Currency';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport { Color } from '@/util/Color';\n\nimport styles from './AfterpayButton.module.scss';\n\nconst AfterpayPaymentOption: FC = () => {\n    const { getTotalPayNow } = useBasket();\n    const totalPayNow = getTotalPayNow();\n\n    const { symbol, prettyValue } = useCurrency({\n        children: totalPayNow,\n    });\n\n    return (\n        <div className={classNames(styles.root, 'u-flex', 'u-flex-align-center')}>\n            <div>\n                <img src={RoomstayThemeEngine.getAssetUrl() + 'assets/img/afterpay.svg'} alt=\"Afterpay\" height={33} />\n            </div>\n            <Text bold className=\"u-flex\" color={Color.Navy} type={TextType.Small}>\n                {symbol}\n                {prettyValue}\n            </Text>\n        </div>\n    );\n};\n\nexport default AfterpayPaymentOption;\n"]}
+{"version":3,"file":"AfterpayPaymentOption.js","sourceRoot":"/","sources":["src/components/generic/AfterpayButton/AfterpayPaymentOption.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAAoC;AACpC,kDAAkC;AAElC,kEAA2D;AAC3D,yCAAuC;AACvC,gEAA2C;AAC3C,0FAAkE;AAClE,wCAAqC;AAErC,8FAAkD;AAElD,MAAM,qBAAqB,GAAO,GAAG,EAAE;IACnC,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,oBAAS,GAAE,CAAC;IACvC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAW,EAAC;QACxC,QAAQ,EAAE,WAAW;KACxB,CAAC,CAAC;IAEH,OAAO,CACH,uCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,oCAAM,CAAC,IAAI,EAAE,QAAQ,EAAE,qBAAqB,CAAC;QACpE;YACI,uCAAK,GAAG,EAAE,6BAAmB,CAAC,WAAW,EAAE,GAAG,yBAAyB,EAAE,GAAG,EAAC,UAAU,EAAC,MAAM,EAAE,EAAE,GAAI,CACpG;QACN,8BAAC,cAAI,IAAC,IAAI,QAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK;YAChE,MAAM;YACN,WAAW,CACT,CACL,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC","sourcesContent":["import classNames from 'classnames';\nimport React, { FC } from 'react';\n\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useBasket } from '@/contexts';\nimport useCurrency from '@/hooks/Currency';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport { Color } from '@/util/Color';\n\nimport styles from './AfterpayButton.module.scss';\n\nconst AfterpayPaymentOption: FC = () => {\n    const { getTotalPayNow } = useBasket();\n    const totalPayNow = getTotalPayNow();\n\n    const { symbol, prettyValue } = useCurrency({\n        children: totalPayNow,\n    });\n\n    return (\n        <div className={classNames(styles.root, 'u-flex', 'u-flex-align-center')}>\n            <div>\n                <img src={RoomstayThemeEngine.getAssetUrl() + 'assets/img/afterpay.svg'} alt=\"Afterpay\" height={33} />\n            </div>\n            <Text bold className=\"u-flex\" color={Color.Navy} type={TextType.Small}>\n                {symbol}\n                {prettyValue}\n            </Text>\n        </div>\n    );\n};\n\nexport default AfterpayPaymentOption;\n"]}

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

@@ -1,6 +1,7 @@
+import React from 'react';
 type AgedBetweenLabelProps = {
     min?: number;
     max?: number;
 };
-export declare const AgedBetweenLabel: ({ min, max }: AgedBetweenLabelProps) => JSX.Element | null;
+export declare const AgedBetweenLabel: ({ min, max }: AgedBetweenLabelProps) => React.JSX.Element | null;
 export {};

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

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"AgedBetweenLabel.js","sourceRoot":"/","sources":["src/components/generic/AgedBetweenLabel/AgedBetweenLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,iDAA+C;AAE/C,kEAA2D;AAC3D,wCAAqC;AAOrC,oEAAoE;AACpE,MAAM,QAAQ,GAAG,CAAC,GAAY,EAAE,EAAE,CAAC,CAAC,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AAE7E,MAAM,gBAAgB,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,EAAyB,EAAE,EAAE;IACpE,yBAAyB;IACzB,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAChC,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAEhC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,wCAAwC;IACxC,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,IAAI,EAAE;QAC1C,OAAO,IAAI,CAAC;KACf;IAED,iDAAiD;IACjD,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,IAAI,EAAE;QAC1C,OAAO,CACH,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,IAC5C,CAAC,CAAC,uBAAuB,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAC5C,CACV,CAAC;KACL;IACD,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,IAAI,EAAE;QAC1C,OAAO,CACH,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,IAC5C,CAAC,CAAC,oBAAoB,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CACzC,CACV,CAAC;KACL;IAED,kDAAkD;IAClD,OAAO,CACH,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,IAC5C,CAAC,CAAC,uBAAuB,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAC5D,CACV,CAAC;AACN,CAAC,CAAC;AAlCW,QAAA,gBAAgB,oBAkC3B","sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\n\ntype AgedBetweenLabelProps = {\n    min?: number;\n    max?: number;\n};\n\n// Normalize values: If null/undefined, convert to `null` explicitly\nconst parseAge = (val?: number) => (val === null || val === undefined ? null : val);\n\nexport const AgedBetweenLabel = ({ min, max }: AgedBetweenLabelProps) => {\n    // Parse the input values\n    const parsedMin = parseAge(min);\n    const parsedMax = parseAge(max);\n\n    const { t } = useTranslation();\n\n    // Return null if no values are provided\n    if (parsedMin === null && parsedMax === null) {\n        return null;\n    }\n\n    // Handle cases where only min or max is provided\n    if (parsedMin !== null && parsedMax === null) {\n        return (\n            <Text type={TextType.Label} color={Color.DarkGrey}>\n                {t('Step.Date.AgedAtLeast', { min: parsedMin })}\n            </Text>\n        );\n    }\n    if (parsedMax !== null && parsedMin === null) {\n        return (\n            <Text type={TextType.Label} color={Color.DarkGrey}>\n                {t('Step.Date.AgedUpTo', { max: parsedMax })}\n            </Text>\n        );\n    }\n\n    // Handle case where both min and max are provided\n    return (\n        <Text type={TextType.Label} color={Color.DarkGrey}>\n            {t('Step.Date.AgedBetween', { min: parsedMin, max: parsedMax })}\n        </Text>\n    );\n};\n"]}
+{"version":3,"file":"AgedBetweenLabel.js","sourceRoot":"/","sources":["src/components/generic/AgedBetweenLabel/AgedBetweenLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,iDAA+C;AAE/C,kEAA2D;AAC3D,wCAAqC;AAOrC,oEAAoE;AACpE,MAAM,QAAQ,GAAG,CAAC,GAAY,EAAE,EAAE,CAAC,CAAC,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AAE7E,MAAM,gBAAgB,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,EAAyB,EAAE,EAAE;IACpE,yBAAyB;IACzB,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAChC,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAEhC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,wCAAwC;IACxC,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;QAC3C,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,iDAAiD;IACjD,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;QAC3C,OAAO,CACH,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,IAC5C,CAAC,CAAC,uBAAuB,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAC5C,CACV,CAAC;IACN,CAAC;IACD,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;QAC3C,OAAO,CACH,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,IAC5C,CAAC,CAAC,oBAAoB,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CACzC,CACV,CAAC;IACN,CAAC;IAED,kDAAkD;IAClD,OAAO,CACH,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,IAC5C,CAAC,CAAC,uBAAuB,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAC5D,CACV,CAAC;AACN,CAAC,CAAC;AAlCW,QAAA,gBAAgB,oBAkC3B","sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\n\ntype AgedBetweenLabelProps = {\n    min?: number;\n    max?: number;\n};\n\n// Normalize values: If null/undefined, convert to `null` explicitly\nconst parseAge = (val?: number) => (val === null || val === undefined ? null : val);\n\nexport const AgedBetweenLabel = ({ min, max }: AgedBetweenLabelProps) => {\n    // Parse the input values\n    const parsedMin = parseAge(min);\n    const parsedMax = parseAge(max);\n\n    const { t } = useTranslation();\n\n    // Return null if no values are provided\n    if (parsedMin === null && parsedMax === null) {\n        return null;\n    }\n\n    // Handle cases where only min or max is provided\n    if (parsedMin !== null && parsedMax === null) {\n        return (\n            <Text type={TextType.Label} color={Color.DarkGrey}>\n                {t('Step.Date.AgedAtLeast', { min: parsedMin })}\n            </Text>\n        );\n    }\n    if (parsedMax !== null && parsedMin === null) {\n        return (\n            <Text type={TextType.Label} color={Color.DarkGrey}>\n                {t('Step.Date.AgedUpTo', { max: parsedMax })}\n            </Text>\n        );\n    }\n\n    // Handle case where both min and max are provided\n    return (\n        <Text type={TextType.Label} color={Color.DarkGrey}>\n            {t('Step.Date.AgedBetween', { min: parsedMin, max: parsedMax })}\n        </Text>\n    );\n};\n"]}

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

@@ -1,4 +1,4 @@
-import { PropsWithChildren, ReactNode } from 'react';
+import React, { PropsWithChildren, ReactNode } from 'react';
 import { IconType } from './Icon/Icon';
 export declare enum AlertType {
     Alert = "--alert",
@@ -26,4 +26,4 @@ export interface AlertProps extends PropsWithChildren<any> {
     iconClassName?: string;
     [x: string]: ReactNode;
 }
-export default function Alert(props: AlertProps): JSX.Element;
+export default function Alert(props: AlertProps): React.JSX.Element;

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

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AlertVariant = exports.AlertType = void 0;
+exports.default = Alert;
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importDefault(require("./Icon/Icon"));
@@ -16,11 +17,11 @@ var AlertType;
     AlertType["Success"] = "--success";
     AlertType["Danger"] = "--danger";
     AlertType["LightGray"] = "--light-gray";
-})(AlertType = exports.AlertType || (exports.AlertType = {}));
+})(AlertType || (exports.AlertType = AlertType = {}));
 var AlertVariant;
 (function (AlertVariant) {
     AlertVariant["Filled"] = "--filled";
-})(AlertVariant = exports.AlertVariant || (exports.AlertVariant = {}));
+})(AlertVariant || (exports.AlertVariant = AlertVariant = {}));
 function Alert(props) {
     const type = props.type ? props.type : AlertType.Success;
     const classes = (0, classnames_1.default)('c-alert', props.className, type, props.variant, {
@@ -34,5 +35,4 @@ function Alert(props) {
         props.icon && react_1.default.createElement(Icon_1.default, { className: props.iconClassName, icon: props.icon, size: props.iconSize || '16px' }),
         props.children));
 }
-exports.default = Alert;
 //# sourceMappingURL=Alert.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sourceRoot":"/","sources":["src/components/generic/Alert.tsx"],"names":[],"mappings":";;;;;;AAAA,4DAAoC;AACpC,kDAA4D;AAE5D,0EAAgE;AAEhE,IAAY,SAQX;AARD,WAAY,SAAS;IACjB,8BAAiB,CAAA;IACjB,mCAAsB,CAAA;IACtB,mCAAsB,CAAA;IACtB,mCAAsB,CAAA;IACtB,kCAAqB,CAAA;IACrB,gCAAmB,CAAA;IACnB,uCAA0B,CAAA;AAC9B,CAAC,EARW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QAQpB;AAED,IAAY,YAEX;AAFD,WAAY,YAAY;IACpB,mCAAmB,CAAA;AACvB,CAAC,EAFW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAEvB;AAkBD,SAAwB,KAAK,CAAC,KAAiB;IAC3C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC;IAEzD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,OAAO,EAAE;QACxE,iBAAiB,EAAE,KAAK,CAAC,YAAY;QACrC,eAAe,EAAE,KAAK,CAAC,eAAe;QACtC,kBAAkB,EAAE,KAAK,CAAC,YAAY;QACtC,qBAAqB,EAAE,KAAK,CAAC,QAAQ;QACrC,aAAa,EAAE,KAAK,CAAC,QAAQ;KAChC,CAAC,CAAC;IAEH,OAAO,CACH,uCAAK,SAAS,EAAE,OAAO;QAClB,KAAK,CAAC,IAAI,IAAI,8BAAC,cAAI,IAAC,SAAS,EAAE,KAAK,CAAC,aAAa,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,IAAI,MAAM,GAAI;QACxG,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC;AAjBD,wBAiBC","sourcesContent":["import classNames from 'classnames';\nimport React, { PropsWithChildren, ReactNode } from 'react';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\n\nexport enum AlertType {\n    Alert = '--alert',\n    Accent1 = '--accent-1',\n    Accent2 = '--accent-2',\n    Accent3 = '--accent-3',\n    Success = '--success',\n    Danger = '--danger',\n    LightGray = '--light-gray',\n}\n\nexport enum AlertVariant {\n    Filled = '--filled',\n}\n\nexport interface AlertProps extends PropsWithChildren<any> {\n    type?: AlertType;\n    icon?: IconType;\n    heavyPadding?: boolean;\n    noMargin?: boolean;\n    noIconMargin?: boolean;\n    iconAlignCenter?: boolean;\n    variant?: AlertVariant;\n    iconSize?: string;\n    noBorder?: boolean;\n    className?: string;\n    iconClassName?: string;\n\n    [x: string]: ReactNode;\n}\n\nexport default function Alert(props: AlertProps) {\n    const type = props.type ? props.type : AlertType.Success;\n\n    const classes = classNames('c-alert', props.className, type, props.variant, {\n        '--heavy-padding': props.heavyPadding,\n        '--icon-center': props.iconAlignCenter,\n        '--no-icon-margin': props.noIconMargin,\n        'u-marg-bottom--none': props.noMargin,\n        '--no-border': props.noBorder,\n    });\n\n    return (\n        <div className={classes}>\n            {props.icon && <Icon className={props.iconClassName} icon={props.icon} size={props.iconSize || '16px'} />}\n            {props.children}\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"Alert.js","sourceRoot":"/","sources":["src/components/generic/Alert.tsx"],"names":[],"mappings":";;;;;;AAmCA,wBAiBC;AApDD,4DAAoC;AACpC,kDAA4D;AAE5D,0EAAgE;AAEhE,IAAY,SAQX;AARD,WAAY,SAAS;IACjB,8BAAiB,CAAA;IACjB,mCAAsB,CAAA;IACtB,mCAAsB,CAAA;IACtB,mCAAsB,CAAA;IACtB,kCAAqB,CAAA;IACrB,gCAAmB,CAAA;IACnB,uCAA0B,CAAA;AAC9B,CAAC,EARW,SAAS,yBAAT,SAAS,QAQpB;AAED,IAAY,YAEX;AAFD,WAAY,YAAY;IACpB,mCAAmB,CAAA;AACvB,CAAC,EAFW,YAAY,4BAAZ,YAAY,QAEvB;AAkBD,SAAwB,KAAK,CAAC,KAAiB;IAC3C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC;IAEzD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,OAAO,EAAE;QACxE,iBAAiB,EAAE,KAAK,CAAC,YAAY;QACrC,eAAe,EAAE,KAAK,CAAC,eAAe;QACtC,kBAAkB,EAAE,KAAK,CAAC,YAAY;QACtC,qBAAqB,EAAE,KAAK,CAAC,QAAQ;QACrC,aAAa,EAAE,KAAK,CAAC,QAAQ;KAChC,CAAC,CAAC;IAEH,OAAO,CACH,uCAAK,SAAS,EAAE,OAAO;QAClB,KAAK,CAAC,IAAI,IAAI,8BAAC,cAAI,IAAC,SAAS,EAAE,KAAK,CAAC,aAAa,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,IAAI,MAAM,GAAI;QACxG,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC","sourcesContent":["import classNames from 'classnames';\nimport React, { PropsWithChildren, ReactNode } from 'react';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\n\nexport enum AlertType {\n    Alert = '--alert',\n    Accent1 = '--accent-1',\n    Accent2 = '--accent-2',\n    Accent3 = '--accent-3',\n    Success = '--success',\n    Danger = '--danger',\n    LightGray = '--light-gray',\n}\n\nexport enum AlertVariant {\n    Filled = '--filled',\n}\n\nexport interface AlertProps extends PropsWithChildren<any> {\n    type?: AlertType;\n    icon?: IconType;\n    heavyPadding?: boolean;\n    noMargin?: boolean;\n    noIconMargin?: boolean;\n    iconAlignCenter?: boolean;\n    variant?: AlertVariant;\n    iconSize?: string;\n    noBorder?: boolean;\n    className?: string;\n    iconClassName?: string;\n\n    [x: string]: ReactNode;\n}\n\nexport default function Alert(props: AlertProps) {\n    const type = props.type ? props.type : AlertType.Success;\n\n    const classes = classNames('c-alert', props.className, type, props.variant, {\n        '--heavy-padding': props.heavyPadding,\n        '--icon-center': props.iconAlignCenter,\n        '--no-icon-margin': props.noIconMargin,\n        'u-marg-bottom--none': props.noMargin,\n        '--no-border': props.noBorder,\n    });\n\n    return (\n        <div className={classes}>\n            {props.icon && <Icon className={props.iconClassName} icon={props.icon} size={props.iconSize || '16px'} />}\n            {props.children}\n        </div>\n    );\n}\n"]}

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

@@ -23,6 +23,7 @@ export interface BEButtonProps extends PropsWithChildren<any> {
     stopIconAnimation?: boolean;
     htmlType?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
     onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    iconSize?: string;
     [x: string]: React.ReactNode;
 }
-export default function BEButton(props: BEButtonProps): JSX.Element;
+export default function BEButton(props: BEButtonProps): React.JSX.Element;

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

@@ -15,22 +15,34 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = BEButton;
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importStar(require("./Icon/Icon"));
 const Color_1 = require("../../util/Color");
 function BEButton(props) {
+    var _a;
     const defaultProps = Object.assign({ size: 'normal', disabled: false, iconPosition: 'left', htmlType: 'button' }, props);
     const classes = (0, classnames_1.default)({
         '--wide': defaultProps.wide,
@@ -50,7 +62,7 @@ function BEButton(props) {
     }, props.className);
     let icon = '';
     if (defaultProps.icon) {
-        icon = react_1.default.createElement(Icon_1.default, { icon: defaultProps.icon, size: "1em" });
+        icon = react_1.default.createElement(Icon_1.default, { icon: defaultProps.icon, size: (_a = defaultProps.iconSize) !== null && _a !== void 0 ? _a : '1em' });
     }
     const extraProperties = {};
     const styles = {};
@@ -83,5 +95,4 @@ function BEButton(props) {
             props.children,
             defaultProps.iconPosition === 'right' && icon)));
 }
-exports.default = BEButton;
 //# sourceMappingURL=BEButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BEButton.js","sourceRoot":"/","sources":["src/components/generic/BEButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames';\nimport React, { CSSProperties, PropsWithChildren, ReactNode } from 'react';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\n\nexport interface BEButtonProps extends PropsWithChildren<any> {\n    icon?: IconType;\n    iconPosition?: 'left' | 'right';\n    rounded?: boolean;\n    size?: 'large' | 'normal' | 'small' | 'tiny';\n    outline?: boolean;\n    className?: string;\n    name?: string;\n    wide?: boolean;\n    filled?: boolean;\n    isText?: boolean;\n    isLoading?: boolean;\n    textColor?: Color;\n    disabled?: boolean;\n    primary?: boolean;\n    primaryActive?: boolean;\n    success?: boolean;\n    danger?: boolean;\n    mobileWidth?: boolean;\n    stopIconAnimation?: boolean; // Rename this it's bad\n    htmlType?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];\n    onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n\n    [x: string]: React.ReactNode;\n}\n\nexport default function BEButton(props: BEButtonProps) {\n    const defaultProps: BEButtonProps = {\n        size: 'normal',\n        disabled: false,\n        iconPosition: 'left',\n        htmlType: 'button',\n        ...props,\n    };\n\n    const classes = classNames(\n        {\n            '--wide': defaultProps.wide,\n            '--primary': defaultProps.primary,\n            '--primary-active': defaultProps.primaryActive,\n            '--rounded': defaultProps.rounded,\n            '--filled': defaultProps.filled && !defaultProps.backgroundColor,\n            '--success': defaultProps.filled,\n            '--danger': defaultProps.danger,\n            '--loading': defaultProps.isLoading,\n            '--fill@m-': defaultProps.mobileWidth,\n            '--no-icon-animate': defaultProps.stopIconAnimation,\n            '--icon-right': defaultProps.iconPosition === 'right',\n            [`--${defaultProps.size}`]: defaultProps.size,\n            '--text': defaultProps.isText,\n            '--outline': defaultProps.outline,\n        },\n        props.className\n    );\n\n    let icon: ReactNode = '';\n    if (defaultProps.icon) {\n        icon = <Icon icon={defaultProps.icon} size=\"1em\" />;\n    }\n\n    const extraProperties: JSX.IntrinsicElements['button'] = {};\n    const styles: CSSProperties = {};\n\n    if (props.disabled || props.isLoading) {\n        extraProperties.disabled = true;\n    }\n\n    if (props.textColor) {\n        styles.color = props.textColor;\n    }\n\n    if (props.onClick) {\n        extraProperties.onClick = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n            if (!props.isLoading) {\n                props.onClick?.(e);\n            }\n        };\n    }\n\n    if (props.name) {\n        extraProperties.name = props.name;\n    }\n    let bgColor = {};\n    if (defaultProps.backgroundColor) {\n        bgColor = { backgroundColor: defaultProps.backgroundColor, borderColor: defaultProps.backgroundColor };\n    }\n    return (\n        <button className={classes} {...extraProperties} style={{ ...styles, ...bgColor }} type={defaultProps.htmlType}>\n            {defaultProps.isLoading && (\n                <span className=\"c-spin\">\n                    <Icon icon={IconType.Spinner} color={props.primary ? Color.White : Color.Accent} />\n                </span>\n            )}\n            <span>\n                {defaultProps.iconPosition === 'left' && icon}\n                {props.children}\n                {defaultProps.iconPosition === 'right' && icon}\n            </span>\n        </button>\n    );\n}\n"]}
+{"version":3,"file":"BEButton.js","sourceRoot":"/","sources":["src/components/generic/BEButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames';\nimport React, { CSSProperties, PropsWithChildren, ReactNode } from 'react';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\n\nexport interface BEButtonProps extends PropsWithChildren<any> {\n    icon?: IconType;\n    iconPosition?: 'left' | 'right';\n    rounded?: boolean;\n    size?: 'large' | 'normal' | 'small' | 'tiny';\n    outline?: boolean;\n    className?: string;\n    name?: string;\n    wide?: boolean;\n    filled?: boolean;\n    isText?: boolean;\n    isLoading?: boolean;\n    textColor?: Color;\n    disabled?: boolean;\n    primary?: boolean;\n    primaryActive?: boolean;\n    success?: boolean;\n    danger?: boolean;\n    mobileWidth?: boolean;\n    stopIconAnimation?: boolean; // Rename this it's bad\n    htmlType?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];\n    onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n    iconSize?: string;\n\n    [x: string]: React.ReactNode;\n}\n\nexport default function BEButton(props: BEButtonProps) {\n    const defaultProps: BEButtonProps = {\n        size: 'normal',\n        disabled: false,\n        iconPosition: 'left',\n        htmlType: 'button',\n        ...props,\n    };\n\n    const classes = classNames(\n        {\n            '--wide': defaultProps.wide,\n            '--primary': defaultProps.primary,\n            '--primary-active': defaultProps.primaryActive,\n            '--rounded': defaultProps.rounded,\n            '--filled': defaultProps.filled && !defaultProps.backgroundColor,\n            '--success': defaultProps.filled,\n            '--danger': defaultProps.danger,\n            '--loading': defaultProps.isLoading,\n            '--fill@m-': defaultProps.mobileWidth,\n            '--no-icon-animate': defaultProps.stopIconAnimation,\n            '--icon-right': defaultProps.iconPosition === 'right',\n            [`--${defaultProps.size}`]: defaultProps.size,\n            '--text': defaultProps.isText,\n            '--outline': defaultProps.outline,\n        },\n        props.className\n    );\n\n    let icon: ReactNode = '';\n    if (defaultProps.icon) {\n        icon = <Icon icon={defaultProps.icon} size={defaultProps.iconSize ?? '1em'} />;\n    }\n\n    const extraProperties: JSX.IntrinsicElements['button'] = {};\n    const styles: CSSProperties = {};\n\n    if (props.disabled || props.isLoading) {\n        extraProperties.disabled = true;\n    }\n\n    if (props.textColor) {\n        styles.color = props.textColor;\n    }\n\n    if (props.onClick) {\n        extraProperties.onClick = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n            if (!props.isLoading) {\n                props.onClick?.(e);\n            }\n        };\n    }\n\n    if (props.name) {\n        extraProperties.name = props.name;\n    }\n    let bgColor = {};\n    if (defaultProps.backgroundColor) {\n        bgColor = { backgroundColor: defaultProps.backgroundColor, borderColor: defaultProps.backgroundColor };\n    }\n    return (\n        <button className={classes} {...extraProperties} style={{ ...styles, ...bgColor }} type={defaultProps.htmlType}>\n            {defaultProps.isLoading && (\n                <span className=\"c-spin\">\n                    <Icon icon={IconType.Spinner} color={props.primary ? Color.White : Color.Accent} />\n                </span>\n            )}\n            <span>\n                {defaultProps.iconPosition === 'left' && icon}\n                {props.children}\n                {defaultProps.iconPosition === 'right' && icon}\n            </span>\n        </button>\n    );\n}\n"]}

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

@@ -1,5 +1,6 @@
+import React from 'react';
 interface BackButtonProps {
     onClick?: () => void;
 }
-export default function BackButton(props: BackButtonProps): JSX.Element;
+export default function BackButton(props: BackButtonProps): React.JSX.Element;
 export {};

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

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = BackButton;
 const react_1 = __importDefault(require("react"));
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
@@ -12,5 +13,4 @@ function BackButton(props) {
     const { t } = (0, react_i18next_1.useTranslation)();
     return (react_1.default.createElement(BEButton_1.default, { size: "tiny", isText: true, onClick: props.onClick, icon: Icon_1.IconType.ArrowLeft }, t(Translation_1.Translation.Navigation.Back).toUpperCase()));
 }
-exports.default = BackButton;
 //# sourceMappingURL=BackButton.js.map

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,kDAA0B;AAC1B,iDAA+C;AAC/C,0DAAuD;AAEvD,6EAAqD;AACrD,yDAA0D;AAM1D,SAAwB,UAAU,CAAC,KAAsB;IACrD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH,8BAAC,kBAAQ,IAAC,IAAI,EAAC,MAAM,EAAC,MAAM,QAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,eAAQ,CAAC,SAAS,IACxE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CACtC,CACd,CAAC;AACN,CAAC;AARD,6BAQC","sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { IconType } from '@/components/generic/Icon/Icon';\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 onClick={props.onClick} 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":";;;;;AAWA,6BAQC;AAnBD,kDAA0B;AAC1B,iDAA+C;AAC/C,0DAAuD;AAEvD,6EAAqD;AACrD,yDAA0D;AAM1D,SAAwB,UAAU,CAAC,KAAsB;IACrD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH,8BAAC,kBAAQ,IAAC,IAAI,EAAC,MAAM,EAAC,MAAM,QAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,eAAQ,CAAC,SAAS,IACxE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CACtC,CACd,CAAC;AACN,CAAC","sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { IconType } from '@/components/generic/Icon/Icon';\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 onClick={props.onClick} icon={IconType.ArrowLeft}>\n            {t(Translation.Navigation.Back).toUpperCase()}\n        </BEButton>\n    );\n}\n"]}

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

@@ -15,18 +15,28 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BookNowPayLaterInfoBlock = void 0;
+exports.BookNowPayLaterInfoBlock = BookNowPayLaterInfoBlock;
 const hooks_1 = require("../../hooks/index.js");
 const react_1 = __importDefault(require("react"));
 const react_i18next_1 = require("react-i18next");
@@ -54,5 +64,4 @@ function BookNowPayLaterInfoBlock() {
                     react_1.default.createElement("a", { style: { color: Color_1.Color.Accent }, href: url, target: "_blank", rel: "noreferrer" }, t(Translation_1.Translation.Step.Room.ReadMore)),
                     "."))))) : null;
 }
-exports.BookNowPayLaterInfoBlock = BookNowPayLaterInfoBlock;
 //# sourceMappingURL=BookNowPayLaterInfoBlock.js.map

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,2CAAkD;AAClD,kDAA4C;AAC5C,iDAA+C;AAC/C,0DAAuD;AAEvD,kEAA2D;AAC3D,0GAAkF;AAClF,wCAAqC;AAErC,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,gBAAgB,CAAC,CAAC,CAAC,CACtB,uCAAK,SAAS,EAAC,iEAAiE,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,aAAK,CAAC,OAAO,EAAE;QAC5I,uCAAK,SAAS,EAAC,8CAA8C;YACzD,8BAAC,6BAAmB,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI;YAC9C,uCAAK,SAAS,EAAC,kBAAkB;gBAC7B,8BAAC,cAAI,IAAC,IAAI,QAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAC1B,gBAAgB,CACd;gBACP,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;oBACrB,CAAC,CAAC,yBAAW,CAAC,MAAM,CAAC,wBAAwB,CAAC,kBAAkB,CAAC;oBAAE,GAAG;oBACvE,qCAAG,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,CAAC,CAAC,CAAC,IAAI,CAAC;AACb,CAAC;AA9BD,4DA8BC","sourcesContent":["import { useCurrentHotel } from '@frontend/hooks';\nimport React, { ReactElement } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Text, { TextType } from '@/components/generic/Text';\nimport BookNowPayLaterIcon from '@/components/iconComponents/BookNowPayLaterIcon';\nimport { Color } from '@/util/Color';\n\nexport function BookNowPayLaterInfoBlock(): ReactElement | null {\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 titleTranslation ? (\n        <div className=\"rs-book-now-pay-later-info-block 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 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    ) : null;\n}\n"]}
+{"version":3,"file":"BookNowPayLaterInfoBlock.js","sourceRoot":"/","sources":["src/components/generic/BookNowPayLaterInfoBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,4DA8BC;AAvCD,2CAAkD;AAClD,kDAA4C;AAC5C,iDAA+C;AAC/C,0DAAuD;AAEvD,kEAA2D;AAC3D,0GAAkF;AAClF,wCAAqC;AAErC,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,CAAC;QACR,GAAG,GAAG,MAAA,MAAA,KAAK,CAAC,eAAe,mCAAI,KAAK,CAAC,kBAAkB,mCAAI,KAAK,CAAC,gBAAgB,CAAC;IACtF,CAAC;IAED,MAAM,gBAAgB,GAAG,CAAC,CAAC,yBAAW,CAAC,MAAM,CAAC,wBAAwB,CAAC,eAAe,CAAC,CAAC;IAExF,OAAO,gBAAgB,CAAC,CAAC,CAAC,CACtB,uCAAK,SAAS,EAAC,iEAAiE,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,aAAK,CAAC,OAAO,EAAE;QAC5I,uCAAK,SAAS,EAAC,8CAA8C;YACzD,8BAAC,6BAAmB,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI;YAC9C,uCAAK,SAAS,EAAC,kBAAkB;gBAC7B,8BAAC,cAAI,IAAC,IAAI,QAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAC1B,gBAAgB,CACd;gBACP,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;oBACrB,CAAC,CAAC,yBAAW,CAAC,MAAM,CAAC,wBAAwB,CAAC,kBAAkB,CAAC;oBAAE,GAAG;oBACvE,qCAAG,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,CAAC,CAAC,CAAC,IAAI,CAAC;AACb,CAAC","sourcesContent":["import { useCurrentHotel } from '@frontend/hooks';\nimport React, { ReactElement } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Text, { TextType } from '@/components/generic/Text';\nimport BookNowPayLaterIcon from '@/components/iconComponents/BookNowPayLaterIcon';\nimport { Color } from '@/util/Color';\n\nexport function BookNowPayLaterInfoBlock(): ReactElement | null {\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 titleTranslation ? (\n        <div className=\"rs-book-now-pay-later-info-block 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 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    ) : null;\n}\n"]}

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

@@ -16,8 +16,7 @@ export declare enum EBookingWizardSection {
     Property = "property",
     Date = "date",
     Guest = "guest",
-    Promo = "promo",
-    RoomGroup = "roomgroup"
+    Promo = "promo"
 }
 export declare const StateSectionsDefault: BookingWizardContextType['stateSections'];
 export interface BookingWizardProps extends BookingWizardContentProps {

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

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -45,29 +55,27 @@ var EBookingWizardTheme;
     EBookingWizardTheme["Default"] = "default";
     EBookingWizardTheme["Specific"] = "specific";
     EBookingWizardTheme["Images"] = "images";
-})(EBookingWizardTheme = exports.EBookingWizardTheme || (exports.EBookingWizardTheme = {}));
+})(EBookingWizardTheme || (exports.EBookingWizardTheme = EBookingWizardTheme = {}));
 var EBookingWizardOverlayDirection;
 (function (EBookingWizardOverlayDirection) {
     EBookingWizardOverlayDirection["Upward"] = "upward";
     EBookingWizardOverlayDirection["Downward"] = "downward";
-})(EBookingWizardOverlayDirection = exports.EBookingWizardOverlayDirection || (exports.EBookingWizardOverlayDirection = {}));
+})(EBookingWizardOverlayDirection || (exports.EBookingWizardOverlayDirection = EBookingWizardOverlayDirection = {}));
 var EBookingWizardSection;
 (function (EBookingWizardSection) {
     EBookingWizardSection["Property"] = "property";
     EBookingWizardSection["Date"] = "date";
     EBookingWizardSection["Guest"] = "guest";
     EBookingWizardSection["Promo"] = "promo";
-    EBookingWizardSection["RoomGroup"] = "roomgroup";
-})(EBookingWizardSection = exports.EBookingWizardSection || (exports.EBookingWizardSection = {}));
+})(EBookingWizardSection || (exports.EBookingWizardSection = EBookingWizardSection = {}));
 exports.StateSectionsDefault = {
-    [EBookingWizardSection.Property]: { opening: false, isFirst: false, hidden: false, inactive: false, isLast: false },
-    [EBookingWizardSection.Date]: { opening: false, isFirst: false, hidden: false, inactive: false, isLast: false },
-    [EBookingWizardSection.Guest]: { opening: false, isFirst: false, hidden: false, inactive: false, isLast: false },
-    [EBookingWizardSection.Promo]: { opening: false, isFirst: false, hidden: false, inactive: false, isLast: false },
-    [EBookingWizardSection.RoomGroup]: { opening: false, isFirst: false, hidden: false, inactive: false, isLast: false },
+    [EBookingWizardSection.Property]: { opening: false, isFirst: false, hidden: false, inactive: false },
+    [EBookingWizardSection.Date]: { opening: false, isFirst: false, hidden: false, inactive: false },
+    [EBookingWizardSection.Guest]: { opening: false, isFirst: false, hidden: false, inactive: false },
+    [EBookingWizardSection.Promo]: { opening: false, isFirst: false, hidden: false, inactive: false },
 };
 const BookingWizard = (props) => {
-    const { layout = 'horizontal', theme = EBookingWizardTheme.Default, onSubmit, wrapperClassname, contentClassname: contentClassnameProps, selectedProperty, properties, defaultColors, maxAdults, disableChild, showInfants, disableRoom, hideProperty, hideGuestSelect, hidePromocode, hideRoomGroup = true, defaultValues, overlayDirection = EBookingWizardOverlayDirection.Downward, } = props;
+    const { layout = 'horizontal', theme = EBookingWizardTheme.Default, onSubmit, wrapperClassname, contentClassname: contentClassnameProps, selectedProperty, properties, defaultColors, maxAdults, disableChild, showInfants, disableRoom, hideGuestSelect, hidePromocode, hideProperty, defaultValues, overlayDirection = EBookingWizardOverlayDirection.Downward, } = props;
     const [isOpen, setIsOpen] = react_1.default.useState(false);
     const { isMobile } = (0, WindowSize_1.useWindowSize)();
     const { t } = (0, react_i18next_1.useTranslation)();
@@ -116,7 +124,6 @@ const BookingWizard = (props) => {
     const [stateSections, setStateSections] = (0, react_1.useState)(exports.StateSectionsDefault);
     (0, react_1.useEffect)(() => {
         const isPromoHidden = hidePromocode || layout === 'horizontal-condensed' || isImagesThemeMobile;
-        const isRoomGroupHidden = !!hideRoomGroup;
         const isPropertyHidden = !!hideProperty;
         const isGuestHidden = !!hideGuestSelect;
         const state = {
@@ -125,35 +132,24 @@ const BookingWizard = (props) => {
                 isFirst: !isPropertyHidden,
                 opening: EBookingWizardSection.Property === activeSection,
                 inactive: isPropertyHidden || (isImagesThemeMobile && activeSection !== null && activeSection !== EBookingWizardSection.Property),
-                isLast: false,
             },
             [EBookingWizardSection.Date]: {
                 hidden: false,
                 isFirst: isPropertyHidden,
                 opening: EBookingWizardSection.Date === activeSection,
                 inactive: (isImagesThemeMobile && isPropertyHidden && activeSection === null) || (isImagesThemeMobile && activeSection !== EBookingWizardSection.Date),
-                isLast: false,
             },
             [EBookingWizardSection.Guest]: {
                 hidden: isGuestHidden,
                 isFirst: false,
                 opening: EBookingWizardSection.Guest === activeSection,
                 inactive: isGuestHidden || (isImagesThemeMobile && activeSection !== EBookingWizardSection.Guest),
-                isLast: false,
             },
             [EBookingWizardSection.Promo]: {
                 hidden: isPromoHidden,
                 isFirst: false,
                 opening: EBookingWizardSection.Promo === activeSection,
                 inactive: isPromoHidden || (isImagesThemeMobile && activeSection !== EBookingWizardSection.Promo),
-                isLast: false,
-            },
-            [EBookingWizardSection.RoomGroup]: {
-                hidden: isRoomGroupHidden,
-                isFirst: false,
-                opening: EBookingWizardSection.RoomGroup === activeSection,
-                inactive: isRoomGroupHidden || (isImagesThemeMobile && activeSection !== EBookingWizardSection.RoomGroup),
-                isLast: false,
             },
         };
         // Extract available (i.e., not hidden) sections from state
@@ -164,13 +160,7 @@ const BookingWizard = (props) => {
         // If all inactive are true, then find the first section with hidden === false and set its inactive to false.
         const allInactive = Object.values(state).every((s) => s.inactive);
         if (allInactive) {
-            const sections = [
-                EBookingWizardSection.Property,
-                EBookingWizardSection.Date,
-                EBookingWizardSection.Guest,
-                EBookingWizardSection.Promo,
-                EBookingWizardSection.RoomGroup,
-            ];
+            const sections = [EBookingWizardSection.Property, EBookingWizardSection.Date, EBookingWizardSection.Guest, EBookingWizardSection.Promo];
             for (const section of sections) {
                 if (!state[section].hidden) {
                     state[section].opening = false;
@@ -179,16 +169,8 @@ const BookingWizard = (props) => {
                 }
             }
         }
-        //Determine and set `isLast`
-        const visibleSections = Object.entries(state)
-            .filter(([_, section]) => !section.hidden)
-            .map(([key]) => key);
-        if (visibleSections.length > 0) {
-            const lastVisibleKey = visibleSections[visibleSections.length - 1];
-            state[lastVisibleKey].isLast = true;
-        }
         setStateSections(state);
-    }, [layout, hideProperty, hideGuestSelect, hidePromocode, hideRoomGroup, activeSection, isImagesTheme, isImagesThemeMobile]);
+    }, [layout, hideProperty, hideGuestSelect, hidePromocode, activeSection, isImagesTheme, isImagesThemeMobile]);
     const navigateSection = (currentSection, direction) => {
         var _a;
         if (!currentSection)
@@ -230,7 +212,7 @@ const BookingWizard = (props) => {
                         react_1.default.createElement(Icon_1.default, { className: BookingWizard_module_scss_1.default.closeBtn, icon: Icon_1.IconType.Close, size: "24px", onClick: () => setIsOpen(false) })),
                     react_1.default.createElement(BookingWizardContext_1.BookingWizardContext.Provider, { value: bookingWizardContext },
                         react_1.default.createElement("div", { className: classes },
-                            react_1.default.createElement(BookingWizardContent_1.BookingWizardContent, { properties: properties, selectedProperty: selectedProperty, defaultColors: defaultColors, classname: contentClassname, maxAdults: maxAdults, disableChild: disableChild, showInfants: showInfants, disableRoom: disableRoom, defaultValues: defaultValues, hideProperty: hideProperty, hideGuestSelect: hideGuestSelect, hidePromocode: hidePromocode, hideRoomGroup: hideRoomGroup })))))));
+                            react_1.default.createElement(BookingWizardContent_1.BookingWizardContent, { properties: properties, selectedProperty: selectedProperty, defaultColors: defaultColors, classname: contentClassname, maxAdults: maxAdults, disableChild: disableChild, showInfants: showInfants, disableRoom: disableRoom, defaultValues: defaultValues, hideGuestSelect: hideGuestSelect, hidePromocode: hidePromocode, hideProperty: hideProperty })))))));
     }
     return (react_1.default.createElement("div", { ref: ref, className: classes },
         react_1.default.createElement(BookingWizardContext_1.BookingWizardContext.Provider, { value: bookingWizardContext },