@tripian/react 9.0.13 → 9.0.14

package/index.js

@@ -80502,9 +80502,9 @@ var NumberCounter_1 = __importDefault(__webpack_require__(108));
 var DatePicker_1 = __importDefault(__webpack_require__(62));
 var GygTourInfoForm_scss_1 = __importDefault(__webpack_require__(827));
 var GygTourInfoForm = function (_a) {
-    var formPersonsCategories = _a.formPersonsCategories, personsCategories = _a.personsCategories, setPersonsCategories = _a.setPersonsCategories, availableDates = _a.availableDates, availableDate = _a.availableDate, setAvailableDate = _a.setAvailableDate;
-    return (react_1.default.createElement("div", { className: GygTourInfoForm_scss_1.default.gygTourInfoForm }, availableDates.length === 0 ? (react_1.default.createElement("span", { className: GygTourInfoForm_scss_1.default.warningMessage }, "No available days")) : (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("h3", { className: GygTourInfoForm_scss_1.default.gygTourInfoFormHeader }, "Select participants and date"),
+    var formPersonsCategories = _a.formPersonsCategories, personsCategories = _a.personsCategories, setPersonsCategories = _a.setPersonsCategories, availableDates = _a.availableDates, availableDate = _a.availableDate, setAvailableDate = _a.setAvailableDate, t = _a.t;
+    return (react_1.default.createElement("div", { className: GygTourInfoForm_scss_1.default.gygTourInfoForm }, availableDates.length === 0 ? (react_1.default.createElement("span", { className: GygTourInfoForm_scss_1.default.warningMessage }, t('trips.myTrips.localExperiences.tourDetails.noAvailableDays'))) : (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("h3", { className: GygTourInfoForm_scss_1.default.gygTourInfoFormHeader }, t('trips.myTrips.localExperiences.tourDetails.selectParticipantsAndDate')),
         react_1.default.createElement("ul", { className: GygTourInfoForm_scss_1.default.gygTourInfoFormList },
             react_1.default.createElement("li", { className: GygTourInfoForm_scss_1.default.gygTourInfoFormListItem },
                 react_1.default.createElement("div", { className: GygTourInfoForm_scss_1.default.gygTourInfoDatePicker }, availableDate && (react_1.default.createElement(DatePicker_1.default, { currentDate: (0, moment_1.default)(availableDate), startDate: (0, moment_1.default)(availableDates[0]), endDate: (0, moment_1.default)(availableDates[availableDates.length - 1]).add('day', 1), onchanged: function (date) {
@@ -80518,7 +80518,8 @@ var GygTourInfoForm = function (_a) {
                 var count = (_b = (_a = personsCategories.find(function (x) { return x.id === formPersonsCategory.id; })) === null || _a === void 0 ? void 0 : _a.count) !== null && _b !== void 0 ? _b : 0;
                 return (react_1.default.createElement("li", { key: formPersonsCategory.id, className: GygTourInfoForm_scss_1.default.gygTourInfoFormListItem },
                     react_1.default.createElement("div", { className: GygTourInfoForm_scss_1.default.gygTourInfoPersonAge },
-                        "Age: ",
+                        t('trips.myTrips.localExperiences.tourDetails.age'),
+                        ": ",
                         formPersonsCategory.min_age,
                         " - ",
                         formPersonsCategory.max_age),
@@ -80638,7 +80639,7 @@ var Button_1 = __importDefault(__webpack_require__(10));
 var GygTourOption_scss_1 = __importDefault(__webpack_require__(831));
 var GygTourOption = function (_a) {
     var _b;
-    var tourOption = _a.tourOption, availabilities = _a.availabilities, priceTotal = _a.priceTotal, adultCount = _a.adultCount, childrenCount = _a.childrenCount, bookingRequestCallback = _a.bookingRequestCallback;
+    var tourOption = _a.tourOption, availabilities = _a.availabilities, priceTotal = _a.priceTotal, adultCount = _a.adultCount, childrenCount = _a.childrenCount, bookingRequestCallback = _a.bookingRequestCallback, t = _a.t;
     var _c = (0, react_1.useState)(tourOption.booking_parameter), bookingParameters = _c[0], setBookingParameters = _c[1];
     var _d = (0, react_1.useState)(availabilities[0].start_time), startingTime = _d[0], setStartingTime = _d[1];
     var _e = (0, react_1.useState)(), languageOption = _e[0], setLanguageOption = _e[1];
@@ -80768,7 +80769,9 @@ var GygTourOption = function (_a) {
     return (react_1.default.createElement("div", { className: GygTourOption_scss_1.default.mainDiv },
         react_1.default.createElement("h4", { className: GygTourOption_scss_1.default.optionDiv }, tourOption.title),
         react_1.default.createElement("div", { className: GygTourOption_scss_1.default.optionDiv },
-            react_1.default.createElement("h4", { className: GygTourOption_scss_1.default.parameters }, "Starting Time (*)")),
+            react_1.default.createElement("h4", { className: GygTourOption_scss_1.default.parameters },
+                t('trips.myTrips.localExperiences.tourDetails.startingTime'),
+                " (*)")),
         react_1.default.createElement(RSelect_1.default, { selectedOptionValue: startingTime, options: availabilities.map(function (availability) { return ({
                 value: availability.start_time,
                 label: (0, moment_1.default)(availability.start_time).format('LT'),
@@ -80779,7 +80782,8 @@ var GygTourOption = function (_a) {
         react_1.default.createElement("div", { className: GygTourOption_scss_1.default.optionDiv },
             react_1.default.createElement("div", { className: GygTourOption_scss_1.default.totalPriceDiv },
                 react_1.default.createElement("div", null,
-                    "Total Price :",
+                    t('trips.myTrips.localExperiences.tourDetails.totalPrice'),
+                    " :",
                     savingRate ? (react_1.default.createElement(react_1.default.Fragment, null,
                         react_1.default.createElement("span", { style: { textDecoration: 'line-through' }, className: "mr1" },
                             "$",
@@ -80789,13 +80793,17 @@ var GygTourOption = function (_a) {
                             totalPrice.toFixed(2)))) : (react_1.default.createElement("span", { className: GygTourOption_scss_1.default.totalPriceText },
                         "$",
                         totalPrice.toFixed(2)))),
-                savingRate && react_1.default.createElement("div", { className: GygTourOption_scss_1.default.savingRate },
-                    "Save up to ",
+                savingRate && (react_1.default.createElement("div", { className: GygTourOption_scss_1.default.savingRate },
+                    t('trips.myTrips.localExperiences.tourDetails.saveUpTo'),
+                    " ",
                     savingRate,
-                    "%")),
-            react_1.default.createElement("div", { className: GygTourOption_scss_1.default.feeText }, "(All taxes and fees included)")),
+                    "%"))),
+            react_1.default.createElement("div", { className: GygTourOption_scss_1.default.feeText },
+                "(",
+                t('trips.myTrips.localExperiences.tourDetails.taxesAndFees'),
+                ")")),
         react_1.default.createElement("div", { className: "center" },
-            react_1.default.createElement(Button_1.default, { color: "primary", disabled: isButtonDisabled, className: GygTourOption_scss_1.default.addToChartButton, onClick: addToChart, text: "BOOK NOW" }))));
+            react_1.default.createElement(Button_1.default, { color: "primary", disabled: isButtonDisabled, className: GygTourOption_scss_1.default.addToChartButton, onClick: addToChart, text: t('trips.myTrips.localExperiences.tourDetails.bookNow') }))));
 };
 exports.default = GygTourOption;
 
@@ -80862,7 +80870,7 @@ var RSelect_1 = __importDefault(__webpack_require__(57));
 var Button_1 = __importDefault(__webpack_require__(10));
 var GygTourShoppingForm_scss_1 = __importDefault(__webpack_require__(834));
 var GygTourShoppingForm = function (_a) {
-    var user = _a.user, clicked = _a.clicked, goBack = _a.goBack;
+    var user = _a.user, clicked = _a.clicked, goBack = _a.goBack, t = _a.t;
     var _b = (0, react_1.useState)({
         user: {
             first_name: (user === null || user === void 0 ? void 0 : user.firstName) || '',
@@ -80880,21 +80888,21 @@ var GygTourShoppingForm = function (_a) {
     return (react_1.default.createElement("div", { className: GygTourShoppingForm_scss_1.default.tourShoppingForm },
         react_1.default.createElement("div", { className: "row p4" },
             react_1.default.createElement("div", { className: "col col12 my2" },
-                react_1.default.createElement("h3", { className: "center" }, "Traveler Informations")),
+                react_1.default.createElement("h3", { className: "center" }, t('trips.myTrips.localExperiences.tourDetails.travelerInformations'))),
             react_1.default.createElement("div", { className: GygTourShoppingForm_scss_1.default.gygTourShoppingFormClose },
                 react_1.default.createElement(CloseIconButton_1.default, { fill: "#fff", clicked: goBack })),
             react_1.default.createElement("div", { className: "col col6" },
-                react_1.default.createElement("h4", { className: "my2" }, "First Name"),
+                react_1.default.createElement("h4", { className: "my2" }, t('trips.myTrips.localExperiences.tourDetails.firstName')),
                 react_1.default.createElement(TextField_1.default, { type: "text", name: "first_name", value: formData.user.first_name, onChange: function (event) {
                         setFormData(__assign(__assign({}, formData), { user: __assign(__assign({}, formData.user), { first_name: event.target.value }) }));
                     }, autocomplete: "on" })),
             react_1.default.createElement("div", { className: "col col6" },
-                react_1.default.createElement("h4", { className: "my2" }, "Last Name"),
+                react_1.default.createElement("h4", { className: "my2" }, t('trips.myTrips.localExperiences.tourDetails.lastName')),
                 react_1.default.createElement(TextField_1.default, { type: "text", name: "last_name", value: formData.user.last_name, onChange: function (event) {
                         setFormData(__assign(__assign({}, formData), { user: __assign(__assign({}, formData.user), { last_name: event.target.value }) }));
                     }, autocomplete: "on" })),
             react_1.default.createElement("div", { className: "col col4-m col12" },
-                react_1.default.createElement("h4", { className: "my2" }, "Country Code"),
+                react_1.default.createElement("h4", { className: "my2" }, t('trips.myTrips.localExperiences.tourDetails.countryCode')),
                 react_1.default.createElement(RSelect_1.default, { options: timezones_1.allTimeZone.map(function (tz) { return ({
                         value: tz.Code,
                         label: "".concat(tz.Name, " (").concat(tz.MobileCode, ")"),
@@ -80902,50 +80910,50 @@ var GygTourShoppingForm = function (_a) {
                         setFormData(__assign(__assign({}, formData), { user: __assign(__assign({}, formData.user), { country_code: selectedOption.value }) }));
                     } })),
             react_1.default.createElement("div", { className: "col col4-m col12" },
-                react_1.default.createElement("h4", { className: "my2" }, "Phone Number"),
+                react_1.default.createElement("h4", { className: "my2" }, t('trips.myTrips.localExperiences.tourDetails.phoneNumber')),
                 react_1.default.createElement(TextField_1.default, { type: "text", name: "phone_number", value: formData.user.phone_number, onChange: function (event) {
                         setFormData(__assign(__assign({}, formData), { user: __assign(__assign({}, formData.user), { phone_number: event.target.value }) }));
                     }, autocomplete: "on" })),
             react_1.default.createElement("div", { className: "col col4-m col12" },
-                react_1.default.createElement("h4", { className: "my2" }, "Email"),
+                react_1.default.createElement("h4", { className: "my2" }, t('trips.myTrips.localExperiences.tourDetails.email')),
                 react_1.default.createElement(TextField_1.default, { type: "email", name: "email", value: formData.user.email, onChange: function (event) {
                         setFormData(__assign(__assign({}, formData), { user: __assign(__assign({}, formData.user), { email: event.target.value }) }));
                     }, autocomplete: "on" })),
             react_1.default.createElement("div", { className: "col col12" },
-                react_1.default.createElement("h4", { className: "my2" }, "Address"),
+                react_1.default.createElement("h4", { className: "my2" }, t('trips.myTrips.localExperiences.tourDetails.address')),
                 react_1.default.createElement(TextField_1.default, { type: "text", name: "address", value: formData.user.address_line_1, onChange: function (event) {
                         setFormData(__assign(__assign({}, formData), { user: __assign(__assign({}, formData.user), { address_line_1: event.target.value }) }));
                     }, autocomplete: "on" })),
             react_1.default.createElement("div", { className: "col col6" },
-                react_1.default.createElement("h4", { className: "my2" }, "City"),
+                react_1.default.createElement("h4", { className: "my2" }, t('trips.myTrips.localExperiences.tourDetails.city')),
                 react_1.default.createElement(TextField_1.default, { type: "text", name: "city", value: formData.user.city, onChange: function (event) {
                         setFormData(__assign(__assign({}, formData), { user: __assign(__assign({}, formData.user), { city: event.target.value }) }));
                     }, autocomplete: "on" })),
             react_1.default.createElement("div", { className: "col col6" },
-                react_1.default.createElement("h4", { className: "my2" }, "Postal Code"),
+                react_1.default.createElement("h4", { className: "my2" }, t('trips.myTrips.localExperiences.tourDetails.postalCode')),
                 react_1.default.createElement(TextField_1.default, { type: "text", name: "postal_code", value: formData.user.postal_code, onChange: function (event) {
                         setFormData(__assign(__assign({}, formData), { user: __assign(__assign({}, formData.user), { postal_code: event.target.value }) }));
                     }, autocomplete: "on" })),
             react_1.default.createElement("div", { className: "col col12 my1" },
-                react_1.default.createElement("h3", { className: "center" }, "Billing Informations")),
-            react_1.default.createElement("span", { className: GygTourShoppingForm_scss_1.default.paymentInfo }, "Payment are secure and encrypted"),
+                react_1.default.createElement("h3", { className: "center" }, t('trips.myTrips.localExperiences.tourDetails.billingInformations'))),
+            react_1.default.createElement("span", { className: GygTourShoppingForm_scss_1.default.paymentInfo }, t('trips.myTrips.localExperiences.tourDetails.paymentAreSecureAndEncrypted')),
             react_1.default.createElement("div", { className: "col col12" },
-                react_1.default.createElement("h4", { className: "my2" }, "Holder Name"),
+                react_1.default.createElement("h4", { className: "my2" }, t('trips.myTrips.localExperiences.tourDetails.holderName')),
                 react_1.default.createElement(TextField_1.default, { type: "text", name: "credit_card_fullname", value: formData.creditCard.holderName, onChange: function (event) {
                         setFormData(__assign(__assign({}, formData), { creditCard: __assign(__assign({}, formData.creditCard), { holderName: event.target.value }) }));
                     }, autocomplete: "on" })),
             react_1.default.createElement("div", { className: "col col12" },
-                react_1.default.createElement("h4", { className: "my2" }, "Card Number"),
+                react_1.default.createElement("h4", { className: "my2" }, t('trips.myTrips.localExperiences.tourDetails.cardNumber')),
                 react_1.default.createElement(TextField_1.default, { type: "text", name: "credit_card_no", value: formData.creditCard.number, onChange: function (event) {
                         setFormData(__assign(__assign({}, formData), { creditCard: __assign(__assign({}, formData.creditCard), { number: event.target.value }) }));
                     }, autocomplete: "on" })),
             react_1.default.createElement("div", { className: "col col4" },
-                react_1.default.createElement("h4", { className: "my2" }, "Expiry Month"),
+                react_1.default.createElement("h4", { className: "my2" }, t('trips.myTrips.localExperiences.tourDetails.expiryMonth')),
                 react_1.default.createElement(TextField_1.default, { type: "text", name: "expiryMonth", value: formData.creditCard.expiryMonth, onChange: function (event) {
                         setFormData(__assign(__assign({}, formData), { creditCard: __assign(__assign({}, formData.creditCard), { expiryMonth: event.target.value }) }));
                     }, autocomplete: "on" })),
             react_1.default.createElement("div", { className: "col col4" },
-                react_1.default.createElement("h4", { className: "my2" }, "Expiry Year"),
+                react_1.default.createElement("h4", { className: "my2" }, t('trips.myTrips.localExperiences.tourDetails.expiryYear')),
                 react_1.default.createElement(TextField_1.default, { type: "text", name: "expiryYear", value: formData.creditCard.expiryYear, onChange: function (event) {
                         setFormData(__assign(__assign({}, formData), { creditCard: __assign(__assign({}, formData.creditCard), { expiryYear: event.target.value }) }));
                     }, autocomplete: "on" })),
@@ -80960,7 +80968,7 @@ var GygTourShoppingForm = function (_a) {
                         var newFormData = model_1.helper.deepCopy(formData);
                         newFormData.user.phone_number = ((selectedCountry === null || selectedCountry === void 0 ? void 0 : selectedCountry.MobileCode) || '') + newFormData.user.phone_number;
                         clicked(newFormData);
-                    }, text: "Confirm Booking", color: "primary", disabled: isButtonDisabled })))));
+                    }, text: t('trips.myTrips.localExperiences.tourDetails.confirmBooking'), color: "primary", disabled: isButtonDisabled })))));
 };
 exports.default = GygTourShoppingForm;