kupos-ui-components-lib 10.2.7 → 10.2.9

package/dist/components/PaymentSideBar/PaymentSideBarMobile.js

@@ -76,7 +76,7 @@ const renderSummaryDetailsCard = ({ serviceName, date, source, dest, boardingSta
 const PaymentSideBarMobile = ({ 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, currency, showWhatsappChargesInfo, setShowWhatsappChargesInfo, t, countdown, walletLabel, creditosLabel, isTacna, isLinatal, insuranceData, isPeru, setShowServicefeeModal, serviceFeeDataStateValue, isOpsite, }) => {
     var _a, _b, _c, _d, _e;
     return (React.createElement("div", { className: "pb-[15px]" },
-        React.createElement("div", { className: "border border-[#ccc] rounded-[20px] relative", style: { margin: "10px 20px 20px" } },
+        React.createElement("div", { className: "border border-[#ccc] rounded-[20px] relative", style: { margin: "0px 20px 20px" } },
             React.createElement("div", { style: {
                     position: "absolute",
                     zIndex: 200,

package/dist/components/ServiceItem/ServiceItemMobile.js

@@ -146,7 +146,7 @@ function ServiceItemMobile({ serviceItem, onBookButtonPress, colors, busStage, o
                 React.createElement("div", { className: "bg-[#E6E6E6]  mt-[10px] mb-[8px] h-[1px]" }),
                 React.createElement(BottomAmenitiesMobile, { isSoldOut: isSoldOut, amenitiesNodes: amenities(), hoursIcon: renderIcon("hours", "14px"), duration: (_j = serviceItem.duration) === null || _j === void 0 ? void 0 : _j.toString(), isDirectTrip: serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_direct_trip, directoColor: colors.directoColor, directoAnim: serviceItem.icons.directoAnim, isChangeTicket: serviceItem.is_change_ticket, isPetSeat: isPetSeat, petSeatInfo: serviceItem.pet_seat_info, petFriendlyAnim: serviceItem.icons.petFriendlyAnim, flexibleAnim: serviceItem.icons.flexibleAnim, isTrackingEnabled: serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_tracking_enabled, locationAnim: serviceItem.icons.locationAnim, downArrowIcon: serviceItem.icons.downArrow, showDropdown: isItemExpanded, setShowDropdown: () => setIsExpanded(isItemExpanded ? null : serviceItem.id), onDropdownToggle: () => {
                         setIsExpanded(isItemExpanded ? null : serviceItem.id);
-                    }, isPeru: isPeru, femaleAnim: serviceItem.icons.femaleAnim, ladiesBookedSeats: serviceItem.ladies_booked_seats, isDpEnabled: serviceItem.is_dp_enabled })),
+                    }, isPeru: isPeru, femaleAnim: serviceItem.icons.femaleAnim, ladiesBookedSeats: serviceItem.ladies_booked_seats, isDpEnabled: serviceItem.is_dp_enabled, isTrain: isTrain })),
             React.createElement(ServiceBadgesMobile, { showTopLabel: showTopLabel, isSoldOut: isSoldOut, colors: colors, renderIcon: renderIcon, serviceItem: serviceItem, isConexion: isConexion, isAllinBus: isAllinBus, boardingName: boardingName })),
         (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.offer_text) &&
             !isNewUiEnabled &&

package/dist/ui/BottomAmenities/BottomAmenities.js

@@ -24,6 +24,6 @@ function BottomAmenities({ otherItems, serviceItem, grayscaleClass, isSoldOut, i
                 String(serviceItem.ladies_booked_seats).trim() !== "" &&
                 (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_dp_enabled) === true && (React.createElement(FemaleBlock, { translation: translation, getAnimationIcon: getAnimationIcon, colors: colors, serviceItem: serviceItem, isSoldOut: isSoldOut })),
             hasPetInfo && (React.createElement(PetBlock, { translation: translation, getAnimationIcon: getAnimationIcon, colors: colors, isSoldOut: isSoldOut })),
-            isPeru ? null : (React.createElement("div", { className: `flex items-center cursor-pointer ml-[4px] transition-transform duration-300 w-[14px] h-[14px] ${isItemExpanded ? "rotate-180" : ""}`, onClick: onToggleExpand }, downArrowIcon)))));
+            isPeru || isTrain ? null : (React.createElement("div", { className: `flex items-center cursor-pointer ml-[4px] transition-transform duration-300 w-[14px] h-[14px] ${isItemExpanded ? "rotate-180" : ""}`, onClick: onToggleExpand }, downArrowIcon)))));
 }
 export default BottomAmenities;

package/dist/ui/mobileweb/BottomAmenitiesMobile.d.ts

@@ -23,6 +23,7 @@ interface BottomAmenitiesMobileProps {
     femaleAnim?: any;
     ladiesBookedSeats?: string;
     isDpEnabled?: boolean;
+    isTrain?: boolean;
 }
-declare function BottomAmenitiesMobile({ isSoldOut, amenitiesNodes, hoursIcon, duration, isDirectTrip, directoColor, directoAnim, isChangeTicket, isPetSeat, petSeatInfo, petFriendlyAnim, flexibleAnim, isTrackingEnabled, locationAnim, downArrowIcon, showDropdown, setShowDropdown, onDropdownToggle, isItemExpanded, isPeru, femaleAnim, ladiesBookedSeats, isDpEnabled, }: BottomAmenitiesMobileProps): React.ReactElement;
+declare function BottomAmenitiesMobile({ isSoldOut, amenitiesNodes, hoursIcon, duration, isDirectTrip, directoColor, directoAnim, isChangeTicket, isPetSeat, petSeatInfo, petFriendlyAnim, flexibleAnim, isTrackingEnabled, locationAnim, downArrowIcon, showDropdown, setShowDropdown, onDropdownToggle, isItemExpanded, isPeru, femaleAnim, ladiesBookedSeats, isDpEnabled, isTrain, }: BottomAmenitiesMobileProps): React.ReactElement;
 export default BottomAmenitiesMobile;

package/dist/ui/mobileweb/BottomAmenitiesMobile.js

@@ -1,7 +1,7 @@
 import React from "react";
 import LottiePlayer from "../../assets/LottiePlayer";
 import DateService from "../../utils/DateService";
-function BottomAmenitiesMobile({ isSoldOut, amenitiesNodes, hoursIcon, duration, isDirectTrip, directoColor, directoAnim, isChangeTicket, isPetSeat, petSeatInfo, petFriendlyAnim, flexibleAnim, isTrackingEnabled, locationAnim, downArrowIcon, showDropdown, setShowDropdown, onDropdownToggle, isItemExpanded, isPeru, femaleAnim, ladiesBookedSeats, isDpEnabled, }) {
+function BottomAmenitiesMobile({ isSoldOut, amenitiesNodes, hoursIcon, duration, isDirectTrip, directoColor, directoAnim, isChangeTicket, isPetSeat, petSeatInfo, petFriendlyAnim, flexibleAnim, isTrackingEnabled, locationAnim, downArrowIcon, showDropdown, setShowDropdown, onDropdownToggle, isItemExpanded, isPeru, femaleAnim, ladiesBookedSeats, isDpEnabled, isTrain, }) {
     return (React.createElement("div", { className: `${"flex justify-between items-center items-center "}` },
         React.createElement("div", { className: "w-[55%] flex justify-between items-center" },
             React.createElement("div", { style: { opacity: isSoldOut ? 0.5 : 1 } }, amenitiesNodes),
@@ -33,7 +33,7 @@ function BottomAmenitiesMobile({ isSoldOut, amenitiesNodes, hoursIcon, duration,
                 isTrackingEnabled && (React.createElement("div", { className: "flex items-center mr-[10px]" },
                     React.createElement("div", { className: `h-auto mr-[4px] min-[420]:text-[13px] text-[11px] text-[#464647] ${isSoldOut ? "grayscale" : ""}` },
                         React.createElement(LottiePlayer, { animationData: locationAnim, width: "16px", height: "16px" }))))))),
-            isPeru ? null : (React.createElement("div", { onClick: onDropdownToggle },
+            isPeru || isTrain ? null : (React.createElement("div", { onClick: onDropdownToggle },
                 React.createElement("img", { src: downArrowIcon, alt: "icon", width: 14, height: 14, className: `${showDropdown ? "rotate-180" : ""} transition-transform duration-300` }))))));
 }
 export default BottomAmenitiesMobile;

package/package.json

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

package/src/components/PaymentSideBar/PaymentSideBarMobile.tsx

@@ -248,7 +248,7 @@ const PaymentSideBarMobile: React.FC<PaymentSideBarProps> = ({
     <div className="pb-[15px]">
       <div
         className="border border-[#ccc] rounded-[20px] relative"
-        style={{ margin: "10px 20px 20px" }}
+        style={{ margin: "0px 20px 20px" }}
       >
         <div
           style={{

package/src/components/ServiceItem/ServiceItemMobile.tsx

@@ -394,6 +394,7 @@ function ServiceItemMobile({
                 femaleAnim={serviceItem.icons.femaleAnim}
                 ladiesBookedSeats={serviceItem.ladies_booked_seats}
                 isDpEnabled={serviceItem.is_dp_enabled}
+                isTrain={isTrain}
               />
             </div>
 

package/src/ui/BottomAmenities/BottomAmenities.tsx

@@ -115,7 +115,7 @@ function BottomAmenities({
 
         {/* DOWN ARROW ICON */}
         {/* {showDownArrow ? ( */}
-        {isPeru ? null : (
+        {isPeru || isTrain ? null : (
           <div
             className={`flex items-center cursor-pointer ml-[4px] transition-transform duration-300 w-[14px] h-[14px] ${isItemExpanded ? "rotate-180" : ""}`}
             onClick={onToggleExpand}

package/src/ui/mobileweb/BottomAmenitiesMobile.tsx

@@ -26,6 +26,7 @@ interface BottomAmenitiesMobileProps {
   femaleAnim?: any;
   ladiesBookedSeats?: string;
   isDpEnabled?: boolean;
+  isTrain?: boolean;
 }
 
 function BottomAmenitiesMobile({
@@ -52,6 +53,7 @@ function BottomAmenitiesMobile({
   femaleAnim,
   ladiesBookedSeats,
   isDpEnabled,
+  isTrain,
 }: BottomAmenitiesMobileProps): React.ReactElement {
   return (
     <div className={`${"flex justify-between items-center items-center "}`}>
@@ -178,7 +180,7 @@ function BottomAmenitiesMobile({
             </div>
           )}
         </div>
-        {isPeru ? null : (
+        {isPeru || isTrain ? null : (
           <div onClick={onDropdownToggle}>
             <img
               src={downArrowIcon}