kupos-ui-components-lib 9.1.2 → 9.1.4

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 (51) hide show
  1. package/README copy.md +67 -223
  2. package/dist/assets/images/anims/service_list/directo.json +1 -1
  3. package/dist/components/FilterBar/FilterBarDesktop.d.ts +1 -1
  4. package/dist/components/FilterBar/FilterBarDesktop.js +38 -3
  5. package/dist/components/FilterBar/tyoes.d.ts +1 -0
  6. package/dist/components/ServiceItem/PeruServiceItemDesktop.js +1 -1
  7. package/dist/components/ServiceItem/RatingHover.js +33 -32
  8. package/dist/components/ServiceItem/ServiceItemDesktop.d.ts +1 -1
  9. package/dist/components/ServiceItem/ServiceItemDesktop.js +267 -147
  10. package/dist/components/ServiceItem/ServiceItemMobile.d.ts +1 -1
  11. package/dist/components/ServiceItem/ServiceItemMobile.js +278 -87
  12. package/dist/components/ServiceItem/mobileTypes.d.ts +0 -5
  13. package/dist/components/ServiceItem/types.d.ts +0 -7
  14. package/dist/styles.css +32 -131
  15. package/dist/ui/AmenitiesBlock.js +30 -23
  16. package/dist/ui/DurationBlock.js +4 -4
  17. package/dist/ui/FlexibleBlock.js +6 -5
  18. package/dist/ui/PetBlock.js +3 -1
  19. package/dist/ui/RatingBlock.d.ts +1 -9
  20. package/dist/ui/RatingBlock.js +3 -7
  21. package/dist/utils/CommonService.d.ts +1 -1
  22. package/dist/utils/CommonService.js +0 -2
  23. package/package.json +1 -2
  24. package/src/assets/images/anims/service_list/directo.json +1 -1
  25. package/src/components/FilterBar/FilterBarDesktop.tsx +46 -3
  26. package/src/components/FilterBar/tyoes.ts +1 -0
  27. package/src/components/ServiceItem/PeruServiceItemDesktop.tsx +0 -1
  28. package/src/components/ServiceItem/RatingHover.tsx +45 -44
  29. package/src/components/ServiceItem/ServiceItemDesktop.tsx +537 -313
  30. package/src/components/ServiceItem/ServiceItemMobile.tsx +530 -213
  31. package/src/components/ServiceItem/mobileTypes.ts +0 -5
  32. package/src/components/ServiceItem/types.ts +0 -7
  33. package/src/ui/AmenitiesBlock.tsx +29 -50
  34. package/src/ui/DurationBlock.tsx +4 -4
  35. package/src/ui/FlexibleBlock.tsx +5 -6
  36. package/src/ui/PetBlock.tsx +2 -2
  37. package/src/ui/RatingBlock.tsx +6 -18
  38. package/src/utils/CommonService.ts +0 -2
  39. package/src/assets/images/anims/service_list/bomb.json +0 -1
  40. package/src/ui/BottomAmenities/BottomAmenities.tsx +0 -110
  41. package/src/ui/DateTimeSection/DateTimeSection.tsx +0 -207
  42. package/src/ui/DirectoBlock.tsx +0 -31
  43. package/src/ui/ExpendedDropDown/ExpandedDropdown.tsx +0 -103
  44. package/src/ui/KuposButton/KuposButton.tsx +0 -48
  45. package/src/ui/SeatSection/SeatSection.tsx +0 -207
  46. package/src/ui/TopAmenities/TopAmenities.tsx +0 -127
  47. package/src/ui/mobileweb/BottomAmenitiesMobile.tsx +0 -169
  48. package/src/ui/mobileweb/DateTimeSectionMobile.tsx +0 -192
  49. package/src/ui/mobileweb/ExpandedDropdownMobile.tsx +0 -56
  50. package/src/ui/mobileweb/SeatSectionMobile.tsx +0 -256
  51. package/src/ui/mobileweb/TopAmenitieMobile.tsx +0 -126
package/dist/styles.css CHANGED
@@ -30,9 +30,6 @@
30
30
  .-top-\[14px\] {
31
31
  top: calc(14px * -1);
32
32
  }
33
- .-top-\[16px\] {
34
- top: calc(16px * -1);
35
- }
36
33
  .top-\[2px\] {
37
34
  top: 2px;
38
35
  }
@@ -48,9 +45,6 @@
48
45
  .top-\[88\%\] {
49
46
  top: 88%;
50
47
  }
51
- .right-\[0\] {
52
- right: 0;
53
- }
54
48
  .-bottom-\[9\%\] {
55
49
  bottom: calc(9% * -1);
56
50
  }
@@ -87,9 +81,6 @@
87
81
  .left-\[80px\] {
88
82
  left: 80px;
89
83
  }
90
- .-z-9 {
91
- z-index: calc(9 * -1);
92
- }
93
84
  .-z-10 {
94
85
  z-index: calc(10 * -1);
95
86
  }
@@ -126,15 +117,12 @@
126
117
  .mx-auto {
127
118
  margin-inline: auto;
128
119
  }
