@agrada_digital/pbm 0.0.112 → 0.0.114

package/dist/index.js

@@ -1,8 +1,43 @@
+// src/schema/validation-schema.ts
+import { z } from "zod";
+var validationSchema = z.object({
+  securityNumber: z.string({
+    required_error: "CPF \xE9 obrigat\xF3rio."
+  }).refine((doc) => {
+    const replacedDoc = doc.replace(/\D/g, "");
+    return replacedDoc.length >= 11;
+  }, "CPF deve conter no m\xEDnimo 11 caracteres.").refine((doc) => {
+    const replacedDoc = doc.replace(/\D/g, "");
+    return !!Number(replacedDoc);
+  }, "CPF deve conter apenas n\xFAmeros."),
+  coupon: z.string({ required_error: "Cupom / ID do Cart\xE3o obrigat\xF3rio." }).optional()
+});
+
+// src/components/UI/Button/index.tsx
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+function Button(props) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ...props,
+      className: classNames(
+        "w-3xs cursor-pointer h-10 rounded-lg text-white text-sm font-semibold transition-colors",
+        props.className
+      ),
+      style: { ...props.style },
+      children: props.children
+    }
+  );
+}
+var Button_default = Button;
+
 // src/libs/zustand/usePBM.tsx
 import { createStore } from "zustand";
 import { useStore } from "zustand/react";
 var initialPBMState = {
   securityNumber: "",
+  requestId: "",
   cardID: "",
   state: "isEmpty",
   availableDiscountSelected: {
@@ -14,6 +49,7 @@ var initialPBMState = {
     totalPrice: 0,
     grossPrice: 0
   },
+  benefitsEnabled: true,
   targetProduct: null,
   campaign: "pbm_campaign",
   isAuthenticatedShopper: false,
@@ -22,6 +58,7 @@ var initialPBMState = {
 var createPBMStore = (set) => ({
   ...initialPBMState,
   setSecurityNumber: (securityNumber) => set({ securityNumber }),
+  setRequestId: (requestId) => set({ requestId }),
   setState: (state) => set({ state }),
   setTargetProduct: (targetProduct) => set({ targetProduct }),
   setAvailableDiscountSelected: (availableDiscount) => set({ availableDiscountSelected: availableDiscount }),
@@ -29,187 +66,25 @@ var createPBMStore = (set) => ({
   setUrlRegisterIndustry: (urlRegisterIndustry) => set({ urlRegisterIndustry }),
   setIsAuthenticatedShopper: (isAuthenticatedShopper) => set({ isAuthenticatedShopper }),
   setCustomLoginUrl: (customLoginUrl) => set({ customLoginUrl }),
-  setCardID: (cardID) => set({ cardID })
+  setCardID: (cardID) => set({ cardID }),
+  setBenefitsEnabled: (benefitsEnabled) => set({ benefitsEnabled })
 });
 var pbmStore = createStore(createPBMStore);
 function usePBMStore(selector) {
-  if (selector) {
-    return useStore(pbmStore, selector);
-  }
-  return useStore(pbmStore, (state) => state);
-}
-
-// src/components/Header/index.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function Header({ originalProductPrice }) {
-  const { targetProduct } = usePBMStore();
-  const Price = targetProduct?.listPrice || originalProductPrice;
-  const Discount = Price * ((targetProduct?.discountMax || 0) / 100);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    targetProduct?.informativeMessage && /* @__PURE__ */ jsx("span", { className: "absolute w-11/12 -top-6 bg-emerald-500 px-4 py-1 rounded-lg text-sm text-center font-medium text-white", style: { backgroundColor: "var(--pbm-primary)" }, children: targetProduct?.informativeMessage }),
-    /* @__PURE__ */ jsxs(
-      "header",
-      {
-        className: "flex items-center justify-between w-full p-0.5 rounded-xl mt-5",
-        style: { backgroundColor: "color-mix(in srgb, var(--pbm-primary), transparent 70%)" },
-        id: "header_pbm",
-        children: [
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: "py-1 px-6 rounded-xl shrink-0 text-white text-xl font-bold flex items-center justify-start gap-2 relative",
-              style: { backgroundColor: "var(--pbm-primary)" },
-              "data-testid": "test_id_header_price",
-              id: "header_price",
-              children: /* @__PURE__ */ jsxs("section", { className: "flex items-center gap-2 justify-center-safe", children: [
-                /* @__PURE__ */ jsx("span", { className: "line-through text-sm font-light", children: Number(Price)?.toLocaleString("pt-BR", {
-                  currency: "BRL",
-                  currencyDisplay: "symbol",
-                  currencySign: "standard",
-                  style: "currency"
-                }) }),
-                Number(Price - Discount)?.toLocaleString("pt-BR", {
-                  currency: "BRL",
-                  currencyDisplay: "symbol",
-                  currencySign: "standard",
-                  style: "currency"
-                })
-              ] })
-            }
-          ),
-          /* @__PURE__ */ jsx("h1", { id: "header_title", className: "text-center w-full font-bold text-xs px-4 md:text-sm", style: { color: "var(--pbm-secondary)" }, children: "Desconto de Laborat\xF3rio" })
-        ]
-      }
-    )
-  ] });
-}
-var Header_default = Header;
-
-// src/components/UI/Container/index.tsx
-import classNames from "classnames";
-import { jsx as jsx2 } from "react/jsx-runtime";
-function Container({
-  children,
-  variant
-}) {
-  return /* @__PURE__ */ jsx2(
-    "main",
-    {
-      className: classNames({
-        "border-3 border-(--pbm-border) 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",
-      "data-variant": variant,
-      id: "container_pbm",
-      children
-    }
+  return useStore(
+    pbmStore,
+    selector ?? ((state) => state)
   );
 }
-var Container_default = Container;
 
-// src/components/Footer/index.tsx
-import classNames4 from "classnames";
-
-// src/components/UI/Title/index.tsx
+// src/components/Form/index.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+import { ArrowRight } from "lucide-react";
 import classNames2 from "classnames";
-import { jsx as jsx3 } from "react/jsx-runtime";
-function Title(props) {
-  return /* @__PURE__ */ jsx3(
-    "h2",
-    {
-      className: classNames2(
-        "text-start font-semibold text-sm",
-        props.className
-      ),
-      style: { color: props.textColor || "var(--pbm-text)", fontSize: props.textSize, textAlign: props.textAlign },
-      "data-testid": "test_id_title",
-      id: "title_pbm",
-      children: props.children
-    }
-  );
-}
-var Title_default = Title;
-
-// src/components/UI/Text/index.tsx
-import classNames3 from "classnames";
-import { jsx as jsx4 } from "react/jsx-runtime";
-function Text(props) {
-  return /* @__PURE__ */ jsx4(
-    "p",
-    {
-      className: classNames3(
-        "font-normal text-sm",
-        props.textAlign && `text-${props.textAlign}`,
-        props.className
-      ),
-      style: { color: props.textColor || "var(--pbm-text)", fontSize: props.textSize, textAlign: props.textAlign },
-      "data-testid": "test_id_text",
-      id: "text_pbm",
-      children: props.children
-    }
-  );
-}
-var Text_default = Text;
-
-// src/components/Footer/index.tsx
-import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
-function Footer() {
-  const { targetProduct } = usePBMStore();
-  return /* @__PURE__ */ jsx5("footer", { className: "w-full h-auto relative", id: "footer_pbm", children: /* @__PURE__ */ jsxs2("section", { className: classNames4("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__ */ jsx5(Title_default, { children: "Economize com o benef\xEDcio do laborat\xF3rio." }),
-      /* @__PURE__ */ jsx5(Text_default, { children: "Este produto tem pre\xE7o exclusivo para clientes cadastrados no programa." })
-    ] }),
-    targetProduct?.industryLogo && /* @__PURE__ */ jsx5(
-      "img",
-      {
-        src: targetProduct.industryLogo,
-        alt: "parceiro",
-        className: "w-1/5 min-w-20 h-auto aspect-auto rounded-xl",
-        loading: "eager",
-        id: "footer_industry_logo_pbm",
-        "data-testid": "footer_industry_logo_pbm"
-      }
-    )
-  ] }) });
-}
-var Footer_default = Footer;
-
-// src/schema/validation-schema.ts
-import { z } from "zod";
-var validationSchema = z.object({
-  securityNumber: z.string({
-    required_error: "CPF \xE9 obrigat\xF3rio."
-  }).refine((doc) => {
-    const replacedDoc = doc.replace(/\D/g, "");
-    return replacedDoc.length >= 11;
-  }, "CPF deve conter no m\xEDnimo 11 caracteres.").refine((doc) => {
-    const replacedDoc = doc.replace(/\D/g, "");
-    return !!Number(replacedDoc);
-  }, "CPF deve conter apenas n\xFAmeros."),
-  coupon: z.string({ required_error: "Cupom / ID do Cart\xE3o obrigat\xF3rio." }).optional()
-});
-
-// src/utils/format-security-number.ts
-var toFormat = (value) => {
-  const cleanedValue = value.replace(/\D/g, "");
-  if (cleanedValue.length <= 11) {
-    return cleanedValue.replace(/(\d{3})(\d)/, "$1.$2").replace(/(\d{3})(\d)/, "$1.$2").replace(/(\d{3})(\d{1,2})/, "$1-$2").replace(/(-\d{2})\d+?$/, "$1");
-  }
-};
-
-// src/utils/mapping-internal-states.ts
-var mappingInternalStates = (outContextState) => {
-  const status = {
-    "acceptance": "isInvalid",
-    "industry registration": "isRegistered",
-    "active": "isActivated"
-  };
-  return status[outContextState];
-};
+import { Activity, useState } from "react";
 
-// src/services/benefits-with-document.ts
+// src/services/lookup-customer.ts
 import Cookies from "js-cookie";
 
 // src/services/helper.ts
@@ -223,75 +98,113 @@ var getEnv = (key) => {
   return void 0;
 };
 
