kupos-ui-components-lib 1.1.5 → 1.1.8

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.
Files changed (60) hide show
  1. package/dist/KuposUIComponent.d.ts +1 -1
  2. package/dist/KuposUIComponent.js +3 -0
  3. package/dist/components/FilterBar/FilterBarDesktop.d.ts +4 -0
  4. package/dist/components/FilterBar/FilterBarDesktop.js +346 -0
  5. package/dist/components/FilterBar/FilterBarMobile.d.ts +4 -0
  6. package/dist/components/FilterBar/FilterBarMobile.js +412 -0
  7. package/dist/components/FilterBar/ResponsiveFilterBar.d.ts +3 -0
  8. package/dist/components/FilterBar/ResponsiveFilterBar.js +10 -0
  9. package/dist/components/{ServiceFilterBar → FilterBar}/ServiceFilter.d.ts +4 -4
  10. package/dist/components/{ServiceFilterBar → FilterBar}/ServiceFilter.js +1 -1
  11. package/dist/components/FilterBar/ServiceFilterProps.d.ts +12 -0
  12. package/dist/components/FilterBar/index.d.ts +5 -0
  13. package/dist/components/FilterBar/index.js +4 -0
  14. package/dist/components/FilterBar/mobileTypes.d.ts +30 -0
  15. package/dist/components/FilterBar/mobileTypes.js +1 -0
  16. package/dist/components/FilterBar/tyoes.d.ts +34 -0
  17. package/dist/components/FilterBar/tyoes.js +1 -0
  18. package/dist/components/PaymentSideBar/CountDownTimer.d.ts +8 -0
  19. package/dist/components/PaymentSideBar/CountDownTimer.js +7 -0
  20. package/dist/components/PaymentSideBar/PaymentSideBarDesktop.js +5 -6
  21. package/dist/components/PaymentSideBar/PaymentSideBarMobile.js +29 -15
  22. package/dist/components/PaymentSideBar/types.d.ts +12 -0
  23. package/dist/components/ServiceItem/ServiceItemDesktop.js +13 -12
  24. package/dist/components/checkBox/checkBox.d.ts +3 -0
  25. package/dist/components/checkBox/checkBox.js +18 -0
  26. package/dist/index.d.ts +3 -1
  27. package/dist/index.js +5 -1
  28. package/dist/styles.css +137 -7
  29. package/dist/utils/CommonService.d.ts +31 -0
  30. package/dist/utils/CommonService.js +298 -0
  31. package/package.json +1 -1
  32. package/src/KuposUIComponent.tsx +12 -1
  33. package/src/components/FilterBar/FilterBarDesktop.tsx +397 -0
  34. package/src/components/FilterBar/FilterBarMobile.tsx +545 -0
  35. package/src/components/FilterBar/ResponsiveFilterBar.tsx +15 -0
  36. package/src/components/FilterBar/ServiceFilter.tsx +309 -0
  37. package/src/components/FilterBar/ServiceFilterProps.ts +12 -0
  38. package/src/components/FilterBar/index.ts +5 -0
  39. package/src/components/FilterBar/mobileTypes.ts +30 -0
  40. package/src/components/FilterBar/tyoes.ts +33 -0
  41. package/src/components/PaymentSideBar/CountDownTimer.tsx +22 -0
  42. package/src/components/PaymentSideBar/PaymentSideBarDesktop.tsx +6 -4
  43. package/src/components/PaymentSideBar/PaymentSideBarMobile.tsx +51 -29
  44. package/src/components/PaymentSideBar/types.ts +12 -0
  45. package/src/components/ServiceItem/ServiceItemDesktop.tsx +98 -49
  46. package/src/components/checkBox/checkBox.tsx +56 -0
  47. package/src/index.ts +10 -1
  48. package/src/utils/CommonService.ts +322 -0
  49. package/dist/components/PaymentSideBar/SimplePaymentItem.d.ts +0 -12
  50. package/dist/components/PaymentSideBar/SimplePaymentItem.js +0 -11
  51. package/dist/components/ServiceFilterBar/ResponsiveFilterBar.d.ts +0 -6
  52. package/dist/components/ServiceFilterBar/ResponsiveFilterBar.js +0 -13
  53. package/dist/components/ServiceFilterBar/ServiceFilterBarDesktop.d.ts +0 -26
  54. package/dist/components/ServiceFilterBar/ServiceFilterBarDesktop.js +0 -201
  55. package/dist/components/ServiceFilterBar/ServiceFilterBarMobile.d.ts +0 -4
  56. package/dist/components/ServiceFilterBar/ServiceFilterBarMobile.js +0 -7
  57. package/dist/components/ServiceFilterBar/index.d.ts +0 -5
  58. package/dist/components/ServiceFilterBar/index.js +0 -4
  59. package/dist/components/ServiceFilterBar/types.d.ts +0 -30
  60. /package/dist/components/{ServiceFilterBar/types.js → FilterBar/ServiceFilterProps.js} +0 -0
