npm - @roomstay/frontend - Versions diffs - 2.0.11 → 2.1.0 - Mend

@roomstay/frontend 2.0.11 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (834) hide show

package/dist/src/components/User/Forms/SignUpForm.js CHANGED Viewed

@@ -1,26 +1,51 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SignUpForm = void 0;
-const React = require("react");
+const React = __importStar(require("react"));
 const react_hook_form_1 = require("react-hook-form");
 const react_i18next_1 = require("react-i18next");
 const react_1 = require("react");
 const Translation_1 = require("translations/Translation");
-const AutoAutoHeight_1 = require("animations/AutoAutoHeight");
+const AutoAutoHeight_1 = __importDefault(require("animations/AutoAutoHeight"));
 const contexts_1 = require("@frontend/contexts");
-const InputGroup_1 = require("components/generic/InputGroup/InputGroup");
-const Checkbox_1 = require("components/generic/Checkbox/Checkbox");
+const InputGroup_1 = __importDefault(require("components/generic/InputGroup/InputGroup"));
+const Checkbox_1 = __importDefault(require("components/generic/Checkbox/Checkbox"));
 const hooks_1 = require("@frontend/hooks");
-const Headline_1 = require("components/generic/Headline");
+const Headline_1 = __importDefault(require("components/generic/Headline"));
 const Color_1 = require("util/Color");
-const Alert_1 = require("components/generic/Alert");
-const Text_1 = require("components/generic/Text");
+const Alert_1 = __importStar(require("components/generic/Alert"));
+const Text_1 = __importStar(require("components/generic/Text"));
 const Icon_1 = require("components/generic/Icon/Icon");
-const TextBox_1 = require("components/generic/TextBox");
-const BEButton_1 = require("components/generic/BEButton");
+const TextBox_1 = __importDefault(require("components/generic/TextBox"));
+const BEButton_1 = __importDefault(require("components/generic/BEButton"));
 const Validation_1 = require("../../../util/Validation");
 const PasswordBox_1 = require("../../generic/PasswordBox/PasswordBox");
