@agrada_digital/pbm 0.0.64 → 0.0.66

package/dist/index.js

@@ -129,7 +129,7 @@ function Container({
     "main",
     {
       className: (0, import_classnames.default)({
-        "border-3 border-[#44c2c0] 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 relative": variant === "main",
+        "border-3 border-[#44c2c0] 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-white gap-4 relative": variant === "main",
         "w-full h-auto relative": variant === "simple"
       }),
       "data-testid": "test_id_container",
@@ -196,6 +196,7 @@ function Footer() {
     fetchProductByEan();
   }, [targetProduct?.ean]);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("footer", { className: "w-full h-auto relative", id: "footer_pbm", children: [
+    state !== "isActivated" && targetProduct?.informativeMessage && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-start mb-3 font-semibold text-sm text-amber-500", children: targetProduct?.informativeMessage }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: (0, import_classnames2.default)("flex items-center w-full h-auto gap-4", { "justify-center": industryLogo, "justify-start": !industryLogo }), 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." }),
@@ -212,8 +213,7 @@ function Footer() {
           "data-testid": "footer_industry_logo_pbm"
         }
       )
-    ] }),
-    state !== "isActivated" && targetProduct?.informativeMessage && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-start font-semibold text-sm", children: targetProduct?.informativeMessage })
+    ] })
   ] });
 }
 var Footer_default = Footer;
@@ -251,7 +251,7 @@ var import_react3 = require("react");
 // src/services/benefits-with-document.ts
 var import_js_cookie2 = __toESM(require("js-cookie"));
 var import_meta2 = {};
