@agrada_digital/pbm 0.0.85 → 0.0.86

package/dist/index.d.mts

@@ -28,6 +28,7 @@ interface usePBMTypes {
     urlAcceptTerms?: string;
     urlRegisterIndustry?: string;
     customLoginUrl?: string;
+    cardID?: string | number;
 }
 interface IProduct {
     ean: string;
@@ -57,6 +58,7 @@ interface PBMStore extends usePBMTypes {
     setUrlRegisterIndustry: (urlRegisterIndustry: usePBMTypes["urlRegisterIndustry"]) => void;
     setIsAuthenticatedShopper: (isAuthenticatedShopper: usePBMTypes["isAuthenticatedShopper"]) => void;
     setCustomLoginUrl: (customLoginUrl: usePBMTypes["customLoginUrl"]) => void;
+    setCardID: (cardID: usePBMTypes["cardID"]) => void;
 }
 declare function usePBMStore(): PBMStore;
 declare function usePBMStore<T>(selector: (state: PBMStore) => T): T;

package/dist/index.d.ts

@@ -28,6 +28,7 @@ interface usePBMTypes {
     urlAcceptTerms?: string;
     urlRegisterIndustry?: string;
     customLoginUrl?: string;
+    cardID?: string | number;
 }
 interface IProduct {
     ean: string;
@@ -57,6 +58,7 @@ interface PBMStore extends usePBMTypes {
     setUrlRegisterIndustry: (urlRegisterIndustry: usePBMTypes["urlRegisterIndustry"]) => void;
     setIsAuthenticatedShopper: (isAuthenticatedShopper: usePBMTypes["isAuthenticatedShopper"]) => void;
     setCustomLoginUrl: (customLoginUrl: usePBMTypes["customLoginUrl"]) => void;
+    setCardID: (cardID: usePBMTypes["cardID"]) => void;
 }
 declare function usePBMStore(): PBMStore;
 declare function usePBMStore<T>(selector: (state: PBMStore) => T): T;

package/dist/index.js

@@ -40,6 +40,7 @@ var import_zustand = require("zustand");
 var import_react = require("zustand/react");
 var initialPBMState = {
   securityNumber: "",
+  cardID: "",
   state: "isEmpty",
   availableDiscountSelected: {
     quantity: 0,
@@ -64,7 +65,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 = (0, import_zustand.createStore)(createPBMStore);
 function usePBMStore(selector) {
@@ -190,7 +192,7 @@ var toFormat = (value) => {
 };
 
 // src/components/Form/index.tsx
-var import_classnames3 = __toESM(require("classnames"));
+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");
@@ -223,11 +225,29 @@ var BenefitsWithDocument = async ({ document, products }) => {
   return dataResponse;
 };
 
-// src/components/Form/index.tsx
+// src/components/UI/Button/index.tsx
+var import_classnames3 = __toESM(require("classnames"));
 var import_jsx_runtime4 = require("react/jsx-runtime");
+function Button(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "button",
+    {
+      ...props,
+      className: (0, import_classnames3.default)(
+        "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
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function Form({ setLoading }) {
-  const { setSecurityNumber, setState, securityNumber, targetProduct, setUrlAcceptTerms, setUrlRegisterIndustry } = usePBMStore();
-  const [showCoupoField, setShowCoupoField] = (0, import_react2.useState)(false);
+  const { setSecurityNumber, setState, securityNumber, targetProduct, setUrlAcceptTerms, setUrlRegisterIndustry, setCardID } = usePBMStore();
+  const [showCardIDField, setShowCardIDField] = (0, import_react2.useState)(false);
   const {
     handleSubmit,
     register,
@@ -244,9 +264,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) {
@@ -295,105 +318,140 @@ function Form({ setLoading }) {
     }
     ;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-    "form",
-    {
-      onSubmit: handleSubmit(onSubmitDefault),
-      className: (0, import_classnames3.default)(
-        "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__ */ (0, import_jsx_runtime4.jsxs)(
-          "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__ */ (0, import_jsx_runtime4.jsx)(
-                "input",
-                {
-                  type: "text",
-                  className: (0, import_classnames3.default)(
-                    "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__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      "form",
+      {
+        onSubmit: handleSubmit(onSubmitDefault),
+        className: (0, import_classnames4.default)(
+          "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__ */ (0, import_jsx_runtime4.jsxs)(
-          "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__ */ (0, import_jsx_runtime4.jsx)(
-                "input",
-                {
-                  type: "text",
-                  className: (0, import_classnames3.default)(
-                    "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__ */ (0, import_jsx_runtime5.jsxs)(
+            "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__ */ (0, import_jsx_runtime5.jsx)(
+                  "input",
+                  {
+                    type: "text",
+                    className: (0, import_classnames4.default)(
+                      "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__ */ (0, import_jsx_runtime5.jsx)("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__ */ (0, import_jsx_runtime5.jsxs)(
+            "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__ */ (0, import_jsx_runtime5.jsx)(
+                  "input",
+                  {
+                    type: "text",
+                    className: (0, import_classnames4.default)(
+                      "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__ */ (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",
+            {
+              type: "submit",
+              className: (0, import_classnames4.default)(
+                "bg-emerald-500 w-1/5 h-10 rounded-e-lg flex items-center justify-center cursor-pointer",
+                { "rounded-lg": showCardIDField }
               ),
-              errors.coupon && /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime4.jsx)(
-          "button",
-          {
-            type: "submit",
-            className: (0, import_classnames3.default)(
-              "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__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react.ArrowRight, { size: 24, color: "white", strokeWidth: 2 })
-          }
-        )
-      ]
-    }
-  ) });
+              id: "button_submit_security_number_pbm",
+              children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.ArrowRight, { size: 24, color: "white", strokeWidth: 2 })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: "flex items-center-safe justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.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: () => {
+            const newValue = !showCardIDField;
+            setShowCardIDField(newValue);
+            if (!newValue) {
+              unregister("coupon");
+              clearErrors("coupon");
+            }
+          },
+          id: "check_benefits_button",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: !showCardIDField ? "Possui Cupom / ID do Cart\xE3o?" : "N\xE3o possui Cupom / ID do Cart\xE3o??" }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.ArrowRight, { size: 16, className: (0, import_classnames4.default)({ "rotate-0": !showCardIDField, "rotate-180": showCardIDField }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime5.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: () => setState("isPreview"),
+          id: "check_benefits_button",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "Consultar Benef\xEDcios sem CPF" }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.ArrowRight, { size: 16 })
+          ]
+        }
+      )
+    ] })
+  ] });
 }
 var Form_default = Form;
 
 // src/components/UI/Loading/index.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function Loading({ textColor }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("main", { className: "flex items-center justify-center gap-4", id: "loading_pbm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("main", { className: "flex items-center justify-center gap-4", id: "loading_pbm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "div",
       {
         "data-testid": "test_id_spin",
@@ -401,7 +459,7 @@ function Loading({ textColor }) {
         id: "loading_spin"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "p",
       {
         className: "text-sm font-semibold text-start text-zinc-900",
@@ -414,24 +472,6 @@ function Loading({ textColor }) {
 }
 var Loading_default = Loading;
 
-// src/components/UI/Button/index.tsx
-var import_classnames4 = __toESM(require("classnames"));
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function Button(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    "button",
-    {
-      ...props,
-      className: (0, import_classnames4.default)(
-        "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
 var import_react4 = require("react");
 
@@ -446,7 +486,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
@@ -455,6 +495,20 @@ function Title(props) {
 }
 var Title_default = Title;
 
+// src/libs/zustand/useModal.tsx
+var import_zustand2 = require("zustand");
+var initialModalState = {
+  modal: {
+    id: "",
+    open: false
+  }
+};
+var createModalStore = (set) => ({
+  ...initialModalState,
+  setModal: (modal) => set({ modal })
+});
+var useModal = (0, import_zustand2.create)(createModalStore);
+
 // src/components/BenefitsTable/Item.tsx
 var import_react3 = require("react");
 var import_classnames6 = __toESM(require("classnames"));
@@ -511,6 +565,8 @@ var Icons = {
 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;
@@ -540,16 +596,23 @@ function Item({ data, onChange, checked }) {
   (0, import_react3.useEffect)(() => {
     updateStorageData();
   }, [updateStorageData]);
+  const CheckUserIsAuthenticated = () => {
+    if (isAuthenticatedShopper) return;
+    setModal({
+      id: "ShopperIsNotAuthenticated",
+      open: true
+    });
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "label",
     {
       htmlFor: ID_INPUT,
       className: (0, import_classnames6.default)(
         "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__ */ (0, import_jsx_runtime9.jsx)(
           "input",
@@ -560,7 +623,7 @@ function Item({ data, onChange, checked }) {
             className: "hidden",
             checked,
             onChange,
-            disabled: state === "isPreview" || !isAuthenticatedShopper
+            disabled: state === "isPreview"
           }
         ),
         !checked ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icons.CheckOFF, { size: 20 }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icons.CheckON, { size: 20 }),
@@ -968,7 +1031,41 @@ var GetProductByEAN = async ({ PRODUCT_EAN }) => {
 
 // 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/PBM.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function PBM({
   originalProductPrice,
   clientID,
@@ -1028,55 +1125,44 @@ function PBM({
     handleAuthorizationRequest();
   }, [handleAuthorizationRequest]);
   if (!isReady) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Skeleton.default, { variant: "rectangular", style: { borderRadius: "12px" }, width: 460, height: 358 });
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_Skeleton.default, { variant: "rectangular", style: { borderRadius: "12px" }, width: 460, height: 358 });
   }
   if (!EanProductExist) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { id: "pbm-library-root", children: /* @__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: [
+    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_runtime15.jsx)("br", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("br", {}),
         " Por favor, tente novamente mais tarde ou contate o suporte."
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+      /* @__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_runtime15.jsx)("span", { children: "Tentar novamente" }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react2.RefreshCw, { size: 16 })
+            /* @__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_runtime15.jsx)("div", { id: "pbm-library-root", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Container_default, { variant: "main", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Header_default, { originalProductPrice: formatedOriginalProductPrice || 0 }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Container_default, { variant: "simple", children: [
-      state === "isEmpty" && !loading && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Form_default, { setLoading }),
-        /* @__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: () => setState("isPreview"),
-            id: "check_benefits_button",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: "Consultar benef\xEDcios" }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react2.ArrowRight, { size: 16 })
-            ]
-          }
-        )
+  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.jsxs)(Container_default, { variant: "simple", children: [
+        state === "isEmpty" && !loading && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Form_default, { setLoading }),
+        state === "isEmpty" && loading && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Loading_default, {}),
+        state === "isInvalid" && !loading && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SecurityNumberInvalid_default, {}),
+        state === "isRegistered" && !loading && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SecurityNumberRegitered_default, {}),
+        (state === "isActivated" || state === "isPreview") && !loading && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(BenefitsTable_default, {})
       ] }),
-      state === "isEmpty" && loading && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Loading_default, {}),
-      state === "isInvalid" && !loading && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SecurityNumberInvalid_default, {}),
-      state === "isRegistered" && !loading && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SecurityNumberRegitered_default, {}),
-      (state === "isActivated" || state === "isPreview") && !loading && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(BenefitsTable_default, {})
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Footer_default, {})
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Footer_default, {})
-  ] }) });
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Modal_default, { ID: "ShopperIsNotAuthenticated" })
+  ] });
 }
 var PBM_default = PBM;
 // Annotate the CommonJS export names for ESM import in node: