kupos-ui-components-lib 9.9.2 → 9.9.3

package/dist/styles.css

@@ -33,9 +33,6 @@
 .-top-\[11px\] {
   top: calc(11px * -1);
 }
-.-top-\[13px\] {
-  top: calc(13px * -1);
-}
 .-top-\[18px\] {
   top: calc(18px * -1);
 }
@@ -63,15 +60,9 @@
 .top-\[88\%\] {
   top: 88%;
 }
-.top-\[calc\(100\%\+10px\)\] {
-  top: calc(100% + 10px);
-}
 .right-\[0px\] {
   right: 0px;
 }
-.right-\[18px\] {
-  right: 18px;
-}
 .-bottom-\[9\%\] {
   bottom: calc(9% * -1);
 }
@@ -84,12 +75,6 @@
 .-bottom-\[36px\] {
   bottom: calc(36px * -1);
 }
-.-bottom-\[44px\] {
-  bottom: calc(44px * -1);
-}
-.bottom-\[11px\] {
-  bottom: 11px;
-}
 .bottom-\[35px\] {
   bottom: 35px;
 }
@@ -183,15 +168,9 @@
 .m-\[auto\] {
   margin: auto;
 }
-.mx-\[6px\] {
-  margin-inline: 6px;
-}
 .mx-auto {
   margin-inline: auto;
 }
-.my-\[8px\] {
-  margin-block: 8px;
-}
 .-mt-\[15px\] {
   margin-top: calc(15px * -1);
 }
@@ -210,27 +189,15 @@
 .mt-\[5px\] {
   margin-top: 5px;
 }
-.mt-\[6px\] {
-  margin-top: 6px;
-}
 .mt-\[10px\] {
   margin-top: 10px;
 }
-.mt-\[12px\] {
-  margin-top: 12px;
-}
 .mt-\[13px\] {
   margin-top: 13px;
 }
-.mt-\[14px\] {
-  margin-top: 14px;
-}
 .mt-\[15px\] {
   margin-top: 15px;
 }
-.mt-\[16px\] {
-  margin-top: 16px;
-}
 .mt-\[20px\] {
   margin-top: 20px;
 }
@@ -357,9 +324,6 @@
 .h-\[12px\] {
   height: 12px;
 }
-.h-\[13px\] {
-  height: 13px;
-}
 .h-\[14px\] {
   height: 14px;
 }
@@ -378,9 +342,6 @@
 .h-\[24px\] {
   height: 24px;
 }
-.h-\[26px\] {
-  height: 26px;
-}
 .h-\[30px\] {
   height: 30px;
 }
@@ -408,9 +369,6 @@
 .w-\[12px\] {
   width: 12px;
 }
-.w-\[13px\] {
-  width: 13px;
-}
 .w-\[14px\] {
   width: 14px;
 }
@@ -423,9 +381,6 @@
 .w-\[20px\] {
   width: 20px;
 }
-.w-\[26px\] {
-  width: 26px;
-}
 .w-\[50\%\] {
   width: 50%;
 }
@@ -441,6 +396,9 @@
 .w-\[65\%\%\] {
   width: 65%%;
 }
+.w-\[80\%\] {
+  width: 80%;
+}
 .w-\[100\%\] {
   width: 100%;
 }
@@ -494,12 +452,6 @@
 .max-w-\[165px\] {
   max-width: 165px;
 }
-.max-w-\[220px\] {
-  max-width: 220px;
-}
-.max-w-full {
-  max-width: 100%;
-}
 .min-w-\[75px\] {
   min-width: 75px;
 }
@@ -521,9 +473,6 @@
   --tw-translate-y: -10px;
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
-.rotate-0 {
-  rotate: 0deg;
-}
 .rotate-180 {
   rotate: 180deg;
 }
@@ -533,9 +482,6 @@
 .cursor-default {
   cursor: default;
 }
-.cursor-not-allowed {
-  cursor: not-allowed;
-}
 .cursor-pointer {
   cursor: pointer;
 }
@@ -548,21 +494,12 @@
 .grid-cols-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
-.grid-cols-3 {
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-}
-.grid-cols-4 {
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-}
 .grid-cols-\[0\.8fr_auto_26\%_1fr\] {
   grid-template-columns: 0.8fr auto 26% 1fr;
 }
 .grid-cols-\[1\.5fr_1fr_auto\] {
   grid-template-columns: 1.5fr 1fr auto;
 }
