@agrada_digital/pbm 0.0.85 → 0.0.86

package/dist/index.mjs

@@ -3,6 +3,7 @@ import { createStore } from "zustand";
 import { useStore } from "zustand/react";
 var initialPBMState = {
   securityNumber: "",
+  cardID: "",
   state: "isEmpty",
   availableDiscountSelected: {
     quantity: 0,
@@ -27,7 +28,8 @@ var createPBMStore = (set) => ({
   setUrlAcceptTerms: (urlAcceptTerms) => set({ urlAcceptTerms }),
   setUrlRegisterIndustry: (urlRegisterIndustry) => set({ urlRegisterIndustry }),
   setIsAuthenticatedShopper: (isAuthenticatedShopper) => set({ isAuthenticatedShopper }),
-  setCustomLoginUrl: (customLoginUrl) => set({ customLoginUrl })
+  setCustomLoginUrl: (customLoginUrl) => set({ customLoginUrl }),
+  setCardID: (cardID) => set({ cardID })
 });
 var pbmStore = createStore(createPBMStore);
 function usePBMStore(selector) {
@@ -153,7 +155,7 @@ var toFormat = (value) => {
 };
 
 // src/components/Form/index.tsx
-import classNames3 from "classnames";
+import classNames4 from "classnames";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { useForm } from "react-hook-form";
 import { ArrowRight } from "lucide-react";
@@ -185,11 +187,29 @@ var BenefitsWithDocument = async ({ document, products }) => {
   return dataResponse;
 };
 
+// src/components/UI/Button/index.tsx
+import classNames3 from "classnames";
+import { jsx as jsx4 } from "react/jsx-runtime";
+function Button(props) {
+  return /* @__PURE__ */ jsx4(
+    "button",
+    {
+      ...props,
+      className: classNames3(
+        "w-3xs cursor-pointer h-10 rounded-lg bg-emerald-500 hover:bg-emerald-400 text-white text-sm font-semibold transition-colors",
+        props.className
+      ),
+      children: props.children
+    }
+  );
+}
+var Button_default = Button;
+
 // src/components/Form/index.tsx
-import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function Form({ setLoading }) {
-  const { setSecurityNumber, setState, securityNumber, targetProduct, setUrlAcceptTerms, setUrlRegisterIndustry } = usePBMStore();
-  const [showCoupoField, setShowCoupoField] = useState(false);
+  const { setSecurityNumber, setState, securityNumber, targetProduct, setUrlAcceptTerms, setUrlRegisterIndustry, setCardID } = usePBMStore();
+  const [showCardIDField, setShowCardIDField] = useState(false);
   const {
     handleSubmit,
     register,
@@ -206,9 +226,12 @@ function Form({ setLoading }) {
     }
   });
   const onSubmitDefault = async (values) => {
-    if (!showCoupoField) {
+    if (!showCardIDField) {
       setValue("coupon", void 0, { shouldValidate: false });
     }
+    if (showCardIDField && values.coupon != void 0) {
+      setCardID(values.coupon);
+    }
     setLoading(true);
     try {
       if (targetProduct === null) {
@@ -257,105 +280,140 @@ function Form({ setLoading }) {
     }
     ;
   };
-  return /* @__PURE__ */ jsx4(Fragment2, { children: /* @__PURE__ */ jsxs3(
-    "form",
-    {
-      onSubmit: handleSubmit(onSubmitDefault),
-      className: classNames3(
-        "w-full h-auto flex items-center justify-center mb-0 transition-all duration-150",
-        { "mb-4": errors.securityNumber || errors.coupon && showCoupoField, "gap-2": showCoupoField }
-      ),
-      id: "form_security_number_pbm",
-      children: [
-        /* @__PURE__ */ jsxs3(
-          "label",
-          {
-            htmlFor: "cpf",
-            className: "w-4/5 h-auto flex items-start flex-col justify-center relative py-2",
-            id: "label_security_number_pbm",
-            children: [
-              /* @__PURE__ */ jsx4(
-                "input",
-                {
-                  type: "text",
-                  className: classNames3(
-                    "w-full h-10 bg-gray-100 rounded-s-lg text-sm font-semibold focus:outline focus:outline-[#339c9b] focus:bg-white  text-zinc-600 placeholder:text-zinc-600 px-4 placeholder:text-sm placeholder:font-semibold",
-                    { "outline outline-red-600": errors.securityNumber, "rounded-lg": showCoupoField }
-                  ),
-                  placeholder: "Digite seu CPF aqui...",
-                  required: true,
-                  maxLength: 14,
-                  ...register("securityNumber", {
-                    onChange: (e) => {
-                      const formatted = toFormat(e.target.value);
-                      setValue("securityNumber", formatted, {
-                        shouldValidate: true
-                      });
-                    }
-                  }),
-                  defaultValue: securityNumber || "",
-                  id: "input_security_number_pbm"
-                }
-              ),
-              errors.securityNumber && /* @__PURE__ */ jsx4("span", { className: "text-red-400 text-xs font-semibold  absolute -bottom-3 left-2 text-nowrap", id: "security_number_form_error", children: errors.securityNumber.message })
-            ]
-          }
+  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsxs3(
+      "form",
+      {
+        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 && showCardIDField, "gap-2": showCardIDField }
         ),
-        showCoupoField && /* @__PURE__ */ jsxs3(
-          "label",
-          {
-            htmlFor: "coupon",
-            className: "w-4/5 h-auto flex items-start flex-col justify-center relative py-2",
-            id: "label_coupon_pbm",
-            children: [
-              /* @__PURE__ */ jsx4(
-                "input",
-                {
-                  type: "text",
-                  className: classNames3(
-                    "w-full h-10 bg-gray-100 rounded-s-lg text-sm font-semibold focus:outline focus:outline-[#339c9b] focus:bg-white  text-zinc-600 placeholder:text-zinc-600 px-4 placeholder:text-sm placeholder:font-semibold",
-                    { "outline outline-red-600": errors.coupon, "rounded-lg": showCoupoField }
-                  ),
-                  placeholder: "Cupom / ID do Cart\xE3o",
-                  ...register("coupon", {
-                    required: showCoupoField ? "Cupom / ID do Cart\xE3o obrigat\xF3rio." : false,
-                    shouldUnregister: !showCoupoField,
-                    onChange: (e) => {
-                      setValue("coupon", e.target.value, {
-                        shouldValidate: showCoupoField
-                      });
-                    }
-                  }),
-                  id: "input_coupon_pbm"
-                }
+        id: "form_security_number_pbm",
+        children: [
+          /* @__PURE__ */ jsxs3(
+            "label",
+            {
+              htmlFor: "cpf",
+              className: "w-4/5 h-auto flex items-start flex-col justify-center relative py-2",
+              id: "label_security_number_pbm",
+              children: [
+                /* @__PURE__ */ jsx5(
+                  "input",
+                  {
+                    type: "text",
+                    className: classNames4(
+                      "w-full h-10 bg-gray-100 rounded-s-lg text-sm font-semibold focus:outline focus:outline-[#339c9b] focus:bg-white  text-zinc-600 placeholder:text-zinc-600 px-4 placeholder:text-sm placeholder:font-semibold",
+                      { "outline outline-red-600": errors.securityNumber, "rounded-lg": showCardIDField }
+                    ),
+                    placeholder: "Digite seu CPF aqui...",
+                    required: true,
+                    maxLength: 14,
+                    ...register("securityNumber", {
+                      onChange: (e) => {
+                        const formatted = toFormat(e.target.value);
+                        setValue("securityNumber", formatted, {
+                          shouldValidate: true
+                        });
+                      }
+                    }),
+                    defaultValue: securityNumber || "",
+                    id: "input_security_number_pbm"
+                  }
+                ),
+                errors.securityNumber && /* @__PURE__ */ jsx5("span", { className: "text-red-400 text-xs font-semibold  absolute -bottom-3 left-2 text-nowrap", id: "security_number_form_error", children: errors.securityNumber.message })
+              ]
+            }
+          ),
+          showCardIDField && /* @__PURE__ */ jsxs3(
+            "label",
+            {
+              htmlFor: "coupon",
+              className: "w-4/5 h-auto flex items-start flex-col justify-center relative py-2",
+              id: "label_coupon_pbm",
+              children: [
+                /* @__PURE__ */ jsx5(
+                  "input",
+                  {
+                    type: "text",
+                    className: classNames4(
+                      "w-full h-10 bg-gray-100 rounded-s-lg text-sm font-semibold focus:outline focus:outline-[#339c9b] focus:bg-white  text-zinc-600 placeholder:text-zinc-600 px-4 placeholder:text-sm placeholder:font-semibold",
+                      { "outline outline-red-600": errors.coupon, "rounded-lg": showCardIDField }
+                    ),
+                    placeholder: "Cupom / ID do Cart\xE3o",
+                    ...register("coupon", {
+                      required: showCardIDField ? "Cupom / ID do Cart\xE3o obrigat\xF3rio." : false,
+                      shouldUnregister: !showCardIDField,
+                      onChange: (e) => {
+                        setValue("coupon", e.target.value, {
+                          shouldValidate: showCardIDField
+                        });
+                      }
+                    }),
+                    id: "input_coupon_pbm"
+                  }
+                ),
+                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",
+            {
+              type: "submit",
+              className: classNames4(
+                "bg-emerald-500 w-1/5 h-10 rounded-e-lg flex items-center justify-center cursor-pointer",
+                { "rounded-lg": showCardIDField }
               ),
-              errors.coupon && /* @__PURE__ */ jsx4("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__ */ jsx4(
-          "button",
-          {
-            type: "submit",
-            className: classNames3(
-              "bg-emerald-500 w-1/5 h-10 rounded-e-lg flex items-center justify-center cursor-pointer",
-              { "rounded-lg": showCoupoField }
-            ),
-            id: "button_submit_security_number_pbm",
-            children: /* @__PURE__ */ jsx4(ArrowRight, { size: 24, color: "white", strokeWidth: 2 })
-          }
-        )
-      ]
-    }
-  ) });
+              id: "button_submit_security_number_pbm",
+              children: /* @__PURE__ */ jsx5(ArrowRight, { size: 24, color: "white", strokeWidth: 2 })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs3("section", { className: "flex items-center-safe justify-between", children: [
+      /* @__PURE__ */ jsxs3(
+        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: () => {
+            const newValue = !showCardIDField;
+            setShowCardIDField(newValue);
+            if (!newValue) {
+              unregister("coupon");
+              clearErrors("coupon");
+            }
+          },
+          id: "check_benefits_button",
+          children: [
+            /* @__PURE__ */ jsx5("span", { children: !showCardIDField ? "Possui Cupom / ID do Cart\xE3o?" : "N\xE3o possui Cupom / ID do Cart\xE3o??" }),
+            /* @__PURE__ */ jsx5(ArrowRight, { size: 16, className: classNames4({ "rotate-0": !showCardIDField, "rotate-180": showCardIDField }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs3(
+        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"),
+          id: "check_benefits_button",
+          children: [
+            /* @__PURE__ */ jsx5("span", { children: "Consultar Benef\xEDcios sem CPF" }),
+            /* @__PURE__ */ jsx5(ArrowRight, { size: 16 })
+          ]
+        }
+      )
+    ] })
+  ] });
 }
 var Form_default = Form;
 
 // src/components/UI/Loading/index.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function Loading({ textColor }) {
   return /* @__PURE__ */ jsxs4("main", { className: "flex items-center justify-center gap-4", id: "loading_pbm", children: [
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx6(
       "div",
       {
         "data-testid": "test_id_spin",
@@ -363,7 +421,7 @@ function Loading({ textColor }) {
         id: "loading_spin"
       }
     ),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx6(
       "p",
       {
         className: "text-sm font-semibold text-start text-zinc-900",
@@ -376,26 +434,8 @@ function Loading({ textColor }) {
 }
 var Loading_default = Loading;
 
-// src/components/UI/Button/index.tsx
-import classNames4 from "classnames";
-import { jsx as jsx6 } from "react/jsx-runtime";
-function Button(props) {
-  return /* @__PURE__ */ jsx6(
-    "button",
-    {
-      ...props,
-      className: classNames4(
-        "w-3xs cursor-pointer h-10 rounded-lg bg-emerald-500 hover:bg-emerald-400 text-white text-sm font-semibold transition-colors",
-        props.className
-      ),
-      children: props.children
-    }
-  );
-}
-var Button_default = Button;
-
 // src/components/BenefitsTable/index.tsx
-import { useEffect as useEffect2, useState as useState2 } from "react";
+import { useEffect as useEffect2, useState as useState3 } from "react";
 
 // src/components/UI/Title/index.tsx
 import classNames5 from "classnames";
@@ -408,7 +448,7 @@ function Title(props) {
         "text-start font-semibold text-sm text-zinc-900",
         props.className
       ),
-      style: { color: props.textColor, fontSize: props.textSize },
+      style: { color: props.textColor, fontSize: props.textSize, textAlign: props.textAlign },
       "data-testid": "test_id_title",
       id: "title_pbm",
       children: props.children
@@ -417,8 +457,22 @@ function Title(props) {
 }
 var Title_default = Title;
 
+// src/libs/zustand/useModal.tsx
+import { create } from "zustand";
+var initialModalState = {
+  modal: {
+    id: "",
+    open: false
+  }
+};
+var createModalStore = (set) => ({
+  ...initialModalState,
+  setModal: (modal) => set({ modal })
+});
+var useModal = create(createModalStore);
+
 // src/components/BenefitsTable/Item.tsx
-import { useCallback, useEffect } from "react";
+import { useCallback, useEffect, useState as useState2 } from "react";
 import classNames6 from "classnames";
 
 // src/components/UI/Icons/index.tsx
@@ -473,6 +527,8 @@ var Icons = {
 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;
@@ -502,16 +558,23 @@ function Item({ data, onChange, checked }) {
   useEffect(() => {
     updateStorageData();
   }, [updateStorageData]);
+  const CheckUserIsAuthenticated = () => {
+    if (isAuthenticatedShopper) return;
+    setModal({
+      id: "ShopperIsNotAuthenticated",
+      open: true
+    });
+  };
   return /* @__PURE__ */ jsxs6(
     "label",
     {
       htmlFor: ID_INPUT,
       className: classNames6(
         "label_benefits w-full flex items-center justify-start bg-zinc-300/60 border border-zinc-400/50 px-4 py-2 hover:bg-zinc-300 transition-colors rounded-lg gap-1",
-        { "cursor-not-allowed": state === "isPreview" || !isAuthenticatedShopper, "cursor-pointer": state === "isActivated" && isAuthenticatedShopper }
+        { "cursor-not-allowed": state === "isPreview", "cursor-pointer": state === "isActivated" }
       ),
       id: "label_benefits_" + ID_INPUT,
-      title: !isAuthenticatedShopper ? "Necess\xE1rio fazer login!" : "",
+      onClick: CheckUserIsAuthenticated,
       children: [
         /* @__PURE__ */ jsx9(
           "input",
@@ -522,7 +585,7 @@ function Item({ data, onChange, checked }) {
             className: "hidden",
             checked,
             onChange,
-            disabled: state === "isPreview" || !isAuthenticatedShopper
+            disabled: state === "isPreview"
           }
         ),
         !checked ? /* @__PURE__ */ jsx9(Icons.CheckOFF, { size: 20 }) : /* @__PURE__ */ jsx9(Icons.CheckON, { size: 20 }),
@@ -584,9 +647,9 @@ var CheckBenefistWithoutDocument = async ({ products }) => {
 import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 function BenefitsTable() {
   const { securityNumber, setState, state, targetProduct, customLoginUrl, isAuthenticatedShopper } = usePBMStore();
-  const [selectedDiscout, setSelectedDiscount] = useState2(null);
-  const [loading, setLoading] = useState2(true);
-  const [benefitsItems, setBenefitsItems] = useState2();
+  const [selectedDiscout, setSelectedDiscount] = useState3(null);
+  const [loading, setLoading] = useState3(true);
+  const [benefitsItems, setBenefitsItems] = useState3();
   useEffect2(() => {
     const fetchDicountsWithoutDocument = async () => {
       if (!targetProduct?.productId) {
@@ -842,7 +905,7 @@ function SecurityNumberInvalid({ textColor }) {
 var SecurityNumberInvalid_default = SecurityNumberInvalid;
 
 // src/PBM.tsx
-import { useCallback as useCallback2, useEffect as useEffect3, useState as useState3 } from "react";
+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";
@@ -902,7 +965,7 @@ var GetAuthorization = async ({ clientID }) => {
 };
 
 // src/PBM.tsx
-import { ArrowRight as ArrowRight2, RefreshCw } from "lucide-react";
+import { RefreshCw } from "lucide-react";
 
 // src/services/get-product-by-ean.ts
 import Cookies4 from "js-cookie";
@@ -928,7 +991,41 @@ var GetProductByEAN = async ({ PRODUCT_EAN }) => {
 
 // src/PBM.tsx
 import Skeleton from "@mui/material/Skeleton";
-import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+
+// 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/PBM.tsx
+import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
 function PBM({
   originalProductPrice,
   clientID,
@@ -939,10 +1036,10 @@ function PBM({
   const formatedOriginalProductPrice = Number(
     String(originalProductPrice).replace(",", ".")
   );
-  const [isReady, setIsReady] = useState3(false);
-  const [loading, setLoading] = useState3(false);
+  const [isReady, setIsReady] = useState4(false);
+  const [loading, setLoading] = useState4(false);
   const { setState, state, setTargetProduct, targetProduct, setIsAuthenticatedShopper, setCustomLoginUrl } = usePBMStore();
-  const [EanProductExist, setEanProductExist] = useState3(true);
+  const [EanProductExist, setEanProductExist] = useState4(true);
   const fetchProductByEan = async () => {
     try {
       if (!eanProduct) {
@@ -988,55 +1085,44 @@ function PBM({
     handleAuthorizationRequest();
   }, [handleAuthorizationRequest]);
   if (!isReady) {
-    return /* @__PURE__ */ jsx15(Skeleton, { variant: "rectangular", style: { borderRadius: "12px" }, width: 460, height: 358 });
+    return /* @__PURE__ */ jsx16(Skeleton, { variant: "rectangular", style: { borderRadius: "12px" }, width: 460, height: 358 });
   }
   if (!EanProductExist) {
-    return /* @__PURE__ */ jsx15("div", { id: "pbm-library-root", children: /* @__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: [
+    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__ */ jsx15("br", {}),
+        /* @__PURE__ */ jsx16("br", {}),
         " Por favor, tente novamente mais tarde ou contate o suporte."
       ] }),
-      /* @__PURE__ */ jsxs10(
+      /* @__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__ */ jsx15("span", { children: "Tentar novamente" }),
-            /* @__PURE__ */ jsx15(RefreshCw, { size: 16 })
+            /* @__PURE__ */ jsx16("span", { children: "Tentar novamente" }),
+            /* @__PURE__ */ jsx16(RefreshCw, { size: 16 })
           ]
         }
       )
     ] }) });
   }
-  return /* @__PURE__ */ jsx15("div", { id: "pbm-library-root", children: /* @__PURE__ */ jsxs10(Container_default, { variant: "main", children: [
-    /* @__PURE__ */ jsx15(Header_default, { originalProductPrice: formatedOriginalProductPrice || 0 }),
-    /* @__PURE__ */ jsxs10(Container_default, { variant: "simple", children: [
-      state === "isEmpty" && !loading && /* @__PURE__ */ jsxs10(Fragment4, { children: [
-        /* @__PURE__ */ jsx15(Form_default, { setLoading }),
-        /* @__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: () => setState("isPreview"),
-            id: "check_benefits_button",
-            children: [
-              /* @__PURE__ */ jsx15("span", { children: "Consultar benef\xEDcios" }),
-              /* @__PURE__ */ jsx15(ArrowRight2, { size: 16 })
-            ]
-          }
-        )
+  return /* @__PURE__ */ jsxs11("div", { id: "pbm-library-root", children: [
+    /* @__PURE__ */ jsxs11(Container_default, { variant: "main", children: [
+      /* @__PURE__ */ jsx16(Header_default, { originalProductPrice: formatedOriginalProductPrice || 0 }),
+      /* @__PURE__ */ jsxs11(Container_default, { variant: "simple", children: [
+        state === "isEmpty" && !loading && /* @__PURE__ */ jsx16(Form_default, { setLoading }),
+        state === "isEmpty" && loading && /* @__PURE__ */ jsx16(Loading_default, {}),
+        state === "isInvalid" && !loading && /* @__PURE__ */ jsx16(SecurityNumberInvalid_default, {}),
+        state === "isRegistered" && !loading && /* @__PURE__ */ jsx16(SecurityNumberRegitered_default, {}),
+        (state === "isActivated" || state === "isPreview") && !loading && /* @__PURE__ */ jsx16(BenefitsTable_default, {})
       ] }),
-      state === "isEmpty" && loading && /* @__PURE__ */ jsx15(Loading_default, {}),
-      state === "isInvalid" && !loading && /* @__PURE__ */ jsx15(SecurityNumberInvalid_default, {}),
-      state === "isRegistered" && !loading && /* @__PURE__ */ jsx15(SecurityNumberRegitered_default, {}),
-      (state === "isActivated" || state === "isPreview") && !loading && /* @__PURE__ */ jsx15(BenefitsTable_default, {})
+      /* @__PURE__ */ jsx16(Footer_default, {})
     ] }),
-    /* @__PURE__ */ jsx15(Footer_default, {})
-  ] }) });
+    /* @__PURE__ */ jsx16(Modal_default, { ID: "ShopperIsNotAuthenticated" })
+  ] });
 }
 var PBM_default = PBM;
 export {