@tripian/react 9.0.8 → 9.0.10

package/components/FormTemplate/FormTemplateTripNext/StepComponent/StepComponent.d.ts

@@ -11,6 +11,7 @@ export interface StepComponentProps {
     stepId: number;
     tripProfile: Model.TripProfile;
     callbackTripAnswers: (answers: number[]) => void;
+    t: (value: Model.TranslationKey) => string;
 }
 declare const StepComponent: React.FC<StepComponentProps>;
 export default StepComponent;

package/components/QuestionTemplate/Question/Question2.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
+import Model from '@tripian/model';
 interface IQuestion2 {
     changed: (answers: Array<number>) => void;
     flexDirection: 'column' | 'row';
+    t: (value: Model.TranslationKey) => string;
 }
 declare const Question2: React.FC<IQuestion2>;
 export default Question2;

package/components/QuestionTemplate/QuestionTemplate2.d.ts

@@ -5,6 +5,7 @@ interface IQuestionTemplate2 {
     answers: Array<number>;
     callbackAnswers: (answers: Array<number>) => void;
     flexDirection?: 'column' | 'row';
+    t: (value: Model.TranslationKey) => string;
 }
 declare const QuestionTemplate2: React.FC<IQuestionTemplate2>;
 export default QuestionTemplate2;

package/components/QuestionTemplateNext/Question/Question2.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
+import Model from '@tripian/model';
 interface IQuestion2 {
     changed: (answers: Array<number>) => void;
     flexDirection: 'column' | 'row';
+    t: (value: Model.TranslationKey) => string;
 }
 declare const Question2: React.FC<IQuestion2>;
 export default Question2;

package/components/QuestionTemplateNext/QuestionTemplate2.d.ts

@@ -7,6 +7,7 @@ interface IQuestionTemplate2 {
     onFocus?: () => void;
     onBlur?: () => void;
     flexDirection?: 'column' | 'row';
+    t: (value: Model.TranslationKey) => string;
 }
 declare const QuestionTemplate2: React.FC<IQuestionTemplate2>;
 export default QuestionTemplate2;

package/components/base/SideNavigation/SideNavigation.d.ts

@@ -20,7 +20,7 @@ interface ISideNavigation {
     showThemeSwitch: boolean;
     showFeedbackModal: boolean;
     setShowFeedbackModal: (show: boolean) => void;
-    languageOptions?: Model.LangCodes;
+    languageOptions?: Model.LangCode[];
     selectedLanguage: string;
     onSelectedLanguage: (value: string) => void;
     t: (value: Model.TranslationKey) => string;

package/index.js

@@ -75798,7 +75798,7 @@ var FormTemplateTripNext = function (_a) {
         react_1.default.createElement("div", { className: "container pt5 ".concat(FormTemplateTripNext_scss_1.default.stepDestination) },
             stepId === -1 && cities.length > 0 && react_1.default.createElement(StepDestination_1.default, { tripProfile: tripProfile, destinations: destinations, setTripProfile: callbackTripProfile, isTripEdit: isTripEdit, destinationTips: destinationTips, t: t }),
             stepId === 0 && (react_1.default.createElement(StepTravelerInfo_1.default, { tripProfile: tripProfile, cities: cities, bound: bound, setBound: setBoundMemo, setTripProfile: callbackTripProfile, callbackUserCompanionAdd: callbackUserCompanionAdd, companionLoadingList: companionLoadingList, userCompanionQuestions: userCompanionQuestions, userCompanions: userCompanions, travelerInfoTips: travelerInfoTips, t: t })),
-            stepId > 0 && react_1.default.createElement(StepComponent_1.default, { defaultTip: questionDefaultTip, header: stepHeader.header, stepQuestions: stepQuestions, stepId: stepId, tripProfile: tripProfile, callbackTripAnswers: callbackTripAnswers }),
+            stepId > 0 && react_1.default.createElement(StepComponent_1.default, { defaultTip: questionDefaultTip, header: stepHeader.header, stepQuestions: stepQuestions, stepId: stepId, tripProfile: tripProfile, callbackTripAnswers: callbackTripAnswers, t: t }),
             react_1.default.createElement("div", { className: "row ".concat(FormTemplateTripNext_scss_1.default.formTempButtons) },
                 react_1.default.createElement("div", { className: "col col12 col8-m mb0" },
                     react_1.default.createElement("div", { className: "row center m0" },
@@ -75875,7 +75875,7 @@ var QuestionTemplate_1 = __importDefault(__webpack_require__(750));
 var QuestionTemplate2_1 = __importDefault(__webpack_require__(759));
 var StepComponent_scss_1 = __importDefault(__webpack_require__(762));
 var StepComponent = function (_a) {
-    var /* header, */ defaultTip = _a.defaultTip, stepQuestions = _a.stepQuestions, /* stepId, */ tripProfile = _a.tripProfile, callbackTripAnswers = _a.callbackTripAnswers;
+    var /* header, */ defaultTip = _a.defaultTip, stepQuestions = _a.stepQuestions, /* stepId, */ tripProfile = _a.tripProfile, callbackTripAnswers = _a.callbackTripAnswers, t = _a.t;
     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; });
@@ -75893,7 +75893,7 @@ var StepComponent = function (_a) {
                 otherQuestions.map(function (q) { return (react_1.default.createElement(QuestionTemplate_1.default, { key: q.id, question: q, answers: tripProfile.answers, callbackAnswers: callbackTripAnswers, flexDirection: "row", onFocus: function () { return onFocus(q.id); }, onBlur: function () { return setTip(defaultTip); } })); }),
                 exploreQuestion && react_1.default.createElement(QuestionTemplate_1.default, { question: exploreQuestion, answers: tripProfile.answers, callbackAnswers: callbackTripAnswers, flexDirection: "column", onFocus: function () { return onFocus(exploreQuestion.id); }, onBlur: function () { return setTip(defaultTip); } }),
                 restaurantsQuestions.length > 0 ? (react_1.default.createElement("div", { key: restaurantsQuestions[0].id, className: "col col12 col12-m" },
-                    react_1.default.createElement(QuestionTemplate2_1.default, { questions: restaurantsQuestions, answers: tripProfile.answers, callbackAnswers: callbackTripAnswers, onFocus: function () { return onFocus(restaurantsQuestions[0].id); }, onBlur: function () { return setTip(defaultTip); } }))) : null),
+                    react_1.default.createElement(QuestionTemplate2_1.default, { questions: restaurantsQuestions, answers: tripProfile.answers, callbackAnswers: callbackTripAnswers, onFocus: function () { return onFocus(restaurantsQuestions[0].id); }, onBlur: function () { return setTip(defaultTip); }, t: t }))) : null),
             react_1.default.createElement("div", { className: "col col12 col4-m py5 hide-s ".concat(StepComponent_scss_1.default.stepCompRight) },
                 react_1.default.createElement(InfoBox_1.default, { title: tip.title, description: tip.description, iconUrl: tip.iconUrl })))));
 };