-const signUpStates = [contexts_1.CognitoLoginState.UsernameExists];
 const SignUpForm = (props) => {
     const { t } = (0, react_i18next_1.useTranslation)();
     const { hotel } = (0, hooks_1.useCurrentHotel)();
@@ -31,6 +56,7 @@ const SignUpForm = (props) => {
     const { register, formState, handleSubmit } = (0, react_hook_form_1.useForm)({
         mode: 'onSubmit',
     });
+    const signUpStates = [contexts_1.CognitoLoginState.UsernameExists];
     const errors = formState.errors;
     const accountExists = signUpStates.includes(cognitoLoginState);
     const getValidationClass = (name) => {

package/dist/src/components/User/Forms/SignUpForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SignUpForm.js","sourceRoot":"/","sources":["src/components/User/Forms/SignUpForm.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,qDAA0C;AAC1C,iDAA+C;AAC/C,iCAAwD;AACxD,0DAAuD;AACvD,8DAAuD;AACvD,iDAA8E;AAC9E,yEAAkE;AAClE,mEAA4D;AAC5D,2CAAkD;AAClD,0DAAmD;AACnD,sCAAmC;AACnC,oDAA4D;AAC5D,kDAAyD;AACzD,uDAAwD;AACxD,wDAAiD;AACjD,0DAAmD;AACnD,yDAAiF;AACjF,uEAAoE;AAOpE,MAAM,YAAY,GAAwB,CAAC,4BAAiB,CAAC,cAAc,CAAC,CAAC;AAEtE,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACjD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAEhJ,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAC7D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEhE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,IAAA,yBAAO,EAAC;QAClD,IAAI,EAAE,UAAU;KACnB,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC;IAChC,MAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAE/D,MAAM,kBAAkB,GAAG,CAAC,IAAY,EAAE,EAAE;QACxC,IAAI,MAAM,IAAI,SAAS,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE;YACzC,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE;gBACd,OAAO,OAAO,CAAC;aAClB;iBAAM;gBACH,OAAO,SAAS,CAAC;aACpB;SACJ;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,MAAW,EAAE,EAAE;QAC7B,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,mBAAmB,CAAC,EAAE,CAAC,CAAC;QAExB,IAAI,CAAC,gBAAgB,EAAE;YACnB,eAAe,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE;gBAC3C,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,QAAQ;gBACpC,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,OAAO;aACrC,CAAC;iBACG,IAAI,CAAC,CAAC,KAAwB,EAAE,EAAE;gBAC/B,IAAI,KAAK,KAAK,4BAAiB,CAAC,oBAAoB,EAAE;oBAClD,mBAAmB,CAAC,IAAI,CAAC,CAAC;iBAC7B;YACL,CAAC,CAAC;iBACD,OAAO,CAAC,GAAG,EAAE;gBACV,YAAY,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC,CAAC,CAAC;SACV;aAAM;YACH,cAAc,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE;gBACpE,YAAY,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC,CAAC,CAAC;SACN;IACL,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAS,EAAE;QAC/B,YAAY,EAAE,CAAC;QACf,KAAK,CAAC,UAAU,EAAE,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,QAAQ,iBAAiB,EAAE;YACvB,KAAK,4BAAiB,CAAC,cAAc,CAAC,CAAC;gBACnC,OAAO,CACH;oBACI,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;;wBACO,GAAG;wBAChC,oBAAC,kBAAQ,IAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,eAAe,iBAEnE;4BAER,CACR,CACN,CAAC;aACL;SACJ;IACL,CAAC,CAAC;IAEF,OAAO,CACH;QACI,6BAAK,SAAS,EAAC,sBAAsB;YACjC,oBAAC,kBAAQ,IAAC,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,sBAAsB,IACpE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAChC,CACT;QACN,oBAAC,wBAAc,IAAC,IAAI,EAAE,CAAC,CAAC,aAAa;YACjC,6BAAK,SAAS,EAAC,QAAQ;gBACnB,oBAAC,eAAK,IAAC,IAAI,EAAE,iBAAS,CAAC,MAAM,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,IAC9C,cAAc,EAAE,CACb,CACN,CACO;QACjB,oBAAC,wBAAc,IAAC,IAAI,EAAE,CAAC,CAAC,KAAK;YACzB,6BAAK,SAAS,EAAC,QAAQ;gBACnB,oBAAC,eAAK,IAAC,IAAI,EAAE,iBAAS,CAAC,MAAM,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK;oBAC/C,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAQ,CAC/C,CACN,CACO;QACjB,oBAAC,wBAAc,IAAC,IAAI,EAAE,CAAC,CAAC,SAAS,CAAC,MAAM;YACpC,6BAAK,SAAS,EAAC,oBAAoB,IAC9B,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE;gBACpD,OAAO,CACH,oBAAC,eAAK,IAAC,IAAI,EAAE,iBAAS,CAAC,MAAM,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK;oBAC3D,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAQ,CACpE,CACX,CAAC;YACN,CAAC,CAAC,CACA,CACO;QACjB,8BAAM,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAC,eAAe;YAC7D,oBAAC,wBAAc,IAAC,IAAI,EAAE,CAAC,gBAAgB,EAAE,SAAS,EAAE,IAAI;gBACpD;oBACI,6BAAK,SAAS,EAAC,eAAe;wBAC1B,oBAAC,oBAAU,IAAC,UAAU,EAAC,KAAK;4BACxB;gCACI,6BAAK,SAAS,EAAC,sBAAsB;oCACjC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,IAAI,UAC9C,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAC/C,CACL;gCACN,oBAAC,iBAAO,kBACJ,WAAW,EAAC,KAAK,EACjB,gBAAgB,EAAE,kBAAkB,CAAC,UAAU,CAAC,IAC5C,QAAQ,CAAC,UAAU,EAAE;oCACrB,QAAQ,EAAE,IAAA,6BAAgB,EAAC,IAAI,EAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;iCACtF,CAAC,EACJ,CACH;4BACH;gCACI,6BAAK,SAAS,EAAC,sBAAsB;oCACjC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,IAAI,UAC9C,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAC9C,CACL;gCACN,oBAAC,iBAAO,kBACJ,WAAW,EAAC,OAAO,EACnB,gBAAgB,EAAE,kBAAkB,CAAC,SAAS,CAAC,IAC3C,QAAQ,CAAC,SAAS,EAAE;oCACpB,QAAQ,EAAE,IAAA,6BAAgB,EAAC,IAAI,EAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;iCACrF,CAAC,EACJ,CACH,CACM,CACX;oBACN,6BAAK,SAAS,EAAC,eAAe;wBAC1B,6BAAK,SAAS,EAAC,sBAAsB;4BACjC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,IAAI,UAC9C,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,CAC3C,CACL;wBACN,oBAAC,iBAAO,kBACJ,WAAW,EAAC,kBAAkB,EAC9B,gBAAgB,EAAE,kBAAkB,CAAC,OAAO,CAAC,IACzC,QAAQ,CAAC,OAAO,EAAE;4BAClB,QAAQ,EAAE,IAAA,6BAAgB,EAAC,IAAI,EAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;4BAC/E,OAAO,EAAE;gCACL,KAAK,EAAE,2CAA2C;gCAClD,OAAO,EAAE,CAAC,CAAC,yBAAW,CAAC,eAAe,CAAC,mBAAmB,CAAC;6BAC9D;yBACJ,CAAC,EACJ,CACA;oBACN,6BAAK,SAAS,EAAC,eAAe;wBAC1B,6BAAK,SAAS,EAAC,sBAAsB;4BACjC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,IAAI,UAC9C,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CACpD,CACL;wBACN,6BAAK,SAAS,EAAC,sBAAsB;4BACjC,oBAAC,yBAAW,kBACR,WAAW,EAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EACnE,gBAAgB,EAAE,kBAAkB,CAAC,UAAU,CAAC,IAC5C,QAAQ,CAAC,UAAU,EAAE;gCACrB,QAAQ,EAAE,IAAA,6BAAgB,EAAC,IAAI,EAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;gCACxF,OAAO,EAAE,gCAAmB;6BAC/B,CAAC,EACJ,CACA;wBACN,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,SAAS,EAAC,eAAe,IACnE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CACnD;wBAEP,oBAAC,kBAAQ,kBACL,KAAK,EACD,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;gCACrB,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC;gCAAE,GAAG;gCAC5D,2BAAG,IAAI,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,gBAAgB,EAAE,MAAM,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,EAAE,GAAG,EAAC,YAAY,IAC7F,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CACvD,CACD,IAEP,QAAQ,CAAC,oBAAoB,EAAE;4BAC/B,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;yBAC1F,CAAC,EACJ,CACA;oBACN,oBAAC,kBAAQ,IACL,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,eAAQ,CAAC,UAAU,EACzB,YAAY,EAAC,OAAO,EACpB,MAAM,QACN,OAAO,QACP,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,QAAQ,EACjB,SAAS,EAAE,OAAO,IAAI,SAAS,EAC/B,QAAQ,EAAE,SAAS,IAAI,OAAO,IAE7B,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAC9C,CACZ,CACU;YACjB,oBAAC,wBAAc,IAAC,IAAI,EAAE,gBAAgB;gBAClC,6BAAK,SAAS,EAAC,eAAe;oBAC1B,oBAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,OAAO,EAAE,SAAS,EAAC,sBAAsB,EAAC,IAAI,EAAE,IAAI,oBAEhE;oBACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,oGAAsG,CAC9H;gBACN,6BAAK,SAAS,EAAC,sBAAsB;oBACjC,6BAAK,SAAS,EAAC,sBAAsB;wBACjC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,IAAI,iBAE5C,CACL;oBACN,oBAAC,iBAAO,kBACJ,WAAW,EAAC,OAAO,EACnB,gBAAgB,EAAE,kBAAkB,CAAC,MAAM,CAAC,IACxC,QAAQ,CAAC,MAAM,EAAE;wBACjB,QAAQ,EAAE,IAAA,6BAAgB,EAAC,gBAAgB,EAAE,MAAM,CAAC;qBACvD,CAAC,EACJ,CACA;gBAEN,oBAAC,kBAAQ,IACL,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,eAAQ,CAAC,UAAU,EACzB,YAAY,EAAC,OAAO,EACpB,MAAM,QACN,OAAO,QACP,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,QAAQ,EACjB,SAAS,EAAE,OAAO,IAAI,SAAS,EAC/B,QAAQ,EAAE,SAAS,IAAI,OAAO,IAE7B,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAC9C,CACE,CACd,CACL,CACT,CAAC;AACN,CAAC,CAAC;AAzPW,QAAA,UAAU,cAyPrB","sourcesContent":["import * as React from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { useState, useContext, useEffect } from 'react';\nimport { Translation } from 'translations/Translation';\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport { AuthenticationContext, CognitoLoginState } from '@frontend/contexts';\nimport InputGroup from 'components/generic/InputGroup/InputGroup';\nimport Checkbox from 'components/generic/Checkbox/Checkbox';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport Headline from 'components/generic/Headline';\nimport { Color } from 'util/Color';\nimport Alert, { AlertType } from 'components/generic/Alert';\nimport Text, { TextType } from 'components/generic/Text';\nimport { IconType } from 'components/generic/Icon/Icon';\nimport TextBox from 'components/generic/TextBox';\nimport BEButton from 'components/generic/BEButton';\nimport { makeRequiredRule, passwordPatternRule } from '../../../util/Validation';\nimport { PasswordBox } from '../../generic/PasswordBox/PasswordBox';\n\ntype SignUpFormProps = {\n onForgotPassword?: () => void;\n onSignedIn?: () => void;\n};\n\nconst signUpStates: CognitoLoginState[] = [CognitoLoginState.UsernameExists];\n\nexport const SignUpForm = (props: SignUpFormProps) => {\n const { t } = useTranslation();\n const { hotel } = useCurrentHotel();\n\n const { loading, error, cognitoLoginState, register: cognitoRegister, reset: cognitoReset, confirmAccount } = useContext(AuthenticationContext);\n\n const [isLoading, setIsLoading] = useState(false);\n const [apiErrorMessages, setApiErrorMessages] = useState('');\n const [isVerifyingEmail, setIsVerifyingEmail] = useState(false);\n\n const { register, formState, handleSubmit } = useForm({\n mode: 'onSubmit',\n });\n\n const errors = formState.errors;\n const accountExists = signUpStates.includes(cognitoLoginState);\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 } else {\n return null;\n }\n };\n\n const onSubmit = (values: any) => {\n setIsLoading(true);\n setApiErrorMessages('');\n\n if (!isVerifyingEmail) {\n cognitoRegister(values.email, values.password, {\n ['custom:forename']: values.forename,\n ['custom:surname']: values.surname,\n })\n .then((state: CognitoLoginState) => {\n if (state === CognitoLoginState.RequiresConfirmation) {\n setIsVerifyingEmail(true);\n }\n })\n .finally(() => {\n setIsLoading(false);\n });\n } else {\n confirmAccount(values.email, values.code, values.password).finally(() => {\n setIsLoading(false);\n });\n }\n };\n\n const onSignInClicked = (): void => {\n cognitoReset();\n props.onSignedIn();\n };\n\n const onErrorContent = () => {\n switch (cognitoLoginState) {\n case CognitoLoginState.UsernameExists: {\n return (\n <>\n <Text type={TextType.Small}>\n Email is in use already, try{' '}\n <BEButton isText={true} size={'small'} primary={true} onClick={onSignInClicked}>\n logging in\n </BEButton>\n ?\n </Text>\n </>\n );\n }\n }\n };\n\n return (\n <div>\n <div className=\"u-marg-bottom--heavy\">\n <Headline color={Color.Navy} bold={true} className=\"u-marg-bottom--light\">\n {t(Translation.Navigation.SignUp.Title)}\n </Headline>\n </div>\n <AutoAutoHeight open={!!accountExists}>\n <div className=\"u-flex\">\n <Alert type={AlertType.Danger} icon={IconType.Error}>\n {onErrorContent()}\n </Alert>\n </div>\n </AutoAutoHeight>\n <AutoAutoHeight open={!!error}>\n <div className=\"u-flex\">\n <Alert type={AlertType.Danger} icon={IconType.Error}>\n <Text type={TextType.Small}>{error?.message}</Text>\n </Alert>\n </div>\n </AutoAutoHeight>\n <AutoAutoHeight open={!!formState.errors}>\n <div className=\"u-flex flex-column\">\n {Object.keys(formState.errors).map((errorName, index) => {\n return (\n <Alert type={AlertType.Danger} icon={IconType.Error} key={index}>\n <Text type={TextType.Small}>{formState.errors[errorName].message}</Text>\n </Alert>\n );\n })}\n </div>\n </AutoAutoHeight>\n <form onSubmit={handleSubmit(onSubmit)} className=\"u-marg-bottom\">\n <AutoAutoHeight open={!isVerifyingEmail} startOpen={true}>\n <>\n <div className=\"u-marg-bottom\">\n <InputGroup dimensions=\"2/2\">\n <>\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} color={Color.Navy} bold>\n {t(Translation.Navigation.SignUp.Inputs.FirstName)}\n </Text>\n </div>\n <TextBox\n placeholder=\"Sam\"\n validationStatus={getValidationClass('forename')}\n {...register('forename', {\n required: makeRequiredRule(true, t(Translation.Navigation.SignUp.Inputs.FirstName)),\n })}\n />\n </>\n <>\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} color={Color.Navy} bold>\n {t(Translation.Navigation.SignUp.Inputs.LastName)}\n </Text>\n </div>\n <TextBox\n placeholder=\"Smith\"\n validationStatus={getValidationClass('surname')}\n {...register('surname', {\n required: makeRequiredRule(true, t(Translation.Navigation.SignUp.Inputs.LastName)),\n })}\n />\n </>\n </InputGroup>\n </div>\n <div className=\"u-marg-bottom\">\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} color={Color.Navy} bold>\n {t(Translation.Navigation.SignIn.EmailAddress)}\n </Text>\n </div>\n <TextBox\n placeholder=\"example@mail.com\"\n validationStatus={getValidationClass('email')}\n {...register('email', {\n required: makeRequiredRule(true, t(Translation.Navigation.SignIn.EmailAddress)),\n pattern: {\n value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$/i,\n message: t(Translation.FindReservation.InvalidEmailAddress),\n },\n })}\n />\n </div>\n <div className=\"u-marg-bottom\">\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} color={Color.Navy} bold>\n {t(Translation.Navigation.SignUp.Inputs.Password.Label)}\n </Text>\n </div>\n <div className=\"u-marg-bottom--light\">\n <PasswordBox\n placeholder={t(Translation.Navigation.SignUp.Inputs.Password.Label)}\n validationStatus={getValidationClass('password')}\n {...register('password', {\n required: makeRequiredRule(true, t(Translation.Navigation.SignUp.Inputs.Password.Label)),\n pattern: passwordPatternRule,\n })}\n />\n </div>\n <Text type={TextType.Label} color={Color.Navy} className=\"u-marg-bottom\">\n {t(Translation.Navigation.SignUp.Inputs.Password.Hint)}\n </Text>\n\n <Checkbox\n label={\n <Text type={TextType.Small}>\n {t(Translation.Navigation.SignUp.Inputs.Terms.BaseText)}{' '}\n <a href={hotel?.privacyPolicyUrl} target=\"_blank\" style={{ color: Color.Accent }} rel=\"noreferrer\">\n {t(Translation.Navigation.SignUp.Inputs.Terms.LinkText)}\n </a>\n </Text>\n }\n {...register('termsAndConditions', {\n required: { value: true, message: t(Translation.Navigation.SignUp.Inputs.Terms.Error) },\n })}\n />\n </div>\n <BEButton\n wide={true}\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 </>\n </AutoAutoHeight>\n <AutoAutoHeight open={isVerifyingEmail}>\n <div className=\"u-marg-bottom\">\n <Text color={Color.Success} className=\"u-marg-bottom--light\" bold={true}>\n Almost there!\n </Text>\n <Text type={TextType.Small}>We've sent a unique code to your email address, please confirm the code to finish signing up.</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 Code\n </Text>\n </div>\n <TextBox\n placeholder=\"12345\"\n validationStatus={getValidationClass('code')}\n {...register('code', {\n required: makeRequiredRule(isVerifyingEmail, 'Code'),\n })}\n />\n </div>\n\n <BEButton\n wide={true}\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 </AutoAutoHeight>\n </form>\n </div>\n );\n};\n"]}
1	+ {"version":3,"file":"SignUpForm.js","sourceRoot":"/","sources":["src/components/User/Forms/SignUpForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { useState, useContext, useEffect } from 'react';\nimport { Translation } from 'translations/Translation';\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport { AuthenticationContext, CognitoLoginState } from '@frontend/contexts';\nimport InputGroup from 'components/generic/InputGroup/InputGroup';\nimport Checkbox from 'components/generic/Checkbox/Checkbox';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport Headline from 'components/generic/Headline';\nimport { Color } from 'util/Color';\nimport Alert, { AlertType } from 'components/generic/Alert';\nimport Text, { TextType } from 'components/generic/Text';\nimport { IconType } from 'components/generic/Icon/Icon';\nimport TextBox from 'components/generic/TextBox';\nimport BEButton from 'components/generic/BEButton';\nimport { makeRequiredRule, passwordPatternRule } from '../../../util/Validation';\nimport { PasswordBox } from '../../generic/PasswordBox/PasswordBox';\n\ntype SignUpFormProps = {\n onForgotPassword?: () => void;\n onSignedIn?: () => void;\n};\n\nexport const SignUpForm = (props: SignUpFormProps) => {\n const { t } = useTranslation();\n const { hotel } = useCurrentHotel();\n\n const { loading, error, cognitoLoginState, register: cognitoRegister, reset: cognitoReset, confirmAccount } = useContext(AuthenticationContext);\n\n const [isLoading, setIsLoading] = useState(false);\n const [apiErrorMessages, setApiErrorMessages] = useState('');\n const [isVerifyingEmail, setIsVerifyingEmail] = useState(false);\n\n const { register, formState, handleSubmit } = useForm({\n mode: 'onSubmit',\n });\n\n const signUpStates: CognitoLoginState[] = [CognitoLoginState.UsernameExists];\n\n const errors = formState.errors;\n const accountExists = signUpStates.includes(cognitoLoginState);\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 } else {\n return null;\n }\n };\n\n const onSubmit = (values: any) => {\n setIsLoading(true);\n setApiErrorMessages('');\n\n if (!isVerifyingEmail) {\n cognitoRegister(values.email, values.password, {\n ['custom:forename']: values.forename,\n ['custom:surname']: values.surname,\n })\n .then((state: CognitoLoginState) => {\n if (state === CognitoLoginState.RequiresConfirmation) {\n setIsVerifyingEmail(true);\n }\n })\n .finally(() => {\n setIsLoading(false);\n });\n } else {\n confirmAccount(values.email, values.code, values.password).finally(() => {\n setIsLoading(false);\n });\n }\n };\n\n const onSignInClicked = (): void => {\n cognitoReset();\n props.onSignedIn();\n };\n\n const onErrorContent = () => {\n switch (cognitoLoginState) {\n case CognitoLoginState.UsernameExists: {\n return (\n <>\n <Text type={TextType.Small}>\n Email is in use already, try{' '}\n <BEButton isText={true} size={'small'} primary={true} onClick={onSignInClicked}>\n logging in\n </BEButton>\n ?\n </Text>\n </>\n );\n }\n }\n };\n\n return (\n <div>\n <div className=\"u-marg-bottom--heavy\">\n <Headline color={Color.Navy} bold={true} className=\"u-marg-bottom--light\">\n {t(Translation.Navigation.SignUp.Title)}\n </Headline>\n </div>\n <AutoAutoHeight open={!!accountExists}>\n <div className=\"u-flex\">\n <Alert type={AlertType.Danger} icon={IconType.Error}>\n {onErrorContent()}\n </Alert>\n </div>\n </AutoAutoHeight>\n <AutoAutoHeight open={!!error}>\n <div className=\"u-flex\">\n <Alert type={AlertType.Danger} icon={IconType.Error}>\n <Text type={TextType.Small}>{error?.message}</Text>\n </Alert>\n </div>\n </AutoAutoHeight>\n <AutoAutoHeight open={!!formState.errors}>\n <div className=\"u-flex flex-column\">\n {Object.keys(formState.errors).map((errorName, index) => {\n return (\n <Alert type={AlertType.Danger} icon={IconType.Error} key={index}>\n <Text type={TextType.Small}>{formState.errors[errorName].message}</Text>\n </Alert>\n );\n })}\n </div>\n </AutoAutoHeight>\n <form onSubmit={handleSubmit(onSubmit)} className=\"u-marg-bottom\">\n <AutoAutoHeight open={!isVerifyingEmail} startOpen={true}>\n <>\n <div className=\"u-marg-bottom\">\n <InputGroup dimensions=\"2/2\">\n <>\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} color={Color.Navy} bold>\n {t(Translation.Navigation.SignUp.Inputs.FirstName)}\n </Text>\n </div>\n <TextBox\n placeholder=\"Sam\"\n validationStatus={getValidationClass('forename')}\n {...register('forename', {\n required: makeRequiredRule(true, t(Translation.Navigation.SignUp.Inputs.FirstName)),\n })}\n />\n </>\n <>\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} color={Color.Navy} bold>\n {t(Translation.Navigation.SignUp.Inputs.LastName)}\n </Text>\n </div>\n <TextBox\n placeholder=\"Smith\"\n validationStatus={getValidationClass('surname')}\n {...register('surname', {\n required: makeRequiredRule(true, t(Translation.Navigation.SignUp.Inputs.LastName)),\n })}\n />\n </>\n </InputGroup>\n </div>\n <div className=\"u-marg-bottom\">\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} color={Color.Navy} bold>\n {t(Translation.Navigation.SignIn.EmailAddress)}\n </Text>\n </div>\n <TextBox\n placeholder=\"example@mail.com\"\n validationStatus={getValidationClass('email')}\n {...register('email', {\n required: makeRequiredRule(true, t(Translation.Navigation.SignIn.EmailAddress)),\n pattern: {\n value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$/i,\n message: t(Translation.FindReservation.InvalidEmailAddress),\n },\n })}\n />\n </div>\n <div className=\"u-marg-bottom\">\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} color={Color.Navy} bold>\n {t(Translation.Navigation.SignUp.Inputs.Password.Label)}\n </Text>\n </div>\n <div className=\"u-marg-bottom--light\">\n <PasswordBox\n placeholder={t(Translation.Navigation.SignUp.Inputs.Password.Label)}\n validationStatus={getValidationClass('password')}\n {...register('password', {\n required: makeRequiredRule(true, t(Translation.Navigation.SignUp.Inputs.Password.Label)),\n pattern: passwordPatternRule,\n })}\n />\n </div>\n <Text type={TextType.Label} color={Color.Navy} className=\"u-marg-bottom\">\n {t(Translation.Navigation.SignUp.Inputs.Password.Hint)}\n </Text>\n\n <Checkbox\n label={\n <Text type={TextType.Small}>\n {t(Translation.Navigation.SignUp.Inputs.Terms.BaseText)}{' '}\n <a href={hotel?.privacyPolicyUrl} target=\"_blank\" style={{ color: Color.Accent }} rel=\"noreferrer\">\n {t(Translation.Navigation.SignUp.Inputs.Terms.LinkText)}\n </a>\n </Text>\n }\n {...register('termsAndConditions', {\n required: { value: true, message: t(Translation.Navigation.SignUp.Inputs.Terms.Error) },\n })}\n />\n </div>\n <BEButton\n wide={true}\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 </>\n </AutoAutoHeight>\n <AutoAutoHeight open={isVerifyingEmail}>\n <div className=\"u-marg-bottom\">\n <Text color={Color.Success} className=\"u-marg-bottom--light\" bold={true}>\n Almost there!\n </Text>\n <Text type={TextType.Small}>We've sent a unique code to your email address, please confirm the code to finish signing up.</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 Code\n </Text>\n </div>\n <TextBox\n placeholder=\"12345\"\n validationStatus={getValidationClass('code')}\n {...register('code', {\n required: makeRequiredRule(isVerifyingEmail, 'Code'),\n })}\n />\n </div>\n\n <BEButton\n wide={true}\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 </AutoAutoHeight>\n </form>\n </div>\n );\n};\n"]}

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

@@ -1,9 +1,35 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AlertVariant = exports.AlertType = void 0;
-const React = require("react");
-const Icon_1 = require("components/generic/Icon/Icon");
-const classNames = require("classnames");
+const React = __importStar(require("react"));
+const Icon_1 = __importDefault(require("components/generic/Icon/Icon"));
+const classnames_1 = __importDefault(require("classnames"));
 var AlertType;
 (function (AlertType) {
     AlertType["Alert"] = "--alert";
@@ -20,7 +46,7 @@ var AlertVariant;
 })(AlertVariant = exports.AlertVariant || (exports.AlertVariant = {}));
 function Alert(props) {
     const type = props.type ? props.type : AlertType.Success;
-    const classes = classNames('c-alert', props.className, type, props.variant, {
+    const classes = (0, classnames_1.default)('c-alert', props.className, type, props.variant, {
         '--heavy-padding': props.heavyPadding,
         '--icon-center': props.iconAlignCenter,
         '--no-icon-margin': props.noIconMargin,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Alert.js","sourceRoot":"/","sources":["src/components/generic/Alert.tsx"],"names":[],"mappings":"~~;;;~~AAAA~~,+BAA~~+B;AAC/B,~~uDAA8D~~;AAE9D,~~yCAAyC~~;~~AAEzC~~,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;AAmBD,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,~~UAAU~~,~~CAAC~~,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,6BAAK,SAAS,EAAE,OAAO;QAClB,KAAK,CAAC,IAAI,IAAI,oBAAC,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 * as React from 'react';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport { PropsWithChildren, ReactNode } from 'react';\nimport * as classNames from 'classnames';\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 [x: string]: ReactNode;\n type?: AlertType;\n icon?: IconType;\n\n heavyPadding?: boolean;\n noMargin?: boolean;\n noIconMargin?: boolean;\n\n iconAlignCenter?: boolean;\n variant?: AlertVariant;\n iconSize?: string;\n noBorder?: boolean;\n className?: string;\n iconClassName?: string;\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"]}
1	+ {"version":3,"file":"Alert.js","sourceRoot":"/","sources":["src/components/generic/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,wEAA8D;AAE9D,4DAAoC;AAEpC,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;AAmBD,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,6BAAK,SAAS,EAAE,OAAO;QAClB,KAAK,CAAC,IAAI,IAAI,oBAAC,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 * as React from 'react';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport { PropsWithChildren, ReactNode } from 'react';\nimport classNames from 'classnames';\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 [x: string]: ReactNode;\n type?: AlertType;\n icon?: IconType;\n\n heavyPadding?: boolean;\n noMargin?: boolean;\n noIconMargin?: boolean;\n\n iconAlignCenter?: boolean;\n variant?: AlertVariant;\n iconSize?: string;\n noBorder?: boolean;\n className?: string;\n iconClassName?: string;\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.js CHANGED Viewed

@@ -1,12 +1,38 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const Icon_1 = require("components/generic/Icon/Icon");
-const React = require("react");
-const classNames = require("classnames");
+const Icon_1 = __importStar(require("components/generic/Icon/Icon"));
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
 const Color_1 = require("util/Color");
 function BEButton(props) {
     const defaultProps = Object.assign({ size: 'normal', disabled: false, iconPosition: 'left', htmlType: 'button' }, props);
-    const classes = classNames({
+    const classes = (0, classnames_1.default)({
         '--wide': defaultProps.wide,
         '--primary': defaultProps.primary,
         '--primary-active': defaultProps.primaryActive,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BEButton.js","sourceRoot":"/","sources":["src/components/generic/BEButton.tsx"],"names":[],"mappings":";;AAAA,~~uDAA8D~~;AAC9D~~,+BAA~~+B;AAG/B,~~yCAAyC~~;~~AAEzC~~,sCAAmC;AAiCnC,SAAwB,QAAQ,CAAC,KAAoB;IACjD,MAAM,YAAY,mBACd,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,KAAK,EACf,YAAY,EAAE,MAAM,EACpB,QAAQ,EAAE,QAAQ,IACf,KAAK,CACX,CAAC;IAEF,MAAM,OAAO,GAAG,~~UAAU~~,~~CACtB~~;QACI,QAAQ,EAAE,YAAY,CAAC,IAAI;QAC3B,WAAW,EAAE,YAAY,CAAC,OAAO;QACjC,kBAAkB,EAAE,YAAY,CAAC,aAAa;QAC9C,WAAW,EAAE,YAAY,CAAC,OAAO;QACjC,UAAU,EAAE,YAAY,CAAC,MAAM,IAAI,CAAC,YAAY,CAAC,eAAe;QAChE,WAAW,EAAE,YAAY,CAAC,MAAM;QAChC,UAAU,EAAE,YAAY,CAAC,MAAM;QAC/B,WAAW,EAAE,YAAY,CAAC,SAAS;QACnC,WAAW,EAAE,YAAY,CAAC,WAAW;QACrC,mBAAmB,EAAE,YAAY,CAAC,iBAAiB;QACnD,cAAc,EAAE,YAAY,CAAC,YAAY,KAAK,OAAO;QACrD,CAAC,KAAK,YAAY,CAAC,IAAI,EAAE,CAAC,EAAE,YAAY,CAAC,IAAI;QAC7C,QAAQ,EAAE,YAAY,CAAC,MAAM;QAC7B,WAAW,EAAE,YAAY,CAAC,OAAO;KACpC,EACD,KAAK,CAAC,SAAS,CAClB,CAAC;IAEF,IAAI,IAAI,GAAc,EAAE,CAAC;IACzB,IAAI,YAAY,CAAC,IAAI,EAAE;QACnB,IAAI,GAAG,oBAAC,cAAI,IAAC,IAAI,EAAE,YAAY,CAAC,IAAI,EAAE,IAAI,EAAC,KAAK,GAAG,CAAC;KACvD;IAED,MAAM,eAAe,GAAoC,EAAE,CAAC;IAC5D,MAAM,MAAM,GAAkB,EAAE,CAAC;IAEjC,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,SAAS,EAAE;QACnC,eAAe,CAAC,QAAQ,GAAG,IAAI,CAAC;KACnC;IAED,IAAI,KAAK,CAAC,SAAS,EAAE;QACjB,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC;KAClC;IAED,IAAI,KAAK,CAAC,OAAO,EAAE;QACf,eAAe,CAAC,OAAO,GAAG,CAAC,CAAkD,EAAE,EAAE;YAC7E,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;gBAClB,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;aACpB;QACL,CAAC,CAAC;KACL;IAED,IAAI,KAAK,CAAC,IAAI,EAAE;QACZ,eAAe,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;KACrC;IACD,IAAI,OAAO,GAAG,EAAE,CAAC;IACjB,IAAI,YAAY,CAAC,eAAe,EAAE;QAC9B,OAAO,GAAG,EAAE,eAAe,EAAE,YAAY,CAAC,eAAe,EAAE,WAAW,EAAE,YAAY,CAAC,eAAe,EAAE,CAAC;KAC1G;IACD,OAAO,CACH,8CAAQ,SAAS,EAAE,OAAO,IAAM,eAAe,IAAE,KAAK,kCAAO,MAAM,GAAK,OAAO,GAAI,IAAI,EAAE,YAAY,CAAC,QAAQ;QACzG,YAAY,CAAC,SAAS,IAAI,CACvB,8BAAM,SAAS,EAAC,QAAQ;YACpB,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,aAAK,CAAC,KAAK,CAAC,CAAC,CAAC,aAAK,CAAC,MAAM,GAAI,CAChF,CACV;QACD;YACK,YAAY,CAAC,YAAY,KAAK,MAAM,IAAI,IAAI;YAC5C,KAAK,CAAC,QAAQ;YACd,YAAY,CAAC,YAAY,KAAK,OAAO,IAAI,IAAI,CAC3C,CACF,CACZ,CAAC;AACN,CAAC;AA1ED,2BA0EC","sourcesContent":["import Icon, { IconType } from 'components/generic/Icon/Icon';\nimport * as React from 'react';\nimport { CSSProperties, PropsWithChildren, ReactNode } from 'react';\n\nimport * as classNames from 'classnames';\n\nimport { Color } from 'util/Color';\n\nexport interface BEButtonProps extends PropsWithChildren<any> {\n [x: string]: React.ReactNode;\n\n icon?: IconType;\n iconPosition?: 'left' \| 'right';\n rounded?: boolean;\n size?: 'large' \| 'normal' \| 'small' \| 'tiny';\n outline?: boolean;\n className?: string;\n\n name?: string;\n\n wide?: boolean;\n filled?: boolean;\n isText?: boolean;\n isLoading?: boolean;\n textColor?: Color;\n\n disabled?: boolean;\n primary?: boolean;\n primaryActive?: boolean;\n\n success?: boolean;\n danger?: boolean;\n mobileWidth?: boolean;\n stopIconAnimation?: boolean; // Rename this it's bad\n htmlType?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];\n\n onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\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"]}
1	+ {"version":3,"file":"BEButton.js","sourceRoot":"/","sources":["src/components/generic/BEButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import Icon, { IconType } from 'components/generic/Icon/Icon';\nimport * as React from 'react';\nimport { CSSProperties, PropsWithChildren, ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Color } from 'util/Color';\n\nexport interface BEButtonProps extends PropsWithChildren<any> {\n [x: string]: React.ReactNode;\n\n icon?: IconType;\n iconPosition?: 'left' \| 'right';\n rounded?: boolean;\n size?: 'large' \| 'normal' \| 'small' \| 'tiny';\n outline?: boolean;\n className?: string;\n\n name?: string;\n\n wide?: boolean;\n filled?: boolean;\n isText?: boolean;\n isLoading?: boolean;\n textColor?: Color;\n\n disabled?: boolean;\n primary?: boolean;\n primaryActive?: boolean;\n\n success?: boolean;\n danger?: boolean;\n mobileWidth?: boolean;\n stopIconAnimation?: boolean; // Rename this it's bad\n htmlType?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];\n\n onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\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"]}

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

@@ -1,8 +1,34 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
+const React = __importStar(require("react"));
 const Icon_1 = require("components/generic/Icon/Icon");
-const BEButton_1 = require("components/generic/BEButton");
+const BEButton_1 = __importDefault(require("components/generic/BEButton"));
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
 function BackButton(props) {

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

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

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

@@ -1,13 +1,39 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BookNowPayLaterInfoBlock = void 0;
-const React = require("react");
+const React = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
 const hooks_1 = require("@frontend/hooks");
 const Translation_1 = require("translations/Translation");
 const Color_1 = require("util/Color");
-const BookNowPayLaterIcon_1 = require("components/iconComponents/BookNowPayLaterIcon");
-const Text_1 = require("components/generic/Text");
+const BookNowPayLaterIcon_1 = __importDefault(require("components/iconComponents/BookNowPayLaterIcon"));
+const Text_1 = __importStar(require("components/generic/Text"));
 function BookNowPayLaterInfoBlock() {
     var _a, _b;
     const { t } = (0, react_i18next_1.useTranslation)();

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

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

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { BookingWizardContentProps } from './BookingWizardContent';
+import { BookingWizardContextType, BookingWizardLayout, BookingWizardTheme } from './BookingWizardContext';
+import { TBookingWizardProperties } from 'models/BookingWizard/BookingWizardTypes';
+import { BookingWizardProperty } from 'models/BookingWizard/BookingWizardProperty';
+export declare enum EBookingWizardTheme {
+    Default = "default",
+    Specific = "specific"
+}
+export interface BookingWizardProps extends BookingWizardContentProps {
+    layout?: BookingWizardLayout;
+    theme?: BookingWizardTheme;
+    properties: TBookingWizardProperties;
+    selectedProperty: BookingWizardProperty;
+    defaultColors: BookingWizardProperty['colors'];
+    onSubmit: BookingWizardContextType['onSubmit'];
+}
+declare const BookingWizard: React.FC<BookingWizardProps>;
+export default BookingWizard;

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

@@ -0,0 +1,106 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EBookingWizardTheme = void 0;
+const classnames_1 = __importDefault(require("classnames"));
+const WindowSize_1 = require("hooks/WindowSize");
+const react_1 = __importStar(require("react"));
+const BEButton_1 = __importDefault(require("../BEButton"));
+const Icon_1 = __importStar(require("../Icon/Icon"));
+const SimpleModal_1 = __importStar(require("../modal/SimpleModal"));
+const BookingWizard_module_scss_1 = __importDefault(require("./BookingWizard.module.scss"));
+const BookingWizardContent_1 = require("./BookingWizardContent");
+const BookingWizardContext_1 = require("./BookingWizardContext");
+var EBookingWizardTheme;
+(function (EBookingWizardTheme) {
+    EBookingWizardTheme["Default"] = "default";
+    EBookingWizardTheme["Specific"] = "specific";
+})(EBookingWizardTheme = exports.EBookingWizardTheme || (exports.EBookingWizardTheme = {}));
+const BookingWizard = (props) => {
+    const { layout = 'horizontal', theme = EBookingWizardTheme.Default, onSubmit, selectedProperty, properties, defaultColors } = props;
+    const [isOpen, setIsOpen] = react_1.default.useState(false);
+    const { isMobile } = (0, WindowSize_1.useWindowSize)();
+    const [compOverlayType, setCompOverlayType] = (0, react_1.useState)('popup');
+    const [overlayOffset, setOverlayOffset] = (0, react_1.useState)();
+    const [dateSelectorOverlayOffset, setDateSelectorOverlayOffset] = (0, react_1.useState)();
+    const [overlayPlacement, setOverlayPlacement] = (0, react_1.useState)();
+    (0, react_1.useEffect)(() => {
+        if (layout === 'horizontal' && !isMobile) {
+            setOverlayOffset([0, 21]);
+            setDateSelectorOverlayOffset([0, 6]);
+            setCompOverlayType('popup');
+        }
+        else {
+            setOverlayOffset([0, 10]);
+            setDateSelectorOverlayOffset([0, -8]);
+            setCompOverlayType('bottom-sheet');
+        }
+    }, [layout, isMobile]);
+    (0, react_1.useEffect)(() => {
+        if (!isMobile) {
+            setOverlayPlacement('bottom-start');
+        }
+        else {
+            setOverlayPlacement('bottom');
+        }
+    }, [isMobile]);
+    const classes = (0, classnames_1.default)(BookingWizard_module_scss_1.default.container, {
+        [BookingWizard_module_scss_1.default['--theme-specific']]: theme === EBookingWizardTheme.Specific,
+        [BookingWizard_module_scss_1.default['--theme-default']]: theme === EBookingWizardTheme.Default,
+    });
+    const bookingWizardContext = {
+        layout,
+        theme,
+        type: compOverlayType,
+        className: classes,
+        onSubmit,
+        overlay: {
+            offset: overlayOffset,
+            placement: overlayPlacement,
+            fallbackPlacements: overlayPlacement,
+            dateOffset: dateSelectorOverlayOffset,
+        },
+    };
+    if (layout === 'button') {
+        return (react_1.default.createElement("div", { className: classes },
+            react_1.default.createElement(BEButton_1.default, { className: BookingWizard_module_scss_1.default.bookNowBtn, onClick: () => setIsOpen(true) }, "Book Now"),
+            react_1.default.createElement(SimpleModal_1.default, { className: BookingWizard_module_scss_1.default.container, size: SimpleModal_1.SimpleModalSize.ExtraSmall, open: isOpen, onClose: () => setIsOpen(false), alignCenter: true, overflowVisible: true },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement("div", { className: BookingWizard_module_scss_1.default.title },
+                        react_1.default.createElement("span", null, "Book a hotel"),
+                        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 })))))));
+    }
+    return (react_1.default.createElement("div", { className: classes },
+        react_1.default.createElement(BookingWizardContext_1.BookingWizardContext.Provider, { value: bookingWizardContext },
+            react_1.default.createElement(BookingWizardContent_1.BookingWizardContent, Object.assign({}, props)))));
+};
+exports.default = BookingWizard;
+//# sourceMappingURL=BookingWizard.js.map

package/dist/src/components/generic/BookingWizard/BookingWizard.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BookingWizard.js","sourceRoot":"/","sources":["src/components/generic/BookingWizard/BookingWizard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,4DAAoC;AACpC,iDAAiD;AACjD,+CAAmD;AAEnD,2DAAmC;AACnC,qDAA8C;AAC9C,oEAAoE;AACpE,4FAAiD;AACjD,iEAAyF;AACzF,iEAAmL;AAInL,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC3B,0CAAmB,CAAA;IACnB,4CAAqB,CAAA;AACzB,CAAC,EAHW,mBAAmB,GAAnB,2BAAmB,KAAnB,2BAAmB,QAG9B;AAYD,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;IAC1D,MAAM,EAAE,MAAM,GAAG,YAAY,EAAE,KAAK,GAAG,mBAAmB,CAAC,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IACpI,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,0BAAa,GAAE,CAAC;IAErC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAA2B,OAAO,CAAC,CAAC;IAC1F,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,GAAoB,CAAC;IACvE,MAAM,CAAC,yBAAyB,EAAE,4BAA4B,CAAC,GAAG,IAAA,gBAAQ,GAAoB,CAAC;IAC/F,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,GAAa,CAAC;IAEtE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,MAAM,KAAK,YAAY,IAAI,CAAC,QAAQ,EAAE;YACtC,gBAAgB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;YAC1B,4BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YACrC,kBAAkB,CAAC,OAAO,CAAC,CAAC;SAC/B;aAAM;YACH,gBAAgB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;YAC1B,4BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YACtC,kBAAkB,CAAC,cAAc,CAAC,CAAC;SACtC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,CAAC,QAAQ,EAAE;YACX,mBAAmB,CAAC,cAAc,CAAC,CAAC;SACvC;aAAM;YACH,mBAAmB,CAAC,QAAQ,CAAC,CAAC;SACjC;IACL,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,mCAAM,CAAC,SAAS,EAAE;QACzC,CAAC,mCAAM,CAAC,kBAAkB,CAAC,CAAC,EAAE,KAAK,KAAK,mBAAmB,CAAC,QAAQ;QACpE,CAAC,mCAAM,CAAC,iBAAiB,CAAC,CAAC,EAAE,KAAK,KAAK,mBAAmB,CAAC,OAAO;KACrE,CAAC,CAAC;IAEH,MAAM,oBAAoB,GAA6B;QACnD,MAAM;QACN,KAAK;QACL,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,OAAO;QAElB,QAAQ;QAER,OAAO,EAAE;YACL,MAAM,EAAE,aAAa;YACrB,SAAS,EAAE,gBAAgB;YAC3B,kBAAkB,EAAE,gBAAgB;YACpC,UAAU,EAAE,yBAAyB;SACxC;KACJ,CAAC;IAEF,IAAI,MAAM,KAAK,QAAQ,EAAE;QACrB,OAAO,CACH,uCAAK,SAAS,EAAE,OAAO;YACnB,8BAAC,kBAAQ,IAAC,SAAS,EAAE,mCAAM,CAAC,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,eAE3D;YAEX,8BAAC,qBAAW,IAAC,SAAS,EAAE,mCAAM,CAAC,SAAS,EAAE,IAAI,EAAE,6BAAe,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,WAAW,QAAC,eAAe;gBAClJ;oBACI,uCAAK,SAAS,EAAE,mCAAM,CAAC,KAAK;wBACxB,2DAAyB;wBACzB,8BAAC,cAAI,IAAC,SAAS,EAAE,mCAAM,CAAC,QAAQ,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,GAAI,CACrG;oBACN,8BAAC,2CAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,oBAAoB;wBACtD,uCAAK,SAAS,EAAE,OAAO;4BACnB,8BAAC,2CAAoB,IAAC,UAAU,EAAE,UAAU,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,aAAa,EAAE,aAAa,GAAI,CAChH,CACsB,CAC9B,CACI,CACZ,CACT,CAAC;KACL;IAED,OAAO,CACH,uCAAK,SAAS,EAAE,OAAO;QACnB,8BAAC,2CAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,oBAAoB;YACtD,8BAAC,2CAAoB,oBAAK,KAAK,EAAI,CACP,CAC9B,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC","sourcesContent":["import { Placement } from '@popperjs/core';\nimport classNames from 'classnames';\nimport { useWindowSize } from 'hooks/WindowSize';\nimport React, { useEffect, useState } from 'react';\n\nimport BEButton from '../BEButton';\nimport Icon, { IconType } from '../Icon/Icon';\nimport SimpleModal, { SimpleModalSize } from '../modal/SimpleModal';\nimport styles from './BookingWizard.module.scss';\nimport { BookingWizardContent, BookingWizardContentProps } from './BookingWizardContent';\nimport { BookingWizardContext, BookingWizardContextType, BookingWizardLayout, BookingWizardOnBooking, BookingWizardOverlayType, BookingWizardTheme } from './BookingWizardContext';\nimport { TBookingWizardProperties } from 'models/BookingWizard/BookingWizardTypes';\nimport { BookingWizardProperty } from 'models/BookingWizard/BookingWizardProperty';\n\nexport enum EBookingWizardTheme {\n Default = 'default',\n Specific = 'specific',\n}\n\nexport interface BookingWizardProps extends BookingWizardContentProps {\n layout?: BookingWizardLayout;\n theme?: BookingWizardTheme;\n\n properties: TBookingWizardProperties;\n selectedProperty: BookingWizardProperty;\n defaultColors: BookingWizardProperty['colors'];\n onSubmit: BookingWizardContextType['onSubmit'];\n}\n\nconst BookingWizard: React.FC<BookingWizardProps> = (props) => {\n const { layout = 'horizontal', theme = EBookingWizardTheme.Default, onSubmit, selectedProperty, properties, defaultColors } = props;\n const [isOpen, setIsOpen] = React.useState(false);\n\n const { isMobile } = useWindowSize();\n\n const [compOverlayType, setCompOverlayType] = useState<BookingWizardOverlayType>('popup');\n const [overlayOffset, setOverlayOffset] = useState<[number, number]>();\n const [dateSelectorOverlayOffset, setDateSelectorOverlayOffset] = useState<[number, number]>();\n const [overlayPlacement, setOverlayPlacement] = useState<Placement>();\n\n useEffect(() => {\n if (layout === 'horizontal' && !isMobile) {\n setOverlayOffset([0, 21]);\n setDateSelectorOverlayOffset([0, 6]);\n setCompOverlayType('popup');\n } else {\n setOverlayOffset([0, 10]);\n setDateSelectorOverlayOffset([0, -8]);\n setCompOverlayType('bottom-sheet');\n }\n }, [layout, isMobile]);\n\n useEffect(() => {\n if (!isMobile) {\n setOverlayPlacement('bottom-start');\n } else {\n setOverlayPlacement('bottom');\n }\n }, [isMobile]);\n\n const classes = classNames(styles.container, {\n [styles['--theme-specific']]: theme === EBookingWizardTheme.Specific,\n [styles['--theme-default']]: theme === EBookingWizardTheme.Default,\n });\n\n const bookingWizardContext: BookingWizardContextType = {\n layout,\n theme,\n type: compOverlayType,\n className: classes,\n\n onSubmit,\n\n overlay: {\n offset: overlayOffset,\n placement: overlayPlacement,\n fallbackPlacements: overlayPlacement,\n dateOffset: dateSelectorOverlayOffset,\n },\n };\n\n if (layout === 'button') {\n return (\n <div className={classes}>\n <BEButton className={styles.bookNowBtn} onClick={() => setIsOpen(true)}>\n Book Now\n </BEButton>\n\n <SimpleModal className={styles.container} size={SimpleModalSize.ExtraSmall} open={isOpen} onClose={() => setIsOpen(false)} alignCenter overflowVisible>\n <div>\n <div className={styles.title}>\n <span>Book a hotel</span>\n <Icon className={styles.closeBtn} icon={IconType.Close} size=\"24px\" onClick={() => setIsOpen(false)} />\n </div>\n <BookingWizardContext.Provider value={bookingWizardContext}>\n <div className={classes}>\n <BookingWizardContent properties={properties} selectedProperty={selectedProperty} defaultColors={defaultColors} />\n </div>\n </BookingWizardContext.Provider>\n </div>\n </SimpleModal>\n </div>\n );\n }\n\n return (\n <div className={classes}>\n <BookingWizardContext.Provider value={bookingWizardContext}>\n <BookingWizardContent {...props} />\n </BookingWizardContext.Provider>\n </div>\n );\n};\n\nexport default BookingWizard;\n"]}

package/dist/src/components/generic/BookingWizard/BookingWizardBottomSheet/BookingWizardBottomSheet.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import React from 'react';
+import { BottomSheetProps } from 'react-spring-bottom-sheet';
+interface BookingWizardBottomSheetProps extends BottomSheetProps {
+}
+declare const BookingWizardBottomSheet: React.FC<BookingWizardBottomSheetProps>;
+export default BookingWizardBottomSheet;

package/dist/src/components/generic/BookingWizard/BookingWizardBottomSheet/BookingWizardBottomSheet.js ADDED Viewed

@@ -0,0 +1,28 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importDefault(require("react"));
+const react_spring_bottom_sheet_1 = require("react-spring-bottom-sheet");
+const BookingWizardContext_1 = require("../BookingWizardContext");
+const BookingWizardBottomSheet = (props) => {
+    const { children, className } = props, bottomSheetProps = __rest(props, ["children", "className"]);
+    const { style, className: bwClassname } = react_1.default.useContext(BookingWizardContext_1.BookingWizardContext);
+    const classes = (0, classnames_1.default)('roomstay-booking-container', bwClassname, className);
+    return (react_1.default.createElement(react_spring_bottom_sheet_1.BottomSheet, Object.assign({ className: classes, style: style }, bottomSheetProps), children));
+};
+exports.default = BookingWizardBottomSheet;
+//# sourceMappingURL=BookingWizardBottomSheet.js.map