@agrada_digital/pbm 0.0.90 → 0.0.92

package/dist/index.mjs

@@ -94,7 +94,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-xl p-4 bg-white gap-4 relative": variant === "main",
+        "border-3 border-[#44c2c0] flex flex-col items-center justify-center min-w-(--min-container) max-w-(--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",
@@ -110,7 +110,7 @@ var Container_default = Container;
 import classNames2 from "classnames";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function Footer() {
-  const { targetProduct, state } = usePBMStore();
+  const { targetProduct } = usePBMStore();
   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": 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." }),
@@ -146,7 +146,7 @@ var validationSchema = z.object({
   coupon: z.string({ required_error: "Cupom / ID do Cart\xE3o obrigat\xF3rio." }).optional()
 });
 
-// src/utils/format.ts
+// src/utils/format-security-number.ts
 var toFormat = (value) => {
   const cleanedValue = value.replace(/\D/g, "");
   if (cleanedValue.length <= 11) {
@@ -154,12 +154,15 @@ var toFormat = (value) => {
   }
 };
 
-// src/components/Form/index.tsx
-import classNames4 from "classnames";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { useForm } from "react-hook-form";
-import { ArrowRight } from "lucide-react";
-import { useState } from "react";
+// src/utils/mapping-internal-states.ts
+var mappingInternalStates = (outContextState) => {
+  const status = {
+    "acceptance": "isInvalid",
+    "industry registration": "isRegistered",
+    "active": "isActivated"
+  };
+  return status[outContextState];
+};
 
 // src/services/benefits-with-document.ts
 import Cookies from "js-cookie";
@@ -206,9 +209,14 @@ function Button(props) {
 var Button_default = Button;
 
 // src/components/Form/index.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+import { ArrowRight } from "lucide-react";
+import classNames4 from "classnames";
+import { Activity, useState } from "react";
 import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-function Form({ setLoading }) {
-  const { setSecurityNumber, setState, securityNumber, targetProduct, setUrlAcceptTerms, setUrlRegisterIndustry, setCardID } = usePBMStore();
+function Form({ startTransition }) {
+  const store = usePBMStore();
   const [showCardIDField, setShowCardIDField] = useState(false);
   const {
     handleSubmit,
@@ -221,64 +229,62 @@ function Form({ setLoading }) {
     resolver: zodResolver(validationSchema),
     mode: "onSubmit",
     defaultValues: {
-      securityNumber: securityNumber || "",
+      securityNumber: store.securityNumber || "",
       coupon: ""
     }
   });
-  const onSubmitDefault = async (values) => {
-    if (!showCardIDField) {
-      setValue("coupon", void 0, { shouldValidate: false });
-    }
-    if (showCardIDField && values.coupon != void 0) {
-      setCardID(values.coupon);
-    }
-    setLoading(true);
+  const checkSecurityNumberBenefits = async (values) => {
     try {
-      if (targetProduct === null) {
+      if (store.targetProduct === null) {
         console.error("PBMLOG: Product is not defined!");
         return;
       }
-      if (!targetProduct.productId) {
+      if (!store.targetProduct.productId) {
         console.error("PBMLOG: Product ID is not defined!");
         return;
       }
-      if (!targetProduct.listPrice) {
+      if (!store.targetProduct.listPrice) {
         console.error("PBMLOG: List Price is not defined!");
         return;
       }
+      const product = {
+        productId: store.targetProduct.productId,
+        ean: store.targetProduct.ean,
+        requestedQuantity: 1,
+        listPrice: store.targetProduct.listPrice,
+        netPrice: store.targetProduct.netPrice ?? store.targetProduct.listPrice
+      };
       const response = await BenefitsWithDocument({
         document: values.securityNumber.replace(/\D/g, ""),
-        products: [{
-          productId: targetProduct.productId,
-          ean: targetProduct.ean,
-          requestedQuantity: 1,
-          listPrice: targetProduct.listPrice,
-          netPrice: targetProduct.netPrice ?? targetProduct.listPrice
-        }]
+        products: [product]
       });
       if (response.success) {
-        const status = {
-          "acceptance": "isInvalid",
-          "industry registration": "isRegistered",
-          "active": "isActivated"
-        };
-        setSecurityNumber(values.securityNumber);
-        setState(status[response.data.product[0].statusCustomer]);
-        if (status[response.data.product[0].statusCustomer] === "isInvalid") {
-          setUrlAcceptTerms(response.data.product[0].urlAcceptTerm || void 0);
+        const status = mappingInternalStates(response.data.product[0].statusCustomer);
+        store.setSecurityNumber(values.securityNumber);
+        store.setState(status);
+        if (status === "isInvalid") {
+          store.setUrlAcceptTerms(response.data.product[0].urlAcceptTerm || void 0);
           return;
         }
-        if (status[response.data.product[0].statusCustomer] === "isRegistered") {
-          setUrlRegisterIndustry(response.data.product[0].informativeLink);
+        if (status === "isRegistered") {
+          store.setUrlRegisterIndustry(response.data.product[0].informativeLink);
           return;
         }
       }
     } catch (error) {
       console.error("PBMLOG: Error validating document -", error);
-    } finally {
-      setLoading(false);
     }
-    ;
+  };
+  const onSubmitDefault = async (values) => {
+    if (!showCardIDField) {
+      setValue("coupon", void 0, { shouldValidate: false });
+    }
+    if (showCardIDField && values.coupon != void 0) {
+      store.setCardID(values.coupon);
+    }
+    startTransition(async () => {
+      await checkSecurityNumberBenefits(values);
+    });
   };
   return /* @__PURE__ */ jsxs3(Fragment2, { children: [
     /* @__PURE__ */ jsxs3(
@@ -317,7 +323,7 @@ function Form({ setLoading }) {
                         });
                       }
                     }),
-                    defaultValue: securityNumber || "",
+                    defaultValue: store.securityNumber || "",
                     id: "input_security_number_pbm"
                   }
                 ),
@@ -325,7 +331,7 @@ function Form({ setLoading }) {
               ]
             }
           ),
-          showCardIDField && /* @__PURE__ */ jsxs3(
+          /* @__PURE__ */ jsx5(Activity, { mode: showCardIDField ? "visible" : "hidden", children: /* @__PURE__ */ jsxs3(
             "label",
             {
               htmlFor: "coupon",
@@ -356,7 +362,7 @@ function Form({ setLoading }) {
                 errors.coupon && /* @__PURE__ */ jsx5("span", { className: "text-red-400 text-xs font-semibold  absolute -bottom-3 left-2 text-nowrap", id: "coupon_form_error", children: errors.coupon.message })
               ]
             }
-          ),
+          ) }),
           /* @__PURE__ */ jsx5(
             "button",
             {
@@ -396,7 +402,7 @@ 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: () => setState("isPreview"),
+          onClick: () => store.setState("isPreview"),
           id: "check_benefits_button",
           children: [
             /* @__PURE__ */ jsx5("span", { children: "Consultar Benef\xEDcios" }),
@@ -434,9 +440,6 @@ function Loading({ textColor }) {
 }
 var Loading_default = Loading;
 
-// src/components/BenefitsTable/index.tsx
-import { useEffect as useEffect2, useState as useState3 } from "react";
-
 // src/components/UI/Title/index.tsx
 import classNames5 from "classnames";
 import { jsx as jsx7 } from "react/jsx-runtime";
@@ -457,6 +460,35 @@ function Title(props) {
 }
 var Title_default = Title;
 
+// src/services/benefits-without-document.ts
+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 = Cookies2.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 { useEffect as useEffect2, useState as useState2, useTransition } from "react";
+
 // src/libs/zustand/useModal.tsx
 import { create } from "zustand";
 var initialModalState = {
@@ -472,7 +504,7 @@ var createModalStore = (set) => ({
 var useModal = create(createModalStore);
 
 // src/components/BenefitsTable/Item.tsx
-import { useCallback, useEffect, useState as useState2 } from "react";
+import { useCallback, useEffect } from "react";
 import classNames6 from "classnames";
 
 // src/components/UI/Icons/index.tsx
@@ -528,7 +560,6 @@ import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 function Item({ data, onChange, checked }) {
   const { setAvailableDiscountSelected, state, isAuthenticatedShopper } = usePBMStore();
   const { setModal } = useModal();
-  const [openModalAlert, setOpenModalAlert] = useState2(false);
   const ID_INPUT = "unity_quantity_" + data.authorizedQuantity;
   const decimalDiscount = data.discountPercentual / 100;
   const unitDiscountValue = data.grossPrice * decimalDiscount;
@@ -558,12 +589,15 @@ function Item({ data, onChange, checked }) {
   useEffect(() => {
     updateStorageData();
   }, [updateStorageData]);
-  const CheckUserIsAuthenticated = () => {
-    if (isAuthenticatedShopper) return;
-    setModal({
-      id: "ShopperIsNotAuthenticated",
-      open: true
-    });
+  const handleChange = () => {
+    if (!isAuthenticatedShopper && state === "isActivated") {
+      setModal({
+        id: "ShopperIsNotAuthenticated",
+        open: true
+      });
+      return;
+    }
+    onChange();
   };
   return /* @__PURE__ */ jsxs6(
     "label",
@@ -574,7 +608,6 @@ function Item({ data, onChange, checked }) {
         { "cursor-not-allowed": state === "isPreview", "cursor-pointer": state === "isActivated" }
       ),
       id: "label_benefits_" + ID_INPUT,
-      onClick: CheckUserIsAuthenticated,
       children: [
         /* @__PURE__ */ jsx9(
           "input",
@@ -584,7 +617,7 @@ function Item({ data, onChange, checked }) {
             id: ID_INPUT,
             className: "hidden",
             checked,
-            onChange,
+            onChange: handleChange,
             disabled: state === "isPreview"
           }
         ),
@@ -617,57 +650,31 @@ function Item({ data, onChange, checked }) {
 }
 var Item_default = Item;
 
-// src/services/benefits-without-document.ts
-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 = Cookies2.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 { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 function BenefitsTable() {
+  const [isPending, startTransition] = useTransition();
   const { securityNumber, setState, state, targetProduct, customLoginUrl, isAuthenticatedShopper } = usePBMStore();
-  const [selectedDiscout, setSelectedDiscount] = useState3(null);
-  const [loading, setLoading] = useState3(true);
-  const [benefitsItems, setBenefitsItems] = useState3();
+  const [selectedDiscout, setSelectedDiscount] = useState2(null);
+  const [benefitsItems, setBenefitsItems] = useState2();
   useEffect2(() => {
+    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;
+    }
     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),
@@ -685,8 +692,6 @@ function BenefitsTable() {
       } catch (error) {
         setBenefitsItems(void 0);
         console.error(error);
-      } finally {
-        setLoading(false);
       }
     };
     const fetchDiscountWithDocument = async () => {
@@ -694,22 +699,6 @@ function BenefitsTable() {
         console.error("PBMLOG: Document is not defined");
         return;
       }
-      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),
@@ -727,13 +716,13 @@ function BenefitsTable() {
       } catch (error) {
         setBenefitsItems(void 0);
         console.error(error);
-      } finally {
-        setLoading(false);
       }
     };
-    state === "isActivated" ? fetchDiscountWithDocument() : fetchDicountsWithoutDocument();
+    startTransition(async () => {
+      state === "isActivated" ? await fetchDiscountWithDocument() : await fetchDicountsWithoutDocument();
+    });
   }, []);
-  if (loading) {
+  if (isPending) {
     return /* @__PURE__ */ jsxs7("main", { className: "flex items-center justify-center gap-4", id: "loading_pbm", children: [
       /* @__PURE__ */ jsx10(
         "div",
@@ -765,6 +754,7 @@ function BenefitsTable() {
           {
             className: "flex flex-col items-center justify-start w-full gap-4.5",
             id: "form_benefits_table_pbm",
+            onSubmit: (e) => e.preventDefault(),
             children: [
               !benefitsItems && /* @__PURE__ */ jsx10("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) => {
@@ -891,22 +881,13 @@ function SecurityNumberInvalid({ textColor }) {
           /* @__PURE__ */ jsx13("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__ */ jsx13(
-          Link_default,
-          {
-            href: urlAcceptTerms || "",
-            children: "Aceitar os termos"
-          }
-        )
+        /* @__PURE__ */ jsx13(Link_default, { href: urlAcceptTerms || "", children: "Aceitar os termos" })
       ]
     }
   );
 }
 var SecurityNumberInvalid_default = SecurityNumberInvalid;
 
-// src/PBM.tsx
-import { useCallback as useCallback2, useEffect as useEffect3, useState as useState4 } from "react";
-
 // src/components/SecurityNumberRegitered/index.tsx
 import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
 function SecurityNumberRegitered({ textColor }) {
@@ -920,19 +901,87 @@ function SecurityNumberRegitered({ textColor }) {
       children: [
         /* @__PURE__ */ jsx14(Title_default, { className: "w-full", textColor, children: "Ops, seu CPF ainda n\xE3o est\xE1 habilitado para este produto." }),
         /* @__PURE__ */ jsx14(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__ */ jsx14(
-          Link_default,
-          {
-            href: urlRegisterIndustry || "",
-            children: "Ativar CPF"
-          }
-        )
+        /* @__PURE__ */ jsx14(Link_default, { href: urlRegisterIndustry || "", children: "Ativar CPF" })
       ]
     }
   );
 }
 var SecurityNumberRegitered_default = SecurityNumberRegitered;
 
+// src/components/Errors/ErrorToApplyBenefits.tsx
+import { RefreshCw } from "lucide-react";
+import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+var ErrorToApplyBenefits = () => {
+  return /* @__PURE__ */ jsxs10(Container_default, { variant: "main", children: [
+    /* @__PURE__ */ jsx15(Title_default, { children: "Erro ao Aplicar o Benef\xEDcio" }),
+    /* @__PURE__ */ jsxs10(Text_default, { textAlign: "center", children: [
+      "O produto n\xE3o foi encontrado no sistema. ",
+      /* @__PURE__ */ jsx15("br", {}),
+      " Por favor, tente novamente mais tarde ou contate o suporte."
+    ] }),
+    /* @__PURE__ */ jsxs10(
+      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: () => window.location.reload(),
+        id: "check_benefits_button",
+        children: [
+          /* @__PURE__ */ jsx15("span", { children: "Tentar novamente" }),
+          /* @__PURE__ */ jsx15(RefreshCw, { size: 16 })
+        ]
+      }
+    )
+  ] });
+};
+var ErrorToApplyBenefits_default = ErrorToApplyBenefits;
+
+// src/components/Modal/index.tsx
+import classNames9 from "classnames";
+import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
+var Modal = ({ ID }) => {
+  const { customLoginUrl } = usePBMStore();
+  const { modal, setModal } = useModal();
+  return /* @__PURE__ */ jsxs11("main", { className: classNames9(
+    "fixed inset-0 flex items-center justify-center z-50 flex-col transition-all shadow bg-black/40",
+    {
+      "opacity-100 pointer-events-auto": modal.id === ID && modal.open,
+      "opacity-0 pointer-events-none": modal.id != ID || !modal.open
+    }
+  ), children: [
+    /* @__PURE__ */ jsx16("div", { className: "absolute inset-0", onClick: () => setModal({ id: "", open: false }) }),
+    /* @__PURE__ */ jsxs11("section", { className: "z-10 bg-white gap-2 flex-col items-center-safe justify-center-safe p-8 rounded-xl", children: [
+      /* @__PURE__ */ jsx16(Title_default, { textColor: "tomato", textSize: "18px", textAlign: "center", className: "mb-2", children: "Opa! Parece que voc\xEA n\xE3o est\xE1 Logado" }),
+      /* @__PURE__ */ jsxs11(Text_default, { className: "mb-2", textAlign: "center", children: [
+        "Para aproveitar os benef\xEDcios \xE9 necess\xE1rio realizar o ",
+        /* @__PURE__ */ jsx16("strong", { children: "Login" }),
+        " ou ",
+        /* @__PURE__ */ jsx16("strong", { children: "Cadastro" }),
+        " no site!"
+      ] }),
+      /* @__PURE__ */ jsxs11("section", { className: "flex items-center-safe justify-center-safe gap-4", children: [
+        /* @__PURE__ */ jsx16(Button_default, { className: "bg-gray-600 hover:bg-gray-500", onClick: () => setModal({ id: "", open: false }), children: "Seguir sem Benef\xEDcios" }),
+        /* @__PURE__ */ jsx16(Link_default, { href: customLoginUrl || "/login", children: "Aproveitar Benef\xEDcios" })
+      ] })
+    ] })
+  ] });
+};
+var Modal_default = Modal;
+
+// src/PBM.tsx
+import Skeleton from "@mui/material/Skeleton";
+
+// src/utils/format-price.ts
+var formatedPrice = (price) => {
+  const result = Number(String(price).replace(",", "."));
+  return result;
+};
+
+// src/PBM.tsx
+import { useTransition as useTransition2 } from "react";
+
+// src/hooks/useAppStartup.tsx
+import { useCallback as useCallback2, useEffect as useEffect3, useState as useState3 } from "react";
+
 // src/services/authorization.ts
 import Cookies3 from "js-cookie";
 var GetAuthorization = async ({ clientID }) => {
@@ -964,9 +1013,6 @@ var GetAuthorization = async ({ clientID }) => {
   return data;
 };
 
-// src/PBM.tsx
-import { RefreshCw } from "lucide-react";
-
 // src/services/get-product-by-ean.ts
 import Cookies4 from "js-cookie";
 var GetProductByEAN = async ({ PRODUCT_EAN }) => {
@@ -989,41 +1035,6 @@ var GetProductByEAN = async ({ PRODUCT_EAN }) => {
   return dataResponse;
 };
 
-// src/PBM.tsx
-import Skeleton from "@mui/material/Skeleton";
-
-// src/components/Modal/index.tsx
-import classNames9 from "classnames";
-import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
-var Modal = ({ ID }) => {
-  const { customLoginUrl } = usePBMStore();
-  const { modal, setModal } = useModal();
-  return /* @__PURE__ */ jsxs10("main", { className: classNames9(
-    "fixed inset-0 flex items-center justify-center z-50 flex-col transition-all shadow bg-black/40",
-    {
-      "opacity-100 pointer-events-auto": modal.id === ID && modal.open,
-      "opacity-0 pointer-events-none": modal.id != ID || !modal.open
-    }
-  ), children: [
-    /* @__PURE__ */ jsx15("div", { className: "absolute inset-0", onClick: () => setModal({ id: "", open: false }) }),
-    /* @__PURE__ */ jsxs10("section", { className: "z-10 bg-white gap-2 flex-col items-center-safe justify-center-safe p-8 rounded-xl", children: [
-      /* @__PURE__ */ jsx15(Title_default, { textColor: "tomato", textSize: "18px", textAlign: "center", className: "mb-2", children: "Opa! Parece que voc\xEA n\xE3o est\xE1 Logado" }),
-      /* @__PURE__ */ jsxs10(Text_default, { className: "mb-2", textAlign: "center", children: [
-        "Para aproveitar os benef\xEDcios \xE9 necess\xE1rio realizar o ",
-        /* @__PURE__ */ jsx15("strong", { children: "Login" }),
-        " ou ",
-        /* @__PURE__ */ jsx15("strong", { children: "Cadastro" }),
-        " no site!"
-      ] }),
-      /* @__PURE__ */ jsxs10("section", { className: "flex items-center-safe justify-center-safe gap-4", children: [
-        /* @__PURE__ */ jsx15(Button_default, { className: "bg-gray-600 hover:bg-gray-500", onClick: () => setModal({ id: "", open: false }), children: "Seguir sem Benef\xEDcios" }),
-        /* @__PURE__ */ jsx15(Link_default, { href: customLoginUrl || "/login", children: "Aproveitar Benef\xEDcios" })
-      ] })
-    ] })
-  ] });
-};
-var Modal_default = Modal;
-
 // src/services/get-list-products.ts
 import Cookies5 from "js-cookie";
 var GetProductsWithBenefits = async () => {
@@ -1046,44 +1057,33 @@ var GetProductsWithBenefits = async () => {
   return dataResponse;
 };
 
-// src/PBM.tsx
-import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
-function PBM({
-  originalProductPrice,
-  clientID,
-  eanProduct,
-  isAuthenticatedShopper,
-  customLoginUrl
-}) {
-  const formatedOriginalProductPrice = Number(
-    String(originalProductPrice).replace(",", ".")
-  );
-  const [isReady, setIsReady] = useState4(false);
-  const [loading, setLoading] = useState4(false);
-  const { state, setTargetProduct, targetProduct, setIsAuthenticatedShopper, setCustomLoginUrl } = usePBMStore();
-  const [EanProductExist, setEanProductExist] = useState4(true);
-  const [IsValid, setIsValid] = useState4(false);
+// src/hooks/useAppStartup.tsx
+var useAppStartup = (props) => {
+  const { setTargetProduct, targetProduct, setIsAuthenticatedShopper, setCustomLoginUrl } = usePBMStore();
+  const [IsReady, setIsReady] = useState3(false);
+  const [IsValid, setIsValid] = useState3(false);
+  const [EanProductExist, setEanProductExist] = useState3(true);
   const fetchValidateProduct = useCallback2(async () => {
     try {
       const response = await GetProductsWithBenefits();
       if (response.success) {
         const data = response.data;
-        const hasProductInList = data.some((product) => product.ean == eanProduct);
+        const hasProductInList = data.some((product) => product.ean == props.eanProduct);
         setIsValid(hasProductInList);
       }
     } catch (error) {
       console.error(error);
     }
-  }, [eanProduct, IsValid]);
+  }, [props.eanProduct, IsValid]);
   const fetchProductByEan = async () => {
     try {
       if (!IsValid) return;
-      if (!eanProduct) {
+      if (!props.eanProduct) {
         console.error("PBMLOG: Ean is not defined.");
         setEanProductExist(false);
         return;
       }
-      const response = await GetProductByEAN({ PRODUCT_EAN: eanProduct });
+      const response = await GetProductByEAN({ PRODUCT_EAN: props.eanProduct });
       if (response.success && response.data) {
         setEanProductExist(true);
         const { pbm, sku, ...targetProductNewData } = response.data;
@@ -1094,10 +1094,10 @@ function PBM({
           informativeMessage: pbm.informativeMessage ?? "",
           discountMax: pbm.discountMax ?? 0,
           industryLogo: pbm.imageLink ?? void 0,
-          ean: eanProduct
+          ean: props.eanProduct
         });
-        setIsAuthenticatedShopper(isAuthenticatedShopper);
-        setCustomLoginUrl(customLoginUrl);
+        setIsAuthenticatedShopper(props.isAuthenticatedShopper);
+        setCustomLoginUrl(props.customLoginUrl);
       }
     } catch (error) {
       console.error(error);
@@ -1105,9 +1105,9 @@ function PBM({
       setIsReady(true);
     }
   };
-  const handleAuthorizationRequest = useCallback2(async () => {
+  const fetchAuthorizationRequest = useCallback2(async () => {
     try {
-      const response = await GetAuthorization({ clientID });
+      const response = await GetAuthorization({ clientID: props.clientID });
       if (response.success) {
         fetchValidateProduct();
         fetchProductByEan();
@@ -1117,56 +1117,40 @@ function PBM({
     } catch (error) {
       console.error("Error fetching authorization:", error);
     }
-  }, [clientID, IsValid]);
+  }, [props.clientID, IsValid]);
   useEffect3(() => {
-    handleAuthorizationRequest();
-  }, [handleAuthorizationRequest]);
-  if (!isReady) {
-    return /* @__PURE__ */ jsx16(Skeleton, { variant: "rectangular", style: { borderRadius: "12px" }, width: 460, height: 358 });
+    fetchAuthorizationRequest();
+  }, [fetchAuthorizationRequest]);
+  return { IsReady, IsValid, EanProductExist };
+};
+var useAppStartup_default = useAppStartup;
+
+// src/PBM.tsx
+import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+function PBM(props) {
+  const { state } = usePBMStore();
+  const { IsReady, EanProductExist, IsValid } = useAppStartup_default(props);
+  const [isPending, startTransition] = useTransition2();
+  const formatedProductPrice = formatedPrice(props.originalProductPrice);
+  if (!IsReady) {
+    return /* @__PURE__ */ jsx17(Skeleton, { variant: "rectangular", style: { borderRadius: "12px" }, width: 460, height: 358 });
   }
   if (!EanProductExist) {
-    return /* @__PURE__ */ jsx16("div", { id: "pbm-library-root", children: /* @__PURE__ */ jsxs11(Container_default, { variant: "main", children: [
-      /* @__PURE__ */ jsx16(Title_default, { children: "Erro ao Aplicar o Benef\xEDcio" }),
-      /* @__PURE__ */ jsxs11(Text_default, { textAlign: "center", children: [
-        "O produto n\xE3o foi encontrado no sistema. ",
-        /* @__PURE__ */ jsx16("br", {}),
-        " Por favor, tente novamente mais tarde ou contate o suporte."
-      ] }),
-      /* @__PURE__ */ jsxs11(
-        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: () => window.location.reload(),
-          id: "check_benefits_button",
-          children: [
-            /* @__PURE__ */ jsx16("span", { children: "Tentar novamente" }),
-            /* @__PURE__ */ jsx16(RefreshCw, { size: 16 })
-          ]
-        }
-      )
-    ] }) });
+    return /* @__PURE__ */ jsx17("div", { id: "pbm-library-root", children: /* @__PURE__ */ jsx17(ErrorToApplyBenefits_default, {}) });
   }
-  if (!IsValid) {
-    return;
-  }
-  const RenderStateComponent = () => {
-    const StateMap = {
-      "isEmpty": /* @__PURE__ */ jsx16(Form_default, { setLoading }),
-      "isInvalid": /* @__PURE__ */ jsx16(SecurityNumberInvalid_default, {}),
-      "isRegistered": /* @__PURE__ */ jsx16(SecurityNumberRegitered_default, {}),
-      "isActivated": /* @__PURE__ */ jsx16(BenefitsTable_default, {}),
-      "isPreview": /* @__PURE__ */ jsx16(BenefitsTable_default, {})
-    };
-    if (!loading) return StateMap[state];
-    else return /* @__PURE__ */ jsx16(Loading_default, {});
-  };
-  return /* @__PURE__ */ jsxs11("div", { id: "pbm-library-root", children: [
-    /* @__PURE__ */ jsxs11(Container_default, { variant: "main", children: [
-      /* @__PURE__ */ jsx16(Header_default, { originalProductPrice: formatedOriginalProductPrice || 0 }),
-      /* @__PURE__ */ jsx16(Container_default, { variant: "simple", children: /* @__PURE__ */ jsx16(RenderStateComponent, {}) }),
-      /* @__PURE__ */ jsx16(Footer_default, {})
+  if (!IsValid) return;
+  return /* @__PURE__ */ jsxs12("div", { id: "pbm-library-root", children: [
+    /* @__PURE__ */ jsxs12(Container_default, { variant: "main", children: [
+      /* @__PURE__ */ jsx17(Header_default, { originalProductPrice: formatedProductPrice || 0 }),
+      /* @__PURE__ */ jsx17(Container_default, { variant: "simple", children: isPending ? /* @__PURE__ */ jsx17(Loading_default, {}) : /* @__PURE__ */ jsxs12(Fragment4, { children: [
+        state === "isEmpty" && /* @__PURE__ */ jsx17(Form_default, { startTransition }),
+        state === "isInvalid" && /* @__PURE__ */ jsx17(SecurityNumberInvalid_default, {}),
+        state === "isRegistered" && /* @__PURE__ */ jsx17(SecurityNumberRegitered_default, {}),
+        (state === "isActivated" || state === "isPreview") && /* @__PURE__ */ jsx17(BenefitsTable_default, {})
+      ] }) }),
+      /* @__PURE__ */ jsx17(Footer_default, {})
     ] }),
-    /* @__PURE__ */ jsx16(Modal_default, { ID: "ShopperIsNotAuthenticated" })
+    /* @__PURE__ */ jsx17(Modal_default, { ID: "ShopperIsNotAuthenticated" })
   ] });
 }
 var PBM_default = PBM;