package/dist/KuposUIComponent.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  interface KuposUIComponentProps {
3
- typeOfComponent: "serviceitem" | "paymentsidebar" | "servicelist";
3
+ typeOfComponent: "serviceitem" | "paymentsidebar" | "servicelist" | "filterbar";
4
4
  variant?: "mobile" | "desktop";
5
5
  serviceItem?: any;
6
6
  onBookButtonPress?: () => void;
package/dist/KuposUIComponent.js CHANGED
@@ -13,6 +13,7 @@ import React from "react";
13
13
  import ResponsiveServiceItem from "./components/ServiceItem/ResponsiveServiceItem";
14
14
  import { ResponsivePaymentSideBar } from "./components/PaymentSideBar";
15
15
  import { ResponsiveServiceList } from "./components/ServiceList";
16
+ import { ResponsiveFilterBar } from "./components/FilterBar";
16
17
  // Using imported ResponsivePaymentSideBar component instead
17
18
  export default function KuposUIComponent(props) {
18
19
  const { typeOfComponent } = props, restProps = __rest(props, ["typeOfComponent"]);
@@ -23,6 +24,8 @@ export default function KuposUIComponent(props) {
23
24
  return (React.createElement(ResponsivePaymentSideBar, Object.assign({}, restProps)));
24
25
  case "servicelist":
25
26
  return (React.createElement(ResponsiveServiceList, Object.assign({}, restProps)));
27
+ case "filterbar":
28
+ return (React.createElement(ResponsiveFilterBar, Object.assign({}, restProps)));
26
29
  default:
27
30
  return (React.createElement("div", { className: "error-message" },
28
31
  "Invalid component type: ",
package/dist/components/FilterBar/FilterBarDesktop.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { FilterBarProps } from "./tyoes";
3
+ declare const FilterBarDesktop: ({ t, serviceList, setServiceList, allSchedules, showReturnTripModal, filterArrData, isBlankTicket, operatorId, filtersArray, setFiltersArray, metaData, busTerminals, setTypes, colors, icons, translation, isTrain, }: FilterBarProps) => React.JSX.Element;
4
+ export default FilterBarDesktop;
package/dist/components/FilterBar/FilterBarDesktop.js ADDED
@@ -0,0 +1,346 @@
1
+ import React from "react";
2
+ import commonService from "../../utils/CommonService";
3
+ import ServiceFilter from "./ServiceFilter";
4
+ const FilterBarDesktop = ({ t, serviceList, setServiceList, allSchedules, showReturnTripModal, filterArrData, isBlankTicket, operatorId, filtersArray, setFiltersArray, metaData, busTerminals, setTypes, colors, icons, translation, isTrain, }) => {
5
+ const filterBy = (filters) => {
6
+ try {
7
+ let routes = allSchedules;
8
+ let filteredRoutes = commonService.copyObject(routes);
9
+ for (let fil of filters) {
10
+ if (fil.type == "train_type") {
11
+ let activeOptions = fil.options.filter((it) => it.active);
12
+ filteredRoutes = filteredRoutes.filter((it) => {
13
+ if (activeOptions && activeOptions.length)
14
+ for (let f of activeOptions) {
15
+ if (f.active) {
16
+ if (f.value == "regular" &&
17
+ it.train_type_label == "Tren Regular") {
18
+ return true;
19
+ }
20
+ else if (f.value == "express" &&
21
+ it.train_type_label == "Tren Express (Nuevo)") {
22
+ return true;
23
+ }
24
+ }
25
+ }
26
+ else
27
+ return true;
28
+ });
29
+ }
30
+ if (fil.type == "time") {
31
+ let activeOptions = fil.options.filter((it) => it.active);
32
+ filteredRoutes = filteredRoutes.filter((it) => {
33
+ if (activeOptions && activeOptions.length)
34
+ for (let f of activeOptions) {
35
+ if (f.active) {
36
+ if (f.value == "sunrise" && it.dep_time < "06:00") {
37
+ return true;
38
+ }
39
+ else if (f.value == "morning" &&
40
+ it.dep_time >= "06:00" &&
41
+ it.dep_time < "12:00") {
42
+ return true;
43
+ }
44
+ else if (f.value == "sunset" &&
45
+ it.dep_time >= "12:00" &&
46
+ it.dep_time < "18:00") {
47
+ return true;
48
+ }
49
+ else if (f.value == "night" && it.dep_time >= "18:00") {
50
+ return true;
51
+ }
52
+ }
53
+ }
54
+ else
55
+ return true;
56
+ });
57
+ }
58
+ if (fil.type == "special_departure") {
59
+ let activeOptions = fil.options.filter((it) => it.active);
60
+ filteredRoutes = filteredRoutes.filter((it) => {
61
+ const labelId = it.boarding_stages.split("|")[0];
62
+ if (activeOptions && activeOptions.length)
63
+ for (let f of activeOptions) {
64
+ if (f.active) {
65
+ if (labelId == f.value) {
66
+ return true;
67
+ }
68
+ }
69
+ else
70
+ return false;
71
+ }
72
+ else
73
+ return true;
74
+ });
75
+ }
76
+ if (fil.type == "tipo") {
77
+ let activeOptions = fil.options.filter((it) => it.active);
78
+ filteredRoutes = filteredRoutes.filter((it) => {
79
+ if (activeOptions && activeOptions.length)
80
+ for (let f of activeOptions) {
81
+ if (f.active) {
82
+ if (Object.keys(it.pet_seat_info).length > 0 &&
83
+ f.value === "Pet Friendly") {
84
+ return true;
85
+ }
86
+ if (it.is_direct_trip && f.value === "Servicio Directo") {
87
+ return true;
88
+ }
89
+ if (it.is_change_ticket && f.value === "Pasaje flexible") {
90
+ return true;
91
+ }
92
+ }
93
+ }
94
+ else
95
+ return true;
96
+ });
97
+ }
98
+ if (fil.type == "operator") {
99
+ let activeOptions = fil.options.filter((it) => it.active);
100
+ filteredRoutes = filteredRoutes.filter((it) => {
101
+ if (activeOptions && activeOptions.length)
102
+ for (let f of activeOptions) {
103
+ if (f.active) {
104
+ if (it.operator_service_name
105
+ .toLowerCase()
106
+ .indexOf(f.value.toLowerCase()) >= 0) {
107
+ return true;
108
+ }
109
+ }
110
+ }
111
+ else
112
+ return true;
113
+ });
114
+ }
115
+ if (fil.type == "amenities") {
116
+ let activeOptions = fil.options.filter((it) => it.active);
117
+ // if (activeOptions && activeOptions.length > 0) {
118
+ filteredRoutes = filteredRoutes.filter((it) => {
119
+ if (activeOptions && activeOptions.length)
120
+ for (let f of activeOptions) {
121
+ if (f.active) {
122
+ if (it.operator_details[4]) {
123
+ for (let a of it.operator_details[4]) {
124
+ let am = metaData === null || metaData === void 0 ? void 0 : metaData.amenities[a].split(".")[0].toLowerCase();
125
+ if (am && am.indexOf(f.value.toLowerCase()) >= 0) {
126
+ return true;
127
+ }
128
+ }
129
+ }
130
+ }
131
+ }
132
+ else
133
+ return true;
134
+ });
135
+ // }
136
+ }
137
+ if (fil.type == "seat_types") {
138
+ let activeOptions = fil.options.filter((it) => it.active);
139
+ // if (activeOptions && activeOptions.length > 0) {
140
+ filteredRoutes = filteredRoutes.filter((it) => {
141
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
142
+ if (activeOptions && activeOptions.length)
143
+ for (let f of activeOptions) {
144
+ console.log("ffffffffffff", f.value.toLowerCase());
145
+ if (f.active) {
146
+ if (f.value.toLowerCase().indexOf("salon cama low") > -1) {
147
+ for (let bt of it.seat_types) {
148
+ if (((_a = bt === null || bt === void 0 ? void 0 : bt.label) === null || _a === void 0 ? void 0 : _a.toLowerCase().indexOf("salon cama low")) > -1) {
149
+ return true;
150
+ }
151
+ }
152
+ }
153
+ else if (f.value.toLowerCase().indexOf("salón cama low") > -1) {
154
+ for (let bt of it.seat_types) {
155
+ if (((_b = bt === null || bt === void 0 ? void 0 : bt.label) === null || _b === void 0 ? void 0 : _b.toLowerCase().indexOf("salón cama low")) > -1) {
156
+ return true;
157
+ }
158
+ }
159
+ }
160
+ else if (f.value.toLowerCase().indexOf("semi cama low") > -1) {
161
+ for (let bt of it.seat_types) {
162
+ if (((_c = bt === null || bt === void 0 ? void 0 : bt.label) === null || _c === void 0 ? void 0 : _c.toLowerCase().indexOf("semi cama low")) > -1) {
163
+ return true;
164
+ }
165
+ }
166
+ }
167
+ else if (f.value.toLowerCase().indexOf("cama premium (i)") > -1) {
168
+ for (let bt of it.seat_types) {
169
+ if (((_d = bt === null || bt === void 0 ? void 0 : bt.label) === null || _d === void 0 ? void 0 : _d.toLowerCase().indexOf("cama premium (i)")) >
170
+ -1) {
171
+ return true;
172
+ }
173
+ }
174
+ }
175
+ else if (f.value.toLowerCase().indexOf("ejecutivo") > -1) {
176
+ // for (let bt of it.fare_str.split(",")) {
177
+ // if (
178
+ // bt.toLowerCase().split(":")[0].indexOf("ejecutivo") > -1
179
+ // ) {
180
+ // return true;
181
+ // }
182
+ // }
183
+ for (let bt of it.seat_types) {
184
+ if (((_e = bt === null || bt === void 0 ? void 0 : bt.label) === null || _e === void 0 ? void 0 : _e.toLowerCase().indexOf("ejecutivo")) > -1) {
185
+ return true;
186
+ }
187
+ }
188
+ }
189
+ else if (f.value.toLowerCase().indexOf("semi") > -1) {
190
+ // for (let bt of it.fare_str.split(",")) {
191
+ // if (bt.toLowerCase().split(":")[0].indexOf("semi") > -1) {
192
+ // return true;
193
+ // }
194
+ // }
195
+ for (let bt of it.seat_types) {
196
+ if (((_f = bt === null || bt === void 0 ? void 0 : bt.label) === null || _f === void 0 ? void 0 : _f.toLowerCase().indexOf("semi")) > -1) {
197
+ return true;
198
+ }
199
+ }
200
+ }
201
+ else if (f.value.toLowerCase().indexOf("salon") > -1) {
202
+ // for (let bt of it.fare_str.split(",")) {
203
+ // if (
204
+ // bt.toLowerCase().split(":")[0].indexOf("salon") > -1
205
+ // ) {
206
+ // return true;
207
+ // }
208
+ // }
209
+ for (let bt of it.seat_types) {
210
+ if (((_g = bt === null || bt === void 0 ? void 0 : bt.label) === null || _g === void 0 ? void 0 : _g.toLowerCase().indexOf("salon")) > -1) {
211
+ return true;
212
+ }
213
+ }
214
+ }
215
+ else if (f.value.toLowerCase().indexOf("salón") > -1) {
216
+ // for (let bt of it.fare_str.split(",")) {
217
+ // if (
218
+ // bt.toLowerCase().split(":")[0].indexOf("salon") > -1
219
+ // ) {
220
+ // return true;
221
+ // }
222
+ // }
223
+ for (let bt of it.seat_types) {
224
+ if (((_h = bt === null || bt === void 0 ? void 0 : bt.label) === null || _h === void 0 ? void 0 : _h.toLowerCase().indexOf("salón")) > -1) {
225
+ return true;
226
+ }
227
+ }
228
+ }
229
+ else if (f.value.toLowerCase().indexOf("suite") > -1) {
230
+ // for (let bt of it.fare_str.split(",")) {
231
+ // if (
232
+ // bt.toLowerCase().split(":")[0].indexOf("suite") > -1
233
+ // ) {
234
+ // return true;
235
+ // }
236
+ // }
237
+ for (let bt of it.seat_types) {
238
+ if (((_j = bt === null || bt === void 0 ? void 0 : bt.label) === null || _j === void 0 ? void 0 : _j.toLowerCase().indexOf("suite")) > -1) {
239
+ return true;
240
+ }
241
+ }
242
+ }
243
+ else if (f.value.toLowerCase().indexOf("premium") > -1) {
244
+ // for (let bt of it.fare_str.split(",")) {
245
+ // if (bt.toLowerCase().split(":")[0].indexOf("premium") > -1) {
246
+ // return true;
247
+ // }
248
+ // }
249
+ for (let bt of it.seat_types) {
250
+ if (((_k = bt === null || bt === void 0 ? void 0 : bt.label) === null || _k === void 0 ? void 0 : _k.toLowerCase().indexOf("premium")) > -1) {
251
+ return true;
252
+ }
253
+ }
254
+ }
255
+ else if (f.value.toLowerCase().indexOf("vip") > -1) {
256
+ // for (let bt of it.fare_str.split(",")) {
257
+ // if (bt.toLowerCase().split(":")[0].indexOf("vip") > -1) {
258
+ // return true;
259
+ // }
260
+ // }
261
+ for (let bt of it.seat_types) {
262
+ if (((_l = bt === null || bt === void 0 ? void 0 : bt.label) === null || _l === void 0 ? void 0 : _l.toLowerCase().indexOf("vip")) > -1) {
263
+ return true;
264
+ }
265
+ }
266
+ }
267
+ else if (f.value.toLowerCase() == "cama") {
268
+ // for (let bt of it.fare_str.split(",")) {
269
+ // if (bt.toLowerCase().split(":")[0] == "cama") {
270
+ // return true;
271
+ // }
272
+ // }
273
+ for (let bt of it.seat_types) {
274
+ if (((_m = bt === null || bt === void 0 ? void 0 : bt.label) === null || _m === void 0 ? void 0 : _m.toLowerCase().indexOf("cama")) > -1) {
275
+ return true;
276
+ }
277
+ }
278
+ }
279
+ else if (f.value.toLowerCase() == "preferente") {
280
+ // for (let bt of it.fare_str.split(",")) {
281
+ // if (bt.toLowerCase().split(":")[0] == "preferente") {
282
+ // return true;
283
+ // }
284
+ // }
285
+ for (let bt of it.seat_types) {
286
+ if (((_o = bt === null || bt === void 0 ? void 0 : bt.label) === null || _o === void 0 ? void 0 : _o.toLowerCase().indexOf("preferente")) > -1) {
287
+ return true;
288
+ }
289
+ }
290
+ }
291
+ else if (f.value.toLowerCase().indexOf("vent") > -1) {
292
+ // for (let bt of it.fare_str.split(",")) {
293
+ // if (bt.toLowerCase().split(":")[0].indexOf("vent") > -1) {
294
+ // return true;
295
+ // }
296
+ // }
297
+ for (let bt of it.seat_types) {
298
+ if (((_p = bt === null || bt === void 0 ? void 0 : bt.label) === null || _p === void 0 ? void 0 : _p.toLowerCase().indexOf("vent")) > -1) {
299
+ return true;
300
+ }
301
+ }
302
+ }
303
+ else if (f.value.toLowerCase().indexOf("clasico") > -1) {
304
+ // for (let bt of it.fare_str.split(",")) {
305
+ // if (
306
+ // bt.toLowerCase().split(":")[0].indexOf("clasico") > -1
307
+ // ) {
308
+ // return true;
309
+ // }
310
+ // }
311
+ for (let bt of it.seat_types) {
312
+ if (((_q = bt === null || bt === void 0 ? void 0 : bt.label) === null || _q === void 0 ? void 0 : _q.toLowerCase().indexOf("clasico")) > -1) {
313
+ return true;
314
+ }
315
+ }
316
+ }
317
+ }
318
+ }
319
+ else
320
+ return true;
321
+ });
322
+ // }
323
+ }
324
+ }
325
+ routes = filteredRoutes;
326
+ // this.setState({
327
+ // serviceList: routes,
328
+ // });
329
+ setServiceList(routes);
330
+ }
331
+ catch (e) {
332
+ console.log(e);
333
+ }
334
+ };
335
+ const onFilterSelected = (option, key, i) => {
336
+ let filters = commonService.copyObject(filtersArray);
337
+ filters[key].options[i].active = !filters[key].options[i].active;
338
+ filterBy(filters);
339
+ setFiltersArray(filters);
340
+ };
341
+ return (React.createElement(ServiceFilter, { filtersArray: filtersArray, onFilterSelected: onFilterSelected, onFilterClear: (val) => {
342
+ setFiltersArray(val);
343
+ filterBy(val);
344
+ }, showReturnTripModal: showReturnTripModal, initialOpenFilters: isBlankTicket ? ["operator"] : [], colors: colors, icons: icons, translation: translation, isTrain: isTrain, t: t }));
345
+ };
346
+ export default FilterBarDesktop;
package/dist/components/FilterBar/FilterBarMobile.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { MobileFilterBarProps } from "./mobileTypes";
3
+ declare const FilterBarMobile: ({ tripStep, isOpen, setIsOpen, icons, busTerminals, myFilters, setMyFilters, serviceListReturn, onwardMaster, setOnwardMaster, returnMaster, setReturnMaster, setActiveSortTab, serviceListOnward, setServiceListReturnFiltered, blankTicket, setServiceListOnwardFiltered, setFiltersSelectedOnward, setFiltersSelectedReturn, colors, }: MobileFilterBarProps) => React.JSX.Element;
4
+ export default FilterBarMobile;