@agrada_digital/pbm 0.0.56 → 0.0.62

package/dist/index.mjs

@@ -1,27 +1,84 @@
+// src/libs/zustand/usePBM.tsx
+import { createStore } from "zustand";
+import { useStore } from "zustand/react";
+var initialPBMState = {
+  securityNumber: "",
+  state: "isEmpty",
+  availableDiscountSelected: {
+    quantity: 0,
+    discount: {
+      unit: 0,
+      total: 0
+    },
+    totalPrice: 0
+  },
+  targetProduct: null,
+  campaign: "pbm_campaign"
+};
+var createPBMStore = (set) => ({
+  ...initialPBMState,
+  setSecurityNumber: (securityNumber) => set({ securityNumber }),
+  setState: (state) => set({ state }),
+  setTargetProduct: (targetProduct) => set({ targetProduct }),
+  setAvailableDiscountSelected: (availableDiscount) => set({ availableDiscountSelected: availableDiscount }),
+  setUrlAcceptTerms: (urlAcceptTerms) => set({ urlAcceptTerms })
+});
+var pbmStore = createStore(createPBMStore);
+function usePBMStore(selector) {
+  if (selector) {
+    return useStore(pbmStore, selector);
+  }
+  return useStore(pbmStore, (state) => state);
+}
+
 // src/components/Header/index.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 function Header({ originalProductPrice }) {
+  const { targetProduct } = usePBMStore();
+  const Price = targetProduct?.listPrice || originalProductPrice;
+  const Discount = Price * ((targetProduct?.discountMax || 0) / 100);
   return /* @__PURE__ */ jsxs(
     "header",
     {
-      className: "flex items-center justify-between w-full p-0.5 rounded-full bg-[#44c2c0]/30",
+      className: "flex items-center justify-between w-full p-0.5 rounded-full bg-[#44c2c0]/30 mt-5",
       id: "header_pbm",
       children: [
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsxs(
           "span",
           {
-            className: "py-1 px-6 rounded-full bg-[#44c2c0] shrink-0 text-white text-sm font-bold",
+            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",
             "data-testid": "test_id_header_price",
             id: "header_price",
-            children: Number(originalProductPrice)?.toLocaleString("pt-BR", {
-              currency: "BRL",
-              currencyDisplay: "symbol",
-              currencySign: "standard",
-              style: "currency"
-            })
+            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: [
+                Discount.toLocaleString("pt-BR", {
+                  currency: "BRL",
+                  currencyDisplay: "symbol",
+                  currencySign: "standard",
+                  style: "currency"
+                }),
+                " OFF"
+              ] }),
+              /* @__PURE__ */ jsxs("svg", { width: "32px", height: "32px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+                /* @__PURE__ */ jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
+                /* @__PURE__ */ jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
+                /* @__PURE__ */ jsxs("g", { id: "SVGRepo_iconCarrier", children: [
+                  /* @__PURE__ */ jsx("path", { d: "M10 8.99998C10.5523 8.99998 11 9.44769 11 9.99998C11 10.5523 10.5523 11 10 11C9.44775 11 9.00004 10.5523 9.00004 9.99998C9.00004 9.44769 9.44775 8.99998 10 8.99998Z", fill: "#fff" }),
+                  /* @__PURE__ */ jsx("path", { d: "M13 14C13 14.5523 13.4478 15 14 15C14.5523 15 15 14.5523 15 14C15 13.4477 14.5523 13 14 13C13.4478 13 13 13.4477 13 14Z", fill: "#fff" }),
+                  /* @__PURE__ */ jsx("path", { d: "M10.7071 14.7071L14.7071 10.7071C15.0977 10.3166 15.0977 9.6834 14.7071 9.29287C14.3166 8.90235 13.6835 8.90235 13.2929 9.29287L9.29293 13.2929C8.90241 13.6834 8.90241 14.3166 9.29293 14.7071C9.68346 15.0976 10.3166 15.0976 10.7071 14.7071Z", fill: "#fff" }),
+                  /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.3117 4.07145L15.1708 4.34503L14.5575 3.34485C13.3869 1.43575 10.6131 1.43575 9.44254 3.34485L8.82926 4.34503L7.68836 4.07145C5.51069 3.54925 3.54931 5.51063 4.07151 7.6883L4.34509 8.8292L3.34491 9.44248C1.43581 10.6131 1.43581 13.3869 3.34491 14.5575L4.34509 15.1708L4.07151 16.3117C3.54931 18.4893 5.51069 20.4507 7.68836 19.9285L8.82926 19.6549L9.44254 20.6551C10.6131 22.5642 13.3869 22.5642 14.5575 20.6551L15.1708 19.6549L16.3117 19.9285C18.4894 20.4507 20.4508 18.4893 19.9286 16.3117L19.655 15.1708L20.6552 14.5575C22.5643 13.3869 22.5643 10.6131 20.6552 9.44248L19.655 8.8292L19.9286 7.6883C20.4508 5.51063 18.4894 3.54925 16.3117 4.07145ZM11.1475 4.3903C11.5377 3.75393 12.4623 3.75393 12.8525 4.3903L13.8454 6.00951C14.0717 6.37867 14.51 6.56019 14.9311 6.45922L16.7781 6.01631C17.504 5.84225 18.1578 6.49604 17.9837 7.22193L17.5408 9.06894C17.4398 9.49003 17.6213 9.92827 17.9905 10.1546L19.6097 11.1475C20.2461 11.5377 20.2461 12.4623 19.6097 12.8525L17.9905 13.8453C17.6213 14.0717 17.4398 14.5099 17.5408 14.931L17.9837 16.778C18.1578 17.5039 17.504 18.1577 16.7781 17.9836L14.9311 17.5407C14.51 17.4398 14.0717 17.6213 13.8454 17.9904L12.8525 19.6097C12.4623 20.246 11.5377 20.246 11.1475 19.6097L10.1547 17.9904C9.92833 17.6213 9.49009 17.4398 9.069 17.5407L7.22199 17.9836C6.4961 18.1577 5.84231 17.5039 6.01637 16.778L6.45928 14.931C6.56026 14.5099 6.37873 14.0717 6.00957 13.8453L4.39036 12.8525C3.75399 12.4623 3.75399 11.5377 4.39036 11.1475L6.00957 10.1546C6.37873 9.92827 6.56026 9.49003 6.45928 9.06894L6.01637 7.22193C5.84231 6.49604 6.4961 5.84225 7.22199 6.01631L9.069 6.45922C9.49009 6.56019 9.92833 6.37867 10.1547 6.00951L11.1475 4.3903Z", fill: "#fff" })
+                ] })
+              ] }),
+              Number(Price - Discount)?.toLocaleString("pt-BR", {
+                currency: "BRL",
+                currencyDisplay: "symbol",
+                currencySign: "standard",
+                style: "currency"
+              })
+            ]
           }
         ),
