@roomstay/frontend 2.1.6 → 2.1.8

package/dist/src/components/summary/TransportDistanceFromHotelBlock.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
+const react_1 = __importStar(require("react"));
 const Color_1 = require("../../util/Color");
 const Text_1 = __importStar(require("../generic/Text"));
 const Icon_1 = __importStar(require("../generic/Icon/Icon"));
@@ -34,7 +34,7 @@ const Distance_1 = __importDefault(require("../generic/Distance"));
 const TextAlignment_1 = require("../../util/TextAlignment");
 const contexts_1 = require("../../contexts/index.js");
 function TransportDistanceFromHotelBlock(props) {
-    const { transportDistances } = React.useContext(contexts_1.HotelOverridesContext);
+    const { transportDistances } = (0, react_1.useContext)(contexts_1.HotelOverridesContext);
     const distanceValues = [
         {
             icon: Icon_1.IconType.Airplane,
@@ -58,16 +58,16 @@ function TransportDistanceFromHotelBlock(props) {
         },
     ].filter((distanceValue) => !!distanceValue.distance);
     const tightMarginClass = props.tightMargins ? 'u-marg-left-right' : 'u-marg-left-right--heavy';
-    return (React.createElement(React.Fragment, null, distanceValues.map((d, index) => {
-        return (React.createElement("div", { className: props.vertical ? 'u-flex flex-column u-marg-top-bottom' : `${tightMarginClass} u-marg-left-right@l-`, key: index },
-            React.createElement(Text_1.default, { align: props.vertical ? TextAlignment_1.TextAlign.Center : null, type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey },
-                React.createElement("strong", null, d.name)),
-            React.createElement("div", { className: 'u-flex u-marg-top--light ' + (props.vertical ? 'justify-content-start flex-column align-items-center' : 'align-items-end') },
-                React.createElement(Icon_1.default, { icon: d.icon, size: "1.3em" }),
-                React.createElement("span", { className: props.vertical ? 'u-marg-top--light' : 'u-marg-left--light' },
-                    React.createElement(Text_1.default, { type: Text_1.TextType.Small },
-                        React.createElement("span", { className: "u-nowrap" },
-                            React.createElement(Distance_1.default, { distance: d.distance })))))));
+    return (react_1.default.createElement(react_1.default.Fragment, null, distanceValues.map((d, index) => {
+        return (react_1.default.createElement("div", { className: props.vertical ? 'u-flex flex-column u-marg-top-bottom' : `${tightMarginClass} u-marg-left-right@l-`, key: index },
+            react_1.default.createElement(Text_1.default, { align: props.vertical ? TextAlignment_1.TextAlign.Center : undefined, type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey },
+                react_1.default.createElement("strong", null, d.name)),
+            react_1.default.createElement("div", { className: 'u-flex u-marg-top--light ' + (props.vertical ? 'justify-content-start flex-column align-items-center' : 'align-items-end') },
+                react_1.default.createElement(Icon_1.default, { icon: d.icon, size: "1.3em" }),
+                react_1.default.createElement("span", { className: props.vertical ? 'u-marg-top--light' : 'u-marg-left--light' },
+                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
+                        react_1.default.createElement("span", { className: "u-nowrap" },
+                            react_1.default.createElement(Distance_1.default, { distance: d.distance })))))));
     })));
 }
 exports.default = TransportDistanceFromHotelBlock;

package/dist/src/components/summary/TransportDistanceFromHotelBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransportDistanceFromHotelBlock.js","sourceRoot":"/","sources":["src/components/summary/TransportDistanceFromHotelBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,wCAAqC;AACrC,kEAA2D;AAC3D,uEAAgE;AAChE,6EAAqD;AACrD,wDAAiD;AAEjD,iDAA2D;AAW3D,SAAwB,+BAA+B,CAAC,KAA2C;IAC/F,MAAM,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,gCAAqB,CAAC,CAAC;IAEvE,MAAM,cAAc,GAAG;QACnB;YACI,IAAI,EAAE,eAAQ,CAAC,QAAQ;YACvB,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,KAAK;SACtC;QACD;YACI,IAAI,EAAE,eAAQ,CAAC,KAAK;YACpB,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,KAAK;SACtC;QACD;YACI,IAAI,EAAE,eAAQ,CAAC,GAAG;YAClB,IAAI,EAAE,KAAK;YACX,QAAQ,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,GAAG;SACpC;QACD;YACI,IAAI,EAAE,eAAQ,CAAC,IAAI;YACnB,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,IAAI;SACrC;KACJ,CAAC,MAAM,CAAC,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAEtD,MAAM,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,0BAA0B,CAAC;IAE/F,OAAO,CACH,0CACK,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;QAC7B,OAAO,CACH,6BAAK,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,GAAG,gBAAgB,uBAAuB,EAAE,GAAG,EAAE,KAAK;YAC5H,oBAAC,cAAI,IAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,yBAAS,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ;gBAC9F,oCAAS,CAAC,CAAC,IAAI,CAAU,CACtB;YACP,6BAAK,SAAS,EAAE,2BAA2B,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,sDAAsD,CAAC,CAAC,CAAC,iBAAiB,CAAC;gBACvI,oBAAC,cAAI,IAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,EAAC,OAAO,GAAG;gBACnC,8BAAM,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,oBAAoB;oBACxE,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;wBACtB,8BAAM,SAAS,EAAC,UAAU;4BACtB,oBAAC,kBAAQ,IAAC,QAAQ,EAAE,CAAC,CAAC,QAAQ,GAAI,CAC/B,CACJ,CACJ,CACL,CACJ,CACT,CAAC;IACN,CAAC,CAAC,CACH,CACN,CAAC;AACN,CAAC;AAnDD,kDAmDC","sourcesContent":["import * as React from 'react';\nimport { Color } from '@/util/Color';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Distance from '@/components/generic/Distance';\nimport { TextAlign } from '@/util/TextAlignment';\nimport type { Hotel } from '@/models/Client/Hotel/Hotel';\nimport { HotelOverridesContext } from '@frontend/contexts';\n\ninterface TransportDistanceFromHotelBlockProps {\n    vertical?: boolean;\n\n    tightMargins?: boolean;\n    distanceOverrides?: any;\n\n    hotel?: Hotel;\n}\n\nexport default function TransportDistanceFromHotelBlock(props: TransportDistanceFromHotelBlockProps) {\n    const { transportDistances } = React.useContext(HotelOverridesContext);\n\n    const distanceValues = [\n        {\n            icon: IconType.Airplane,\n            name: 'Airport',\n            distance: transportDistances?.plane,\n        },\n        {\n            icon: IconType.Train,\n            name: 'Train',\n            distance: transportDistances?.train,\n        },\n        {\n            icon: IconType.Bus,\n            name: 'Bus',\n            distance: transportDistances?.bus,\n        },\n        {\n            icon: IconType.Taxi,\n            name: 'Taxi',\n            distance: transportDistances?.taxi,\n        },\n    ].filter((distanceValue) => !!distanceValue.distance);\n\n    const tightMarginClass = props.tightMargins ? 'u-marg-left-right' : 'u-marg-left-right--heavy';\n\n    return (\n        <>\n            {distanceValues.map((d, index) => {\n                return (\n                    <div className={props.vertical ? 'u-flex flex-column u-marg-top-bottom' : `${tightMarginClass} u-marg-left-right@l-`} key={index}>\n                        <Text align={props.vertical ? TextAlign.Center : null} type={TextType.Small} color={Color.DarkGrey}>\n                            <strong>{d.name}</strong>\n                        </Text>\n                        <div className={'u-flex u-marg-top--light ' + (props.vertical ? 'justify-content-start flex-column align-items-center' : 'align-items-end')}>\n                            <Icon icon={d.icon} size=\"1.3em\" />\n                            <span className={props.vertical ? 'u-marg-top--light' : 'u-marg-left--light'}>\n                                <Text type={TextType.Small}>\n                                    <span className=\"u-nowrap\">\n                                        <Distance distance={d.distance} />\n                                    </span>\n                                </Text>\n                            </span>\n                        </div>\n                    </div>\n                );\n            })}\n        </>\n    );\n}\n"]}
+{"version":3,"file":"TransportDistanceFromHotelBlock.js","sourceRoot":"/","sources":["src/components/summary/TransportDistanceFromHotelBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,wCAAqC;AACrC,kEAA2D;AAC3D,uEAAgE;AAChE,6EAAqD;AACrD,wDAAiD;AAEjD,iDAA2D;AAW3D,SAAwB,+BAA+B,CAAC,KAA2C;IAC/F,MAAM,EAAE,kBAAkB,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAEjE,MAAM,cAAc,GAAG;QACnB;YACI,IAAI,EAAE,eAAQ,CAAC,QAAQ;YACvB,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,KAAK;SACtC;QACD;YACI,IAAI,EAAE,eAAQ,CAAC,KAAK;YACpB,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,KAAK;SACtC;QACD;YACI,IAAI,EAAE,eAAQ,CAAC,GAAG;YAClB,IAAI,EAAE,KAAK;YACX,QAAQ,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,GAAG;SACpC;QACD;YACI,IAAI,EAAE,eAAQ,CAAC,IAAI;YACnB,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,IAAI;SACrC;KACJ,CAAC,MAAM,CAAC,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAEtD,MAAM,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,0BAA0B,CAAC;IAE/F,OAAO,CACH,8DACK,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;QAC7B,OAAO,CACH,uCAAK,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,GAAG,gBAAgB,uBAAuB,EAAE,GAAG,EAAE,KAAK;YAC5H,8BAAC,cAAI,IAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,yBAAS,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ;gBACnG,8CAAS,CAAC,CAAC,IAAI,CAAU,CACtB;YACP,uCAAK,SAAS,EAAE,2BAA2B,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,sDAAsD,CAAC,CAAC,CAAC,iBAAiB,CAAC;gBACvI,8BAAC,cAAI,IAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,EAAC,OAAO,GAAG;gBACnC,wCAAM,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,oBAAoB;oBACxE,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;wBACtB,wCAAM,SAAS,EAAC,UAAU;4BACtB,8BAAC,kBAAQ,IAAC,QAAQ,EAAE,CAAC,CAAC,QAA2B,GAAI,CAClD,CACJ,CACJ,CACL,CACJ,CACT,CAAC;IACN,CAAC,CAAC,CACH,CACN,CAAC;AACN,CAAC;AAnDD,kDAmDC","sourcesContent":["import React, { useContext } from 'react';\nimport { Color } from '@/util/Color';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Distance from '@/components/generic/Distance';\nimport { TextAlign } from '@/util/TextAlignment';\nimport type { Hotel } from '@/models/Client/Hotel/Hotel';\nimport { HotelOverridesContext } from '@frontend/contexts';\n\ninterface TransportDistanceFromHotelBlockProps {\n    vertical?: boolean;\n\n    tightMargins?: boolean;\n    distanceOverrides?: any;\n\n    hotel?: Hotel;\n}\n\nexport default function TransportDistanceFromHotelBlock(props: TransportDistanceFromHotelBlockProps) {\n    const { transportDistances } = useContext(HotelOverridesContext);\n\n    const distanceValues = [\n        {\n            icon: IconType.Airplane,\n            name: 'Airport',\n            distance: transportDistances?.plane,\n        },\n        {\n            icon: IconType.Train,\n            name: 'Train',\n            distance: transportDistances?.train,\n        },\n        {\n            icon: IconType.Bus,\n            name: 'Bus',\n            distance: transportDistances?.bus,\n        },\n        {\n            icon: IconType.Taxi,\n            name: 'Taxi',\n            distance: transportDistances?.taxi,\n        },\n    ].filter((distanceValue) => !!distanceValue.distance);\n\n    const tightMarginClass = props.tightMargins ? 'u-marg-left-right' : 'u-marg-left-right--heavy';\n\n    return (\n        <>\n            {distanceValues.map((d, index) => {\n                return (\n                    <div className={props.vertical ? 'u-flex flex-column u-marg-top-bottom' : `${tightMarginClass} u-marg-left-right@l-`} key={index}>\n                        <Text align={props.vertical ? TextAlign.Center : undefined} type={TextType.Small} color={Color.DarkGrey}>\n                            <strong>{d.name}</strong>\n                        </Text>\n                        <div className={'u-flex u-marg-top--light ' + (props.vertical ? 'justify-content-start flex-column align-items-center' : 'align-items-end')}>\n                            <Icon icon={d.icon} size=\"1.3em\" />\n                            <span className={props.vertical ? 'u-marg-top--light' : 'u-marg-left--light'}>\n                                <Text type={TextType.Small}>\n                                    <span className=\"u-nowrap\">\n                                        <Distance distance={d.distance as string | number} />\n                                    </span>\n                                </Text>\n                            </span>\n                        </div>\n                    </div>\n                );\n            })}\n        </>\n    );\n}\n"]}

package/dist/src/components/temp/Login.js

@@ -26,54 +26,54 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const contexts_1 = require("../../contexts/index.js");
 const EditMyProfile_1 = __importDefault(require("../members/EditMyProfile"));
 const SimpleModal_1 = __importStar(require("../generic/modal/SimpleModal"));
 const Login = () => {
     // TODO: Anything except this file, this is just an example login screen
-    const { cognitoLoginState, loading, error, login, register, confirmAccount, forgotPassword, resetPassword, logout } = (0, react_1.useContext)(contexts_1.AuthenticationContext);
-    const [email, emailSet] = (0, react_1.useState)('');
-    const [password, passwordSet] = (0, react_1.useState)('');
-    const [confirmationCode, confirmationCodeSet] = (0, react_1.useState)('');
+    const { cognitoLoginState, loading, error, login, register, confirmAccount, forgotPassword, resetPassword, logout } = (0, react_2.useContext)(contexts_1.AuthenticationContext);
+    const [email, emailSet] = (0, react_2.useState)('');
+    const [password, passwordSet] = (0, react_2.useState)('');
+    const [confirmationCode, confirmationCodeSet] = (0, react_2.useState)('');
     const modalContents = (() => {
         switch (cognitoLoginState) {
             case contexts_1.CognitoLoginState.RequiresConfirmation:
-                return (React.createElement(React.Fragment, null,
-                    React.createElement("input", { placeholder: "abc123", disabled: loading, onChange: (e) => confirmationCodeSet(e.currentTarget.value) }),
-                    React.createElement("button", { disabled: loading || !confirmationCode.length, onClick: () => confirmAccount(email, confirmationCode, password) }, "verify account")));
+                return (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement("input", { placeholder: "abc123", disabled: loading, onChange: (e) => confirmationCodeSet(e.currentTarget.value) }),
+                    react_1.default.createElement("button", { disabled: loading || !confirmationCode.length, onClick: () => confirmAccount(email, confirmationCode, password) }, "verify account")));
             // We probably won't use these
             case contexts_1.CognitoLoginState.VerifyMFA:
             case contexts_1.CognitoLoginState.SetupMFA:
             case contexts_1.CognitoLoginState.RequiresNewPassword:
             case contexts_1.CognitoLoginState.RequiresPasswordReset:
-                return React.createElement(React.Fragment, null);
+                return react_1.default.createElement(react_1.default.Fragment, null);
             case contexts_1.CognitoLoginState.ForgotPassword:
-                return (React.createElement(React.Fragment, null,
-                    React.createElement("input", { placeholder: "abc123", disabled: loading, onChange: (e) => confirmationCodeSet(e.currentTarget.value) }),
-                    React.createElement("input", { disabled: loading, placeholder: "password", type: "password", value: password, onChange: (e) => passwordSet(e.currentTarget.value) }),
-                    React.createElement("button", { disabled: loading || !confirmationCode.length || !password.length, onClick: () => resetPassword(email, confirmationCode, password) }, "submit")));
+                return (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement("input", { placeholder: "abc123", disabled: loading, onChange: (e) => confirmationCodeSet(e.currentTarget.value) }),
+                    react_1.default.createElement("input", { disabled: loading, placeholder: "password", type: "password", value: password, onChange: (e) => passwordSet(e.currentTarget.value) }),
+                    react_1.default.createElement("button", { disabled: loading || !confirmationCode.length || !password.length, onClick: () => resetPassword(email, confirmationCode, password) }, "submit")));
             case contexts_1.CognitoLoginState.Success:
-                return (React.createElement(React.Fragment, null,
-                    React.createElement("button", { disabled: loading, placeholder: "password", value: password, onClick: () => logout() }, "sign out"),
-                    React.createElement("hr", null),
-                    React.createElement(EditMyProfile_1.default, null)));
+                return (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement("button", { disabled: loading, placeholder: "password", value: password, onClick: () => logout() }, "sign out"),
+                    react_1.default.createElement("hr", null),
+                    react_1.default.createElement(EditMyProfile_1.default, null)));
             default:
-                return (React.createElement(React.Fragment, null,
-                    React.createElement("div", null,
-                        React.createElement("input", { disabled: loading, placeholder: "username", type: "text", value: email, onChange: (e) => emailSet(e.currentTarget.value) }),
-                        React.createElement("input", { disabled: loading, placeholder: "password", type: "password", value: password, onChange: (e) => passwordSet(e.currentTarget.value) })),
-                    React.createElement("div", null,
-                        React.createElement("button", { disabled: loading || !email.length || !password.length, onClick: () => login(email, password) }, "login"),
-                        React.createElement("button", { disabled: loading || !email.length || !password.length, onClick: () => register(email, password) }, "register"),
-                        React.createElement("button", { disabled: loading || !email.length, onClick: () => forgotPassword(email) }, "forgot password"))));
+                return (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement("input", { disabled: loading, placeholder: "username", type: "text", value: email, onChange: (e) => emailSet(e.currentTarget.value) }),
+                        react_1.default.createElement("input", { disabled: loading, placeholder: "password", type: "password", value: password, onChange: (e) => passwordSet(e.currentTarget.value) })),
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement("button", { disabled: loading || !email.length || !password.length, onClick: () => login(email, password) }, "login"),
+                        react_1.default.createElement("button", { disabled: loading || !email.length || !password.length, onClick: () => register(email, password) }, "register"),
+                        react_1.default.createElement("button", { disabled: loading || !email.length, onClick: () => forgotPassword(email) }, "forgot password"))));
         }
     })();
-    return (React.createElement(SimpleModal_1.default, { title: cognitoLoginState, open: true, alignCenter: true, size: SimpleModal_1.SimpleModalSize.Small },
-        React.createElement("div", { className: "u-marg-heavy u-marg@m-" },
+    return (react_1.default.createElement(SimpleModal_1.default, { title: cognitoLoginState, open: true, alignCenter: true, size: SimpleModal_1.SimpleModalSize.Small },
+        react_1.default.createElement("div", { className: "u-marg-heavy u-marg@m-" },
             modalContents,
-            React.createElement("div", { className: "error" }, error === null || error === void 0 ? void 0 : error.message))));
+            react_1.default.createElement("div", { className: "error" }, error === null || error === void 0 ? void 0 : error.message))));
 };
 exports.default = Login;
 //# sourceMappingURL=Login.js.map

package/dist/src/components/temp/Login.js.map

@@ -1 +1 @@
-{"version":3,"file":"Login.js","sourceRoot":"/","sources":["src/components/temp/Login.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useContext, useState } from 'react';\nimport { AuthenticationContext, CognitoLoginState } from '@frontend/contexts';\nimport EditMyProfile from '../members/EditMyProfile';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\n\nconst Login = () => {\n    // TODO: Anything except this file, this is just an example login screen\n    const { cognitoLoginState, loading, error, login, register, confirmAccount, forgotPassword, resetPassword, logout } = useContext(AuthenticationContext);\n\n    const [email, emailSet] = useState<string>('');\n    const [password, passwordSet] = useState<string>('');\n\n    const [confirmationCode, confirmationCodeSet] = useState<string>('');\n\n    const modalContents = (() => {\n        switch (cognitoLoginState) {\n            case CognitoLoginState.RequiresConfirmation:\n                return (\n                    <>\n                        <input placeholder=\"abc123\" disabled={loading} onChange={(e) => confirmationCodeSet(e.currentTarget.value)} />\n                        <button disabled={loading || !confirmationCode.length} onClick={() => confirmAccount(email, confirmationCode, password)}>\n                            verify account\n                        </button>\n                    </>\n                );\n            // We probably won't use these\n            case CognitoLoginState.VerifyMFA:\n            case CognitoLoginState.SetupMFA:\n            case CognitoLoginState.RequiresNewPassword:\n            case CognitoLoginState.RequiresPasswordReset:\n                return <></>;\n            case CognitoLoginState.ForgotPassword:\n                return (\n                    <>\n                        <input placeholder=\"abc123\" disabled={loading} onChange={(e) => confirmationCodeSet(e.currentTarget.value)} />\n                        <input disabled={loading} placeholder=\"password\" type=\"password\" value={password} onChange={(e) => passwordSet(e.currentTarget.value)} />\n                        <button disabled={loading || !confirmationCode.length || !password.length} onClick={() => resetPassword(email, confirmationCode, password)}>\n                            submit\n                        </button>\n                    </>\n                );\n            case CognitoLoginState.Success:\n                return (\n                    <>\n                        <button disabled={loading} placeholder=\"password\" value={password} onClick={() => logout()}>\n                            sign out\n                        </button>\n                        <hr />\n                        <EditMyProfile />\n                    </>\n                );\n            default:\n                return (\n                    <>\n                        <div>\n                            <input disabled={loading} placeholder=\"username\" type=\"text\" value={email} onChange={(e) => emailSet(e.currentTarget.value)} />\n                            <input disabled={loading} placeholder=\"password\" type=\"password\" value={password} onChange={(e) => passwordSet(e.currentTarget.value)} />\n                        </div>\n                        <div>\n                            <button disabled={loading || !email.length || !password.length} onClick={() => login(email, password)}>\n                                login\n                            </button>\n                            <button disabled={loading || !email.length || !password.length} onClick={() => register(email, password)}>\n                                register\n                            </button>\n                            <button disabled={loading || !email.length} onClick={() => forgotPassword(email)}>\n                                forgot password\n                            </button>\n                        </div>\n                    </>\n                );\n        }\n    })();\n\n    return (\n        <SimpleModal title={cognitoLoginState} open={true} alignCenter={true} size={SimpleModalSize.Small}>\n            <div className=\"u-marg-heavy u-marg@m-\">\n                {modalContents}\n                <div className=\"error\">{error?.message}</div>\n            </div>\n        </SimpleModal>\n    );\n};\n\nexport default Login;\n"]}
+{"version":3,"file":"Login.js","sourceRoot":"/","sources":["src/components/temp/Login.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,iCAA6C;AAC7C,iDAA8E;AAC9E,6EAAqD;AACrD,sFAAsF;AAEtF,MAAM,KAAK,GAAG,GAAG,EAAE;IACf,wEAAwE;IACxE,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAExJ,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IAC/C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IAErD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IAErE,MAAM,aAAa,GAAG,CAAC,GAAG,EAAE;QACxB,QAAQ,iBAAiB,EAAE;YACvB,KAAK,4BAAiB,CAAC,oBAAoB;gBACvC,OAAO,CACH;oBACI,yCAAO,WAAW,EAAC,QAAQ,EAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,GAAI;oBAC9G,0CAAQ,QAAQ,EAAE,OAAO,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,gBAAgB,EAAE,QAAQ,CAAC,qBAE9G,CACV,CACN,CAAC;YACN,8BAA8B;YAC9B,KAAK,4BAAiB,CAAC,SAAS,CAAC;YACjC,KAAK,4BAAiB,CAAC,QAAQ,CAAC;YAChC,KAAK,4BAAiB,CAAC,mBAAmB,CAAC;YAC3C,KAAK,4BAAiB,CAAC,qBAAqB;gBACxC,OAAO,6DAAK,CAAC;YACjB,KAAK,4BAAiB,CAAC,cAAc;gBACjC,OAAO,CACH;oBACI,yCAAO,WAAW,EAAC,QAAQ,EAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,GAAI;oBAC9G,yCAAO,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,GAAI;oBACzI,0CAAQ,QAAQ,EAAE,OAAO,IAAI,CAAC,gBAAgB,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE,gBAAgB,EAAE,QAAQ,CAAC,aAEjI,CACV,CACN,CAAC;YACN,KAAK,4BAAiB,CAAC,OAAO;gBAC1B,OAAO,CACH;oBACI,0CAAQ,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAC,UAAU,EAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,eAEjF;oBACT,yCAAM;oBACN,8BAAC,uBAAa,OAAG,CAClB,CACN,CAAC;YACN;gBACI,OAAO,CACH;oBACI;wBACI,yCAAO,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,GAAI;wBAC/H,yCAAO,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,GAAI,CACvI;oBACN;wBACI,0CAAQ,QAAQ,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,YAE5F;wBACT,0CAAQ,QAAQ,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,eAE/F;wBACT,0CAAQ,QAAQ,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,sBAEvE,CACP,CACP,CACN,CAAC;SACT;IACL,CAAC,CAAC,EAAE,CAAC;IAEL,OAAO,CACH,8BAAC,qBAAW,IAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,QAAC,WAAW,QAAC,IAAI,EAAE,6BAAe,CAAC,KAAK;QAC/E,uCAAK,SAAS,EAAC,wBAAwB;YAClC,aAAa;YACd,uCAAK,SAAS,EAAC,OAAO,IAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAO,CAC3C,CACI,CACjB,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC","sourcesContent":["import React from 'react';\nimport { useContext, useState } from 'react';\nimport { AuthenticationContext, CognitoLoginState } from '@frontend/contexts';\nimport EditMyProfile from '../members/EditMyProfile';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\n\nconst Login = () => {\n    // TODO: Anything except this file, this is just an example login screen\n    const { cognitoLoginState, loading, error, login, register, confirmAccount, forgotPassword, resetPassword, logout } = useContext(AuthenticationContext);\n\n    const [email, emailSet] = useState<string>('');\n    const [password, passwordSet] = useState<string>('');\n\n    const [confirmationCode, confirmationCodeSet] = useState<string>('');\n\n    const modalContents = (() => {\n        switch (cognitoLoginState) {\n            case CognitoLoginState.RequiresConfirmation:\n                return (\n                    <>\n                        <input placeholder=\"abc123\" disabled={loading} onChange={(e) => confirmationCodeSet(e.currentTarget.value)} />\n                        <button disabled={loading || !confirmationCode.length} onClick={() => confirmAccount(email, confirmationCode, password)}>\n                            verify account\n                        </button>\n                    </>\n                );\n            // We probably won't use these\n            case CognitoLoginState.VerifyMFA:\n            case CognitoLoginState.SetupMFA:\n            case CognitoLoginState.RequiresNewPassword:\n            case CognitoLoginState.RequiresPasswordReset:\n                return <></>;\n            case CognitoLoginState.ForgotPassword:\n                return (\n                    <>\n                        <input placeholder=\"abc123\" disabled={loading} onChange={(e) => confirmationCodeSet(e.currentTarget.value)} />\n                        <input disabled={loading} placeholder=\"password\" type=\"password\" value={password} onChange={(e) => passwordSet(e.currentTarget.value)} />\n                        <button disabled={loading || !confirmationCode.length || !password.length} onClick={() => resetPassword(email, confirmationCode, password)}>\n                            submit\n                        </button>\n                    </>\n                );\n            case CognitoLoginState.Success:\n                return (\n                    <>\n                        <button disabled={loading} placeholder=\"password\" value={password} onClick={() => logout()}>\n                            sign out\n                        </button>\n                        <hr />\n                        <EditMyProfile />\n                    </>\n                );\n            default:\n                return (\n                    <>\n                        <div>\n                            <input disabled={loading} placeholder=\"username\" type=\"text\" value={email} onChange={(e) => emailSet(e.currentTarget.value)} />\n                            <input disabled={loading} placeholder=\"password\" type=\"password\" value={password} onChange={(e) => passwordSet(e.currentTarget.value)} />\n                        </div>\n                        <div>\n                            <button disabled={loading || !email.length || !password.length} onClick={() => login(email, password)}>\n                                login\n                            </button>\n                            <button disabled={loading || !email.length || !password.length} onClick={() => register(email, password)}>\n                                register\n                            </button>\n                            <button disabled={loading || !email.length} onClick={() => forgotPassword(email)}>\n                                forgot password\n                            </button>\n                        </div>\n                    </>\n                );\n        }\n    })();\n\n    return (\n        <SimpleModal title={cognitoLoginState} open alignCenter size={SimpleModalSize.Small}>\n            <div className=\"u-marg-heavy u-marg@m-\">\n                {modalContents}\n                <div className=\"error\">{error?.message}</div>\n            </div>\n        </SimpleModal>\n    );\n};\n\nexport default Login;\n"]}

package/dist/src/containers/PrivateRoute.js

@@ -1,27 +1,4 @@
 "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 __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)
@@ -33,19 +10,22 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PrivateRoute = void 0;
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const react_router_dom_1 = require("react-router-dom");
 const contexts_1 = require("../contexts/index.js");
 const PrivateRoute = (_a) => {
     var { children, render } = _a, rest = __rest(_a, ["children", "render"]);
     const { cognitoLoginState, loading } = (0, contexts_1.useAuthentication)();
     const isAuthenticated = cognitoLoginState === contexts_1.CognitoLoginState.Success;
-    return (React.createElement(react_router_dom_1.Route, Object.assign({}, rest, { render: (...params) => {
+    return (react_1.default.createElement(react_router_dom_1.Route, Object.assign({}, rest, { render: (...params) => {
             if (loading || isAuthenticated)
                 return render === null || render === void 0 ? void 0 : render(...params);
-            return (React.createElement(react_router_dom_1.Redirect, { to: {
+            return (react_1.default.createElement(react_router_dom_1.Redirect, { to: {
                     pathname: '/find-reservation',
                 } }));
         } }), isAuthenticated ? children : null));

package/dist/src/containers/PrivateRoute.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrivateRoute.js","sourceRoot":"/","sources":["src/containers/PrivateRoute.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,uDAA+D;AAC/D,iDAA0E;AAEnE,MAAM,YAAY,GAAmB,CAAC,EAA6B,EAAE,EAAE;QAAjC,EAAE,QAAQ,EAAE,MAAM,OAAW,EAAN,IAAI,cAA3B,sBAA6B,CAAF;IACpE,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,GAAG,IAAA,4BAAiB,GAAE,CAAC;IAC3D,MAAM,eAAe,GAAG,iBAAiB,KAAK,4BAAiB,CAAC,OAAO,CAAC;IACxE,OAAO,CACH,oBAAC,wBAAK,oBACE,IAAI,IACR,MAAM,EAAE,CAAC,GAAG,MAAM,EAAE,EAAE;YAClB,IAAI,OAAO,IAAI,eAAe;gBAAE,OAAO,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,GAAG,MAAM,CAAC,CAAC;YAC3D,OAAO,CACH,oBAAC,2BAAQ,IACL,EAAE,EAAE;oBACA,QAAQ,EAAE,mBAAmB;iBAChC,GACH,CACL,CAAC;QACN,CAAC,KAEA,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAC9B,CACX,CAAC;AACN,CAAC,CAAC;AApBW,QAAA,YAAY,gBAoBvB","sourcesContent":["import * as React from 'react';\nimport { FC } from 'react';\nimport { Redirect, Route, RouteProps } from 'react-router-dom';\nimport { CognitoLoginState, useAuthentication } from '@frontend/contexts';\n\nexport const PrivateRoute: FC<RouteProps> = ({ children, render, ...rest }) => {\n    const { cognitoLoginState, loading } = useAuthentication();\n    const isAuthenticated = cognitoLoginState === CognitoLoginState.Success;\n    return (\n        <Route\n            {...rest}\n            render={(...params) => {\n                if (loading || isAuthenticated) return render?.(...params);\n                return (\n                    <Redirect\n                        to={{\n                            pathname: '/find-reservation',\n                        }}\n                    />\n                );\n            }}\n        >\n            {isAuthenticated ? children : null}\n        </Route>\n    );\n};\n"]}
+{"version":3,"file":"PrivateRoute.js","sourceRoot":"/","sources":["src/containers/PrivateRoute.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,uDAA+D;AAC/D,iDAA0E;AAEnE,MAAM,YAAY,GAAmB,CAAC,EAA6B,EAAE,EAAE;QAAjC,EAAE,QAAQ,EAAE,MAAM,OAAW,EAAN,IAAI,cAA3B,sBAA6B,CAAF;IACpE,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,GAAG,IAAA,4BAAiB,GAAE,CAAC;IAC3D,MAAM,eAAe,GAAG,iBAAiB,KAAK,4BAAiB,CAAC,OAAO,CAAC;IACxE,OAAO,CACH,8BAAC,wBAAK,oBACE,IAAI,IACR,MAAM,EAAE,CAAC,GAAG,MAAM,EAAE,EAAE;YAClB,IAAI,OAAO,IAAI,eAAe;gBAAE,OAAO,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,GAAG,MAAM,CAAC,CAAC;YAC3D,OAAO,CACH,8BAAC,2BAAQ,IACL,EAAE,EAAE;oBACA,QAAQ,EAAE,mBAAmB;iBAChC,GACH,CACL,CAAC;QACN,CAAC,KAEA,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAC9B,CACX,CAAC;AACN,CAAC,CAAC;AApBW,QAAA,YAAY,gBAoBvB","sourcesContent":["import React from 'react';\nimport { FC } from 'react';\nimport { Redirect, Route, RouteProps } from 'react-router-dom';\nimport { CognitoLoginState, useAuthentication } from '@frontend/contexts';\n\nexport const PrivateRoute: FC<RouteProps> = ({ children, render, ...rest }) => {\n    const { cognitoLoginState, loading } = useAuthentication();\n    const isAuthenticated = cognitoLoginState === CognitoLoginState.Success;\n    return (\n        <Route\n            {...rest}\n            render={(...params) => {\n                if (loading || isAuthenticated) return render?.(...params);\n                return (\n                    <Redirect\n                        to={{\n                            pathname: '/find-reservation',\n                        }}\n                    />\n                );\n            }}\n        >\n            {isAuthenticated ? children : null}\n        </Route>\n    );\n};\n"]}

package/dist/src/contexts/BasketContext/BasketContext.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useBasket = exports.BasketContext = void 0;
 const react_1 = require("react");
-exports.BasketContext = (0, react_1.createContext)(null);
+exports.BasketContext = (0, react_1.createContext)({});
 const useBasket = () => (0, react_1.useContext)(exports.BasketContext);
 exports.useBasket = useBasket;
 //# sourceMappingURL=BasketContext.js.map

package/dist/src/contexts/BasketContext/BasketContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasketContext.js","sourceRoot":"/","sources":["src/contexts/BasketContext/BasketContext.ts"],"names":[],"mappings":";;;AAAA,iCAAkD;AAGrC,QAAA,aAAa,GAAG,IAAA,qBAAa,EAAoB,IAAI,CAAC,CAAC;AAE7D,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,IAAA,kBAAU,EAAC,qBAAa,CAAC,CAAC;AAA5C,QAAA,SAAS,aAAmC","sourcesContent":["import { createContext, useContext } from 'react';\nimport { BasketContextType } from '@frontend/contexts';\n\nexport const BasketContext = createContext<BasketContextType>(null);\n\nexport const useBasket = () => useContext(BasketContext);\n"]}
+{"version":3,"file":"BasketContext.js","sourceRoot":"/","sources":["src/contexts/BasketContext/BasketContext.ts"],"names":[],"mappings":";;;AAAA,iCAAkD;AAGrC,QAAA,aAAa,GAAG,IAAA,qBAAa,EAAoB,EAAuB,CAAC,CAAC;AAEhF,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,IAAA,kBAAU,EAAC,qBAAa,CAAC,CAAC;AAA5C,QAAA,SAAS,aAAmC","sourcesContent":["import { createContext, useContext } from 'react';\nimport { BasketContextType } from '@frontend/contexts';\n\nexport const BasketContext = createContext<BasketContextType>({} as BasketContextType);\n\nexport const useBasket = () => useContext(BasketContext);\n"]}

package/dist/src/contexts/BasketContext/BasketContextType.d.ts

@@ -23,7 +23,7 @@ export interface BasketContextType {
     updateBasketRow: (row: BasketRow, updateGlobalDates?: boolean) => void;
     removeBasketRow: (row: BasketRow) => void;
     clearBasketRows: (confirm: boolean) => void;
-    selectBasketRow: (row: BasketRow) => void;
+    selectBasketRow: (row: BasketRow | null) => void;
     setStartDate: (date: dayjs.Dayjs) => void;
     setEndDate: (date: dayjs.Dayjs) => void;
     hasCheckedOut: boolean;
@@ -32,12 +32,13 @@ export interface BasketContextType {
     rollback: () => void;
     checkedOut: (data: ReservationsDTO) => void;
     clearSelectedRates: () => void;
-    getRowForAddon: (selectedAddon: Addon) => BasketAddonRow;
+    getRowForAddon: (selectedAddon: Addon) => BasketAddonRow | undefined;
     setAddonQuantities: (addon: Addon, quantities: {
         quantity: number;
         adult: number;
         child: number;
     }, selectedDate: string, selectedTime: string) => void;
     removeBasketAddonRow: (row: BasketAddonRow) => void;
-    attemptSelectUnfilledRow: () => BasketRow | null;
+    attemptSelectUnfilledRow: () => BasketRow | undefined;
+    initBasketRows: (basketRows: BasketRow[]) => void;
 }

package/dist/src/contexts/BasketContext/BasketContextType.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasketContextType.js","sourceRoot":"/","sources":["src/contexts/BasketContext/BasketContextType.ts"],"names":[],"mappings":"","sourcesContent":["import type dayjs from 'dayjs';\nimport type { Addon } from '@/models/Addon/Addon';\nimport type ReservationsDTO from '@/models/Api/ReservationsDTO';\nimport type BasketAddonRow from '@/models/BasketAddonRow';\nimport type BasketRow from '@/models/BasketRow';\nimport type { IPromotion } from '@/models/Promotion/IPromotion.type';\nimport type { RoomRate } from '@/models/Room/RoomRate';\n\nexport interface BasketContextType {\n    selectedBasketRow: BasketRow;\n    currentBasketRows: BasketRow[];\n    basketAddonRows: BasketAddonRow[];\n    loadedPromotion: IPromotion | null;\n\n    startDate: dayjs.Dayjs;\n    endDate: dayjs.Dayjs;\n\n    addBasketRow: (row: BasketRow, selectThisRate?: boolean, neverSelectThisRate?: boolean) => void;\n    addRate: (rate: RoomRate, notify?: boolean) => Promise<void>;\n\n    getAllValidRows: () => BasketRow[];\n    getAllDatelessRows: () => BasketRow[];\n\n    getNumberOfAdults: (withTranslation: boolean) => number | string;\n    getNumberOfChildren: (withTranslation: boolean) => number | string;\n    getNumberOfRooms: (withTranslation: boolean) => number | string;\n\n    getTotalPrice: () => any;\n\n    updateBasketRow: (row: BasketRow, updateGlobalDates?: boolean) => void;\n    removeBasketRow: (row: BasketRow) => void;\n    clearBasketRows: (confirm: boolean) => void;\n    selectBasketRow: (row: BasketRow) => void;\n\n    setStartDate: (date: dayjs.Dayjs) => void;\n    setEndDate: (date: dayjs.Dayjs) => void;\n\n    hasCheckedOut: boolean;\n    reservationData: ReservationsDTO;\n    booked: (data: ReservationsDTO) => void;\n    rollback: () => void;\n    checkedOut: (data: ReservationsDTO) => void;\n    clearSelectedRates: () => void;\n\n    getRowForAddon: (selectedAddon: Addon) => BasketAddonRow;\n\n    setAddonQuantities: (addon: Addon, quantities: { quantity: number; adult: number; child: number }, selectedDate: string, selectedTime: string) => void;\n\n    removeBasketAddonRow: (row: BasketAddonRow) => void;\n    attemptSelectUnfilledRow: () => BasketRow | null;\n}\n"]}
+{"version":3,"file":"BasketContextType.js","sourceRoot":"/","sources":["src/contexts/BasketContext/BasketContextType.ts"],"names":[],"mappings":"","sourcesContent":["import type dayjs from 'dayjs';\nimport type { Addon } from '@/models/Addon/Addon';\nimport type ReservationsDTO from '@/models/Api/ReservationsDTO';\nimport type BasketAddonRow from '@/models/BasketAddonRow';\nimport type BasketRow from '@/models/BasketRow';\nimport type { IPromotion } from '@/models/Promotion/IPromotion.type';\nimport type { RoomRate } from '@/models/Room/RoomRate';\n\nexport interface BasketContextType {\n    selectedBasketRow: BasketRow;\n    currentBasketRows: BasketRow[];\n    basketAddonRows: BasketAddonRow[];\n    loadedPromotion: IPromotion | null;\n\n    startDate: dayjs.Dayjs;\n    endDate: dayjs.Dayjs;\n\n    addBasketRow: (row: BasketRow, selectThisRate?: boolean, neverSelectThisRate?: boolean) => void;\n    addRate: (rate: RoomRate, notify?: boolean) => Promise<void>;\n\n    getAllValidRows: () => BasketRow[];\n    getAllDatelessRows: () => BasketRow[];\n\n    getNumberOfAdults: (withTranslation: boolean) => number | string;\n    getNumberOfChildren: (withTranslation: boolean) => number | string;\n    getNumberOfRooms: (withTranslation: boolean) => number | string;\n\n    getTotalPrice: () => any;\n\n    updateBasketRow: (row: BasketRow, updateGlobalDates?: boolean) => void;\n    removeBasketRow: (row: BasketRow) => void;\n    clearBasketRows: (confirm: boolean) => void;\n    selectBasketRow: (row: BasketRow | null) => void;\n\n    setStartDate: (date: dayjs.Dayjs) => void;\n    setEndDate: (date: dayjs.Dayjs) => void;\n\n    hasCheckedOut: boolean;\n    reservationData: ReservationsDTO;\n    booked: (data: ReservationsDTO) => void;\n    rollback: () => void;\n    checkedOut: (data: ReservationsDTO) => void;\n    clearSelectedRates: () => void;\n\n    getRowForAddon: (selectedAddon: Addon) => BasketAddonRow | undefined;\n\n    setAddonQuantities: (addon: Addon, quantities: { quantity: number; adult: number; child: number }, selectedDate: string, selectedTime: string) => void;\n\n    removeBasketAddonRow: (row: BasketAddonRow) => void;\n    attemptSelectUnfilledRow: () => BasketRow | undefined;\n\n    initBasketRows: (basketRows: BasketRow[]) => void;\n}\n"]}

package/dist/src/contexts/BasketContext/BasketContextWrapper.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface BasketContextWrapperProps {
     children: React.ReactNode;
 }

package/dist/src/contexts/BasketContext/BasketContextWrapper.js

@@ -1,27 +1,4 @@
 "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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -37,8 +14,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BasketContextWrapper = void 0;
 const dayjs_1 = __importDefault(require("dayjs"));
-const React = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const react_i18next_1 = require("react-i18next");
 const react_router_dom_1 = require("react-router-dom");
 const contexts_1 = require("../index.js");
@@ -49,6 +26,7 @@ const BookingAPI_1 = __importDefault(require("../../api/BookingAPI"));
 const Icon_1 = require("../../components/generic/Icon/Icon");
 const MemberSignInModal_1 = __importDefault(require("../../components/steps/room/MemberSignInModal/MemberSignInModal"));
 const BasketContextErrorHandler_1 = require("handlers/BasketContextErrorHandler");
+const Addon_1 = require("../../models/Addon/Addon");
 const BasketAddonRow_1 = __importDefault(require("../../models/BasketAddonRow"));
 const BasketRow_1 = __importDefault(require("../../models/BasketRow"));
 const StepAddon_1 = __importDefault(require("../../pages/steps/StepAddon/StepAddon"));
@@ -65,16 +43,16 @@ function BasketContextWrapper(props) {
     var _a, _b, _c;
     const { t } = (0, react_i18next_1.useTranslation)();
     const { hotel } = (0, hooks_1.useCurrentHotel)();
-    const notifications = (0, react_1.useContext)(contexts_2.NotificationContext);
-    const beContext = (0, react_1.useContext)(contexts_2.BookingEngineContext);
-    const ccx = (0, react_1.useContext)(contexts_2.CompanyContext);
+    const notifications = (0, react_2.useContext)(contexts_2.NotificationContext);
+    const beContext = (0, react_2.useContext)(contexts_2.BookingEngineContext);
+    const ccx = (0, react_2.useContext)(contexts_2.CompanyContext);
     const memberContext = (0, contexts_1.useMemberContext)();
     const initialSession = (_a = beContext === null || beContext === void 0 ? void 0 : beContext.engine) === null || _a === void 0 ? void 0 : _a.getInitialSession();
-    const [currentBasketRows, basketRowReducer] = (0, react_1.useReducer)(BasketReducer_1.BasketReducer, (_b = initialSession === null || initialSession === void 0 ? void 0 : initialSession.basketRows) !== null && _b !== void 0 ? _b : []);
-    const [selectedBasketRow, setSelectedBasketRow] = (0, react_1.useState)(null);
-    const [basketAddonRows, setBasketAddonRows] = (0, react_1.useState)([]);
-    let loadedStartDate;
-    let loadedEndDate;
+    const [currentBasketRows, basketRowReducer] = (0, react_2.useReducer)(BasketReducer_1.BasketReducer, (_b = initialSession === null || initialSession === void 0 ? void 0 : initialSession.basketRows) !== null && _b !== void 0 ? _b : []);
+    const [selectedBasketRow, setSelectedBasketRow] = (0, react_2.useState)(null);
+    const [basketAddonRows, setBasketAddonRows] = (0, react_2.useState)([]);
+    let loadedStartDate = null;
+    let loadedEndDate = null;
     if ((_c = initialSession === null || initialSession === void 0 ? void 0 : initialSession.basketRows) === null || _c === void 0 ? void 0 : _c.length) {
         loadedStartDate = initialSession.basketRows[0].getStartDate();
         loadedEndDate = initialSession.basketRows[0].getEndDate();
@@ -87,11 +65,11 @@ function BasketContextWrapper(props) {
             loadedEndDate = initialSession.endDate;
         }
     }
-    const [startDate, setStartDate] = (0, react_1.useState)(loadedStartDate !== null && loadedStartDate !== void 0 ? loadedStartDate : null);
-    const [endDate, setEndDate] = (0, react_1.useState)(loadedEndDate !== null && loadedEndDate !== void 0 ? loadedEndDate : null);
-    const [hasCheckedOut, setHasCheckedOut] = (0, react_1.useState)(false);
-    const [reservationData, setReservationData] = (0, react_1.useState)(initialSession.reservation || null);
-    const [knownErrorPromoCodes, setKnownErrorPromoCodes] = (0, react_1.useState)([]);
+    const [startDate, setStartDate] = (0, react_2.useState)(loadedStartDate !== null && loadedStartDate !== void 0 ? loadedStartDate : null);
+    const [endDate, setEndDate] = (0, react_2.useState)(loadedEndDate !== null && loadedEndDate !== void 0 ? loadedEndDate : null);
+    const [hasCheckedOut, setHasCheckedOut] = (0, react_2.useState)(false);
+    const [reservationData, setReservationData] = (0, react_2.useState)((initialSession === null || initialSession === void 0 ? void 0 : initialSession.reservation) || null);
+    const [knownErrorPromoCodes, setKnownErrorPromoCodes] = (0, react_2.useState)([]);
     const history = (0, react_router_dom_1.useHistory)();
     BasketContextErrorHandler_1.BasketContextErrorHandler.handleAvailabilityWarnings = (warnings) => {
         warnings.map((warning) => {
@@ -124,7 +102,7 @@ function BasketContextWrapper(props) {
             }
         });
     };
-    (0, react_1.useEffect)(() => {
+    (0, react_2.useEffect)(() => {
         var _a;
         if (!startDate || !endDate) {
             return;
@@ -151,7 +129,7 @@ function BasketContextWrapper(props) {
             workingContext.updateBasketRow(onlyBasketRow, false);
         }
     }, [startDate, endDate]);
-    (0, react_1.useEffect)(() => {
+    (0, react_2.useEffect)(() => {
         var _a;
         (_a = beContext.sessionProvider) === null || _a === void 0 ? void 0 : _a.updateSession({ basketRows: currentBasketRows });
     }, [currentBasketRows, selectedBasketRow]);
@@ -164,7 +142,7 @@ function BasketContextWrapper(props) {
     /**
      * This is necessary as when we're adding our first row, hotel might not be set.
      */
-    (0, react_1.useEffect)(() => {
+    (0, react_2.useEffect)(() => {
         checkAndApplyMemberOnlyPromo(selectedBasketRow);
     }, [hotel]);
     const returnAggregationAndTranslation = (reduction, translation) => {
@@ -192,15 +170,27 @@ function BasketContextWrapper(props) {
         }
         basketRowReducer({ method: 'Update', row });
     };
-    const { loadedPromotion } = (0, PromotionProvider_1.usePromotionContainer)({ selectedBasketRow, updateBasketRow });
+    const syncSelectedDateRange = (row) => {
+        if (!row)
+            return;
+        if ((!row.getStartDate() || !row.getEndDate()) && startDate && endDate) {
+            row.setStartDate(startDate);
+            row.setEndDate(endDate);
+        }
+        else if (!startDate && !endDate && row.getStartDate() && row.getEndDate()) {
+            setStartDate(row.getStartDate());
+            setEndDate(row.getEndDate());
+        }
+    };
+    const { loadedPromotion } = (0, PromotionProvider_1.usePromotionContainer)({ selectedBasketRow: selectedBasketRow, updateBasketRow });
     const workingContext = {
-        startDate,
-        endDate,
-        selectedBasketRow,
+        startDate: startDate,
+        endDate: endDate,
+        selectedBasketRow: selectedBasketRow,
         currentBasketRows,
         basketAddonRows,
         hasCheckedOut,
-        reservationData,
+        reservationData: reservationData,
         loadedPromotion,
         /**
          * When adding a basket row, will check if there is a `selectedBasketRow`
@@ -208,14 +198,7 @@ function BasketContextWrapper(props) {
          * gets set
          */
         addBasketRow: (row, selectThisRate = false, neverSelectThisRate = false) => {
-            if ((!row.getStartDate() || !row.getEndDate()) && startDate && endDate) {
-                row.setStartDate(startDate);
-                row.setEndDate(endDate);
-            }
-            else if (!startDate && !endDate && row.getStartDate() && row.getEndDate()) {
-                setStartDate(row.getStartDate());
-                setEndDate(row.getEndDate());
-            }
+            syncSelectedDateRange(row);
             checkAndApplyMemberOnlyPromo(row);
             if ((!selectedBasketRow && (!row.isValid() || !currentBasketRows.length || currentBasketRows.length - workingContext.getAllValidRows().length === 0)) ||
                 selectThisRate) {
@@ -225,6 +208,15 @@ function BasketContextWrapper(props) {
             }
             basketRowReducer({ method: 'Add', row });
         },
+        initBasketRows: (rows) => {
+            const firstRow = rows[0];
+            syncSelectedDateRange(firstRow);
+            setSelectedBasketRow(firstRow);
+            basketRowReducer({
+                method: 'Init',
+                rows: rows,
+            });
+        },
         //TODO: This function needs to be refactored to simplify a lot of this logic, and move notification raising to use the Event Manager instead
         addRate: (rate, notify = true) => __awaiter(this, void 0, void 0, function* () {
             let basketRow = null;
@@ -255,7 +247,7 @@ function BasketContextWrapper(props) {
             }
             if (InlineAddonStepFeature_1.default.isActive()) {
                 basketRow.setRate(rate); // TODO: Fix quick hack to make the Addons load
-                addons = yield BookingAPI_1.default.Addons.findAddons([basketRow], hotel.hotelID);
+                addons = yield BookingAPI_1.default.Addons.findAddons([basketRow], hotel === null || hotel === void 0 ? void 0 : hotel.hotelID);
             }
             basketRowReducer({ method: 'AddRate', rate, row: basketRow });
             try {
@@ -267,11 +259,10 @@ function BasketContextWrapper(props) {
             if (notify) {
                 notifications.addNotification({
                     icon: Icon_1.IconType.Bed,
-                    children: (React.createElement(Text_1.default, { inline: true },
+                    children: (react_1.default.createElement(Text_1.default, { inline: true },
                         t(translationString),
                         " ",
-                        React.createElement("strong", { className: "u-marg-left--light" }, rate.getRoom().name))),
-                    ttl: 3000,
+                        react_1.default.createElement("strong", { className: "u-marg-left--light" }, rate.getRoom().name))),
                 });
             }
             const nextAvailable = getNextAvailableBasketRow(basketRow);
@@ -306,16 +297,16 @@ function BasketContextWrapper(props) {
             return currentBasketRows.filter((item) => !item.getStartDate() || !item.getEndDate());
         },
         getNumberOfAdults: (withTranslation = false) => {
-            return returnAggregationAndTranslation((row) => row.getAdults(), withTranslation ? Translation_1.Translation.Step.Date.Adult : null);
+            return returnAggregationAndTranslation((row) => row.getAdults(), withTranslation ? Translation_1.Translation.Step.Date.Adult : undefined);
         },
         getNumberOfChildren: (withTranslation = false) => {
-            return returnAggregationAndTranslation((row) => row.getChildren(), withTranslation ? Translation_1.Translation.Step.Date.Child : null);
+            return returnAggregationAndTranslation((row) => row.getChildren(), withTranslation ? Translation_1.Translation.Step.Date.Child : undefined);
         },
         getNumberOfRooms: (withTranslation = false) => {
-            return returnAggregationAndTranslation(currentBasketRows.length, withTranslation ? Translation_1.Translation.Step.Date.Room : null);
+            return returnAggregationAndTranslation(currentBasketRows.length, withTranslation ? Translation_1.Translation.Step.Date.Room : undefined);
         },
         getTotalPrice: () => {
-            let totalPrice = returnAggregationAndTranslation((row) => (row.isValid() ? row.getRate().getTotalPrice() : 0));
+            let totalPrice = returnAggregationAndTranslation((row) => { var _a; return (row.isValid() ? (_a = row.getRate()) === null || _a === void 0 ? void 0 : _a.getTotalPrice() : 0); });
             basketAddonRows.forEach((row) => {
                 totalPrice += row.getTotalPrice();
             });
@@ -365,12 +356,12 @@ function BasketContextWrapper(props) {
         rollback: () => {
             var _a;
             (_a = beContext.sessionProvider) === null || _a === void 0 ? void 0 : _a.updateSession({
-                reservation: null,
+                reservation: undefined,
             });
             setReservationData(null);
         },
         checkedOut: (data) => {
-            var _a, _b;
+            var _a, _b, _c;
             setHasCheckedOut(true);
             setReservationData(data);
             setSelectedBasketRow(null);
@@ -387,7 +378,7 @@ function BasketContextWrapper(props) {
             params.delete('planpay_checkout_id');
             window.history.replaceState({}, '', `${window.location.pathname}?${params}`);
             history.push(StepThanks_1.default.getStepUrl());
-            memberContext.fetchRoomstayMember();
+            (_c = memberContext.fetchRoomstayMember) === null || _c === void 0 ? void 0 : _c.call(memberContext);
         },
         clearSelectedRates: () => {
             setSelectedBasketRow(null);
@@ -410,6 +401,21 @@ function BasketContextWrapper(props) {
             addonRow.setChildQuantity((_c = quantities.child) !== null && _c !== void 0 ? _c : 0);
             addonRow.setSelectedDate(selectedDate);
             addonRow.setSelectedTime(addon.availability[selectedDate].selectorTimes ? selectedTime : undefined);
+            // TODO: Quick hack to fix Synxis Basic Addon quantities.
+            if (addon.pricingType === Addon_1.AddonPricingType.PER_ADULT_OCCUPANCY_PER_NIGHT) {
+                // TODO: Because all addons only apply to first room, we can select the 0th from the list.
+                const basketRow = currentBasketRows === null || currentBasketRows === void 0 ? void 0 : currentBasketRows[0];
+                if (basketRow) {
+                    addonRow.setAdultQuantity(basketRow.getAdults());
+                }
+            }
+            if (addon.pricingType === Addon_1.AddonPricingType.PER_CHILD_OCCUPANCY_PER_NIGHT) {
+                // TODO: Because all addons only apply to first room, we can select the 0th from the list.
+                const basketRow = currentBasketRows === null || currentBasketRows === void 0 ? void 0 : currentBasketRows[0];
+                if (basketRow) {
+                    addonRow.setChildQuantity(basketRow.getChildren());
+                }
+            }
             setBasketAddonRows([...basketAddonRows]);
         },
         removeBasketAddonRow: (row) => {
@@ -423,9 +429,9 @@ function BasketContextWrapper(props) {
             }
         },
     };
-    return (React.createElement(contexts_2.BasketContext.Provider, { value: workingContext },
+    return (react_1.default.createElement(contexts_2.BasketContext.Provider, { value: workingContext },
         props.children,
-        React.createElement(MemberSignInModal_1.default, { isOpen: ccx.isSigningIn, onClose: ccx.closeMemberSignupModal })));
+        react_1.default.createElement(MemberSignInModal_1.default, { isOpen: ccx.isSigningIn, onClose: ccx.closeMemberSignupModal })));
 }
 exports.BasketContextWrapper = BasketContextWrapper;
 //# sourceMappingURL=BasketContextWrapper.js.map