Merge branch 'dev' into 'main'

Dev

See merge request frontend/marketplace!75

package.json

@@ -36,6 +36,7 @@
     "react-router-dom": "^6.15.0",
     "react-slick": "^0.29.0",
     "slick-carousel": "^1.8.1",
+    "use-debounce": "^10.0.0",
     "web-vitals": "^2.1.0",
     "yup": "^1.1.1",
     "zustand": "^4.3.8"

src/components/CustomWrapperDrawer.tsx

@@ -169,6 +169,7 @@ export default function CustomWrapperDrawer({ serviceData, outsideFactor }: Prop
             serviceData.tariffs.map((tariff) => {
               const privilege = tariff.privileges[0];
 
+console.log('CD', tariff)
               return tariff.privileges.length > 1 ? (
                 <CustomTariffAccordion outsideFactor={outsideFactor} key={tariff.id} tariffCartData={tariff} />
               ) : (

src/pages/TariffConstructor/TariffItem.tsx

@@ -10,15 +10,17 @@ import { useDiscountStore } from "@root/stores/discounts"
 import { useUserStore } from "@root/stores/user"
 import { getDeclension } from "@root/utils/declension"
 import { useEffect, useState } from "react"
+import { useDebouncedCallback } from 'use-debounce';
 
-const sliderSettingsByType: Record<PrivilegeValueType, Partial<SliderProps>> = {
-	день: { max: 365 },
-	шаблон: { max: 5000 },
-	МБ: { max: 5000 },
+const sliderSettingsByType = {
+	день: { max: 365, min: 30 },
+	шаблон: { max: 5000, min: 100 },
+	МБ: { max: 5000, min: 100 },
 }
+type PrivilegeName = "день" | "шаблон" | "МБ"
 
 interface Props {
-  privilege: Privilege;
+	privilege: Privilege;
 }
 
 export default function TariffPrivilegeSlider({ privilege }: Props) {
@@ -47,20 +49,29 @@ export default function TariffPrivilegeSlider({ privilege }: Props) {
 		[currentCartTotal, discounts, purchasesAmount, privilege._id, privilege.serviceKey, throttledValue, isUserNko]
 	)
 
-	function handleSliderChange(measurement: string) {
-    return (value: number | number[]) => {
-      if (value < 30 && measurement === "день") {
-        setValue(0)
-        return
-      }
+	function handleSliderChange(measurement: PrivilegeName) {
+		return (value: number | number[]) => {
 
-		  if (Array.isArray(value)) throw new Error("Slider uses multiple values instead of one")
+			if (Number(value) < Number(sliderSettingsByType[measurement]?.min)) {
+				setValue(0)
+				return
+			}
 
-		  setValue(value)
-	  }
-  }
+			if (Array.isArray(value)) throw new Error("Slider uses multiple values instead of one")
+
+			setValue(value)
+		}
+	}
 
 	const quantityText = `${value} ${getDeclension(value, privilege.value)}`
+	
+
+	const setNotSmallNumber = useDebouncedCallback(() => {
+		if (value === 0) return
+		if (Number(value) < Number(sliderSettingsByType[privilege.value]?.min)) {
+			setValue(sliderSettingsByType[privilege.value]?.min)
+		}
+	}, 600)
 
 	const quantityElement = (
 		<Box
@@ -89,18 +100,21 @@ export default function TariffPrivilegeSlider({ privilege }: Props) {
 					id={"privilege_input_" + privilege._id}
 					value={value}
 					adornmentText={getDeclension(0, privilege.value)}
-					onChange={(value) => setValue(value)}
+					onChange={(value) => {
+						setValue(value)
+						setNotSmallNumber()
+					}}
 				/>
 			</Box>
 		</Box>
 	)
 
 	const icon =
-    privilege.type === "day" ? (
-    	<CalendarIcon color={theme.palette.orange.main} bgcolor="#FEDFD0" />
-    ) : (
-    	<PieChartIcon color={theme.palette.orange.main} bgcolor="#FEDFD0" />
-    )
+		privilege.type === "day" ? (
+			<CalendarIcon color={theme.palette.orange.main} bgcolor="#FEDFD0" />
+		) : (
+			<PieChartIcon color={theme.palette.orange.main} bgcolor="#FEDFD0" />
+		)
 
 	return (
 		<Box>

src/stores/cart.ts

@@ -51,10 +51,10 @@ export const addCartTariffs = (tariffs: Tariff[], discounts: Discount[], purchas
 	useCartStore.setState(
 		produce<CartStore>((state) => {
 			tariffs.forEach((tariff) => {
-				if (tariff.isCustom && tariff.privileges[0].serviceKey !== "custom") {
-					tariff.privileges[0].serviceKey = "custom"
-				}
-
+				// if (tariff.isCustom && tariff.privileges[0].serviceKey !== "custom") {
+				// 	tariff.privileges[0].serviceKey = "custom"
+				// }
+		//
 				state.cartTariffMap[tariff._id] = tariff
 			})
 			const cartTariffs = Object.values(state.cartTariffMap).filter(

src/stores/customTariffs.ts

@@ -153,6 +153,7 @@ export const setCustomTariffsUserValue = (
 			const loyaltyDiscount = findLoyaltyDiscount(purchasesAmount, discounts)
 			priceAfterDiscounts *= findDiscountFactor(loyaltyDiscount)
 		}
+    console.log('cTC', cart)
 
 		state.summaryPriceBeforeDiscountsMap[serviceKey] = priceWithoutDiscounts
 		state.summaryPriceAfterDiscountsMap[serviceKey] = priceAfterDiscounts

src/utils/calcCart/calcCart.ts

@@ -1,4 +1,4 @@
-import { CartData, Discount, PrivilegeCartData, Tariff, TariffCartData, applyCartDiscount, findPrivilegeDiscount, findDiscountFactor, applyLoyaltyDiscount, applyServiceDiscounts } from "@frontend/kitui"
+import { CartData, Discount, PrivilegeCartData, Tariff, TariffCartData, findPrivilegeDiscount, findDiscountFactor, applyLoyaltyDiscount} from "@frontend/kitui";
 
 function applyPrivilegeDiscounts(
     cartData: CartData,
@@ -28,7 +28,92 @@ function applyPrivilegeDiscounts(
         });
     });
 }
+function findServiceDiscount(
+    serviceKey: string,
+    currentPrice: number,
+    discounts: Discount[],
+): Discount | null {
+    const applicableDiscounts = discounts.filter(discount => {
+        return (
+            discount.Layer === 2 &&
+            discount.Condition.Group === serviceKey &&
+            currentPrice >= Number(discount.Condition.PriceFrom)
+        );
+    });
 
+    if (!applicableDiscounts.length) return null;
+
+    const maxValueDiscount = applicableDiscounts.reduce((prev, current) => {
+        return Number(current.Condition.PriceFrom) > Number(prev.Condition.PriceFrom) ? current : prev;
+    });
+
+    return maxValueDiscount;
+}
+
+function findCartDiscount(
+    cartPurchasesAmount: number,
+    discounts: Discount[],
+): Discount | null {
+    const applicableDiscounts = discounts.filter(discount => {
+        return (
+            discount.Layer === 3 &&
+            cartPurchasesAmount >= Number(discount.Condition.CartPurchasesAmount)
+        );
+    });
+    console.log('FCD', applicableDiscounts)
+
+    if (!applicableDiscounts.length) return null;
+
+    const maxValueDiscount = applicableDiscounts.reduce((prev, current) => {
+        return Number(current.Condition.CartPurchasesAmount) > Number(prev.Condition.CartPurchasesAmount) ? current : prev;
+    });
+
+    return maxValueDiscount;
+}
+
+function applyCartDiscount(
+    cartData: CartData,
+    discounts: Discount[],
+) {
+    const cartDiscount = findCartDiscount(cartData.priceAfterDiscounts, discounts);
+    if (!cartDiscount) return;
+
+    cartData.priceAfterDiscounts *= findDiscountFactor(cartDiscount);
+    cartData.allAppliedDiscounts.push(cartDiscount);
+    cartData.appliedCartPurchasesDiscount = cartDiscount;
+}
+
+
+function applyServiceDiscounts(
+    cartData: CartData,
+    discounts: Discount[],
+) {
+          const privMap = new Map()
+          cartData.services.forEach(service => {
+
+          service.tariffs.forEach(tariff => tariff.privileges.forEach(p => {
+            privMap.set(p.serviceKey, p.price + (privMap.get(p.serviceKey)||0))
+          }))
+          })
+
+    cartData.services.forEach(service => {
+        service.tariffs.map(tariff => {
+            tariff.privileges.forEach(privilege => {
+                const privilegeDiscount = findServiceDiscount(privilege.serviceKey, privMap.get(privilege.serviceKey), discounts);
+                if (!privilegeDiscount) return;
+
+                const discountAmount = privilege.price * (1 - findDiscountFactor(privilegeDiscount));
+                privilege.price -= discountAmount;
+                cartData.allAppliedDiscounts.push(privilegeDiscount);
+                service.appliedServiceDiscount = privilegeDiscount;
+
+                tariff.price -= discountAmount;
+                service.price -= discountAmount;
+                cartData.priceAfterDiscounts -= discountAmount;
+            });
+        });
+    });
+}
 
 export function calcCart(tariffs: Tariff[], discounts: Discount[], purchasesAmount: number, isUserNko?: boolean): CartData {
     const cartData: CartData = {
@@ -47,10 +132,12 @@ export function calcCart(tariffs: Tariff[], discounts: Discount[], purchasesAmou
             && tariff.privileges.length !== 1
         ) throw new Error("Price is defined for tariff with several")
 
-        let serviceData = cartData.services.find(service => service.serviceKey === tariff.privileges[0].serviceKey)
+        let serviceData =cartData.services.find(service => (service.serviceKey === "custom" && tariff.isCustom))         
+        if (!serviceData && !tariff.isCustom) serviceData =  cartData.services.find(service => service.serviceKey === tariff.privileges[0].serviceKey)
+
         if (!serviceData) {
             serviceData = {
-                serviceKey: tariff.privileges[0].serviceKey,
+                serviceKey: tariff.isCustom ?"custom" :tariff.privileges[0].serviceKey,
                 tariffs: [],
                 price: 0,
                 appliedServiceDiscount: null,

src/utils/calcTariffPrices.ts

@@ -16,6 +16,7 @@ export function calcIndividualTariffPrices(
 	let priceAfterDiscounts = 0
 
 	const cart = calcCart([...currentTariffs, tariff], discounts, purchasesAmount, isUserNko)
+  if (cart.allAppliedDiscounts[0]?.Target.Overhelm) return {priceBeforeDiscounts: priceBeforeDiscounts, priceAfterDiscounts: priceBeforeDiscounts * cart.allAppliedDiscounts[0].Target.Factor }
    cart.services.forEach(s => {
      if (s.serviceKey === tariff.privileges[0].serviceKey) {
        let processed = false