kupos-ui-components-lib 2.0.2 → 2.0.4

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 (3) hide show
  1. package/dist/components/ServiceItem/ServiceItemDesktop.js +5 -3
  2. package/package.json +1 -1
  3. package/src/components/ServiceItem/ServiceItemDesktop.tsx +6 -3
package/dist/components/ServiceItem/ServiceItemDesktop.js CHANGED
@@ -314,14 +314,16 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
314
314
  isCiva ? null : (React.createElement("div", { className: `flex items-center text-[13.33px] justify-between relative ${isSoldOut ? "text-[#c0c0c0]" : ""}` },
315
315
  React.createElement("div", { className: "flex items-center", style: { flex: 1 } },
316
316
  React.createElement("div", null, destinationLabel ? (React.createElement("div", { className: "w-[60px]" }, destinationLabel)) : (React.createElement("div", { className: "w-[18px] h-auto mr-[8px]" },
317
- React.createElement("img", { src: (_b = serviceItem.icons) === null || _b === void 0 ? void 0 : _b.destination, className: `w-[18px] h-auto mr-[8px] ${isSoldOut ? "grayscale" : ""}` })))),
317
+ 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 } })))),
318
318
  React.createElement("div", { className: "flex items-center capitalize relative group items-center justify-between ", style: { flex: 1 } },
319
319
  React.createElement("span", { className: "cursor-pointer bold-text" }, DateService.getServiceItemDate(serviceItem.arrival_date)),
320
- removeArrivalTime ? null : (React.createElement("div", { className: "absolute left-[53%]" }, "\u2022")),
320
+ removeArrivalTime ? null : serviceItem.arr_time ? (React.createElement("div", { className: "absolute left-[53%]" }, "\u2022")) : null,
321
321
  React.createElement("div", { className: "font-[900] bold-text group relative" },
322
322
  removeArrivalTime
323
323
  ? null
324
- : DateService.formatTime(serviceItem.arr_time),
324
+ : serviceItem.arr_time
325
+ ? DateService.formatTime(serviceItem.arr_time)
326
+ : null,
325
327
  serviceItem.dropoff_stages && (React.createElement("div", { className: "hidden group-hover:block absolute -top-[8px] left-[100%] ml-[25px] text-white px-3 py-2 rounded-[10px] whitespace-nowrap z-10 shadow-service", style: { backgroundColor: colors === null || colors === void 0 ? void 0 : colors.tooltipColor } },
326
328
  React.createElement("div", { className: "tooltip-arrow absolute top-2 -left-[7px] w-0 h-0 \n border-t-8 border-b-8 border-r-8 \n border-t-transparent border-b-transparent", style: { borderRightColor: colors === null || colors === void 0 ? void 0 : colors.tooltipColor } }),
327
329
  React.createElement("div", { className: "text-center text-[14px]" }, renderStages(serviceItem.dropoff_stages, 2, busStage, hideBoardingTime((serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.api_type) || (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.apiType)))))))))))),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kupos-ui-components-lib",
3
- "version": "2.0.2",
3
+ "version": "2.0.4",
4
4
  "description": "A reusable UI components package",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/components/ServiceItem/ServiceItemDesktop.tsx CHANGED
@@ -592,6 +592,7 @@ function ServiceItemPB({
592
592
  className={`w-[18px] h-auto mr-[8px] ${
593
593
  isSoldOut ? "grayscale" : ""
594
594
  }`}
595
+ style={{ opacity: isSoldOut ? 0.5 : 1 }}
595
596
  />
596
597
  </div>
597
598
  )}
@@ -606,13 +607,15 @@ function ServiceItemPB({
606
607
  )}
607
608
  </span>
608
609
 
609
- {removeArrivalTime ? null : (
610
+ {removeArrivalTime ? null : serviceItem.arr_time ? (
610
611
  <div className="absolute left-[53%]">•</div>
611
- )}
612
+ ) : null}
612
613
  <div className="font-[900] bold-text group relative">
613
614
  {removeArrivalTime
614
615
  ? null
615
- : DateService.formatTime(serviceItem.arr_time)}
616
+ : serviceItem.arr_time
617
+ ? DateService.formatTime(serviceItem.arr_time)
618
+ : null}
616
619
 
617
620
  {/* Dropping stage tooltip */}
618
621
  {serviceItem.dropoff_stages && (