@agrada_digital/pbm 0.0.68 → 0.0.70

package/dist/index.mjs

@@ -42,17 +42,17 @@ function Header({ originalProductPrice }) {
   return /* @__PURE__ */ jsxs(
     "header",
     {
-      className: "flex items-center justify-between w-full p-0.5 rounded-full bg-[#44c2c0]/30 mt-5",
+      className: "flex items-center justify-between w-full p-0.5 rounded-xl bg-[#44c2c0]/30 mt-5",
       id: "header_pbm",
       children: [
         /* @__PURE__ */ jsxs(
           "span",
           {
-            className: "py-1 px-6 rounded-full bg-[#44c2c0] shrink-0 text-white text-xl font-bold flex items-center justify-start gap-2 relative",
+            className: "py-1 px-6 rounded-xl bg-[#44c2c0] shrink-0 text-white text-xl font-bold flex items-center justify-start gap-2 relative",
             "data-testid": "test_id_header_price",
             id: "header_price",
             children: [
-              /* @__PURE__ */ jsxs("span", { className: "absolute -top-6 left-10 bg-emerald-500 px-4 py-1 rounded-t-2xl text-xs font-medium text-white", children: [
+              /* @__PURE__ */ jsxs("span", { className: "absolute -top-6 left-10 bg-emerald-500 px-4 py-1 rounded-t-lg text-xs font-medium text-white", children: [
                 targetProduct?.discountMax,
                 "% OFF"
               ] }),
@@ -93,7 +93,7 @@ function Container({
     "main",
     {
       className: classNames({
-        "border-3 border-[#44c2c0] flex flex-col items-center justify-center min-w-[var(--min-container)] max-w-[var(--max-container)] w-full h-auto rounded-2xl p-4 bg-white gap-4 relative": variant === "main",
+        "border-3 border-[#44c2c0] flex flex-col items-center justify-center min-w-[var(--min-container)] max-w-[var(--max-container)] w-full h-auto rounded-xl p-4 bg-white gap-4 relative": variant === "main",
         "w-full h-auto relative": variant === "simple"
       }),
       "data-testid": "test_id_container",
@@ -107,68 +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(() => {
-    const fetchProductByEan = async () => {
-      if (!targetProduct?.ean) return;
-      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();
-  }, [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",
@@ -209,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");
   }
@@ -246,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
@@ -259,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,
@@ -350,8 +302,8 @@ function Form({ setLoading }) {
                   {
                     type: "text",
                     className: classNames4(
-                      "w-full h-8 bg-gray-100 rounded-s-full text-sm font-semibold focus:outline focus:outline-[#339c9b] focus:bg-white  text-zinc-600 placeholder:text-zinc-600 px-4 placeholder:text-sm placeholder:font-semibold",
-                      { "outline outline-red-600": errors.securityNumber, "rounded-full": showCoupoField }
+                      "w-full h-10 bg-gray-100 rounded-s-lg text-sm font-semibold focus:outline focus:outline-[#339c9b] focus:bg-white  text-zinc-600 placeholder:text-zinc-600 px-4 placeholder:text-sm placeholder:font-semibold",
+                      { "outline outline-red-600": errors.securityNumber, "rounded-lg": showCoupoField }
                     ),
                     placeholder: "Digite seu CPF aqui...",
                     required: true,
@@ -384,8 +336,8 @@ function Form({ setLoading }) {
                   {
                     type: "text",
                     className: classNames4(
-                      "w-full h-8 bg-[#44c2c0]/20 rounded-s-full text-sm font-semibold focus:outline focus:outline-[#339c9b] focus:bg-[#44c2c0]/30  text-zinc-600 placeholder:text-zinc-600 px-4 placeholder:text-sm placeholder:font-semibold",
-                      { "outline outline-red-600": errors.coupon, "rounded-full": showCoupoField }
+                      "w-full h-10 bg-gray-100 rounded-s-lg text-sm font-semibold focus:outline focus:outline-[#339c9b] focus:bg-[#44c2c0]/30  text-zinc-600 placeholder:text-zinc-600 px-4 placeholder:text-sm placeholder:font-semibold",
+                      { "outline outline-red-600": errors.coupon, "rounded-lg": showCoupoField }
                     ),
                     placeholder: "Cupom / ID do Cart\xE3o",
                     ...register("coupon", {
@@ -409,8 +361,8 @@ function Form({ setLoading }) {
             {
               type: "submit",
               className: classNames4(
-                "bg-emerald-500 w-1/5 h-8 flex items-center justify-center rounded-e-full cursor-pointer",
-                { "rounded-full": showCoupoField }
+                "bg-emerald-500 w-1/5 h-10 rounded-e-lg flex items-center justify-center cursor-pointer",
+                { "rounded-lg": showCoupoField }
               ),
               id: "button_submit_security_number_pbm",
               children: /* @__PURE__ */ jsx5(ArrowRight, { size: 24, color: "white", strokeWidth: 2 })
@@ -468,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";
@@ -492,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();
@@ -522,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(
@@ -550,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 -top-4 text-emerald-900 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",
@@ -574,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");
   }
@@ -603,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");
@@ -799,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",
     {
@@ -806,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
     }
   );
@@ -828,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,
           {
@@ -844,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";
@@ -857,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,
           {
@@ -873,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;
@@ -899,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"
@@ -914,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,
@@ -923,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: [