kupos-ui-components-lib 10.1.8 → 10.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -76,7 +76,7 @@ const renderSummaryDetailsCard = ({ serviceName, date, source, dest, boardingSta
76
76
  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, }) => {
77
77
  var _a, _b, _c, _d, _e;
78
78
  return (React.createElement("div", { className: "pb-[15px]" },
79
- React.createElement("div", { className: "border border-[#ccc] m-[20px] rounded-[20px] relative" },
79
+ React.createElement("div", { className: "border border-[#ccc] rounded-[20px] relative", style: { margin: "10px 20px 20px" } },
80
80
  React.createElement("div", { style: {
81
81
  position: "absolute",
82
82
  zIndex: 200,
package/dist/styles.css CHANGED
@@ -186,9 +186,6 @@
186
186
  .container {
187
187
  width: 100%;
188
188
  }
189
- .m-\[20px\] {
190
- margin: 20px;
191
- }
192
189
  .m-\[auto\] {
193
190
  margin: auto;
194
191
  }
@@ -25,7 +25,8 @@ const NewUiOfferBanner = ({ offerText, isLoggedIn, showLoginModal, showLoginOpti
25
25
  truncateOfferText(offerText),
26
26
  " ",
27
27
  !hideRegister &&
28
- (isLoggedIn && showLoginOption ? null : (React.createElement("span", { onClick: showLoginModal, className: "cursor-pointer" }, "- registro"))),
28
+ (isLoggedIn && showLoginOption ? null : ((showLoginOption &&
29
+ React.createElement("span", { onClick: showLoginModal, className: "cursor-pointer" }, "- registro")))),
29
30
  " ",
30
31
  "\u00A0"),
31
32
  " ",
@@ -75,7 +76,7 @@ const OfferBanner = ({ offerGradient, isSoldOut, serviceItem, isLoggedIn, showLo
75
76
  return (React.createElement("div", { className: `text-white w-full absolute ${coachKey ? "-bottom-[29px]" : "-bottom-[40px]"} rounded-b-[14px] text-[14px] h-[58px] flex items-end pb-[7px]`, style: {
76
77
  background,
77
78
  opacity: isSoldOut ? 0.5 : 1,
78
- zIndex: isLinatal ? "-1" : "-1",
79
+ zIndex: isLinatal ? "-1" : "0",
79
80
  } },
80
81
  React.createElement("div", { className: "flex items-center w-full gap-[20px] px-[15px] justify-between" },
81
82
  React.createElement("div", { className: "flex items-center justify-start" }, renderLeftContent()),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kupos-ui-components-lib",
3
- "version": "10.1.8",
3
+ "version": "10.1.10",
4
4
  "description": "A reusable UI components package",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -246,7 +246,10 @@ const PaymentSideBarMobile: React.FC<PaymentSideBarProps> = ({
246
246
  }) => {
247
247
  return (
248
248
  <div className="pb-[15px]">
249
- <div className="border border-[#ccc] m-[20px] rounded-[20px] relative">
249
+ <div
250
+ className="border border-[#ccc] rounded-[20px] relative"
251
+ style={{ margin: "10px 20px 20px" }}
252
+ >
250
253
  <div
251
254
  style={{
252
255
  position: "absolute",
@@ -98,7 +98,7 @@ const NewUiOfferBanner: React.FC<NewUiOfferBannerProps> = ({
98
98
  showLoginModal,
99
99
  showLoginOption,
100
100
  getAnimationIcon,
101
- hideRegister,
101
+ hideRegister,
102
102
  }) => (
103
103
  <div className="flex items-center">
104
104
  <AnimationIcon getAnimationIcon={getAnimationIcon} name="bombAnimation" />
@@ -110,9 +110,10 @@ const NewUiOfferBanner: React.FC<NewUiOfferBannerProps> = ({
110
110
  {truncateOfferText(offerText)}{" "}
111
111
  {!hideRegister &&
112
112
  (isLoggedIn && showLoginOption ? null : (
113
+ (showLoginOption &&
113
114
  <span onClick={showLoginModal} className="cursor-pointer">
114
115
  - registro
115
- </span>
116
+ </span>)
116
117
  ))}{" "}
117
118
  &nbsp;
118
119
  </span>{" "}
@@ -257,7 +258,7 @@ const OfferBanner: React.FC<OfferBannerProps> = ({
257
258
  style={{
258
259
  background,
259
260
  opacity: isSoldOut ? 0.5 : 1,
260
- zIndex: isLinatal ? "-1" : "-1",
261
+ zIndex: isLinatal ? "-1" : "0",
261
262
  }}
262
263
  >
263
264
  <div className="flex items-center w-full gap-[20px] px-[15px] justify-between">