@tripian/react 6.0.1 → 6.0.3

package/components/ResetPasswordEmail/ResetPasswordEmail.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 interface IResetPasswordEmail {
-    goMailBox: () => void;
     goBack: () => void;
 }
 declare const ResetPasswordEmail: React.FC<IResetPasswordEmail>;

package/components/base/Dropdown/Dropdown.d.ts

@@ -11,6 +11,7 @@ interface IDropdown {
     selectChange: (value: string | number, index: number) => void;
     onFocus?: () => void;
     onBlur?: () => void;
+    skippable?: boolean;
 }
 declare const Dropdown: React.FC<IDropdown>;
 export default Dropdown;

package/index.js

@@ -5872,7 +5872,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(__webpack_require__(0));
 var Button_scss_1 = __importDefault(__webpack_require__(553));
 var Svg_1 = __importDefault(__webpack_require__(5));
-var ButtonTypes_1 = __importDefault(__webpack_require__(23));
+var ButtonTypes_1 = __importDefault(__webpack_require__(24));
 var buttonClassNames = function (type, size, color) {
     if (type === void 0) { type = ButtonTypes_1.default.CONTAINED; }
     if (size === void 0) { size = 'default'; }
@@ -7012,22 +7012,6 @@ module.exports = function Type(x) {
 
 "use strict";
 
-Object.defineProperty(exports, "__esModule", { value: true });
-var BUTTON_TYPES;
-(function (BUTTON_TYPES) {
-    BUTTON_TYPES["CONTAINED"] = "CONTAINED";
-    BUTTON_TYPES["OUTLINED"] = "OUTLINED";
-    BUTTON_TYPES["TEXT"] = "TEXT";
-})(BUTTON_TYPES || (BUTTON_TYPES = {}));
-exports.default = BUTTON_TYPES;
-
-
-/***/ }),
-/* 24 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
 
 var _interopRequireWildcard = __webpack_require__(261);
 
@@ -7381,6 +7365,22 @@ exports["default"] = _default;
 var css = _ThemedStyleSheet["default"].resolveLTR;
 exports.css = css;
 
+/***/ }),
+/* 24 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var BUTTON_TYPES;
+(function (BUTTON_TYPES) {
+    BUTTON_TYPES["CONTAINED"] = "CONTAINED";
+    BUTTON_TYPES["OUTLINED"] = "OUTLINED";
+    BUTTON_TYPES["TEXT"] = "TEXT";
+})(BUTTON_TYPES || (BUTTON_TYPES = {}));
+exports.default = BUTTON_TYPES;
+
+
 /***/ }),
 /* 25 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -7418,8 +7418,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(__webpack_require__(0));
 var Dropdown_scss_1 = __importDefault(__webpack_require__(560));
 var Dropdown = function (_a) {
-    var id = _a.id, options = _a.options, defaultValue = _a.defaultValue, selectChange = _a.selectChange, onFocus = _a.onFocus, onBlur = _a.onBlur;
-    var _b = (0, react_1.useState)(defaultValue), selection = _b[0], setSelection = _b[1];
+    var id = _a.id, options = _a.options, defaultValue = _a.defaultValue, selectChange = _a.selectChange, onFocus = _a.onFocus, onBlur = _a.onBlur, _b = _a.skippable, skippable = _b === void 0 ? false : _b;
+    var _c = (0, react_1.useState)(defaultValue), selection = _c[0], setSelection = _c[1];
     var keyOptions = options.map(function (o) { return ({
         key: o.key || o.value,
         value: o.value,
@@ -7439,7 +7439,7 @@ var Dropdown = function (_a) {
                 if (onBlur)
                     onBlur();
             } },
-            defaultValue === undefined && react_1.default.createElement("option", { value: undefined }, "Please Select"),
+            skippable && react_1.default.createElement("option", { value: undefined }, "Please Select"),
             keyOptions.map(function (option) { return (react_1.default.createElement("option", { key: option.key, value: option.value }, option.label ? option.label : option.value)); }))));
 };
 exports.default = Dropdown;
@@ -16559,7 +16559,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(__webpack_require__(0));
 var Button_1 = __importDefault(__webpack_require__(6));
-var ButtonTypes_1 = __importDefault(__webpack_require__(23));
+var ButtonTypes_1 = __importDefault(__webpack_require__(24));
 var NumberCounter_scss_1 = __importDefault(__webpack_require__(554));
 var NumberCounter = function (_a) {
     var _b = _a.defaultValue, defaultValue = _b === void 0 ? 0 : _b, minValue = _a.minValue, maxValue = _a.maxValue, onchange = _a.onchange;
@@ -18923,7 +18923,7 @@ var Replace_1 = __importDefault(__webpack_require__(99));
 var Add_1 = __importDefault(__webpack_require__(98));
 var Remove_1 = __importDefault(__webpack_require__(335));
 var ImgLazy_1 = __importDefault(__webpack_require__(14));
-var ButtonTypes_1 = __importDefault(__webpack_require__(23));
+var ButtonTypes_1 = __importDefault(__webpack_require__(24));
 var Tour_1 = __importDefault(__webpack_require__(106));
 var Ticket_1 = __importDefault(__webpack_require__(107));
 var Reservation_1 = __importDefault(__webpack_require__(108));
@@ -19655,7 +19655,7 @@ var _propTypes = _interopRequireDefault(__webpack_require__(3));
 
 var _airbnbPropTypes = __webpack_require__(9);
 
-var _reactWithStyles = __webpack_require__(24);
+var _reactWithStyles = __webpack_require__(23);
 
 var _moment = _interopRequireDefault(__webpack_require__(1));
 
@@ -21298,7 +21298,7 @@ var FormTemplateCompanion_1 = __importDefault(__webpack_require__(340));
 var Add_1 = __importDefault(__webpack_require__(98));
 var Modal_1 = __importDefault(__webpack_require__(61));
 var PreLoading_1 = __importDefault(__webpack_require__(12));
-var ButtonTypes_1 = __importDefault(__webpack_require__(23));
+var ButtonTypes_1 = __importDefault(__webpack_require__(24));
 var CloseIconButton2_1 = __importDefault(__webpack_require__(344));
 var UserCompanionSelection_scss_1 = __importDefault(__webpack_require__(642));
 var initialCompanionRequestState = { age: 0, name: '', answers: [], title: 'Family member' };
@@ -21350,7 +21350,7 @@ var UserCompanionSelection = function (_a) {
                             payload: userCompanion,
                             isSelected: selectedCompanionIds === null || selectedCompanionIds === void 0 ? void 0 : selectedCompanionIds.includes(userCompanion.id),
                         }); })
-                        : [], placeHolder: "Please Select Companion", onSelectedChanged: callBackRSelect })),
+                        : [], placeHolder: "Please select companion", onSelectedChanged: callBackRSelect })),
             react_1.default.createElement("div", { className: "col col1" },
                 react_1.default.createElement(Add_1.default, { className: UserCompanionSelection_scss_1.default.userCompanionAddButton, type: ButtonTypes_1.default.OUTLINED, onClick: function () { return setShowModal(true); } })),
             react_1.default.createElement("div", { className: "col col12" },
@@ -37051,7 +37051,7 @@ var _reactMomentProptypes = _interopRequireDefault(__webpack_require__(30));
 
 var _airbnbPropTypes = __webpack_require__(9);
 
-var _reactWithStyles = __webpack_require__(24);
+var _reactWithStyles = __webpack_require__(23);
 
 var _moment = _interopRequireDefault(__webpack_require__(1));
 
@@ -38244,7 +38244,7 @@ var _reactMomentProptypes = _interopRequireDefault(__webpack_require__(30));
 
 var _airbnbPropTypes = __webpack_require__(9);
 
-var _reactWithStyles = __webpack_require__(24);
+var _reactWithStyles = __webpack_require__(23);
 
 var _moment = _interopRequireDefault(__webpack_require__(1));
 
@@ -38551,7 +38551,7 @@ var _reactMomentProptypes = _interopRequireDefault(__webpack_require__(30));
 
 var _airbnbPropTypes = __webpack_require__(9);
 
-var _reactWithStyles = __webpack_require__(24);
+var _reactWithStyles = __webpack_require__(23);
 
 var _moment = _interopRequireDefault(__webpack_require__(1));
 
@@ -39714,7 +39714,7 @@ var _propTypes = _interopRequireDefault(__webpack_require__(3));
 
 var _airbnbPropTypes = __webpack_require__(9);
 
-var _reactWithStyles = __webpack_require__(24);
+var _reactWithStyles = __webpack_require__(23);
 
 var _defaultPhrases = __webpack_require__(13);
 
@@ -40050,7 +40050,7 @@ var _propTypes = _interopRequireDefault(__webpack_require__(3));
 
 var _airbnbPropTypes = __webpack_require__(9);
 
-var _reactWithStyles = __webpack_require__(24);
+var _reactWithStyles = __webpack_require__(23);
 
 var _throttle = _interopRequireDefault(__webpack_require__(296));
 
@@ -43007,7 +43007,7 @@ var _propTypes = _interopRequireDefault(__webpack_require__(3));
 
 var _airbnbPropTypes = __webpack_require__(9);
 
-var _reactWithStyles = __webpack_require__(24);
+var _reactWithStyles = __webpack_require__(23);
 
 var _defaultPhrases = __webpack_require__(13);
 
@@ -45286,7 +45286,7 @@ var react_1 = __importDefault(__webpack_require__(0));
 var TasteCard_scss_1 = __importDefault(__webpack_require__(713));
 var Button_1 = __importDefault(__webpack_require__(6));
 var List_1 = __importDefault(__webpack_require__(337));
-var ButtonTypes_1 = __importDefault(__webpack_require__(23));
+var ButtonTypes_1 = __importDefault(__webpack_require__(24));
 var TasteCard = function (_a) {
     var taste = _a.taste, tasteClicked = _a.tasteClicked;
     return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -45587,7 +45587,7 @@ var PoiInfoText = function (_a) {
      * Part Of Day
      */
     var partOfDay = null;