-var BenefitsWithDocument = async ({ document: document2, products }) => {
+var BenefitsWithDocument = async ({ document, products }) => {
   const API_URL = import_meta2.env.VITE_API_URL;
   if (!API_URL) {
     throw new Error("API URL is not defined in environment variables");
@@ -266,7 +266,7 @@ var BenefitsWithDocument = async ({ document: document2, products }) => {
       Authorization: `Bearer ${AUTH_TOKEN}`,
       "Content-Type": "application/json"
     },
-    body: JSON.stringify({ consumer: { document: document2 }, products })
+    body: JSON.stringify({ consumer: { document }, products })
   });
   const dataResponse = await response.json();
   if (!dataResponse.success) {
@@ -388,7 +388,7 @@ function Form({ setLoading }) {
                   {
                     type: "text",
                     className: (0, import_classnames4.default)(
-                      "w-full h-8 bg-white rounded-s-full text-sm font-semibold focus:outline focus:outline-[#339c9b] focus:bg-white  text-zinc-600 placeholder:text-zinc-600 px-4 placeholder:text-sm placeholder:font-semibold",
+                      "w-full h-8 bg-gray-100 rounded-s-full text-sm font-semibold focus:outline focus:outline-[#339c9b] focus:bg-white  text-zinc-600 placeholder:text-zinc-600 px-4 placeholder:text-sm placeholder:font-semibold",
                       { "outline outline-red-600": errors.securityNumber, "rounded-full": showCoupoField }
                     ),
                     placeholder: "Digite seu CPF aqui...",
@@ -786,127 +786,39 @@ function Text(props) {
 }
 var Text_default = Text;
 
-// src/components/Iframe/index.tsx
+// src/components/UI/Link/index.tsx
 var import_classnames7 = __toESM(require("classnames"));
-var import_lucide_react3 = require("lucide-react");
-var import_react6 = require("react");
+
+// 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_runtime11 = require("react/jsx-runtime");
-function Iframe({ url, title, openModal, setOpenModal }) {
-  const [_, setIframeError] = (0, import_react6.useState)(false);
-  const [showFallback, setShowFallback] = (0, import_react6.useState)(false);
-  (0, import_react6.useEffect)(() => {
-    if (openModal && url) {
-      setIframeError(false);
-      setShowFallback(false);
-      const timeout = setTimeout(() => {
-        const iframe = document.querySelector('iframe[src="' + url + '"]');
-        if (iframe) {
-          try {
-            const iframeDoc = iframe.contentDocument || iframe.contentWindow?.document;
-            if (!iframeDoc) {
-              setIframeError(true);
-              setShowFallback(true);
-            }
-          } catch (e) {
-            setIframeError(true);
-            setShowFallback(true);
-          }
-        }
-      }, 2e3);
-      return () => clearTimeout(timeout);
-    }
-  }, [openModal, url]);
-  const handleOpenInNewWindow = () => {
-    if (url) {
-      window.open(url, "_blank", "noopener,noreferrer");
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-    "main",
+function Link(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    "a",
     {
+      ...props,
+      target: "_blank",
+      href: typeof props.href === "string" ? props.href : props.href.pathname + getParams(props.href.param),
       className: (0, import_classnames7.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
-        }
+        "w-3xs cursor-pointer h-10 rounded-full bg-emerald-500 hover:bg-emerald-400 text-white text-sm font-semibold transition-colors flex items-center justify-center",
+        props.className
       ),
-      "data-testid": "test_id_iframe",
-      id: "iframe_pbm",
-      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"
-          }
-        ) }),
-        showFallback ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "w-4/5 h-[80%] bg-zinc-800 z-10 flex flex-col items-center justify-center p-8 rounded-lg border-2 border-yellow-500", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react3.TriangleAlert, { size: 48, className: "text-yellow-500 mb-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h3", { className: "text-white text-xl font-bold mb-4 text-center", children: "N\xE3o foi poss\xEDvel carregar o conte\xFAdo" }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-white text-sm mb-6 text-center max-w-md", children: "O servidor bloqueou a exibi\xE7\xE3o deste conte\xFAdo em um iframe devido \xE0s pol\xEDticas de seguran\xE7a. Voc\xEA pode abrir o link em uma nova janela para continuar." }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-            "button",
-            {
-              onClick: handleOpenInNewWindow,
-              className: "flex items-center gap-2 bg-emerald-500 hover:bg-emerald-600 text-white font-semibold px-6 py-3 rounded-lg transition-colors",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react3.ExternalLink, { size: 20 }),
-                "Abrir em nova janela"
-              ]
-            }
-          )
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-          "iframe",
-          {
-            src: url,
-            title,
-            width: "80%",
-            height: "80%",
-            allowFullScreen: true,
-            className: "z-10",
-            onError: () => {
-              setIframeError(true);
-              setShowFallback(true);
-            }
-          }
-        ),
-        /* @__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."
-          ] })
-        ] })
-      ]
+      "data-testid": "test_id_link",
+      id: "link_pbm",
+      children: props.children
     }
   );
 }
-var Iframe_default = Iframe;
+var Link_default = Link;
 
 // src/components/SecurityNumberInvalid/index.tsx
-var import_react7 = require("react");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 function SecurityNumberInvalid({ textColor }) {
-  const [openModal, setOpenModal] = (0, import_react7.useState)(false);
   const { urlAcceptTerms } = usePBMStore();
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "section",
@@ -918,22 +830,11 @@ function SecurityNumberInvalid({ textColor }) {
         /* @__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,
+          Link_default,
           {
-            "data-testid": "test_id_openiframe",
-            onClick: () => setOpenModal(true),
-            id: "button_accept_terms_pbm",
+            href: urlAcceptTerms || "",
             children: "Aceitar os termos"
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          Iframe_default,
-          {
-            url: urlAcceptTerms || "",
-            title: "Aceitar termos PBM",
-            openModal,
-            setOpenModal
-          }
         )
       ]
     }
@@ -942,52 +843,22 @@ function SecurityNumberInvalid({ textColor }) {
 var SecurityNumberInvalid_default = SecurityNumberInvalid;
 
 // src/PBM.tsx
-var import_react8 = require("react");
-
-// src/components/UI/Link/index.tsx
-var import_classnames8 = __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_classnames8.default)(
-        "w-3xs cursor-pointer h-10 rounded-full bg-emerald-500 hover:bg-emerald-400 text-white text-sm font-semibold transition-colors flex items-center justify-center",
-        props.className
-      ),
-      "data-testid": "test_id_link",
-      id: "link_pbm",
-      children: props.children
-    }
-  );
-}
-var Link_default = Link;
+var import_react6 = require("react");
 
 // src/components/SecurityNumberRegitered/index.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function SecurityNumberRegitered({ textColor }) {
   const { urlRegisterIndustry } = usePBMStore();
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.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)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Title_default, { className: "w-full", textColor, children: "CPF n\xE3o habilitado no produto!" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.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_runtime13.jsx)(
           Link_default,
           {
             href: urlRegisterIndustry || "",
@@ -1042,8 +913,8 @@ var GetAuthorization = async ({ clientID }) => {
 };
 
 // src/PBM.tsx
-var import_lucide_react4 = require("lucide-react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_lucide_react3 = require("lucide-react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function PBM({
   originalProductPrice,
   clientID,
@@ -1052,14 +923,14 @@ function PBM({
   const formatedOriginalProductPrice = Number(
     String(originalProductPrice).replace(",", ".")
   );
-  const [loading, setLoading] = (0, import_react8.useState)(false);
+  const [loading, setLoading] = (0, import_react6.useState)(false);
   const { setState, state, setTargetProduct } = usePBMStore();
-  (0, import_react8.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (eanProduct) {
       setTargetProduct({ ean: eanProduct });
     }
   }, [eanProduct, setTargetProduct]);
-  const handleAuthorizationRequest = (0, import_react8.useCallback)(async () => {
+  const handleAuthorizationRequest = (0, import_react6.useCallback)(async () => {
     try {
       const response = await GetAuthorization({ clientID });
       if (!response.success) {
@@ -1069,34 +940,34 @@ function PBM({
       console.error("Error fetching authorization:", error);
     }
   }, [clientID]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     handleAuthorizationRequest();
   }, [handleAuthorizationRequest]);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Container_default, { variant: "main", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Header_default, { originalProductPrice: formatedOriginalProductPrice || 0 }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Container_default, { variant: "simple", children: [
-      state === "isEmpty" && !loading && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Form_default, { setLoading }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { id: "pbm-library-root", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Container_default, { variant: "main", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Header_default, { originalProductPrice: formatedOriginalProductPrice || 0 }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Container_default, { variant: "simple", children: [
+      state === "isEmpty" && !loading && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Form_default, { setLoading }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.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"),
             id: "check_benefits_button",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: "Consultar benef\xEDcios" }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.ArrowRight, { size: 16 })
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: "Consultar benef\xEDcios" }),
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react3.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, {})
+      state === "isEmpty" && loading && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Loading_default, {}),
+      state === "isInvalid" && !loading && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SecurityNumberInvalid_default, {}),
+      state === "isRegistered" && !loading && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SecurityNumberRegitered_default, {}),
+      state === "isActivated" && !loading && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(BenefitsTable_default, {})
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Footer_default, {})
-  ] });
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Footer_default, {})
+  ] }) });
 }
 var PBM_default = PBM;
 // Annotate the CommonJS export names for ESM import in node: