@agrada_digital/pbm 0.0.40

package/dist/index.js

@@ -0,0 +1,816 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  PBM: () => PBM_default,
+  usePBMStore: () => usePBMStore
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/Header/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Header({ originalProductPrice }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "header",
+    {
+      className: "flex items-center justify-between w-full p-0.5 rounded-full bg-[#44c2c0]/30",
+      id: "header_pbm",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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
+var import_classnames = __toESM(require("classnames"));
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function Container({
+  children,
+  variant
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "main",
+    {
+      className: (0, import_classnames.default)({
+        "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
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function Footer({ industryLogo }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("footer", { className: "w-full h-auto relative", id: "footer_pbm", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "flex items-center justify-center w-full h-auto gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "w-4/5 h-auto", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { className: "text-start font-semibold text-sm", children: "Economize com o benef\xEDcio do laborat\xF3rio." }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-start font-normal text-sm", children: "Este produto tem pre\xE7o exclusivo para clientes cadastrados no programa." })
+    ] }),
+    industryLogo && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "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
+var import_zod = require("zod");
+var validationSchema = import_zod.z.strictObject({
+  securityNumber: import_zod.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
+var import_classnames2 = __toESM(require("classnames"));
+var import_zod2 = require("@hookform/resolvers/zod");
+var import_react_hook_form = require("react-hook-form");
+var import_lucide_react = require("lucide-react");
+
+// src/libs/zustand/usePBM.tsx
+var import_zustand = require("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 = (0, import_zustand.create)(createPBMStore);
+var pbmStore = (0, import_zustand.createStore)(createPBMStore);
+
+// src/components/Form/index.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function Form({ setLoading }) {
+  const { setSecurityNumber, setState, securityNumber } = usePBMStore();
+  const {
+    handleSubmit,
+    register,
+    setValue,
+    formState: { errors }
+  } = (0, import_react_hook_form.useForm)({
+    resolver: (0, import_zod2.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__ */ (0, import_jsx_runtime4.jsxs)(
+    "form",
+    {
+      onSubmit: handleSubmit(onSubmitDefault),
+      className: (0, import_classnames2.default)(
+        "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__ */ (0, import_jsx_runtime4.jsxs)(
+          "label",
+          {
+            htmlFor: "cpf",
+            className: "w-4/5 h-auto flex items-start flex-col justify-center relative py-2",
+            id: "label_security_number_pbm",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                "input",
+                {
+                  type: "text",
+                  className: (0, import_classnames2.default)(
+                    "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__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-red-400 text-xs font-semibold  absolute -bottom-3 left-2 text-nowrap", children: errors.securityNumber.message })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "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__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react.ArrowRight, { size: 24, color: "white", strokeWidth: 2 })
+          }
+        )
+      ]
+    }
+  );
+}
+var Form_default = Form;
+
+// src/components/UI/Loading/index.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function Loading({ textColor }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("main", { className: "flex items-center justify-center gap-4", id: "loading_pbm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      "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__ */ (0, import_jsx_runtime5.jsx)(
+      "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
+var import_classnames3 = __toESM(require("classnames"));
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function Button(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "button",
+    {
+      ...props,
+      className: (0, import_classnames3.default)(
+        "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
+var import_react2 = require("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
+var import_classnames4 = __toESM(require("classnames"));
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function Title(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "h2",
+    {
+      className: (0, import_classnames4.default)(
+        "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
+var import_lucide_react2 = require("lucide-react");
+var import_react = require("react");
+var import_jsx_runtime8 = require("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 = (0, import_react.useCallback)(() => {
+    if (checked) {
+      setAvailableDiscountSelected({
+        discount: {
+          total: discountValue,
+          unit: unitDiscountValue
+        },
+        quantity: data.authorizedQuantity,
+        totalPrice: totalPriceProductWithDiscountBenefit
+      });
+    }
+  }, [
+    checked,
+    data.authorizedQuantity,
+    setAvailableDiscountSelected,
+    discountValue,
+    totalPriceProductWithDiscountBenefit,
+    unitDiscountValue
+  ]);
+  (0, import_react.useEffect)(() => {
+    updateStorageData();
+  }, [updateStorageData]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    "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__ */ (0, import_jsx_runtime8.jsx)(
+          "input",
+          {
+            type: "radio",
+            name: "benefits_discount",
+            id: ID_INPUT,
+            className: "hidden",
+            checked,
+            onChange,
+            disabled: !securityNumber
+          }
+        ),
+        !checked ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Badge, { color: "#9f9fa9", size: 20 }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.BadgeCheck, { color: "#32b316", size: 20 }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "text-zinc-900 font-semibold text-sm", children: [
+          data.authorizedQuantity,
+          "un"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { className: "ml-auto relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("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__ */ (0, import_jsx_runtime8.jsx)("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
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function BenefitsTable({
+  originalProductPrice
+}) {
+  const { securityNumber, setState } = usePBMStore();
+  const [selectedDiscout, setSelectedDiscount] = (0, import_react2.useState)(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    "section",
+    {
+      className: "flex items-start justify-center gap-4 w-full h-auto flex-col",
+      id: "benefits_table_pbm",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Title_default, { children: "Descontos dispon\xEDveis:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "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__ */ (0, import_jsx_runtime9.jsx)(
+                Item_default,
+                {
+                  data: item,
+                  checked: selectedDiscout === ID_INPUT,
+                  onChange: () => setSelectedDiscount(ID_INPUT),
+                  originalProductPrice
+                },
+                index
+              );
+            })
+          }
+        ),
+        !securityNumber && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+          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__ */ (0, import_jsx_runtime9.jsx)("span", { className: "underline", children: "insira seu cpf para utilizar os benef\xEDcios" })
+            ]
+          }
+        ),
+        securityNumber && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          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__ */ (0, import_jsx_runtime9.jsx)("span", { className: "underline", children: "Deseja editar o cpf digitado?" })
+          }
+        )
+      ]
+    }
+  );
+}
+var BenefitsTable_default = BenefitsTable;
+
+// src/components/UI/Text/index.tsx
+var import_classnames5 = __toESM(require("classnames"));
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function Text(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "p",
+    {
+      className: (0, import_classnames5.default)(
+        "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
+var import_classnames6 = __toESM(require("classnames"));
+var import_lucide_react3 = require("lucide-react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function Iframe({ url, title, openModal, setOpenModal }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    "main",
+    {
+      className: (0, import_classnames6.default)(
+        "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__ */ (0, import_jsx_runtime11.jsx)(
+          "div",
+          {
+            className: "bg-black/35 inset-0 absolute",
+            onClick: () => {
+              setOpenModal(false);
+              window.location.reload();
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("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__ */ (0, import_jsx_runtime11.jsx)(
+          "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__ */ (0, import_jsx_runtime11.jsx)(
+          "iframe",
+          {
+            src: url,
+            title,
+            width: "80%",
+            height: "80%",
+            allowFullScreen: true,
+            className: "z-10"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("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__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react3.TriangleAlert, { size: 20, className: "shrink-0 text-red-500 " }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("p", { className: "text-start text-sm text-white", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("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__ */ (0, import_jsx_runtime11.jsx)("strong", { children: "alguns minutos" }),
+            " para os seus dados serem aprovados."
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+var Iframe_default = Iframe;
+
+// src/components/SecurityNumberInvalid/index.tsx
+var import_react3 = require("react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function SecurityNumberInvalid({ textColor }) {
+  const [openModal, setOpenModal] = (0, import_react3.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    "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__ */ (0, import_jsx_runtime12.jsx)(Title_default, { className: "w-full", textColor, children: "CPF n\xE3o cadastrado!" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text_default, { className: "w-full", textColor, children: "Por favor, conclua seu cadastro para habilitar os benef\xEDcios deste laborat\xF3rio." }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          Button_default,
+          {
+            "data-testid": "test_id_openiframe",
+            onClick: () => setOpenModal(true),
+            id: "button_accept_terms_pbm",
+            children: "Aceitar os termos"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          Iframe_default,
+          {
+            url: "https://termo.azurewebsites.net/",
+            title: "Aceitar termos PBM",
+            openModal,
+            setOpenModal
+          }
+        )
+      ]
+    }
+  );
+}
+var SecurityNumberInvalid_default = SecurityNumberInvalid;
+
+// src/PBM.tsx
+var import_react4 = require("react");
+
+// src/components/UI/Link/index.tsx
+var import_classnames7 = __toESM(require("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
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function Link(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    "a",
+    {
+      ...props,
+      target: "_blank",
+      href: typeof props.href === "string" ? props.href : props.href.pathname + getParams(props.href.param),
+      className: (0, import_classnames7.default)(
+        "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
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function SecurityNumberRegitered({ textColor }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    "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__ */ (0, import_jsx_runtime14.jsx)(Title_default, { className: "w-full", textColor, children: "CPF n\xE3o habilitado no produto!" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text_default, { className: "w-full", textColor, children: "Por favor, conclua seu cadastro para habilitar os benef\xEDcios deste laborat\xF3rio." }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          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
+var import_js_cookie = __toESM(require("js-cookie"));
+var import_meta = {};
+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");
+  }
+  import_js_cookie.default.set("pbm-token", dataResponse.data.token, {
+    expires: parseInt(dataResponse.data.expiresIn, 10) / (60 * 60),
+    secure: true,
+    sameSite: "Strict"
+  });
+  import_js_cookie.default.set("pbm-token-refresh", dataResponse.data.refreshToken, {
+    secure: true,
+    sameSite: "Strict"
+  });
+  return dataResponse;
+};
+
+// src/PBM.tsx
+var import_lucide_react4 = require("lucide-react");
+
+// src/services/get-product-by-ean.ts
+var import_js_cookie2 = __toESM(require("js-cookie"));
+var import_meta2 = {};
+var GetProductByEAN = async ({ PRODUCT_EAN }) => {
+  const API_URL = import_meta2.env.VITE_API_URL;
+  const AUTH_TOKEN = import_js_cookie2.default.get("pbm-token");
+  if (!AUTH_TOKEN) {
+    throw new Error("Token is not defined in cookies or is expired");
+  }
+  const response = await fetch(`${API_URL}/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
+var import_zustand2 = require("zustand");
+var initialTargetProductState = {
+  targetProductInternal: null
+};
+var createPBMStore2 = (set) => ({
+  ...initialTargetProductState,
+  setTargetProductInternal: (targetProductInternal) => set({ targetProductInternal })
+});
+var useTargetProducts = (0, import_zustand2.create)(createPBMStore2);
+
+// src/PBM.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function PBM({
+  originalProductPrice,
+  industryLogo,
+  clientID,
+  eanProduct
+}) {
+  const [loading, setLoading] = (0, import_react4.useState)(false);
+  const { setState, state, setTargetProduct } = usePBMStore();
+  const { setTargetProductInternal } = useTargetProducts();
+  const handleGetProductByEAN = (0, import_react4.useCallback)(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 = (0, import_react4.useCallback)(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]);
+  (0, import_react4.useEffect)(() => {
+    handleAuthorizationRequest();
+  }, [handleAuthorizationRequest]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Container_default, { variant: "main", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Header_default, { originalProductPrice: originalProductPrice || 0 }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Container_default, { variant: "simple", children: [
+      state === "isEmpty" && !loading && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Form_default, { setLoading }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+          Button_default,
+          {
+            className: "bg-transparent p-0 pl-2 w-auto h-auto text-zinc-600 underline cursor-pointer hover:text-zinc-900 hover:bg-transparent flex items-center justify-start gap-1",
+            onClick: () => setState("isActivated"),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: "Consultar benef\xEDcios" }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.ArrowRight, { size: 16 })
+            ]
+          }
+        )
+      ] }),
+      state === "isEmpty" && loading && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Loading_default, {}),
+      state === "isInvalid" && !loading && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SecurityNumberInvalid_default, {}),
+      state === "isRegistered" && !loading && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SecurityNumberRegitered_default, {}),
+      state === "isActivated" && !loading && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(BenefitsTable_default, { originalProductPrice })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Footer_default, { industryLogo })
+  ] });
+}
+var PBM_default = PBM;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PBM,
+  usePBMStore
+});
+//# sourceMappingURL=index.js.map