kupos-ui-components-lib 9.6.4 → 9.6.5

package/dist/components/ServiceItem/ServiceItemDesktop.js

@@ -299,7 +299,7 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
                         boxSizing: "border-box",
                     }
                     : {})) },
-                React.createElement(ExpandedDropdown, { serviceItem: serviceItem, isPeru: isPeru, translation: translation, getAnimationIcon: getAnimationIcon, isChangeTicket: serviceItem.is_change_ticket === true, isSoldOut: isSoldOut })))),
+                React.createElement(ExpandedDropdown, { serviceItem: serviceItem, isPeru: isPeru, translation: translation, getAnimationIcon: getAnimationIcon, isChangeTicket: serviceItem.is_change_ticket === true, isSoldOut: isSoldOut, ladiesBookedSeats: serviceItem.ladies_booked_seats, isDpEnabled: serviceItem.is_dp_enabled })))),
         children,
         React.createElement(ServiceBadges, { showTopLabel: showTopLabel, isSoldOut: isSoldOut, colors: colors, renderIcon: renderIcon, translation: translation, serviceItem: serviceItem })))));
 }

package/dist/ui/ExpendedDropDown/ExpandedDropdown.d.ts

@@ -11,6 +11,8 @@ interface ExpandedDropdownProps {
     getAnimationIcon?: (iconName: string) => any;
     isChangeTicket?: boolean;
     isSoldOut?: boolean;
+    ladiesBookedSeats?: string;
+    isDpEnabled?: boolean;
 }
-declare function ExpandedDropdown({ serviceItem, isPeru, translation, getAnimationIcon, isChangeTicket, isSoldOut, }: ExpandedDropdownProps): React.ReactElement;
+declare function ExpandedDropdown({ serviceItem, isPeru, translation, getAnimationIcon, isChangeTicket, isSoldOut, ladiesBookedSeats, isDpEnabled, }: ExpandedDropdownProps): React.ReactElement;
 export default ExpandedDropdown;

package/dist/ui/ExpendedDropDown/ExpandedDropdown.js

@@ -1,6 +1,6 @@
 import React from "react";
 import LottiePlayer from "../../assets/LottiePlayer";
-function ExpandedDropdown({ serviceItem, isPeru = false, translation = {}, getAnimationIcon, isChangeTicket = false, isSoldOut, }) {
+function ExpandedDropdown({ serviceItem, isPeru = false, translation = {}, getAnimationIcon, isChangeTicket = false, isSoldOut, ladiesBookedSeats, isDpEnabled, }) {
     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: {
@@ -29,6 +29,13 @@ function ExpandedDropdown({ serviceItem, isPeru = false, translation = {}, getAn
                 React.createElement(LottiePlayer, { animationData: getAnimationIcon("petFriendlyAnim"), width: "20px", height: "20px" }),
                 React.createElement("div", { className: "h-auto mr-[4px] text-[13px] text-[#464647] bold-text" },
                     React.createElement("span", null, translation === null || translation === void 0 ? void 0 : translation.petFriendly)))),
+            ladiesBookedSeats &&
+                String(ladiesBookedSeats).trim() !== "" &&
+                isDpEnabled === true && (React.createElement("div", { className: "flex gap-[6px]" },
+                React.createElement("span", { style: { marginTop: "2px" } }, "\u2022"),
+                React.createElement("span", null,
+                    React.createElement("span", { className: "bold-text" }, "Asientos para damas:"),
+                    " Esta empresa cuenta con asientos recomendados para mujeres."))),
             React.createElement("div", { className: "flex gap-[8px] text-[13.33px]" },
                 React.createElement("span", { style: { marginTop: "2px" } }, "\u2022"),
                 React.createElement("span", null,

package/package.json

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

package/src/components/ServiceItem/ServiceItemDesktop.tsx

@@ -611,6 +611,8 @@ function ServiceItemPB({
                   getAnimationIcon={getAnimationIcon}
                   isChangeTicket={serviceItem.is_change_ticket === true}
                   isSoldOut={isSoldOut}
+                  ladiesBookedSeats={serviceItem.ladies_booked_seats}
+                  isDpEnabled={serviceItem.is_dp_enabled}
                 />
               </div>
             </div>

package/src/ui/ExpendedDropDown/ExpandedDropdown.tsx

@@ -13,6 +13,8 @@ interface ExpandedDropdownProps {
   getAnimationIcon?: (iconName: string) => any;
   isChangeTicket?: boolean;
   isSoldOut?: boolean;
+  ladiesBookedSeats?: string;
+  isDpEnabled?: boolean;
 }
 
 function ExpandedDropdown({
@@ -22,6 +24,8 @@ function ExpandedDropdown({
   getAnimationIcon,
   isChangeTicket = false,
   isSoldOut,
+  ladiesBookedSeats,
+  isDpEnabled,
 }: ExpandedDropdownProps): React.ReactElement {
   const hasPetInfo =
     serviceItem.pet_seat_info &&
@@ -76,6 +80,18 @@ function ExpandedDropdown({
           </div>
         )}
 
+             {ladiesBookedSeats &&
+          String(ladiesBookedSeats).trim() !== "" &&
+          isDpEnabled === true && (
+            <div className="flex gap-[6px]">
+              <span style={{ marginTop: "2px" }}>•</span>
+              <span>
+                <span className="bold-text">Asientos para damas:</span> Esta
+                empresa cuenta con asientos recomendados para mujeres.
+              </span>
+            </div>
+          )}
+
         <div className="flex gap-[8px] text-[13.33px]">
           <span style={{ marginTop: "2px" }}>•</span>
           <span>