kupos-ui-components-lib 8.0.9 → 8.0.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 (4) hide show
  1. package/dist/components/ServiceItem/ServiceItemDesktop.js +6 -6
  2. package/package.json +1 -1
  3. package/src/components/ServiceItem/ServiceItemDesktop.tsx +6 -6
  4. package/src/components/ServiceItem/ServiceItemMobile.tsx +5 -5
package/dist/components/ServiceItem/ServiceItemDesktop.js CHANGED
@@ -344,22 +344,22 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
344
344
  React.createElement("div", { className: `min-h-[2.5rem] grid grid-cols-[26px_auto_26%_1fr] gap-x-4 items-center text-[13.33px] ${isSoldOut ? "text-[#c0c0c0]" : ""}`, style: {
345
345
  gridTemplateRows: "1fr",
346
346
  } },
347
- React.createElement("div", { className: "flex flex-col gap-[10px]" },
347
+ React.createElement("div", { className: "flex flex-col gap-[6px]" },
348
348
  orignLabel ? (React.createElement("div", { className: "w-[60px] h-[20px] flex items-center" }, orignLabel)) : (React.createElement("div", { className: "h-[20px] flex items-center" },
349
349
  React.createElement("img", { src: (_a = serviceItem.icons) === null || _a === void 0 ? void 0 : _a.origin, alt: "origin", className: `w-[18px] h-auto mr-[8px] ${isSoldOut ? "grayscale" : ""}` }))),
350
350
  !isCiva &&
351
351
  (destinationLabel ? (React.createElement("div", { className: "w-[60px] h-[20px] flex items-center" }, destinationLabel)) : (React.createElement("div", { className: "h-[20px] flex items-center" },
352
352
  React.createElement("img", { src: (_b = serviceItem.icons) === null || _b === void 0 ? void 0 : _b.destination, className: `w-[18px] h-auto mr-[8px] ${isSoldOut ? "grayscale" : ""}`, style: { opacity: isSoldOut ? 0.5 : 1 } }))))),
353
- React.createElement("div", { className: "flex flex-col gap-[10px]" },
353
+ React.createElement("div", { className: "flex flex-col gap-[6px]" },
354
354
  React.createElement(StageTooltip, { stageData: serviceItem.boarding_stages, direction: 1, terminals: busStage, serviceItem: serviceItem, metaData: metaData, colors: colors },
355
355
  React.createElement("span", { className: "cursor-pointer bold-text capitalize" }, DateService.getServiceItemDate(serviceItem.travel_date))),
356
356
  !isCiva && (React.createElement(StageTooltip, { stageData: serviceItem.boarding_stages, direction: 1, terminals: busStage, serviceItem: serviceItem, metaData: metaData, colors: colors },
357
357
  React.createElement("span", { className: "cursor-pointer bold-text capitalize" }, DateService.getServiceItemDate(serviceItem.arrival_date))))),
358
- React.createElement("div", { className: "flex flex-col gap-[10px] items-center" },
358
+ React.createElement("div", { className: "flex flex-col gap-[6px] items-center" },
359
359
  React.createElement("div", { className: "h-[20px] flex items-center justify-center" },
360
360
  React.createElement("div", null, "\u2022")),
361
361
  !isCiva && (React.createElement("div", { className: "h-[20px] flex items-center justify-center" }, removeArrivalTime ? null : serviceItem.arr_time ? (React.createElement("div", null, "\u2022")) : null))),
362
- React.createElement("div", { className: "flex flex-col gap-[10px]" },
362
+ React.createElement("div", { className: "flex flex-col gap-[6px]" },
363
363
  React.createElement(StageTooltip, { stageData: serviceItem.dropoff_stages, direction: 2, terminals: busStage, serviceItem: serviceItem, metaData: metaData, colors: colors },
364
364
  React.createElement("div", { className: "font-[900] bold-text" }, isLinatal ? (React.createElement(React.Fragment, null,
365
365
  cleanedDepTime,
@@ -383,7 +383,7 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
383
383
  React.createElement("div", { className: `relative flex gap-[10px] text-[13.33px] justify-between min-h-[2.5rem] ${getNumberOfSeats() < 3 ? "" : ""}`, style: getNumberOfSeats() < 2 || removeDuplicateSeats
384
384
  ? { alignItems: "center" }
385
385
  : {} },
386
- React.createElement("div", { className: "flex flex-col justify-between", style: { gap: "15px" } }, getSeatNames()),
386
+ React.createElement("div", { className: "flex flex-col justify-between", style: { gap: "10px" } }, getSeatNames()),
387
387
  React.createElement("div", { className: "flex flex-col justify-between absolute inset-y-0 right-0 left-1/2 h-full", style: {
388
388
  color: isSoldOut ? "#c0c0c0" : colors.priceColor,
389
389
  top: 0,
@@ -394,7 +394,7 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
394
394
  justifyContent: getNumberOfSeats() < 2 || removeDuplicateSeats
395
395
  ? "center"
396
396
  : "",
397
- gap: "15px",
397
+ gap: "10px",
398
398
  } }, getSeatPrice()))),
399
399
  React.createElement("div", null,
400
400
  React.createElement("button", { onClick: () => (!isSoldOut ? checkMidnight() : null), disabled: serviceDetailsLoading, className: `w-full ${serviceDetailsLoading || isSoldOut
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kupos-ui-components-lib",
3
- "version": "8.0.9",
3
+ "version": "8.0.10",
4
4
  "description": "A reusable UI components package",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/components/ServiceItem/ServiceItemDesktop.tsx CHANGED
@@ -589,7 +589,7 @@ function ServiceItemPB({
589
589
  }}
590
590
  >
591
591
  {/* ICONS COLUMN */}
592
- <div className="flex flex-col gap-[10px]">
592
+ <div className="flex flex-col gap-[6px]">
593
593
  {/* Origin Icon */}
594
594
  {orignLabel ? (
595
595
  <div className="w-[60px] h-[20px] flex items-center">
@@ -627,7 +627,7 @@ function ServiceItemPB({
627
627
  </div>
628
628
 
629
629
  {/* DATES COLUMN */}
630
- <div className="flex flex-col gap-[10px]">
630
+ <div className="flex flex-col gap-[6px]">
631
631
  {/* Departure Date */}
632
632
  <StageTooltip
633
633
  stageData={serviceItem.boarding_stages}
@@ -664,7 +664,7 @@ function ServiceItemPB({
664
664
  </div>
665
665
 
666
666
  {/* DOTS COLUMN */}
667
- <div className="flex flex-col gap-[10px] items-center">
667
+ <div className="flex flex-col gap-[6px] items-center">
668
668
  {/* Departure Dot */}
669
669
  <div className="h-[20px] flex items-center justify-center">
670
670
  <div>•</div>
@@ -681,7 +681,7 @@ function ServiceItemPB({
681
681
  </div>
682
682
 
683
683
  {/* TIMES COLUMN */}
684
- <div className="flex flex-col gap-[10px]">
684
+ <div className="flex flex-col gap-[6px]">
685
685
  {/* Departure Time */}
686
686
  <StageTooltip
687
687
  stageData={serviceItem.dropoff_stages}
@@ -748,7 +748,7 @@ function ServiceItemPB({
748
748
  >
749
749
  <div
750
750
  className="flex flex-col justify-between"
751
- style={{ gap: "15px" }}
751
+ style={{ gap: "10px" }}
752
752
  >
753
753
  {getSeatNames()}
754
754
  </div>
@@ -765,7 +765,7 @@ function ServiceItemPB({
765
765
  getNumberOfSeats() < 2 || removeDuplicateSeats
766
766
  ? "center"
767
767
  : "",
768
- gap: "15px",
768
+ gap: "10px",
769
769
  }}
770
770
  >
771
771
  {getSeatPrice()}
package/src/components/ServiceItem/ServiceItemMobile.tsx CHANGED
@@ -92,7 +92,7 @@ function ServiceItemMobile({
92
92
  {commonService.currency(type.fare, currencySign)}
93
93
  </span>
94
94
  </div>
95
- )
95
+ ),
96
96
  );
97
97
  return seatTypes;
98
98
  };
@@ -149,7 +149,7 @@ function ServiceItemMobile({
149
149
  : commonService.currency(type.fare, currencySign)}
150
150
  </span>
151
151
  </div>
152
- )
152
+ ),
153
153
  );
154
154
  };
155
155
 
@@ -251,8 +251,8 @@ function ServiceItemMobile({
251
251
  const list = Array.isArray(raw)
252
252
  ? raw
253
253
  : typeof raw === "string"
254
- ? raw.split("|").filter(Boolean)
255
- : [];
254
+ ? raw.split("|").filter(Boolean)
255
+ : [];
256
256
 
257
257
  const nodes = list
258
258
  .slice(0, 2)
@@ -486,7 +486,7 @@ function ServiceItemMobile({
486
486
  >
487
487
  <span className="cursor-pointer black-text">
488
488
  {DateService.getServiceItemDate(
489
- serviceItem.arrival_date
489
+ serviceItem.arrival_date,
490
490
  )}
491
491
  </span>
492
492
  <div className="absolute left-[50%]">•</div>