kupos-ui-components-lib 9.2.8 → 9.2.10

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 +5 -9
  2. package/dist/styles.css +3 -0
  3. package/dist/ui/RatingBlock.js +3 -3
  4. package/package.json +1 -1
  5. package/src/components/ServiceItem/ServiceItemDesktop.tsx +7 -8
  6. package/src/ui/RatingBlock.tsx +3 -3
package/dist/components/ServiceItem/ServiceItemDesktop.js CHANGED
@@ -286,7 +286,7 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
286
286
  React.createElement("div", { style: {
287
287
  display: "flex",
288
288
  flexDirection: "column",
289
- // gap: "5px",
289
+ gap: "5px",
290
290
  } },
291
291
  React.createElement("div", {
292
292
  // className="flex items-center justify-center m-[auto]"
@@ -302,11 +302,9 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
302
302
  } }),
303
303
  React.createElement("div", { className: "content-center" },
304
304
  React.createElement(SeatSection, { seatTypes: serviceItem.seat_types, serviceItem: serviceItem, availableSeats: serviceItem.available_seats, isSoldOut: isSoldOut, priceColor: colors.priceColor, currencySign: currencySign, removeDuplicateSeats: removeDuplicateSeats, isPeru: isPeru })),
305
- React.createElement("div", null,
306
- showLastSeats ? (React.createElement("div", { className: "flex justify-end mr-[11px] ", style: {
307
- position: "absolute",
308
- top: serviceDetailsLoading ? "7px" : "5px",
309
- right: "16px",
305
+ React.createElement("div", { className: "relative" },
306
+ showLastSeats ? (React.createElement("div", { className: "flex justify-end mr-[11px] w-[100%] right-[0px] absolute", style: {
307
+ top: serviceDetailsLoading ? "-17px" : "-20px",
310
308
  } }, (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.available_seats) < 10 &&
311
309
  (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.available_seats) > 0 && (React.createElement("div", { className: "text-[12px] text-[#464647] mt-1 text-center" }, "\u00A1\u00DAltimos Asientos!")))) : null,
312
310
  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 }))),
@@ -369,9 +367,7 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
369
367
  (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_transpordo) && (React.createElement("div", { className: `flex items-center gap-[10px] py-[4px] text-white px-[14px] rounded-[38px] text-[12.5px] z-20`, style: {
370
368
  backgroundColor: isSoldOut ? "#ddd" : colors.tooltipColor,
371
369
  } },
372
- React.createElement(LottiePlayer, { animationData: serviceItem.icons.connectingServiceIcon,
373
- // animationData={getAnimationIcon(connectingServiceIcon)}
374
- width: "14px", height: "14px" }),
370
+ renderIcon("connectingServiceIcon", "12px"),
375
371
  React.createElement("div", null, "Conexión"))),
376
372
  (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_direct_trip) && (React.createElement("div", { className: `flex items-center gap-[10px] py-[4px] text-white px-[14px] rounded-[38px] text-[12.5px] z-20 `, style: {
377
373
  backgroundColor: isSoldOut ? "#ddd" : colors.tooltipColor,
package/dist/styles.css CHANGED
@@ -57,6 +57,9 @@
57
57
  .right-\[0\] {
58
58
  right: 0;
59
59
  }
60
+ .right-\[0px\] {
61
+ right: 0px;
62
+ }
60
63
  .-bottom-\[9\%\] {
61
64
  bottom: calc(9% * -1);
62
65
  }
package/dist/ui/RatingBlock.js CHANGED
@@ -2,11 +2,11 @@ import React from "react";
2
2
  import RatingHover from "../components/ServiceItem/RatingHover";
3
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: {
6
- marginLeft: showRating ? "10px" : "0",
5
+ React.createElement("div", { className: "group relative ml-[10px] text-[12px]", style: {
6
+ marginLeft: showRating ? "6px" : "0",
7
7
  color: isSoldOut ? "#c0c0c0" : "#464647",
8
8
  } },
9
- React.createElement("span", { className: "block max-w-[120px] overflow-hidden text-ellipsis whitespace-nowrap cursor-pointer" }, serviceItem.operator_details[2]),
9
+ React.createElement("span", { className: "block max-w-[120px] overflow-hidden whitespace-nowrap cursor-pointer" }, serviceItem.operator_details[2]),
10
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
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
12
  serviceItem.operator_details[2]))));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kupos-ui-components-lib",
3
- "version": "9.2.8",
3
+ "version": "9.2.10",
4
4
  "description": "A reusable UI components package",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/components/ServiceItem/ServiceItemDesktop.tsx CHANGED
@@ -503,7 +503,7 @@ function ServiceItemPB({
503
503
  style={{
504
504
  display: "flex",
505
505
  flexDirection: "column",
506
- // gap: "5px",
506
+ gap: "5px",
507
507
  }}
508
508
  >
509
509
  <div
@@ -570,14 +570,12 @@ function ServiceItemPB({
570
570
 
571
571
  {/* BUTTON */}
572
572
 
573
- <div>
573
+ <div className="relative">
574
574
  {showLastSeats ? (
575
575
  <div
576
- className="flex justify-end mr-[11px] "
576
+ className="flex justify-end mr-[11px] w-[100%] right-[0px] absolute"
577
577
  style={{
578
- position: "absolute",
579
- top: serviceDetailsLoading ? "7px" : "5px",
580
- right: "16px",
578
+ top: serviceDetailsLoading ? "-17px" : "-20px",
581
579
  }}
582
580
  >
583
581
  {serviceItem?.available_seats < 10 &&
@@ -758,12 +756,13 @@ function ServiceItemPB({
758
756
  backgroundColor: isSoldOut ? "#ddd" : colors.tooltipColor,
759
757
  }}
760
758
  >
761
- <LottiePlayer
759
+ {renderIcon("connectingServiceIcon", "12px")}
760
+ {/* <LottiePlayer
762
761
  animationData={serviceItem.icons.connectingServiceIcon}
763
762
  // animationData={getAnimationIcon(connectingServiceIcon)}
764
763
  width="14px"
765
764
  height="14px"
766
- />
765
+ /> */}
767
766
  <div>{"Conexión"}</div>
768
767
  </div>
769
768
  )}
package/src/ui/RatingBlock.tsx CHANGED
@@ -26,13 +26,13 @@ const RatingBlock = ({
26
26
  )}
27
27
 
28
28
  <div
29
- className="group relative ml-[10px] text-[13.33px]"
29
+ className="group relative ml-[10px] text-[12px]"
30
30
  style={{
31
- marginLeft: showRating ? "10px" : "0",
31
+ marginLeft: showRating ? "6px" : "0",
32
32
  color: isSoldOut ? "#c0c0c0" : "#464647",
33
33
  }}
34
34
  >
35
- <span className="block max-w-[120px] overflow-hidden text-ellipsis whitespace-nowrap cursor-pointer">
35
+ <span className="block max-w-[120px] overflow-hidden whitespace-nowrap cursor-pointer">
36
36
  {serviceItem.operator_details[2]}
37
37
  </span>
38
38
  <div