129
- .-mt-\[16px\] {
130
- margin-top: calc(16px * -1);
120
+ .-mt-\[5px\] {
121
+ margin-top: calc(5px * -1);
131
122
  }
132
123
  .mt-\[2px\] {
133
124
  margin-top: 2px;
134
125
  }
135
- .mt-\[3px\] {
136
- margin-top: 3px;
137
- }
138
126
  .mt-\[5px\] {
139
127
  margin-top: 5px;
140
128
  }
@@ -144,9 +132,6 @@
144
132
  .mt-\[13px\] {
145
133
  margin-top: 13px;
146
134
  }
147
- .mt-\[14px\] {
148
- margin-top: 14px;
149
- }
150
135
  .mt-\[15px\] {
151
136
  margin-top: 15px;
152
137
  }
@@ -177,6 +162,9 @@
177
162
  .mr-\[11px\] {
178
163
  margin-right: 11px;
179
164
  }
165
+ .-mb-\[5px\] {
166
+ margin-bottom: calc(5px * -1);
167
+ }
180
168
  .mb-\[2px\] {
181
169
  margin-bottom: 2px;
182
170
  }
@@ -186,6 +174,9 @@
186
174
  .mb-\[5px\] {
187
175
  margin-bottom: 5px;
188
176
  }
177
+ .mb-\[8px\] {
178
+ margin-bottom: 8px;
179
+ }
189
180
  .mb-\[10px\] {
190
181
  margin-bottom: 10px;
191
182
  }
@@ -213,18 +204,9 @@
213
204
  .ml-\[3px\] {
214
205
  margin-left: 3px;
215
206
  }
216
- .ml-\[4px\] {
217
- margin-left: 4px;
218
- }
219
207
  .ml-\[5px\] {
220
208
  margin-left: 5px;
221
209
  }
222
- .ml-\[6px\] {
223
- margin-left: 6px;
224
- }
225
- .ml-\[8px\] {
226
- margin-left: 8px;
227
- }
228
210
  .ml-\[10px\] {
229
211
  margin-left: 10px;
230
212
  }
@@ -294,9 +276,6 @@
294
276
  .max-h-\[66vh\] {
295
277
  max-height: 66vh;
296
278
  }
297
- .min-h-\[2\.2rem\] {
298
- min-height: 2.2rem;
299
- }
300
279
  .min-h-\[2\.5rem\] {
301
280
  min-height: 2.5rem;
302
281
  }
@@ -321,9 +300,6 @@
321
300
  .w-\[50\%\] {
322
301
  width: 50%;
323
302
  }
324
- .w-\[55\%\] {
325
- width: 55%;
326
- }
327
303
  .w-\[60\%\] {
328
304
  width: 60%;
329
305
  }
@@ -345,9 +321,6 @@
345
321
  .w-\[130px\] {
346
322
  width: 130px;
347
323
  }
348
- .w-\[150px\] {
349
- width: 150px;
350
- }
351
324
  .w-\[188px\] {
352
325
  width: 188px;
353
326
  }
@@ -360,8 +333,8 @@
360
333
  .w-\[260px\] {
361
334
  width: 260px;
362
335
  }
363
- .w-\[280px\] {
364
- width: 280px;
336
+ .w-\[320px\] {
337
+ width: 320px;
365
338
  }
366
339
  .w-\[auto\] {
367
340
  width: auto;
@@ -369,20 +342,9 @@
369
342
  .w-auto {
370
343
  width: auto;
371
344
  }
372
- .w-fit {
373
- width: -moz-fit-content;
374
- width: fit-content;
375
- }
376
345
  .w-full {
377
346
  width: 100%;
378
347
  }
379
- .w-max {
380
- width: -moz-max-content;
381
- width: max-content;
382
- }
383
- .max-w-\[120px\] {
384
- max-width: 120px;
385
- }
386
348
  .max-w-\[165px\] {
387
349
  max-width: 165px;
388
350
  }
@@ -412,15 +374,12 @@
412
374
  .cursor-pointer {
413
375
  cursor: pointer;
414
376
  }
377
+ .\[grid-template-columns\:14\%_30\%_2\.5\%_30\%_15\.5\%\] {
378
+ grid-template-columns: 14% 30% 2.5% 30% 15.5%;
379
+ }
415
380
  .\[grid-template-columns\:14\%_40\%_0\.5\%_24\%_13\.5\%\] {
416
381
  grid-template-columns: 14% 40% 0.5% 24% 13.5%;
417
382
  }
418
- .\[grid-template-columns\:18\%_28\%_2\.5\%_28\%_15\.5\%\] {
419
- grid-template-columns: 18% 28% 2.5% 28% 15.5%;
420
- }
421
- .\[grid-template-columns\:22\%_28\%_2\.5\%_24\%_15\.5\%\] {
422
- grid-template-columns: 22% 28% 2.5% 24% 15.5%;
423
- }
424
383
  .grid-cols-\[0\.8fr_auto_26\%_1fr\] {
425
384
  grid-template-columns: 0.8fr auto 26% 1fr;
426
385
  }
@@ -472,9 +431,6 @@
472
431
  .gap-\[6px\] {
473
432
  gap: 6px;
474
433
  }
475
- .gap-\[8px\] {
476
- gap: 8px;
477
- }
478
434
  .gap-\[10px\] {
479
435
  gap: 10px;
480
436
  }
@@ -556,6 +512,9 @@
556
512
  --tw-border-style: none;
557
513
  border-style: none;
558
514
  }
515
+ .border-\[\#E6E6E6\] {
516
+ border-color: #E6E6E6;
517
+ }
559
518
  .border-\[\#ccc\] {
560
519
  border-color: #ccc;
561
520
  }
@@ -614,6 +573,9 @@
614
573
  .p-\[10px_15px\] {
615
574
  padding: 10px 15px;
616
575
  }
576
+ .p-\[12px\] {
577
+ padding: 12px;
578
+ }
617
579
  .p-\[15px\] {
618
580
  padding: 15px;
619
581
  }
@@ -626,15 +588,9 @@
626
588
  .px-\[10px\] {
627
589
  padding-inline: 10px;
628
590
  }
629
- .px-\[12px\] {
630
- padding-inline: 12px;
631
- }
632
591
  .px-\[14px\] {
633
592
  padding-inline: 14px;
634
593
  }
635
- .px-\[15px\] {
636
- padding-inline: 15px;
637
- }
638
594
  .px-\[20px\] {
639
595
  padding-inline: 20px;
640
596
  }
@@ -647,17 +603,14 @@
647
603
  .py-\[6px\] {
648
604
  padding-block: 6px;
649
605
  }
650
- .py-\[10px\] {
651
- padding-block: 10px;
652
- }
653
606
  .py-\[12px\] {
654
607
  padding-block: 12px;
655
608
  }
656
609
  .pt-\[4px\] {
657
610
  padding-top: 4px;
658
611
  }
659
- .pt-\[6px\] {
660
- padding-top: 6px;
612
+ .pt-\[5px\] {
613
+ padding-top: 5px;
661
614
  }
662
615
  .pt-\[10px\] {
663
616
  padding-top: 10px;
@@ -665,54 +618,39 @@
665
618
  .pt-\[20px\] {
666
619
  padding-top: 20px;
667
620
  }
668
- .pt-\[22px\] {
669
- padding-top: 22px;
670
- }
671
- .pt-\[26px\] {
672
- padding-top: 26px;
673
- }
674
621
  .pt-\[35px\] {
675
622
  padding-top: 35px;
676
623
  }
677
624
  .pt-\[50px\] {
678
625
  padding-top: 50px;
679
626
  }
680
- .pr-\[13px\] {
681
- padding-right: 13px;
682
- }
683
627
  .pr-\[15px\] {
684
628
  padding-right: 15px;
685
629
  }
630
+ .pr-\[20px\] {
631
+ padding-right: 20px;
632
+ }
633
+ .pb-\[5px\] {
634
+ padding-bottom: 5px;
635
+ }
686
636
  .pb-\[7px\] {
687
637
  padding-bottom: 7px;
688
638
  }
689
639
  .pb-\[10px\] {
690
640
  padding-bottom: 10px;
691
641
  }
692
- .pb-\[12px\] {
693
- padding-bottom: 12px;
694
- }
695
- .pb-\[14px\] {
696
- padding-bottom: 14px;
697
- }
698
- .pl-\[6px\] {
699
- padding-left: 6px;
642
+ .pl-\[15px\] {
643
+ padding-left: 15px;
700
644
  }
701
645
  .text-center {
702
646
  text-align: center;
703
647
  }
704
- .text-end {
705
- text-align: end;
706
- }
707
648
  .text-justify {
708
649
  text-align: justify;
709
650
  }
710
651
  .text-left {
711
652
  text-align: left;
712
653
  }
713
- .text-\[6px\] {
714
- font-size: 6px;
715
- }
716
654
  .text-\[10px\] {
717
655
  font-size: 10px;
718
656
  }
@@ -752,13 +690,13 @@
752
690
  --tw-font-weight: 900;
753
691
  font-weight: 900;
754
692
  }
693
+ .text-wrap {
694
+ text-wrap: wrap;
695
+ }
755
696
  .break-normal {
756
697
  overflow-wrap: normal;
757
698
  word-break: normal;
758
699
  }
759
- .text-ellipsis {
760
- text-overflow: ellipsis;
761
- }
762
700
  .whitespace-normal {
763
701
  white-space: normal;
764
702
  }
@@ -792,13 +730,6 @@
792
730
  .uppercase {
793
731
  text-transform: uppercase;
794
732
  }
795
- .tabular-nums {
796
- --tw-numeric-spacing: tabular-nums;
797
- font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
798
- }
799
- .line-through {
800
- text-decoration-line: line-through;
801
- }
802
733
  .opacity-0 {
803
734
  opacity: 0%;
804
735
  }
@@ -887,11 +818,6 @@
887
818
  font-size: 11px;
888
819
  }
889
820
  }
890
- .min-\[420px\]\:text-\[12px\] {
891
- @media (width >= 420px) {
892
- font-size: 12px;
893
- }
894
- }
895
821
  @keyframes load8 {
896
822
  0% {
897
823
  transform: rotate(0deg);
@@ -977,26 +903,6 @@
977
903
  syntax: "*";
978
904
  inherits: false;
979
905
  }
980
- @property --tw-ordinal {
981
- syntax: "*";
982
- inherits: false;
983
- }
984
- @property --tw-slashed-zero {
985
- syntax: "*";
986
- inherits: false;
987
- }
988
- @property --tw-numeric-figure {
989
- syntax: "*";
990
- inherits: false;
991
- }
992
- @property --tw-numeric-spacing {
993
- syntax: "*";
994
- inherits: false;
995
- }
996
- @property --tw-numeric-fraction {
997
- syntax: "*";
998
- inherits: false;
999
- }
1000
906
  @property --tw-blur {
1001
907
  syntax: "*";
1002
908
  inherits: false;
@@ -1078,11 +984,6 @@
1078
984
  --tw-border-style: solid;
1079
985
  --tw-leading: initial;
1080
986
  --tw-font-weight: initial;
1081
- --tw-ordinal: initial;
1082
- --tw-slashed-zero: initial;
1083
- --tw-numeric-figure: initial;
1084
- --tw-numeric-spacing: initial;
1085
- --tw-numeric-fraction: initial;
1086
987
  --tw-blur: initial;
1087
988
  --tw-brightness: initial;
1088
989
  --tw-contrast: initial;
@@ -1,10 +1,8 @@
1
1
  import React from "react";
2
+ import LottiePlayer from "../assets/LottiePlayer";
2
3
  const DEFAULT_PRIORITY_IDS = ["2", "3", "13"];
3
4
  const TOOLTIP_CLASS = "hidden group-hover:block absolute top-[30px] left-1/2 -translate-x-1/2 text-white rounded-[14px] whitespace-nowrap mt-2.5 text-center shadow-service text-[13.33px]";
4
- const getAmenityBaseName = (amenityStr) => {
5
- var _a;
6
- return (_a = amenityStr === null || amenityStr === void 0 ? void 0 : amenityStr.split(".")[0]) !== null && _a !== void 0 ? _a : "";
7
- };
5
+ const getAmenityBaseName = (amenityStr) => { var _a; return (_a = amenityStr === null || amenityStr === void 0 ? void 0 : amenityStr.split(".")[0]) !== null && _a !== void 0 ? _a : ""; };
8
6
  const isWater = (amenityStr) => { var _a; return ((_a = getAmenityBaseName(amenityStr)) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === "WATER"; };
9
7
  const TooltipArrow = ({ color }) => (React.createElement("div", { className: "tooltip-arrow absolute -top-[7px] left-1/2 -translate-x-1/2 w-0 h-0 border-l-8 border-r-8 border-b-8 border-l-transparent border-r-transparent", style: { borderBottomColor: color } }));
10
8
  const getAmenitySplit = ({ isPeru, amenities, priorityIds }) => {
@@ -29,7 +27,7 @@ const getAmenitySplit = ({ isPeru, amenities, priorityIds }) => {
29
27
  };
30
28
  };
31
29
  const AmenitiesBlock = ({ serviceItem, metaData, isSoldOut, colors, isPeru, getAnimationIcon, getAmenityName, SvgAmenities, }) => {
32
- var _a, _b;
30
+ var _a, _b, _c;
33
31
  if (!metaData ||
34
32
  !((_a = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.operator_details) === null || _a === void 0 ? void 0 : _a[4]) ||
35
33
  !serviceItem.operator_details[4].length) {
@@ -47,30 +45,39 @@ const AmenitiesBlock = ({ serviceItem, metaData, isSoldOut, colors, isPeru, getA
47
45
  });
48
46
  const shouldShowPlus = plusAmenities.length > 0;
49
47
  const grayscaleClass = isSoldOut ? "grayscale" : "";
50
- return (React.createElement("div", { className: "relative flex items-center gap-[6px] group cursor-pointer" },
48
+ return (React.createElement("div", { className: "flex items-center gap-[6px]" },
49
+ (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_tracking_enabled) && (React.createElement("div", { className: grayscaleClass },
50
+ React.createElement(LottiePlayer, { animationData: getAnimationIcon("locationAnim"), width: "20px", height: "20px" }))),
51
51
  visibleAmenities.map((val, key) => {
52
52
  const raw = metaData.amenities[val];
53
53
  if (isWater(raw))
54
54
  return null;
55
55
  const baseName = getAmenityBaseName(raw);
56
- return (React.createElement("div", { key: key },
56
+ return (React.createElement("div", { key: key, className: "relative group cursor-pointer" },
57
57
  React.createElement("div", { className: grayscaleClass },
58
- React.createElement(SvgAmenities, { moreAnemities: false, name: baseName.toLowerCase() }))));
58
+ React.createElement(SvgAmenities, { moreAnemities: false, name: baseName.toLowerCase() })),
59
+ React.createElement("div", { className: TOOLTIP_CLASS, style: {
60
+ backgroundColor: colors.tooltipColor,
61
+ zIndex: 21,
62
+ padding: "12px",
63
+ } },
64
+ React.createElement(TooltipArrow, { color: colors.tooltipColor }),
65
+ getAmenityName(baseName.split("_").join(" ")))));
59
66
  }),
60
- React.createElement("div", { className: TOOLTIP_CLASS, style: {
61
- backgroundColor: colors.bottomStripColor,
62
- zIndex: 21,
63
- padding: "12px",
64
- } },
65
- React.createElement(TooltipArrow, { color: colors.tooltipColor }),
66
- React.createElement("div", { className: "flex flex-col gap-[10px]" }, amenities.map((id, i) => {
67
- const rawItem = metaData.amenities[id];
68
- if (isWater(rawItem))
69
- return null;
70
- const name = getAmenityBaseName(rawItem);
71
- return (React.createElement("div", { key: i, className: "flex items-center gap-[5px] text-xs whitespace-nowrap" },
72
- React.createElement(SvgAmenities, { moreAnemities: true, name: name.toUpperCase(), color: "white" }),
73
- getAmenityName(name.split("_").join(" "))));
74
- })))));
67
+ shouldShowPlus && (React.createElement("div", { className: "relative ml-1 cursor-pointer" },
68
+ React.createElement("div", { className: "group" },
69
+ React.createElement("img", { src: ((_c = serviceItem.icons) === null || _c === void 0 ? void 0 : _c.plus) ||
70
+ "/images/icons/amenities/icon_plus.svg", className: "w-[16px] h-[16px]", alt: "plus" }),
71
+ React.createElement("div", { style: { zIndex: 100 }, className: TOOLTIP_CLASS },
72
+ React.createElement(TooltipArrow, { color: colors.tooltipColor }),
73
+ React.createElement("div", { className: "flex flex-col gap-[10px] p-3 rounded-[8px] shadow-md", style: { backgroundColor: colors.tooltipColor } }, plusAmenities.map((val, key) => {
74
+ const raw = metaData.amenities[val];
75
+ if (isWater(raw))
76
+ return null;
77
+ const baseName = getAmenityBaseName(raw);
78
+ return (React.createElement("div", { key: key, className: "flex items-center gap-[5px] text-xs whitespace-nowrap" },
79
+ React.createElement(SvgAmenities, { moreAnemities: true, name: baseName.toUpperCase(), color: "white" }),
80
+ getAmenityName(baseName.split("_").join(" "))));
81
+ }))))))));
75
82
  };
76
83
  export default AmenitiesBlock;
@@ -1,11 +1,11 @@
1
1
  import React from "react";
2
- const DurationBlock = ({ serviceItem, translation, renderIcon, isSoldOut, colors, }) => (React.createElement("div", { className: "flex items-baseline relative whitespace-nowrap " },
2
+ const DurationBlock = ({ serviceItem, translation, renderIcon, isSoldOut, colors, }) => (React.createElement("div", { className: "flex items-baseline relative whitespace-nowrap" },
3
3
  React.createElement("div", { className: `w-[18px] mr-[4px] ${isSoldOut ? "grayscale" : ""}` }, renderIcon("hours", "14px")),
4
- React.createElement("div", { className: "group text-[13.33px] cursor-pointer" },
4
+ React.createElement("div", { className: "group text-[13.33px]" },
5
5
  serviceItem.duration,
6
6
  " ",
7
7
  translation.hours,
8
- React.createElement("div", { className: "hidden group-hover:block absolute top-[24px] left-1/2 -translate-x-1/2 text-white p-3 rounded-[14px] whitespace-normal z-10 mt-2.5 w-[188px] text-center break-normal shadow-service text-[12px]", style: { backgroundColor: colors.bottomStripColor } },
9
- React.createElement("div", { className: "tooltip-arrow absolute -top-[7px] left-1/2 -translate-x-1/2 w-0 h-0 border-l-8 border-r-8 border-b-8 border-l-transparent border-r-transparent", style: { borderBottomColor: colors.bottomStripColor } }),
8
+ React.createElement("div", { className: "hidden group-hover:block absolute top-[24px] left-1/2 -translate-x-1/2 text-white p-3 rounded-[14px] whitespace-normal z-10 mt-2.5 w-[188px] text-center break-normal shadow-service text-[12px]", style: { backgroundColor: colors.tooltipColor } },
9
+ React.createElement("div", { className: "tooltip-arrow absolute -top-[7px] left-1/2 -translate-x-1/2 w-0 h-0 border-l-8 border-r-8 border-b-8 border-l-transparent border-r-transparent", style: { borderBottomColor: colors.tooltipColor } }),
10
10
  "Duraci\u00F3n estimada del viaje"))));
11
11
  export default DurationBlock;
@@ -3,20 +3,21 @@ import LottiePlayer from "../assets/LottiePlayer";
3
3
  const FlexibleBlock = ({ translation, getAnimationIcon, colors, serviceItem, isSoldOut, }) => {
4
4
  var _a;
5
5
  return (React.createElement("div", { className: "flex items-center" },
6
- React.createElement("div", { className: "relative group cursor-pointer" },
6
+ React.createElement("div", { className: "relative group cursor-default" },
7
7
  React.createElement("div", { className: "flex items-center" },
8
8
  React.createElement("div", { className: `mr-[5px] ${isSoldOut ? "grayscale" : ""}` },
9
9
  React.createElement(LottiePlayer
10
10
  // animationData={serviceItem.icons.flexibleAnim}
11
11
  , {
12
12
  // animationData={serviceItem.icons.flexibleAnim}
13
- animationData: getAnimationIcon("flexibleIcon"), width: "20px", height: "20px" }))),
13
+ animationData: getAnimationIcon("flexibleIcon"), width: "20px", height: "20px" })),
14
+ React.createElement("div", { className: "h-auto mr-[4px] text-[13px] text-[#464647]" },
15
+ React.createElement("span", null, translation === null || translation === void 0 ? void 0 : translation.flexible))),
14
16
  React.createElement("div", { className: "hidden group-hover:block absolute top-[24px] left-1/2 -translate-x-1/2 text-white p-3 rounded-[14px] whitespace-normal z-10 mt-2.5 w-[230px] text-center break-normal shadow-service text-[12px]", style: {
15
- backgroundColor: colors.bottomStripColor,
17
+ backgroundColor: colors.tooltipColor,
16
18
  lineHeight: "1.5",
17
- zIndex: "1000",
18
19
  } },
19
- React.createElement("div", { className: "tooltip-arrow absolute -top-[7px] left-1/2 -translate-x-1/2 w-0 h-0 border-l-8 border-r-8 border-b-8 border-l-transparent border-r-transparent ", style: { borderBottomColor: colors.bottomStripColor } }),
20
+ React.createElement("div", { className: "tooltip-arrow absolute -top-[7px] left-1/2 -translate-x-1/2 w-0 h-0 border-l-8 border-r-8 border-b-8 border-l-transparent border-r-transparent ", style: { borderBottomColor: colors.tooltipColor } }),
20
21
  "Esta empresa permite cambios sin costo hasta (", (_a = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.change_ticket_hours) !== null && _a !== void 0 ? _a : 6,
21
22
  ") horas antes del viaje."))));
22
23
  };
@@ -8,7 +8,9 @@ const PetBlock = ({ translation, getAnimationIcon, colors, isSoldOut }) => (Reac
8
8
  // animationData={serviceItem.icons.petFriendlyAnim}
9
9
  , {
10
10
  // animationData={serviceItem.icons.petFriendlyAnim}
11
- animationData: getAnimationIcon("petFriendlyAnim"), width: "20px", height: "20px" }))),
11
+ animationData: getAnimationIcon("petFriendlyAnim"), width: "20px", height: "20px" })),
12
+ React.createElement("div", { className: "h-auto mr-[4px] text-[13px] text-[#464647]" },
13
+ React.createElement("span", null, translation === null || translation === void 0 ? void 0 : translation.petFriendly))),
12
14
  React.createElement("div", { className: " hidden group-hover:block absolute top-[24px] left-1/2 -translate-x-1/2 text-white p-3 rounded-[14px] whitespace-normal z-10 mt-2.5 w-[230px] text-center break-normal shadow-service", style: { backgroundColor: colors === null || colors === void 0 ? void 0 : colors.tooltipColor } },
13
15
  React.createElement("div", { className: "tooltip-arrow absolute text-[13.33px] -top-[7px] left-1/2 -translate-x-1/2 w-0 h-0 border-l-8 border-r-8 border-b-8 border-l-transparent border-r-transparent", style: { borderBottomColor: colors === null || colors === void 0 ? void 0 : colors.tooltipColor } }),
14
16
  "Este servicio incluye asientos para mascotas."))));
