@agrada_digital/pbm 0.0.40

package/dist/index.mjs

@@ -0,0 +1,776 @@
+// src/components/Header/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Header({ originalProductPrice }) {
+  return /* @__PURE__ */ jsxs(
+    "header",
+    {
+      className: "flex items-center justify-between w-full p-0.5 rounded-full bg-[#44c2c0]/30",
+      id: "header_pbm",
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "py-1 px-6 rounded-full bg-[#44c2c0] shrink-0 text-white text-sm font-bold",
+            "data-testid": "test_id_header_price",
+            children: Number(originalProductPrice)?.toLocaleString("pt-BR", {
+              currency: "BRL",
+              currencyDisplay: "symbol",
+              currencySign: "standard",
+              style: "currency"
+            })
+          }
+        ),
+        /* @__PURE__ */ jsx("h1", { className: "text-center w-full text-[#339c9b] font-bold text-xs px-4 md:text-sm", children: "Benef\xEDcio 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({
+        "flex flex-col items-center justify-center min-w-[var(--min-container)] max-w-[var(--max-container)] w-full h-auto rounded-2xl p-4 bg-gray-100 gap-4": variant === "main",
+        "w-full h-auto relative": variant === "simple"
+      }),
+      "data-testid": "test_id_container",
+      "data-variant": variant,
+      id: "container_pbm",
+      children
+    }
+  );
+}
+var Container_default = Container;
+
+// src/components/Footer/index.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function Footer({ industryLogo }) {
+  return /* @__PURE__ */ jsx3("footer", { className: "w-full h-auto relative", id: "footer_pbm", children: /* @__PURE__ */ jsxs2("section", { className: "flex items-center justify-center w-full h-auto gap-4", children: [
+    /* @__PURE__ */ jsxs2("section", { className: "w-4/5 h-auto", children: [
+      /* @__PURE__ */ jsx3("h3", { className: "text-start font-semibold text-sm", children: "Economize com o benef\xEDcio do laborat\xF3rio." }),
+      /* @__PURE__ */ jsx3("p", { className: "text-start font-normal text-sm", children: "Este produto tem pre\xE7o exclusivo para clientes cadastrados no programa." })
+    ] }),
+    industryLogo && /* @__PURE__ */ jsx3(
+      "img",
+      {
+        src: industryLogo,
+        alt: "parceiro",
+        className: "w-1/5 min-w-20 h-auto aspect-square",
+        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.strictObject({
+  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.")
+});
+
+// src/utils/format.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/components/Form/index.tsx
+import classNames2 from "classnames";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+import { ArrowRight } from "lucide-react";
+
+// src/libs/zustand/usePBM.tsx
+import { create, createStore } from "zustand";
+var initialPBMState = {
+  securityNumber: "",
+  state: "isEmpty",
+  availableDiscountSelected: {
+    quantity: 0,
+    discount: {
+      unit: 0,
+      total: 0
+    },
+    totalPrice: 0
+  },
+  targetProduct: null,
+  campaign: "pbm_campaign"
+};
+var createPBMStore = (set) => ({
+  ...initialPBMState,
+  setSecurityNumber: (securityNumber) => set({ securityNumber }),
+  setState: (state) => set({ state }),
+  setTargetProduct: (targetProduct) => set({ targetProduct }),
+  setAvailableDiscountSelected: (availableDiscount) => set({ availableDiscountSelected: availableDiscount })
+});
+var usePBMStore = create(createPBMStore);
+var pbmStore = createStore(createPBMStore);
+
+// src/components/Form/index.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function Form({ setLoading }) {
+  const { setSecurityNumber, setState, securityNumber } = usePBMStore();
+  const {
+    handleSubmit,
+    register,
+    setValue,
+    formState: { errors }
+  } = useForm({
+    resolver: zodResolver(validationSchema),
+    defaultValues: {
+      securityNumber: securityNumber || ""
+    }
+  });
+  const onSubmitDefault = (values) => {
+    setLoading(true);
+    new Promise((resolve) => {
+      setTimeout(() => {
+        resolve({
+          securityNumber: values.securityNumber,
+          state: "isInvalid"
+        });
+      }, 2e3);
+    }).then((result) => {
+      const response = result;
+      setSecurityNumber(response.securityNumber);
+      setState(response.state);
+    }).finally(() => {
+      setLoading(false);
+    });
+  };
+  return /* @__PURE__ */ jsxs3(
+    "form",
+    {
+      onSubmit: handleSubmit(onSubmitDefault),
+      className: classNames2(
+        "w-full h-auto flex items-center justify-center mb-0 transition-all duration-150",
+        { "mb-4": errors.securityNumber }
+      ),
+      id: "form_security_number_pbm",
+      children: [
+        /* @__PURE__ */ jsxs3(
+          "label",
+          {
+            htmlFor: "cpf",
+            className: "w-4/5 h-auto flex items-start flex-col justify-center relative py-2",
+            id: "label_security_number_pbm",
+            children: [
+              /* @__PURE__ */ jsx4(
+                "input",
+                {
+                  type: "text",
+                  className: classNames2(
+                    "w-full h-8 bg-[#44c2c0]/20 rounded-s-full text-sm font-semibold focus:outline focus:outline-[#339c9b] focus:bg-[#44c2c0]/30  text-zinc-600 placeholder:text-zinc-600 px-4 placeholder:text-sm placeholder:font-semibold",
+                    { "outline outline-red-600": errors.securityNumber }
+                  ),
+                  placeholder: "Digite seu CPF aqui...",
+                  required: true,
+                  maxLength: 14,
+                  ...register("securityNumber", {
+                    onChange: (e) => {
+                      const formatted = toFormat(e.target.value);
+                      setValue("securityNumber", formatted, {
+                        shouldValidate: true
+                      });
+                    }
+                  }),
+                  defaultValue: securityNumber || "",
+                  id: "input_security_number_pbm"
+                }
+              ),
+              errors.securityNumber && /* @__PURE__ */ jsx4("span", { className: "text-red-400 text-xs font-semibold  absolute -bottom-3 left-2 text-nowrap", children: errors.securityNumber.message })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx4(
+          "button",
+          {
+            type: "submit",
+            className: "bg-gray-400 w-1/5 h-8 flex items-center justify-center rounded-e-full cursor-pointer",
+            id: "button_submit_security_number_pbm",
+            children: /* @__PURE__ */ jsx4(ArrowRight, { size: 24, color: "white", strokeWidth: 2 })
+          }
+        )
+      ]
+    }
+  );
+}
+var Form_default = Form;
+
+// src/components/UI/Loading/index.tsx
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function Loading({ textColor }) {
+  return /* @__PURE__ */ jsxs4("main", { className: "flex items-center justify-center gap-4", id: "loading_pbm", children: [
+    /* @__PURE__ */ jsx5(
+      "div",
+      {
+        "data-testid": "test_id_spin",
+        className: "w-8 h-8 border-4 border-t-gray-700 border-gray-300 rounded-full animate-spin"
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      "p",
+      {
+        className: "text-sm font-semibold text-start text-zinc-900",
+        style: { color: textColor },
+        children: "Um momento... estamos verificando seus dados."
+      }
+    )
+  ] });
+}
+var Loading_default = Loading;
+
+// src/components/UI/Button/index.tsx
+import classNames3 from "classnames";
+import { jsx as jsx6 } from "react/jsx-runtime";
+function Button(props) {
+  return /* @__PURE__ */ jsx6(
+    "button",
+    {
+      ...props,
+      className: classNames3(
+        "w-3xs cursor-pointer h-10 rounded-full bg-blue-500 hover:bg-blue-400 text-white text-sm font-semibold transition-colors",
+        props.className
+      ),
+      children: props.children
+    }
+  );
+}
+var Button_default = Button;
+
+// src/components/BenefitsTable/index.tsx
+import { useState } from "react";
+
+// src/mocks/benefits.ts
+var BENEFITS_ITEMS = [
+  {
+    id: 1,
+    ean: "001",
+    authorizedQuantity: 1,
+    discountValue: 4800,
+    discountPercentual: 2400
+  },
+  {
+    id: 2,
+    ean: "002",
+    authorizedQuantity: 2,
+    discountValue: 4800,
+    discountPercentual: 2400
+  },
+  {
+    id: 3,
+    ean: "003",
+    authorizedQuantity: 3,
+    discountValue: 9400,
+    discountPercentual: 4700
+  }
+];
+
+// src/components/UI/Title/index.tsx
+import classNames4 from "classnames";
+import { jsx as jsx7 } from "react/jsx-runtime";
+function Title(props) {
+  return /* @__PURE__ */ jsx7(
+    "h2",
+    {
+      className: classNames4(
+        "text-start font-semibold text-sm text-zinc-900",
+        props.className
+      ),
+      style: { color: props.textColor, fontSize: props.textSize },
+      "data-testid": "test_id_title",
+      children: props.children
+    }
+  );
+}
+var Title_default = Title;
+
+// src/components/BenefitsTable/Item.tsx
+import { Badge, BadgeCheck } from "lucide-react";
+import { useCallback, useEffect } from "react";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+function Item({ data, onChange, checked, originalProductPrice }) {
+  const { setAvailableDiscountSelected, securityNumber } = usePBMStore();
+  const ID_INPUT = "unity_quantity_" + data.authorizedQuantity;
+  const decimalDiscount = data.discountPercentual / 1e4;
+  const unitDiscountValue = originalProductPrice * decimalDiscount;
+  const discountValue = unitDiscountValue * data.authorizedQuantity;
+  const totalPriceProductWithDiscountBenefit = originalProductPrice * data.authorizedQuantity - discountValue;
+  const updateStorageData = useCallback(() => {
+    if (checked) {
+      setAvailableDiscountSelected({
+        discount: {
+          total: discountValue,
+          unit: unitDiscountValue
+        },
+        quantity: data.authorizedQuantity,
+        totalPrice: totalPriceProductWithDiscountBenefit
+      });
+    }
+  }, [
+    checked,
+    data.authorizedQuantity,
+    setAvailableDiscountSelected,
+    discountValue,
+    totalPriceProductWithDiscountBenefit,
+    unitDiscountValue
+  ]);
+  useEffect(() => {
+    updateStorageData();
+  }, [updateStorageData]);
+  return /* @__PURE__ */ jsxs5(
+    "label",
+    {
+      htmlFor: ID_INPUT,
+      className: "w-full flex items-center justify-start bg-zinc-300/60 border border-zinc-400/50 px-4 py-2 hover:bg-zinc-300 transition-colors cursor-pointer rounded-full gap-1",
+      id: "label_benefits_" + ID_INPUT,
+      children: [
+        /* @__PURE__ */ jsx8(
+          "input",
+          {
+            type: "radio",
+            name: "benefits_discount",
+            id: ID_INPUT,
+            className: "hidden",
+            checked,
+            onChange,
+            disabled: !securityNumber
+          }
+        ),
+        !checked ? /* @__PURE__ */ jsx8(Badge, { color: "#9f9fa9", size: 20 }) : /* @__PURE__ */ jsx8(BadgeCheck, { color: "#32b316", size: 20 }),
+        /* @__PURE__ */ jsxs5("span", { className: "text-zinc-900 font-semibold text-sm", children: [
+          data.authorizedQuantity,
+          "un"
+        ] }),
+        /* @__PURE__ */ jsxs5("section", { className: "ml-auto relative", children: [
+          /* @__PURE__ */ jsxs5("span", { className: "absolute -top-4 text-emerald-900 py-0.5 font-semibold text-xs bg-[#32b316] px-2 w-auto text-nowrap rounded-2xl -right-4", children: [
+            discountValue.toLocaleString("pt-BR", {
+              currency: "BRL",
+              currencyDisplay: "symbol",
+              currencySign: "standard",
+              style: "currency"
+            }),
+            " ",
+            "OFF"
+          ] }),
+          /* @__PURE__ */ jsx8("strong", { className: "text-zinc-900 font-semibold text-sm text-center", children: totalPriceProductWithDiscountBenefit.toLocaleString("pt-BR", {
+            currency: "BRL",
+            currencyDisplay: "symbol",
+            currencySign: "standard",
+            style: "currency"
+          }) })
+        ] })
+      ]
+    }
+  );
+}
+var Item_default = Item;
+
+// src/components/BenefitsTable/index.tsx
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+function BenefitsTable({
+  originalProductPrice
+}) {
+  const { securityNumber, setState } = usePBMStore();
+  const [selectedDiscout, setSelectedDiscount] = useState(null);
+  return /* @__PURE__ */ jsxs6(
+    "section",
+    {
+      className: "flex items-start justify-center gap-4 w-full h-auto flex-col",
+      id: "benefits_table_pbm",
+      children: [
+        /* @__PURE__ */ jsx9(Title_default, { children: "Descontos dispon\xEDveis:" }),
+        /* @__PURE__ */ jsx9(
+          "form",
+          {
+            className: "flex flex-col items-center justify-start w-full gap-3",
+            id: "form_benefits_table_pbm",
+            children: BENEFITS_ITEMS.map((item, index) => {
+              const ID_INPUT = "unity_quantity_" + item.authorizedQuantity;
+              return /* @__PURE__ */ jsx9(
+                Item_default,
+                {
+                  data: item,
+                  checked: selectedDiscout === ID_INPUT,
+                  onChange: () => setSelectedDiscount(ID_INPUT),
+                  originalProductPrice
+                },
+                index
+              );
+            })
+          }
+        ),
+        !securityNumber && /* @__PURE__ */ jsxs6(
+          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",
+            children: [
+              "Aten\xE7\xE3o: n\xE3o \xE9 poss\xEDvel utilizar os benef\xEDcos sem realizar a consulta do cpf, por favor",
+              " ",
+              /* @__PURE__ */ jsx9("span", { className: "underline", children: "insira seu cpf para utilizar os benef\xEDcios" })
+            ]
+          }
+        ),
+        securityNumber && /* @__PURE__ */ jsx9(
+          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",
+            children: /* @__PURE__ */ jsx9("span", { className: "underline", children: "Deseja editar o cpf digitado?" })
+          }
+        )
+      ]
+    }
+  );
+}
+var BenefitsTable_default = BenefitsTable;
+
+// src/components/UI/Text/index.tsx
+import classNames5 from "classnames";
+import { jsx as jsx10 } from "react/jsx-runtime";
+function Text(props) {
+  return /* @__PURE__ */ jsx10(
+    "p",
+    {
+      className: classNames5(
+        "text-start font-normal text-sm text-zinc-900",
+        props.className
+      ),
+      style: { color: props.textColor, fontSize: props.textSize },
+      "data-testid": "test_id_text",
+      children: props.children
+    }
+  );
+}
+var Text_default = Text;
+
+// src/components/Iframe/index.tsx
+import classNames6 from "classnames";
+import { TriangleAlert } from "lucide-react";
+import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+function Iframe({ url, title, openModal, setOpenModal }) {
+  return /* @__PURE__ */ jsxs7(
+    "main",
+    {
+      className: classNames6(
+        "fixed inset-0 flex items-center justify-center z-50 flex-col transition-all shadow",
+        {
+          "opacity-100 pointer-events-auto": openModal,
+          "opacity-0 pointer-events-none": !openModal
+        }
+      ),
+      "data-testid": "test_id_iframe",
+      children: [
+        /* @__PURE__ */ jsx11(
+          "div",
+          {
+            className: "bg-black/35 inset-0 absolute",
+            onClick: () => {
+              setOpenModal(false);
+              window.location.reload();
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx11("section", { className: "w-4/5 h-auto bg-zinc-800 py-2 px-4 flex items-center justify-end rounded-ss-2xl rounded-se-2xl border-b-2 border-gray-100 z-10", children: /* @__PURE__ */ jsx11(
+          "button",
+          {
+            className: "shadow-2xl cursor-pointer text-white font-bold bg-red-500 w-auto h-auto px-8 py-2 rounded-full",
+            "aria-label": "Fechar o modal",
+            "data-testid": "test_id_buttonclose",
+            onClick: () => {
+              setOpenModal(false);
+              window.location.reload();
+            },
+            children: "Fechar"
+          }
+        ) }),
+        /* @__PURE__ */ jsx11(
+          "iframe",
+          {
+            src: url,
+            title,
+            width: "80%",
+            height: "80%",
+            allowFullScreen: true,
+            className: "z-10"
+          }
+        ),
+        /* @__PURE__ */ jsxs7("section", { className: "items-center justify-center flex flex-wrap gap-1 bg-zinc-800 z-10 w-4/5 py-2 px-4 rounded-ee-2xl rounded-es-2xl border-t-2 border-gray-100", children: [
+          /* @__PURE__ */ jsx11(TriangleAlert, { size: 20, className: "shrink-0 text-red-500 " }),
+          /* @__PURE__ */ jsxs7("p", { className: "text-start text-sm text-white", children: [
+            /* @__PURE__ */ jsx11("span", { className: "text-red-500 font-semibold text-base mr-1", children: "Aten\xE7\xE3o:" }),
+            "Ap\xF3s finalizar os termos de aceite, voc\xEA j\xE1 poder\xE1 fechar essa janela. Pode levar ",
+            /* @__PURE__ */ jsx11("strong", { children: "alguns minutos" }),
+            " para os seus dados serem aprovados."
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+var Iframe_default = Iframe;
+
+// src/components/SecurityNumberInvalid/index.tsx
+import { useState as useState2 } from "react";
+import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+function SecurityNumberInvalid({ textColor }) {
+  const [openModal, setOpenModal] = useState2(false);
+  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 border-zinc-300 py-6",
+      id: "security_number_invalid_container_pbm",
+      children: [
+        /* @__PURE__ */ jsx12(Title_default, { className: "w-full", textColor, children: "CPF n\xE3o cadastrado!" }),
+        /* @__PURE__ */ jsx12(Text_default, { className: "w-full", textColor, children: "Por favor, conclua seu cadastro para habilitar os benef\xEDcios deste laborat\xF3rio." }),
+        /* @__PURE__ */ jsx12(
+          Button_default,
+          {
+            "data-testid": "test_id_openiframe",
+            onClick: () => setOpenModal(true),
+            id: "button_accept_terms_pbm",
+            children: "Aceitar os termos"
+          }
+        ),
+        /* @__PURE__ */ jsx12(
+          Iframe_default,
+          {
+            url: "https://termo.azurewebsites.net/",
+            title: "Aceitar termos PBM",
+            openModal,
+            setOpenModal
+          }
+        )
+      ]
+    }
+  );
+}
+var SecurityNumberInvalid_default = SecurityNumberInvalid;
+
+// src/PBM.tsx
+import { useCallback as useCallback2, useEffect as useEffect2, useState as useState3 } from "react";
+
+// src/components/UI/Link/index.tsx
+import classNames7 from "classnames";
+
+// src/utils/getParams.ts
+var getParams = (params) => {
+  if (params === void 0) return "";
+  return "?" + Object.keys(params).map((paramter) => paramter + "=" + params[paramter]).join("&");
+};
+
+// src/components/UI/Link/index.tsx
+import { jsx as jsx13 } from "react/jsx-runtime";
+function Link(props) {
+  return /* @__PURE__ */ jsx13(
+    "a",
+    {
+      ...props,
+      target: "_blank",
+      href: typeof props.href === "string" ? props.href : props.href.pathname + getParams(props.href.param),
+      className: classNames7(
+        "w-3xs cursor-pointer h-10 rounded-full bg-blue-500 hover:bg-blue-400 text-white text-sm font-semibold transition-colors flex items-center justify-center",
+        props.className
+      ),
+      "data-testid": "test_id_link",
+      children: props.children
+    }
+  );
+}
+var Link_default = Link;
+
+// src/components/SecurityNumberRegitered/index.tsx
+import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+function SecurityNumberRegitered({ textColor }) {
+  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 border-zinc-300 py-6",
+      id: "security_number_registered_container_pbm",
+      children: [
+        /* @__PURE__ */ jsx14(Title_default, { className: "w-full", textColor, children: "CPF n\xE3o habilitado no produto!" }),
+        /* @__PURE__ */ jsx14(Text_default, { className: "w-full", textColor, children: "Por favor, conclua seu cadastro para habilitar os benef\xEDcios deste laborat\xF3rio." }),
+        /* @__PURE__ */ jsx14(
+          Link_default,
+          {
+            href: {
+              pathname: "https://gip-pd-app.interplayers.com.br/idp-pd-app/adesao",
+              param: { guid: "f2aff249-51b4-49a4-b671-d6bee89da0f0" }
+            },
+            children: "Ativar CPF"
+          }
+        )
+      ]
+    }
+  );
+}
+var SecurityNumberRegitered_default = SecurityNumberRegitered;
+
+// src/services/authorization.ts
+import Cookies from "js-cookie";
+var GetAuthorization = async ({ clientID }) => {
+  const API_URL = import.meta.env.VITE_API_URL;
+  const STORE_ID = import.meta.env.VITE_STORE_ID;
+  const STORE_NAME = import.meta.env.VITE_STORE_NAME;
+  if (!API_URL) {
+    throw new Error("API URL is not defined in environment variables");
+  }
+  if (!STORE_ID || !STORE_NAME) {
+    throw new Error("Store ID or Store Name is not defined in environment variables");
+  }
+  const response = await fetch(`${API_URL}/auth`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify({
+      StoreID: STORE_ID,
+      StoreName: STORE_NAME,
+      ClientID: clientID
+    })
+  });
+  const dataResponse = await response.json();
+  if (!dataResponse.success) {
+    throw new Error(dataResponse.message || "Failed to fetch authorization");
+  }
+  Cookies.set("pbm-token", dataResponse.data.token, {
+    expires: parseInt(dataResponse.data.expiresIn, 10) / (60 * 60),
+    secure: true,
+    sameSite: "Strict"
+  });
+  Cookies.set("pbm-token-refresh", dataResponse.data.refreshToken, {
+    secure: true,
+    sameSite: "Strict"
+  });
+  return dataResponse;
+};
+
+// src/PBM.tsx
+import { ArrowRight as ArrowRight2 } from "lucide-react";
+
+// src/services/get-product-by-ean.ts
+import Cookies2 from "js-cookie";
+var GetProductByEAN = async ({ PRODUCT_EAN }) => {
+  const API_URL = import.meta.env.VITE_API_URL;
+  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}/core/products?ean=${PRODUCT_EAN}`, {
+    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/libs/zustand/useTargetProduct.tsx
+import { create as create2 } from "zustand";
+var initialTargetProductState = {
+  targetProductInternal: null
+};
+var createPBMStore2 = (set) => ({
+  ...initialTargetProductState,
+  setTargetProductInternal: (targetProductInternal) => set({ targetProductInternal })
+});
+var useTargetProducts = create2(createPBMStore2);
+
+// src/PBM.tsx
+import { Fragment, jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+function PBM({
+  originalProductPrice,
+  industryLogo,
+  clientID,
+  eanProduct
+}) {
+  const [loading, setLoading] = useState3(false);
+  const { setState, state, setTargetProduct } = usePBMStore();
+  const { setTargetProductInternal } = useTargetProducts();
+  const handleGetProductByEAN = useCallback2(async () => {
+    try {
+      const response = await GetProductByEAN({ PRODUCT_EAN: eanProduct });
+      if (response.success) {
+        const productByEan = response.data.message.products[0];
+        setTargetProduct(productByEan);
+        setTargetProductInternal(productByEan);
+      }
+    } catch (error) {
+      console.error(error);
+    }
+  }, [eanProduct, setTargetProduct, setTargetProductInternal]);
+  const handleAuthorizationRequest = useCallback2(async () => {
+    try {
+      const response = await GetAuthorization({ clientID });
+      if (response.success && eanProduct) {
+        handleGetProductByEAN();
+      } else {
+        console.error("Authorization failed:", response.message);
+      }
+    } catch (error) {
+      console.error("Error fetching authorization:", error);
+    }
+  }, [clientID, handleGetProductByEAN, eanProduct]);
+  useEffect2(() => {
+    handleAuthorizationRequest();
+  }, [handleAuthorizationRequest]);
+  return /* @__PURE__ */ jsxs10(Container_default, { variant: "main", children: [
+    /* @__PURE__ */ jsx15(Header_default, { originalProductPrice: originalProductPrice || 0 }),
+    /* @__PURE__ */ jsxs10(Container_default, { variant: "simple", children: [
+      state === "isEmpty" && !loading && /* @__PURE__ */ jsxs10(Fragment, { children: [
+        /* @__PURE__ */ jsx15(Form_default, { setLoading }),
+        /* @__PURE__ */ jsxs10(
+          Button_default,
+          {
+            className: "bg-transparent p-0 pl-2 w-auto h-auto text-zinc-600 underline cursor-pointer hover:text-zinc-900 hover:bg-transparent flex items-center justify-start gap-1",
+            onClick: () => setState("isActivated"),
+            children: [
+              /* @__PURE__ */ jsx15("span", { children: "Consultar benef\xEDcios" }),
+              /* @__PURE__ */ jsx15(ArrowRight2, { size: 16 })
+            ]
+          }
+        )
+      ] }),
+      state === "isEmpty" && loading && /* @__PURE__ */ jsx15(Loading_default, {}),
+      state === "isInvalid" && !loading && /* @__PURE__ */ jsx15(SecurityNumberInvalid_default, {}),
+      state === "isRegistered" && !loading && /* @__PURE__ */ jsx15(SecurityNumberRegitered_default, {}),
+      state === "isActivated" && !loading && /* @__PURE__ */ jsx15(BenefitsTable_default, { originalProductPrice })
+    ] }),
+    /* @__PURE__ */ jsx15(Footer_default, { industryLogo })
+  ] });
+}
+var PBM_default = PBM;
+export {
+  PBM_default as PBM,
+  usePBMStore
+};
+//# sourceMappingURL=index.mjs.map