@agrada_digital/pbm 0.0.69 → 0.0.71

package/dist/index.d.mts

@@ -41,6 +41,7 @@ interface IProduct {
     netPrice?: number;
     informativeMessage?: string;
     discountMax?: number;
+    industryLogo?: string;
 }
 
 interface PBMStore extends usePBMTypes {

package/dist/index.d.ts

@@ -41,6 +41,7 @@ interface IProduct {
     netPrice?: number;
     informativeMessage?: string;
     discountMax?: number;
+    industryLogo?: string;
 }
 
 interface PBMStore extends usePBMTypes {

package/dist/index.js

@@ -144,73 +144,20 @@ var Container_default = Container;
 
 // src/components/Footer/index.tsx
 var import_classnames2 = __toESM(require("classnames"));
-var import_react2 = require("react");
-
-// src/services/get-product-by-ean.ts
-var import_js_cookie = __toESM(require("js-cookie"));
-var import_meta = {};
-var GetProductByEAN = async ({ PRODUCT_EAN }) => {
-  const API_URL = import_meta.env.VITE_API_URL;
-  const AUTH_TOKEN = import_js_cookie.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/ean/${PRODUCT_EAN}`, {
-    method: "GET",
-    headers: {
-      Authorization: `Bearer ${AUTH_TOKEN}`,
-      "Content-Type": "application/json"
-    }
-  });
-  const dataResponse = await response.json();
-  if (!dataResponse.success) {
-    throw new Error(dataResponse.message || "Failed to fetch authorization");
-  }
-  return dataResponse;
-};
-
-// src/components/Footer/index.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function Footer() {
-  const [industryLogo, setIndustryLogo] = (0, import_react2.useState)(null);
   const { targetProduct, setTargetProduct, state } = usePBMStore();
-  (0, import_react2.useEffect)(() => {
-    if (!targetProduct?.ean) return;
-    let isMounted = true;
-    const fetchProductByEan = async () => {
-      try {
-        const response = await GetProductByEAN({ PRODUCT_EAN: targetProduct.ean });
-        if (response.success && response.data) {
-          setIndustryLogo(response.data.pbm.imageLink);
-          const { pbm, sku, ...targetProductNewData } = response.data;
-          setTargetProduct({
-            ...targetProduct,
-            ...targetProductNewData,
-            productId: Number(targetProductNewData.productId),
-            informativeMessage: pbm.informativeMessage ?? "",
-            discountMax: pbm.discountMax ?? 0
-          });
-        }
-      } catch (error) {
-        console.error(error);
-      }
-    };
-    fetchProductByEan();
-    return () => {
-      isMounted = false;
-    };
-  }, [targetProduct?.ean]);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("footer", { className: "w-full h-auto relative", id: "footer_pbm", children: [
     state !== "isActivated" && targetProduct?.informativeMessage && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-start mb-3 font-semibold text-sm text-amber-500", children: targetProduct?.informativeMessage }),
-    /* @__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: (0, import_classnames2.default)("flex items-center w-full h-auto gap-4", { "justify-center": targetProduct?.industryLogo, "justify-start": !targetProduct?.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." }),
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-start font-normal text-sm", children: "Este produto tem pre\xE7o exclusivo para clientes cadastrados no programa." })
       ] }),
-      industryLogo && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      targetProduct?.industryLogo && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "img",
         {
-          src: industryLogo,
+          src: targetProduct.industryLogo,
           alt: "parceiro",
           className: "w-1/5 min-w-20 h-auto aspect-auto rounded-xl",
           loading: "eager",
@@ -251,17 +198,17 @@ var import_classnames4 = __toESM(require("classnames"));
 var import_zod2 = require("@hookform/resolvers/zod");
 var import_react_hook_form = require("react-hook-form");
 var import_lucide_react = require("lucide-react");
-var import_react3 = require("react");
+var import_react2 = require("react");
 
 // src/services/benefits-with-document.ts
-var import_js_cookie2 = __toESM(require("js-cookie"));
-var import_meta2 = {};
+var import_js_cookie = __toESM(require("js-cookie"));
+var import_meta = {};
 var BenefitsWithDocument = async ({ document, products }) => {
-  const API_URL = import_meta2.env.VITE_API_URL;
+  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 = import_js_cookie2.default.get("pbm-token");
+  const AUTH_TOKEN = import_js_cookie.default.get("pbm-token");
   if (!AUTH_TOKEN) {
     throw new Error("Token is not defined in cookies or is expired");
   }
@@ -289,7 +236,7 @@ function Button(props) {
     {
       ...props,
       className: (0, import_classnames3.default)(
-        "w-3xs cursor-pointer h-10 rounded-full bg-emerald-500 hover:bg-emerald-400 text-white text-sm font-semibold transition-colors",
+        "w-3xs cursor-pointer h-10 rounded-lg bg-emerald-500 hover:bg-emerald-400 text-white text-sm font-semibold transition-colors",
         props.className
       ),
       children: props.children
@@ -302,7 +249,7 @@ var Button_default = Button;
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function Form({ setLoading }) {
   const { setSecurityNumber, setState, securityNumber, targetProduct, setUrlAcceptTerms, setUrlRegisterIndustry } = usePBMStore();
-  const [showCoupoField, setShowCoupoField] = (0, import_react3.useState)(false);
+  const [showCoupoField, setShowCoupoField] = (0, import_react2.useState)(false);
   const {
     handleSubmit,
     register,
@@ -453,7 +400,7 @@ function Form({ setLoading }) {
               type: "submit",
               className: (0, import_classnames4.default)(
                 "bg-emerald-500 w-1/5 h-10 rounded-e-lg flex items-center justify-center cursor-pointer",
-                { "rounded-full": showCoupoField }
+                { "rounded-lg": showCoupoField }
               ),
               id: "button_submit_security_number_pbm",
               children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.ArrowRight, { size: 24, color: "white", strokeWidth: 2 })
@@ -511,7 +458,7 @@ function Loading({ textColor }) {
 var Loading_default = Loading;
 
 // src/components/BenefitsTable/index.tsx
-var import_react5 = require("react");
+var import_react4 = require("react");
 
 // src/components/UI/Title/index.tsx
 var import_classnames5 = __toESM(require("classnames"));
@@ -535,7 +482,7 @@ var Title_default = Title;
 
 // src/components/BenefitsTable/Item.tsx
 var import_lucide_react2 = require("lucide-react");
-var import_react4 = require("react");
+var import_react3 = require("react");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 function Item({ data, onChange, checked }) {
   const { setAvailableDiscountSelected, securityNumber } = usePBMStore();
@@ -544,7 +491,7 @@ function Item({ data, onChange, checked }) {
   const unitDiscountValue = data.grossPrice * decimalDiscount;
   const discountValue = unitDiscountValue * data.authorizedQuantity;
   const totalPriceProductWithDiscountBenefit = data.grossPrice * data.authorizedQuantity - discountValue;
-  const updateStorageData = (0, import_react4.useCallback)(() => {
+  const updateStorageData = (0, import_react3.useCallback)(() => {
     if (checked) {
       const roundToTwoDecimals = (value) => Math.round(value * 100) / 100;
       setAvailableDiscountSelected({
@@ -565,14 +512,14 @@ function Item({ data, onChange, checked }) {
     totalPriceProductWithDiscountBenefit,
     unitDiscountValue
   ]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     updateStorageData();
   }, [updateStorageData]);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     "label",
     {
       htmlFor: ID_INPUT,
-      className: "label_benefits w-full flex items-center justify-start bg-zinc-300/60 border border-zinc-400/50 px-4 py-2 hover:bg-zinc-300 transition-colors cursor-pointer rounded-full gap-1",
+      className: "label_benefits w-full flex items-center justify-start bg-zinc-300/60 border border-zinc-400/50 px-4 py-2 hover:bg-zinc-300 transition-colors cursor-pointer rounded-lg gap-1",
       id: "label_benefits_" + ID_INPUT,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
@@ -593,7 +540,7 @@ function Item({ data, onChange, checked }) {
           "un"
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { className: "ml-auto relative", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "absolute -top-4 text-emerald-900 py-0.5 font-semibold text-xs bg-[#32b316] px-2 w-auto text-nowrap rounded-2xl -right-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "absolute text-white -top-4 py-0.5 font-semibold text-xs bg-[#32b316] px-2 w-auto text-nowrap rounded-2xl -right-3", children: [
             discountValue.toLocaleString("pt-BR", {
               currency: "BRL",
               currencyDisplay: "symbol",
@@ -617,14 +564,14 @@ function Item({ data, onChange, checked }) {
 var Item_default = Item;
 
 // src/services/benefits-without-document.ts
-var import_js_cookie3 = __toESM(require("js-cookie"));
-var import_meta3 = {};
+var import_js_cookie2 = __toESM(require("js-cookie"));
+var import_meta2 = {};
 var CheckBenefistWithoutDocument = async ({ products }) => {
-  const API_URL = import_meta3.env.VITE_API_URL;
+  const API_URL = import_meta2.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");
+  const AUTH_TOKEN = import_js_cookie2.default.get("pbm-token");
   if (!AUTH_TOKEN) {
     throw new Error("Token is not defined in cookies or is expired");
   }
@@ -647,10 +594,10 @@ var CheckBenefistWithoutDocument = async ({ products }) => {
 var import_jsx_runtime9 = require("react/jsx-runtime");
 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 [selectedDiscout, setSelectedDiscount] = (0, import_react4.useState)(null);
+  const [loading, setLoading] = (0, import_react4.useState)(true);
+  const [benefitsItems, setBenefitsItems] = (0, import_react4.useState)();
+  (0, import_react4.useEffect)(() => {
     const fetchDicountsWithoutDocument = async () => {
       if (!targetProduct?.productId) {
         console.error("PBMLOG: Product ID is not defined on targetProduct");
@@ -763,7 +710,7 @@ function BenefitsTable() {
         /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
           "form",
           {
-            className: "flex flex-col items-center justify-start w-full gap-3",
+            className: "flex flex-col items-center justify-start w-full gap-4.5",
             id: "form_benefits_table_pbm",
             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." }),
@@ -843,6 +790,7 @@ var getParams = (params) => {
 // src/components/UI/Link/index.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function Link(props) {
+  const { setState } = usePBMStore();
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "a",
     {
@@ -850,11 +798,12 @@ function Link(props) {
       target: "_blank",
       href: typeof props.href === "string" ? props.href : props.href.pathname + getParams(props.href.param),
       className: (0, import_classnames7.default)(
-        "w-3xs cursor-pointer h-10 rounded-full bg-emerald-500 hover:bg-emerald-400 text-white text-sm font-semibold transition-colors flex items-center justify-center",
+        "w-3xs cursor-pointer h-10 rounded-lg bg-emerald-500 hover:bg-emerald-400 text-white text-sm font-semibold transition-colors flex items-center justify-center",
         props.className
       ),
       "data-testid": "test_id_link",
       id: "link_pbm",
+      onClick: () => setState("isEmpty"),
       children: props.children
     }
   );
@@ -872,8 +821,12 @@ function SecurityNumberInvalid({ textColor }) {
       className: "flex items-end justify-center gap-2 w-full h-auto flex-col border-y border-zinc-300 py-6",
       id: "security_number_invalid_container_pbm",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Title_default, { className: "w-full", textColor, children: "CPF n\xE3o cadastrado!" }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text_default, { className: "w-full", textColor, children: "Por favor, conclua seu cadastro para habilitar os benef\xEDcios deste laborat\xF3rio." }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Title_default, { className: "w-full", textColor, children: "CPF n\xE3o cadastrado." }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Text_default, { className: "w-full", textColor, children: [
+          "Conclua seu cadastro para habilitar o benef\xEDcio. ",
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("br", {}),
+          "Ao clicar em \u201CAceitar os termos\u201D, voc\xEA ir\xE1 para uma p\xE1gina externa. Aceite os termos e volte para continuar."
+        ] }),
         /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           Link_default,
           {
@@ -888,7 +841,7 @@ function SecurityNumberInvalid({ textColor }) {
 var SecurityNumberInvalid_default = SecurityNumberInvalid;
 
 // src/PBM.tsx
-var import_react6 = require("react");
+var import_react5 = require("react");
 
 // src/components/SecurityNumberRegitered/index.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
@@ -901,8 +854,8 @@ function SecurityNumberRegitered({ textColor }) {
       className: "flex items-end justify-center gap-2 w-full h-auto flex-col border-y border-zinc-300 py-6",
       id: "security_number_registered_container_pbm",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Title_default, { className: "w-full", textColor, children: "CPF n\xE3o habilitado no produto!" }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text_default, { className: "w-full", textColor, children: "Por favor, conclua seu cadastro para habilitar os benef\xEDcios deste laborat\xF3rio." }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Title_default, { className: "w-full", textColor, children: "Ops, seu CPF ainda n\xE3o est\xE1 habilitado para este produto." }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text_default, { className: "w-full", textColor, children: "Para ativar o benef\xEDcio, clique em \u201CAtivar CPF\u201D e conclua a etapa na p\xE1gina externa. Depois, \xE9 s\xF3 voltar para continuar \u2014 vamos aguardar voc\xEA aqui." }),
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           Link_default,
           {
@@ -917,12 +870,12 @@ function SecurityNumberRegitered({ textColor }) {
 var SecurityNumberRegitered_default = SecurityNumberRegitered;
 
 // src/services/authorization.ts
-var import_js_cookie4 = __toESM(require("js-cookie"));
-var import_meta4 = {};
+var import_js_cookie3 = __toESM(require("js-cookie"));
+var import_meta3 = {};
 var GetAuthorization = async ({ clientID }) => {
-  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;
+  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;
   if (!API_URL) {
     throw new Error("API URL is not defined in environment variables");
   }
@@ -944,12 +897,12 @@ var GetAuthorization = async ({ clientID }) => {
   if (!dataResponse.success) {
     throw new Error(dataResponse.message || "Failed to fetch authorization");
   }
-  import_js_cookie4.default.set("pbm-token", dataResponse.data.token, {
+  import_js_cookie3.default.set("pbm-token", dataResponse.data.token, {
     expires: dataResponse.data.expiresIn / (60 * 60),
     secure: true,
     sameSite: "Strict"
   });
-  import_js_cookie4.default.set("pbm-token-refresh", dataResponse.data.refreshToken, {
+  import_js_cookie3.default.set("pbm-token-refresh", dataResponse.data.refreshToken, {
     expires: dataResponse.data.refreshExpiresIn / (60 * 60),
     secure: true,
     sameSite: "Strict"
@@ -959,6 +912,31 @@ var GetAuthorization = async ({ clientID }) => {
 
 // src/PBM.tsx
 var import_lucide_react3 = require("lucide-react");
+
+// src/services/get-product-by-ean.ts
+var import_js_cookie4 = __toESM(require("js-cookie"));
+var import_meta4 = {};
+var GetProductByEAN = async ({ PRODUCT_EAN }) => {
+  const API_URL = import_meta4.env.VITE_API_URL;
+  const AUTH_TOKEN = import_js_cookie4.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/ean/${PRODUCT_EAN}`, {
+    method: "GET",
+    headers: {
+      Authorization: `Bearer ${AUTH_TOKEN}`,
+      "Content-Type": "application/json"
+    }
+  });
+  const dataResponse = await response.json();
+  if (!dataResponse.success) {
+    throw new Error(dataResponse.message || "Failed to fetch authorization");
+  }
+  return dataResponse;
+};
+
+// src/PBM.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
 function PBM({
   originalProductPrice,
@@ -968,24 +946,44 @@ function PBM({
   const formatedOriginalProductPrice = Number(
     String(originalProductPrice).replace(",", ".")
   );
-  const [loading, setLoading] = (0, import_react6.useState)(false);
-  const { setState, state, setTargetProduct } = usePBMStore();
-  (0, import_react6.useEffect)(() => {
-    if (eanProduct) {
-      setTargetProduct({ ean: eanProduct });
+  const [loading, setLoading] = (0, import_react5.useState)(false);
+  const { setState, state, setTargetProduct, targetProduct } = usePBMStore();
+  const fetchProductByEan = async () => {
+    try {
+      if (!eanProduct) {
+        console.error("PBMLOG: Ean is not defined.");
+        return;
+      }
+      const response = await GetProductByEAN({ PRODUCT_EAN: eanProduct });
+      if (response.success && response.data) {
+        const { pbm, sku, ...targetProductNewData } = response.data;
+        setTargetProduct({
+          ...targetProduct,
+          ...targetProductNewData,
+          productId: Number(targetProductNewData.productId),
+          informativeMessage: pbm.informativeMessage ?? "",
+          discountMax: pbm.discountMax ?? 0,
+          industryLogo: pbm.imageLink ?? void 0,
+          ean: eanProduct
+        });
+      }
+    } catch (error) {
+      console.error(error);
     }
-  }, [eanProduct, setTargetProduct]);
-  const handleAuthorizationRequest = (0, import_react6.useCallback)(async () => {
+  };
+  const handleAuthorizationRequest = (0, import_react5.useCallback)(async () => {
     try {
       const response = await GetAuthorization({ clientID });
-      if (!response.success) {
+      if (response.success) {
+        fetchProductByEan();
+      } else {
         console.error("PBMLOG: Authorization failed!");
       }
     } catch (error) {
       console.error("Error fetching authorization:", error);
     }
   }, [clientID]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     handleAuthorizationRequest();
   }, [handleAuthorizationRequest]);
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { id: "pbm-library-root", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Container_default, { variant: "main", children: [