-    if (dayNumbers) {
+    if (dayNumbers && dayNumbers.length !== 0) {
         var header = 'Part Of Day';
         if (dayNumbers.length > 1)
             header = "".concat(header, " ").concat(dayNumbers
@@ -45616,7 +45616,7 @@ var PoiInfoText = function (_a) {
      * Rating
      */
     var poiRating = (react_1.default.createElement(PoiInfoTextRow_1.default, null,
-        react_1.default.createElement(PoiInfoTextRow_1.PoiInfoTextRowHeader, { header: "Ratings (+".concat(poi.ratingCount || '', ")") }),
+        react_1.default.createElement(PoiInfoTextRow_1.PoiInfoTextRowHeader, { header: "Ratings (".concat(poi.ratingCount || '', ")") }),
         react_1.default.createElement("div", { className: PoiInfoText_scss_1.default.ratingContent },
             react_1.default.createElement(RatingStars_1.default, { rating: "".concat(poi.rating ? poi.rating * 20 : '') }))));
     /**
@@ -46815,7 +46815,7 @@ var Button_1 = __importDefault(__webpack_require__(6));
 exports.Button = Button_1.default;
 var Icons_1 = __importDefault(__webpack_require__(568));
 exports.ButtonIcons = Icons_1.default;
-var ButtonTypes_1 = __importDefault(__webpack_require__(23));
+var ButtonTypes_1 = __importDefault(__webpack_require__(24));
 exports.BUTTON_TYPES = ButtonTypes_1.default;
 var ButterflyCard_1 = __importDefault(__webpack_require__(338));
 exports.ButterflyCard = ButterflyCard_1.default;
@@ -54075,7 +54075,7 @@ var _react = _interopRequireDefault(__webpack_require__(0));
 
 var _moment = _interopRequireDefault(__webpack_require__(1));
 
-var _reactWithStyles = __webpack_require__(24);
+var _reactWithStyles = __webpack_require__(23);
 
 var _reactPortal = __webpack_require__(359);
 
@@ -55759,7 +55759,7 @@ var _propTypes = _interopRequireDefault(__webpack_require__(3));
 
 var _airbnbPropTypes = __webpack_require__(9);
 
-var _reactWithStyles = __webpack_require__(24);
+var _reactWithStyles = __webpack_require__(23);
 
 var _defaultPhrases = __webpack_require__(13);
 
@@ -56176,7 +56176,7 @@ var _propTypes = _interopRequireDefault(__webpack_require__(3));
 
 var _airbnbPropTypes = __webpack_require__(9);
 
-var _reactWithStyles = __webpack_require__(24);
+var _reactWithStyles = __webpack_require__(23);
 
 var _defaultPhrases = __webpack_require__(13);
 
@@ -56574,7 +56574,7 @@ var _propTypes = _interopRequireDefault(__webpack_require__(3));
 
 var _airbnbPropTypes = __webpack_require__(9);
 
-var _reactWithStyles = __webpack_require__(24);
+var _reactWithStyles = __webpack_require__(23);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
@@ -56716,7 +56716,7 @@ var _react = _interopRequireDefault(__webpack_require__(0));
 
 var _moment = _interopRequireDefault(__webpack_require__(1));
 
-var _reactWithStyles = __webpack_require__(24);
+var _reactWithStyles = __webpack_require__(23);
 
 var _reactPortal = __webpack_require__(359);
 
@@ -61820,7 +61820,7 @@ var Input_1 = __importDefault(__webpack_require__(52));
 var Button_1 = __importDefault(__webpack_require__(6));
 var PreLoading_1 = __importDefault(__webpack_require__(12));
 var SocialLogin_1 = __importDefault(__webpack_require__(615));
-var ButtonTypes_1 = __importDefault(__webpack_require__(23));
+var ButtonTypes_1 = __importDefault(__webpack_require__(24));
 var EyeIconButton_1 = __importDefault(__webpack_require__(102));
 var Header_1 = __importDefault(__webpack_require__(76));
 var FormTemplateLogin_scss_1 = __importDefault(__webpack_require__(621));
@@ -61913,16 +61913,16 @@ var FormTemplateLogin = function (_a) {
                 react_1.default.createElement("div", { className: "col col12" },
                     react_1.default.createElement(Input_1.default, { type: showPassword ? 'text' : 'password', name: "password", value: user.password, onChange: handleChange, autocomplete: "current-password" },
                         react_1.default.createElement(EyeIconButton_1.default, { show: showPassword, clicked: function () { return setShowPassword(!showPassword); } }))),
+                showCaptcha && isRecaptchaActive ? (react_1.default.createElement("div", { className: "row center mb0 ".concat(FormTemplateLogin_scss_1.default.recaptcha) },
+                    react_1.default.createElement(react_google_recaptcha_1.default, { badge: "inline", sitekey: reCaptchaSiteKey, onChange: verifyCallback }))) : null,
+                react_1.default.createElement("div", { className: "row center px2 mb0" },
+                    error && (react_1.default.createElement("div", { className: "".concat(FormTemplateLogin_scss_1.default.errorMessage, " my3") },
+                        react_1.default.createElement("h5", null, error),
+                        ' ')),
+                    warningMessage && (react_1.default.createElement("div", { className: "".concat(FormTemplateLogin_scss_1.default.errorMessage, " my3") },
+                        react_1.default.createElement("h5", null, warningMessage)))),
                 react_1.default.createElement("div", { className: "col col12 my2" },
-                    react_1.default.createElement(Button_1.default, { className: FormTemplateLogin_scss_1.default.loginButton, color: "primary", text: "Sign in now", onClick: handleSubmit }))),
-            showCaptcha && isRecaptchaActive ? (react_1.default.createElement("div", { className: "row center ".concat(FormTemplateLogin_scss_1.default.recaptcha) },
-                react_1.default.createElement(react_google_recaptcha_1.default, { badge: "inline", sitekey: reCaptchaSiteKey, onChange: verifyCallback }))) : null,
-            react_1.default.createElement("div", { className: "row center px2 mb0" },
-                error && (react_1.default.createElement("div", { className: "".concat(FormTemplateLogin_scss_1.default.errorMessage, " my3") },
-                    react_1.default.createElement("h5", null, error),
-                    ' ')),
-                warningMessage && (react_1.default.createElement("div", { className: "".concat(FormTemplateLogin_scss_1.default.errorMessage, " my3") },
-                    react_1.default.createElement("h5", null, warningMessage))))),
+                    react_1.default.createElement(Button_1.default, { className: FormTemplateLogin_scss_1.default.loginButton, color: "primary", text: "Sign in now", onClick: handleSubmit })))),
         showRegister && (socialLoginConfigs.identityProviders.includes('Google') || socialLoginConfigs.identityProviders.includes('SignInWithApple')) && (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement("div", { className: "center px2 mt4 mb6" },
                 react_1.default.createElement("span", { className: FormTemplateLogin_scss_1.default.orLoginWith }, "Or")),
@@ -62370,17 +62370,19 @@ var FormTemplateProfile = function (_a) {
                             if (date)
                                 dateOfBirthChange(date);
                         }, openDirection: "up", showMonthSelection: true }))),
-            react_1.default.createElement("div", { className: "row" }, profileQuestions.map(function (question) { return (react_1.default.createElement("div", { className: "col col12" },
+            react_1.default.createElement("div", { className: "row" }, profileQuestions.map(function (question) { return (react_1.default.createElement("div", { key: question.id, className: "col col12" },
                 react_1.default.createElement(QuestionTemplate_1.default, { question: question, answers: userUpdateRequest.answers || [], callbackAnswers: answersChange }))); })),
             react_1.default.createElement("div", { className: "row" },
-                react_1.default.createElement("div", { className: "col col6 center" },
-                    react_1.default.createElement(Button_1.default, { color: isFormChanged ? 'primary' : 'disabled', text: "UPDATE", onClick: function (event) {
-                            handleSubmit(event);
-                        } })),
                 react_1.default.createElement("div", { className: "col col6 center" },
                     react_1.default.createElement(Button_1.default, { color: "primary", text: "CANCEL", onClick: function () {
                             cancel(user);
                         } })),
+                react_1.default.createElement("div", { className: "col col6 center" },
+                    react_1.default.createElement(Button_1.default, { color: "primary", 
+                        // type={BUTTON_TYPES.CONTAINED}
+                        text: "UPDATE", onClick: function (event) {
+                            handleSubmit(event);
+                        }, disabled: !isFormChanged })),
                 successMessage.show ? (react_1.default.createElement(Notification_1.default, { type: "success", title: "Update User Profile", positionX: "right", positionY: "top", message: successMessage.message || '', onClose: function () {
                         setSuccessMessage({ show: false });
                     }, closeMs: 3500 })) : null,
@@ -62514,16 +62516,16 @@ var UserPasswordChange = function (_a) {
                         }, autocomplete: "password" })))),
         react_1.default.createElement("div", { className: "row" },
             react_1.default.createElement("div", { className: "row mt5" },
-                react_1.default.createElement("div", { className: "col col6 center" },
-                    react_1.default.createElement(Button_1.default, { color: "primary", text: "UPDATE", onClick: function (event) {
-                            handleSubmit(event);
-                        } })),
                 react_1.default.createElement("div", { className: "col col6 center" },
                     react_1.default.createElement(Button_1.default, { color: "primary", text: "CANCEL", onClick: function () {
                             setWarningMessage('');
                             setPassword('');
                             setPasswordValidate('');
                             close();
+                        } })),
+                react_1.default.createElement("div", { className: "col col6 center" },
+                    react_1.default.createElement(Button_1.default, { color: "primary", text: "UPDATE", onClick: function (event) {
+                            handleSubmit(event);
                         } }))),
             error ? (react_1.default.createElement("div", { className: "col col12 my2" },
                 react_1.default.createElement("h5", null, error))) : null,
@@ -62585,7 +62587,7 @@ var react_1 = __importStar(__webpack_require__(0));
 var model_1 = __webpack_require__(4);
 var react_google_recaptcha_1 = __importDefault(__webpack_require__(360));
 var Button_1 = __importDefault(__webpack_require__(6));
-var ButtonTypes_1 = __importDefault(__webpack_require__(23));
+var ButtonTypes_1 = __importDefault(__webpack_require__(24));
 var PreLoading_1 = __importDefault(__webpack_require__(12));
 // import NumberInput from '../../base/NumberInput/NumberInput';
 // import QuestionTemplate from '../../QuestionTemplate/QuestionTemplate';
@@ -62742,6 +62744,13 @@ var FormTemplateRegister = function (_a) {
                     react_1.default.createElement("span", { className: FormTemplateRegister_scss_1.default.termOfUseText },
                         "By checking this, i agree to the ",
                         react_1.default.createElement(Button_1.default, { className: FormTemplateRegister_scss_1.default.termsOfUseButton, text: "Terms of Use", type: ButtonTypes_1.default.TEXT, onClick: function () { return setTosRead(true); } })))),
+            showCaptcha ? (react_1.default.createElement("div", { className: "row mb0 center ".concat(FormTemplateRegister_scss_1.default.recaptcha) },
+                react_1.default.createElement(react_google_recaptcha_1.default, { badge: "inline", sitekey: reCaptchaSiteKey, onChange: verifyCallback }))) : null,
+            react_1.default.createElement("div", { className: "row mb0 center" },
+                error ? (react_1.default.createElement("div", { className: "".concat(FormTemplateRegister_scss_1.default.errorMessage, " my3") },
+                    react_1.default.createElement("h5", null, error))) : null,
+                warningMessage ? (react_1.default.createElement("div", { className: "".concat(FormTemplateRegister_scss_1.default.errorMessage, " my3") },
+                    react_1.default.createElement("h5", null, warningMessage))) : null),
             react_1.default.createElement("div", { className: "row mb0 center" },
                 react_1.default.createElement("div", { className: "col col12 col6-m my2" },
                     react_1.default.createElement(Button_1.default, { className: FormTemplateRegister_scss_1.default.registerButton, color: "primary", text: "Sign up now", onClick: handleSubmit }))),
@@ -62753,14 +62762,7 @@ var FormTemplateRegister = function (_a) {
                         setWarningMessage('');
                         setTosRead(false);
                     }, rounded: true }),
-                react_1.default.createElement("iframe", { title: "tos", src: "https://www.tripian.com/docs/l/tos_t.html", height: "100%", width: "100%" })),
-            showCaptcha ? (react_1.default.createElement("div", { className: "row center ".concat(FormTemplateRegister_scss_1.default.recaptcha) },
-                react_1.default.createElement(react_google_recaptcha_1.default, { badge: "inline", sitekey: reCaptchaSiteKey, onChange: verifyCallback }))) : null,
-            react_1.default.createElement("div", { className: "row center" },
-                error ? (react_1.default.createElement("div", { className: "".concat(FormTemplateRegister_scss_1.default.errorMessage, " my3") },
-                    react_1.default.createElement("h5", null, error))) : null,
-                warningMessage ? (react_1.default.createElement("div", { className: "".concat(FormTemplateRegister_scss_1.default.errorMessage, " my3") },
-                    react_1.default.createElement("h5", null, warningMessage))) : null))));
+                react_1.default.createElement("iframe", { title: "tos", src: "https://www.tripian.com/docs/l/tos_t.html", height: "100%", width: "100%" })))));
 };
 exports.default = FormTemplateRegister;
 
@@ -63829,7 +63831,7 @@ var InfoBox_1 = __importDefault(__webpack_require__(105));
 var QuestionTemplate_1 = __importDefault(__webpack_require__(651));
 var QuestionTemplate2_1 = __importDefault(__webpack_require__(659));
 var StepComponent = function (_a) {
-    var header = _a.header, defaultTip = _a.defaultTip, stepQuestions = _a.stepQuestions, stepId = _a.stepId, tripProfile = _a.tripProfile, callbackTripAnswers = _a.callbackTripAnswers;
+    var /* header, */ defaultTip = _a.defaultTip, stepQuestions = _a.stepQuestions, /* stepId, */ tripProfile = _a.tripProfile, callbackTripAnswers = _a.callbackTripAnswers;
     var _b = (0, react_1.useState)(defaultTip), tip = _b[0], setTip = _b[1];
     var onFocus = function (qId) {
         var focusedQ = stepQuestions.find(function (x) { return x.id === qId; });
@@ -64334,8 +64336,11 @@ var react_1 = __importStar(__webpack_require__(0));
 var QuestionContext2_1 = __importDefault(__webpack_require__(348));
 var SelectQuestion_1 = __importDefault(__webpack_require__(661));
 var Question2 = function (_a) {
+    var _b, _c;
     var changed = _a.changed, flexDirection = _a.flexDirection;
-    var _b = (0, react_1.useContext)(QuestionContext2_1.default), questions = _b.questions, defaultAnswers = _b.defaultAnswers;
+    var _d = (0, react_1.useContext)(QuestionContext2_1.default), questions = _d.questions, defaultAnswers = _d.defaultAnswers;
+    var defaultAnswer1 = (_b = questions[0].answers.find(function (option) { return defaultAnswers.includes(option.id); })) === null || _b === void 0 ? void 0 : _b.id;
+    var defaultAnswer2 = (_c = questions[1].answers.find(function (option) { return defaultAnswers.includes(option.id); })) === null || _c === void 0 ? void 0 : _c.id;
     var selectionChanged = function (addedOptionId, removedOptionId) {
         var newAnswers = __spreadArray([], defaultAnswers, true);
         if (removedOptionId) {
@@ -64345,14 +64350,12 @@ var Question2 = function (_a) {
             newAnswers.push(addedOptionId);
         changed(newAnswers);
     };
-    // const defaultAnswer1 = questions[0].answers.find((option) => defaultAnswers.includes(option.id))?.id;
-    // const defaultAnswer2 = questions[1].answers.find((option) => defaultAnswers.includes(option.id))?.id;
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("h3", { className: "mt10 mb6" }, "What type of restaurants do you prefer?"),
         react_1.default.createElement("h4", { className: "my2" }, "Lunch/Brunch"),
-        react_1.default.createElement(SelectQuestion_1.default, { question: questions[0], selectionChanged: selectionChanged, flexDirection: flexDirection }),
+        react_1.default.createElement(SelectQuestion_1.default, { question: questions[0], defaultAnswer: defaultAnswer1, selectionChanged: selectionChanged, flexDirection: flexDirection }),
         react_1.default.createElement("h4", { className: "my2" }, "Dinner"),
-        react_1.default.createElement(SelectQuestion_1.default, { question: questions[1], selectionChanged: selectionChanged, flexDirection: flexDirection })));
+        react_1.default.createElement(SelectQuestion_1.default, { question: questions[1], defaultAnswer: defaultAnswer2, selectionChanged: selectionChanged, flexDirection: flexDirection })));
 };
 exports.default = Question2;
 
@@ -64403,7 +64406,7 @@ var SelectQuestion = function (_a) {
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { style: flexDirection === 'column' ? { display: 'flex', flexDirection: 'column' } : undefined },
-            react_1.default.createElement(Dropdown_1.default, { defaultValue: defaultAnswer, options: question.answers.map(function (option) { return ({ value: option.id, label: option.name }); }), selectChange: handleChange }))));
+            react_1.default.createElement(Dropdown_1.default, { defaultValue: defaultAnswer, options: question.answers.map(function (option) { return ({ value: option.id, label: option.name }); }), selectChange: handleChange, skippable: question.skippable }))));
 };
 exports.default = SelectQuestion;
 