@@ -1,11 +1,3 @@
1
1
  import React from "react";
2
- declare const RatingBlock: ({ showRating, serviceItem, isSoldOut, colors, t, translation, isPeru, }: {
3
- showRating: any;
4
- serviceItem: any;
5
- isSoldOut: any;
6
- colors: any;
7
- t: any;
8
- translation: any;
9
- isPeru: any;
10
- }) => React.JSX.Element;
2
+ declare const RatingBlock: ({ showRating, serviceItem, isSoldOut, colors, t, translation, isPeru, }: any) => React.JSX.Element;
11
3
  export default RatingBlock;
@@ -1,13 +1,9 @@
1
1
  import React from "react";
2
2
  import RatingHover from "../components/ServiceItem/RatingHover";
3
- const RatingBlock = ({ showRating, serviceItem, isSoldOut, colors, t, translation, isPeru, }) => (React.createElement("div", { className: "flex items-center whitespace-nowrap" },
3
+ const RatingBlock = ({ showRating, serviceItem, isSoldOut, colors, t, translation, isPeru = false, }) => (React.createElement("div", { className: "flex items-center whitespace-nowrap" },
4
4
  showRating && (React.createElement(RatingHover, { serviceItem: serviceItem, isSoldOut: isSoldOut, colors: colors, t: t, translation: translation, isPeru: isPeru })),
5
- React.createElement("div", { className: "group relative ml-[10px] text-[13.33px]", style: {
5
+ React.createElement("span", { className: "ml-[10px] text-[13.33px]", style: {
6
6
  marginLeft: showRating ? "10px" : "0",
7
7
  color: isSoldOut ? "#c0c0c0" : "#464647",
8
- } },
9
- React.createElement("span", { className: "block max-w-[120px] overflow-hidden text-ellipsis whitespace-nowrap cursor-pointer" }, serviceItem.operator_details[2]),
10
- React.createElement("div", { className: "hidden group-hover:block absolute top-[24px] left-1/2 -translate-x-1/2 text-white p-3 rounded-[14px] whitespace-nowrap z-10 mt-2.5 w-max text-center shadow-service text-[12px]", style: { backgroundColor: colors.bottomStripColor, zIndex: "300" } },
11
- React.createElement("div", { className: "tooltip-arrow absolute -top-[7px] left-1/2 -translate-x-1/2 w-0 h-0 border-l-8 border-r-8 border-b-8 border-l-transparent border-r-transparent ", style: { borderBottomColor: colors.bottomStripColor } }),
12
- serviceItem.operator_details[2]))));
8
+ } }, serviceItem.operator_details[2])));
13
9
  export default RatingBlock;
