@tripian/react 9.1.9 → 9.1.11

package/index.js

@@ -86394,12 +86394,12 @@ var ViatorProductCardImage_1 = __importDefault(__webpack_require__(963));
 var ViatorProductCardText_1 = __importDefault(__webpack_require__(965));
 var ViatorProductCard_scss_1 = __importDefault(__webpack_require__(967));
 var ViatorProductCard = function (_a) {
-    var product = _a.product, bodyClicked = _a.bodyClicked;
+    var product = _a.product, bodyClicked = _a.bodyClicked, t = _a.t;
     return (react_1.default.createElement("div", { className: ViatorProductCard_scss_1.default.viatorProductCard, onKeyDown: function () { }, role: "button", tabIndex: 0, onClick: function () {
             bodyClicked(product);
         } },
         react_1.default.createElement(ViatorProductCardImage_1.default, { image: product.images[0] }),
-        react_1.default.createElement(ViatorProductCardText_1.default, { product: product }),
+        react_1.default.createElement(ViatorProductCardText_1.default, { product: product, t: t }),
         react_1.default.createElement("div", { className: ViatorProductCard_scss_1.default.providerName },
             react_1.default.createElement("div", { className: ViatorProductCard_scss_1.default.favicon }),
             react_1.default.createElement("div", { className: ViatorProductCard_scss_1.default.companyName }, "Viator"))));
@@ -86475,15 +86475,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable react/no-array-index-key */
 /* eslint-disable no-nested-ternary */
 var react_1 = __importStar(__webpack_require__(0));
-var ViatorProductCardText_scss_1 = __importDefault(__webpack_require__(966));
 var Icons_1 = __webpack_require__(20);
+var ViatorProductCardText_scss_1 = __importDefault(__webpack_require__(966));
 var FLAG;
 (function (FLAG) {
     FLAG["FREE_CANCELLATION"] = "Free Cancellation";
     FLAG["LIKELY_TO_SELL_OUT"] = "Likely To Sell Out";
+    FLAG["NEW_ON_VIATOR"] = "New On Viator";
+    FLAG["VIATOR_EXCLUSIVE"] = "Viator Exclusive";
+    FLAG["SKIP_THE_LINE"] = "Skip The Line";
+    FLAG["PRIVATE_TOUR"] = "Private Tour";
+    FLAG["SPECIAL_OFFER"] = "Special Offer";
 })(FLAG || (FLAG = {}));
 var ViatorProductCardText = function (_a) {
-    var product = _a.product;
+    var product = _a.product, t = _a.t;
     var amount = product.pricing.summary.fromPrice.toString();
     var flags = product.flags.map(function (pr) {
         return pr
@@ -86492,26 +86497,49 @@ var ViatorProductCardText = function (_a) {
             .map(function (p) { return p && p[0].toUpperCase() + p.slice(1); })
             .join(' ');
     });
+    var translateFlag = function (flag) {
+        switch (flag) {
+            case FLAG.FREE_CANCELLATION:
+                return t('trips.myTrips.localExperiences.tourDetails.freeCancellation');
+            case FLAG.LIKELY_TO_SELL_OUT:
+                return t('trips.myTrips.localExperiences.tourDetails.likelyToSellOut');
+            case FLAG.NEW_ON_VIATOR:
+                return t('trips.myTrips.localExperiences.tourDetails.newOnViator');
+            case FLAG.VIATOR_EXCLUSIVE:
+                return t('trips.myTrips.localExperiences.tourDetails.viatorExclusive');
+            case FLAG.SKIP_THE_LINE:
+                return t('trips.myTrips.localExperiences.tourDetails.skipTheLine');
+            case FLAG.PRIVATE_TOUR:
+                return t('trips.myTrips.localExperiences.tourDetails.privateTour');
+            case FLAG.SPECIAL_OFFER:
+                return t('trips.myTrips.localExperiences.tourDetails.specialOffer');
+            default:
+                return '';
+        }
+    };
     var duration = (0, react_1.useMemo)(function () {
         if (product.duration.fixedDurationInMinutes) {
-            return react_1.default.createElement("span", { className: ViatorProductCardText_scss_1.default.numberOfRatings },
+            return (react_1.default.createElement("span", { className: ViatorProductCardText_scss_1.default.numberOfRatings },
                 product.duration.fixedDurationInMinutes,
-                " mins");
+                " ",
+                t('trips.myTrips.localExperiences.tourDetails.mins')));
         }
         if (product.duration.variableDurationFromMinutes && product.duration.variableDurationToMinutes) {
             return (react_1.default.createElement("span", { className: ViatorProductCardText_scss_1.default.numberOfRatings },
                 product.duration.variableDurationFromMinutes,
                 " - ",
                 product.duration.variableDurationToMinutes,
-                " mins"));
+                " ",
+                t('trips.myTrips.localExperiences.tourDetails.mins')));
         }
         return null;
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [product.duration]);
     return (react_1.default.createElement("div", { className: ViatorProductCardText_scss_1.default.viatorProductCardText },
         react_1.default.createElement("h4", { className: ViatorProductCardText_scss_1.default.viatorProductCardTitle }, product.title),
         react_1.default.createElement("div", { className: ViatorProductCardText_scss_1.default.viatorProductCardContent },
             react_1.default.createElement("h6", { className: ViatorProductCardText_scss_1.default.viatorProductCardTextBody }, flags.map(function (flag, i) { return (react_1.default.createElement("span", { key: i },
-                react_1.default.createElement("span", { style: { color: flag === FLAG.FREE_CANCELLATION ? 'green' : flag === FLAG.LIKELY_TO_SELL_OUT ? 'red' : 'gray' } }, flag),
+                react_1.default.createElement("span", { style: { color: flag === FLAG.FREE_CANCELLATION ? 'green' : flag === FLAG.LIKELY_TO_SELL_OUT ? 'red' : 'gray' } }, translateFlag(flag)),
                 "\u00A0")); }))),
         react_1.default.createElement("div", { className: ViatorProductCardText_scss_1.default.viatorProductCardFooter },
             react_1.default.createElement("div", { className: ViatorProductCardText_scss_1.default.viatorProductCardHour },