kupos-ui-components-lib 9.1.2 → 9.1.3

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 (46) 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/ServiceItem/PeruServiceItemDesktop.js +1 -1
  4. package/dist/components/ServiceItem/RatingHover.js +33 -32
  5. package/dist/components/ServiceItem/ServiceItemDesktop.d.ts +1 -1
  6. package/dist/components/ServiceItem/ServiceItemDesktop.js +267 -147
  7. package/dist/components/ServiceItem/ServiceItemMobile.d.ts +1 -1
  8. package/dist/components/ServiceItem/ServiceItemMobile.js +278 -87
  9. package/dist/components/ServiceItem/mobileTypes.d.ts +0 -5
  10. package/dist/components/ServiceItem/types.d.ts +0 -7
  11. package/dist/styles.css +32 -131
  12. package/dist/ui/AmenitiesBlock.js +30 -23
  13. package/dist/ui/DurationBlock.js +4 -4
  14. package/dist/ui/FlexibleBlock.js +6 -5
  15. package/dist/ui/PetBlock.js +3 -1
  16. package/dist/ui/RatingBlock.d.ts +1 -9
  17. package/dist/ui/RatingBlock.js +3 -7
  18. package/dist/utils/CommonService.d.ts +1 -1
  19. package/dist/utils/CommonService.js +0 -2
  20. package/package.json +1 -2
  21. package/src/assets/images/anims/service_list/directo.json +1 -1
  22. package/src/components/ServiceItem/PeruServiceItemDesktop.tsx +0 -1
  23. package/src/components/ServiceItem/RatingHover.tsx +45 -44
  24. package/src/components/ServiceItem/ServiceItemDesktop.tsx +537 -313
  25. package/src/components/ServiceItem/ServiceItemMobile.tsx +530 -213
  26. package/src/components/ServiceItem/mobileTypes.ts +0 -5
  27. package/src/components/ServiceItem/types.ts +0 -7
  28. package/src/ui/AmenitiesBlock.tsx +29 -50
  29. package/src/ui/DurationBlock.tsx +4 -4
  30. package/src/ui/FlexibleBlock.tsx +5 -6
  31. package/src/ui/PetBlock.tsx +2 -2
  32. package/src/ui/RatingBlock.tsx +6 -18
  33. package/src/utils/CommonService.ts +0 -2
  34. package/src/assets/images/anims/service_list/bomb.json +0 -1
  35. package/src/ui/BottomAmenities/BottomAmenities.tsx +0 -110
  36. package/src/ui/DateTimeSection/DateTimeSection.tsx +0 -207
  37. package/src/ui/DirectoBlock.tsx +0 -31
  38. package/src/ui/ExpendedDropDown/ExpandedDropdown.tsx +0 -103
  39. package/src/ui/KuposButton/KuposButton.tsx +0 -48
  40. package/src/ui/SeatSection/SeatSection.tsx +0 -207
  41. package/src/ui/TopAmenities/TopAmenities.tsx +0 -127
  42. package/src/ui/mobileweb/BottomAmenitiesMobile.tsx +0 -169
  43. package/src/ui/mobileweb/DateTimeSectionMobile.tsx +0 -192
  44. package/src/ui/mobileweb/ExpandedDropdownMobile.tsx +0 -56
  45. package/src/ui/mobileweb/SeatSectionMobile.tsx +0 -256
  46. package/src/ui/mobileweb/TopAmenitieMobile.tsx +0 -126