@@ -76364,7 +76364,7 @@ var react_1 = __importDefault(__webpack_require__(0));
 var QuestionContext2_1 = __importDefault(__webpack_require__(398));
 var Question2_1 = __importDefault(__webpack_require__(760));
 var QuestionTemplate2 = function (_a) {
-    var questions = _a.questions, answers = _a.answers, callbackAnswers = _a.callbackAnswers, onFocus = _a.onFocus, onBlur = _a.onBlur, _b = _a.flexDirection, flexDirection = _b === void 0 ? 'row' : _b;
+    var questions = _a.questions, answers = _a.answers, callbackAnswers = _a.callbackAnswers, onFocus = _a.onFocus, onBlur = _a.onBlur, _b = _a.flexDirection, flexDirection = _b === void 0 ? 'row' : _b, t = _a.t;
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { key: questions[0].id, onFocus: function () {
                 if (onFocus)
@@ -76377,7 +76377,7 @@ var QuestionTemplate2 = function (_a) {
                     questions: questions,
                     defaultAnswers: answers,
                 } },
-                react_1.default.createElement(Question2_1.default, { changed: callbackAnswers, flexDirection: flexDirection })))));
+                react_1.default.createElement(Question2_1.default, { changed: callbackAnswers, flexDirection: flexDirection, t: t })))));
 };
 exports.default = QuestionTemplate2;
 
@@ -76430,7 +76430,7 @@ var QuestionContext2_1 = __importDefault(__webpack_require__(398));
 var SelectQuestion_1 = __importDefault(__webpack_require__(761));
 var Question2 = function (_a) {
     var _b, _c;
-    var changed = _a.changed, flexDirection = _a.flexDirection;
+    var changed = _a.changed, flexDirection = _a.flexDirection, t = _a.t;
     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;
@@ -76444,10 +76444,10 @@ var Question2 = function (_a) {
         changed(newAnswers);
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("h4", { className: "mt7 mb5" }, "What type of restaurants do you prefer?"),
-        react_1.default.createElement("h5", { className: "my2" }, "Lunch/Brunch"),
+        react_1.default.createElement("h4", { className: "mt7 mb5" }, t('trips.createNewTrip.restaurantQuestion.title')),
+        react_1.default.createElement("h5", { className: "my2" }, t('trips.createNewTrip.restaurantQuestion.lunchBrunch')),
         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("h4", { className: "my2" }, t('trips.createNewTrip.restaurantQuestion.dinner')),
         react_1.default.createElement(SelectQuestion_1.default, { question: questions[1], defaultAnswer: defaultAnswer2, selectionChanged: selectionChanged, flexDirection: flexDirection })));
 };
 exports.default = Question2;
@@ -82856,8 +82856,8 @@ var SideNavigation = function (_a) {
                         } })),
                 showThemeSwitch && (react_1.default.createElement("div", { className: SideNavigation_scss_1.default.themeToggle },
                     react_1.default.createElement(ToggleSwitch_1.default, { checked: themeSwitchChecked, optionLabels: [t('theme.dark'), t('theme.light')], onChange: function () { return themeSwitchCheckedOnchange(themeSwitchChecked); } })))),
-            languageOptions && Object.keys(languageOptions[selectedLanguage]).length > 0 && (react_1.default.createElement("div", { className: SideNavigation_scss_1.default.languageSelect },
-                react_1.default.createElement("select", { value: selectedLanguage, onChange: function (e) { return onSelectedLanguage(e.target.value); } }, Object.keys(languageOptions[selectedLanguage]).map(function (option) { return (react_1.default.createElement("option", { key: option, value: option }, languageOptions[selectedLanguage][option])); })))),
+            languageOptions && languageOptions.length > 0 && (react_1.default.createElement("div", { className: SideNavigation_scss_1.default.languageSelect },
+                react_1.default.createElement("select", { value: selectedLanguage, onChange: function (e) { return onSelectedLanguage(e.target.value); } }, languageOptions.map(function (option) { return (react_1.default.createElement("option", { key: option.value, value: option.value }, option.label)); })))),
             react_1.default.createElement("ul", { className: "".concat(SideNavigation_scss_1.default.sidenavList, " ").concat(showBbButton ? SideNavigation_scss_1.default.sideNavCustomHeight : '') },
                 menuItems.some(function (menuItem) { return !menuItem.hide && menuItem.header === MENUITEMS.TRIPS; }) && (react_1.default.createElement("li", null,
                     react_1.default.createElement("h3", { className: "m4" }, t('trips.title').toUpperCase()))),