-.grid-cols-\[25\%_48\%_27\%\] {
-  grid-template-columns: 25% 48% 27%;
-}
 .grid-cols-\[26px_auto_26\%_1fr\] {
   grid-template-columns: 26px auto 26% 1fr;
 }
@@ -590,9 +527,6 @@
 .items-start {
   align-items: flex-start;
 }
-.items-stretch {
-  align-items: stretch;
-}
 .justify-between {
   justify-content: space-between;
 }
@@ -635,12 +569,6 @@
 .gap-\[14px\] {
   gap: 14px;
 }
-.gap-\[16px\] {
-  gap: 16px;
-}
-.gap-\[20px\] {
-  gap: 20px;
-}
 .gap-x-\[2\%\] {
   -moz-column-gap: 2%;
        column-gap: 2%;
@@ -649,20 +577,12 @@
   -moz-column-gap: 8px;
        column-gap: 8px;
 }
-.truncate {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
 .overflow-hidden {
   overflow: hidden;
 }
 .overflow-y-hidden {
   overflow-y: hidden;
 }
-.rounded-\[4px\] {
-  border-radius: 4px;
-}
 .rounded-\[8px\] {
   border-radius: 8px;
 }
@@ -675,9 +595,6 @@
 .rounded-\[15px\] {
   border-radius: 15px;
 }
-.rounded-\[16px\] {
-  border-radius: 16px;
-}
 .rounded-\[18px\] {
   border-radius: 18px;
 }
@@ -721,10 +638,6 @@
   border-top-style: var(--tw-border-style);
   border-top-width: 8px;
 }
-.border-r {
-  border-right-style: var(--tw-border-style);
-  border-right-width: 1px;
-}
 .border-r-8 {
   border-right-style: var(--tw-border-style);
   border-right-width: 8px;
@@ -753,10 +666,6 @@
   border-bottom-style: var(--tw-border-style);
   border-bottom-width: 8px;
 }
-.border-l {
-  border-left-style: var(--tw-border-style);
-  border-left-width: 1px;
-}
 .border-l-8 {
   border-left-style: var(--tw-border-style);
   border-left-width: 8px;
@@ -773,9 +682,6 @@
   --tw-border-style: none;
   border-style: none;
 }
-.border-\[\#363c48\] {
-  border-color: #363c48;
-}
 .border-\[\#ccc\] {
   border-color: #ccc;
 }
@@ -794,24 +700,9 @@
 .border-l-transparent {
   border-left-color: transparent;
 }
-.bg-\[\#0C1421\] {
-  background-color: #0C1421;
-}
-.bg-\[\#2d374d\] {
-  background-color: #2d374d;
-}
-.bg-\[\#222b3d\] {
-  background-color: #222b3d;
-}
 .bg-\[\#E6E6E6\] {
   background-color: #E6E6E6;
 }
-.bg-\[\#FF5C60\] {
-  background-color: #FF5C60;
-}
-.bg-\[\#FF8F45\] {
-  background-color: #FF8F45;
-}
 .bg-\[\#FFF2F2\] {
   background-color: #FFF2F2;
 }
@@ -830,9 +721,6 @@
 .bg-\[lightgray\] {
   background-color: lightgray;
 }
-.bg-transparent {
-  background-color: transparent;
-}
 .bg-\[length\:200\%_200\%\] {
   background-size: 200% 200%;
 }
@@ -855,9 +743,6 @@
 .p-\[10px_15px\] {
   padding: 10px 15px;
 }
-.p-\[14px\] {
-  padding: 14px;
-}
 .p-\[15px\] {
   padding: 15px;
 }
@@ -891,18 +776,9 @@
 .px-\[15px\] {
   padding-inline: 15px;
 }
-.px-\[16px\] {
-  padding-inline: 16px;
-}
 .px-\[20px\] {
   padding-inline: 20px;
 }
-.px-\[22px\] {
-  padding-inline: 22px;
-}
-.py-\[2px\] {
-  padding-block: 2px;
-}
 .py-\[4px\] {
   padding-block: 4px;
 }
@@ -915,9 +791,6 @@
 .py-\[8px\] {
   padding-block: 8px;
 }
-.py-\[9px\] {
-  padding-block: 9px;
-}
 .py-\[10px\] {
   padding-block: 10px;
 }
@@ -933,9 +806,6 @@
 .pt-\[10px\] {
   padding-top: 10px;
 }
-.pt-\[14px\] {
-  padding-top: 14px;
-}
 .pt-\[20px\] {
   padding-top: 20px;
 }
