kupos-ui-components-lib 10.0.1 → 10.0.3

package/dist/components/PaymentSideBar/PaymentSideBarMobile.js

@@ -226,7 +226,7 @@ const PaymentSideBarMobile = ({ serviceNameOnward, serviceNameReturn, metaData,
                     walletMoney ? (React.createElement(PaymentItem, { label: walletLabel, amount: CommonService.currency(walletMoney, currencySign), className: "text-[14px]", customStyle: { color: "var(--secondary-color)" }, currency: "" })) : null,
                     virtualMoney ? (React.createElement(PaymentItem, { label: React.createElement("span", { className: "secondary-text", style: { color: "var(--secondary-color)" } }, `${creditosLabel}(${virtualLimit}%)`), amount: CommonService.currency(virtualMoney, currencySign), customStyle: { color: "var(--secondary-color)" }, className: "text-[14px]", currency: "" })) : null,
                     showUsd ? (React.createElement(PaymentItem, { label: React.createElement("span", { className: "primary-text" }, translation === null || translation === void 0 ? void 0 : translation.showUsd), amount: CommonService.currency(isAgency ? netFareInUsd + agencyFee : netFareInUsd, currencySign), currency: "USD", customStyle: { color: "var(--primary-color)" }, className: "text-[14px]" })) : null)),
