kupos-ui-components-lib 4.0.5 → 4.0.6
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/ServiceItemDesktop.js +17 -2
- package/dist/components/ServiceItem/ServiceItemMobile.js +10 -1
- package/dist/components/ServiceItem/mobileTypes.d.ts +3 -0
- package/dist/components/ServiceItem/types.d.ts +3 -0
- package/package.json +1 -1
- package/src/components/ServiceItem/ServiceItemDesktop.tsx +17 -1
- package/src/components/ServiceItem/ServiceItemMobile.tsx +9 -0
- package/src/components/ServiceItem/mobileTypes.ts +3 -0
- package/src/components/ServiceItem/types.ts +4 -1
|
@@ -8,7 +8,7 @@ import LottiePlayer from "../../assets/LottiePlayer";
|
|
|
8
8
|
const SEAT_EXCEPTIONS = ["Asiento mascota"];
|
|
9
9
|
function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, children, busStage, serviceDetailsLoading, cityOrigin, cityDestination, translation, orignLabel, destinationLabel, currencySign, isCiva, showRating, showLastSeats, removeArrivalTime, removeDuplicateSeats, originIconStyle, t = (key) => key, }) {
|
|
10
10
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
11
|
-
console.log("🚀 ~ ServiceItemPB ~
|
|
11
|
+
console.log("🚀 ~ ServiceItemPB ~ serviceItem:", serviceItem, metaData);
|
|
12
12
|
const SvgAmenities = ({ moreAnemities, name, color, }) => {
|
|
13
13
|
const amenityKey = name.toLowerCase().replace(/\s/g, "_");
|
|
14
14
|
const getIconPath = () => {
|
|
@@ -25,7 +25,7 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
|
|
|
25
25
|
}, className: `object-contain ${moreAnemities ? "w-[16px] h-[16px]" : "w-[16px] h-[16px]"}` }));
|
|
26
26
|
};
|
|
27
27
|
const getAmenitiesImage = (name) => {
|
|
28
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
|
|
28
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1;
|
|
29
29
|
switch (name) {
|
|
30
30
|
case "air_condtion.png": {
|
|
31
31
|
return (_a = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _a === void 0 ? void 0 : _a.airConditionIcon;
|
|
@@ -96,6 +96,15 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
|
|
|
96
96
|
case "service_on_board.png": {
|
|
97
97
|
return (_y = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _y === void 0 ? void 0 : _y.serviceOnBoardIcon;
|
|
98
98
|
}
|
|
99
|
+
case "personal_tv.png": {
|
|
100
|
+
return (_z = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _z === void 0 ? void 0 : _z.personalTVIcon;
|
|
101
|
+
}
|
|
102
|
+
case "pet_admission.png": {
|
|
103
|
+
return (_0 = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _0 === void 0 ? void 0 : _0.petAdmissionIcon;
|
|
104
|
+
}
|
|
105
|
+
case "music.png": {
|
|
106
|
+
return (_1 = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _1 === void 0 ? void 0 : _1.musicIcon;
|
|
107
|
+
}
|
|
99
108
|
default: {
|
|
100
109
|
return "";
|
|
101
110
|
}
|
|
@@ -144,6 +153,12 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
|
|
|
144
153
|
return "Cinturón de seguridad";
|
|
145
154
|
case "service on board":
|
|
146
155
|
return "Servicio a bordo";
|
|
156
|
+
case "personal tv":
|
|
157
|
+
return "TV personal";
|
|
158
|
+
case "pet admission":
|
|
159
|
+
return "Admisión de mascotas";
|
|
160
|
+
case "music":
|
|
161
|
+
return "Música";
|
|
147
162
|
default:
|
|
148
163
|
return rawAmenity;
|
|
149
164
|
}
|
|
@@ -84,7 +84,7 @@ function ServiceItemMobile({ serviceItem, onBookButtonPress, colors, busStage, o
|
|
|
84
84
|
return item;
|
|
85
85
|
};
|
|
86
86
|
const getAmenitiesImage = (name) => {
|
|
87
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
|
|
87
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1;
|
|
88
88
|
switch (name) {
|
|
89
89
|
case "air_condtion.png": {
|
|
90
90
|
return (_a = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _a === void 0 ? void 0 : _a.airConditionIcon;
|
|
@@ -155,6 +155,15 @@ function ServiceItemMobile({ serviceItem, onBookButtonPress, colors, busStage, o
|
|
|
155
155
|
case "service_on_board.png": {
|
|
156
156
|
return (_y = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _y === void 0 ? void 0 : _y.serviceOnBoardIcon;
|
|
157
157
|
}
|
|
158
|
+
case "personal_tv.png": {
|
|
159
|
+
return (_z = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _z === void 0 ? void 0 : _z.personalTVIcon;
|
|
160
|
+
}
|
|
161
|
+
case "pet_admission.png": {
|
|
162
|
+
return (_0 = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _0 === void 0 ? void 0 : _0.petAdmissionIcon;
|
|
163
|
+
}
|
|
164
|
+
case "music.png": {
|
|
165
|
+
return (_1 = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _1 === void 0 ? void 0 : _1.musicIcon;
|
|
166
|
+
}
|
|
158
167
|
default: {
|
|
159
168
|
return "";
|
|
160
169
|
}
|
|
@@ -101,6 +101,9 @@ export interface MobileServiceItemProps {
|
|
|
101
101
|
sercurityBeltIcon?: string;
|
|
102
102
|
serviceOnBoardIcon?: string;
|
|
103
103
|
airportIcon?: string;
|
|
104
|
+
personalTVIcon?: string;
|
|
105
|
+
petAdmissionIcon?: string;
|
|
106
|
+
musicIcon?: string;
|
|
104
107
|
[key: string]: string | Record<string, string | undefined> | undefined;
|
|
105
108
|
};
|
|
106
109
|
useLottieFor?: string[];
|
|
@@ -105,6 +105,9 @@ export interface ServiceItemProps {
|
|
|
105
105
|
readingLIghtIcon?: string;
|
|
106
106
|
sercurityBeltIcon?: string;
|
|
107
107
|
serviceOnBoardIcon?: string;
|
|
108
|
+
personalTVIcon?: string;
|
|
109
|
+
petAdmissionIcon?: string;
|
|
110
|
+
musicIcon?: string;
|
|
108
111
|
[key: string]: string | Record<string, string | undefined> | undefined;
|
|
109
112
|
};
|
|
110
113
|
useLottieFor?: string[];
|
package/package.json
CHANGED
|
@@ -31,7 +31,7 @@ function ServiceItemPB({
|
|
|
31
31
|
originIconStyle,
|
|
32
32
|
t = (key: string) => key,
|
|
33
33
|
}: ServiceItemProps & { currencySign?: string }): React.ReactElement {
|
|
34
|
-
console.log("🚀 ~ ServiceItemPB ~
|
|
34
|
+
console.log("🚀 ~ ServiceItemPB ~ serviceItem:", serviceItem, metaData);
|
|
35
35
|
const SvgAmenities = ({
|
|
36
36
|
moreAnemities,
|
|
37
37
|
name,
|
|
@@ -141,6 +141,15 @@ function ServiceItemPB({
|
|
|
141
141
|
case "service_on_board.png": {
|
|
142
142
|
return serviceItem?.icons?.serviceOnBoardIcon;
|
|
143
143
|
}
|
|
144
|
+
case "personal_tv.png": {
|
|
145
|
+
return serviceItem?.icons?.personalTVIcon;
|
|
146
|
+
}
|
|
147
|
+
case "pet_admission.png": {
|
|
148
|
+
return serviceItem?.icons?.petAdmissionIcon;
|
|
149
|
+
}
|
|
150
|
+
case "music.png": {
|
|
151
|
+
return serviceItem?.icons?.musicIcon;
|
|
152
|
+
}
|
|
144
153
|
default: {
|
|
145
154
|
return "";
|
|
146
155
|
}
|
|
@@ -191,6 +200,13 @@ function ServiceItemPB({
|
|
|
191
200
|
return "Cinturón de seguridad";
|
|
192
201
|
case "service on board":
|
|
193
202
|
return "Servicio a bordo";
|
|
203
|
+
|
|
204
|
+
case "personal tv":
|
|
205
|
+
return "TV personal";
|
|
206
|
+
case "pet admission":
|
|
207
|
+
return "Admisión de mascotas";
|
|
208
|
+
case "music":
|
|
209
|
+
return "Música";
|
|
194
210
|
default:
|
|
195
211
|
return rawAmenity;
|
|
196
212
|
}
|
|
@@ -227,6 +227,15 @@ function ServiceItemMobile({
|
|
|
227
227
|
case "service_on_board.png": {
|
|
228
228
|
return serviceItem?.icons?.serviceOnBoardIcon;
|
|
229
229
|
}
|
|
230
|
+
case "personal_tv.png": {
|
|
231
|
+
return serviceItem?.icons?.personalTVIcon;
|
|
232
|
+
}
|
|
233
|
+
case "pet_admission.png": {
|
|
234
|
+
return serviceItem?.icons?.petAdmissionIcon;
|
|
235
|
+
}
|
|
236
|
+
case "music.png": {
|
|
237
|
+
return serviceItem?.icons?.musicIcon;
|
|
238
|
+
}
|
|
230
239
|
default: {
|
|
231
240
|
return "";
|
|
232
241
|
}
|
|
@@ -104,6 +104,9 @@ export interface MobileServiceItemProps {
|
|
|
104
104
|
sercurityBeltIcon?: string;
|
|
105
105
|
serviceOnBoardIcon?: string;
|
|
106
106
|
airportIcon?: string;
|
|
107
|
+
personalTVIcon?: string;
|
|
108
|
+
petAdmissionIcon?: string;
|
|
109
|
+
musicIcon?: string;
|
|
107
110
|
[key: string]: string | Record<string, string | undefined> | undefined;
|
|
108
111
|
};
|
|
109
112
|
useLottieFor?: string[];
|
|
@@ -107,6 +107,10 @@ export interface ServiceItemProps {
|
|
|
107
107
|
readingLIghtIcon?: string;
|
|
108
108
|
sercurityBeltIcon?: string;
|
|
109
109
|
serviceOnBoardIcon?: string;
|
|
110
|
+
personalTVIcon?: string;
|
|
111
|
+
petAdmissionIcon?: string;
|
|
112
|
+
musicIcon?: string;
|
|
113
|
+
|
|
110
114
|
[key: string]: string | Record<string, string | undefined> | undefined;
|
|
111
115
|
};
|
|
112
116
|
useLottieFor?: string[];
|
|
@@ -133,7 +137,6 @@ export interface ServiceItemProps {
|
|
|
133
137
|
primaryButtonTextColor?: string;
|
|
134
138
|
bottomStripColor?: string;
|
|
135
139
|
directoColor?: string;
|
|
136
|
-
|
|
137
140
|
seatPriceColor?: string;
|
|
138
141
|
};
|
|
139
142
|
cityOrigin?: { value: number; label: string };
|