@@ -951,9 +821,6 @@
 .pt-\[50px\] {
   padding-top: 50px;
 }
-.pr-\[10px\] {
-  padding-right: 10px;
-}
 .pr-\[15px\] {
   padding-right: 15px;
 }
@@ -963,9 +830,6 @@
 .pr-\[22px\] {
   padding-right: 22px;
 }
-.pb-\[6px\] {
-  padding-bottom: 6px;
-}
 .pb-\[7px\] {
   padding-bottom: 7px;
 }
@@ -984,9 +848,6 @@
 .pl-\[6px\] {
   padding-left: 6px;
 }
-.pl-\[22px\] {
-  padding-left: 22px;
-}
 .text-center {
   text-align: center;
 }
@@ -1023,9 +884,6 @@
 .text-\[14px\] {
   font-size: 14px;
 }
-.text-\[16px\] {
-  font-size: 16px;
-}
 .text-\[17\.33px\] {
   font-size: 17.33px;
 }
@@ -1038,15 +896,6 @@
 .text-\[22px\] {
   font-size: 22px;
 }
-.text-\[24px\] {
-  font-size: 24px;
-}
-.text-\[26px\] {
-  font-size: 26px;
-}
-.text-\[28px\] {
-  font-size: 28px;
-}
 .text-\[42px\] {
   font-size: 42px;
 }
@@ -1054,10 +903,6 @@
   --tw-leading: 1.3;
   line-height: 1.3;
 }
-.leading-\[14px\] {
-  --tw-leading: 14px;
-  line-height: 14px;
-}
 .leading-\[20px\] {
   --tw-leading: 20px;
   line-height: 20px;
@@ -1078,10 +923,6 @@
   --tw-leading: 1;
   line-height: 1;
 }
