@agrada_digital/pbm 0.0.56 → 0.0.57

package/dist/index.d.mts

@@ -24,7 +24,17 @@ interface usePBMTypes {
 }
 interface IProduct {
     ean: string;
-    quantity: number;
+    quantity?: number;
+    sku?: string;
+    skuId?: string;
+    price?: number;
+    listPrice?: number;
+    stockBalance?: number;
+    productName?: string;
+    productId?: string;
+    availabilityText?: string;
+    brandName?: string;
+    categoryName?: string;
 }
 
 interface PBMStore extends usePBMTypes {

package/dist/index.d.ts

@@ -24,7 +24,17 @@ interface usePBMTypes {
 }
 interface IProduct {
     ean: string;
-    quantity: number;
+    quantity?: number;
+    sku?: string;
+    skuId?: string;
+    price?: number;
+    listPrice?: number;
+    stockBalance?: number;
+    productName?: string;
+    productId?: string;
+    availabilityText?: string;
+    brandName?: string;
+    categoryName?: string;
 }
 
 interface PBMStore extends usePBMTypes {

package/dist/index.js

@@ -141,7 +141,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;
@@ -150,22 +150,27 @@ var GetProductByEAN = async ({ PRODUCT_EAN }) => {
 // src/components/Footer/index.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function Footer() {
-  const [industryLogo, setIndustryLogo] = (0, import_react2.useState)(void 0);
-  const { targetProduct } = usePBMStore();
+  const [industryLogo, setIndustryLogo] = (0, import_react2.useState)(null);
+  const { targetProduct, setTargetProduct } = usePBMStore();
   (0, import_react2.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__ */ (0, import_jsx_runtime3.jsx)("footer", { className: "w-full h-auto relative", id: "footer_pbm", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: (0, import_classnames2.default)("flex items-center w-full h-auto gap-4", { "justify-center": industryLogo, "justify-start": !industryLogo }), children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "w-4/5 h-auto", children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { className: "text-start font-semibold text-sm", children: "Economize com o benef\xEDcio do laborat\xF3rio." }),
@@ -188,7 +193,7 @@ var Footer_default = Footer;
 
 // src/schema/validation-schema.ts
 var import_zod = require("zod");
-var validationSchema = import_zod.z.strictObject({
+var validationSchema = import_zod.z.object({
   securityNumber: import_zod.z.string({
     required_error: "CPF \xE9 obrigat\xF3rio."
   }).refine((doc) => {
@@ -198,7 +203,7 @@ var validationSchema = import_zod.z.strictObject({
     const replacedDoc = doc.replace(/\D/g, "");
     return !!Number(replacedDoc);
   }, "CPF deve conter apenas n\xFAmeros."),
-  coupon: import_zod.z.string().min(0)
+  coupon: import_zod.z.string({ required_error: "Cupom / ID do Cart\xE3o obrigat\xF3rio." }).optional()
 });
 
 // src/utils/format.ts
@@ -270,14 +275,21 @@ function Form({ setLoading }) {
     handleSubmit,
     register,
     setValue,
+    clearErrors,
+    unregister,
     formState: { errors }
   } = (0, import_react_hook_form.useForm)({
     resolver: (0, import_zod2.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) {
@@ -286,7 +298,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 = {
@@ -310,7 +322,7 @@ function Form({ setLoading }) {
         onSubmit: handleSubmit(onSubmitDefault),
         className: (0, import_classnames4.default)(
           "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: [
@@ -364,12 +376,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
                         });
                       }
                     }),
@@ -399,7 +411,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__ */ (0, import_jsx_runtime5.jsx)("span", { children: !showCoupoField ? "Possui cupom?" : "N\xE3o possui cupom?" }),
@@ -439,31 +458,6 @@ var Loading_default = Loading;
 // src/components/BenefitsTable/index.tsx
 var import_react5 = require("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
-  }
-];
-
 // src/components/UI/Title/index.tsx
 var import_classnames5 = __toESM(require("classnames"));
 var import_jsx_runtime7 = require("react/jsx-runtime");
@@ -488,13 +482,13 @@ var Title_default = Title;
 var import_lucide_react2 = require("lucide-react");
 var import_react4 = require("react");
 var import_jsx_runtime8 = require("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 = (0, import_react4.useCallback)(() => {
     if (checked) {
       const roundToTwoDecimals = (value) => Math.round(value * 100) / 100;
@@ -566,13 +560,104 @@ function Item({ data, onChange, checked, originalProductPrice }) {
 }
 var Item_default = Item;
 
+// src/services/benefits-without-document.ts
+var import_js_cookie3 = __toESM(require("js-cookie"));
+var import_meta3 = {};
+var CheckBenefistWithoutDocument = async ({ products }) => {
+  const API_URL = import_meta3.env.VITE_API_URL;
+  if (!API_URL) {
+    throw new Error("API URL is not defined in environment variables");
+  }
+  const AUTH_TOKEN = import_js_cookie3.default.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
 var import_jsx_runtime9 = require("react/jsx-runtime");
-function BenefitsTable({
-  originalProductPrice
-}) {
-  const { securityNumber, setState } = usePBMStore();
+function BenefitsTable() {
+  const { securityNumber, setState, targetProduct } = usePBMStore();
   const [selectedDiscout, setSelectedDiscount] = (0, import_react5.useState)(null);
+  const [loading, setLoading] = (0, import_react5.useState)(true);
+  const [benefitsItems, setBenefitsItems] = (0, import_react5.useState)();
+  (0, import_react5.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime9.jsxs)("main", { className: "flex items-center justify-center gap-4", id: "loading_pbm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        "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__ */ (0, import_jsx_runtime9.jsx)(
+        "p",
+        {
+          className: "text-sm font-semibold text-start text-zinc-900",
+          id: "loading_label",
+          children: "Buscando beneficios dispon\xEDveis..."
+        }
+      )
+    ] });
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "section",
     {
@@ -580,31 +665,34 @@ function BenefitsTable({
       id: "benefits_table_pbm",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Title_default, { children: "Descontos dispon\xEDveis:" }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
           "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__ */ (0, import_jsx_runtime9.jsx)(
-                Item_default,
-                {
-                  data: item,
-                  checked: selectedDiscout === ID_INPUT,
-                  onChange: () => setSelectedDiscount(ID_INPUT),
-                  originalProductPrice
-                },
-                index
-              );
-            })
+            children: [
+              !benefitsItems && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("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__ */ (0, import_jsx_runtime9.jsx)(
+                  Item_default,
+                  {
+                    data: item,
+                    checked: selectedDiscout === ID_INPUT,
+                    onChange: () => setSelectedDiscount(ID_INPUT)
+                  },
+                  index
+                );
+              }),
+              benefitsItems && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "w-full text-sm font-semibold text-center text-zinc-600", id: "benefits_empty_pbm", children: benefitsItems[0].informativeMessage })
+            ]
           }
         ),
         !securityNumber && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
           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",
@@ -815,12 +903,12 @@ function SecurityNumberRegitered({ textColor }) {
 var SecurityNumberRegitered_default = SecurityNumberRegitered;
 
 // src/services/authorization.ts
-var import_js_cookie3 = __toESM(require("js-cookie"));
-var import_meta3 = {};
+var import_js_cookie4 = __toESM(require("js-cookie"));
+var import_meta4 = {};
 var GetAuthorization = async ({ clientID }) => {
-  const API_URL = import_meta3.env.VITE_API_URL;
-  const STORE_ID = import_meta3.env.VITE_STORE_ID;
-  const STORE_NAME = import_meta3.env.VITE_STORE_NAME;
+  const API_URL = import_meta4.env.VITE_API_URL;
+  const STORE_ID = import_meta4.env.VITE_STORE_ID;
+  const STORE_NAME = import_meta4.env.VITE_STORE_NAME;
   if (!API_URL) {
     throw new Error("API URL is not defined in environment variables");
   }
@@ -833,22 +921,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");
   }
-  import_js_cookie3.default.set("pbm-token", dataResponse.data.Token, {
-    expires: dataResponse.data.ExpiresIn / (60 * 60),
+  import_js_cookie4.default.set("pbm-token", dataResponse.data.token, {
+    expires: dataResponse.data.expiresIn / (60 * 60),
     secure: true,
     sameSite: "Strict"
   });
-  import_js_cookie3.default.set("pbm-token-refresh", dataResponse.data.RefreshToken, {
-    expires: dataResponse.data.RefreshExpiresIn / (60 * 60),
+  import_js_cookie4.default.set("pbm-token-refresh", dataResponse.data.refreshToken, {
+    expires: dataResponse.data.refreshExpiresIn / (60 * 60),
     secure: true,
     sameSite: "Strict"
   });
@@ -870,7 +958,7 @@ function PBM({
   const { setState, state, setTargetProduct } = usePBMStore();
   (0, import_react7.useEffect)(() => {
     if (eanProduct) {
-      setTargetProduct({ ean: eanProduct, quantity: 1 });
+      setTargetProduct({ ean: eanProduct });
     }
   }, [eanProduct, setTargetProduct]);
   const handleAuthorizationRequest = (0, import_react7.useCallback)(async () => {
@@ -907,7 +995,7 @@ function PBM({
       state === "isEmpty" && loading && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Loading_default, {}),
       state === "isInvalid" && !loading && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SecurityNumberInvalid_default, {}),
       state === "isRegistered" && !loading && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SecurityNumberRegitered_default, {}),
-      state === "isActivated" && !loading && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(BenefitsTable_default, { originalProductPrice: formatedOriginalProductPrice })
+      state === "isActivated" && !loading && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(BenefitsTable_default, {})
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Footer_default, {})
   ] });