kupos-ui-components-lib 10.3.2 → 10.3.3

package/dist/components/PaymentSideBar/PaymentSideBarDesktop.js

@@ -179,7 +179,6 @@ const renderSummaryDetailsCard = ({ serviceName, date, source, dest, boardingSta
 };
 const PaymentSideBarDesktop = ({ serviceNameOnward, serviceNameReturn, metaData, currencySign, dateOnward, dateReturn, sourceOnward, sourceReturn, destinationOnward, destinationReturn, boardingStageOnward, boardingStageReturn, droppingStageOnward, droppingStageReturn, boardingTimeOnward, boardingTimeReturn, droppingTimeOnward, droppingTimeReturn, durationOnward, durationReturn, selectSeatOnward, selectSeatReturn, journeyTypeActive, setJourneyTypeActive, translation, trainTypeOnward, trainTypeReturn, colors, trainType, icons, selectedOnward, selectedReturn, conexionChecked, conexionPassengers, returnConexionFare, conexionFare, loginData, checkWhatsappEligibility, removeDiscountAtomValue, netFare, promoCode, onPromoRemove, isAgency, agencyFee, walletMoney, virtualMoney, virtualLimit, showUsd, netFareInUsd, renderDiscount, discountAmount, walletLabel, creditosLabel, currency, customSideBarwidth, isLinatal, insuranceData, isPeru, serviceFeeDataStateValue, isOpsite, }) => {
     var _a, _b, _c, _d, _e;
-    console.log("🚀 ~ PaymentSideBarDesktop ~ walletMoney:", walletMoney);
     // REMOVED AM/PM DUPLICATION AND ADDED 24 HOUR TIME FORMAT IN BOARDING STAGE
     const depTime = droppingTimeOnward || "";
     const returnTime = droppingTimeReturn || "";
@@ -446,7 +445,7 @@ const PaymentSideBarDesktop = ({ serviceNameOnward, serviceNameReturn, metaData,
                         React.createElement("div", null, promoCode === null || promoCode === void 0 ? void 0 : promoCode.promoCode),
                         React.createElement("span", { className: "promo-remove", onClick: onPromoRemove },
                             React.createElement("img", { src: icons === null || icons === void 0 ? void 0 : icons.closeIcon, alt: "close", className: "w-[16px] h-[16px]" })))) : null)),
