kupos-ui-components-lib 9.8.1 → 9.8.2

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/styles.css +3 -0
  3. package/dist/ui/SeatSection/SeatSection.js +3 -1
  4. package/package.json +1 -1
  5. package/src/components/ServiceItem/ServiceItemDesktop.tsx +1 -1
  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
  React.createElement("div", { className: "relative" },
294
294
  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 }),
295
295
  showSeatSelectionError === serviceItem.id && isTrain && (React.createElement("div", { className: "flex justify-center mr-[11px] w-[100%] right-[0px] absolute left-[0] top-[40px]" },
296
- React.createElement("div", { className: "text-[10px] text-center", style: {
296
+ React.createElement("div", { className: "text-[9px] text-center whitespace-nowrap", style: {
297
297
  color: colors.seatPriceColor,
298
298
  } }, "Selecciona el tipo de servicio"))),
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/styles.css CHANGED
@@ -860,6 +860,9 @@
860
860
  .text-right {
861
861
  text-align: right;
862
862
  }
863
+ .text-\[9px\] {
864
+ font-size: 9px;
865
+ }
863
866
  .text-\[10px\] {
864
867
  font-size: 10px;
865
868
  }
package/dist/ui/SeatSection/SeatSection.js CHANGED
@@ -67,7 +67,9 @@ function SeatSection({ seatTypes, availableSeats, isSoldOut, priceColor, currenc
67
67
  const renderSeatNames = () => {
68
68
  const seats = removeDuplicateSeats ? uniqueSeats : sortedSeatTypes;
69
69
  return seats.map((val, key) => SEAT_EXCEPTIONS.includes(val.label) ? null : (React.createElement("div", { className: "flex items-center", style: isTrain ? { cursor: "pointer" } : undefined, onClick: isTrain && !isSoldOut
70
- ? () => onSeatSelect === null || onSeatSelect === void 0 ? void 0 : onSeatSelect(val.label, val.price)
70
+ ? () => val.label === selectedSeatKey
71
+ ? onSeatSelect === null || onSeatSelect === void 0 ? void 0 : onSeatSelect(null, 0)
72
+ : onSeatSelect === null || onSeatSelect === void 0 ? void 0 : onSeatSelect(val.label, val.price)
71
73
  : undefined },
72
74
  isTrain && (React.createElement("div", { style: {
73
75
  border: `1px solid ${val.label === selectedSeatKey ? topLabelColor : "#ccc"}`,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kupos-ui-components-lib",
3
- "version": "9.8.1",
3
+ "version": "9.8.2",
4
4
  "description": "A reusable UI components package",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/components/ServiceItem/ServiceItemDesktop.tsx CHANGED
@@ -569,7 +569,7 @@ function ServiceItemPB({
569
569
  {showSeatSelectionError === serviceItem.id && isTrain && (
570
570
  <div className="flex justify-center mr-[11px] w-[100%] right-[0px] absolute left-[0] top-[40px]">
571
571
  <div
572
- className="text-[10px] text-center"
572
+ className="text-[9px] text-center whitespace-nowrap"
573
573
  style={{
574
574
  color: colors.seatPriceColor,
575
575
  }}
package/src/ui/SeatSection/SeatSection.tsx CHANGED
@@ -132,7 +132,10 @@ function SeatSection({
132
132
  style={isTrain ? { cursor: "pointer" } : undefined}
133
133
  onClick={
134
134
  isTrain && !isSoldOut
135
- ? () => onSeatSelect?.(val.label, val.price)
135
+ ? () =>
136
+ val.label === selectedSeatKey
137
+ ? onSeatSelect?.(null, 0)
138
+ : onSeatSelect?.(val.label, val.price)
136
139
  : undefined
137
140
  }
138
141
  >