package/src/components/ServiceItem/RatingHover.tsx CHANGED
@@ -18,7 +18,8 @@ const RatingHover: React.FC<RatingHoverProps> = ({
18
18
  translation,
19
19
  isPeru,
20
20
  }) => {
21
- const ratingIndex = isPeru ? 7 : 6;
21
+ const handleRating = isPeru ? 7 : 6;
22
+ const handleBottomRating = isPeru ? 6 : 5;
22
23
  return (
23
24
  <div className="flex items-center">
24
25
  <div className="w-[18px] h-auto mr-[4px] relative">
@@ -38,7 +39,7 @@ const RatingHover: React.FC<RatingHoverProps> = ({
38
39
  }}
39
40
  />
40
41
  <div
41
- className="hidden group-hover:block absolute left-[80px] -bottom-[160px] z-20 mt-2 w-[280px] rounded-lg shadow-service-2 bg-white overflow-hidden rounded-[14px] border-[2px]"
42
+ className="hidden group-hover:block absolute left-[80px] -bottom-[160px] z-20 mt-2 w-[320px] rounded-lg shadow-service-2 bg-white overflow-hidden rounded-[14px] border-[2px]"
42
43
  style={{
43
44
  borderColor: isSoldOut ? "#c0c0c0" : colors.ratingBorderColor,
44
45
  color: isSoldOut ? "#c0c0c0" : "",
@@ -62,26 +63,26 @@ const RatingHover: React.FC<RatingHoverProps> = ({
62
63
  <div className="px-3 py-2 flex flex-col gap-[10px] font9">
63
64
  <RatingItem
64
65
  rating={
65
- serviceItem.operator_details[ratingIndex] &&
66
- serviceItem.operator_details[ratingIndex][
66
+ serviceItem.operator_details[handleRating] &&
67
+ serviceItem.operator_details[handleRating][
67
68
  Object.keys(
68
- serviceItem.operator_details[ratingIndex] &&
69
- serviceItem.operator_details[ratingIndex],
69
+ serviceItem.operator_details[handleRating] &&
70
+ serviceItem.operator_details[handleRating],
70
71
  )[0]
71
72
  ] &&
72
73
  parseFloat(
73
- serviceItem.operator_details[ratingIndex][
74
+ serviceItem.operator_details[handleRating][
74
75
  Object.keys(
75
- serviceItem.operator_details[ratingIndex] &&
76
- serviceItem.operator_details[ratingIndex],
76
+ serviceItem.operator_details[handleRating] &&
77
+ serviceItem.operator_details[handleRating],
77
78
  )[0]
78
79
  ],
79
80
  ).toFixed(1)
80
81
  ? +parseFloat(
81
- serviceItem.operator_details[ratingIndex][
82
+ serviceItem.operator_details[handleRating][
82
83
  Object.keys(
83
- serviceItem.operator_details[ratingIndex] &&
84
- serviceItem.operator_details[ratingIndex],
84
+ serviceItem.operator_details[handleRating] &&
85
+ serviceItem.operator_details[handleRating],
85
86
  )[0]
86
87
  ],
87
88
  ).toFixed(1)
@@ -92,26 +93,26 @@ const RatingHover: React.FC<RatingHoverProps> = ({
92
93
  />
93
94
  <RatingItem
94
95
  rating={
95
- serviceItem.operator_details[ratingIndex] &&
96
- serviceItem.operator_details[ratingIndex][
96
+ serviceItem.operator_details[handleRating] &&
97
+ serviceItem.operator_details[handleRating][
97
98
  Object.keys(
98
- serviceItem.operator_details[ratingIndex] &&
99
- serviceItem.operator_details[ratingIndex],
99
+ serviceItem.operator_details[handleRating] &&
100
+ serviceItem.operator_details[handleRating],
100
101
  )[1]
101
102
  ] &&
102
103
  parseFloat(
103
- serviceItem.operator_details[ratingIndex][
104
+ serviceItem.operator_details[handleRating][
104
105
  Object.keys(
105
- serviceItem.operator_details[ratingIndex] &&
106
- serviceItem.operator_details[ratingIndex],
106
+ serviceItem.operator_details[handleRating] &&
107
+ serviceItem.operator_details[handleRating],
107
108
  )[1]
108
109
  ],
109
110
  ).toFixed(1)
110
111
  ? +parseFloat(
111
- serviceItem.operator_details[ratingIndex][
112
+ serviceItem.operator_details[handleRating][
112
113
  Object.keys(
113
- serviceItem.operator_details[ratingIndex] &&
114
- serviceItem.operator_details[ratingIndex],
114
+ serviceItem.operator_details[handleRating] &&
115
+ serviceItem.operator_details[handleRating],
115
116
  )[1]
116
117
  ],
117
118
  ).toFixed(1)
@@ -122,26 +123,26 @@ const RatingHover: React.FC<RatingHoverProps> = ({
122
123
  />
123
124
  <RatingItem
124
125
  rating={
125
- serviceItem.operator_details[ratingIndex] &&
126
- serviceItem.operator_details[ratingIndex][
126
+ serviceItem.operator_details[handleRating] &&
127
+ serviceItem.operator_details[handleRating][
127
128
  Object.keys(
128
- serviceItem.operator_details[ratingIndex] &&
129
- serviceItem.operator_details[ratingIndex],
129
+ serviceItem.operator_details[handleRating] &&
130
+ serviceItem.operator_details[handleRating],
130
131
  )[2]
131
132
  ] &&
132
133
  parseFloat(
133
- serviceItem.operator_details[ratingIndex][
134
+ serviceItem.operator_details[handleRating][
134
135
  Object.keys(
135
- serviceItem.operator_details[ratingIndex] &&
136
- serviceItem.operator_details[ratingIndex],
136
+ serviceItem.operator_details[handleRating] &&
137
+ serviceItem.operator_details[handleRating],
137
138
  )[2]
138
139
  ],
139
140
  ).toFixed(1)
140
141
  ? +parseFloat(
141
- serviceItem.operator_details[ratingIndex][
142
+ serviceItem.operator_details[handleRating][
142
143
  Object.keys(
143
- serviceItem.operator_details[ratingIndex] &&
144
- serviceItem.operator_details[ratingIndex],
144
+ serviceItem.operator_details[handleRating] &&
145
+ serviceItem.operator_details[handleRating],
145
146
  )[2]
146
147
  ],
147
148
  ).toFixed(1)
@@ -152,26 +153,26 @@ const RatingHover: React.FC<RatingHoverProps> = ({
152
153
  />
153
154
  <RatingItem
154
155
  rating={
155
- serviceItem.operator_details[ratingIndex] &&
156
- serviceItem.operator_details[ratingIndex][
156
+ serviceItem.operator_details[handleRating] &&
157
+ serviceItem.operator_details[handleRating][
157
158
  Object.keys(
158
- serviceItem.operator_details[ratingIndex] &&
159
- serviceItem.operator_details[ratingIndex],
159
+ serviceItem.operator_details[handleRating] &&
160
+ serviceItem.operator_details[handleRating],
160
161
  )[3]
161
162
  ] &&
162
163
  parseFloat(
163
- serviceItem.operator_details[ratingIndex][
164
+ serviceItem.operator_details[handleRating][
164
165
  Object.keys(
165
- serviceItem.operator_details[ratingIndex] &&
166
- serviceItem.operator_details[ratingIndex],
166
+ serviceItem.operator_details[handleRating] &&
167
+ serviceItem.operator_details[handleRating],
167
168
  )[3]
168
169
  ],
169
170
  ).toFixed(1)
170
171
  ? +parseFloat(
171
- serviceItem.operator_details[ratingIndex][
172
+ serviceItem.operator_details[handleRating][
172
173
  Object.keys(
173
- serviceItem.operator_details[ratingIndex] &&
174
- serviceItem.operator_details[ratingIndex],
174
+ serviceItem.operator_details[handleRating] &&
175
+ serviceItem.operator_details[handleRating],
175
176
  )[3]
176
177
  ],
177
178
  ).toFixed(1)
@@ -184,14 +185,14 @@ const RatingHover: React.FC<RatingHoverProps> = ({
184
185
 
185
186
  {/* Footer */}
186
187
  <div
187
- className="px-1 py-2 text-center text-[12px] font9"
188
+ className="px-3 py-2 text-center text-[12px] font9 text-wrap"
188
189
  style={{
189
190
  backgroundColor: isSoldOut ? "#f5f5f5" : colors.ratingBottomColor,
190
191
  color: isSoldOut ? "#c0c0c1" : "#ff8f45",
191
192
  }}
192
193
  >
193
194
  {`${translation?.ratingMouseOverCalculationText} ${
194
- Object.values(serviceItem.operator_details)[5]
195
+ Object.values(serviceItem.operator_details)[handleBottomRating]
195
196
  } ${translation?.ratingMouseOverCalculationUsers}`}
196
197
  </div>
197
198
  </div>