-        /* @__PURE__ */ jsx("h1", { id: "header_title", className: "text-center w-full text-[#339c9b] font-bold text-xs px-4 md:text-sm", children: "Benef\xEDcio de Laborat\xF3rio" })
+        /* @__PURE__ */ jsx("h1", { id: "header_title", className: "text-center w-full text-[#339c9b] font-bold text-xs px-4 md:text-sm", children: "Desconto de Laborat\xF3rio" })
       ]
     }
   );
@@ -39,7 +96,7 @@ function Container({
     "main",
     {
       className: classNames({
-        "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-gray-100 gap-4": 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-2xl p-4 bg-gray-100 gap-4 relative": variant === "main",
         "w-full h-auto relative": variant === "simple"
       }),
       "data-testid": "test_id_container",
@@ -55,38 +112,6 @@ var Container_default = Container;
 import classNames2 from "classnames";
 import { useEffect, useState } from "react";
 
-// src/libs/zustand/usePBM.tsx
-import { createStore } from "zustand";
-import { useStore } from "zustand/react";
-var initialPBMState = {
-  securityNumber: "",
-  state: "isEmpty",
-  availableDiscountSelected: {
-    quantity: 0,
-    discount: {
-      unit: 0,
-      total: 0
-    },
-    totalPrice: 0
-  },
-  targetProduct: null,
-  campaign: "pbm_campaign"
-};
-var createPBMStore = (set) => ({
-  ...initialPBMState,
-  setSecurityNumber: (securityNumber) => set({ securityNumber }),
-  setState: (state) => set({ state }),
-  setTargetProduct: (targetProduct) => set({ targetProduct }),
-  setAvailableDiscountSelected: (availableDiscount) => set({ availableDiscountSelected: availableDiscount })
-});
-var pbmStore = createStore(createPBMStore);
-function usePBMStore(selector) {
-  if (selector) {
-    return useStore(pbmStore, selector);
-  }
-  return useStore(pbmStore, (state) => state);
-}
-
 // src/services/get-product-by-ean.ts
 import Cookies from "js-cookie";
 var GetProductByEAN = async ({ PRODUCT_EAN }) => {
@@ -103,7 +128,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,45 +137,56 @@ 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, state } = 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,
+            productId: Number(targetProductNewData.productId),
+            informativeMessage: pbm.informativeMessage ?? "",
+            discountMax: pbm.discountMax ?? 0
+          });
         }
       } catch (error) {
         console.error(error);
       }
     };
     fetchProductByEan();
