@agrada_digital/pbm 0.0.90 → 0.0.92

package/dist/index.js

@@ -131,7 +131,7 @@ function Container({
     "main",
     {
       className: (0, import_classnames.default)({
-        "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",
@@ -147,7 +147,7 @@ var Container_default = Container;
 var import_classnames2 = __toESM(require("classnames"));
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function Footer() {
-  const { targetProduct, state } = usePBMStore();
+  const { targetProduct } = usePBMStore();
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("footer", { className: "w-full h-auto relative", id: "footer_pbm", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: (0, import_classnames2.default)("flex items-center w-full h-auto gap-4", { "justify-center": targetProduct?.industryLogo, "justify-start": !targetProduct?.industryLogo }), children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "w-4/5 h-auto", children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { className: "text-start font-semibold text-sm", children: "Economize com o benef\xEDcio do laborat\xF3rio." }),
@@ -183,7 +183,7 @@ var validationSchema = import_zod.z.object({
   coupon: import_zod.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) {
@@ -191,12 +191,15 @@ var toFormat = (value) => {
   }
 };
 
-// src/components/Form/index.tsx
-var import_classnames4 = __toESM(require("classnames"));
-var import_zod2 = require("@hookform/resolvers/zod");
-var import_react_hook_form = require("react-hook-form");
-var import_lucide_react = require("lucide-react");
-var import_react2 = require("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
 var import_js_cookie = __toESM(require("js-cookie"));
@@ -244,9 +247,14 @@ function Button(props) {
 var Button_default = Button;
 
 // src/components/Form/index.tsx
+var import_zod2 = require("@hookform/resolvers/zod");
+var import_react_hook_form = require("react-hook-form");
+var import_lucide_react = require("lucide-react");
+var import_classnames4 = __toESM(require("classnames"));
+var import_react2 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
-function Form({ setLoading }) {
-  const { setSecurityNumber, setState, securityNumber, targetProduct, setUrlAcceptTerms, setUrlRegisterIndustry, setCardID } = usePBMStore();
+function Form({ startTransition }) {
+  const store = usePBMStore();
   const [showCardIDField, setShowCardIDField] = (0, import_react2.useState)(false);
   const {
     handleSubmit,
@@ -259,64 +267,62 @@ function Form({ setLoading }) {
     resolver: (0, import_zod2.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__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
@@ -355,7 +361,7 @@ function Form({ setLoading }) {
                         });
                       }
                     }),
-                    defaultValue: securityNumber || "",
+                    defaultValue: store.securityNumber || "",
                     id: "input_security_number_pbm"
                   }
                 ),
@@ -363,7 +369,7 @@ function Form({ setLoading }) {
               ]
             }
           ),
-          showCardIDField && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react2.Activity, { mode: showCardIDField ? "visible" : "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
             "label",
             {
               htmlFor: "coupon",
@@ -394,7 +400,7 @@ function Form({ setLoading }) {
                 errors.coupon && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("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__ */ (0, import_jsx_runtime5.jsx)(
             "button",
             {
@@ -434,7 +440,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__ */ (0, import_jsx_runtime5.jsx)("span", { children: "Consultar Benef\xEDcios" }),
@@ -472,9 +478,6 @@ function Loading({ textColor }) {
 }
 var Loading_default = Loading;
 
-// src/components/BenefitsTable/index.tsx
-var import_react4 = require("react");
-
 // src/components/UI/Title/index.tsx
 var import_classnames5 = __toESM(require("classnames"));
 var import_jsx_runtime7 = require("react/jsx-runtime");
@@ -495,6 +498,36 @@ function Title(props) {
 }
 var Title_default = Title;
 
+// src/services/benefits-without-document.ts
+var import_js_cookie2 = __toESM(require("js-cookie"));
+var import_meta2 = {};
+var CheckBenefistWithoutDocument = async ({ products }) => {
+  const API_URL = import_meta2.env.VITE_API_URL;
+  if (!API_URL) {
+    throw new Error("API URL is not defined in environment variables");
+  }
+  const AUTH_TOKEN = import_js_cookie2.default.get("pbm-token");
+  if (!AUTH_TOKEN) {
+    throw new Error("Token is not defined in cookies or is expired");
+  }
+  const response = await fetch(`${API_URL}/products/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
+var import_react4 = require("react");
+
 // src/libs/zustand/useModal.tsx
 var import_zustand2 = require("zustand");
 var initialModalState = {
@@ -566,7 +599,6 @@ var import_jsx_runtime9 = require("react/jsx-runtime");
 function Item({ data, onChange, checked }) {
   const { setAvailableDiscountSelected, state, isAuthenticatedShopper } = usePBMStore();
   const { setModal } = useModal();
-  const [openModalAlert, setOpenModalAlert] = (0, import_react3.useState)(false);
   const ID_INPUT = "unity_quantity_" + data.authorizedQuantity;
   const decimalDiscount = data.discountPercentual / 100;
   const unitDiscountValue = data.grossPrice * decimalDiscount;
@@ -596,12 +628,15 @@ function Item({ data, onChange, checked }) {
   (0, import_react3.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__ */ (0, import_jsx_runtime9.jsxs)(
     "label",
@@ -612,7 +647,6 @@ function Item({ data, onChange, checked }) {
         { "cursor-not-allowed": state === "isPreview", "cursor-pointer": state === "isActivated" }
       ),
       id: "label_benefits_" + ID_INPUT,
-      onClick: CheckUserIsAuthenticated,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "input",
@@ -622,7 +656,7 @@ function Item({ data, onChange, checked }) {
             id: ID_INPUT,
             className: "hidden",
             checked,
-            onChange,
+            onChange: handleChange,
             disabled: state === "isPreview"
           }
         ),
@@ -655,58 +689,31 @@ function Item({ data, onChange, checked }) {
 }
 var Item_default = Item;
 
-// src/services/benefits-without-document.ts
-var import_js_cookie2 = __toESM(require("js-cookie"));
-var import_meta2 = {};
-var CheckBenefistWithoutDocument = async ({ products }) => {
-  const API_URL = import_meta2.env.VITE_API_URL;
-  if (!API_URL) {
-    throw new Error("API URL is not defined in environment variables");
-  }
-  const AUTH_TOKEN = import_js_cookie2.default.get("pbm-token");
-  if (!AUTH_TOKEN) {
-    throw new Error("Token is not defined in cookies or is expired");
-  }
-  const response = await fetch(`${API_URL}/products/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
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function BenefitsTable() {
+  const [isPending, startTransition] = (0, import_react4.useTransition)();
   const { securityNumber, setState, state, targetProduct, customLoginUrl, isAuthenticatedShopper } = usePBMStore();
   const [selectedDiscout, setSelectedDiscount] = (0, import_react4.useState)(null);
-  const [loading, setLoading] = (0, import_react4.useState)(true);
   const [benefitsItems, setBenefitsItems] = (0, import_react4.useState)();
   (0, import_react4.useEffect)(() => {
+    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),
@@ -724,8 +731,6 @@ function BenefitsTable() {
       } catch (error) {
         setBenefitsItems(void 0);
         console.error(error);
-      } finally {
-        setLoading(false);
       }
     };
     const fetchDiscountWithDocument = async () => {
@@ -733,22 +738,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),
@@ -766,13 +755,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__ */ (0, import_jsx_runtime10.jsxs)("main", { className: "flex items-center justify-center gap-4", id: "loading_pbm", children: [
       /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         "div",
@@ -804,6 +793,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__ */ (0, import_jsx_runtime10.jsx)("p", { className: "text-sm font-semibold text-start text-zinc-900", id: "benefits_empty_pbm", children: "N\xE3o foi poss\xEDvel encontrar benef\xEDcios para esse produto." }),
               benefitsItems && benefitsItems.map((item, index) => {
@@ -930,22 +920,13 @@ function SecurityNumberInvalid({ textColor }) {
           /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("br", {}),
           "Ao clicar em \u201CAceitar os termos\u201D, voc\xEA ir\xE1 para uma p\xE1gina externa. Aceite os termos e volte para continuar."
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-          Link_default,
-          {
-            href: urlAcceptTerms || "",
-            children: "Aceitar os termos"
-          }
-        )
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Link_default, { href: urlAcceptTerms || "", children: "Aceitar os termos" })
       ]
     }
   );
 }
 var SecurityNumberInvalid_default = SecurityNumberInvalid;
 
-// src/PBM.tsx
-var import_react5 = require("react");
-
 // src/components/SecurityNumberRegitered/index.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
 function SecurityNumberRegitered({ textColor }) {
@@ -959,19 +940,87 @@ function SecurityNumberRegitered({ textColor }) {
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Title_default, { className: "w-full", textColor, children: "Ops, seu CPF ainda n\xE3o est\xE1 habilitado para este produto." }),
         /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text_default, { className: "w-full", textColor, children: "Para ativar o benef\xEDcio, clique em \u201CAtivar CPF\u201D e conclua a etapa na p\xE1gina externa. Depois, \xE9 s\xF3 voltar para continuar \u2014 vamos aguardar voc\xEA aqui." }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-          Link_default,
-          {
-            href: urlRegisterIndustry || "",
-            children: "Ativar CPF"
-          }
-        )
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Link_default, { href: urlRegisterIndustry || "", children: "Ativar CPF" })
       ]
     }
   );
 }
 var SecurityNumberRegitered_default = SecurityNumberRegitered;
 
+// src/components/Errors/ErrorToApplyBenefits.tsx
+var import_lucide_react2 = require("lucide-react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var ErrorToApplyBenefits = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Container_default, { variant: "main", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Title_default, { children: "Erro ao Aplicar o Benef\xEDcio" }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Text_default, { textAlign: "center", children: [
+      "O produto n\xE3o foi encontrado no sistema. ",
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("br", {}),
+      " Por favor, tente novamente mais tarde ou contate o suporte."
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+      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__ */ (0, import_jsx_runtime15.jsx)("span", { children: "Tentar novamente" }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react2.RefreshCw, { size: 16 })
+        ]
+      }
+    )
+  ] });
+};
+var ErrorToApplyBenefits_default = ErrorToApplyBenefits;
+
+// src/components/Modal/index.tsx
+var import_classnames9 = __toESM(require("classnames"));
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var Modal = ({ ID }) => {
+  const { customLoginUrl } = usePBMStore();
+  const { modal, setModal } = useModal();
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("main", { className: (0, import_classnames9.default)(
+    "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__ */ (0, import_jsx_runtime16.jsx)("div", { className: "absolute inset-0", onClick: () => setModal({ id: "", open: false }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("section", { className: "z-10 bg-white gap-2 flex-col items-center-safe justify-center-safe p-8 rounded-xl", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Title_default, { textColor: "tomato", textSize: "18px", textAlign: "center", className: "mb-2", children: "Opa! Parece que voc\xEA n\xE3o est\xE1 Logado" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Text_default, { className: "mb-2", textAlign: "center", children: [
+        "Para aproveitar os benef\xEDcios \xE9 necess\xE1rio realizar o ",
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("strong", { children: "Login" }),
+        " ou ",
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("strong", { children: "Cadastro" }),
+        " no site!"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("section", { className: "flex items-center-safe justify-center-safe gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Button_default, { className: "bg-gray-600 hover:bg-gray-500", onClick: () => setModal({ id: "", open: false }), children: "Seguir sem Benef\xEDcios" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Link_default, { href: customLoginUrl || "/login", children: "Aproveitar Benef\xEDcios" })
+      ] })
+    ] })
+  ] });
+};
+var Modal_default = Modal;
+
+// src/PBM.tsx
+var import_Skeleton = __toESM(require("@mui/material/Skeleton"));
+
+// src/utils/format-price.ts
+var formatedPrice = (price) => {
+  const result = Number(String(price).replace(",", "."));
+  return result;
+};
+
+// src/PBM.tsx
+var import_react6 = require("react");
+
+// src/hooks/useAppStartup.tsx
+var import_react5 = require("react");
+
 // src/services/authorization.ts
 var import_js_cookie3 = __toESM(require("js-cookie"));
 var GetAuthorization = async ({ clientID }) => {
@@ -1003,9 +1052,6 @@ var GetAuthorization = async ({ clientID }) => {
   return data;
 };
 
-// src/PBM.tsx
-var import_lucide_react2 = require("lucide-react");
-
 // src/services/get-product-by-ean.ts
 var import_js_cookie4 = __toESM(require("js-cookie"));
 var import_meta3 = {};
@@ -1029,41 +1075,6 @@ var GetProductByEAN = async ({ PRODUCT_EAN }) => {
   return dataResponse;
 };
 
-// src/PBM.tsx
-var import_Skeleton = __toESM(require("@mui/material/Skeleton"));
-
-// src/components/Modal/index.tsx
-var import_classnames9 = __toESM(require("classnames"));
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var Modal = ({ ID }) => {
-  const { customLoginUrl } = usePBMStore();
-  const { modal, setModal } = useModal();
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("main", { className: (0, import_classnames9.default)(
-    "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__ */ (0, import_jsx_runtime15.jsx)("div", { className: "absolute inset-0", onClick: () => setModal({ id: "", open: false }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("section", { className: "z-10 bg-white gap-2 flex-col items-center-safe justify-center-safe p-8 rounded-xl", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Title_default, { textColor: "tomato", textSize: "18px", textAlign: "center", className: "mb-2", children: "Opa! Parece que voc\xEA n\xE3o est\xE1 Logado" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Text_default, { className: "mb-2", textAlign: "center", children: [
-        "Para aproveitar os benef\xEDcios \xE9 necess\xE1rio realizar o ",
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("strong", { children: "Login" }),
-        " ou ",
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("strong", { children: "Cadastro" }),
-        " no site!"
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("section", { className: "flex items-center-safe justify-center-safe gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button_default, { className: "bg-gray-600 hover:bg-gray-500", onClick: () => setModal({ id: "", open: false }), children: "Seguir sem Benef\xEDcios" }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Link_default, { href: customLoginUrl || "/login", children: "Aproveitar Benef\xEDcios" })
-      ] })
-    ] })
-  ] });
-};
-var Modal_default = Modal;
-
 // src/services/get-list-products.ts
 var import_js_cookie5 = __toESM(require("js-cookie"));
 var import_meta4 = {};
@@ -1087,44 +1098,33 @@ var GetProductsWithBenefits = async () => {
   return dataResponse;
 };
 
-// src/PBM.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
-function PBM({
-  originalProductPrice,
-  clientID,
-  eanProduct,
-  isAuthenticatedShopper,
-  customLoginUrl
-}) {
-  const formatedOriginalProductPrice = Number(
-    String(originalProductPrice).replace(",", ".")
-  );
-  const [isReady, setIsReady] = (0, import_react5.useState)(false);
-  const [loading, setLoading] = (0, import_react5.useState)(false);
-  const { state, setTargetProduct, targetProduct, setIsAuthenticatedShopper, setCustomLoginUrl } = usePBMStore();
-  const [EanProductExist, setEanProductExist] = (0, import_react5.useState)(true);
+// src/hooks/useAppStartup.tsx
+var useAppStartup = (props) => {
+  const { setTargetProduct, targetProduct, setIsAuthenticatedShopper, setCustomLoginUrl } = usePBMStore();
+  const [IsReady, setIsReady] = (0, import_react5.useState)(false);
   const [IsValid, setIsValid] = (0, import_react5.useState)(false);
+  const [EanProductExist, setEanProductExist] = (0, import_react5.useState)(true);
   const fetchValidateProduct = (0, import_react5.useCallback)(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;
@@ -1135,10 +1135,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);
@@ -1146,9 +1146,9 @@ function PBM({
       setIsReady(true);
     }
   };
-  const handleAuthorizationRequest = (0, import_react5.useCallback)(async () => {
+  const fetchAuthorizationRequest = (0, import_react5.useCallback)(async () => {
     try {
-      const response = await GetAuthorization({ clientID });
+      const response = await GetAuthorization({ clientID: props.clientID });
       if (response.success) {
         fetchValidateProduct();
         fetchProductByEan();
@@ -1158,56 +1158,40 @@ function PBM({
     } catch (error) {
       console.error("Error fetching authorization:", error);
     }
-  }, [clientID, IsValid]);
+  }, [props.clientID, IsValid]);
   (0, import_react5.useEffect)(() => {
-    handleAuthorizationRequest();
-  }, [handleAuthorizationRequest]);
-  if (!isReady) {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_Skeleton.default, { variant: "rectangular", style: { borderRadius: "12px" }, width: 460, height: 358 });
+    fetchAuthorizationRequest();
+  }, [fetchAuthorizationRequest]);
+  return { IsReady, IsValid, EanProductExist };
+};
+var useAppStartup_default = useAppStartup;
+
+// src/PBM.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function PBM(props) {
+  const { state } = usePBMStore();
+  const { IsReady, EanProductExist, IsValid } = useAppStartup_default(props);
+  const [isPending, startTransition] = (0, import_react6.useTransition)();
+  const formatedProductPrice = formatedPrice(props.originalProductPrice);
+  if (!IsReady) {
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_Skeleton.default, { variant: "rectangular", style: { borderRadius: "12px" }, width: 460, height: 358 });
   }
   if (!EanProductExist) {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { id: "pbm-library-root", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Container_default, { variant: "main", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Title_default, { children: "Erro ao Aplicar o Benef\xEDcio" }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Text_default, { textAlign: "center", children: [
-        "O produto n\xE3o foi encontrado no sistema. ",
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("br", {}),
-        " Por favor, tente novamente mais tarde ou contate o suporte."
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-        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__ */ (0, import_jsx_runtime16.jsx)("span", { children: "Tentar novamente" }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react2.RefreshCw, { size: 16 })
-          ]
-        }
-      )
-    ] }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { id: "pbm-library-root", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ErrorToApplyBenefits_default, {}) });
   }