-            React.createElement("div", { className: `  text-[#fff] p-[10px_15px] text-left w-full flex items-center absolute -bottom-[7%] pt-[50px] z-1 rounded-b-[14px] text-[14px]`, style: { backgroundColor: colors === null || colors === void 0 ? void 0 : colors.bottomStripColor } },
+            React.createElement("div", { className: `  text-[#fff] p-[10px_15px] text-left w-full flex items-center absolute -bottom-[9%] pt-[50px] z-1 rounded-b-[14px] text-[14px]`, style: { backgroundColor: colors === null || colors === void 0 ? void 0 : colors.bottomStripColor } },
                 React.createElement("div", { className: "flex justify-between items-center w-full text-[#fff]" },
                     React.createElement("div", { className: "bold-text" }, "Total"),
                     React.createElement("div", { className: "bold-text text-[14px] text-[#fff]", style: {

package/dist/styles.css

@@ -81,9 +81,6 @@
 .right-\[25px\] {
   right: 25px;
 }
-.-bottom-\[7\%\] {
-  bottom: calc(7% * -1);
-}
 .-bottom-\[9\%\] {
   bottom: calc(9% * -1);
 }

package/dist/ui/FeaturServiceUiMobile/FeatureServiceUiMobile.js

@@ -23,7 +23,7 @@ const HARDCODED_OPERATORS = [
     },
 ];
 const FeatureServiceUiMobile = ({ serviceItem, showTopLabel, colors, isSoldOut, cityOrigin, cityDestination, renderIcon, viewersConfig, isFeatureDropDownExpand, onToggleExpand, ticketQuantity = 1, onIncreaseTicketQuantity, onDecreaseTicketQuantity, onBookButtonPress, selectedTimeSlot, onTimeSlotChange, isTimeDropdownOpen, onTimeDropdownToggle, wowDealData = undefined, }) => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
     // Use wow_deal data if available, otherwise fall back to serviceItem operators or hardcoded
     const operators = ((_a = wowDealData === null || wowDealData === void 0 ? void 0 : wowDealData.services) === null || _a === void 0 ? void 0 : _a.length) > 0
         ? wowDealData.services.slice(0, 3).map((service) => ({
@@ -87,7 +87,8 @@ const FeatureServiceUiMobile = ({ serviceItem, showTopLabel, colors, isSoldOut,
         ? selectedSlotService.original_price
         : originalPrice;
     const displaySavingsPercent = selectedSlotService && selectedSlotService.original_price
-        ? Math.round(((selectedSlotService.original_price - selectedSlotService.final_price) /
+        ? Math.round(((selectedSlotService.original_price -
+            selectedSlotService.final_price) /
             selectedSlotService.original_price) *
             100)
         : savingsPercent;
@@ -97,6 +98,8 @@ const FeatureServiceUiMobile = ({ serviceItem, showTopLabel, colors, isSoldOut,
         isFeatureDropDownExpand === true;
     const isThisTimeDropdownOpen = isTimeDropdownOpen === serviceItem.id;
     const canDecreaseTicketQuantity = ticketQuantity > 1;
+    const availableSeats = (_c = selectedSlotService === null || selectedSlotService === void 0 ? void 0 : selectedSlotService.available_seats) !== null && _c !== void 0 ? _c : maxSeatsPerBooking;
+    const canIncreaseTicketQuantity = ticketQuantity < availableSeats;
     const HOW_IT_WORKS_STEPS = [
         {
             icon: "flexible",
@@ -171,10 +174,10 @@ const FeatureServiceUiMobile = ({ serviceItem, showTopLabel, colors, isSoldOut,
                     React.createElement("div", { className: " text-[white]" },
                         React.createElement("div", { className: "flex flex-col gap-[10px] relative" },
                             React.createElement("div", { className: "flex items-center gap-[6px]" },
-                                React.createElement("img", { src: (_c = serviceItem.icons) === null || _c === void 0 ? void 0 : _c.whiteOrigin, alt: "origin", className: `w-[13px] h-[13px] shrink-0 ${isSoldOut ? "grayscale" : ""}` }),
+                                React.createElement("img", { src: (_d = serviceItem.icons) === null || _d === void 0 ? void 0 : _d.whiteOrigin, alt: "origin", className: `w-[13px] h-[13px] shrink-0 ${isSoldOut ? "grayscale" : ""}` }),
                                 React.createElement("span", { className: "text-[14px] bold-text" }, cityOrigin === null || cityOrigin === void 0 ? void 0 : cityOrigin.label.split(",")[0]),
                                 React.createElement("span", { className: "mx-[6px] text-[14px] bold-text" }, "\u2192"),
-                                React.createElement("img", { src: (_d = serviceItem.icons) === null || _d === void 0 ? void 0 : _d.whiteDestination, alt: "destination", className: `w-[13px] h-[13px] shrink-0 ${isSoldOut ? "grayscale" : ""}`, style: { opacity: isSoldOut ? 0.5 : 1 } }),
+                                React.createElement("img", { src: (_e = serviceItem.icons) === null || _e === void 0 ? void 0 : _e.whiteDestination, alt: "destination", className: `w-[13px] h-[13px] shrink-0 ${isSoldOut ? "grayscale" : ""}`, style: { opacity: isSoldOut ? 0.5 : 1 } }),
                                 React.createElement("span", { className: "text-[14px] bold-text" }, cityDestination === null || cityDestination === void 0 ? void 0 : cityDestination.label.split(",")[0])),
                             React.createElement("div", { className: "flex items-center gap-[6px]" },
                                 React.createElement("div", { className: "kupos-time-dd relative", tabIndex: 0, onBlur: (e) => {
@@ -184,7 +187,7 @@ const FeatureServiceUiMobile = ({ serviceItem, showTopLabel, colors, isSoldOut,
                                     }, style: { outline: "none" } },
                                     React.createElement("button", { type: "button", onClick: () => onTimeDropdownToggle === null || onTimeDropdownToggle === void 0 ? void 0 : onTimeDropdownToggle(isThisTimeDropdownOpen ? null : serviceItem.id), className: "flex cursor-pointer select-none items-center gap-[6px] border-none bg-transparent p-0 bold-text text-[13px] text-[white]" },
                                         React.createElement("span", null, departureRange),
-                                        React.createElement("img", { src: (_e = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _e === void 0 ? void 0 : _e.downArrow, alt: "down arrow", className: `kupos-time-chevron transition-transform duration-200 ${isThisTimeDropdownOpen ? "rotate-180" : "rotate-0"}`, style: {
+                                        React.createElement("img", { src: (_f = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _f === void 0 ? void 0 : _f.downArrow, alt: "down arrow", className: `kupos-time-chevron transition-transform duration-200 ${isThisTimeDropdownOpen ? "rotate-180" : "rotate-0"}`, style: {
                                                 width: "12px",
                                                 height: "8px",
                                                 filter: "brightness(0) invert(1)",
@@ -295,7 +298,13 @@ const FeatureServiceUiMobile = ({ serviceItem, showTopLabel, colors, isSoldOut,
                                         ? "cursor-pointer bg-[#2d374d]"
                                         : "cursor-not-allowed bg-[#222b3d] opacity-50"}` }, "-"),
                                 React.createElement("span", { className: "bold-text text-[14px] text-[white]" }, ticketQuantity),
-                                React.createElement("button", { type: "button", "aria-label": "Aumentar pasajes", onClick: () => onIncreaseTicketQuantity === null || onIncreaseTicketQuantity === void 0 ? void 0 : onIncreaseTicketQuantity(serviceItem), className: "flex h-[26px] w-[26px] cursor-pointer items-center justify-center rounded-full border-none bg-[#2d374d] text-[16px] leading-none text-[white]" }, "+"))),
+                                React.createElement("button", { type: "button", "aria-label": "Aumentar pasajes", onClick: () => onIncreaseTicketQuantity === null || onIncreaseTicketQuantity === void 0 ? void 0 : onIncreaseTicketQuantity(serviceItem), disabled: !canIncreaseTicketQuantity, className: `flex h-[26px] w-[26px] cursor-pointer items-center justify-center rounded-full border-none text-[16px] leading-none text-[white] ${canIncreaseTicketQuantity
+                                        ? "cursor-pointer bg-[#2d374d]"
+                                        : "cursor-not-allowed bg-[#222b3d] opacity-50"}` }, "+")),
+                            !canIncreaseTicketQuantity && (React.createElement("span", { className: "text-[10px] text-[#FF5C60]" },
+                                "m\u00E1x. ",
+                                availableSeats,
+                                " pasajes"))),
                         React.createElement("div", { className: "mt-[10px] flex justify-between items-center rounded-[14px]", style: {
                                 // height: "80px",
                                 border: "1px solid #363c48",
@@ -304,7 +313,7 @@ const FeatureServiceUiMobile = ({ serviceItem, showTopLabel, colors, isSoldOut,
                             } },
                             React.createElement("div", { className: "flex flex-col" },
                                 React.createElement("span", { className: "text-[18px] font-normal leading-[20px] text-[#9f9f9f] relative", style: { position: "relative" } },
-                                    `$${(displayOriginalPrice * ticketQuantity).toLocaleString()}`,
+                                    commonService.currencyRounded(displayOriginalPrice * ticketQuantity),
                                     React.createElement("span", { style: {
                                             position: "absolute",
                                             left: "-2px",
@@ -315,14 +324,31 @@ const FeatureServiceUiMobile = ({ serviceItem, showTopLabel, colors, isSoldOut,
                                             transform: "rotate(-10deg)",
                                             transformOrigin: "center",
                                         } })),
-                                React.createElement("span", { className: "text-[white] bold-text text-[24px] leading-none mt-[4px]" }, `$${(displayFinalPrice * ticketQuantity).toLocaleString()}`)),
+                                React.createElement("span", { className: "text-[white] bold-text text-[24px] leading-none mt-[4px]" }, commonService.currencyRounded(displayFinalPrice * ticketQuantity))),
                             React.createElement("span", { className: "text-[#FF8F45] bold-text text-[22px] leading-tight", style: {
                                     animation: "pulse-zoom 2s ease-in-out infinite",
                                     whiteSpace: "nowrap",
                                 } },
                                 displaySavingsPercent,
                                 "% OFF")),
-                        React.createElement("button", { type: "button", onClick: onBookButtonPress, className: "flex items-center gap-[6px] px-[20px] py-[10px] rounded-[16px] text-[white] bold-text text-[13px] mt-[10px]  justify-center border-none cursor-pointer", style: {
+                        React.createElement("button", { type: "button", ref: (btn) => {
+                                if (!btn)
+                                    return;
+                                btn.onclick = () => {
+                                    if (btn.disabled)
+                                        return;
+                                    btn.disabled = true;
+                                    btn.style.cursor = "not-allowed";
+                                    btn.style.opacity = "0.85";
+                                    const normal = btn.querySelector('[data-btn-state="normal"]');
+                                    const loading = btn.querySelector('[data-btn-state="loading"]');
+                                    if (normal)
+                                        normal.style.display = "none";
+                                    if (loading)
+                                        loading.style.display = "flex";
+                                    onBookButtonPress === null || onBookButtonPress === void 0 ? void 0 : onBookButtonPress(ticketQuantity, serviceItem, servicesInActiveSlot);
+                                };
+                            }, className: "flex items-center gap-[6px] px-[20px] py-[10px] rounded-[16px] text-[white] bold-text text-[13px] mt-[10px]  justify-center border-none cursor-pointer", style: {
                                 backgroundColor: "#FF5C60",
                                 whiteSpace: "nowrap",
                                 width: "100%",
@@ -330,7 +356,7 @@ const FeatureServiceUiMobile = ({ serviceItem, showTopLabel, colors, isSoldOut,
                             React.createElement(LottiePlayer, { animationData: serviceItem.icons.thunderAnim, width: "16px", height: "16px" }),
                             React.createElement("span", { className: "whitespace-nowrap" }, "\u00A1Lo quiero!")),
                         React.createElement("div", { className: "flex justify-end mt-[10px]", onClick: onToggleExpand },
-                            React.createElement("img", { src: (_f = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _f === void 0 ? void 0 : _f.downArrow, alt: "down arrow", className: `transition-transform duration-300 ease-in-out ${isItemExpanded ? "rotate-180" : ""}`, style: {
+                            React.createElement("img", { src: (_g = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _g === void 0 ? void 0 : _g.downArrow, alt: "down arrow", className: `transition-transform duration-300 ease-in-out ${isItemExpanded ? "rotate-180" : ""}`, style: {
                                     width: "14px",
                                     height: "8px",
                                     filter: "brightness(0) invert(1)",

package/dist/ui/FeatureServiceUI/FeatureServiceUi.js

@@ -333,7 +333,7 @@ const FeatureServiceUi = ({ serviceItem, showTopLabel, getAnimationIcon, cityOri
                                 displaySavingsPercent,
                                 "% OFF"),
                             React.createElement("span", { className: "text-[13.33px] font-normal leading-[20px] text-[#9f9f9f] relative", style: { position: "relative" } },
-                                `$${(displayOriginalPrice * ticketQuantity).toLocaleString()}`,
+                                commonService.currencyRounded(displayOriginalPrice * ticketQuantity),
                                 React.createElement("span", { style: {
                                         position: "absolute",
                                         left: "-2px",
@@ -344,7 +344,7 @@ const FeatureServiceUi = ({ serviceItem, showTopLabel, getAnimationIcon, cityOri
                                         transform: "rotate(-10deg)",
                                         transformOrigin: "center",
                                     } })),
-                            React.createElement("span", { className: "text-white bold-text text-[28px] leading-none" }, `$${(displayFinalPrice * ticketQuantity).toLocaleString()}`)),
+                            React.createElement("span", { className: "text-white bold-text text-[28px] leading-none" }, commonService.currencyRounded(displayFinalPrice * ticketQuantity))),
                         React.createElement("div", { className: "mt-[4px] flex flex-col items-center gap-[8px]" },
                             React.createElement("span", { className: "text-[12px] text-white" }, "\u00BFCu\u00E1ntos pasajes quieres?"),
                             React.createElement("div", { className: "flex w-full items-center justify-between rounded-[16px] ", style: {
@@ -378,7 +378,7 @@ const FeatureServiceUi = ({ serviceItem, showTopLabel, getAnimationIcon, cityOri
                                         normal.style.display = "none";
                                     if (loading)
                                         loading.style.display = "flex";
-                                    onBookButtonPress === null || onBookButtonPress === void 0 ? void 0 : onBookButtonPress(ticketQuantity, serviceItem);
+                                    onBookButtonPress === null || onBookButtonPress === void 0 ? void 0 : onBookButtonPress(ticketQuantity, serviceItem, servicesInActiveSlot);
                                 };
                             }, className: "flex items-center gap-[6px] px-[20px] py-[10px] rounded-[16px] text-white bold-text text-[13px] mt-[4px] justify-center border-none cursor-pointer text-center", style: {
                                 backgroundColor: "#FF5C60",

package/dist/utils/CommonService.d.ts

@@ -1,5 +1,6 @@
 declare const commonService: {
     currency(amount: number, currencySign?: string): string;
+    currencyRounded(amount: number, currencySign?: string): string;
     discountedCurrency(amount: number, currencySign?: string): string;
     copyObject: (ob: any) => any;
     getServiceTypeLabelForFilters: (service_type: any) => "Tipo de servicio" | "Punto de embarque" | "Tipo de asiento" | "SERVICIOS" | "";

package/dist/utils/CommonService.js

@@ -6,6 +6,13 @@ const commonService = {
         const sign = currencySign || "$";
         return sign + formattedAmount;
     },
+    currencyRounded(amount, currencySign) {
+        const formattedAmount = Math.round(amount)
+            .toString()
+            .replace(/\B(?=(\d{3})+(?!\d))/g, ".");
+        const sign = currencySign || "$";
+        return sign + formattedAmount;
+    },
     discountedCurrency(amount, currencySign) {
         const formattedAmount = Math.trunc(amount)
             .toString()

package/package.json

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

package/src/components/PaymentSideBar/PaymentSideBarMobile.tsx

@@ -644,7 +644,7 @@ const PaymentSideBarMobile: React.FC<PaymentSideBarProps> = ({
           </div>
         </div>
         <div
-          className={`  text-[#fff] p-[10px_15px] text-left w-full flex items-center absolute -bottom-[7%] pt-[50px] z-1 rounded-b-[14px] text-[14px]`}
+          className={`  text-[#fff] p-[10px_15px] text-left w-full flex items-center absolute -bottom-[9%] pt-[50px] z-1 rounded-b-[14px] text-[14px]`}
           style={{ backgroundColor: colors?.bottomStripColor }}
         >
           <div className="flex justify-between items-center w-full text-[#fff]">

package/src/ui/FeaturServiceUiMobile/FeatureServiceUiMobile.tsx

@@ -121,13 +121,15 @@ const FeatureServiceUiMobile = ({
   const displayOriginalPrice = selectedSlotService
     ? selectedSlotService.original_price
     : originalPrice;
-  const displaySavingsPercent = selectedSlotService && selectedSlotService.original_price
-    ? Math.round(
-        ((selectedSlotService.original_price - selectedSlotService.final_price) /
-          selectedSlotService.original_price) *
-          100,
-      )
-    : savingsPercent;
+  const displaySavingsPercent =
+    selectedSlotService && selectedSlotService.original_price
+      ? Math.round(
+          ((selectedSlotService.original_price -
+            selectedSlotService.final_price) /
+            selectedSlotService.original_price) *
+            100,
+        )
+      : savingsPercent;
 
   // The label shown on the dropdown button
   const departureRange =
@@ -139,6 +141,9 @@ const FeatureServiceUiMobile = ({
   const isThisTimeDropdownOpen = isTimeDropdownOpen === serviceItem.id;
 
   const canDecreaseTicketQuantity = ticketQuantity > 1;
+  const availableSeats =
+    selectedSlotService?.available_seats ?? maxSeatsPerBooking;
+  const canIncreaseTicketQuantity = ticketQuantity < availableSeats;
 
   const HOW_IT_WORKS_STEPS = [
     {
@@ -495,11 +500,21 @@ const FeatureServiceUiMobile = ({
                     type="button"
                     aria-label="Aumentar pasajes"
                     onClick={() => onIncreaseTicketQuantity?.(serviceItem)}
-                    className="flex h-[26px] w-[26px] cursor-pointer items-center justify-center rounded-full border-none bg-[#2d374d] text-[16px] leading-none text-[white]"
+                    disabled={!canIncreaseTicketQuantity}
+                    className={`flex h-[26px] w-[26px] cursor-pointer items-center justify-center rounded-full border-none text-[16px] leading-none text-[white] ${
+                      canIncreaseTicketQuantity
+                        ? "cursor-pointer bg-[#2d374d]"
+                        : "cursor-not-allowed bg-[#222b3d] opacity-50"
+                    }`}
                   >
                     +
                   </button>
                 </div>
+                {!canIncreaseTicketQuantity && (
+                  <span className="text-[10px] text-[#FF5C60]">
+                    máx. {availableSeats} pasajes
+                  </span>
+                )}
               </div>
 
               <div
@@ -516,7 +531,9 @@ const FeatureServiceUiMobile = ({
                     className="text-[18px] font-normal leading-[20px] text-[#9f9f9f] relative"
                     style={{ position: "relative" }}
                   >
-                    {`$${(displayOriginalPrice * ticketQuantity).toLocaleString()}`}
+                    {commonService.currencyRounded(
+                      displayOriginalPrice * ticketQuantity,
+                    )}
                     <span
                       style={{
                         position: "absolute",
@@ -533,7 +550,9 @@ const FeatureServiceUiMobile = ({
                     />
                   </span>
                   <span className="text-[white] bold-text text-[24px] leading-none mt-[4px]">
-                    {`$${(displayFinalPrice * ticketQuantity).toLocaleString()}`}
+                    {commonService.currencyRounded(
+                      displayFinalPrice * ticketQuantity,
+                    )}
                   </span>
                 </div>
                 <span
@@ -549,7 +568,28 @@ const FeatureServiceUiMobile = ({
 
               <button
                 type="button"
-                onClick={onBookButtonPress}
+                ref={(btn) => {
+                  if (!btn) return;
+                  btn.onclick = () => {
+                    if (btn.disabled) return;
+                    btn.disabled = true;
+                    btn.style.cursor = "not-allowed";
+                    btn.style.opacity = "0.85";
+                    const normal = btn.querySelector(
+                      '[data-btn-state="normal"]',
+                    ) as HTMLElement | null;
+                    const loading = btn.querySelector(
+                      '[data-btn-state="loading"]',
+                    ) as HTMLElement | null;
+                    if (normal) normal.style.display = "none";
+                    if (loading) loading.style.display = "flex";
+                    onBookButtonPress?.(
+                      ticketQuantity,
+                      serviceItem,
+                      servicesInActiveSlot,
+                    );
+                  };
+                }}
                 className="flex items-center gap-[6px] px-[20px] py-[10px] rounded-[16px] text-[white] bold-text text-[13px] mt-[10px]  justify-center border-none cursor-pointer"
                 style={{
                   backgroundColor: "#FF5C60",

package/src/ui/FeatureServiceUI/FeatureServiceUi.tsx

@@ -557,7 +557,9 @@ const FeatureServiceUi = ({
                   className="text-[13.33px] font-normal leading-[20px] text-[#9f9f9f] relative"
                   style={{ position: "relative" }}
                 >
-                  {`$${(displayOriginalPrice * ticketQuantity).toLocaleString()}`}
+                  {commonService.currencyRounded(
+                    displayOriginalPrice * ticketQuantity,
+                  )}
                   <span
                     style={{
                       position: "absolute",
@@ -574,7 +576,9 @@ const FeatureServiceUi = ({
                   />
                 </span>
                 <span className="text-white bold-text text-[28px] leading-none">
-                  {`$${(displayFinalPrice * ticketQuantity).toLocaleString()}`}
+                  {commonService.currencyRounded(
+                    displayFinalPrice * ticketQuantity,
+                  )}
                 </span>
               </div>
 
@@ -644,7 +648,11 @@ const FeatureServiceUi = ({
                     ) as HTMLElement | null;
                     if (normal) normal.style.display = "none";
                     if (loading) loading.style.display = "flex";
-                    onBookButtonPress?.(ticketQuantity, serviceItem);
+                    onBookButtonPress?.(
+                      ticketQuantity,
+                      serviceItem,
+                      servicesInActiveSlot,
+                    );
                   };
                 }}
                 className="flex items-center gap-[6px] px-[20px] py-[10px] rounded-[16px] text-white bold-text text-[13px] mt-[4px] justify-center border-none cursor-pointer text-center"

package/src/utils/CommonService.ts

@@ -8,6 +8,15 @@ const commonService = {
     return sign + formattedAmount;
   },
 
+  currencyRounded(amount: number, currencySign?: string) {
+    const formattedAmount = Math.round(amount)
+      .toString()
+      .replace(/\B(?=(\d{3})+(?!\d))/g, ".");
+
+    const sign = currencySign || "$";
+    return sign + formattedAmount;
+  },
+
   discountedCurrency(amount: number, currencySign?: string) {
     const formattedAmount = Math.trunc(amount)
       .toString()