@agrada_digital/pbm 0.0.69 → 0.0.71

package/dist/index.mjs

@@ -107,72 +107,20 @@ var Container_default = Container;
 
 // src/components/Footer/index.tsx
 import classNames2 from "classnames";
-import { useEffect, useState } from "react";
-
-// src/services/get-product-by-ean.ts
-import Cookies from "js-cookie";
-var GetProductByEAN = async ({ PRODUCT_EAN }) => {
-  const API_URL = import.meta.env.VITE_API_URL;
-  const AUTH_TOKEN = Cookies.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
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function Footer() {
-  const [industryLogo, setIndustryLogo] = useState(null);
   const { targetProduct, setTargetProduct, state } = usePBMStore();
-  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__ */ jsxs2("footer", { className: "w-full h-auto relative", id: "footer_pbm", children: [
     state !== "isActivated" && targetProduct?.informativeMessage && /* @__PURE__ */ jsx3("p", { className: "text-start mb-3 font-semibold text-sm text-amber-500", children: targetProduct?.informativeMessage }),
-    /* @__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: classNames2("flex items-center w-full h-auto gap-4", { "justify-center": targetProduct?.industryLogo, "justify-start": !targetProduct?.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." }),
         /* @__PURE__ */ jsx3("p", { className: "text-start font-normal text-sm", children: "Este produto tem pre\xE7o exclusivo para clientes cadastrados no programa." })
       ] }),
-      industryLogo && /* @__PURE__ */ jsx3(
+      targetProduct?.industryLogo && /* @__PURE__ */ jsx3(
         "img",
         {
-          src: industryLogo,
+          src: targetProduct.industryLogo,
           alt: "parceiro",
           className: "w-1/5 min-w-20 h-auto aspect-auto rounded-xl",
           loading: "eager",
@@ -213,16 +161,16 @@ import classNames4 from "classnames";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { useForm } from "react-hook-form";
 import { ArrowRight } from "lucide-react";
-import { useState as useState2 } from "react";
+import { useState } from "react";
 
 // src/services/benefits-with-document.ts
-import Cookies2 from "js-cookie";
+import Cookies from "js-cookie";
 var BenefitsWithDocument = async ({ document, 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 = Cookies2.get("pbm-token");
+  const AUTH_TOKEN = Cookies.get("pbm-token");
   if (!AUTH_TOKEN) {
     throw new Error("Token is not defined in cookies or is expired");
   }
@@ -250,7 +198,7 @@ function Button(props) {
     {
       ...props,
       className: classNames3(
-        "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
@@ -263,7 +211,7 @@ var Button_default = Button;
 import { Fragment, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function Form({ setLoading }) {
   const { setSecurityNumber, setState, securityNumber, targetProduct, setUrlAcceptTerms, setUrlRegisterIndustry } = usePBMStore();
-  const [showCoupoField, setShowCoupoField] = useState2(false);
+  const [showCoupoField, setShowCoupoField] = useState(false);
   const {
     handleSubmit,
     register,
@@ -414,7 +362,7 @@ function Form({ setLoading }) {
               type: "submit",
               className: classNames4(
                 "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__ */ jsx5(ArrowRight, { size: 24, color: "white", strokeWidth: 2 })
@@ -472,7 +420,7 @@ function Loading({ textColor }) {
 var Loading_default = Loading;
 
 // src/components/BenefitsTable/index.tsx
-import { useEffect as useEffect3, useState as useState3 } from "react";
+import { useEffect as useEffect2, useState as useState2 } from "react";
 
 // src/components/UI/Title/index.tsx
 import classNames5 from "classnames";
@@ -496,7 +444,7 @@ var Title_default = Title;
 
 // src/components/BenefitsTable/Item.tsx
 import { Badge, BadgeCheck } from "lucide-react";
-import { useCallback, useEffect as useEffect2 } from "react";
+import { useCallback, useEffect } from "react";
 import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 function Item({ data, onChange, checked }) {
   const { setAvailableDiscountSelected, securityNumber } = usePBMStore();
@@ -526,14 +474,14 @@ function Item({ data, onChange, checked }) {
     totalPriceProductWithDiscountBenefit,
     unitDiscountValue
   ]);
-  useEffect2(() => {
+  useEffect(() => {
     updateStorageData();
   }, [updateStorageData]);
   return /* @__PURE__ */ jsxs5(
     "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__ */ jsx8(
@@ -554,7 +502,7 @@ function Item({ data, onChange, checked }) {
           "un"
         ] }),
         /* @__PURE__ */ jsxs5("section", { className: "ml-auto relative", children: [
-          /* @__PURE__ */ jsxs5("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__ */ jsxs5("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",
@@ -578,13 +526,13 @@ function Item({ data, onChange, checked }) {
 var Item_default = Item;
 
 // src/services/benefits-without-document.ts
-import Cookies3 from "js-cookie";
+import Cookies2 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");
+  const AUTH_TOKEN = Cookies2.get("pbm-token");
   if (!AUTH_TOKEN) {
     throw new Error("Token is not defined in cookies or is expired");
   }
@@ -607,10 +555,10 @@ var CheckBenefistWithoutDocument = async ({ products }) => {
 import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 function BenefitsTable() {
   const { securityNumber, setState, targetProduct } = usePBMStore();
-  const [selectedDiscout, setSelectedDiscount] = useState3(null);
-  const [loading, setLoading] = useState3(true);
-  const [benefitsItems, setBenefitsItems] = useState3();
-  useEffect3(() => {
+  const [selectedDiscout, setSelectedDiscount] = useState2(null);
+  const [loading, setLoading] = useState2(true);
+  const [benefitsItems, setBenefitsItems] = useState2();
+  useEffect2(() => {
     const fetchDicountsWithoutDocument = async () => {
       if (!targetProduct?.productId) {
         console.error("PBMLOG: Product ID is not defined on targetProduct");
@@ -723,7 +671,7 @@ function BenefitsTable() {
         /* @__PURE__ */ jsxs6(
           "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__ */ 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." }),
@@ -803,6 +751,7 @@ var getParams = (params) => {
 // src/components/UI/Link/index.tsx
 import { jsx as jsx11 } from "react/jsx-runtime";
 function Link(props) {
+  const { setState } = usePBMStore();
   return /* @__PURE__ */ jsx11(
     "a",
     {
@@ -810,11 +759,12 @@ function Link(props) {
       target: "_blank",
       href: typeof props.href === "string" ? props.href : props.href.pathname + getParams(props.href.param),
       className: classNames7(
-        "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
     }
   );
@@ -832,8 +782,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__ */ jsx12(Title_default, { className: "w-full", textColor, children: "CPF n\xE3o cadastrado!" }),
-        /* @__PURE__ */ jsx12(Text_default, { className: "w-full", textColor, children: "Por favor, conclua seu cadastro para habilitar os benef\xEDcios deste laborat\xF3rio." }),
+        /* @__PURE__ */ jsx12(Title_default, { className: "w-full", textColor, children: "CPF n\xE3o cadastrado." }),
+        /* @__PURE__ */ jsxs7(Text_default, { className: "w-full", textColor, children: [
+          "Conclua seu cadastro para habilitar o benef\xEDcio. ",
+          /* @__PURE__ */ jsx12("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__ */ jsx12(
           Link_default,
           {
@@ -848,7 +802,7 @@ function SecurityNumberInvalid({ textColor }) {
 var SecurityNumberInvalid_default = SecurityNumberInvalid;
 
 // src/PBM.tsx
-import { useCallback as useCallback2, useEffect as useEffect4, useState as useState4 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect3, useState as useState3 } from "react";
 
 // src/components/SecurityNumberRegitered/index.tsx
 import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
@@ -861,8 +815,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__ */ jsx13(Title_default, { className: "w-full", textColor, children: "CPF n\xE3o habilitado no produto!" }),
-        /* @__PURE__ */ jsx13(Text_default, { className: "w-full", textColor, children: "Por favor, conclua seu cadastro para habilitar os benef\xEDcios deste laborat\xF3rio." }),
+        /* @__PURE__ */ jsx13(Title_default, { className: "w-full", textColor, children: "Ops, seu CPF ainda n\xE3o est\xE1 habilitado para este produto." }),
+        /* @__PURE__ */ jsx13(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__ */ jsx13(
           Link_default,
           {
@@ -877,7 +831,7 @@ function SecurityNumberRegitered({ textColor }) {
 var SecurityNumberRegitered_default = SecurityNumberRegitered;
 
 // src/services/authorization.ts
-import Cookies4 from "js-cookie";
+import Cookies3 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;
@@ -903,12 +857,12 @@ var GetAuthorization = async ({ clientID }) => {
   if (!dataResponse.success) {
     throw new Error(dataResponse.message || "Failed to fetch authorization");
   }
-  Cookies4.set("pbm-token", dataResponse.data.token, {
+  Cookies3.set("pbm-token", dataResponse.data.token, {
     expires: dataResponse.data.expiresIn / (60 * 60),
     secure: true,
     sameSite: "Strict"
   });
-  Cookies4.set("pbm-token-refresh", dataResponse.data.refreshToken, {
+  Cookies3.set("pbm-token-refresh", dataResponse.data.refreshToken, {
     expires: dataResponse.data.refreshExpiresIn / (60 * 60),
     secure: true,
     sameSite: "Strict"
@@ -918,6 +872,30 @@ var GetAuthorization = async ({ clientID }) => {
 
 // src/PBM.tsx
 import { ArrowRight as ArrowRight2 } from "lucide-react";
+
+// src/services/get-product-by-ean.ts
+import Cookies4 from "js-cookie";
+var GetProductByEAN = async ({ PRODUCT_EAN }) => {
+  const API_URL = import.meta.env.VITE_API_URL;
+  const AUTH_TOKEN = Cookies4.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
 import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
 function PBM({
   originalProductPrice,
@@ -927,24 +905,44 @@ function PBM({
   const formatedOriginalProductPrice = Number(
     String(originalProductPrice).replace(",", ".")
   );
-  const [loading, setLoading] = useState4(false);
-  const { setState, state, setTargetProduct } = usePBMStore();
-  useEffect4(() => {
-    if (eanProduct) {
-      setTargetProduct({ ean: eanProduct });
+  const [loading, setLoading] = useState3(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 = useCallback2(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]);
-  useEffect4(() => {
+  useEffect3(() => {
     handleAuthorizationRequest();
   }, [handleAuthorizationRequest]);
   return /* @__PURE__ */ jsx14("div", { id: "pbm-library-root", children: /* @__PURE__ */ jsxs9(Container_default, { variant: "main", children: [