-  if (!IsValid) {
-    return;
-  }
-  const RenderStateComponent = () => {
-    const StateMap = {
-      "isEmpty": /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Form_default, { setLoading }),
-      "isInvalid": /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SecurityNumberInvalid_default, {}),
-      "isRegistered": /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SecurityNumberRegitered_default, {}),
-      "isActivated": /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(BenefitsTable_default, {}),
-      "isPreview": /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(BenefitsTable_default, {})
-    };
-    if (!loading) return StateMap[state];
-    else return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Loading_default, {});
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { id: "pbm-library-root", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Container_default, { variant: "main", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Header_default, { originalProductPrice: formatedOriginalProductPrice || 0 }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Container_default, { variant: "simple", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RenderStateComponent, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Footer_default, {})
+  if (!IsValid) return;
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { id: "pbm-library-root", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Container_default, { variant: "main", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Header_default, { originalProductPrice: formatedProductPrice || 0 }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Container_default, { variant: "simple", children: isPending ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Loading_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+        state === "isEmpty" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Form_default, { startTransition }),
+        state === "isInvalid" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SecurityNumberInvalid_default, {}),
+        state === "isRegistered" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SecurityNumberRegitered_default, {}),
+        (state === "isActivated" || state === "isPreview") && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BenefitsTable_default, {})
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Footer_default, {})
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Modal_default, { ID: "ShopperIsNotAuthenticated" })
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Modal_default, { ID: "ShopperIsNotAuthenticated" })
   ] });
 }
 var PBM_default = PBM;