kupos-ui-components-lib 10.2.8 → 10.2.10

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/Survey/SurveyDesktop.js

@@ -26,6 +26,6 @@ const SurveyDesktop = ({ isOpen, isSubmitted, selectedScore, onScoreChange, feed
             React.createElement(FeedbackTextarea, { config: config, feedback: feedback, onFeedbackChange: onFeedbackChange, colors: colors }),
             React.createElement("div", { className: "flex justify-center mt-[20px]" },
                 React.createElement("div", { className: "w-[180px]" },
-                    React.createElement(KuposButton, { isSoldOut: selectedScore == null, isLoading: isLoading || false, buttonColor: "#FF8E43", buyLabel: "Enviar", soldOutLabel: "Enviar", onClick: handleSubmit }))))));
+                    React.createElement(KuposButton, { isSoldOut: selectedScore == null, isLoading: isLoading || false, buttonColor: "#FF8E43", buyLabel: "Enviar", soldOutLabel: "Enviar", onClick: handleSubmit, buttonTextColor: colors.buttonColor || "#fff" }))))));
 };
 export default SurveyDesktop;

package/dist/components/Survey/SurveyMobile.js

@@ -26,6 +26,6 @@ const SurveyMobile = ({ isOpen, isSubmitted, selectedScore, onScoreChange, feedb
             React.createElement(FeedbackTextarea, { config: config, feedback: feedback, onFeedbackChange: onFeedbackChange }),
             React.createElement("div", { className: "flex justify-center mt-[50px] mb-[50px]" },
                 React.createElement("div", { className: "w-[100px]" },
-                    React.createElement(KuposButton, { isSoldOut: selectedScore == null, isLoading: isLoading || false, buttonColor: "#FF8E43", buyLabel: "Enviar", soldOutLabel: "Enviar", onClick: handleSubmit }))))));
+                    React.createElement(KuposButton, { isSoldOut: selectedScore == null, isLoading: isLoading || false, buttonColor: "#FF8E43", buyLabel: "Enviar", soldOutLabel: "Enviar", onClick: handleSubmit, buttonTextColor: (colors === null || colors === void 0 ? void 0 : colors.buttonColor) || "#fff" }))))));
 };
 export default SurveyMobile;

package/dist/components/Survey/types.d.ts

@@ -14,6 +14,7 @@ export interface SurveyProps {
         secondaryColor?: string;
         tertiaryColor?: string;
         primaryColor?: string;
+        buttonColor?: string;
     };
     icons?: {
         surveyIcon?: string;

package/dist/ui/KuposButton/KuposButton.d.ts

@@ -7,6 +7,7 @@ interface KuposButtonProps {
     soldOutLabel?: string;
     soldOutIcon?: React.ReactNode;
     onClick: () => void;
+    buttonTextColor?: any;
 }
-declare function KuposButton({ isSoldOut, isLoading, buttonColor, buyLabel, soldOutLabel, soldOutIcon, onClick, }: KuposButtonProps): React.ReactElement;
+declare function KuposButton({ isSoldOut, isLoading, buttonColor, buyLabel, soldOutLabel, soldOutIcon, onClick, buttonTextColor, }: KuposButtonProps): React.ReactElement;
 export default KuposButton;

package/dist/ui/KuposButton/KuposButton.js

@@ -1,12 +1,12 @@
 import React from "react";
-function KuposButton({ isSoldOut, isLoading, buttonColor, buyLabel, soldOutLabel, soldOutIcon, onClick, }) {
+function KuposButton({ isSoldOut, isLoading, buttonColor, buyLabel, soldOutLabel, soldOutIcon, onClick, buttonTextColor, }) {
     const isDisabled = isLoading || isSoldOut;
     return (React.createElement("button", { onClick: () => (!isSoldOut ? onClick() : null), disabled: isLoading, className: "w-full  text-[12px] font-bold text-white rounded-[14px] border-none px-[20px] flex items-center justify-center", style: {
             backgroundColor: isDisabled ? "lightgray" : buttonColor,
             cursor: isDisabled ? "not-allowed" : "pointer",
             padding: isLoading ? "7px 0" : isSoldOut ? "12px 0" : "12px 0",
         } },
-        React.createElement("span", { className: "min-w-[75px] flex justify-center items-center bold-text uppercase gap-[5px]" },
+        React.createElement("span", { className: "min-w-[75px] flex justify-center items-center bold-text uppercase gap-[5px]", style: { color: buttonTextColor } },
             isSoldOut ? soldOutIcon : null,
             isLoading ? (React.createElement("span", { className: "loader-circle" })) : !isSoldOut ? (React.createElement("span", { className: "normal-case" }, buyLabel.charAt(0).toUpperCase() + buyLabel.slice(1).toLowerCase())) : (React.createElement("span", { className: "normal-case" }, soldOutLabel.charAt(0).toUpperCase() +
                 soldOutLabel.slice(1).toLowerCase())))));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kupos-ui-components-lib",
-  "version": "10.2.8",
+  "version": "10.2.10",
   "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/Survey/SurveyDesktop.tsx

@@ -109,6 +109,7 @@ const SurveyDesktop = ({
               buyLabel="Enviar"
               soldOutLabel="Enviar"
               onClick={handleSubmit}
+              buttonTextColor={colors.buttonColor || "#fff"}
             />
           </div>
         </div>

package/src/components/Survey/SurveyMobile.tsx

@@ -113,6 +113,7 @@ const SurveyMobile = ({
               buyLabel="Enviar"
               soldOutLabel="Enviar"
               onClick={handleSubmit}
+              buttonTextColor={colors?.buttonColor || "#fff"}
             />
           </div>
         </div>

package/src/components/Survey/types.ts

@@ -14,6 +14,7 @@ export interface SurveyProps {
     secondaryColor?: string;
     tertiaryColor?: string;
     primaryColor?: string;
+    buttonColor?: string;
   };
   icons?: {
     surveyIcon?: string;

package/src/ui/KuposButton/KuposButton.tsx

@@ -8,6 +8,7 @@ interface KuposButtonProps {
   soldOutLabel?: string;
   soldOutIcon?: React.ReactNode;
   onClick: () => void;
+  buttonTextColor?: any;
 }
 
 function KuposButton({
@@ -18,6 +19,7 @@ function KuposButton({
   soldOutLabel,
   soldOutIcon,
   onClick,
+  buttonTextColor,
 }: KuposButtonProps): React.ReactElement {
   const isDisabled = isLoading || isSoldOut;
 
@@ -32,7 +34,10 @@ function KuposButton({
         padding: isLoading ? "7px 0" : isSoldOut ? "12px 0" : "12px 0",
       }}
     >
-      <span className="min-w-[75px] flex justify-center items-center bold-text uppercase gap-[5px]">
+      <span
+        className="min-w-[75px] flex justify-center items-center bold-text uppercase gap-[5px]"
+        style={{ color: buttonTextColor }}
+      >
         {isSoldOut ? soldOutIcon : null}
         {isLoading ? (
           <span className="loader-circle"></span>