@@ -1,7 +1,7 @@
1
1
  declare const commonService: {
2
2
  currency(amount: number, currencySign?: string): string;
3
3
  copyObject: (ob: any) => any;
4
- getServiceTypeLabelForFilters: (service_type: any) => "Tipo de servicio" | "Punto de embarque" | "Tipo de asiento" | "SERVICIOS" | "";
4
+ getServiceTypeLabelForFilters: (service_type: any) => "" | "Tipo de servicio" | "Punto de embarque" | "Tipo de asiento" | "SERVICIOS";
5
5
  truncateSeatLabel: (label: string | number) => string;
6
6
  getAmenitiesImage: (name: string, serviceItem: any) => string;
7
7
  getAmenityName: (rawAmenity: string) => string;
@@ -185,8 +185,6 @@ const commonService = {
185
185
  return "Auriculares";
186
186
  case "allows cancellation":
187
187
  return "Anulación online";
188
- case "handicap":
189
- return "Asiento preferente (PMR)";
190
188
  default:
191
189
  return rawAmenity;
192
190
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kupos-ui-components-lib",
3
- "version": "9.1.2",
3
+ "version": "9.1.4",
4
4
  "description": "A reusable UI components package",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -30,7 +30,6 @@
30
30
  "author": "Zahid Dar",
31
31
  "license": "MIT",
32
32
  "dependencies": {
33
- "kupos-ui-components-lib": "^9.0.7",
34
33
  "lottie-react": "^2.4.1",
35
34
  "lottie-web": "^5.13.0",
36
35
  "moment": "^2.30.1",
@@ -1 +1 @@
1
- {"nm":"Main Scene","ddd":0,"h":500,"w":500,"meta":{"g":"@lottiefiles/creator 1.86.1"},"layers":[{"ty":4,"nm":"Shape Layer - SVG","sr":1,"st":0,"op":90,"ip":0,"hd":false,"ln":"Capa_1","ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[38.5,32.5]},"s":{"a":0,"k":[596.2908,596.2908]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[103.191,249.995],"t":0},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[103.191,249.995],"t":24},{"s":[221.8237,249.9635],"t":39}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":24},{"s":[100],"t":30}]}},"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0.2699999999999996,0.37000000000000455],[-0.5899999999999999,0.759999999999998],[0,0],[0,0],[0,0.5100000000000002],[-0.2700000000000031,0.3600000000000001],[-0.39000000000000057,0],[-0.2699999999999996,-0.37000000000000005],[0,0],[0.5700000000000003,-0.759999999999998],[0,0],[0.39000000000000057,0]],"o":[[-0.39000000000000057,0],[-0.5700000000000003,-0.75],[0,0],[0,0],[-0.28000000000000114,-0.33999999999999986],[0,-0.5100000000000002],[0.28000000000000114,-0.36],[0.39000000000000057,0],[0,0],[0.5700000000000003,0.75],[0,0],[-0.28000000000000114,0.35999999999999943],[0,0]],"v":[[26.98,65],[25.96,64.44],[25.96,61.71],[48.010000000000005,32.269999999999996],[25.94,3.28],[25.52,1.9299999999999997],[25.94,0.5599999999999996],[26.98,-4.440892098500626e-16],[28,0.5599999999999996],[51.07,30.88],[51.07,33.61],[28.01,64.43],[26.970000000000002,65.01]]}}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100},"w":{"a":0,"k":0.87},"c":{"a":0,"k":[0.2745,0.2745,0.2784]}},{"ty":"fl","bm":0,"hd":false,"nm":"Fill","c":{"a":0,"k":[0.2745,0.2745,0.2784]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":1},{"ty":4,"nm":"Shape Layer - SVG 1","sr":1,"st":0,"op":90,"ip":0,"hd":false,"ln":"Capa_1","ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[38.5,32.5]},"s":{"a":0,"k":[596.2908,596.2908]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[80.0835,249.995],"t":0},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[80.0835,249.995],"t":2},{"s":[395.1269,249.9635],"t":24}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":0},{"s":[100],"t":4}]}},"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0.2699999999999996,0.37000000000000455],[-0.5899999999999999,0.759999999999998],[0,0],[0,0],[0,0.5100000000000002],[-0.2700000000000031,0.3600000000000001],[-0.39000000000000057,0],[-0.2699999999999996,-0.37000000000000005],[0,0],[0.5700000000000003,-0.759999999999998],[0,0],[0.39000000000000057,0]],"o":[[-0.39000000000000057,0],[-0.5700000000000003,-0.75],[0,0],[0,0],[-0.28000000000000114,-0.33999999999999986],[0,-0.5100000000000002],[0.28000000000000114,-0.36],[0.39000000000000057,0],[0,0],[0.5700000000000003,0.75],[0,0],[-0.28000000000000114,0.35999999999999943],[0,0]],"v":[[26.98,65],[25.96,64.44],[25.96,61.71],[48.010000000000005,32.269999999999996],[25.94,3.28],[25.52,1.9299999999999997],[25.94,0.5599999999999996],[26.98,-4.440892098500626e-16],[28,0.5599999999999996],[51.07,30.88],[51.07,33.61],[28.01,64.43],[26.970000000000002,65.01]]}}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100},"w":{"a":0,"k":0.87},"c":{"a":0,"k":[0.2745,0.2745,0.2784]}},{"ty":"fl","bm":0,"hd":false,"nm":"Fill","c":{"a":0,"k":[0.2745,0.2745,0.2784]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":2}],"v":"5.7.0","fr":30,"op":90,"ip":0,"assets":[]}
1
+ {"nm":"Main Scene","ddd":0,"h":500,"w":500,"meta":{"g":"@lottiefiles/creator 1.25.0"},"layers":[{"ty":0,"nm":" Main Scene","sr":1,"st":0,"op":90,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[250,250]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[250,250]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"w":500,"h":500,"refId":"precomp_Main Scene_c6717324-fe11-4912-8421-1a94a5c0a552","ind":1}],"v":"5.7.0","fr":30,"op":90,"ip":0,"assets":[{"nm":"Main Scene","id":"precomp_Main Scene_c6717324-fe11-4912-8421-1a94a5c0a552","layers":[{"ty":4,"nm":"Shape Layer - SVG","sr":1,"st":0,"op":90,"ip":0,"hd":false,"ln":"Capa_1","ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[38.5,32.5]},"s":{"a":0,"k":[596.2908,596.2908]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[103.191,249.995],"t":24},{"s":[221.8237,249.9635],"t":39}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":24},{"s":[100],"t":30}]}},"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0.2699999999999996,0.37000000000000455],[-0.5899999999999999,0.759999999999998],[0,0],[0,0],[0,0.5100000000000002],[-0.2700000000000031,0.3600000000000001],[-0.39000000000000057,0],[-0.2699999999999996,-0.37000000000000005],[0,0],[0.5700000000000003,-0.759999999999998],[0,0],[0.39000000000000057,0]],"o":[[-0.39000000000000057,0],[-0.5700000000000003,-0.75],[0,0],[0,0],[-0.28000000000000114,-0.33999999999999986],[0,-0.5100000000000002],[0.28000000000000114,-0.36],[0.39000000000000057,0],[0,0],[0.5700000000000003,0.75],[0,0],[-0.28000000000000114,0.35999999999999943],[0,0]],"v":[[26.98,65],[25.96,64.44],[25.96,61.71],[48.010000000000005,32.269999999999996],[25.94,3.28],[25.52,1.9299999999999997],[25.94,0.5599999999999996],[26.98,-4.440892098500626e-16],[28,0.5599999999999996],[51.07,30.88],[51.07,33.61],[28.01,64.43],[26.970000000000002,65.01]]}}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100},"w":{"a":0,"k":0.87},"c":{"a":0,"k":[1,1,1]}},{"ty":"fl","bm":0,"hd":false,"nm":"Fill","c":{"a":0,"k":[1,1,1]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":1},{"ty":4,"nm":"Shape Layer - SVG 1","sr":1,"st":0,"op":90,"ip":0,"hd":false,"ln":"Capa_1","ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[38.5,32.5]},"s":{"a":0,"k":[596.2908,596.2908]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[80.0835,249.995],"t":2},{"s":[395.1269,249.9635],"t":24}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":0},{"s":[100],"t":4}]}},"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0.2699999999999996,0.37000000000000455],[-0.5899999999999999,0.759999999999998],[0,0],[0,0],[0,0.5100000000000002],[-0.2700000000000031,0.3600000000000001],[-0.39000000000000057,0],[-0.2699999999999996,-0.37000000000000005],[0,0],[0.5700000000000003,-0.759999999999998],[0,0],[0.39000000000000057,0]],"o":[[-0.39000000000000057,0],[-0.5700000000000003,-0.75],[0,0],[0,0],[-0.28000000000000114,-0.33999999999999986],[0,-0.5100000000000002],[0.28000000000000114,-0.36],[0.39000000000000057,0],[0,0],[0.5700000000000003,0.75],[0,0],[-0.28000000000000114,0.35999999999999943],[0,0]],"v":[[26.98,65],[25.96,64.44],[25.96,61.71],[48.010000000000005,32.269999999999996],[25.94,3.28],[25.52,1.9299999999999997],[25.94,0.5599999999999996],[26.98,-4.440892098500626e-16],[28,0.5599999999999996],[51.07,30.88],[51.07,33.61],[28.01,64.43],[26.970000000000002,65.01]]}}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100},"w":{"a":0,"k":0.87},"c":{"a":0,"k":[1,1,1]}},{"ty":"fl","bm":0,"hd":false,"nm":"Fill","c":{"a":0,"k":[1,1,1]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":2}]}]}