-                (serviceFeeDataStateValue === null || serviceFeeDataStateValue === void 0 ? void 0 : serviceFeeDataStateValue.total_convenience_fee_amount) && (React.createElement(PaymentItem, { label: React.createElement("div", { style: { display: "flex", alignItems: "center" } },
+                !!(serviceFeeDataStateValue === null || serviceFeeDataStateValue === void 0 ? void 0 : serviceFeeDataStateValue.total_convenience_fee_amount) && (React.createElement(PaymentItem, { label: React.createElement("div", { style: { display: "flex", alignItems: "center" } },
                         React.createElement("div", { className: "font10" }, translation === null || translation === void 0 ? void 0 : translation.serviceFeeLabel),
                         React.createElement("div", { className: "img-hover" },
                             React.createElement("img", { src: icons === null || icons === void 0 ? void 0 : icons.whatsappInfoIcon, alt: "", style: {

package/dist/components/PaymentSideBar/PaymentSideBarMobile.js

@@ -231,7 +231,7 @@ const PaymentSideBarMobile = ({ serviceNameOnward, serviceNameReturn, metaData,
                             React.createElement("div", null, promoCode === null || promoCode === void 0 ? void 0 : promoCode.promoCode),
                             React.createElement("span", { className: "promo-remove", onClick: onPromoRemove },
                                 React.createElement("img", { src: icons === null || icons === void 0 ? void 0 : icons.closeIcon, alt: "close", className: "w-[16px] h-[16px]" })))) : null)),
-                    (serviceFeeDataStateValue === null || serviceFeeDataStateValue === void 0 ? void 0 : serviceFeeDataStateValue.total_convenience_fee_amount) && (React.createElement(PaymentItem, { label: React.createElement("div", { style: { display: "flex", alignItems: "center" } },
+                    !!(serviceFeeDataStateValue === null || serviceFeeDataStateValue === void 0 ? void 0 : serviceFeeDataStateValue.total_convenience_fee_amount) && (React.createElement(PaymentItem, { label: React.createElement("div", { style: { display: "flex", alignItems: "center" } },
                             React.createElement("div", { className: " font14 flex items-center gap-[5px]" }, translation === null || translation === void 0 ? void 0 : translation.serviceFeeLabel),
                             React.createElement("div", { className: "img-hover", onClick: () => setShowServicefeeModal(true) },
                                 React.createElement("img", { src: icons === null || icons === void 0 ? void 0 : icons.whatsappInfoIcon, alt: "", style: {

package/dist/components/ServiceItem/ServiceItemDesktop.js

@@ -319,7 +319,7 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
                         React.createElement("div", null,
                             React.createElement("img", { src: serviceItem.operator_details[0], alt: "service logo", className: `h-[30px] w-[auto]  ${isSoldOut ? "grayscale" : ""}` }),
                             isCiva ? (React.createElement("div", { className: "text-[13.33px] black-text ml-2" }, serviceItem.operator_details[2])) : null),
-                        React.createElement(RatingBlock, { showRating: showRating, serviceItem: serviceItem, isSoldOut: isSoldOut, colors: colors, t: t, translation: translation, isPeru: isPeru })),
+                        React.createElement(RatingBlock, { showRating: showRating, serviceItem: serviceItem, isSoldOut: isSoldOut, colors: colors, t: t, translation: translation, isPeru: isPeru, isTrain: isTrain })),
                     React.createElement(DateTimeSection, { serviceItem: serviceItem, isSoldOut: isSoldOut, isCiva: isCiva, isLinatal: isLinatal, removeArrivalTime: removeArrivalTime, orignLabel: orignLabel, destinationLabel: destinationLabel, busStage: busStage, metaData: metaData, colors: colors }),
                     React.createElement("div", { style: {
                             width: "1px",

package/dist/ui/ExpendedDropDown/ExpandedDropdown.js

@@ -1,6 +1,5 @@
 import React from "react";
 function ExpandedDropdown({ serviceItem, isPeru = false, translation = {}, getAnimationIcon, isChangeTicket = false, isSoldOut, ladiesBookedSeats, isDpEnabled, renderIcon, operatorLabel, }) {
-    console.log("🚀 ~ ExpandedDropdown ~ isDpEnabled:", isDpEnabled, serviceItem);
     const hasPetInfo = serviceItem.pet_seat_info &&
         Object.keys(serviceItem.pet_seat_info).length > 0;
     return (React.createElement("div", { className: "px-[15px] pt-[26px] pb-[14px] -mt-[16px] pt-[35px] relative -z-9", style: {

package/dist/ui/RatingBlock.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-declare const RatingBlock: ({ showRating, serviceItem, isSoldOut, colors, t, translation, isPeru, }: any) => React.JSX.Element;
+declare const RatingBlock: ({ showRating, serviceItem, isSoldOut, colors, t, translation, isPeru, isTrain, }: any) => React.JSX.Element;
 export default RatingBlock;

package/dist/ui/RatingBlock.js

@@ -1,13 +1,18 @@
 import React from "react";
 import RatingHover from "../components/ServiceItem/RatingHover";
-const RatingBlock = ({ showRating, serviceItem, isSoldOut, colors, t, translation, isPeru = false, }) => (React.createElement("div", { className: "flex items-center whitespace-nowrap" },
-    showRating && (React.createElement(RatingHover, { serviceItem: serviceItem, isSoldOut: isSoldOut, colors: colors, t: t, translation: translation, isPeru: isPeru })),
-    React.createElement("div", { className: "group relative ml-[10px] text-[12px]", style: {
-            marginLeft: showRating ? "6px" : "0",
-            color: isSoldOut ? "#c0c0c0" : "#464647",
-        } },
-        React.createElement("span", { className: `block max-w-[120px] cursor-pointer text-[12px] ${isPeru ? "overflow-hidden text-ellipsis whitespace-nowrap" : ""}` }, serviceItem.operator_details[2]),
-        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" } },
-            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 } }),
-            serviceItem.operator_details[2]))));
+import commonService from "../utils/CommonService";
+const RatingBlock = ({ showRating, serviceItem, isSoldOut, colors, t, translation, isPeru = false, isTrain = false, }) => {
+    return (React.createElement("div", { className: "flex items-center whitespace-nowrap" },
+        showRating && (React.createElement(RatingHover, { serviceItem: serviceItem, isSoldOut: isSoldOut, colors: colors, t: t, translation: translation, isPeru: isPeru })),
+        React.createElement("div", { className: "group relative ml-[10px] text-[12px]", style: {
+                marginLeft: showRating ? "6px" : "0",
+                color: isSoldOut ? "#c0c0c0" : "#464647",
+            } },
+            React.createElement("span", { className: `block max-w-[120px] cursor-pointer text-[12px] ${isPeru || isTrain ? "overflow-hidden text-ellipsis whitespace-nowrap" : ""}` }, isTrain
+                ? commonService.truncateSeatLabel(serviceItem.operator_details[2], 14)
+                : commonService.capitalize(serviceItem.operator_details[2])),
+            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" } },
+                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 } }),
+                serviceItem.operator_details[2]))));
+};
 export default RatingBlock;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kupos-ui-components-lib",
-  "version": "10.3.2",
+  "version": "10.3.3",
   "description": "A reusable UI components package",
   "publishConfig": {
     "access": "public"

package/src/components/PaymentSideBar/PaymentSideBarDesktop.tsx

@@ -339,7 +339,6 @@ const PaymentSideBarDesktop: React.FC<PaymentSideBarProps> = ({
   serviceFeeDataStateValue,
   isOpsite,
 }) => {
-  console.log("🚀 ~ PaymentSideBarDesktop ~ walletMoney:", walletMoney);
   // REMOVED AM/PM DUPLICATION AND ADDED 24 HOUR TIME FORMAT IN BOARDING STAGE
   const depTime = droppingTimeOnward || "";
   const returnTime = droppingTimeReturn || "";
@@ -813,7 +812,7 @@ const PaymentSideBarDesktop: React.FC<PaymentSideBarProps> = ({
             </>
           )}
 
-          {serviceFeeDataStateValue?.total_convenience_fee_amount && (
+          {!!serviceFeeDataStateValue?.total_convenience_fee_amount && (
             <PaymentItem
               label={
                 <div style={{ display: "flex", alignItems: "center" }}>

package/src/components/PaymentSideBar/PaymentSideBarMobile.tsx

@@ -588,7 +588,7 @@ const PaymentSideBarMobile: React.FC<PaymentSideBarProps> = ({
               </>
             )}
 
-            {serviceFeeDataStateValue?.total_convenience_fee_amount && (
+            {!!serviceFeeDataStateValue?.total_convenience_fee_amount && (
               <PaymentItem
                 label={
                   <div style={{ display: "flex", alignItems: "center" }}>

package/src/components/ServiceItem/ServiceItemDesktop.tsx

@@ -619,6 +619,7 @@ function ServiceItemPB({
                     t={t}
                     translation={translation}
                     isPeru={isPeru}
+                    isTrain={isTrain}
                   />
                 </div>
 

package/src/ui/ExpendedDropDown/ExpandedDropdown.tsx

@@ -31,7 +31,6 @@ function ExpandedDropdown({
   renderIcon,
   operatorLabel,
 }: ExpandedDropdownProps): React.ReactElement {
-  console.log("🚀 ~ ExpandedDropdown ~ isDpEnabled:", isDpEnabled, serviceItem);
   const hasPetInfo =
     serviceItem.pet_seat_info &&
     Object.keys(serviceItem.pet_seat_info).length > 0;

package/src/ui/RatingBlock.tsx

@@ -1,5 +1,6 @@
 import React from "react";
 import RatingHover from "../components/ServiceItem/RatingHover";
+import commonService from "../utils/CommonService";
 
 const RatingBlock = ({
   showRating,
@@ -9,46 +10,54 @@ const RatingBlock = ({
   t,
   translation,
   isPeru = false,
-}: any) => (
-  <div
-    className="flex items-center whitespace-nowrap"
-    // style={{ opacity: isSoldOut ? 0.5 : 1 }}
-  >
-    {showRating && (
-      <RatingHover
-        serviceItem={serviceItem}
-        isSoldOut={isSoldOut}
-        colors={colors}
-        t={t}
-        translation={translation}
-        isPeru={isPeru}
-      />
-    )}
-
+  isTrain = false,
+}: any) => {
+  return (
     <div
-      className="group relative ml-[10px] text-[12px]"
-      style={{
-        marginLeft: showRating ? "6px" : "0",
-        color: isSoldOut ? "#c0c0c0" : "#464647",
-      }}
+      className="flex items-center whitespace-nowrap"
+      // style={{ opacity: isSoldOut ? 0.5 : 1 }}
     >
-      <span
-        className={`block max-w-[120px] cursor-pointer text-[12px] ${isPeru ? "overflow-hidden text-ellipsis whitespace-nowrap" : ""}`}
-      >
-        {serviceItem.operator_details[2]}
-      </span>
+      {showRating && (
+        <RatingHover
+          serviceItem={serviceItem}
+          isSoldOut={isSoldOut}
+          colors={colors}
+          t={t}
+          translation={translation}
+          isPeru={isPeru}
+        />
+      )}
+
       <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" }}
+        className="group relative ml-[10px] text-[12px]"
+        style={{
+          marginLeft: showRating ? "6px" : "0",
+          color: isSoldOut ? "#c0c0c0" : "#464647",
+        }}
       >
+        <span
+          className={`block max-w-[120px] cursor-pointer text-[12px] ${isPeru || isTrain ? "overflow-hidden text-ellipsis whitespace-nowrap" : ""}`}
+        >
+          {isTrain
+            ? commonService.truncateSeatLabel(
+                serviceItem.operator_details[2],
+                14,
+              )
+            : commonService.capitalize(serviceItem.operator_details[2])}
+        </span>
         <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 }}
-        ></div>
-        {serviceItem.operator_details[2]}
+          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" }}
+        >
+          <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 }}
+          ></div>
+          {serviceItem.operator_details[2]}
+        </div>
       </div>
     </div>
-  </div>
-);
+  );
+};
 
 export default RatingBlock;