@@ -64736,7 +64739,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(__webpack_require__(0));
 var Button_1 = __importDefault(__webpack_require__(6));
-var ButtonTypes_1 = __importDefault(__webpack_require__(23));
+var ButtonTypes_1 = __importDefault(__webpack_require__(24));
 var NumberCounter_scss_1 = __importDefault(__webpack_require__(666));
 var NumberCounter = function (_a) {
     var header = _a.header, _b = _a.defaultValue, defaultValue = _b === void 0 ? 0 : _b, minValue = _a.minValue, maxValue = _a.maxValue, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur;
@@ -67969,11 +67972,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(__webpack_require__(0));
 var Button_1 = __importDefault(__webpack_require__(6));
-var ButtonTypes_1 = __importDefault(__webpack_require__(23));
 var EllipseIcon_1 = __importDefault(__webpack_require__(358));
 var ResetPasswordEmail_scss_1 = __importDefault(__webpack_require__(758));
 var ResetPasswordEmail = function (_a) {
-    var goMailBox = _a.goMailBox, goBack = _a.goBack;
+    var goBack = _a.goBack;
     return (react_1.default.createElement("div", null,
         react_1.default.createElement("div", { className: "row center mb10" },
             react_1.default.createElement(EllipseIcon_1.default, { name: "RESET_PASSWORD_EMAIL" })),
@@ -67985,9 +67987,7 @@ var ResetPasswordEmail = function (_a) {
                 react_1.default.createElement("span", { className: ResetPasswordEmail_scss_1.default.text }, "Please check your mail inbox first and get your verification code."))),
         react_1.default.createElement("div", { className: "row center mt5" },
             react_1.default.createElement("div", { className: "col col12 my2" },
-                react_1.default.createElement(Button_1.default, { className: ResetPasswordEmail_scss_1.default.resetPassAppButton, color: "primary", text: "Check my mail inbox", onClick: goMailBox })),
-            react_1.default.createElement("div", { className: "col col12 my2" },
-                react_1.default.createElement(Button_1.default, { className: ResetPasswordEmail_scss_1.default.resetPassAppButton, text: "or back to sign in page", color: "secondary", type: ButtonTypes_1.default.TEXT, onClick: goBack })))));
+                react_1.default.createElement(Button_1.default, { className: ResetPasswordEmail_scss_1.default.resetPassAppButton, color: "primary", text: "Back to sign in page", onClick: goBack })))));
 };
 exports.default = ResetPasswordEmail;
 