-// src/services/benefits-with-document.ts
-var BenefitsWithDocument = async ({ document, products }) => {
+// src/services/lookup-customer.ts
+var LookupCustomer = async ({ DOCUMENT }) => {
   const API_URL = getEnv("VITE_API_URL");
-  if (!API_URL) {
-    throw new Error("API URL is not defined in environment variables");
-  }
   const AUTH_TOKEN = Cookies.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/benefitByDocument`, {
-    method: "POST",
+  const response = await fetch(`${API_URL}/programregistration/${DOCUMENT}`, {
+    method: "GET",
     headers: {
       Authorization: `Bearer ${AUTH_TOKEN}`,
       "Content-Type": "application/json"
-    },
-    body: JSON.stringify({ consumer: { document }, products })
+    }
   });
-  const dataResponse = await response.json();
-  if (!dataResponse.success) {
-    throw new Error(dataResponse.message || "Failed to fetch document validation");
+  if (response.status === 404) {
+    return {
+      ...await response.json(),
+      success: false
+    };
   }
+  const dataResponse = await response.json();
   return dataResponse;
 };
 
-// src/components/UI/Button/index.tsx
-import classNames5 from "classnames";
-import { jsx as jsx6 } from "react/jsx-runtime";
-function Button(props) {
-  return /* @__PURE__ */ jsx6(
-    "button",
-    {
-      ...props,
-      className: classNames5(
-        "w-3xs cursor-pointer h-10 rounded-lg text-white text-sm font-semibold transition-colors",
-        props.className
-      ),
-      style: { ...props.style },
-      children: props.children
-    }
-  );
-}
-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 classNames6 from "classnames";
-import { Activity, useState } from "react";
-
-// src/libs/zustand/useError.tsx
+// src/libs/zustand/useModal.tsx
 import { create } from "zustand";
-var initialErrorState = {
-  ErrorMessage: "Erro ao aplicar o benef\xEDcio"
+var initialModalState = {
+  modal: {
+    id: "",
+    open: false,
+    label: "",
+    url: ""
+  }
 };
-var createErrorStore = (set) => ({
-  ...initialErrorState,
-  setErrorMessage: (ErrorMessage) => set({ ErrorMessage }),
-  resetErrorMessage: () => set({ ErrorMessage: initialErrorState.ErrorMessage })
+var createModalStore = (set) => ({
+  ...initialModalState,
+  setModal: (modal) => set({ modal }),
+  resetModal: () => set({ modal: initialModalState.modal })
 });
-var useError = create(createErrorStore);
+var useModal = create(createModalStore);
+
+// src/utils/formaters.ts
+var formatPhone = (value) => value.replace(/\D/g, "").slice(0, 11).replace(/^(\d{2})(\d{5})(\d{0,4})/, "($1) $2-$3").trim();
+var formatCEP = (value) => value.replace(/\D/g, "").slice(0, 8).replace(/^(\d{5})(\d{0,3})/, "$1-$2");
+var maskCPF = (value) => value.replace(/\D/g, "").replace(/(\d{3})(\d{3})(\d{3})(\d{2})/, "$1.$2.$3-$4");
+var formatPrice = (price) => Number(String(price).replace(",", "."));
+var formaters = {
+  phone: (value) => formatPhone(value),
+  cep: (value) => formatCEP(value),
+  cpf: (value) => maskCPF(value),
+  price: (price) => formatPrice(price)
+};
+
+// src/libs/zustand/usePBMForm.tsx
+import { create as create2 } from "zustand";
+var initialPBMFormState = {
+  personalData: { name: "", phone: "", birthday: "", email: "" },
+  address: {
+    postalcode: "",
+    number: "",
+    complement: "",
+    street: "",
+    neighborhood: "",
+    city: "",
+    stateAddress: ""
+  },
+  genderResponsibility: { gender: "", patient: null },
+  doctor: { typeCredential: "CRM", register: "", state: "", doctorName: "" },
+  acceptances: {
+    acceptPhone: false,
+    acceptsSms: false,
+    acceptsEmail: false,
+    acceptsMail: false,
+    acceptsPrivacyTermsLGPD: false
+  },
+  step: 0
+};
+var usePBMFormStore = create2((set) => ({
+  ...initialPBMFormState,
+  setPersonalData: (data) => set((s) => ({ personalData: { ...s.personalData, ...data } })),
+  setAddress: (data) => set((s) => ({ address: { ...s.address, ...data } })),
+  setGenderResponsibility: (data) => set((s) => ({
+    genderResponsibility: { ...s.genderResponsibility, ...data }
+  })),
+  setDoctor: (data) => set((s) => ({ doctor: { ...s.doctor, ...data } })),
+  setAcceptances: (data) => set((s) => ({ acceptances: { ...s.acceptances, ...data } })),
+  setStep: (step) => set({ step }),
+  resetForm: () => set(initialPBMFormState)
+}));
+var usePBMForm = usePBMFormStore;
+
+// src/utils/mappingFormStep.ts
+var mappingFormStep = {
+  "PersonalData": 0,
+  "Address": 1,
+  "GenderResponsibility": 2,
+  "Doctor": 3,
+  "Acceptances": 4
+};
 
 // src/components/Form/index.tsx
-import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
 function Form({ startTransition }) {
   const store = usePBMStore();
   const [showCardIDField, setShowCardIDField] = useState(false);
-  const { setErrorMessage } = useError();
+  const { setModal } = useModal();
+  const { setStep } = usePBMForm();
   const {
     handleSubmit,
     register,
@@ -307,54 +220,100 @@ function Form({ startTransition }) {
       coupon: ""
     }
   });
+  const CheckCustomerRegisterSteps = ({
+    customer
+  }) => {
+    const data = customer.data;
+    if (data.registration?.personal_data === null) {
+      setStep(mappingFormStep["PersonalData"]);
+      setModal({
+        id: "CustomerNotRegistered",
+        open: true
+      });
+      return;
+    }
+    if (data.registration?.address === null) {
+      setStep(mappingFormStep["Address"]);
+      setModal({
+        id: "CustomerNotRegistered",
+        open: true
+      });
+      return;
+    }
+    if (data.registration?.identity_responsibility === null) {
+      setStep(mappingFormStep["GenderResponsibility"]);
+      setModal({
+        id: "CustomerNotRegistered",
+        open: true
+      });
+      return;
+    }
+    if (data.registration?.medical_data === null) {
+      setStep(mappingFormStep["Doctor"]);
+      setModal({
+        id: "CustomerNotRegistered",
+        open: true
+      });
+      return;
+    }
+    if (data.registration?.lgpd === null) {
+      setStep(mappingFormStep["Acceptances"]);
+      setModal({
+        id: "CustomerNotRegistered",
+        open: true
+      });
+      return;
+    }
+    store.setState("isActivated");
+  };
   const checkSecurityNumberBenefits = async (values) => {
-    try {
-      if (store.targetProduct === null) {
-        console.error("PBMLOG: Product is not defined!");
-        return;
-      }
-      if (!store.targetProduct.productId) {
-        console.error("PBMLOG: Product ID is not defined!");
+    if (store.targetProduct === null) {
+      console.error("PBMLOG: Product is not defined!");
+      return;
+    }
+    if (!store.targetProduct.productId) {
+      console.error("PBMLOG: Product ID is not defined!");
+      return;
+    }
+    if (!store.targetProduct.listPrice) {
+      console.error("PBMLOG: List Price is not defined!");
+      return;
+    }
+    store.setSecurityNumber(values.securityNumber.replace(/\D/g, ""));
+    const customerIsRegistered = await LookupCustomer({
+      DOCUMENT: values.securityNumber.replace(/\D/g, "")
+    });
+    if (customerIsRegistered.success) {
+      if (!customerIsRegistered.data.requestId) {
+        console.error(
+          "PBMLOG: Request ID is not defined in lookup customer response"
+        );
         return;
       }
-      if (!store.targetProduct.listPrice) {
-        console.error("PBMLOG: List Price is not defined!");
+      store.setRequestId(customerIsRegistered.data.requestId || "");
+      CheckCustomerRegisterSteps({ customer: customerIsRegistered });
+      return;
+    }
+    if (!customerIsRegistered.success) {
+      if (!customerIsRegistered.requestId) {
+        console.error(
+          "PBMLOG: Request ID is not defined in lookup customer response for non registered customer"
+        );
         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: [product]
-      });
-      if (response.success) {
-        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 === "isRegistered") {
-          store.setUrlRegisterIndustry(response.data.product[0].informativeLink);
-          return;
-        }
-        if (!status) {
-          setErrorMessage(response.data.product[0].informativeText);
-          store.setState("isError");
-          return;
-        }
-      }
-    } catch (error) {
-      console.error("PBMLOG: Error validating document -", error);
+      store.setRequestId(customerIsRegistered.requestId || "");
+      setModal({
+        id: "CustomerNotRegistered",
+        open: true
+      });
+      return;
     }
   };
   const onSubmitDefault = async (values) => {
+    if (!store.isAuthenticatedShopper) {
+      setModal({ id: "ShopperIsNotAuthenticated", open: true });
+      return;
+    }
     if (!showCardIDField) {
       setValue("coupon", void 0, { shouldValidate: false });
     }
@@ -365,31 +324,38 @@ function Form({ startTransition }) {
       await checkSecurityNumberBenefits(values);
     });
   };
-  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
-    /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
       "form",
       {
         onSubmit: handleSubmit(onSubmitDefault),
-        className: classNames6(
-          "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 }
+        className: classNames2(
+          "w-full h-auto flex items-start justify-center flex-col mb-2 transition-all duration-150"
         ),
         id: "form_security_number_pbm",
         children: [
-          /* @__PURE__ */ jsxs3(
+          /* @__PURE__ */ jsxs(
             "label",
             {
               htmlFor: "cpf",
-              className: "w-4/5 h-auto flex items-start flex-col justify-center relative py-2",
+              className: classNames2(
+                "w-full h-auto flex items-start flex-col justify-center relative py-2 transition-all duration-100",
+                {
+                  "mb-4": errors.securityNumber && !showCardIDField
+                }
+              ),
               id: "label_security_number_pbm",
               children: [
-                /* @__PURE__ */ jsx7(
+                /* @__PURE__ */ jsx2(
                   "input",
                   {
                     type: "text",
-                    className: classNames6(
-                      "w-full h-10 bg-gray-100 rounded-s-lg text-sm font-semibold focus:outline 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 }
+                    className: classNames2(
+                      "w-full h-10 bg-(--pbm-input-background) rounded-lg text-sm font-semibold outline-(--pbm-outline-color) focus:outline focus:bg-(--pbm-input-focus) focus:outline-(--pbm-outline-focus-color) text-zinc-600 placeholder:text-zinc-600 px-4 placeholder:text-sm placeholder:font-semibold",
+                      {
+                        "outline outline-red-600": errors.securityNumber,
+                        "rounded-lg": showCardIDField
+                      }
                     ),
                     style: {
                       "--tw-outline-color": !errors.securityNumber ? "var(--pbm-secondary)" : void 0
@@ -399,7 +365,7 @@ function Form({ startTransition }) {
                     maxLength: 14,
                     ...register("securityNumber", {
                       onChange: (e) => {
-                        const formatted = toFormat(e.target.value);
+                        const formatted = formaters.cpf(e.target.value);
                         setValue("securityNumber", formatted, {
                           shouldValidate: true
                         });
@@ -409,24 +375,39 @@ function Form({ startTransition }) {
                     id: "input_security_number_pbm"
                   }
                 ),
-                errors.securityNumber && /* @__PURE__ */ jsx7("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 })
+                errors.securityNumber && /* @__PURE__ */ jsx2(
+                  "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
+                  }
+                )
               ]
             }
           ),
-          /* @__PURE__ */ jsx7(Activity, { mode: showCardIDField ? "visible" : "hidden", children: /* @__PURE__ */ jsxs3(
+          /* @__PURE__ */ jsx2(Activity, { mode: showCardIDField ? "visible" : "hidden", children: /* @__PURE__ */ jsxs(
             "label",
             {
               htmlFor: "coupon",
-              className: "w-4/5 h-auto flex items-start flex-col justify-center relative py-2",
+              className: classNames2(
+                "w-full h-auto flex items-start flex-col justify-center relative py-2",
+                {
+                  "mt-2": errors.securityNumber
+                }
+              ),
               id: "label_coupon_pbm",
               children: [
-                /* @__PURE__ */ jsx7(
+                /* @__PURE__ */ jsx2(
                   "input",
                   {
                     type: "text",
-                    className: classNames6(
+                    className: classNames2(
                       "w-full h-10 bg-gray-100 rounded-s-lg text-sm font-semibold focus:outline 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 }
+                      {
+                        "outline outline-red-600": errors.coupon,
+                        "rounded-lg": showCardIDField
+                      }
                     ),
                     style: {
                       "--tw-outline-color": !errors.coupon ? "var(--pbm-secondary)" : void 0
@@ -444,28 +425,37 @@ function Form({ startTransition }) {
                     id: "input_coupon_pbm"
                   }
                 ),
-                errors.coupon && /* @__PURE__ */ jsx7("span", { className: "text-red-400 text-xs font-semibold  absolute -bottom-3 left-2 text-nowrap", id: "coupon_form_error", children: errors.coupon.message })
+                errors.coupon && /* @__PURE__ */ jsx2(
+                  "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__ */ jsx7(
+          /* @__PURE__ */ jsx2(
             "button",
             {
               type: "submit",
-              className: classNames6(
-                "w-1/5 h-10 rounded-e-lg flex items-center justify-center cursor-pointer",
-                { "rounded-lg": showCardIDField }
+              className: classNames2(
+                "w-full h-10 rounded-lg flex items-center justify-center cursor-pointer text-sm text-white font-semibold transition-all duration-150",
+                {
+                  "rounded-lg": showCardIDField
+                }
               ),
               style: { backgroundColor: "var(--pbm-primary)" },
               id: "button_submit_security_number_pbm",
-              children: /* @__PURE__ */ jsx7(ArrowRight, { size: 24, color: "white", strokeWidth: 2 })
+              children: "Comprar com desconto"
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ jsxs3("section", { className: "flex items-center-safe justify-between", children: [
-      /* @__PURE__ */ jsxs3(
+    /* @__PURE__ */ jsxs("section", { className: "flex items-start flex-col gap-2", children: [
+      /* @__PURE__ */ jsxs(
         Button_default,
         {
           className: "bg-transparent p-0 pl-2 w-auto h-auto underline cursor-pointer hover:bg-transparent flex items-center justify-start gap-1",
@@ -482,12 +472,21 @@ function Form({ startTransition }) {
           },
           id: "check_benefits_button",
           children: [
-            /* @__PURE__ */ jsx7("span", { children: !showCardIDField ? "Possui Cupom / ID do Cart\xE3o?" : "N\xE3o possui Cupom / ID do Cart\xE3o??" }),
-            /* @__PURE__ */ jsx7(ArrowRight, { size: 16, className: classNames6({ "rotate-0": !showCardIDField, "rotate-180": showCardIDField }) })
+            /* @__PURE__ */ jsx2("span", { className: "text-start", children: !showCardIDField ? "Possui Cupom / ID do Cart\xE3o?" : "N\xE3o possui Cupom / ID do Cart\xE3o?" }),
+            /* @__PURE__ */ jsx2(
+              ArrowRight,
+              {
+                size: 16,
+                className: classNames2({
+                  "rotate-0": !showCardIDField,
+                  "rotate-180": showCardIDField
+                })
+              }
+            )
           ]
         }
       ),
-      /* @__PURE__ */ jsxs3(
+      /* @__PURE__ */ jsxs(
         Button_default,
         {
           className: "bg-transparent p-0 pl-2 w-auto h-auto underline cursor-pointer hover:bg-transparent flex items-center justify-start gap-1",
@@ -497,8 +496,8 @@ function Form({ startTransition }) {
           onClick: () => store.setState("isPreview"),
           id: "check_benefits_button",
           children: [
-            /* @__PURE__ */ jsx7("span", { children: "Consultar Benef\xEDcios" }),
-            /* @__PURE__ */ jsx7(ArrowRight, { size: 16 })
+            /* @__PURE__ */ jsx2("span", { children: "Consultar Benef\xEDcios" }),
+            /* @__PURE__ */ jsx2(ArrowRight, { size: 16 })
           ]
         }
       )
@@ -507,86 +506,10 @@ function Form({ startTransition }) {
 }
 var Form_default = Form;
 
-// src/components/UI/Loading/index.tsx
-import { jsx as jsx8, 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__ */ jsx8(
-      "div",
-      {
-        "data-testid": "test_id_spin",
-        className: "w-8 h-8 border-4 border-gray-300 rounded-full animate-spin",
-        style: { borderTopColor: "var(--pbm-secondary)" },
-        id: "loading_spin"
-      }
-    ),
-    /* @__PURE__ */ jsx8(
-      "p",
-      {
-        className: "text-sm font-semibold text-start",
-        style: { color: textColor || "var(--pbm-text)" },
-        id: "loading_label",
-        children: "Um momento... estamos verificando seus dados."
-      }
-    )
-  ] });
-}
-var Loading_default = Loading;
-
-// src/services/benefits-without-document.ts
-import Cookies2 from "js-cookie";
-var CheckBenefistWithoutDocument = async ({ products }) => {
-  const API_URL = getEnv("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 as create2 } from "zustand";
-var initialModalState = {
-  modal: {
-    id: "",
-    open: false,
-    label: "",
-    url: ""
-  }
-};
-var createModalStore = (set) => ({
-  ...initialModalState,
-  setModal: (modal) => set({ modal }),
-  resetModal: () => set({ modal: initialModalState.modal })
-});
-var useModal = create2(createModalStore);
-
-// src/components/BenefitsTable/Item.tsx
-import { useCallback, useEffect } from "react";
-import classNames7 from "classnames";
-
 // src/components/UI/Icons/index.tsx
-import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function CheckON({ size }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx3(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -594,7 +517,7 @@ function CheckON({ size }) {
       viewBox: "0 0 500 500",
       width: size,
       height: size,
-      children: /* @__PURE__ */ jsx9(
+      children: /* @__PURE__ */ jsx3(
         "path",
         {
           d: "M421.44 78.56C375.64 32.77 314.76 7.55 250 7.55S124.36 32.77 78.56 78.56C32.77 124.36 7.55 185.24 7.55 250s25.22 125.64 71.01 171.44c45.8 45.79 106.68 71.01 171.44 71.01s125.64-25.22 171.44-71.01c45.79-45.8 71.01-106.68 71.01-171.44s-25.22-125.64-71.01-171.44zm-49.17 121.7L242.88 334.63c-8.98 9.29-23.57 10.17-33.59 2.02l-79.63-64.7c-10.69-8.67-12.33-24.38-3.66-35.07 8.67-10.69 24.38-12.33 35.07-3.65l61.9 50.39L336.5 165.74c4.4-4.75 10.48-7.59 16.95-7.93a24.88 24.88 0 0118.83 7.26c9.72 9.72 9.71 25.48 0 35.19z",
@@ -605,7 +528,7 @@ function CheckON({ size }) {
   );
 }
 function CheckOFF({ size }) {
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs2(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -614,8 +537,8 @@ function CheckOFF({ size }) {
       width: size,
       height: size,
       children: [
-        /* @__PURE__ */ jsx9("circle", { cx: 250, cy: 250, r: 237.45, fill: "#fff" }),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx3("circle", { cx: 250, cy: 250, r: 237.45, fill: "#fff" }),
+        /* @__PURE__ */ jsx3(
           "path",
           {
             d: "M250 492.45c-64.76 0-125.64-25.22-171.44-71.01C32.77 375.64 7.55 314.76 7.55 250S32.77 124.36 78.56 78.56C124.36 32.77 185.24 7.55 250 7.55s125.64 25.22 171.44 71.01c45.79 45.79 71.01 106.68 71.01 171.44s-25.22 125.64-71.01 171.44c-45.79 45.79-106.68 71.01-171.44 71.01zm0-474.9C121.83 17.55 17.55 121.83 17.55 250S121.83 482.45 250 482.45 482.45 378.17 482.45 250 378.17 17.55 250 17.55z",
@@ -626,351 +549,2090 @@ function CheckOFF({ size }) {
     }
   );
 }
-var Icons = {
-  CheckON,
-  CheckOFF
-};
-
-// src/components/BenefitsTable/Item.tsx
-import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
-function Item({ data, onChange, checked }) {
-  const { setAvailableDiscountSelected, state, isAuthenticatedShopper } = usePBMStore();
-  const { setModal } = useModal();
-  const ID_INPUT = "unity_quantity_" + data.authorizedQuantity;
-  const decimalDiscount = data.discountPercentual / 100;
-  const unitDiscountValue = data.grossPrice * decimalDiscount;
-  const discountValue = unitDiscountValue * data.authorizedQuantity;
-  const totalPriceProductWithDiscountBenefit = data.grossPrice * data.authorizedQuantity - discountValue;
-  const updateStorageData = useCallback(() => {
-    if (checked) {
-      const roundToTwoDecimals = (value) => Math.round(value * 100) / 100;
-      setAvailableDiscountSelected({
-        discount: {
-          total: roundToTwoDecimals(discountValue),
-          unit: roundToTwoDecimals(unitDiscountValue)
-        },
-        quantity: data.authorizedQuantity,
-        totalPrice: roundToTwoDecimals(totalPriceProductWithDiscountBenefit),
-        grossPrice: data.grossPrice
-      });
-    }
-  }, [
-    checked,
-    data.authorizedQuantity,
-    setAvailableDiscountSelected,
-    discountValue,
-    totalPriceProductWithDiscountBenefit,
-    unitDiscountValue
-  ]);
-  useEffect(() => {
-    updateStorageData();
-  }, [updateStorageData]);
-  const handleChange = () => {
-    if (!isAuthenticatedShopper && state === "isActivated") {
-      setModal({
-        id: "ShopperIsNotAuthenticated",
-        open: true
-      });
-      return;
+function Pills({ size, color }) {
+  return /* @__PURE__ */ jsxs2(
+    "svg",
+    {
+      viewBox: "-0.003 0 99.979 99.979",
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "#000000",
+      width: size,
+      height: size,
+      children: [
+        /* @__PURE__ */ jsx3("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
+        /* @__PURE__ */ jsx3(
+          "g",
+          {
+            id: "SVGRepo_tracerCarrier",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsxs2("g", { id: "SVGRepo_iconCarrier", children: [
+          /* @__PURE__ */ jsx3(
+            "path",
+            {
+              fill: "#ffe700",
+              d: "M92.869 7.105c9.478 9.476 9.478 24.832 0 34.308L41.411 92.869c-9.475 9.474-24.833 9.474-34.307 0-9.476-9.475-9.476-24.832 0-34.308L58.562 7.105c9.475-9.473 24.834-9.473 34.307 0z"
+            }
+          ),
+          /* @__PURE__ */ jsx3(
+            "path",
+            {
+              fill: color,
+              d: "M32.548 33.122L7.105 58.563c-9.476 9.476-9.476 24.833 0 34.308 9.474 9.475 24.832 9.475 34.307 0L66.85 67.43 32.548 33.122z"
+            }
+          ),
+          /* @__PURE__ */ jsx3(
+            "path",
+            {
+              fill: color,
+              d: "M65.43 68.862L31.134 34.568l1.414-1.414 34.294 34.294z"
+            }
+          ),
+          /* @__PURE__ */ jsx3(
+            "path",
+            {
+              fill: color,
+              d: "M38.096 41.51L12.7 66.906a5.894 5.894 0 0 0 0 8.339 5.896 5.896 0 0 0 8.339 0l25.396-25.396-8.339-8.339z"
+            }
+          ),
+          /* @__PURE__ */ jsx3(
+            "path",
+            {
+              fill: "#ffe700",
+              d: "M75.244 12.7a5.897 5.897 0 0 0-8.343 0L39.51 40.096l8.339 8.339 27.396-27.396a5.899 5.899 0 0 0-.001-8.339z"
+            }
+          ),
+          /* @__PURE__ */ jsx3(
+            "path",
+            {
+              fill: color,
+              d: "M47.862 48.444l-1.414 1.414-8.335-8.336 1.414-1.414z"
+            }
+          )
+        ] })
+      ]
     }
-    onChange();
-  };
-  return /* @__PURE__ */ jsxs6(
-    "label",
+  );
+}
+function ArrowDown({ size, color }) {
+  return /* @__PURE__ */ jsxs2(
+    "svg",
     {
-      htmlFor: ID_INPUT,
-      className: classNames7(
-        "label_benefits w-full flex items-center justify-start bg-zinc-300/60 border border-zinc-400/50 px-4 py-2 transition-colors rounded-lg gap-1",
-        { "cursor-not-allowed": state === "isPreview", "cursor-pointer": state === "isActivated", "opacity-80": !checked && state === "isActivated" }
-      ),
-      style: {
-        borderColor: checked ? "var(--pbm-primary)" : void 0,
-        backgroundColor: checked ? "color-mix(in srgb, var(--pbm-primary), transparent 90%)" : void 0
-      },
-      id: "label_benefits_" + ID_INPUT,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
       children: [
-        /* @__PURE__ */ jsx10(
-          "input",
+        /* @__PURE__ */ jsx3("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
+        /* @__PURE__ */ jsx3(
+          "g",
           {
-            type: "radio",
-            name: "benefits_discount",
-            id: ID_INPUT,
-            className: "hidden",
-            checked,
-            onChange: handleChange,
-            disabled: state === "isPreview"
+            id: "SVGRepo_tracerCarrier",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ jsx10("span", { style: { color: "var(--pbm-primary)" }, children: !checked ? /* @__PURE__ */ jsx10(Icons.CheckOFF, { size: 20 }) : /* @__PURE__ */ jsx10(Icons.CheckON, { size: 20 }) }),
-        /* @__PURE__ */ jsxs6("span", { className: "font-semibold text-sm", style: { color: "var(--pbm-text)" }, children: [
-          data.authorizedQuantity,
-          "un"
-        ] }),
-        /* @__PURE__ */ jsxs6("section", { className: "ml-auto relative gap-2 flex items-center-safe justify-end-safe", children: [
-          /* @__PURE__ */ jsxs6(
-            "span",
+        /* @__PURE__ */ jsx3("g", { id: "SVGRepo_iconCarrier", children: /* @__PURE__ */ jsx3(
+          "path",
+          {
+            d: "M7.33199 16.3154C6.94146 15.9248 6.3083 15.9248 5.91777 16.3154C5.52725 16.7059 5.52725 17.339 5.91777 17.7296L10.5834 22.3952C11.3644 23.1762 12.6308 23.1762 13.4118 22.3952L18.0802 17.7267C18.4707 17.3362 18.4707 16.703 18.0802 16.3125C17.6897 15.922 17.0565 15.922 16.666 16.3125L13 19.9786V2.0001C13 1.44781 12.5523 1.0001 12 1.0001C11.4477 1.0001 11 1.44781 11 2.0001V19.9833L7.33199 16.3154Z",
+            fill: color
+          }
+        ) })
+      ]
+    }
+  );
+}
+var Icons = {
+  CheckON,
+  CheckOFF,
+  Pills,
+  ArrowDown
+};
+
+// src/components/Header/index.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function Header({ originalProductPrice }) {
+  const { targetProduct, benefitsEnabled, setBenefitsEnabled } = usePBMStore();
+  const Price = targetProduct?.listPrice || originalProductPrice;
+  const Discount = Price * ((targetProduct?.discountMax || 0) / 100);
+  return /* @__PURE__ */ jsxs3(
+    "header",
+    {
+      className: "flex items-start justify-start flex-col gap-4 w-full p-0.5 rounded-xl mt-5",
+      id: "header_pbm",
+      children: [
+        /* @__PURE__ */ jsxs3("label", { className: "flex items-center gap-2 cursor-pointer", children: [
+          /* @__PURE__ */ jsx4(
+            "input",
             {
-              className: "text-white -top-4 py-0.5 font-semibold text-xs px-2 w-auto text-nowrap rounded-2xl -right-3",
-              style: { backgroundColor: "var(--pbm-primary)" },
-              children: [
-                discountValue.toLocaleString("pt-BR", {
+              type: "checkbox",
+              name: "option",
+              className: "peer hidden",
+              checked: benefitsEnabled,
+              onChange: (e) => setBenefitsEnabled(e.target.checked)
+            }
+          ),
+          /* @__PURE__ */ jsx4("div", { className: "w-5 h-5 border border-(--pbm-primary) rounded-full flex items-center justify-center transition-all duration-300 after:content-[''] after:w-2 after:h-2 after:rounded-full after:bg-(--pbm-primary) after:scale-0 after:transition-transform after:duration-200 peer-checked:after:scale-100" }),
+          /* @__PURE__ */ jsx4("p", { className: "font-medium text-(--pbm-primary) select-none text-sm", children: "Desconto de Laborat\xF3rio" }),
+          /* @__PURE__ */ jsx4(Icons.Pills, { size: 16, color: "var(--pbm-primary)" })
+        ] }),
+        /* @__PURE__ */ jsx4(
+          "span",
+          {
+            className: "py-1 rounded-xl shrink-0 text-white text-xl font-bold flex items-center justify-start gap-2 relative",
+            "data-testid": "test_id_header_price",
+            id: "header_price",
+            children: /* @__PURE__ */ jsxs3("section", { className: "flex items-start gap-2 justify-center-safe flex-col", children: [
+              /* @__PURE__ */ jsxs3("div", { className: "flex items-center-safe justify-start gap-1", children: [
+                /* @__PURE__ */ jsx4("span", { className: "line-through text-sm font-light text-zinc-600", children: Number(Price)?.toLocaleString("pt-BR", {
                   currency: "BRL",
                   currencyDisplay: "symbol",
                   currencySign: "standard",
                   style: "currency"
-                }),
-                " ",
-                "OFF"
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx10("strong", { className: "font-semibold text-sm text-center", style: { color: "var(--pbm-text)" }, children: totalPriceProductWithDiscountBenefit.toLocaleString("pt-BR", {
-            currency: "BRL",
-            currencyDisplay: "symbol",
-            currencySign: "standard",
-            style: "currency"
-          }) })
-        ] })
+                }) }),
+                /* @__PURE__ */ jsx4(Icons.ArrowDown, { size: 14, color: "var(--pbm-primary)" }),
+                /* @__PURE__ */ jsxs3("span", { className: "font-semibold text-sm text-(--pbm-primary)", children: [
+                  (targetProduct?.discountMax || 0).toFixed(2),
+                  "%"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx4("span", { className: "text-lg text-zinc-700 font-bold", children: Number(Price - Discount)?.toLocaleString("pt-BR", {
+                currency: "BRL",
+                currencyDisplay: "symbol",
+                currencySign: "standard",
+                style: "currency"
+              }) }),
+              targetProduct?.informativeMessage && /* @__PURE__ */ jsx4("span", { className: "text-xs text-zinc-600 font-medium", children: targetProduct?.informativeMessage })
+            ] })
+          }
+        )
       ]
     }
   );
 }
-var Item_default = Item;
+var Header_default = Header;
 
-// src/components/BenefitsTable/index.tsx
-import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
-function BenefitsTable() {
-  const [isPending, startTransition] = useTransition();
-  const { securityNumber, setState, state, targetProduct, customLoginUrl, isAuthenticatedShopper } = usePBMStore();
-  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");
+// src/components/Iframe/index.tsx
+import classNames5 from "classnames";
+import { TriangleAlert, ExternalLink } from "lucide-react";
+import { useState as useState2, useEffect } from "react";
+
+// src/components/UI/Title/index.tsx
+import classNames3 from "classnames";
+import { jsx as jsx5 } from "react/jsx-runtime";
+function Title(props) {
+  return /* @__PURE__ */ jsx5(
+    "h2",
+    {
+      className: classNames3(
+        "text-start font-semibold text-sm",
+        props.className
+      ),
+      style: { color: props.textColor || "var(--pbm-text)", fontSize: props.textSize, textAlign: props.textAlign },
+      "data-testid": "test_id_title",
+      id: "title_pbm",
+      children: props.children
+    }
+  );
+}
+var Title_default = Title;
+
+// src/components/UI/Text/index.tsx
+import classNames4 from "classnames";
+import { jsx as jsx6 } from "react/jsx-runtime";
+function Text(props) {
+  return /* @__PURE__ */ jsx6(
+    "p",
+    {
+      className: classNames4(
+        "font-normal text-sm",
+        props.textAlign && `text-${props.textAlign}`,
+        props.className
+      ),
+      style: { color: props.textColor || "var(--pbm-text)", fontSize: props.textSize, textAlign: props.textAlign },
+      "data-testid": "test_id_text",
+      id: "text_pbm",
+      children: props.children
+    }
+  );
+}
+var Text_default = Text;
+
+// src/components/Iframe/index.tsx
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+function Iframe() {
+  const [showFallback, setShowFallback] = useState2(false);
+  const { setState } = usePBMStore();
+  const { resetModal, modal } = useModal();
+  const isOpen = modal.open && modal.id === "iframe_pbm";
+  useEffect(() => {
+    if (isOpen) {
+      setShowFallback(false);
+    }
+  }, [isOpen, modal.url]);
+  const handleOpenInNewWindow = () => {
+    if (modal.url) {
+      window.open(modal.url, "_blank", "noopener,noreferrer");
+    }
+  };
+  const handleClose = () => {
+    setState("isEmpty");
+    resetModal();
+  };
+  if (!modal.url) return;
+  return /* @__PURE__ */ jsxs4(
+    "main",
+    {
+      className: classNames5(
+        "fixed inset-0 flex items-center justify-center z-50 flex-col transition-all duration-300 pt-[10%]",
+        isOpen ? "opacity-100 pointer-events-auto" : "opacity-0 pointer-events-none"
+      ),
+      id: "iframe_pbm",
+      children: [
+        /* @__PURE__ */ jsx7(
+          "div",
+          {
+            className: "bg-black/40 inset-0 absolute backdrop-blur-sm",
+            onClick: handleClose
+          }
+        ),
+        /* @__PURE__ */ jsxs4("section", { className: "w-[90%] md:w-4/5 gap-4 h-auto bg-zinc-900 py-3 px-6 flex items-center justify-end rounded-t-2xl border-b border-white/10 z-10 shadow-2xl", children: [
+          /* @__PURE__ */ jsx7(
+            Button_default,
+            {
+              onClick: handleClose,
+              className: "bg-red-500 hover:bg-red-400 w-auto px-6 h-9 transition-all active:scale-95 shadow-lg text-xs md:text-sm",
+              children: "Cancelar"
+            }
+          ),
+          /* @__PURE__ */ jsx7(
+            Button_default,
+            {
+              onClick: handleClose,
+              className: "bg-blue-600 hover:bg-blue-500 w-auto px-6 h-9 transition-all active:scale-95 shadow-lg text-xs md:text-sm",
+              children: "Finalizei o formul\xE1rio"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx7("div", { className: "w-[90%] md:w-4/5 h-[60vh] bg-zinc-900 z-10 overflow-hidden relative shadow-2xl", children: showFallback ? /* @__PURE__ */ jsxs4("div", { className: "absolute inset-0 flex flex-col items-center justify-center p-8 text-center bg-zinc-900", children: [
+          /* @__PURE__ */ jsx7("div", { className: "bg-yellow-500/10 p-4 rounded-full mb-4 animate-pulse", children: /* @__PURE__ */ jsx7(TriangleAlert, { size: 48, className: "text-yellow-500" }) }),
+          /* @__PURE__ */ jsx7(Title_default, { textColor: "white", textSize: "20px", textAlign: "center", className: "mb-2", children: "N\xE3o foi poss\xEDvel carregar o conte\xFAdo" }),
+          /* @__PURE__ */ jsx7(Text_default, { textColor: "#a1a1aa", textAlign: "center", className: "mb-8 max-w-md", children: "Este conte\xFAdo n\xE3o permite exibi\xE7\xE3o integrada por seguran\xE7a. Clique no bot\xE3o abaixo para concluir em uma nova aba." }),
+          /* @__PURE__ */ jsxs4(
+            Button_default,
+            {
+              onClick: handleOpenInNewWindow,
+              className: "flex items-center gap-2 w-auto px-8 h-12 shadow-xl shadow-emerald-500/20",
+              children: [
+                /* @__PURE__ */ jsx7(ExternalLink, { size: 18 }),
+                "Abrir em nova janela"
+              ]
+            }
+          )
+        ] }) : /* @__PURE__ */ jsx7(
+          "iframe",
+          {
+            src: modal.url,
+            title: modal.label ?? "Conte\xFAdo PBM",
+            className: "w-full h-full border-none bg-white animate-fade-in",
+            allowFullScreen: true,
+            onError: () => setShowFallback(true)
+          }
+        ) }),
+        /* @__PURE__ */ jsxs4("section", { className: "w-[90%] md:w-4/5 flex flex-col md:flex-row items-center justify-between gap-3 bg-zinc-900 py-4 px-6 rounded-b-2xl border-t border-white/5 z-10 shadow-2xl", children: [
+          /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx7(TriangleAlert, { size: 18, className: "text-yellow-500 shrink-0" }),
+            /* @__PURE__ */ jsxs4(Text_default, { textColor: "white", className: "text-[10px] md:text-xs", children: [
+              /* @__PURE__ */ jsx7("span", { className: "text-yellow-500 font-bold mr-1", children: "Importante:" }),
+              "Se a p\xE1gina n\xE3o carregar, tente abrir em tela cheia usando o bot\xE3o ao lado."
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs4(
+            "button",
+            {
+              onClick: handleOpenInNewWindow,
+              className: "text-white/60 hover:text-white text-[11px] underline flex items-center gap-1 transition-colors cursor-pointer",
+              children: [
+                /* @__PURE__ */ jsx7(ExternalLink, { size: 14 }),
+                " Abrir em nova aba"
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+var Iframe_default = Iframe;
+
+// src/components/UI/Loading/index.tsx
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+function Loading({ textColor }) {
+  return /* @__PURE__ */ jsxs5("main", { className: "flex items-center justify-center gap-4", id: "loading_pbm", children: [
+    /* @__PURE__ */ jsx8(
+      "div",
+      {
+        "data-testid": "test_id_spin",
+        className: "w-8 h-8 border-4 border-gray-300 rounded-full animate-spin",
+        style: { borderTopColor: "var(--pbm-secondary)" },
+        id: "loading_spin"
+      }
+    ),
+    /* @__PURE__ */ jsx8(
+      "p",
+      {
+        className: "text-sm font-semibold text-start",
+        style: { color: textColor || "var(--pbm-text)" },
+        id: "loading_label",
+        children: "Um momento... estamos verificando seus dados."
+      }
+    )
+  ] });
+}
+var Loading_default = Loading;
+
+// src/components/UI/Container/index.tsx
+import classNames6 from "classnames";
+import { jsx as jsx9 } from "react/jsx-runtime";
+function Container({
+  children,
+  variant
+}) {
+  const { benefitsEnabled } = usePBMStore();
+  return /* @__PURE__ */ jsx9(
+    "main",
+    {
+      className: classNames6({
+        "border-3 border-(--pbm-border) overflow-hidden 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 relative": variant === "simple",
+        "h-0 overflow-hidden": !benefitsEnabled && variant === "simple"
+      }),
+      "data-testid": "test_id_container",
+      "data-variant": variant,
+      id: "container_pbm",
+      children
+    }
+  );
+}
+var Container_default = Container;
+
+// src/services/activate-customer.ts
+import Cookies2 from "js-cookie";
+var ActivateCustomer = async ({ document, requestId, products }) => {
+  const API_URL = getEnv("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}/programregistration/activate`, {
+    method: "POST",
+    headers: {
+      Authorization: `Bearer ${AUTH_TOKEN}`,
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify({ document, requestId, products })
+  });
+  const dataResponse = await response.json();
+  if (!dataResponse.success) {
+    throw new Error(dataResponse.message || "Failed to fetch document validation");
+  }
+  return dataResponse;
+};
+
+// src/services/benefits-without-document.ts
+import Cookies3 from "js-cookie";
+var CheckBenefistWithoutDocument = async ({ products }) => {
+  const API_URL = getEnv("VITE_API_URL");
+  if (!API_URL) {
+    throw new Error("API URL is not defined in environment variables");
+  }
+  const AUTH_TOKEN = Cookies3.get("pbm-token");
+  if (!AUTH_TOKEN) {
+    throw new Error("Token is not defined in cookies or is expired");
+  }
+  const response = await fetch(`${API_URL}/products/genericBenefit`, {
+    method: "POST",
+    headers: {
+      Authorization: `Bearer ${AUTH_TOKEN}`,
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify({ products })
+  });
+  const dataResponse = await response.json();
+  if (!dataResponse.success) {
+    throw new Error(dataResponse.message || "Failed to fetch benefits without document");
+  }
+  return dataResponse;
+};
+
+// src/components/BenefitsTable/index.tsx
+import { useEffect as useEffect3, useState as useState3, useTransition } from "react";
+
+// src/components/BenefitsTable/Item.tsx
+import { useCallback, useEffect as useEffect2 } from "react";
+import classNames7 from "classnames";
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+function Item({ data, onChange, checked }) {
+  const { setAvailableDiscountSelected, state, isAuthenticatedShopper } = usePBMStore();
+  const { setModal } = useModal();
+  const ID_INPUT = "unity_quantity_" + data.authorizedQuantity;
+  const decimalDiscount = data.discountPercentual / 100;
+  const unitDiscountValue = data.grossPrice * decimalDiscount;
+  const discountValue = unitDiscountValue * data.authorizedQuantity;
+  const totalPriceProductWithDiscountBenefit = data.grossPrice * data.authorizedQuantity - discountValue;
+  const updateStorageData = useCallback(() => {
+    if (checked) {
+      const roundToTwoDecimals = (value) => Math.round(value * 100) / 100;
+      setAvailableDiscountSelected({
+        discount: {
+          total: roundToTwoDecimals(discountValue),
+          unit: roundToTwoDecimals(unitDiscountValue)
+        },
+        quantity: data.authorizedQuantity,
+        totalPrice: roundToTwoDecimals(totalPriceProductWithDiscountBenefit),
+        grossPrice: data.grossPrice
+      });
+    }
+  }, [
+    checked,
+    data.authorizedQuantity,
+    data.grossPrice,
+    setAvailableDiscountSelected,
+    discountValue,
+    totalPriceProductWithDiscountBenefit,
+    unitDiscountValue
+  ]);
+  useEffect2(() => {
+    updateStorageData();
+  }, [updateStorageData]);
+  const handleChange = () => {
+    if (!isAuthenticatedShopper && state === "isActivated") {
+      setModal({
+        id: "ShopperIsNotAuthenticated",
+        open: true
+      });
+      return;
+    }
+    onChange();
+  };
+  return /* @__PURE__ */ jsxs6(
+    "label",
+    {
+      htmlFor: ID_INPUT,
+      className: classNames7(
+        "label_benefits w-full flex items-center justify-start bg-zinc-300/60 border border-zinc-400/50 px-4 py-2 transition-colors rounded-lg gap-1",
+        {
+          "cursor-not-allowed": state === "isPreview",
+          "cursor-pointer": state === "isActivated",
+          "opacity-80": !checked && state === "isActivated"
+        }
+      ),
+      style: {
+        borderColor: checked ? "var(--pbm-primary)" : void 0,
+        backgroundColor: checked ? "color-mix(in srgb, var(--pbm-primary), transparent 90%)" : void 0
+      },
+      id: "label_benefits_" + ID_INPUT,
+      children: [
+        /* @__PURE__ */ jsx10(
+          "input",
+          {
+            type: "radio",
+            name: "benefits_discount",
+            id: ID_INPUT,
+            className: "hidden",
+            checked,
+            onChange: handleChange,
+            disabled: state === "isPreview"
+          }
+        ),
+        /* @__PURE__ */ jsx10("span", { style: { color: "var(--pbm-primary)" }, children: !checked ? /* @__PURE__ */ jsx10(Icons.CheckOFF, { size: 20 }) : /* @__PURE__ */ jsx10(Icons.CheckON, { size: 20 }) }),
+        /* @__PURE__ */ jsxs6(
+          "span",
+          {
+            className: "font-semibold text-sm",
+            style: { color: "var(--pbm-text)" },
+            children: [
+              data.authorizedQuantity,
+              "un"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs6("section", { className: "ml-auto relative gap-2 flex items-center-safe justify-end-safe", children: [
+          /* @__PURE__ */ jsxs6(
+            "span",
+            {
+              className: "text-white -top-4 py-0.5 font-semibold text-xs px-2 w-auto text-nowrap rounded-2xl -right-3",
+              style: { backgroundColor: "var(--pbm-primary)" },
+              children: [
+                discountValue.toLocaleString("pt-BR", {
+                  currency: "BRL",
+                  currencyDisplay: "symbol",
+                  currencySign: "standard",
+                  style: "currency"
+                }),
+                " ",
+                "OFF"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx10(
+            "strong",
+            {
+              className: "font-semibold text-sm text-center",
+              style: { color: "var(--pbm-text)" },
+              children: totalPriceProductWithDiscountBenefit.toLocaleString("pt-BR", {
+                currency: "BRL",
+                currencyDisplay: "symbol",
+                currencySign: "standard",
+                style: "currency"
+              })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+var Item_default = Item;
+
+// src/components/BenefitsTable/index.tsx
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+function BenefitsTable() {
+  const [isPending, startTransition] = useTransition();
+  const {
+    securityNumber,
+    setState,
+    state,
+    targetProduct,
+    customLoginUrl,
+    isAuthenticatedShopper,
+    requestId
+  } = usePBMStore();
+  const [selectedDiscout, setSelectedDiscount] = useState3(null);
+  const [benefitsItems, setBenefitsItems] = useState3();
+  useEffect3(() => {
+    if (!targetProduct?.productId) {
+      console.error("PBMLOG: Product ID is not defined on targetProduct");
       return;
     }
-    if (!targetProduct.listPrice) {
-      console.error("PBMLOG: List Price 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 () => {
+      try {
+        const data = {
+          productId: Number(targetProduct.productId),
+          ean: targetProduct.ean,
+          requestedQuantity: 1,
+          listPrice: targetProduct.listPrice,
+          netPrice: targetProduct.price
+        };
+        const response = await CheckBenefistWithoutDocument({
+          products: [data]
+        });
+        if (response.success && response.data) {
+          setBenefitsItems(response.data);
+        } else {
+          setBenefitsItems(void 0);
+        }
+      } catch (error) {
+        setBenefitsItems(void 0);
+        console.error(error);
+      }
+    };
+    const fetchDiscountWithDocument = async () => {
+      if (!securityNumber) {
+        console.error("PBMLOG: Document is not defined");
+        return;
+      }
+      if (!requestId) {
+        console.error("PBMLOG: Request ID is not defined");
+        return;
+      }
+      try {
+        const data = {
+          productId: Number(targetProduct.productId),
+          ean: targetProduct.ean,
+          quantity: 1,
+          listPrice: targetProduct.listPrice
+        };
+        const response = await ActivateCustomer({
+          document: securityNumber,
+          requestId,
+          products: [data]
+        });
+        if (response.success && response.data) {
+          setBenefitsItems(response.data.product);
+        } else {
+          setBenefitsItems(void 0);
+        }
+      } catch (error) {
+        setBenefitsItems(void 0);
+        console.error(error);
+      }
+    };
+    startTransition(async () => {
+      if (state === "isActivated") {
+        await fetchDiscountWithDocument();
+      } else {
+        await fetchDicountsWithoutDocument();
+      }
+    });
+  }, []);
+  if (isPending) {
+    return /* @__PURE__ */ jsx11(Loading_default, { textColor: "var(--pbm-text)" });
+  }
+  if (benefitsItems?.length && benefitsItems[0]?.statusCode == null && state === "isActivated") {
+    return /* @__PURE__ */ jsx11("main", { className: "flex items-center justify-center gap-4", id: "loading_pbm", children: /* @__PURE__ */ jsx11(
+      "p",
+      {
+        className: "text-sm font-semibold text-start",
+        style: { color: "var(--pbm-text)" },
+        id: "benefits_error_handle",
+        children: benefitsItems[0].informativeText
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs7(
+    "section",
+    {
+      className: "flex items-start justify-center gap-4 w-full h-auto flex-col",
+      id: "benefits_table_pbm",
+      children: [
+        /* @__PURE__ */ jsx11(Title_default, { children: "Descontos dispon\xEDveis:" }),
+        /* @__PURE__ */ jsxs7(
+          "form",
+          {
+            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__ */ jsx11(
+                "p",
+                {
+                  className: "text-sm font-semibold text-start text-zinc-900",
+                  id: "benefits_empty_pbm",
+                  children: "N\xE3o foi poss\xEDvel encontrar benef\xEDcios para esse produto."
+                }
+              ),
+              benefitsItems && benefitsItems.map((item, index) => {
+                const ID_INPUT = "unity_quantity_" + item.authorizedQuantity;
+                return /* @__PURE__ */ jsx11(
+                  Item_default,
+                  {
+                    data: item,
+                    checked: selectedDiscout === ID_INPUT,
+                    onChange: () => setSelectedDiscount(ID_INPUT)
+                  },
+                  index
+                );
+              })
+            ]
+          }
+        ),
+        state === "isPreview" && /* @__PURE__ */ jsxs7(
+          Button_default,
+          {
+            onClick: () => setState("isEmpty"),
+            className: "bg-transparent p-0 w-auto h-auto text-zinc-600 cursor-pointer hover:text-zinc-900 hover:bg-transparent text-start",
+            id: "unauthorized_benefits_button",
+            children: [
+              "Aten\xE7\xE3o: N\xE3o \xE9 poss\xEDvel utilizar os benef\xEDcos sem realizar a consulta do CPF e o Login, por favor",
+              " ",
+              /* @__PURE__ */ jsx11("span", { className: "underline", children: "insira seu cpf para utilizar os benef\xEDcios" })
+            ]
+          }
+        ),
+        state === "isActivated" && /* @__PURE__ */ jsxs7(Fragment2, { children: [
+          !isAuthenticatedShopper && /* @__PURE__ */ jsx11(
+            Button_default,
+            {
+              type: "button",
+              onClick: () => window.location.assign(customLoginUrl || "/login"),
+              className: "bg-transparent p-0 pl-2 w-auto h-auto text-zinc-600 cursor-pointer hover:text-zinc-900 hover:bg-transparent text-start",
+              id: "login",
+              children: /* @__PURE__ */ jsx11("span", { className: "underline", children: "Por favor, fa\xE7a o Login para aproveitar os benef\xEDcios!" })
+            }
+          ),
+          /* @__PURE__ */ jsx11(
+            Button_default,
+            {
+              onClick: () => setState("isEmpty"),
+              className: "bg-transparent p-0 pl-2 w-auto h-auto text-zinc-600 cursor-pointer hover:text-zinc-900 hover:bg-transparent text-start",
+              id: "change_security_number",
+              children: /* @__PURE__ */ jsx11("span", { className: "underline", children: "Deseja editar o cpf digitado?" })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+var BenefitsTable_default = BenefitsTable;
+
+// src/components/SecurityNumberInvalid/index.tsx
+import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+function SecurityNumberInvalid({ textColor }) {
+  const { urlAcceptTerms } = usePBMStore();
+  const { setModal } = useModal();
+  const handleOpenModal = () => {
+    if (!urlAcceptTerms) return;
+    setModal({ open: true, id: "iframe_pbm", label: "Aceitar os termos", url: urlAcceptTerms });
+  };
+  return /* @__PURE__ */ jsxs8(
+    "section",
+    {
+      "data-testid": "test_id_invalid",
+      className: "flex items-end justify-center gap-2 w-full h-auto flex-col border-y py-6",
+      style: { borderColor: "color-mix(in srgb, var(--pbm-text), transparent 80%)" },
+      id: "security_number_invalid_container_pbm",
+      children: [
+        /* @__PURE__ */ jsx12(Title_default, { className: "w-full", textColor, children: "CPF n\xE3o cadastrado." }),
+        /* @__PURE__ */ jsxs8(Text_default, { className: "w-full", textColor, children: [
+          "Conclua seu cadastro para habilitar o benef\xEDcio. ",
+          /* @__PURE__ */ jsx12("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__ */ jsx12(Button_default, { onClick: () => handleOpenModal(), style: { backgroundColor: "var(--pbm-primary)" }, children: "Aceitar os termos" })
+      ]
+    }
+  );
+}
+var SecurityNumberInvalid_default = SecurityNumberInvalid;
+
+// src/components/SecurityNumberRegitered/index.tsx
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+function SecurityNumberRegitered({ textColor }) {
+  const { urlRegisterIndustry } = usePBMStore();
+  const { setModal } = useModal();
+  const handleOpenModal = () => {
+    if (!urlRegisterIndustry) return;
+    setModal({ open: true, id: "iframe_pbm", label: "Ativar CPF", url: urlRegisterIndustry });
+  };
+  return /* @__PURE__ */ jsxs9(
+    "section",
+    {
+      "data-testid": "test_id_registered",
+      className: "flex items-end justify-center gap-2 w-full h-auto flex-col border-y py-6",
+      style: { borderColor: "color-mix(in srgb, var(--pbm-text), transparent 80%)" },
+      id: "security_number_registered_container_pbm",
+      children: [
+        /* @__PURE__ */ jsx13(Title_default, { className: "w-full", textColor, children: "Ops, seu CPF ainda n\xE3o est\xE1 habilitado para este produto." }),
+        /* @__PURE__ */ jsx13(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__ */ jsx13(Button_default, { onClick: () => handleOpenModal(), style: { backgroundColor: "var(--pbm-primary)" }, children: "Ativar CPF" })
+      ]
+    }
+  );
+}
+var SecurityNumberRegitered_default = SecurityNumberRegitered;
+
+// src/components/Errors/ErrorToApplyBenefits.tsx
+import { RefreshCw } from "lucide-react";
+
+// src/libs/zustand/useError.tsx
+import { create as create3 } from "zustand";
+var initialErrorState = {
+  ErrorMessage: "Erro ao aplicar o benef\xEDcio"
+};
+var createErrorStore = (set) => ({
+  ...initialErrorState,
+  setErrorMessage: (ErrorMessage) => set({ ErrorMessage }),
+  resetErrorMessage: () => set({ ErrorMessage: initialErrorState.ErrorMessage })
+});
+var useError = create3(createErrorStore);
+
+// src/components/Errors/ErrorToApplyBenefits.tsx
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+var ErrorToApplyBenefits = () => {
+  const { ErrorMessage } = useError();
+  const { setState } = usePBMStore();
+  return /* @__PURE__ */ jsxs10(Container_default, { variant: "main", children: [
+    /* @__PURE__ */ jsx14(Title_default, { children: "Erro ao Aplicar o Benef\xEDcio" }),
+    /* @__PURE__ */ jsx14(Text_default, { textAlign: "center", children: ErrorMessage }),
+    /* @__PURE__ */ jsxs10(
+      Button_default,
+      {
+        className: "bg-transparent p-0 pl-2 w-auto h-auto underline cursor-pointer hover:bg-transparent flex items-center justify-start gap-1",
+        style: { color: "var(--pbm-text)" },
+        onMouseOver: (e) => e.currentTarget.style.filter = "brightness(0.8)",
+        onMouseOut: (e) => e.currentTarget.style.filter = "none",
+        onClick: () => setState("isEmpty"),
+        id: "check_benefits_button",
+        children: [
+          /* @__PURE__ */ jsx14("span", { children: "Tentar novamente" }),
+          /* @__PURE__ */ jsx14(RefreshCw, { size: 16 })
+        ]
+      }
+    )
+  ] });
+};
+var ErrorToApplyBenefits_default = ErrorToApplyBenefits;
+
+// src/components/Modals/CustomerNotRegistered/index.tsx
+import { useState as useState9 } from "react";
+import classNames13 from "classnames";
+
+// src/components/Modals/CustomerNotRegistered/StepPersonalDataForm.tsx
+import { useState as useState4 } from "react";
+
+// src/components/Modals/CustomerNotRegistered/Shared/FieldWrapper.tsx
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+var FieldWrapper = ({
+  label,
+  error,
+  children
+}) => /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-1", children: [
+  /* @__PURE__ */ jsx15("label", { className: "text-xs font-medium text-zinc-500 uppercase tracking-wide", children: label }),
+  children,
+  error && /* @__PURE__ */ jsx15("span", { className: "text-xs text-red-500 mt-0.5", children: error })
+] });
+var FieldWrapper_default = FieldWrapper;
+
+// src/components/Modals/CustomerNotRegistered/Shared/DisabledInputClass.ts
+var disabledInputClass = "w-full rounded-lg border border-gray-200 bg-gray-100 px-3 py-2.5 text-sm text-gray-400 cursor-not-allowed";
+var DisabledInputClass_default = disabledInputClass;
+
+// src/components/Modals/CustomerNotRegistered/Shared/InputClass.ts
+import classNames8 from "classnames";
+var inputClass = (error) => classNames8(
+  "w-full rounded-lg border px-3 py-2.5 text-sm text-gray-800 outline-none transition-all",
+  "focus:ring-2 focus:ring-blue-500/30 focus:border-blue-500",
+  error ? "border-red-400 bg-red-50" : "border-gray-200 bg-gray-50 hover:border-gray-300"
+);
+var InputClass_default = inputClass;
+
+// src/components/Modals/CustomerNotRegistered/Shared/StepActions.tsx
+import classNames9 from "classnames";
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+var StepActions = ({
+  onNext,
+  onBack,
+  loading,
+  nextLabel = "Continuar",
+  isLast = false
+}) => /* @__PURE__ */ jsxs12("div", { className: "flex gap-2 mt-2 pt-4 border-t border-gray-100", children: [
+  onBack && /* @__PURE__ */ jsx16(
+    "button",
+    {
+      type: "button",
+      onClick: onBack,
+      className: "flex-1 rounded-lg border border-gray-200 py-2.5 text-sm font-medium text-zinc-600 hover:bg-zinc-600/10 transition-all cursor-pointer",
+      children: "Voltar"
+    }
+  ),
+  /* @__PURE__ */ jsx16(
+    "button",
+    {
+      type: "button",
+      onClick: onNext,
+      disabled: loading,
+      className: classNames9(
+        "flex-2 rounded-lg py-2.5 text-sm font-semibold text-white transition-all cursor-pointer",
+        isLast ? "bg-emerald-600 hover:bg-emerald-500" : "bg-(--pbm-primary) hover:bg-(--pbm-primary)/60",
+        loading && "opacity-60 cursor-not-allowed"
+      ),
+      children: loading ? /* @__PURE__ */ jsxs12("span", { className: "flex items-center justify-center gap-2", children: [
+        /* @__PURE__ */ jsxs12("svg", { className: "h-4 w-4 animate-spin", viewBox: "0 0 24 24", fill: "none", children: [
+          /* @__PURE__ */ jsx16(
+            "circle",
+            {
+              className: "opacity-25",
+              cx: "12",
+              cy: "12",
+              r: "10",
+              stroke: "currentColor",
+              strokeWidth: "4"
+            }
+          ),
+          /* @__PURE__ */ jsx16(
+            "path",
+            {
+              className: "opacity-75",
+              fill: "currentColor",
+              d: "M4 12a8 8 0 018-8v8z"
+            }
+          )
+        ] }),
+        "Enviando..."
+      ] }) : nextLabel
+    }
+  )
+] });
+var StepActions_default = StepActions;
+
+// src/services/set-personal-data-form.ts
+import Cookies4 from "js-cookie";
+var SetPersonalDataForm = async ({ document, requestId, personalData }) => {
+  const API_URL = getEnv("VITE_API_URL");
+  const AUTH_TOKEN = Cookies4.get("pbm-token");
+  if (!AUTH_TOKEN) {
+    throw new Error("Token is not defined in cookies or is expired");
+  }
+  const response = await fetch(`${API_URL}/programregistration/personalData`, {
+    method: "PUT",
+    headers: {
+      Authorization: `Bearer ${AUTH_TOKEN}`,
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify({ document, requestId, ...personalData })
+  });
+  const dataResponse = await response.json();
+  if (!dataResponse.success) {
+    throw new Error(dataResponse.message || "Failed to fetch authorization");
+  }
+  return dataResponse;
+};
+
+// src/components/Modals/CustomerNotRegistered/StepPersonalDataForm.tsx
+import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+var StepPersonalDataForm = ({
+  securityNumber,
+  onNext
+}) => {
+  const { personalData, setPersonalData, setStep } = usePBMForm();
+  const { setModal } = useModal();
+  const store = usePBMStore();
+  const [errors, setErrors] = useState4({});
+  const [loading, setLoading] = useState4(false);
+  const validate = () => {
+    const e = {};
+    if (!personalData.name.trim() || personalData.name.trim().split(" ").length < 2)
+      e.name = "Informe o nome completo.";
+    if (!/^\(\d{2}\) \d{5}-\d{4}$/.test(personalData.phone))
+      e.phone = "Telefone inv\xE1lido.";
+    if (!personalData.birthday) e.birthday = "Data de nascimento obrigat\xF3ria.";
+    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(personalData.email))
+      e.email = "E-mail inv\xE1lido.";
+    setErrors(e);
+    return Object.keys(e).length === 0;
+  };
+  const handleSubmit = async () => {
+    if (!validate()) return;
+    setLoading(true);
+    try {
+      const response = await SetPersonalDataForm({
+        document: securityNumber,
+        requestId: store.requestId,
+        personalData
+      });
+      if (!response.success) {
+        console.error("Failed to set personal data form:", response.message);
+        return;
+      }
+      setStep(mappingFormStep["Address"]);
+      onNext();
+    } catch {
+      console.error("An error occurred while setting personal data form.");
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs13(FieldWrapper_default, { label: "CPF", children: [
+      /* @__PURE__ */ jsx17(
+        "input",
+        {
+          className: DisabledInputClass_default,
+          value: formaters.cpf(securityNumber),
+          disabled: true,
+          readOnly: true
+        }
+      ),
+      /* @__PURE__ */ jsx17("p", { className: "text-xs text-gray-400 mt-1", children: /* @__PURE__ */ jsx17(
+        "button",
+        {
+          type: "button",
+          className: "text-(--pbm-primary) hover:text-(--pbm-primary)/60 cursor-pointer underline underline-offset-2 transition-colors",
+          onClick: () => setModal({ id: "", open: false }),
+          children: "Deseja alterar o CPF? Clique aqui."
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx17(FieldWrapper_default, { label: "Nome completo", error: errors.name, children: /* @__PURE__ */ jsx17(
+      "input",
+      {
+        className: InputClass_default(errors.name),
+        placeholder: "Ex: Jo\xE3o da Silva",
+        value: personalData.name,
+        onChange: (e) => {
+          setPersonalData({ name: e.target.value });
+          setErrors((p) => ({ ...p, name: void 0 }));
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsxs13("div", { className: "grid grid-cols-2 gap-3", children: [
+      /* @__PURE__ */ jsx17(FieldWrapper_default, { label: "Telefone", error: errors.phone, children: /* @__PURE__ */ jsx17(
+        "input",
+        {
+          className: InputClass_default(errors.phone),
+          placeholder: "(11) 99999-8888",
+          value: personalData.phone,
+          onChange: (e) => {
+            setPersonalData({ phone: formaters.phone(e.target.value) });
+            setErrors((p) => ({ ...p, phone: void 0 }));
+          }
+        }
+      ) }),
+      /* @__PURE__ */ jsx17(FieldWrapper_default, { label: "Data de nascimento", error: errors.birthday, children: /* @__PURE__ */ jsx17(
+        "input",
+        {
+          type: "date",
+          className: InputClass_default(errors.birthday),
+          value: personalData.birthday,
+          onChange: (e) => {
+            setPersonalData({ birthday: e.target.value });
+            setErrors((p) => ({ ...p, birthday: void 0 }));
+          }
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx17(FieldWrapper_default, { label: "E-mail", error: errors.email, children: /* @__PURE__ */ jsx17(
+      "input",
+      {
+        type: "email",
+        className: InputClass_default(errors.email),
+        placeholder: "joao@email.com",
+        value: personalData.email,
+        onChange: (e) => {
+          setPersonalData({ email: e.target.value });
+          setErrors((p) => ({ ...p, email: void 0 }));
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsx17(StepActions_default, { onNext: handleSubmit, loading })
+  ] });
+};
+var StepPersonalDataForm_default = StepPersonalDataForm;
+
+// src/components/Modals/CustomerNotRegistered/StepAddressForm.tsx
+import { useCallback as useCallback2, useState as useState5 } from "react";
+
+// src/services/lookup-postal-code.ts
+import Cookies5 from "js-cookie";
+var LookupPostalCode = async ({ POSTAL_CODE }) => {
+  const API_URL = getEnv("VITE_API_URL");
+  const AUTH_TOKEN = Cookies5.get("pbm-token");
+  if (!AUTH_TOKEN) {
+    throw new Error("Token is not defined in cookies or is expired");
+  }
+  const response = await fetch(`${API_URL}/programregistration/consulta-cep/${POSTAL_CODE}`, {
+    method: "GET",
+    headers: {
+      Authorization: `Bearer ${AUTH_TOKEN}`,
+      "Content-Type": "application/json"
+    }
+  });
+  const dataResponse = await response.json();
+  if (!dataResponse.success) {
+    throw new Error(dataResponse.message || "Failed to fetch authorization");
+  }
+  return dataResponse;
+};
+
+// src/services/set-address-data-form.ts
+import Cookies6 from "js-cookie";
+var SetAddressDataForm = async ({ document, requestId, address }) => {
+  const API_URL = getEnv("VITE_API_URL");
+  const AUTH_TOKEN = Cookies6.get("pbm-token");
+  if (!AUTH_TOKEN) {
+    throw new Error("Token is not defined in cookies or is expired");
+  }
+  const response = await fetch(`${API_URL}/programregistration/address`, {
+    method: "PUT",
+    headers: {
+      Authorization: `Bearer ${AUTH_TOKEN}`,
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify({ document, requestId, ...address })
+  });
+  const dataResponse = await response.json();
+  if (!dataResponse.success) {
+    throw new Error(dataResponse.message || "Failed to fetch authorization");
+  }
+  return dataResponse;
+};
+
+// src/components/Modals/CustomerNotRegistered/StepAddressForm.tsx
+import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+var StepAddressForm = ({
+  securityNumber,
+  onNext,
+  onBack
+}) => {
+  const { address, setAddress, setStep } = usePBMForm();
+  const store = usePBMStore();
+  const [errors, setErrors] = useState5({});
+  const [loadingCep, setLoadingCep] = useState5(false);
+  const [loading, setLoading] = useState5(false);
+  const fetchCEP = useCallback2(
+    async (cep) => {
+      const raw = cep.replace(/\D/g, "");
+      if (raw.length !== 8) return;
+      setLoadingCep(true);
+      try {
+        const response = await LookupPostalCode({ POSTAL_CODE: raw });
+        if (!response.success) {
+          console.error("Failed to lookup postal code");
+          return;
+        }
+        setAddress({
+          street: response.data.endereco,
+          neighborhood: response.data.bairro,
+          city: response.data.cidade,
+          stateAddress: response.data.estado,
+          postalcode: cep,
+          complement: response.data.complementoSugeridoViaCep || ""
+        });
+      } catch {
+        console.error("Failed to fetch address for CEP:", cep);
+      } finally {
+        setLoadingCep(false);
+      }
+    },
+    [setAddress]
+  );
+  const validate = () => {
+    const e = {};
+    if (!/^\d{5}-\d{3}$/.test(address.postalcode))
+      e.postalcode = "CEP inv\xE1lido.";
+    if (!address.number.trim()) e.number = "N\xFAmero obrigat\xF3rio.";
+    setErrors(e);
+    return Object.keys(e).length === 0;
+  };
+  const handleSubmit = async () => {
+    if (!validate()) return;
+    setLoading(true);
+    try {
+      const response = await SetAddressDataForm({
+        document: securityNumber,
+        requestId: store.requestId,
+        address: {
+          postalcode: address.postalcode.replace(/\D/g, ""),
+          number: address.number,
+          complement: address.complement
+        }
+      });
+      if (!response.success) {
+        console.log("Failed to set address data form:", response.message);
+        return;
+      }
+      setStep(mappingFormStep["GenderResponsibility"]);
+      onNext();
+    } catch {
+      console.log("An error occurred while submitting address form.");
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsx18(FieldWrapper_default, { label: "CEP", error: errors.postalcode, children: /* @__PURE__ */ jsxs14("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx18(
+        "input",
+        {
+          className: InputClass_default(errors.postalcode),
+          placeholder: "00000-000",
+          value: address.postalcode,
+          onChange: (e) => {
+            const formatted = formaters.cep(e.target.value);
+            setAddress({ postalcode: formatted });
+            setErrors((p) => ({
+              ...p,
+              postalcode: void 0
+            }));
+            if (formatted.replace(/\D/g, "").length === 8)
+              fetchCEP(formatted);
+          }
+        }
+      ),
+      loadingCep && /* @__PURE__ */ jsx18("div", { className: "absolute right-3 top-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsxs14(
+        "svg",
+        {
+          className: "h-4 w-4 animate-spin text-blue-500",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          children: [
+            /* @__PURE__ */ jsx18(
+              "circle",
+              {
+                className: "opacity-25",
+                cx: "12",
+                cy: "12",
+                r: "10",
+                stroke: "currentColor",
+                strokeWidth: "4"
+              }
+            ),
+            /* @__PURE__ */ jsx18(
+              "path",
+              {
+                className: "opacity-75",
+                fill: "currentColor",
+                d: "M4 12a8 8 0 018-8v8z"
+              }
+            )
+          ]
+        }
+      ) })
+    ] }) }),
+    /* @__PURE__ */ jsxs14("div", { className: "grid grid-cols-2 gap-3", children: [
+      /* @__PURE__ */ jsx18(FieldWrapper_default, { label: "Rua", children: /* @__PURE__ */ jsx18(
+        "input",
+        {
+          className: DisabledInputClass_default,
+          value: address.street || "",
+          disabled: true,
+          readOnly: true,
+          placeholder: "Preenchido pelo CEP"
+        }
+      ) }),
+      /* @__PURE__ */ jsx18(FieldWrapper_default, { label: "Bairro", children: /* @__PURE__ */ jsx18(
+        "input",
+        {
+          className: DisabledInputClass_default,
+          value: address.neighborhood || "",
+          disabled: true,
+          readOnly: true,
+          placeholder: "Preenchido pelo CEP"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs14("div", { className: "grid grid-cols-2 gap-3", children: [
+      /* @__PURE__ */ jsx18(FieldWrapper_default, { label: "Cidade", children: /* @__PURE__ */ jsx18(
+        "input",
+        {
+          className: DisabledInputClass_default,
+          value: address.city || "",
+          disabled: true,
+          readOnly: true,
+          placeholder: "Preenchido pelo CEP"
+        }
+      ) }),
+      /* @__PURE__ */ jsx18(FieldWrapper_default, { label: "Estado", children: /* @__PURE__ */ jsx18(
+        "input",
+        {
+          className: DisabledInputClass_default,
+          value: address.stateAddress || "",
+          disabled: true,
+          readOnly: true,
+          placeholder: "UF"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs14("div", { className: "grid grid-cols-2 gap-3", children: [
+      /* @__PURE__ */ jsx18(FieldWrapper_default, { label: "N\xFAmero", error: errors.number, children: /* @__PURE__ */ jsx18(
+        "input",
+        {
+          className: InputClass_default(errors.number),
+          placeholder: "Ex: 100",
+          value: address.number,
+          onChange: (e) => {
+            setAddress({ number: e.target.value });
+            setErrors((p) => ({ ...p, number: void 0 }));
+          }
+        }
+      ) }),
+      /* @__PURE__ */ jsx18(FieldWrapper_default, { label: "Complemento", children: /* @__PURE__ */ jsx18(
+        "input",
+        {
+          className: InputClass_default(),
+          placeholder: "Apto, bloco...",
+          value: address.complement,
+          onChange: (e) => setAddress({ complement: e.target.value })
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx18(StepActions_default, { onNext: handleSubmit, onBack, loading })
+  ] });
+};
+var StepAddressForm_default = StepAddressForm;
+
+// src/components/Modals/CustomerNotRegistered/StepGenderForm.tsx
+import classNames10 from "classnames";
+import { useState as useState6 } from "react";
+
+// src/services/set-gender-responsability-data-form.ts
+import Cookies7 from "js-cookie";
+var SetGenderResponsabilityDataForm = async ({ document, requestId, identity_responsibility }) => {
+  const API_URL = getEnv("VITE_API_URL");
+  const AUTH_TOKEN = Cookies7.get("pbm-token");
+  if (!AUTH_TOKEN) {
+    throw new Error("Token is not defined in cookies or is expired");
+  }
+  const response = await fetch(`${API_URL}/programregistration/genderResponsibility`, {
+    method: "PUT",
+    headers: {
+      Authorization: `Bearer ${AUTH_TOKEN}`,
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify({ document, requestId, ...identity_responsibility })
+  });
+  const dataResponse = await response.json();
+  if (!dataResponse.success) {
+    throw new Error(dataResponse.message || "Failed to fetch authorization");
+  }
+  return dataResponse;
+};
+
+// src/components/Modals/CustomerNotRegistered/StepGenderForm.tsx
+import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+var StepGenderForm = ({
+  securityNumber,
+  onNext,
+  onBack
+}) => {
+  const { genderResponsibility, setGenderResponsibility, setStep } = usePBMForm();
+  const store = usePBMStore();
+  const [errors, setErrors] = useState6(
+    {}
+  );
+  const [loading, setLoading] = useState6(false);
+  const validate = () => {
+    const e = {};
+    if (!genderResponsibility.gender) e.gender = "Selecione o g\xEAnero.";
+    if (genderResponsibility.patient === null)
+      e.patient = "Informe se \xE9 o paciente.";
+    setErrors(e);
+    return Object.keys(e).length === 0;
+  };
+  const handleSubmit = async () => {
+    if (!validate()) return;
+    setLoading(true);
+    try {
+      const response = await SetGenderResponsabilityDataForm({
+        document: securityNumber,
+        requestId: store.requestId,
+        identity_responsibility: {
+          gender: genderResponsibility.gender,
+          patient: genderResponsibility.patient
+        }
+      });
+      if (!response.success) {
+        console.error(
+          "Failed to submit gender responsibility data:",
+          response.message
+        );
+        return;
+      }
+      setStep(mappingFormStep["Doctor"]);
+      onNext();
+    } catch {
+      console.error(
+        "An error occurred while submitting gender responsibility data."
+      );
+    } finally {
+      setLoading(false);
+    }
+  };
+  const genderOptions = [
+    { value: "M", label: "Masculino" },
+    { value: "F", label: "Feminino" },
+    { value: "O", label: "Outro" }
+  ];
+  return /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-5", children: [
+    /* @__PURE__ */ jsxs15("div", { children: [
+      /* @__PURE__ */ jsx19("label", { className: "text-xs font-medium text-gray-500 uppercase tracking-wide block mb-2", children: "G\xEAnero" }),
+      /* @__PURE__ */ jsx19("div", { className: "flex gap-2", children: genderOptions.map((opt) => /* @__PURE__ */ jsx19(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            setGenderResponsibility({ gender: opt.value });
+            setErrors((p) => ({ ...p, gender: void 0 }));
+          },
+          className: classNames10(
+            "flex-1 py-2.5 rounded-lg border text-sm font-medium transition-all",
+            genderResponsibility.gender === opt.value ? "border-blue-500 bg-blue-500 text-white" : "border-gray-200 bg-gray-50 text-gray-600 hover:border-blue-300"
+          ),
+          children: opt.label
+        },
+        opt.value
+      )) }),
+      errors.gender && /* @__PURE__ */ jsx19("span", { className: "text-xs text-red-500 mt-1 block", children: errors.gender })
+    ] }),
+    /* @__PURE__ */ jsxs15("div", { children: [
+      /* @__PURE__ */ jsx19("label", { className: "text-xs font-medium text-gray-500 uppercase tracking-wide block mb-2", children: "Voc\xEA \xE9 o paciente?" }),
+      /* @__PURE__ */ jsx19("div", { className: "flex gap-2", children: [
+        { label: "Sim, sou o paciente", value: true },
+        { label: "N\xE3o, sou respons\xE1vel", value: false }
+      ].map((opt) => /* @__PURE__ */ jsx19(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            setGenderResponsibility({ patient: opt.value });
+            setErrors((p) => ({ ...p, patient: void 0 }));
+          },
+          className: classNames10(
+            "flex-1 py-2.5 rounded-lg border text-sm font-medium transition-all",
+            genderResponsibility.patient === opt.value ? "border-blue-500 bg-blue-500 text-white" : "border-gray-200 bg-gray-50 text-gray-600 hover:border-blue-300"
+          ),
+          children: opt.label
+        },
+        String(opt.value)
+      )) }),
+      errors.patient && /* @__PURE__ */ jsx19("span", { className: "text-xs text-red-500 mt-1 block", children: errors.patient })
+    ] }),
+    /* @__PURE__ */ jsx19(StepActions_default, { onNext: handleSubmit, onBack, loading })
+  ] });
+};
+var StepGenderForm_default = StepGenderForm;
+
+// src/components/Modals/CustomerNotRegistered/StepDoctorForm.tsx
+import { useCallback as useCallback3, useState as useState7 } from "react";
+
+// src/utils/ufMapping.ts
+var BRAZILIAN_STATES = [
+  "AC",
+  "AL",
+  "AP",
+  "AM",
+  "BA",
+  "CE",
+  "DF",
+  "ES",
+  "GO",
+  "MA",
+  "MT",
+  "MS",
+  "MG",
+  "PA",
+  "PB",
+  "PR",
+  "PE",
+  "PI",
+  "RJ",
+  "RN",
+  "RS",
+  "RO",
+  "RR",
+  "SC",
+  "SP",
+  "SE",
+  "TO"
+];
+
+// src/services/set-doctor-data-form.ts
+import Cookies8 from "js-cookie";
+var SetDoctorDataForm = async ({ document, requestId, doctor }) => {
+  const API_URL = getEnv("VITE_API_URL");
+  const AUTH_TOKEN = Cookies8.get("pbm-token");
+  if (!AUTH_TOKEN) {
+    throw new Error("Token is not defined in cookies or is expired");
+  }
+  const response = await fetch(`${API_URL}/programregistration/doctorName`, {
+    method: "PUT",
+    headers: {
+      Authorization: `Bearer ${AUTH_TOKEN}`,
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify({ document, requestId, ...doctor })
+  });
+  const dataResponse = await response.json();
+  if (!dataResponse.success) {
+    throw new Error(dataResponse.message || "Failed to fetch authorization");
+  }
+  return dataResponse;
+};
+
+// src/services/lookup-doctor.ts
+import Cookies9 from "js-cookie";
+var LookupDoctor = async ({ typeCredential, register, uf }) => {
+  const API_URL = getEnv("VITE_API_URL");
+  const AUTH_TOKEN = Cookies9.get("pbm-token");
+  if (!AUTH_TOKEN) {
+    throw new Error("Token is not defined in cookies or is expired");
+  }
+  const queryParams = new URLSearchParams({
+    tipoCredencial: typeCredential,
+    registro: register,
+    uf
+  });
+  const response = await fetch(`${API_URL}/doctors/consulta-profissional?${queryParams.toString()}`, {
+    method: "GET",
+    headers: {
+      Authorization: `Bearer ${AUTH_TOKEN}`,
+      "Content-Type": "application/json"
     }
-    if (!targetProduct.price) {
-      console.error("PBMLOG: Price is not defined on targetProduct");
-      return;
+  });
+  const dataResponse = await response.json();
+  if (!dataResponse.success) {
+    throw new Error(dataResponse.message || "Failed to fetch authorization");
+  }
+  return dataResponse;
+};
+
+// src/components/Modals/CustomerNotRegistered/StepDoctorForm.tsx
+import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+var StepDoctorForm = ({
+  securityNumber,
+  onNext,
+  onBack
+}) => {
+  const { doctor, setDoctor, setStep } = usePBMForm();
+  const store = usePBMStore();
+  const [errors, setErrors] = useState7({});
+  const [loadingDoctor, setLoadingDoctor] = useState7(false);
+  const [loading, setLoading] = useState7(false);
+  const fetchDoctor = useCallback3(async () => {
+    if (!doctor.register || !doctor.state || !doctor.typeCredential) return;
+    setLoadingDoctor(true);
+    try {
+      const response = await LookupDoctor({
+        typeCredential: doctor.typeCredential,
+        register: doctor.register,
+        uf: doctor.state
+      });
+      if (!response.success) {
+        console.error("Failed to fetch doctor data:", response.message);
+        return;
+      }
+      const data = response.data;
+      if (data?.nomeProfissional) {
+        setDoctor({ doctorName: data.nomeProfissional });
+      }
+    } catch {
+      console.error("An error occurred while fetching doctor data.");
+    } finally {
+      setLoadingDoctor(false);
     }
-    const fetchDicountsWithoutDocument = async () => {
-      try {
-        const data = {
-          productId: Number(targetProduct.productId),
-          ean: targetProduct.ean,
-          requestedQuantity: 1,
-          listPrice: targetProduct.listPrice,
-          netPrice: targetProduct.price
-        };
-        const response = await CheckBenefistWithoutDocument({ products: [data] });
-        if (response.success && response.data) {
-          setBenefitsItems(response.data);
-        } else {
-          setBenefitsItems(void 0);
+  }, [doctor.register, doctor.state, doctor.typeCredential, setDoctor]);
+  const validate = () => {
+    const e = {};
+    if (!doctor.typeCredential)
+      e.typeCredential = "Tipo de credencial obrigat\xF3rio.";
+    if (!doctor.register.trim()) e.register = "N\xFAmero do registro obrigat\xF3rio.";
+    if (!doctor.state) e.state = "Estado obrigat\xF3rio.";
+    if (!doctor.doctorName.trim()) e.doctorName = "Nome do m\xE9dico obrigat\xF3rio.";
+    setErrors(e);
+    return Object.keys(e).length === 0;
+  };
+  const handleSubmit = async () => {
+    if (!validate()) return;
+    setLoading(true);
+    try {
+      const response = await SetDoctorDataForm({
+        document: securityNumber,
+        requestId: store.requestId,
+        doctor: {
+          typeCredential: doctor.typeCredential,
+          register: doctor.register,
+          state: doctor.state,
+          doctorName: doctor.doctorName
         }
-      } catch (error) {
-        setBenefitsItems(void 0);
-        console.error(error);
-      }
-    };
-    const fetchDiscountWithDocument = async () => {
-      if (!securityNumber) {
-        console.error("PBMLOG: Document is not defined");
+      });
+      if (!response.success) {
+        console.error("Failed to submit doctor data:", response.message);
         return;
       }
-      try {
-        const data = {
-          productId: Number(targetProduct.productId),
-          ean: targetProduct.ean,
-          requestedQuantity: 1,
-          listPrice: targetProduct.listPrice,
-          netPrice: targetProduct.price
-        };
-        const response = await BenefitsWithDocument({ document: securityNumber, products: [data] });
-        if (response.success && response.data) {
-          setBenefitsItems(response.data.product);
-        } else {
-          setBenefitsItems(void 0);
+      setStep(mappingFormStep["Acceptances"]);
+      onNext();
+    } catch {
+      console.error("An error occurred while submitting doctor data.");
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs16("div", { className: "grid grid-cols-3 gap-3", children: [
+      /* @__PURE__ */ jsx20(FieldWrapper_default, { label: "Tipo credencial", error: errors.typeCredential, children: /* @__PURE__ */ jsxs16(
+        "select",
+        {
+          className: InputClass_default(errors.typeCredential),
+          value: doctor.typeCredential,
+          onChange: (e) => {
+            setDoctor({ typeCredential: e.target.value });
+            setErrors((p) => ({
+              ...p,
+              typeCredential: void 0
+            }));
+          },
+          children: [
+            /* @__PURE__ */ jsx20("option", { value: "CRM", children: "CRM" }),
+            /* @__PURE__ */ jsx20("option", { value: "CRO", children: "CRO" }),
+            /* @__PURE__ */ jsx20("option", { value: "CRF", children: "CRF" })
+          ]
         }
-      } catch (error) {
-        setBenefitsItems(void 0);
-        console.error(error);
-      }
-    };
-    startTransition(async () => {
-      state === "isActivated" ? await fetchDiscountWithDocument() : await fetchDicountsWithoutDocument();
-    });
-  }, []);
-  if (isPending) {
-    return /* @__PURE__ */ jsx11(Loading_default, { textColor: "var(--pbm-text)" });
-  }
-  if (benefitsItems?.length && benefitsItems[0]?.statusCode == null && state === "isActivated") {
-    return /* @__PURE__ */ jsx11("main", { className: "flex items-center justify-center gap-4", id: "loading_pbm", children: /* @__PURE__ */ jsx11("p", { className: "text-sm font-semibold text-start", style: { color: "var(--pbm-text)" }, id: "benefits_error_handle", children: benefitsItems[0].informativeText }) });
-  }
-  return /* @__PURE__ */ jsxs7(
-    "section",
-    {
-      className: "flex items-start justify-center gap-4 w-full h-auto flex-col",
-      id: "benefits_table_pbm",
-      children: [
-        /* @__PURE__ */ jsx11(Title_default, { children: "Descontos dispon\xEDveis:" }),
-        /* @__PURE__ */ jsxs7(
-          "form",
+      ) }),
+      /* @__PURE__ */ jsx20(FieldWrapper_default, { label: "Estado (UF)", error: errors.state, children: /* @__PURE__ */ jsxs16(
+        "select",
+        {
+          className: InputClass_default(errors.state),
+          value: doctor.state,
+          onChange: (e) => {
+            setDoctor({ state: e.target.value });
+            setErrors((p) => ({ ...p, state: void 0 }));
+          },
+          children: [
+            /* @__PURE__ */ jsx20("option", { value: "", children: "UF" }),
+            BRAZILIAN_STATES.map((state) => /* @__PURE__ */ jsx20("option", { value: state, children: state }, state))
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx20(FieldWrapper_default, { label: "N\xBA registro", error: errors.register, children: /* @__PURE__ */ jsx20("div", { className: "relative", children: /* @__PURE__ */ jsx20(
+        "input",
+        {
+          className: InputClass_default(errors.register),
+          placeholder: "Ex: 123456",
+          value: doctor.register,
+          onChange: (e) => {
+            setDoctor({ register: e.target.value.replace(/\D/g, "") });
+            setErrors((p) => ({
+              ...p,
+              register: void 0
+            }));
+          },
+          onBlur: fetchDoctor
+        }
+      ) }) })
+    ] }),
+    /* @__PURE__ */ jsxs16(FieldWrapper_default, { label: "Nome do m\xE9dico", error: errors.doctorName, children: [
+      /* @__PURE__ */ jsxs16("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx20(
+          "input",
           {
-            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__ */ jsx11("p", { className: "text-sm font-semibold text-start text-zinc-900", id: "benefits_empty_pbm", children: "N\xE3o foi poss\xEDvel encontrar benef\xEDcios para esse produto." }),
-              benefitsItems && benefitsItems.map((item, index) => {
-                const ID_INPUT = "unity_quantity_" + item.authorizedQuantity;
-                return /* @__PURE__ */ jsx11(
-                  Item_default,
-                  {
-                    data: item,
-                    checked: selectedDiscout === ID_INPUT,
-                    onChange: () => setSelectedDiscount(ID_INPUT)
-                  },
-                  index
-                );
-              })
-            ]
+            className: InputClass_default(errors.doctorName),
+            placeholder: loadingDoctor ? "Buscando m\xE9dico..." : "Dr. Nome Completo",
+            value: doctor.doctorName,
+            onChange: (e) => {
+              setDoctor({ doctorName: e.target.value });
+              setErrors((p) => ({
+                ...p,
+                doctorName: void 0
+              }));
+            }
           }
         ),
-        state === "isPreview" && /* @__PURE__ */ jsxs7(
-          Button_default,
+        loadingDoctor && /* @__PURE__ */ jsx20("div", { className: "absolute right-3 top-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsxs16(
+          "svg",
           {
-            onClick: () => setState("isEmpty"),
-            className: "bg-transparent p-0 w-auto h-auto text-zinc-600 cursor-pointer hover:text-zinc-900 hover:bg-transparent text-start",
-            id: "unauthorized_benefits_button",
+            className: "h-4 w-4 animate-spin text-blue-500",
+            viewBox: "0 0 24 24",
+            fill: "none",
             children: [
-              "Aten\xE7\xE3o: N\xE3o \xE9 poss\xEDvel utilizar os benef\xEDcos sem realizar a consulta do CPF e o Login, por favor",
-              " ",
-              /* @__PURE__ */ jsx11("span", { className: "underline", children: "insira seu cpf para utilizar os benef\xEDcios" })
+              /* @__PURE__ */ jsx20(
+                "circle",
+                {
+                  className: "opacity-25",
+                  cx: "12",
+                  cy: "12",
+                  r: "10",
+                  stroke: "currentColor",
+                  strokeWidth: "4"
+                }
+              ),
+              /* @__PURE__ */ jsx20(
+                "path",
+                {
+                  className: "opacity-75",
+                  fill: "currentColor",
+                  d: "M4 12a8 8 0 018-8v8z"
+                }
+              )
             ]
           }
-        ),
-        state === "isActivated" && /* @__PURE__ */ jsxs7(Fragment3, { children: [
-          !isAuthenticatedShopper && /* @__PURE__ */ jsx11(
-            Button_default,
+        ) })
+      ] }),
+      /* @__PURE__ */ jsx20("p", { className: "text-xs text-gray-400 mt-0.5", children: "Preenchido automaticamente ao informar registro + UF." })
+    ] }),
+    /* @__PURE__ */ jsx20(StepActions_default, { onNext: handleSubmit, onBack, loading })
+  ] });
+};
+var StepDoctorForm_default = StepDoctorForm;
+
+// src/components/Modals/CustomerNotRegistered/StepAcceptancesForm.tsx
+import { useState as useState8 } from "react";
+
+// src/components/Modals/CustomerNotRegistered/Shared/CheckRow.tsx
+import classNames11 from "classnames";
+import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+var CheckRow = ({
+  label,
+  checked,
+  onChange,
+  required,
+  error
+}) => /* @__PURE__ */ jsxs17(
+  "label",
+  {
+    className: classNames11(
+      "flex items-start gap-3 cursor-pointer group p-3 rounded-lg border transition-all",
+      checked ? "border-emerald-200 bg-emerald-50/60" : "border-zinc-100 hover:border-zinc-200 bg-zinc-50/40",
+      error ? "border-red-300 bg-red-50/40" : ""
+    ),
+    children: [
+      /* @__PURE__ */ jsx21(
+        "div",
+        {
+          className: classNames11(
+            "mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded border transition-all",
+            checked ? "border-(--pbm-primary) bg-(--pbm-primary)" : "border-zinc-300 bg-white"
+          ),
+          children: checked && /* @__PURE__ */ jsx21("svg", { className: "h-2.5 w-2.5 text-white", viewBox: "0 0 10 8", fill: "none", children: /* @__PURE__ */ jsx21(
+            "path",
+            {
+              d: "M1 4l3 3 5-6",
+              stroke: "currentColor",
+              strokeWidth: "1.8",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ) })
+        }
+      ),
+      /* @__PURE__ */ jsxs17("span", { className: "text-sm text-zinc-700 leading-snug", children: [
+        label,
+        required && /* @__PURE__ */ jsx21("span", { className: "text-red-400 ml-1", children: "*" })
+      ] }),
+      /* @__PURE__ */ jsx21(
+        "input",
+        {
+          type: "checkbox",
+          className: "sr-only",
+          checked,
+          onChange: (e) => onChange(e.target.checked)
+        }
+      )
+    ]
+  }
+);
+var CheckRow_default = CheckRow;
+
+// src/services/set-acceptances-data-form.ts
+import Cookies10 from "js-cookie";
+var SetAcceptancesDataForm = async ({ document, requestId, lgpd }) => {
+  const API_URL = getEnv("VITE_API_URL");
+  const AUTH_TOKEN = Cookies10.get("pbm-token");
+  if (!AUTH_TOKEN) {
+    throw new Error("Token is not defined in cookies or is expired");
+  }
+  const response = await fetch(`${API_URL}/programregistration/acceptances`, {
+    method: "PUT",
+    headers: {
+      Authorization: `Bearer ${AUTH_TOKEN}`,
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify({ document, requestId, ...lgpd })
+  });
+  const dataResponse = await response.json();
+  if (!dataResponse.success) {
+    throw new Error(dataResponse.message || "Failed to fetch authorization");
+  }
+  return dataResponse;
+};
+
+// src/components/Modals/CustomerNotRegistered/StepAcceptancesForm.tsx
+import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+var StepAcceptancesForm = ({
+  securityNumber,
+  onBack,
+  onDone
+}) => {
+  const { acceptances, setAcceptances } = usePBMForm();
+  const store = usePBMStore();
+  const [errors, setErrors] = useState8({});
+  const [loading, setLoading] = useState8(false);
+  const validate = () => {
+    const e = {};
+    if (!acceptances.acceptsPrivacyTermsLGPD)
+      e.lgpd = "\xC9 obrigat\xF3rio aceitar os termos de privacidade (LGPD).";
+    setErrors(e);
+    return Object.keys(e).length === 0;
+  };
+  const handleSubmit = async () => {
+    if (!validate()) return;
+    setLoading(true);
+    try {
+      const response = await SetAcceptancesDataForm({
+        document: securityNumber,
+        requestId: store.requestId,
+        lgpd: {
+          acceptPhone: acceptances.acceptPhone,
+          acceptsSms: acceptances.acceptsSms,
+          acceptsEmail: acceptances.acceptsEmail,
+          acceptsMail: acceptances.acceptsMail,
+          acceptsPrivacyTermsLGPD: acceptances.acceptsPrivacyTermsLGPD
+        }
+      });
+      if (!response.success) {
+        console.error("Failed to submit acceptances data:", response.message);
+        return;
+      }
+      onDone();
+    } catch {
+      console.error("An error occurred while submitting acceptances data.");
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ jsx22("p", { className: "text-xs text-gray-500 mb-1", children: "Selecione como deseja receber comunica\xE7\xF5es:" }),
+    /* @__PURE__ */ jsx22(
+      CheckRow_default,
+      {
+        label: "Aceito receber contato por telefone",
+        checked: acceptances.acceptPhone,
+        onChange: (v) => setAcceptances({ acceptPhone: v })
+      }
+    ),
+    /* @__PURE__ */ jsx22(
+      CheckRow_default,
+      {
+        label: "Aceito receber SMS",
+        checked: acceptances.acceptsSms,
+        onChange: (v) => setAcceptances({ acceptsSms: v })
+      }
+    ),
+    /* @__PURE__ */ jsx22(
+      CheckRow_default,
+      {
+        label: "Aceito receber e-mails",
+        checked: acceptances.acceptsEmail,
+        onChange: (v) => setAcceptances({ acceptsEmail: v })
+      }
+    ),
+    /* @__PURE__ */ jsx22(
+      CheckRow_default,
+      {
+        label: "Aceito receber correspond\xEAncias por correio",
+        checked: acceptances.acceptsMail,
+        onChange: (v) => setAcceptances({ acceptsMail: v })
+      }
+    ),
+    /* @__PURE__ */ jsxs18("div", { className: "mt-1", children: [
+      /* @__PURE__ */ jsx22(
+        CheckRow_default,
+        {
+          label: "Li e aceito os Termos de Privacidade (LGPD)",
+          checked: acceptances.acceptsPrivacyTermsLGPD,
+          onChange: (v) => {
+            setAcceptances({ acceptsPrivacyTermsLGPD: v });
+            setErrors({});
+          },
+          required: true,
+          error: errors.lgpd
+        }
+      ),
+      errors.lgpd && /* @__PURE__ */ jsx22("span", { className: "text-xs text-red-500 mt-1 block pl-1", children: errors.lgpd })
+    ] }),
+    /* @__PURE__ */ jsx22(
+      StepActions_default,
+      {
+        onNext: handleSubmit,
+        onBack,
+        loading,
+        nextLabel: "Concluir cadastro",
+        isLast: true
+      }
+    )
+  ] });
+};
+var StepAcceptancesForm_default = StepAcceptancesForm;
+
+// src/components/Modals/CustomerNotRegistered/Shared/StepProgress.tsx
+import classNames12 from "classnames";
+import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+var STEP_LABELS = [
+  "Dados Pessoais",
+  "Endere\xE7o",
+  "Perfil",
+  "M\xE9dico",
+  "Aceites"
+];
+var StepProgress = ({ current }) => /* @__PURE__ */ jsx23("div", { className: "flex items-center w-full justify-center mb-6", children: STEP_LABELS.map((label, i) => {
+  const done = i < current;
+  const active = i === current;
+  return /* @__PURE__ */ jsxs19(
+    "div",
+    {
+      className: "flex items-center w-full min-w-0 justify-center relative",
+      children: [
+        /* @__PURE__ */ jsxs19("div", { className: "flex flex-col items-center justify-center gap-1 shrink-0", children: [
+          /* @__PURE__ */ jsx23(
+            "div",
             {
-              type: "button",
-              onClick: () => window.location.assign(customLoginUrl || "/login"),
-              className: "bg-transparent p-0 pl-2 w-auto h-auto text-zinc-600 cursor-pointer hover:text-zinc-900 hover:bg-transparent text-start",
-              id: "login",
-              children: /* @__PURE__ */ jsx11("span", { className: "underline", children: "Por favor, fa\xE7a o Login para aproveitar os benef\xEDcios!" })
+              className: classNames12(
+                "flex h-7 w-7 items-center justify-center rounded-full text-xs font-semibold transition-all",
+                done ? "bg-emerald-600 text-white" : active ? "bg-(--pbm-primary) text-white ring-4 ring-(--pbm-primary)/15" : "bg-zinc-100 text-zinc-400"
+              ),
+              children: done ? /* @__PURE__ */ jsx23("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 12 10", fill: "none", children: /* @__PURE__ */ jsx23(
+                "path",
+                {
+                  d: "M1 5l4 4 6-8",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round"
+                }
+              ) }) : i + 1
             }
           ),
-          /* @__PURE__ */ jsx11(
-            Button_default,
+          /* @__PURE__ */ jsx23(
+            "span",
             {
-              onClick: () => setState("isEmpty"),
-              className: "bg-transparent p-0 pl-2 w-auto h-auto text-zinc-600 cursor-pointer hover:text-zinc-900 hover:bg-transparent text-start",
-              id: "change_security_number",
-              children: /* @__PURE__ */ jsx11("span", { className: "underline", children: "Deseja editar o cpf digitado?" })
+              className: classNames12(
+                "text-[10px] font-medium whitespace-nowrap hidden sm:block",
+                active ? "text-(--pbm-primary)" : done ? "text-emerald-600" : "text-zinc-400"
+              ),
+              children: label
             }
           )
-        ] })
+        ] }),
+        i < STEP_LABELS.length - 1 && /* @__PURE__ */ jsx23(
+          "div",
+          {
+            className: classNames12(
+              "h-0.5 w-10 rounded transition-all absolute top-3.5 left-17",
+              "bg-zinc-200"
+            )
+          }
+        )
       ]
-    }
+    },
+    i
   );
-}
-var BenefitsTable_default = BenefitsTable;
+}) });
+var StepProgress_default = StepProgress;
 
-// src/components/SecurityNumberInvalid/index.tsx
-import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
-function SecurityNumberInvalid({ textColor }) {
-  const { urlAcceptTerms } = usePBMStore();
-  const { setModal } = useModal();
-  const handleOpenModal = () => {
-    if (!urlAcceptTerms) return;
-    setModal({ open: true, id: "iframe_pbm", label: "Aceitar os termos", url: urlAcceptTerms });
-  };
-  return /* @__PURE__ */ jsxs8(
-    "section",
+// src/components/Modals/CustomerNotRegistered/Shared/SuccessScreen.tsx
+import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+var SuccessScreen = ({ onClose }) => /* @__PURE__ */ jsxs20("div", { className: "flex flex-col items-center gap-4 py-4 text-center", children: [
+  /* @__PURE__ */ jsx24("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-green-100", children: /* @__PURE__ */ jsx24("svg", { className: "h-8 w-8 text-green-500", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx24(
+    "path",
     {
-      "data-testid": "test_id_invalid",
-      className: "flex items-end justify-center gap-2 w-full h-auto flex-col border-y py-6",
-      style: { borderColor: "color-mix(in srgb, var(--pbm-text), transparent 80%)" },
-      id: "security_number_invalid_container_pbm",
-      children: [
-        /* @__PURE__ */ jsx12(Title_default, { className: "w-full", textColor, children: "CPF n\xE3o cadastrado." }),
-        /* @__PURE__ */ jsxs8(Text_default, { className: "w-full", textColor, children: [
-          "Conclua seu cadastro para habilitar o benef\xEDcio. ",
-          /* @__PURE__ */ jsx12("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__ */ jsx12(Button_default, { onClick: () => handleOpenModal(), style: { backgroundColor: "var(--pbm-primary)" }, children: "Aceitar os termos" })
-      ]
+      d: "M5 13l4 4L19 7",
+      stroke: "currentColor",
+      strokeWidth: "2.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }
-  );
-}
-var SecurityNumberInvalid_default = SecurityNumberInvalid;
+  ) }) }),
+  /* @__PURE__ */ jsxs20("div", { children: [
+    /* @__PURE__ */ jsx24("h3", { className: "text-base font-semibold text-gray-800", children: "Cadastro conclu\xEDdo!" }),
+    /* @__PURE__ */ jsx24("p", { className: "text-sm text-zinc-500 mt-1", children: "Voc\xEA j\xE1 pode aproveitar os benef\xEDcios de farm\xE1cia." })
+  ] }),
+  /* @__PURE__ */ jsx24(
+    "button",
+    {
+      onClick: onClose,
+      className: "cursor-pointer mt-2 rounded-lg bg-(--primary-color) px-6 py-2.5 text-sm font-semibold text-white hover:bg-(--primary-color)/80 transition-all",
+      children: "Fechar"
+    }
+  )
+] });
+var SuccessScreen_default = SuccessScreen;
 
-// src/components/SecurityNumberRegitered/index.tsx
-import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
-function SecurityNumberRegitered({ textColor }) {
-  const { urlRegisterIndustry } = usePBMStore();
-  const { setModal } = useModal();
-  const handleOpenModal = () => {
-    if (!urlRegisterIndustry) return;
-    setModal({ open: true, id: "iframe_pbm", label: "Ativar CPF", url: urlRegisterIndustry });
+// src/components/Modals/CustomerNotRegistered/index.tsx
+import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+var CustomerNotRegistered = ({ ID }) => {
+  const { modal, setModal } = useModal();
+  const { securityNumber } = usePBMStore();
+  const { resetForm, step, setStep } = usePBMForm();
+  const [done, setDone] = useState9(false);
+  const closeModal = () => {
+    setModal({ id: "", open: false });
+    setTimeout(() => {
+      setStep(0);
+      setDone(false);
+      resetForm();
+    }, 300);
   };
-  return /* @__PURE__ */ jsxs9(
-    "section",
+  const next = () => setStep(step + 1);
+  const back = () => setStep(step - 1);
+  const rawSecurityNumber = securityNumber.replace(/\D/g, "");
+  const stepComponents = [
+    /* @__PURE__ */ jsx25(StepPersonalDataForm_default, { securityNumber: rawSecurityNumber, onNext: next }),
+    /* @__PURE__ */ jsx25(
+      StepAddressForm_default,
+      {
+        securityNumber: rawSecurityNumber,
+        onNext: next,
+        onBack: back
+      }
+    ),
+    /* @__PURE__ */ jsx25(
+      StepGenderForm_default,
+      {
+        securityNumber: rawSecurityNumber,
+        onNext: next,
+        onBack: back
+      }
+    ),
+    /* @__PURE__ */ jsx25(
+      StepDoctorForm_default,
+      {
+        securityNumber: rawSecurityNumber,
+        onNext: next,
+        onBack: back
+      }
+    ),
+    /* @__PURE__ */ jsx25(
+      StepAcceptancesForm_default,
+      {
+        securityNumber: rawSecurityNumber,
+        onBack: back,
+        onDone: () => setDone(true)
+      }
+    )
+  ];
+  return /* @__PURE__ */ jsxs21(
+    "main",
     {
-      "data-testid": "test_id_registered",
-      className: "flex items-end justify-center gap-2 w-full h-auto flex-col border-y py-6",
-      style: { borderColor: "color-mix(in srgb, var(--pbm-text), transparent 80%)" },
-      id: "security_number_registered_container_pbm",
+      className: classNames13(
+        "fixed inset-0 flex items-center justify-end 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__ */ jsx13(Title_default, { className: "w-full", textColor, children: "Ops, seu CPF ainda n\xE3o est\xE1 habilitado para este produto." }),
-        /* @__PURE__ */ jsx13(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__ */ jsx13(Button_default, { onClick: () => handleOpenModal(), style: { backgroundColor: "var(--pbm-primary)" }, children: "Ativar CPF" })
+        /* @__PURE__ */ jsx25("div", { className: "absolute inset-0", onClick: closeModal }),
+        /* @__PURE__ */ jsxs21("section", { className: "z-10 bg-white flex flex-col p-6 rounded-2xl w-full max-w-max mx-4 shadow-xl max-h-[90vh] overflow-y-auto", children: [
+          /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-between mb-4", children: [
+            /* @__PURE__ */ jsx25(Title_default, { textSize: "18px", textAlign: "start", children: done ? "Tudo pronto!" : "Benef\xEDcio de Farm\xE1cia" }),
+            /* @__PURE__ */ jsx25(
+              "button",
+              {
+                onClick: closeModal,
+                className: "flex h-7 w-7 cursor-pointer items-center justify-center rounded-full text-gray-400 hover:bg-gray-100 hover:text-gray-600 transition-all",
+                children: /* @__PURE__ */ jsx25("svg", { className: "h-4 w-4", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsx25(
+                  "path",
+                  {
+                    d: "M1 1l12 12M13 1L1 13",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round"
+                  }
+                ) })
+              }
+            )
+          ] }),
+          !done && /* @__PURE__ */ jsx25(StepProgress_default, { current: step }),
+          done ? /* @__PURE__ */ jsx25(SuccessScreen_default, { onClose: closeModal }) : stepComponents[step]
+        ] })
       ]
     }
   );
-}
-var SecurityNumberRegitered_default = SecurityNumberRegitered;
-
-// src/components/Errors/ErrorToApplyBenefits.tsx
-import { RefreshCw } from "lucide-react";
-import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
-var ErrorToApplyBenefits = () => {
-  const { ErrorMessage } = useError();
-  const { setState } = usePBMStore();
-  return /* @__PURE__ */ jsxs10(Container_default, { variant: "main", children: [
-    /* @__PURE__ */ jsx14(Title_default, { children: "Erro ao Aplicar o Benef\xEDcio" }),
-    /* @__PURE__ */ jsx14(Text_default, { textAlign: "center", children: ErrorMessage }),
-    /* @__PURE__ */ jsxs10(
-      Button_default,
-      {
-        className: "bg-transparent p-0 pl-2 w-auto h-auto underline cursor-pointer hover:bg-transparent flex items-center justify-start gap-1",
-        style: { color: "var(--pbm-text)" },
-        onMouseOver: (e) => e.currentTarget.style.filter = "brightness(0.8)",
-        onMouseOut: (e) => e.currentTarget.style.filter = "none",
-        onClick: () => setState("isEmpty"),
-        id: "check_benefits_button",
-        children: [
-          /* @__PURE__ */ jsx14("span", { children: "Tentar novamente" }),
-          /* @__PURE__ */ jsx14(RefreshCw, { size: 16 })
-        ]
-      }
-    )
-  ] });
 };
-var ErrorToApplyBenefits_default = ErrorToApplyBenefits;
+var CustomerNotRegistered_default = CustomerNotRegistered;
 
 // src/components/UI/Link/index.tsx
-import classNames8 from "classnames";
+import classNames14 from "classnames";
 
 // src/utils/getParams.ts
 var getParams = (params) => {
@@ -979,16 +2641,16 @@ var getParams = (params) => {
 };
 
 // src/components/UI/Link/index.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function Link(props) {
   const { setState } = usePBMStore();
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx26(
     "a",
     {
       ...props,
       target: props.target || "_self",
       href: typeof props.href === "string" ? props.href : props.href.pathname + getParams(props.href.param),
-      className: classNames8(
+      className: classNames14(
         "w-3xs cursor-pointer h-10 rounded-lg text-white text-sm font-semibold transition-colors flex items-center justify-center",
         props.className
       ),
@@ -1004,55 +2666,75 @@ function Link(props) {
 }
 var Link_default = Link;
 
-// src/components/Modal/index.tsx
-import classNames9 from "classnames";
-import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
-var Modal = ({ ID }) => {
+// src/components/Modals/ShopperIsNotAuthenticated.tsx
+import classNames15 from "classnames";
+import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
+var ShopperIsNotAuthenticated = ({ 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",
+  return /* @__PURE__ */ jsxs22(
+    "main",
     {
-      "opacity-100 pointer-events-auto": modal.id === ID && modal.open,
-      "opacity-0 pointer-events-none": modal.id != ID || !modal.open
+      className: classNames15(
+        "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__ */ jsx27(
+          "div",
+          {
+            className: "absolute inset-0",
+            onClick: () => setModal({ id: "", open: false })
+          }
+        ),
+        /* @__PURE__ */ jsxs22("section", { className: "z-10 bg-white gap-2 flex-col items-center-safe justify-center-safe p-8 rounded-xl", children: [
+          /* @__PURE__ */ jsx27(
+            Title_default,
+            {
+              textColor: "tomato",
+              textSize: "18px",
+              textAlign: "center",
+              className: "mb-2",
+              children: "Opa! Parece que voc\xEA n\xE3o est\xE1 Logado"
+            }
+          ),
+          /* @__PURE__ */ jsxs22(Text_default, { className: "mb-2", textAlign: "center", children: [
+            "Para aproveitar os benef\xEDcios \xE9 necess\xE1rio realizar o",
+            " ",
+            /* @__PURE__ */ jsx27("strong", { children: "Login" }),
+            " ou ",
+            /* @__PURE__ */ jsx27("strong", { children: "Cadastro" }),
+            " no site!"
+          ] }),
+          /* @__PURE__ */ jsxs22("section", { className: "flex items-center-safe justify-center-safe gap-4", children: [
+            /* @__PURE__ */ jsx27(
+              Button_default,
+              {
+                className: "bg-gray-600 hover:bg-gray-500",
+                onClick: () => setModal({ id: "", open: false }),
+                children: "Seguir sem Benef\xEDcios"
+              }
+            ),
+            /* @__PURE__ */ jsx27(Link_default, { href: customLoginUrl || "/login", children: "Aproveitar Benef\xEDcios" })
+          ] })
+        ] })
+      ]
     }
-  ), 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;
+var ShopperIsNotAuthenticated_default = ShopperIsNotAuthenticated;
 
 // 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 { useEffect as useEffect3, useState as useState3 } from "react";
+import { useEffect as useEffect4, useState as useState10 } from "react";
 
 // src/services/authorization.ts
-import Cookies3 from "js-cookie";
+import Cookies11 from "js-cookie";
 
 // src/services/clients-config.ts
 var CLIENTS_CONFIG = {
@@ -1087,7 +2769,7 @@ var GetAuthorization = async ({ tenant_id }) => {
     throw new Error("Authorization failed");
   }
   const SECONDS_IN_A_DAY = 86400;
-  Cookies3.set("pbm-token", data.data.access_token, {
+  Cookies11.set("pbm-token", data.data.access_token, {
     secure: true,
     sameSite: "Strict",
     expires: data.data.expires_in / SECONDS_IN_A_DAY
@@ -1096,10 +2778,10 @@ var GetAuthorization = async ({ tenant_id }) => {
 };
 
 // src/services/get-product-by-ean.ts
-import Cookies4 from "js-cookie";
+import Cookies12 from "js-cookie";
 var GetProductByEAN = async ({ PRODUCT_EAN }) => {
   const API_URL = getEnv("VITE_API_URL");
-  const AUTH_TOKEN = Cookies4.get("pbm-token");
+  const AUTH_TOKEN = Cookies12.get("pbm-token");
   if (!AUTH_TOKEN) {
     throw new Error("Token is not defined in cookies or is expired");
   }
@@ -1118,10 +2800,10 @@ var GetProductByEAN = async ({ PRODUCT_EAN }) => {
 };
 
 // src/services/get-list-products.ts
-import Cookies5 from "js-cookie";
+import Cookies13 from "js-cookie";
 var GetProductsWithBenefits = async (eanProduct) => {
   const API_URL = getEnv("VITE_API_URL");
-  const AUTH_TOKEN = Cookies5.get("pbm-token");
+  const AUTH_TOKEN = Cookies13.get("pbm-token");
   if (!AUTH_TOKEN) {
     throw new Error("Token is not defined in cookies or is expired");
   }
@@ -1147,9 +2829,11 @@ var initialThemeState = {
   secondaryColor: "#339c9b",
   backgroundColor: "#ffffff",
   textColor: "#52525b",
-  // zinc-600
-  borderColor: "#44c2c0"
-  // zinc-600
+  borderColor: "#44c2c0",
+  inputOutlineColor: "transparent",
+  inputOutlineFocusColor: "#323232",
+  inputBackgroundColor: "#EDEDED",
+  inputFocusBackgroundColor: "#EDEDED"
 };
 var themeStore = createStore2(
   (set) => ({
@@ -1173,9 +2857,9 @@ var useAppStartup = (props) => {
     setCustomLoginUrl
   } = usePBMStore();
   const { setTheme } = useTheme();
-  const [IsReady, setIsReady] = useState3(false);
-  const [IsValid, setIsValid] = useState3(false);
-  const [EanProductExist, setEanProductExist] = useState3(true);
+  const [IsReady, setIsReady] = useState10(false);
+  const [IsValid, setIsValid] = useState10(false);
+  const [EanProductExist, setEanProductExist] = useState10(true);
   const fetchAuthorizationRequest = async () => {
     try {
       const response = await GetAuthorization({ tenant_id: props.tenant_id });
@@ -1239,7 +2923,7 @@ var useAppStartup = (props) => {
       setEanProductExist(false);
     }
   };
-  useEffect3(() => {
+  useEffect4(() => {
     let isMounted = true;
     const startup = async () => {
       if (props.theme) {
@@ -1263,128 +2947,19 @@ var useAppStartup = (props) => {
 };
 var useAppStartup_default = useAppStartup;
 
-// src/components/Iframe/index.tsx
-import classNames10 from "classnames";
-import { TriangleAlert, ExternalLink } from "lucide-react";
-import { useState as useState4, useEffect as useEffect4 } from "react";
-import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
-function Iframe() {
-  const [showFallback, setShowFallback] = useState4(false);
-  const { setState } = usePBMStore();
-  const { resetModal, modal } = useModal();
-  const isOpen = modal.open && modal.id === "iframe_pbm";
-  useEffect4(() => {
-    if (isOpen) {
-      setShowFallback(false);
-    }
-  }, [isOpen, modal.url]);
-  const handleOpenInNewWindow = () => {
-    if (modal.url) {
-      window.open(modal.url, "_blank", "noopener,noreferrer");
-    }
-  };
-  const handleClose = () => {
-    setState("isEmpty");
-    resetModal();
-  };
-  if (!modal.url) return;
-  return /* @__PURE__ */ jsxs12(
-    "main",
-    {
-      className: classNames10(
-        "fixed inset-0 flex items-center justify-center z-50 flex-col transition-all duration-300 pt-[10%]",
-        isOpen ? "opacity-100 pointer-events-auto" : "opacity-0 pointer-events-none"
-      ),
-      id: "iframe_pbm",
-      children: [
-        /* @__PURE__ */ jsx17(
-          "div",
-          {
-            className: "bg-black/40 inset-0 absolute backdrop-blur-sm",
-            onClick: handleClose
-          }
-        ),
-        /* @__PURE__ */ jsxs12("section", { className: "w-[90%] md:w-4/5 gap-4 h-auto bg-zinc-900 py-3 px-6 flex items-center justify-end rounded-t-2xl border-b border-white/10 z-10 shadow-2xl", children: [
-          /* @__PURE__ */ jsx17(
-            Button_default,
-            {
-              onClick: handleClose,
-              className: "bg-red-500 hover:bg-red-400 w-auto px-6 h-9 transition-all active:scale-95 shadow-lg text-xs md:text-sm",
-              children: "Cancelar"
-            }
-          ),
-          /* @__PURE__ */ jsx17(
-            Button_default,
-            {
-              onClick: handleClose,
-              className: "bg-blue-600 hover:bg-blue-500 w-auto px-6 h-9 transition-all active:scale-95 shadow-lg text-xs md:text-sm",
-              children: "Finalizei o formul\xE1rio"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx17("div", { className: "w-[90%] md:w-4/5 h-[60vh] bg-zinc-900 z-10 overflow-hidden relative shadow-2xl", children: showFallback ? /* @__PURE__ */ jsxs12("div", { className: "absolute inset-0 flex flex-col items-center justify-center p-8 text-center bg-zinc-900", children: [
-          /* @__PURE__ */ jsx17("div", { className: "bg-yellow-500/10 p-4 rounded-full mb-4 animate-pulse", children: /* @__PURE__ */ jsx17(TriangleAlert, { size: 48, className: "text-yellow-500" }) }),
-          /* @__PURE__ */ jsx17(Title_default, { textColor: "white", textSize: "20px", textAlign: "center", className: "mb-2", children: "N\xE3o foi poss\xEDvel carregar o conte\xFAdo" }),
-          /* @__PURE__ */ jsx17(Text_default, { textColor: "#a1a1aa", textAlign: "center", className: "mb-8 max-w-md", children: "Este conte\xFAdo n\xE3o permite exibi\xE7\xE3o integrada por seguran\xE7a. Clique no bot\xE3o abaixo para concluir em uma nova aba." }),
-          /* @__PURE__ */ jsxs12(
-            Button_default,
-            {
-              onClick: handleOpenInNewWindow,
-              className: "flex items-center gap-2 w-auto px-8 h-12 shadow-xl shadow-emerald-500/20",
-              children: [
-                /* @__PURE__ */ jsx17(ExternalLink, { size: 18 }),
-                "Abrir em nova janela"
-              ]
-            }
-          )
-        ] }) : /* @__PURE__ */ jsx17(
-          "iframe",
-          {
-            src: modal.url,
-            title: modal.label ?? "Conte\xFAdo PBM",
-            className: "w-full h-full border-none bg-white animate-fade-in",
-            allowFullScreen: true,
-            onError: () => setShowFallback(true)
-          }
-        ) }),
-        /* @__PURE__ */ jsxs12("section", { className: "w-[90%] md:w-4/5 flex flex-col md:flex-row items-center justify-between gap-3 bg-zinc-900 py-4 px-6 rounded-b-2xl border-t border-white/5 z-10 shadow-2xl", children: [
-          /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx17(TriangleAlert, { size: 18, className: "text-yellow-500 shrink-0" }),
-            /* @__PURE__ */ jsxs12(Text_default, { textColor: "white", className: "text-[10px] md:text-xs", children: [
-              /* @__PURE__ */ jsx17("span", { className: "text-yellow-500 font-bold mr-1", children: "Importante:" }),
-              "Se a p\xE1gina n\xE3o carregar, tente abrir em tela cheia usando o bot\xE3o ao lado."
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs12(
-            "button",
-            {
-              onClick: handleOpenInNewWindow,
-              className: "text-white/60 hover:text-white text-[11px] underline flex items-center gap-1 transition-colors cursor-pointer",
-              children: [
-                /* @__PURE__ */ jsx17(ExternalLink, { size: 14 }),
-                " Abrir em nova aba"
-              ]
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-var Iframe_default = Iframe;
-
 // src/PBM.tsx
-import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+import { useTransition as useTransition2 } from "react";
+import { Fragment as Fragment3, jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
 function PBM(props) {
   const { state } = usePBMStore();
   const { IsReady, EanProductExist, IsValid } = useAppStartup_default(props);
   const { setErrorMessage } = useError();
   const theme = useTheme();
   const [isPending, startTransition] = useTransition2();
-  const formatedProductPrice = formatedPrice(props.original_product_price);
+  const formatedProductPrice = formaters.price(props.original_product_price);
   if (!IsValid) return;
   if (!IsReady) {
-    return /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx28(
       Skeleton,
       {
         variant: "rectangular",
@@ -1398,9 +2973,9 @@ function PBM(props) {
     setErrorMessage(
       "O produto n\xE3o foi encontrado no sistema. Por favor, tente novamente mais tarde ou contate o suporte."
     );
-    return /* @__PURE__ */ jsx18("div", { id: "pbm-library-root", children: /* @__PURE__ */ jsx18(ErrorToApplyBenefits_default, {}) });
+    return /* @__PURE__ */ jsx28("div", { id: "pbm-library-root", children: /* @__PURE__ */ jsx28(ErrorToApplyBenefits_default, {}) });
   }
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs23(
     "div",
     {
       id: "pbm-library-root",
@@ -1409,22 +2984,26 @@ function PBM(props) {
         "--pbm-secondary": theme.secondaryColor,
         "--pbm-bg": theme.backgroundColor,
         "--pbm-text": theme.textColor,
-        "--pbm-border": theme.borderColor
+        "--pbm-border": theme.borderColor,
+        "--pbm-outline-color": theme.inputOutlineColor,
+        "--pbm-outline-focus-color": theme.inputOutlineFocusColor,
+        "--pbm-input-focus-background": theme.inputFocusBackgroundColor,
+        "--pbm-input-background": theme.inputBackgroundColor
       },
       children: [
-        /* @__PURE__ */ jsxs13(Container_default, { variant: "main", children: [
-          /* @__PURE__ */ jsx18(Header_default, { originalProductPrice: formatedProductPrice || 0 }),
-          /* @__PURE__ */ jsx18(Container_default, { variant: "simple", children: isPending ? /* @__PURE__ */ jsx18(Loading_default, {}) : /* @__PURE__ */ jsxs13(Fragment4, { children: [
-            state === "isEmpty" && /* @__PURE__ */ jsx18(Form_default, { startTransition }),
-            state === "isInvalid" && /* @__PURE__ */ jsx18(SecurityNumberInvalid_default, {}),
-            state === "isRegistered" && /* @__PURE__ */ jsx18(SecurityNumberRegitered_default, {}),
-            (state === "isActivated" || state === "isPreview") && /* @__PURE__ */ jsx18(BenefitsTable_default, {}),
-            state === "isError" && /* @__PURE__ */ jsx18(ErrorToApplyBenefits_default, {})
-          ] }) }),
-          /* @__PURE__ */ jsx18(Footer_default, {})
+        /* @__PURE__ */ jsxs23(Container_default, { variant: "main", children: [
+          /* @__PURE__ */ jsx28(Header_default, { originalProductPrice: formatedProductPrice || 0 }),
+          /* @__PURE__ */ jsx28(Container_default, { variant: "simple", children: isPending ? /* @__PURE__ */ jsx28(Loading_default, {}) : /* @__PURE__ */ jsxs23(Fragment3, { children: [
+            state === "isEmpty" && /* @__PURE__ */ jsx28(Form_default, { startTransition }),
+            state === "isInvalid" && /* @__PURE__ */ jsx28(SecurityNumberInvalid_default, {}),
+            state === "isRegistered" && /* @__PURE__ */ jsx28(SecurityNumberRegitered_default, {}),
+            (state === "isActivated" || state === "isPreview") && /* @__PURE__ */ jsx28(BenefitsTable_default, {}),
+            state === "isError" && /* @__PURE__ */ jsx28(ErrorToApplyBenefits_default, {})
+          ] }) })
         ] }),
-        /* @__PURE__ */ jsx18(Modal_default, { ID: "ShopperIsNotAuthenticated" }),
-        /* @__PURE__ */ jsx18(Iframe_default, {})
+        /* @__PURE__ */ jsx28(ShopperIsNotAuthenticated_default, { ID: "ShopperIsNotAuthenticated" }),
+        /* @__PURE__ */ jsx28(CustomerNotRegistered_default, { ID: "CustomerNotRegistered" }),
+        /* @__PURE__ */ jsx28(Iframe_default, {})
       ]
     }
   );