-.font-\[9px\] {
-  --tw-font-weight: 9px;
-  font-weight: 9px;
-}
 .font-\[14px\] {
   --tw-font-weight: 14px;
   font-weight: 14px;
@@ -1103,27 +944,12 @@
 .whitespace-nowrap {
   white-space: nowrap;
 }
-.text-\[\#1a1a1a\] {
-  color: #1a1a1a;
-}
-.text-\[\#4a4a4a\] {
-  color: #4a4a4a;
-}
 .text-\[\#9f9f9f\] {
   color: #9f9f9f;
 }
-.text-\[\#666\] {
-  color: #666;
-}
-.text-\[\#272727\] {
-  color: #272727;
-}
 .text-\[\#464647\] {
   color: #464647;
 }
-.text-\[\#FF8F45\] {
-  color: #FF8F45;
-}
 .text-\[\#c0c0c0\] {
   color: #c0c0c0;
 }
@@ -1142,9 +968,6 @@
 .text-\[red\] {
   color: red;
 }
-.text-\[white\] {
-  color: white;
-}
 .capitalize {
   text-transform: capitalize;
 }
@@ -1164,16 +987,9 @@
 .opacity-0 {
   opacity: 0%;
 }
-.opacity-50 {
-  opacity: 50%;
-}
 .opacity-100 {
   opacity: 100%;
 }
-.outline {
-  outline-style: var(--tw-outline-style);
-  outline-width: 1px;
-}
 .grayscale {
   --tw-grayscale: grayscale(100%);
   filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
@@ -1201,10 +1017,6 @@
   transition-timing-function: var(--tw-ease, ease);
   transition-duration: var(--tw-duration, 0s);
 }
-.duration-200 {
-  --tw-duration: 200ms;
-  transition-duration: 200ms;
-}
 .duration-300 {
   --tw-duration: 300ms;
   transition-duration: 300ms;
@@ -1213,11 +1025,6 @@
   --tw-outline-style: none;
   outline-style: none;
 }
-.select-none {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-       user-select: none;
-}
 .group-hover\:block {
   &:is(:where(.group):hover *) {
     @media (hover: hover) {
@@ -1357,19 +1164,6 @@
 .hide-scrollbar::-webkit-scrollbar {
   display: none;
 }
-.kupos-time-dd > summary {
-  list-style: none;
-}
-.kupos-time-dd > summary::-webkit-details-marker {
-  display: none;
-}
-.kupos-time-chevron {
-  transition: transform 200ms ease;
-  flex-shrink: 0;
-}
-.kupos-time-dd[open] .kupos-time-chevron {
-  transform: rotate(180deg);
-}
 .hide-scrollbar {
   -ms-overflow-style: none;
   scrollbar-width: none;
@@ -1442,11 +1236,6 @@
   syntax: "*";
   inherits: false;
 }
-@property --tw-outline-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
 @property --tw-blur {
   syntax: "*";
   inherits: false;
@@ -1538,7 +1327,6 @@
       --tw-numeric-figure: initial;
       --tw-numeric-spacing: initial;
       --tw-numeric-fraction: initial;
-      --tw-outline-style: solid;
       --tw-blur: initial;
       --tw-brightness: initial;
       --tw-contrast: initial;

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

@@ -14,6 +14,7 @@ interface ExpandedDropdownProps {
     ladiesBookedSeats?: string;
     isDpEnabled?: boolean;
     renderIcon?: any;
+    operatorLabel?: string;
 }
-declare function ExpandedDropdown({ serviceItem, isPeru, translation, getAnimationIcon, isChangeTicket, isSoldOut, ladiesBookedSeats, isDpEnabled, renderIcon, }: ExpandedDropdownProps): React.ReactElement;
+declare function ExpandedDropdown({ serviceItem, isPeru, translation, getAnimationIcon, isChangeTicket, isSoldOut, ladiesBookedSeats, isDpEnabled, renderIcon, operatorLabel, }: ExpandedDropdownProps): React.ReactElement;
 export default ExpandedDropdown;

package/dist/ui/ExpendedDropDown/ExpandedDropdown.js

@@ -1,5 +1,5 @@
 import React from "react";
-function ExpandedDropdown({ serviceItem, isPeru = false, translation = {}, getAnimationIcon, isChangeTicket = false, isSoldOut, ladiesBookedSeats, isDpEnabled, renderIcon, }) {
+function ExpandedDropdown({ serviceItem, isPeru = false, translation = {}, getAnimationIcon, isChangeTicket = false, isSoldOut, ladiesBookedSeats, isDpEnabled, renderIcon, operatorLabel, }) {
     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: {
@@ -11,14 +11,16 @@ function ExpandedDropdown({ serviceItem, isPeru = false, translation = {}, getAn
                 React.createElement("span", null, renderIcon("changeTicketIcon", "16px")),
                 React.createElement("span", null,
                     React.createElement("span", { className: "bold-text" }, "Pasaje flexible:"),
-                    " Tu pasaje puede ser cambiado de manera online",
+                    " Tu pasaje puede ser cambiado sin costo",
                     " ",
                     React.createElement("span", { className: "bold-text" },
                         "hasta ",
                         (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.change_ticket_hours) || 6,
                         " horas antes"),
                     " ",
-                    "de la salida del bus. El monto ser\u00E1 reembolsado a tu billetera kupospay."))) : (React.createElement("div", { className: "flex gap-[8px] text-[13.33px]" },
+                    "de la salida del bus. El monto ser\u00E1 reembolsado a tu billetera",
+                    " ", operatorLabel !== null && operatorLabel !== void 0 ? operatorLabel : "kupospay",
+                    "."))) : (React.createElement("div", { className: "flex gap-[8px] text-[13.33px]" },
                 React.createElement("span", null, renderIcon("changeTicketIcon", "16px")),
                 React.createElement("span", null,
                     React.createElement("span", null,

package/dist/ui/OfferBanner.d.ts

@@ -10,8 +10,6 @@ interface OfferBannerProps {
     viewersConfig: ServiceItemProps["viewersConfig"];
     getAnimationIcon: (name: string) => any;
     showLoginOption?: boolean;
-    isNewUiEnabled?: boolean;
-    colors: any;
 }
 declare const OfferBanner: React.FC<OfferBannerProps>;
 export default OfferBanner;

package/dist/ui/OfferBanner.js

@@ -1,10 +1,10 @@
 import React from "react";
 import LottiePlayer from "../assets/LottiePlayer";
 import CommonService from "../utils/CommonService";
-const OfferBanner = ({ offerGradient, isSoldOut, serviceItem, renderIcon, isLoggedIn, showLoginModal, viewersConfig, getAnimationIcon, showLoginOption, isNewUiEnabled, colors, }) => {
-    var _a, _b, _c, _d;
-    return (React.createElement("div", { className: "text-white p-[10px_15px] text-left w-full flex items-center absolute -bottom-[44px] pt-[50px]  rounded-b-[14px] text-[14px] mt-[10px]", style: {
-            background: (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.offer_text) && !isNewUiEnabled ? colors === null || colors === void 0 ? void 0 : colors.bottomStripColor : offerGradient,
+const OfferBanner = ({ offerGradient, isSoldOut, serviceItem, renderIcon, isLoggedIn, showLoginModal, viewersConfig, getAnimationIcon, showLoginOption, }) => {
+    var _a, _b, _c, _d, _e, _f;
+    return (React.createElement("div", { className: "text-white p-[10px_15px] text-left w-full flex items-center absolute -bottom-[36px] pt-[50px]  rounded-b-[14px] text-[14px]", style: {
+            background: offerGradient,
             opacity: isSoldOut ? 0.5 : 1,
             // zIndex: 0,
         } },
@@ -13,7 +13,7 @@ const OfferBanner = ({ offerGradient, isSoldOut, serviceItem, renderIcon, isLogg
                 Object.keys((_a = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.dp_discount_percents) !== null && _a !== void 0 ? _a : {}).length === 0 &&
                 ((_b = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.dp_discounted_seats) !== null && _b !== void 0 ? _b : []).length === 0 ? (React.createElement("div", { className: "flex items-center gap-[5px]" },
                 React.createElement(LottiePlayer, { animationData: getAnimationIcon("starAnimation"), width: "18px", height: "18px" }),
-                React.createElement("span", null, "Servicio popular entre los usuarios"))) : ((isNewUiEnabled && (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.offer_text)) ? (React.createElement("div", { className: "flex items-center" },
+                React.createElement("span", null, "Servicio popular entre los usuarios"))) : (React.createElement("div", { className: "flex items-center" },
                 React.createElement(LottiePlayer, { animationData: getAnimationIcon("bombAnimation"), width: "18px", height: "18px" }),
                 React.createElement("div", { className: "flex items-center mt-[2px]" },
                     React.createElement("span", { className: "bold-text", style: {
@@ -23,24 +23,19 @@ const OfferBanner = ({ offerGradient, isSoldOut, serviceItem, renderIcon, isLogg
                             ? ((serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.offer_text) || "").slice(0, 30) + "..."
                             : (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.offer_text) || "",
                         " ",
-                        isLoggedIn && showLoginOption ? null : (React.createElement("span", { onClick: showLoginModal, className: "cursor-pointer" }, "- registro")),
+                        isLoggedIn && showLoginOption ? null : Object.keys((_c = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.dp_discount_percents) !== null && _c !== void 0 ? _c : {}).length > 0 ||
+                            ((_d = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.dp_discounted_seats) !== null && _d !== void 0 ? _d : []).length >
+                                0 ? null : (React.createElement("span", { onClick: showLoginModal, className: "cursor-pointer" }, "- registro")),
                         " ",
                         "\u00A0"),
                     " ",
-                    (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.offer_text) ? "|" : "",
+                    (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.offer_text) ? "| " : "",
                     "Termina en\u00A0",
                     React.createElement("span", { className: "bold-text text-end", ref: (node) => CommonService.startCountdown(node, 599), style: {
                             fontVariantNumeric: "tabular-nums",
                             display: "inline-block",
-                        } }))))
-                : ((serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.offer_text) && !isNewUiEnabled) && (React.createElement("div", { className: "flex items-center" },
-                    React.createElement(LottiePlayer, { animationData: getAnimationIcon("promoAnim"), width: "18px", height: "18px" }),
-                    React.createElement("div", { className: "flex items-center mt-[2px]" },
-                        React.createElement("span", { className: "bold-text", style: {
-                                marginLeft: (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.offer_text) ? "6px" : "3px",
-                            } }, ((serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.offer_text) || "")),
-                        " "))))),
-            (isNewUiEnabled || (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_dp_enabled)) && (React.createElement("div", { className: "flex items-center" },
+                        } }))))),
+            React.createElement("div", { className: "flex items-center" },
                 React.createElement(LottiePlayer, { animationData: getAnimationIcon("dotAnimation"), width: "12px", height: "12px" }),
                 React.createElement("span", { className: "ml-[6px]" },
                     React.createElement("span", { className: "bold-text", ref: (node) => CommonService.startViewerCount(node, viewersConfig), style: { fontVariantNumeric: "tabular-nums" } }),
@@ -52,13 +47,13 @@ const OfferBanner = ({ offerGradient, isSoldOut, serviceItem, renderIcon, isLogg
                         " ",
                         React.createElement("span", { className: "" },
                             (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_dp_enabled) &&
-                                Object.keys((_c = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.dp_discount_percents) !== null && _c !== void 0 ? _c : {}).length ===
+                                Object.keys((_e = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.dp_discount_percents) !== null && _e !== void 0 ? _e : {}).length ===
                                     0 &&
-                                ((_d = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.dp_discounted_seats) !== null && _d !== void 0 ? _d : []).length === 0
+                                ((_f = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.dp_discounted_seats) !== null && _f !== void 0 ? _f : []).length === 0
                                 ? null
                                 : "Quedan pocos • ",
                             React.createElement("span", { className: "bold-text", ref: (node) => CommonService.startComprandoCount(node, 4, 16), style: { fontVariantNumeric: "tabular-nums" } }),
                             " ",
-                            "comprando"))))))));
+                            "comprando")))))));
 };
 export default OfferBanner;

package/dist/ui/SeatSection/SeatSection.js

@@ -147,7 +147,7 @@ function SeatSection({ seatTypes, availableSeats, isSoldOut, priceColor, currenc
             React.createElement("div", { className: "col-start-1 row-start-3 flex h-[20px] items-end" },
                 React.createElement("span", { className: "text-[13.33px] font-normal leading-[20px] text-[#464647]" }, "Desde")),
             React.createElement("div", { className: "col-start-2 row-start-1 flex items-center justify-center absolute", style: { top: "-22px", left: "50%", transform: "translateX(-50%)" } }, !isNaN(Number(dpDiscountPercent)) &&
-                Number(dpDiscountPercent) > 0 && (React.createElement("span", { className: `rounded-[100px] ${discountSeatPriceColor} bg-[#ff5964] px-[6px] text-[12px] bold-text leading-[20px] text-white`, style: {
+                Number(dpDiscountPercent) > 0 && (React.createElement("span", { className: "rounded-[100px] bg-[#ff5964] px-[6px] text-[12px] bold-text leading-[20px] text-white", style: {
                     animation: "pulse-zoom 2s ease-in-out infinite",
                     whiteSpace: "nowrap",
                 } },
@@ -168,7 +168,7 @@ function SeatSection({ seatTypes, availableSeats, isSoldOut, priceColor, currenc
                         } }))),
             React.createElement("div", { className: "col-start-2 row-start-3 flex h-[30px] items-end justify-center relative" },
                 React.createElement("span", { className: "flex items-center gap-[6px] text-[22px] bold-text leading-[30px]", style: { color: isSoldOut ? "#c0c0c0" : "#ff5964" } },
-                    React.createElement("div", { className: "absolute", style: { left: isPeru ? "-1px" : "-19px", bottom: "1px" } }, renderIcon("fireIcon", "16px")),
+                    React.createElement("div", { className: "absolute", style: { left: isPeru ? "-19px" : "-19px", bottom: "1px" } }, renderIcon("fireIcon", "16px")),
                     availableSeats <= 0
                         ? CommonService.currency(0, currencySign)
                         : CommonService.discountedCurrency(Number(seatTypeFare), currencySign)))));
@@ -239,7 +239,7 @@ function SeatSection({ seatTypes, availableSeats, isSoldOut, priceColor, currenc
             React.createElement("div", { className: "col-start-2 row-start-3 flex h-[30px] items-end justify-center relative" },
                 React.createElement("span", { className: "flex items-center gap-[6px] text-[22px] bold-text leading-[30px]", style: { color: isSoldOut ? "#c0c0c0" : discountSeatPriceColor } },
                     React.createElement("div", { className: "absolute", style: {
-                            left: isPeru ? "-1px" : "-18px",
+                            left: isPeru ? "-18px" : "-18px",
                             bottom: "1px",
                         } }, renderIcon("fireIcon", "16px")),
                     availableSeats <= 0

package/dist/ui/mobileweb/ExpandedDropdownMobile.js

@@ -10,7 +10,7 @@ function ExpandedDropdownMobile({ serviceItem, isPeru, petSeatInfo, petFriendlyA
                 React.createElement("span", { className: "mt-[3px]" }, renderIcon("changeTicketIcon", "14px")),
                 React.createElement("span", null,
                     React.createElement("span", { className: "bold-text" }, "Pasaje flexible:"),
-                    " Tu pasaje puede ser cambiado de manera online",
+                    " Tu pasaje puede ser cambiado sin costo",
                     " ",
                     React.createElement("span", { className: "bold-text" },
                         "hasta ",