-  }, [targetProduct]);
-  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." }),
-      /* @__PURE__ */ jsx3("p", { className: "text-start font-normal text-sm", children: "Este produto tem pre\xE7o exclusivo para clientes cadastrados no programa." })
+  }, [targetProduct?.ean]);
+  return /* @__PURE__ */ jsxs2("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." }),
+        /* @__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(
+        "img",
+        {
+          src: industryLogo,
+          alt: "parceiro",
+          className: "w-1/5 min-w-20 h-auto aspect-auto rounded-xl",
+          loading: "eager",
+          id: "footer_industry_logo_pbm",
+          "data-testid": "footer_industry_logo_pbm"
+        }
+      )
     ] }),
-    industryLogo && /* @__PURE__ */ jsx3(
-      "img",
-      {
-        src: industryLogo,
-        alt: "parceiro",
-        className: "w-1/5 min-w-20 h-auto aspect-auto",
-        loading: "eager",
-        id: "footer_industry_logo_pbm",
-        "data-testid": "footer_industry_logo_pbm"
-      }
-    )
-  ] }) });
+    state !== "isActivated" && targetProduct?.informativeMessage && /* @__PURE__ */ jsx3("p", { className: "text-start font-semibold text-sm", children: targetProduct?.informativeMessage })
+  ] });
 }
 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 +196,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
@@ -178,9 +214,9 @@ import { useForm } from "react-hook-form";
 import { ArrowRight } from "lucide-react";
 import { useState as useState2 } from "react";
 
-// src/services/validate-document.ts
+// src/services/benefits-with-document.ts
 import Cookies2 from "js-cookie";