@@ -68198,7 +68198,7 @@ var StepAlternativeCard_1 = __importDefault(__webpack_require__(111));
 var RatingStars_1 = __importDefault(__webpack_require__(31));
 var Button_1 = __importDefault(__webpack_require__(6));
 var Replace_1 = __importDefault(__webpack_require__(99));
-var ButtonTypes_1 = __importDefault(__webpack_require__(23));
+var ButtonTypes_1 = __importDefault(__webpack_require__(24));
 var ImgLazy_1 = __importDefault(__webpack_require__(14));
 var Tour_1 = __importDefault(__webpack_require__(106));
 var Ticket_1 = __importDefault(__webpack_require__(107));
@@ -68610,7 +68610,7 @@ var moment_1 = __importDefault(__webpack_require__(1));
 var Dropdown_1 = __importDefault(__webpack_require__(25));
 var Button_1 = __importDefault(__webpack_require__(6));
 /* import classes from './StepTimeframe.scss'; */
-var ButtonTypes_1 = __importDefault(__webpack_require__(23));
+var ButtonTypes_1 = __importDefault(__webpack_require__(24));
 var StepTimeframe = function (_a) {
     var defaultTimeframe = _a.defaultTimeframe, callbackStepTimeframe = _a.callbackStepTimeframe;
     var _b = (0, react_1.useState)({ startTime: '', endTime: '' }), timeframe = _b[0], setTimeframe = _b[1];
@@ -68692,7 +68692,7 @@ var react_1 = __importDefault(__webpack_require__(0));
 var Switch_scss_1 = __importDefault(__webpack_require__(772));
 var SwitchIcon_1 = __importDefault(__webpack_require__(116));
 var Button_1 = __importDefault(__webpack_require__(6));
-var ButtonTypes_1 = __importDefault(__webpack_require__(23));
+var ButtonTypes_1 = __importDefault(__webpack_require__(24));
 var Switch = function (_a) {
     // const [action, setAction] = useState<boolean>(value);
     var onchange = _a.onchange, _b = _a.value, value = _b === void 0 ? false : _b;