@agrada_digital/pbm 0.0.56 → 0.0.57

package/dist/index.mjs

@@ -103,7 +103,7 @@ var GetProductByEAN = async ({ PRODUCT_EAN }) => {
     }
   });
   const dataResponse = await response.json();
-  if (!dataResponse.sucesso) {
+  if (!dataResponse.success) {
     throw new Error(dataResponse.message || "Failed to fetch authorization");
   }
   return dataResponse;
@@ -112,22 +112,27 @@ var GetProductByEAN = async ({ PRODUCT_EAN }) => {
 // src/components/Footer/index.tsx
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function Footer() {
-  const [industryLogo, setIndustryLogo] = useState(void 0);
-  const { targetProduct } = usePBMStore();
+  const [industryLogo, setIndustryLogo] = useState(null);
+  const { targetProduct, setTargetProduct } = usePBMStore();
   useEffect(() => {
     const fetchProductByEan = async () => {
-      if (!targetProduct) return;
+      if (!targetProduct?.ean) return;
       try {
         const response = await GetProductByEAN({ PRODUCT_EAN: targetProduct.ean });
-        if (response.sucesso && response.dados) {
-          setIndustryLogo(response.dados.pbm.imageLink);
+        if (response.success && response.data) {
+          setIndustryLogo(response.data.pbm.imageLink);
+          const { pbm, sku, ...targetProductNewData } = response.data;
+          setTargetProduct({
+            ...targetProduct,
+            ...targetProductNewData
+          });
         }
       } catch (error) {
         console.error(error);
       }
     };
     fetchProductByEan();
-  }, [targetProduct]);
+  }, [targetProduct?.ean]);
   return /* @__PURE__ */ jsx3("footer", { className: "w-full h-auto relative", id: "footer_pbm", children: /* @__PURE__ */ jsxs2("section", { className: classNames2("flex items-center w-full h-auto gap-4", { "justify-center": industryLogo, "justify-start": !industryLogo }), children: [
     /* @__PURE__ */ jsxs2("section", { className: "w-4/5 h-auto", children: [
       /* @__PURE__ */ jsx3("h3", { className: "text-start font-semibold text-sm", children: "Economize com o benef\xEDcio do laborat\xF3rio." }),
@@ -150,7 +155,7 @@ var Footer_default = Footer;
 
 // src/schema/validation-schema.ts
 import { z } from "zod";
-var validationSchema = z.strictObject({
+var validationSchema = z.object({
   securityNumber: z.string({
     required_error: "CPF \xE9 obrigat\xF3rio."
   }).refine((doc) => {
@@ -160,7 +165,7 @@ var validationSchema = z.strictObject({
     const replacedDoc = doc.replace(/\D/g, "");
     return !!Number(replacedDoc);
   }, "CPF deve conter apenas n\xFAmeros."),
-  coupon: z.string().min(0)
+  coupon: z.string({ required_error: "Cupom / ID do Cart\xE3o obrigat\xF3rio." }).optional()
 });
 
 // src/utils/format.ts
@@ -231,14 +236,21 @@ function Form({ setLoading }) {
     handleSubmit,
     register,
     setValue,
+    clearErrors,
+    unregister,
     formState: { errors }
   } = useForm({
     resolver: zodResolver(validationSchema),
+    mode: "onSubmit",
     defaultValues: {
-      securityNumber: securityNumber || ""
+      securityNumber: securityNumber || "",
+      coupon: ""
     }
   });
   const onSubmitDefault = async (values) => {
+    if (!showCoupoField) {
+      setValue("coupon", void 0, { shouldValidate: false });
+    }
     setLoading(true);
     try {
       if (targetProduct === null) {
@@ -247,7 +259,7 @@ function Form({ setLoading }) {
       }
       const response = await ValidateDocument({
         document: values.securityNumber.replace(/\D/g, ""),
-        products: [{ ean: targetProduct.ean, quantity: targetProduct.quantity }]
+        products: [{ ean: targetProduct.ean, quantity: 1 }]
       });
       if (response.success) {
         const status = {
@@ -271,7 +283,7 @@ function Form({ setLoading }) {
         onSubmit: handleSubmit(onSubmitDefault),
         className: classNames4(
           "w-full h-auto flex items-center justify-center mb-0 transition-all duration-150",
-          { "mb-4": errors.securityNumber || errors.coupon, "gap-2": showCoupoField }
+          { "mb-4": errors.securityNumber || errors.coupon && showCoupoField, "gap-2": showCoupoField }
         ),
         id: "form_security_number_pbm",
         children: [
@@ -325,12 +337,12 @@ function Form({ setLoading }) {
                       { "outline outline-red-600": errors.coupon, "rounded-full": showCoupoField }
                     ),
                     placeholder: "Cupom / ID do Cart\xE3o",
-                    required: true,
-                    maxLength: 14,
                     ...register("coupon", {
+                      required: showCoupoField ? "Cupom / ID do Cart\xE3o obrigat\xF3rio." : false,
+                      shouldUnregister: !showCoupoField,
                       onChange: (e) => {
                         setValue("coupon", e.target.value, {
-                          shouldValidate: true
+                          shouldValidate: showCoupoField
                         });
                       }
                     }),
@@ -360,7 +372,14 @@ function Form({ setLoading }) {
       Button_default,
       {
         className: "bg-transparent p-0 pl-2 w-auto h-auto text-zinc-600 underline cursor-pointer hover:text-zinc-900 hover:bg-transparent flex items-center justify-start gap-1",
-        onClick: () => setShowCoupoField(!showCoupoField),
+        onClick: () => {
+          const newValue = !showCoupoField;
+          setShowCoupoField(newValue);
+          if (!newValue) {
+            unregister("coupon");
+            clearErrors("coupon");
+          }
+        },
         id: "check_benefits_button",
         children: [
           /* @__PURE__ */ jsx5("span", { children: !showCoupoField ? "Possui cupom?" : "N\xE3o possui cupom?" }),
@@ -398,32 +417,7 @@ function Loading({ textColor }) {
 var Loading_default = Loading;
 
 // src/components/BenefitsTable/index.tsx
-import { useState as useState3 } from "react";
-
-// src/mocks/benefits.ts
-var BENEFITS_ITEMS = [
-  {
-    id: 1,
-    ean: "001",
-    authorizedQuantity: 1,
-    discountValue: 4800,
-    discountPercentual: 2400
-  },
-  {
-    id: 2,
-    ean: "002",
-    authorizedQuantity: 2,
-    discountValue: 4800,
-    discountPercentual: 2400
-  },
-  {
-    id: 3,
-    ean: "003",
-    authorizedQuantity: 3,
-    discountValue: 9400,
-    discountPercentual: 4700
-  }
-];
+import { useEffect as useEffect3, useState as useState3 } from "react";
 
 // src/components/UI/Title/index.tsx
 import classNames5 from "classnames";
@@ -449,13 +443,13 @@ var Title_default = Title;
 import { Badge, BadgeCheck } from "lucide-react";
 import { useCallback, useEffect as useEffect2 } from "react";
 import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
-function Item({ data, onChange, checked, originalProductPrice }) {
+function Item({ data, onChange, checked }) {
   const { setAvailableDiscountSelected, securityNumber } = usePBMStore();
   const ID_INPUT = "unity_quantity_" + data.authorizedQuantity;
-  const decimalDiscount = data.discountPercentual / 1e4;
-  const unitDiscountValue = originalProductPrice * decimalDiscount;
+  const decimalDiscount = data.discountPercentual / 100;
+  const unitDiscountValue = data.grossPrice * decimalDiscount;
   const discountValue = unitDiscountValue * data.authorizedQuantity;
-  const totalPriceProductWithDiscountBenefit = originalProductPrice * data.authorizedQuantity - discountValue;
+  const totalPriceProductWithDiscountBenefit = data.grossPrice * data.authorizedQuantity - discountValue;
   const updateStorageData = useCallback(() => {
     if (checked) {
       const roundToTwoDecimals = (value) => Math.round(value * 100) / 100;
@@ -527,13 +521,103 @@ function Item({ data, onChange, checked, originalProductPrice }) {
 }
 var Item_default = Item;
 
+// src/services/benefits-without-document.ts
+import Cookies3 from "js-cookie";
+var CheckBenefistWithoutDocument = async ({ products }) => {
+  const API_URL = import.meta.env.VITE_API_URL;
+  if (!API_URL) {
+    throw new Error("API URL is not defined in environment variables");
+  }
+  const AUTH_TOKEN = Cookies3.get("pbm-token");
+  if (!AUTH_TOKEN) {
+    throw new Error("Token is not defined in cookies or is expired");
+  }
+  const response = await fetch(`${API_URL}/products/genericBenefit`, {
+    method: "POST",
+    headers: {
+      Authorization: `Bearer ${AUTH_TOKEN}`,
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify({ products })
+  });
+  const dataResponse = await response.json();
+  if (!dataResponse.success) {
+    throw new Error(dataResponse.message || "Failed to fetch benefits without document");
+  }
+  return dataResponse;
+};
+
 // src/components/BenefitsTable/index.tsx
 import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
-function BenefitsTable({
-  originalProductPrice
-}) {
-  const { securityNumber, setState } = usePBMStore();
+function BenefitsTable() {
+  const { securityNumber, setState, targetProduct } = usePBMStore();
   const [selectedDiscout, setSelectedDiscount] = useState3(null);
+  const [loading, setLoading] = useState3(true);
+  const [benefitsItems, setBenefitsItems] = useState3();
+  useEffect3(() => {
+    const fetchDicountsWithoutDocument = async () => {
+      if (!targetProduct?.productId) {
+        console.error("PBMLOG: Product ID is not defined on targetProduct");
+        return;
+      }
+      if (!targetProduct.ean) {
+        console.error("PBMLOG: EAN is not defined on targetProduct");
+        return;
+      }
+      if (!targetProduct.listPrice) {
+        console.error("PBMLOG: List Price is not defined on targetProduct");
+        return;
+      }
+      if (!targetProduct.price) {
+        console.error("PBMLOG: Price is not defined on targetProduct");
+        return;
+      }
+      try {
+        const data = {
+          productId: Number(targetProduct.productId),
+          ean: targetProduct.ean,
+          requestedQuantity: 1,
+          listPrice: targetProduct.listPrice,
+          netPrice: targetProduct.price
+        };
+        const response = await CheckBenefistWithoutDocument({ products: [data] });
+        if (response.success && response.data) {
+          setBenefitsItems(response.data);
+        } else {
+          setBenefitsItems(void 0);
+        }
+      } catch (error) {
+        setBenefitsItems(void 0);
+        console.error(error);
+      } finally {
+        setLoading(false);
+      }
+    };
+    const fetchDiscountWithDocument = async () => {
+      console.log("consulta feita com documento");
+    };
+    securityNumber ? fetchDiscountWithDocument() : fetchDicountsWithoutDocument();
+  }, []);
+  if (loading) {
+    return /* @__PURE__ */ jsxs6("main", { className: "flex items-center justify-center gap-4", id: "loading_pbm", children: [
+      /* @__PURE__ */ jsx9(
+        "div",
+        {
+          "data-testid": "test_id_spin",
+          className: "w-8 h-8 border-4 border-t-gray-700 border-gray-300 rounded-full animate-spin",
+          id: "loading_spin"
+        }
+      ),
+      /* @__PURE__ */ jsx9(
+        "p",
+        {
+          className: "text-sm font-semibold text-start text-zinc-900",
+          id: "loading_label",
+          children: "Buscando beneficios dispon\xEDveis..."
+        }
+      )
+    ] });
+  }
   return /* @__PURE__ */ jsxs6(
     "section",
     {
@@ -541,31 +625,34 @@ function BenefitsTable({
       id: "benefits_table_pbm",
       children: [
         /* @__PURE__ */ jsx9(Title_default, { children: "Descontos dispon\xEDveis:" }),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsxs6(
           "form",
           {
             className: "flex flex-col items-center justify-start w-full gap-3",
             id: "form_benefits_table_pbm",
-            children: BENEFITS_ITEMS.map((item, index) => {
-              const ID_INPUT = "unity_quantity_" + item.authorizedQuantity;
-              return /* @__PURE__ */ jsx9(
-                Item_default,
-                {
-                  data: item,
-                  checked: selectedDiscout === ID_INPUT,
-                  onChange: () => setSelectedDiscount(ID_INPUT),
-                  originalProductPrice
-                },
-                index
-              );
-            })
+            children: [
+              !benefitsItems && /* @__PURE__ */ jsx9("p", { className: "text-sm font-semibold text-start text-zinc-900", id: "benefits_empty_pbm", children: "N\xE3o foi poss\xEDvel encontrar benef\xEDcios para esse produto." }),
+              benefitsItems && benefitsItems.map((item, index) => {
+                const ID_INPUT = "unity_quantity_" + item.authorizedQuantity;
+                return /* @__PURE__ */ jsx9(
+                  Item_default,
+                  {
+                    data: item,
+                    checked: selectedDiscout === ID_INPUT,
+                    onChange: () => setSelectedDiscount(ID_INPUT)
+                  },
+                  index
+                );
+              }),
+              benefitsItems && /* @__PURE__ */ jsx9("p", { className: "w-full text-sm font-semibold text-center text-zinc-600", id: "benefits_empty_pbm", children: benefitsItems[0].informativeMessage })
+            ]
           }
         ),
         !securityNumber && /* @__PURE__ */ jsxs6(
           Button_default,
           {
             onClick: () => setState("isEmpty"),
-            className: "bg-transparent p-0 pl-2 w-auto h-auto text-zinc-600 cursor-pointer hover:text-zinc-900 hover:bg-transparent text-start",
+            className: "bg-transparent p-0 w-auto h-auto text-zinc-600 cursor-pointer hover:text-zinc-900 hover:bg-transparent text-start",
             id: "unauthorized_benefits_button",
             children: [
               "Aten\xE7\xE3o: n\xE3o \xE9 poss\xEDvel utilizar os benef\xEDcos sem realizar a consulta do cpf, por favor",
@@ -715,7 +802,7 @@ function SecurityNumberInvalid({ textColor }) {
 var SecurityNumberInvalid_default = SecurityNumberInvalid;
 
 // src/PBM.tsx
-import { useCallback as useCallback2, useEffect as useEffect3, useState as useState5 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect4, useState as useState5 } from "react";
 
 // src/components/UI/Link/index.tsx
 import classNames8 from "classnames";
@@ -776,7 +863,7 @@ function SecurityNumberRegitered({ textColor }) {
 var SecurityNumberRegitered_default = SecurityNumberRegitered;
 
 // src/services/authorization.ts
-import Cookies3 from "js-cookie";
+import Cookies4 from "js-cookie";
 var GetAuthorization = async ({ clientID }) => {
   const API_URL = import.meta.env.VITE_API_URL;
   const STORE_ID = import.meta.env.VITE_STORE_ID;
@@ -793,22 +880,22 @@ var GetAuthorization = async ({ clientID }) => {
       "Content-Type": "application/json"
     },
     body: JSON.stringify({
-      StoreID: STORE_ID,
-      StoreName: STORE_NAME,
-      ClientID: clientID
+      storeId: STORE_ID,
+      storeName: STORE_NAME,
+      clientId: clientID
     })
   });
   const dataResponse = await response.json();
   if (!dataResponse.success) {
     throw new Error(dataResponse.message || "Failed to fetch authorization");
   }
-  Cookies3.set("pbm-token", dataResponse.data.Token, {
-    expires: dataResponse.data.ExpiresIn / (60 * 60),
+  Cookies4.set("pbm-token", dataResponse.data.token, {
+    expires: dataResponse.data.expiresIn / (60 * 60),
     secure: true,
     sameSite: "Strict"
   });
-  Cookies3.set("pbm-token-refresh", dataResponse.data.RefreshToken, {
-    expires: dataResponse.data.RefreshExpiresIn / (60 * 60),
+  Cookies4.set("pbm-token-refresh", dataResponse.data.refreshToken, {
+    expires: dataResponse.data.refreshExpiresIn / (60 * 60),
     secure: true,
     sameSite: "Strict"
   });
@@ -828,9 +915,9 @@ function PBM({
   );
   const [loading, setLoading] = useState5(false);
   const { setState, state, setTargetProduct } = usePBMStore();
-  useEffect3(() => {
+  useEffect4(() => {
     if (eanProduct) {
-      setTargetProduct({ ean: eanProduct, quantity: 1 });
+      setTargetProduct({ ean: eanProduct });
     }
   }, [eanProduct, setTargetProduct]);
   const handleAuthorizationRequest = useCallback2(async () => {
@@ -843,7 +930,7 @@ function PBM({
       console.error("Error fetching authorization:", error);
     }
   }, [clientID]);
-  useEffect3(() => {
+  useEffect4(() => {
     handleAuthorizationRequest();
   }, [handleAuthorizationRequest]);
   return /* @__PURE__ */ jsxs10(Container_default, { variant: "main", children: [
@@ -867,7 +954,7 @@ function PBM({
       state === "isEmpty" && loading && /* @__PURE__ */ jsx15(Loading_default, {}),
       state === "isInvalid" && !loading && /* @__PURE__ */ jsx15(SecurityNumberInvalid_default, {}),
       state === "isRegistered" && !loading && /* @__PURE__ */ jsx15(SecurityNumberRegitered_default, {}),
-      state === "isActivated" && !loading && /* @__PURE__ */ jsx15(BenefitsTable_default, { originalProductPrice: formatedOriginalProductPrice })
+      state === "isActivated" && !loading && /* @__PURE__ */ jsx15(BenefitsTable_default, {})
     ] }),
     /* @__PURE__ */ jsx15(Footer_default, {})
   ] });