kupos-ui-components-lib 10.2.3 → 10.2.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ServiceItem/ServiceItemMobile.js +1 -1
- package/dist/ui/ExpendedDropDown/ExpandedDropdown.js +7 -2
- package/dist/ui/mobileweb/ExpandedDropdownMobile.js +8 -2
- package/package.json +1 -1
- package/src/components/ServiceItem/ServiceItemMobile.tsx +1 -0
- package/src/ui/ExpendedDropDown/ExpandedDropdown.tsx +14 -6
- package/src/ui/mobileweb/ExpandedDropdownMobile.tsx +15 -6
|
@@ -137,7 +137,7 @@ function ServiceItemMobile({ serviceItem, onBookButtonPress, colors, busStage, o
|
|
|
137
137
|
color: isSoldOut ? "#bbb" : "text-[#464647]",
|
|
138
138
|
} },
|
|
139
139
|
React.createElement("span", { className: "ml-[3px] min-[420]:text-[13px] text-[12px] text-ellipsis overflow-hidden whitespace-nowrap max-w-[120px]" }, serviceItem.operator_details[2]))))) : null)),
|
|
140
|
-
React.createElement(DateTimeSectionMobile, { onBookButtonPress: onBookButtonPress, isCiva: isCiva, isSoldOut: isSoldOut, isLinatal: isLinatal, isPeru: isPeru, orignLabel: orignLabel, destinationLabel: destinationLabel, originIcon: (_g = serviceItem.icons) === null || _g === void 0 ? void 0 : _g.origin, destinationIcon: (_h = serviceItem.icons) === null || _h === void 0 ? void 0 : _h.destination, travelDate: serviceItem.travel_date, arrivalDate: serviceItem.arrival_date, depTime: serviceItem.dep_time, arrTime: serviceItem.arr_time, seatTypes: serviceItem.seat_types, seatPriceColor: colors.seatPriceColor, tooltipBgColor: colors.tooltipBgColor, currencySign: currencySign, availableSeats: serviceItem.available_seats, removeDuplicateSeats: removeDuplicateSeats, serviceItem: serviceItem, showLastSeats: showLastSeats, discountSeatPriceColor: colors.discountSeatPriceColor }),
|
|
140
|
+
React.createElement(DateTimeSectionMobile, { onBookButtonPress: onBookButtonPress, isCiva: isCiva, isSoldOut: isSoldOut, isLinatal: isLinatal, isPeru: isPeru, orignLabel: orignLabel, destinationLabel: destinationLabel, originIcon: (_g = serviceItem.icons) === null || _g === void 0 ? void 0 : _g.origin, destinationIcon: (_h = serviceItem.icons) === null || _h === void 0 ? void 0 : _h.destination, travelDate: serviceItem.travel_date, arrivalDate: serviceItem.arrival_date, depTime: serviceItem.dep_time, arrTime: serviceItem.arr_time, seatTypes: serviceItem.seat_types, seatPriceColor: colors.seatPriceColor, tooltipBgColor: colors.tooltipBgColor, currencySign: currencySign, availableSeats: serviceItem.available_seats, removeDuplicateSeats: removeDuplicateSeats, serviceItem: serviceItem, showLastSeats: showLastSeats, discountSeatPriceColor: colors.discountSeatPriceColor, isTrain: isTrain }),
|
|
141
141
|
hasDiscount && (React.createElement("div", { className: "flex justify-end" }, isSoldOut ? (React.createElement("span", { className: "col-span-2 min-[420]:text-[13px] text-right text-[12px] text-[#ccc]" }, "Agotado")) : null)),
|
|
142
142
|
showLastSeats ? (React.createElement("div", { className: "flex justify-end " }, (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.available_seats) < 10 &&
|
|
143
143
|
(serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.available_seats) > 0 && (React.createElement("div", { className: "text-[10px] text-center", style: {
|
|
@@ -40,7 +40,12 @@ function ExpandedDropdown({ serviceItem, isPeru = false, translation = {}, getAn
|
|
|
40
40
|
React.createElement("div", { className: "flex gap-[8px] text-[13.33px]" },
|
|
41
41
|
React.createElement("span", null, renderIcon("cancelTicketIcon", "16px")),
|
|
42
42
|
React.createElement("span", null,
|
|
43
|
-
React.createElement("span", { className: "bold-text" }, "Pol\u00EDticas de anulaci\u00F3n:"),
|
|
44
|
-
" Tu pasaje no podr\u00E1 ser anulado por tener una tarifa preferencial."))
|
|
43
|
+
React.createElement("span", { className: "bold-text" }, "Pol\u00EDticas de anulaci\u00F3n: "),
|
|
44
|
+
isDpEnabled ? (React.createElement("span", null, "Tu pasaje no podr\u00E1 ser anulado por tener una tarifa preferencial.")) : (React.createElement("span", null,
|
|
45
|
+
" ",
|
|
46
|
+
"Tu pasaje puede ser anulado de forma online",
|
|
47
|
+
" ",
|
|
48
|
+
React.createElement("span", { className: "bold-text" }, " hasta 4 horas antes"),
|
|
49
|
+
" antes de la salida del bus.")))))));
|
|
45
50
|
}
|
|
46
51
|
export default ExpandedDropdown;
|
|
@@ -47,7 +47,13 @@ function ExpandedDropdownMobile({ serviceItem, isPeru, petSeatInfo, petFriendlyA
|
|
|
47
47
|
React.createElement("div", { className: "flex gap-[6px]" },
|
|
48
48
|
React.createElement("span", { className: "mt-[3px]" }, renderIcon("cancelTicketIcon", "14px")),
|
|
49
49
|
React.createElement("span", null,
|
|
50
|
-
React.createElement("span", { className: "bold-text" }, "Pol\u00EDticas de anulaci\u00F3n:"),
|
|
51
|
-
|
|
50
|
+
React.createElement("span", { className: "bold-text" }, "Pol\u00EDticas de anulaci\u00F3n: "),
|
|
51
|
+
isDpEnabled ? (React.createElement("span", null,
|
|
52
|
+
" ",
|
|
53
|
+
"Tu pasaje no podr\u00E1 ser anulado por tener una tarifa preferencial.")) : (React.createElement("span", null,
|
|
54
|
+
"Tu pasaje puede ser anulado de forma online",
|
|
55
|
+
" ",
|
|
56
|
+
React.createElement("span", { className: "bold-text" }, " hasta 4 horas antes"),
|
|
57
|
+
" antes de la salida del bus.")))))));
|
|
52
58
|
}
|
|
53
59
|
export default ExpandedDropdownMobile;
|
package/package.json
CHANGED
|
@@ -107,12 +107,20 @@ function ExpandedDropdown({
|
|
|
107
107
|
<div className="flex gap-[8px] text-[13.33px]">
|
|
108
108
|
<span>{renderIcon("cancelTicketIcon", "16px")}</span>
|
|
109
109
|
<span>
|
|
110
|
-
<span className="bold-text">Políticas de anulación
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
110
|
+
<span className="bold-text">Políticas de anulación: </span>
|
|
111
|
+
{isDpEnabled ? (
|
|
112
|
+
<span>
|
|
113
|
+
Tu pasaje no podrá ser anulado por tener una tarifa
|
|
114
|
+
preferencial.
|
|
115
|
+
</span>
|
|
116
|
+
) : (
|
|
117
|
+
<span>
|
|
118
|
+
{" "}
|
|
119
|
+
Tu pasaje puede ser anulado de forma online{" "}
|
|
120
|
+
<span className="bold-text"> hasta 4 horas antes</span> antes de
|
|
121
|
+
la salida del bus.
|
|
122
|
+
</span>
|
|
123
|
+
)}
|
|
116
124
|
</span>
|
|
117
125
|
</div>
|
|
118
126
|
</div>
|
|
@@ -121,12 +121,21 @@ function ExpandedDropdownMobile({
|
|
|
121
121
|
{renderIcon("cancelTicketIcon", "14px")}
|
|
122
122
|
</span>
|
|
123
123
|
<span>
|
|
124
|
-
<span className="bold-text">Políticas de anulación
|
|
125
|
-
|
|
126
|
-
{
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
124
|
+
<span className="bold-text">Políticas de anulación: </span>
|
|
125
|
+
|
|
126
|
+
{isDpEnabled ? (
|
|
127
|
+
<span>
|
|
128
|
+
{" "}
|
|
129
|
+
Tu pasaje no podrá ser anulado por tener una tarifa
|
|
130
|
+
preferencial.
|
|
131
|
+
</span>
|
|
132
|
+
) : (
|
|
133
|
+
<span>
|
|
134
|
+
Tu pasaje puede ser anulado de forma online{" "}
|
|
135
|
+
<span className="bold-text"> hasta 4 horas antes</span> antes de
|
|
136
|
+
la salida del bus.
|
|
137
|
+
</span>
|
|
138
|
+
)}
|
|
130
139
|
</span>
|
|
131
140
|
</div>
|
|
132
141
|
</div>
|