-var ValidateDocument = async ({ document, products }) => {
+var BenefitsWithDocument = async ({ document: document2, products }) => {
   const API_URL = import.meta.env.VITE_API_URL;
   if (!API_URL) {
     throw new Error("API URL is not defined in environment variables");
@@ -189,13 +225,13 @@ var ValidateDocument = async ({ document, products }) => {
   if (!AUTH_TOKEN) {
     throw new Error("Token is not defined in cookies or is expired");
   }
-  const response = await fetch(`${API_URL}/transactions/validate`, {
+  const response = await fetch(`${API_URL}/products/benefitByDocument`, {
     method: "POST",
     headers: {
       Authorization: `Bearer ${AUTH_TOKEN}`,
       "Content-Type": "application/json"
     },
-    body: JSON.stringify({ document, products })
+    body: JSON.stringify({ consumer: { document: document2 }, products })
   });
   const dataResponse = await response.json();
   if (!dataResponse.success) {
@@ -213,7 +249,7 @@ function Button(props) {
     {
       ...props,
       className: classNames3(
-        "w-3xs cursor-pointer h-10 rounded-full bg-blue-500 hover:bg-blue-400 text-white text-sm font-semibold transition-colors",
+        "w-3xs cursor-pointer h-10 rounded-full bg-emerald-500 hover:bg-emerald-400 text-white text-sm font-semibold transition-colors",
         props.className
       ),
       children: props.children
@@ -225,37 +261,60 @@ var Button_default = Button;
 // src/components/Form/index.tsx
 import { Fragment, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function Form({ setLoading }) {
-  const { setSecurityNumber, setState, securityNumber, targetProduct } = usePBMStore();
+  const { setSecurityNumber, setState, securityNumber, targetProduct, setUrlAcceptTerms } = usePBMStore();
   const [showCoupoField, setShowCoupoField] = useState2(false);
   const {
     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) {
         console.error("PBMLOG: Product is not defined!");
         return;
       }
-      const response = await ValidateDocument({
+      if (!targetProduct.productId) {
+        console.error("PBMLOG: Product ID is not defined!");
+        return;
+      }
+      if (!targetProduct.listPrice) {
+        console.error("PBMLOG: List Price is not defined!");
+        return;
+      }
+      const response = await BenefitsWithDocument({
         document: values.securityNumber.replace(/\D/g, ""),
-        products: [{ ean: targetProduct.ean, quantity: targetProduct.quantity }]
+        products: [{
+          productId: targetProduct.productId,
+          ean: targetProduct.ean,
+          requestedQuantity: 1,
+          listPrice: targetProduct.listPrice,
+          netPrice: targetProduct.netPrice ?? targetProduct.listPrice
+        }]
       });
       if (response.success) {
         const status = {
-          "active": "isActivated",
-          "nonexistent": "isInvalid"
+          "acceptance": "isInvalid",
+          "industry registration": "isRegistered",
+          "active": "isActivated"
         };
         setSecurityNumber(values.securityNumber);
-        setState(status[response.data.process_platform.status]);
+        setState(status[response.data.product[0].statusCustumer]);
+        setUrlAcceptTerms(response.data.product[0].urlAcceptTerm || void 0);
       }
     } catch (error) {
       console.error("PBMLOG: Error validating document -", error);
@@ -271,7 +330,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: [
@@ -287,7 +346,7 @@ 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",
+                      "w-full h-8 bg-white 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 }
                     ),
                     placeholder: "Digite seu CPF aqui...",
@@ -325,12 +384,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
                         });
                       }
                     }),
@@ -346,7 +405,7 @@ function Form({ setLoading }) {
             {
               type: "submit",
               className: classNames4(
-                "bg-gray-400 w-1/5 h-8 flex items-center justify-center rounded-e-full cursor-pointer",
+                "bg-emerald-500 w-1/5 h-8 flex items-center justify-center rounded-e-full cursor-pointer",
                 { "rounded-full": showCoupoField }
               ),
               id: "button_submit_security_number_pbm",
@@ -360,7 +419,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 +464,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 +490,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 +568,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 +672,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",
@@ -611,9 +745,39 @@ var Text_default = Text;
 
 // src/components/Iframe/index.tsx
 import classNames7 from "classnames";
-import { TriangleAlert } from "lucide-react";
+import { TriangleAlert, ExternalLink } from "lucide-react";
+import { useState as useState4, useEffect as useEffect4 } from "react";
 import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
 function Iframe({ url, title, openModal, setOpenModal }) {
+  const [_, setIframeError] = useState4(false);
+  const [showFallback, setShowFallback] = useState4(false);
+  useEffect4(() => {
+    if (openModal && url) {
+      setIframeError(false);
+      setShowFallback(false);
+      const timeout = setTimeout(() => {
+        const iframe = document.querySelector('iframe[src="' + url + '"]');
+        if (iframe) {
+          try {
+            const iframeDoc = iframe.contentDocument || iframe.contentWindow?.document;
+            if (!iframeDoc) {
+              setIframeError(true);
+              setShowFallback(true);
+            }
+          } catch (e) {
+            setIframeError(true);
+            setShowFallback(true);
+          }
+        }
+      }, 2e3);
+      return () => clearTimeout(timeout);
+    }
+  }, [openModal, url]);
+  const handleOpenInNewWindow = () => {
+    if (url) {
+      window.open(url, "_blank", "noopener,noreferrer");
+    }
+  };
   return /* @__PURE__ */ jsxs7(
     "main",
     {
@@ -650,7 +814,22 @@ function Iframe({ url, title, openModal, setOpenModal }) {
             children: "Fechar"
           }
         ) }),
-        /* @__PURE__ */ jsx11(
+        showFallback ? /* @__PURE__ */ jsxs7("div", { className: "w-4/5 h-[80%] bg-zinc-800 z-10 flex flex-col items-center justify-center p-8 rounded-lg border-2 border-yellow-500", children: [
+          /* @__PURE__ */ jsx11(TriangleAlert, { size: 48, className: "text-yellow-500 mb-4" }),
+          /* @__PURE__ */ jsx11("h3", { className: "text-white text-xl font-bold mb-4 text-center", children: "N\xE3o foi poss\xEDvel carregar o conte\xFAdo" }),
+          /* @__PURE__ */ jsx11("p", { className: "text-white text-sm mb-6 text-center max-w-md", children: "O servidor bloqueou a exibi\xE7\xE3o deste conte\xFAdo em um iframe devido \xE0s pol\xEDticas de seguran\xE7a. Voc\xEA pode abrir o link em uma nova janela para continuar." }),
+          /* @__PURE__ */ jsxs7(
+            "button",
+            {
+              onClick: handleOpenInNewWindow,
+              className: "flex items-center gap-2 bg-emerald-500 hover:bg-emerald-600 text-white font-semibold px-6 py-3 rounded-lg transition-colors",
+              children: [
+                /* @__PURE__ */ jsx11(ExternalLink, { size: 20 }),
+                "Abrir em nova janela"
+              ]
+            }
+          )
+        ] }) : /* @__PURE__ */ jsx11(
           "iframe",
           {
             src: url,
@@ -658,7 +837,11 @@ function Iframe({ url, title, openModal, setOpenModal }) {
             width: "80%",
             height: "80%",
             allowFullScreen: true,
-            className: "z-10"
+            className: "z-10",
+            onError: () => {
+              setIframeError(true);
+              setShowFallback(true);
+            }
           }
         ),
         /* @__PURE__ */ jsxs7("section", { className: "items-center justify-center flex flex-wrap gap-1 bg-zinc-800 z-10 w-4/5 py-2 px-4 rounded-ee-2xl rounded-es-2xl border-t-2 border-gray-100", children: [
@@ -677,10 +860,11 @@ function Iframe({ url, title, openModal, setOpenModal }) {
 var Iframe_default = Iframe;
 
 // src/components/SecurityNumberInvalid/index.tsx
-import { useState as useState4 } from "react";
+import { useState as useState5 } from "react";
 import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 function SecurityNumberInvalid({ textColor }) {
-  const [openModal, setOpenModal] = useState4(false);
+  const [openModal, setOpenModal] = useState5(false);
+  const { urlAcceptTerms } = usePBMStore();
   return /* @__PURE__ */ jsxs8(
     "section",
     {
@@ -702,7 +886,7 @@ function SecurityNumberInvalid({ textColor }) {
         /* @__PURE__ */ jsx12(
           Iframe_default,
           {
-            url: "https://termo.azurewebsites.net/",
+            url: urlAcceptTerms || "",
             title: "Aceitar termos PBM",
             openModal,
             setOpenModal
@@ -715,7 +899,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 useEffect5, useState as useState6 } from "react";
 
 // src/components/UI/Link/index.tsx
 import classNames8 from "classnames";
@@ -776,7 +960,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 +977,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"
   });
@@ -826,11 +1010,11 @@ function PBM({
   const formatedOriginalProductPrice = Number(
     String(originalProductPrice).replace(",", ".")
   );
-  const [loading, setLoading] = useState5(false);
+  const [loading, setLoading] = useState6(false);
   const { setState, state, setTargetProduct } = usePBMStore();
-  useEffect3(() => {
+  useEffect5(() => {
     if (eanProduct) {
-      setTargetProduct({ ean: eanProduct, quantity: 1 });
+      setTargetProduct({ ean: eanProduct });
     }
   }, [eanProduct, setTargetProduct]);
   const handleAuthorizationRequest = useCallback2(async () => {
@@ -843,7 +1027,7 @@ function PBM({
       console.error("Error fetching authorization:", error);
     }
   }, [clientID]);
-  useEffect3(() => {
+  useEffect5(() => {
     handleAuthorizationRequest();
   }, [handleAuthorizationRequest]);
   return /* @__PURE__ */ jsxs10(Container_default, { variant: "main", children: [
@@ -867,7 +1051,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, {})
   ] });