kupos-ui-components-lib 9.10.5 → 9.10.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.
Files changed (6) hide show
  1. package/dist/components/ServiceItem/ServiceItemDesktop.js +1 -1
  2. package/dist/ui/SeatSection/SeatSection.d.ts +2 -1
  3. package/dist/ui/SeatSection/SeatSection.js +3 -2
  4. package/package.json +1 -1
  5. package/src/components/ServiceItem/ServiceItemDesktop.tsx +1 -0
  6. package/src/ui/SeatSection/SeatSection.tsx +4 -1
package/dist/components/ServiceItem/ServiceItemDesktop.js CHANGED
@@ -293,7 +293,7 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
293
293
  backgroundColor: "#ccc",
294
294
  } }),
295
295
  React.createElement("div", { className: "content-center" },
296
- React.createElement(SeatSection, { seatTypes: serviceItem.seat_types, serviceItem: serviceItem, availableSeats: serviceItem.available_seats, isSoldOut: isSoldOut, priceColor: colors.priceColor, dpSeatColor: colors.seatPriceColor, currencySign: currencySign, removeDuplicateSeats: removeDuplicateSeats, isPeru: isPeru, renderIcon: renderIcon, discountSeatPriceColor: colors.discountSeatPriceColor })),
296
+ React.createElement(SeatSection, { seatTypes: serviceItem.seat_types, serviceItem: serviceItem, availableSeats: serviceItem.available_seats, isSoldOut: isSoldOut, priceColor: colors.priceColor, dpSeatColor: colors.seatPriceColor, currencySign: currencySign, removeDuplicateSeats: removeDuplicateSeats, isPeru: isPeru, renderIcon: renderIcon, discountSeatPriceColor: colors.discountSeatPriceColor, tooltipColor: colors.tooltipColor })),
297
297
  React.createElement("div", { className: "relative" },
298
298
  React.createElement(KuposButton, { isSoldOut: isSoldOut, isLoading: serviceDetailsLoading, buttonColor: colors.kuposButtonColor, buyLabel: translation === null || translation === void 0 ? void 0 : translation.buyButton, soldOutLabel: translation === null || translation === void 0 ? void 0 : translation.soldOutButton, soldOutIcon: renderIcon("soldOutIcon", "14px"), onClick: checkMidnight }),
299
299
  showLastSeats ? (React.createElement("div", { className: "flex justify-center mr-[11px] w-[100%] right-[0px] absolute left-[0] top-[40px]" }, (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.available_seats) < 10 &&
package/dist/ui/SeatSection/SeatSection.d.ts CHANGED
@@ -16,6 +16,7 @@ interface SeatSectionProps {
16
16
  serviceItem?: any;
17
17
  renderIcon?: (iconKey: string, size?: string) => React.ReactNode;
18
18
  discountSeatPriceColor?: string;
19
+ tooltipColor?: string;
19
20
  }
20
- declare function SeatSection({ seatTypes, availableSeats, isSoldOut, priceColor, currencySign, removeDuplicateSeats, isPeru, serviceItem, renderIcon, dpSeatColor, discountSeatPriceColor, }: SeatSectionProps): React.ReactElement;
21
+ declare function SeatSection({ seatTypes, availableSeats, isSoldOut, priceColor, currencySign, removeDuplicateSeats, isPeru, serviceItem, renderIcon, dpSeatColor, discountSeatPriceColor, tooltipColor, }: SeatSectionProps): React.ReactElement;
21
22
  export default SeatSection;
package/dist/ui/SeatSection/SeatSection.js CHANGED
@@ -54,7 +54,7 @@ function getUniqueSeats(seatTypes) {
54
54
  function getNumberOfSeats(seatTypes) {
55
55
  return seatTypes.filter((val) => !SEAT_EXCEPTIONS.includes(val.label)).length;
56
56
  }
57
- function SeatSection({ seatTypes, availableSeats, isSoldOut, priceColor, currencySign, removeDuplicateSeats, isPeru, serviceItem, renderIcon, dpSeatColor, discountSeatPriceColor, }) {
57
+ function SeatSection({ seatTypes, availableSeats, isSoldOut, priceColor, currencySign, removeDuplicateSeats, isPeru, serviceItem, renderIcon, dpSeatColor, discountSeatPriceColor, tooltipColor, }) {
58
58
  var _a;
59
59
  const uniqueSeats = getUniqueSeats(seatTypes);
60
60
  const sortedSeatTypes = getSortedSeatTypes(seatTypes);
@@ -189,10 +189,11 @@ function SeatSection({ seatTypes, availableSeats, isSoldOut, priceColor, currenc
189
189
  animation: "pulse-zoom 2s ease-in-out infinite",
190
190
  whiteSpace: "nowrap",
191
191
  } },
192
- React.createElement("span", { className: "rounded-[100px] bg-[#ff5964] px-[6px] px-[2px] w-fit text-[12px] bold-text leading-[20px] text-white", style: {
192
+ React.createElement("span", { className: "rounded-[100px] px-[6px] px-[2px] w-fit text-[12px] bold-text leading-[20px] text-white", style: {
193
193
  animation: "pulse-zoom 2s ease-in-out infinite",
194
194
  whiteSpace: "nowrap",
195
195
  color: dpSeatColor,
196
+ backgroundColor: tooltipColor,
196
197
  } }, "Mejor precio")),
197
198
  React.createElement("div", { className: "text-[22px] bold-text leading-[30px] text-center", style: { color: isSoldOut ? "#c0c0c0" : dpSeatColor } }, availableSeats <= 0
198
199
  ? CommonService.currency(0, currencySign)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kupos-ui-components-lib",
3
- "version": "9.10.5",
3
+ "version": "9.10.6",
4
4
  "description": "A reusable UI components package",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/components/ServiceItem/ServiceItemDesktop.tsx CHANGED
@@ -597,6 +597,7 @@ function ServiceItemPB({
597
597
  isPeru={isPeru}
598
598
  renderIcon={renderIcon}
599
599
  discountSeatPriceColor={colors.discountSeatPriceColor}
600
+ tooltipColor={colors.tooltipColor}
600
601
  />
601
602
  </div>
602
603
 
package/src/ui/SeatSection/SeatSection.tsx CHANGED
@@ -21,6 +21,7 @@ interface SeatSectionProps {
21
21
  serviceItem?: any;
22
22
  renderIcon?: (iconKey: string, size?: string) => React.ReactNode;
23
23
  discountSeatPriceColor?: string;
24
+ tooltipColor?: string;
24
25
  }
25
26
 
26
27
  function getAllSeatTypes(seatTypes: SeatType[]) {
@@ -102,6 +103,7 @@ function SeatSection({
102
103
  renderIcon,
103
104
  dpSeatColor,
104
105
  discountSeatPriceColor,
106
+ tooltipColor,
105
107
  }: SeatSectionProps): React.ReactElement {
106
108
  const uniqueSeats = getUniqueSeats(seatTypes);
107
109
  const sortedSeatTypes = getSortedSeatTypes(seatTypes);
@@ -368,11 +370,12 @@ function SeatSection({
368
370
  }}
369
371
  >
370
372
  <span
371
- className="rounded-[100px] bg-[#ff5964] px-[6px] px-[2px] w-fit text-[12px] bold-text leading-[20px] text-white"
373
+ className="rounded-[100px] px-[6px] px-[2px] w-fit text-[12px] bold-text leading-[20px] text-white"
372
374
  style={{
373
375
  animation: "pulse-zoom 2s ease-in-out infinite",
374
376
  whiteSpace: "nowrap",
375
377
  color: dpSeatColor,
378
+ backgroundColor: tooltipColor,
376
379
  }}
377
380
  >
378
381
  Mejor precio