kupos-ui-components-lib 9.10.4 → 9.10.6

package/dist/components/ServiceItem/ServiceItemDesktop.js

@@ -89,7 +89,6 @@ const ANIMATION_MAP = {
 };
 function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, children, busStage, serviceDetailsLoading, cityOrigin, cityDestination, translation, orignLabel, destinationLabel, currencySign, isCiva, showRating, showLastSeats, removeArrivalTime, removeDuplicateSeats, isPeruSites, showAvailableSeats, isSeatIcon, isLinatal, isPeru, t = (key) => key, siteType, isAllinBus, isExpand, setIsExpand, coachKey, viewersConfig, isNewUi, showLoginModal, isLoggedIn, showLoginOption, isFeatureDropDownExpand, setIsFeatureDropDownExpand, ticketQuantity, onIncreaseTicketQuantity, onDecreaseTicketQuantity, onRemateUiButtonClick, selectedTimeSlot, onTimeSlotChange, isTimeDropdownOpen, onTimeDropdownToggle, wowDealData, isFlores, }) {
     var _a, _b, _c;
-    console.log("🚀 ~ ServiceItemPB ~ serviceItem:", serviceItem);
     const getAnimationIcon = (icon) => {
         var _a;
         const animation = ANIMATION_MAP[icon];
@@ -294,7 +293,7 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
                             backgroundColor: "#ccc",
                         } }),
                     React.createElement("div", { className: "content-center" },
-                        React.createElement(SeatSection, { seatTypes: serviceItem.seat_types, serviceItem: serviceItem, availableSeats: serviceItem.available_seats, isSoldOut: isSoldOut, priceColor: colors.priceColor, dpSeatColor: colors.seatPriceColor, currencySign: currencySign, removeDuplicateSeats: removeDuplicateSeats, isPeru: isPeru, renderIcon: renderIcon, discountSeatPriceColor: colors.discountSeatPriceColor })),
+                        React.createElement(SeatSection, { seatTypes: serviceItem.seat_types, serviceItem: serviceItem, availableSeats: serviceItem.available_seats, isSoldOut: isSoldOut, priceColor: colors.priceColor, dpSeatColor: colors.seatPriceColor, currencySign: currencySign, removeDuplicateSeats: removeDuplicateSeats, isPeru: isPeru, renderIcon: renderIcon, discountSeatPriceColor: colors.discountSeatPriceColor, tooltipColor: colors.tooltipColor })),
                     React.createElement("div", { className: "relative" },
                         React.createElement(KuposButton, { isSoldOut: isSoldOut, isLoading: serviceDetailsLoading, buttonColor: colors.kuposButtonColor, buyLabel: translation === null || translation === void 0 ? void 0 : translation.buyButton, soldOutLabel: translation === null || translation === void 0 ? void 0 : translation.soldOutButton, soldOutIcon: renderIcon("soldOutIcon", "14px"), onClick: checkMidnight }),
                         showLastSeats ? (React.createElement("div", { className: "flex justify-center mr-[11px] w-[100%] right-[0px] absolute left-[0] top-[40px]" }, (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.available_seats) < 10 &&

package/dist/ui/OfferBanner.js

@@ -24,11 +24,12 @@ const NewUiOfferBanner = ({ offerText, isLoggedIn, showLoginModal, showLoginOpti
         React.createElement("span", { className: "bold-text", style: { marginLeft: offerText ? "6px" : "3px" } },
             truncateOfferText(offerText),
             " ",
-            !hideRegister && (isLoggedIn && showLoginOption ? null : (React.createElement("span", { onClick: showLoginModal, className: "cursor-pointer" }, "- registro"))),
+            !hideRegister &&
+                (isLoggedIn && showLoginOption ? null : (React.createElement("span", { onClick: showLoginModal, className: "cursor-pointer" }, "- registro"))),
             " ",
             "\u00A0"),
         " ",
-        offerText ? "|" : "",
+        offerText ? "| " : "",
         "Termina en\u00A0",
         React.createElement("span", { className: "bold-text text-end", ref: (node) => CommonService.startCountdown(node, 599), style: { fontVariantNumeric: "tabular-nums", display: "inline-block" } }))));
 const LegacyOfferBanner = ({ offerText, getAnimationIcon, }) => (React.createElement("div", { className: "flex items-center" },

package/dist/ui/SeatSection/SeatSection.d.ts

@@ -16,6 +16,7 @@ interface SeatSectionProps {
     serviceItem?: any;
     renderIcon?: (iconKey: string, size?: string) => React.ReactNode;
     discountSeatPriceColor?: string;
+    tooltipColor?: string;
 }
-declare function SeatSection({ seatTypes, availableSeats, isSoldOut, priceColor, currencySign, removeDuplicateSeats, isPeru, serviceItem, renderIcon, dpSeatColor, discountSeatPriceColor, }: SeatSectionProps): React.ReactElement;
+declare function SeatSection({ seatTypes, availableSeats, isSoldOut, priceColor, currencySign, removeDuplicateSeats, isPeru, serviceItem, renderIcon, dpSeatColor, discountSeatPriceColor, tooltipColor, }: SeatSectionProps): React.ReactElement;
 export default SeatSection;

package/dist/ui/SeatSection/SeatSection.js

@@ -54,7 +54,7 @@ function getUniqueSeats(seatTypes) {
 function getNumberOfSeats(seatTypes) {
     return seatTypes.filter((val) => !SEAT_EXCEPTIONS.includes(val.label)).length;
 }
-function SeatSection({ seatTypes, availableSeats, isSoldOut, priceColor, currencySign, removeDuplicateSeats, isPeru, serviceItem, renderIcon, dpSeatColor, discountSeatPriceColor, }) {
+function SeatSection({ seatTypes, availableSeats, isSoldOut, priceColor, currencySign, removeDuplicateSeats, isPeru, serviceItem, renderIcon, dpSeatColor, discountSeatPriceColor, tooltipColor, }) {
     var _a;
     const uniqueSeats = getUniqueSeats(seatTypes);
     const sortedSeatTypes = getSortedSeatTypes(seatTypes);
@@ -189,10 +189,11 @@ function SeatSection({ seatTypes, availableSeats, isSoldOut, priceColor, currenc
                             animation: "pulse-zoom 2s ease-in-out infinite",
                             whiteSpace: "nowrap",
                         } },
-                        React.createElement("span", { className: "rounded-[100px] bg-[#ff5964] px-[6px] px-[2px] w-fit text-[12px] bold-text leading-[20px] text-white", style: {
+                        React.createElement("span", { className: "rounded-[100px]  px-[6px] px-[2px] w-fit text-[12px] bold-text leading-[20px] text-white", style: {
                                 animation: "pulse-zoom 2s ease-in-out infinite",
                                 whiteSpace: "nowrap",
                                 color: dpSeatColor,
+                                backgroundColor: tooltipColor,
                             } }, "Mejor precio")),
                     React.createElement("div", { className: "text-[22px] bold-text leading-[30px] text-center", style: { color: isSoldOut ? "#c0c0c0" : dpSeatColor } }, availableSeats <= 0
                         ? CommonService.currency(0, currencySign)

package/package.json

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

package/src/components/ServiceItem/ServiceItemDesktop.tsx

@@ -144,7 +144,6 @@ function ServiceItemPB({
   wowDealData,
   isFlores,
 }: ServiceItemProps & { currencySign?: string }): React.ReactElement {
-  console.log("🚀 ~ ServiceItemPB ~ serviceItem:", serviceItem);
   const getAnimationIcon = (icon: string) => {
     const animation = ANIMATION_MAP[icon];
     if (!animation) return null;
@@ -598,6 +597,7 @@ function ServiceItemPB({
                     isPeru={isPeru}
                     renderIcon={renderIcon}
                     discountSeatPriceColor={colors.discountSeatPriceColor}
+                    tooltipColor={colors.tooltipColor}
                   />
                 </div>
 

package/src/ui/OfferBanner.tsx

@@ -106,14 +106,15 @@ const NewUiOfferBanner: React.FC<NewUiOfferBannerProps> = ({
         style={{ marginLeft: offerText ? "6px" : "3px" }}
       >
         {truncateOfferText(offerText)}{" "}
-        {!hideRegister && (isLoggedIn && showLoginOption ? null : (
-          <span onClick={showLoginModal} className="cursor-pointer">
-            - registro
-          </span>
-        ))}{" "}
+        {!hideRegister &&
+          (isLoggedIn && showLoginOption ? null : (
+            <span onClick={showLoginModal} className="cursor-pointer">
+              - registro
+            </span>
+          ))}{" "}
         &nbsp;
       </span>{" "}
-      {offerText ? "|" : ""}
+      {offerText ? "| " : ""}
       Termina en&nbsp;
       <span
         className="bold-text text-end"
@@ -220,7 +221,7 @@ const OfferBanner: React.FC<OfferBannerProps> = ({
     if (isDpEnabledWithoutDiscounts) {
       return <PopularServiceBanner getAnimationIcon={getAnimationIcon} />;
     }
-    
+
     const hasDp = hasDpDiscounts(serviceItem);
 
     if (hasDp || (isNewUiEnabled && serviceItem?.offer_text)) {

package/src/ui/SeatSection/SeatSection.tsx

@@ -21,6 +21,7 @@ interface SeatSectionProps {
   serviceItem?: any;
   renderIcon?: (iconKey: string, size?: string) => React.ReactNode;
   discountSeatPriceColor?: string;
+  tooltipColor?: string;
 }
 
 function getAllSeatTypes(seatTypes: SeatType[]) {
@@ -102,6 +103,7 @@ function SeatSection({
   renderIcon,
   dpSeatColor,
   discountSeatPriceColor,
+  tooltipColor,
 }: SeatSectionProps): React.ReactElement {
   const uniqueSeats = getUniqueSeats(seatTypes);
   const sortedSeatTypes = getSortedSeatTypes(seatTypes);
@@ -368,11 +370,12 @@ function SeatSection({
               }}
             >
               <span
-                className="rounded-[100px] bg-[#ff5964] px-[6px] px-[2px] w-fit text-[12px] bold-text leading-[20px] text-white"
+                className="rounded-[100px]  px-[6px] px-[2px] w-fit text-[12px] bold-text leading-[20px] text-white"
                 style={{
                   animation: "pulse-zoom 2s ease-in-out infinite",
                   whiteSpace: "nowrap",
                   color: dpSeatColor,
+                  backgroundColor: tooltipColor,
                 }}
               >
                 Mejor precio