@agrada_digital/pbm 0.0.64 → 0.0.66

package/dist/index.mjs

@@ -92,7 +92,7 @@ function Container({
     "main",
     {
       className: classNames({
-        "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",
@@ -158,6 +158,7 @@ function Footer() {
     fetchProductByEan();
   }, [targetProduct?.ean]);
   return /* @__PURE__ */ jsxs2("footer", { className: "w-full h-auto relative", id: "footer_pbm", children: [
+    state !== "isActivated" && targetProduct?.informativeMessage && /* @__PURE__ */ jsx3("p", { className: "text-start mb-3 font-semibold text-sm text-amber-500", children: targetProduct?.informativeMessage }),
     /* @__PURE__ */ jsxs2("section", { className: classNames2("flex items-center w-full h-auto gap-4", { "justify-center": industryLogo, "justify-start": !industryLogo }), 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." }),
@@ -174,8 +175,7 @@ function Footer() {
           "data-testid": "footer_industry_logo_pbm"
         }
       )
-    ] }),
-    state !== "isActivated" && targetProduct?.informativeMessage && /* @__PURE__ */ jsx3("p", { className: "text-start font-semibold text-sm", children: targetProduct?.informativeMessage })
+    ] })
   ] });
 }
 var Footer_default = Footer;
@@ -212,7 +212,7 @@ import { useState as useState2 } from "react";
 
 // src/services/benefits-with-document.ts
 import Cookies2 from "js-cookie";
-var BenefitsWithDocument = async ({ document: document2, products }) => {
+var BenefitsWithDocument = async ({ document, products }) => {
   const API_URL = import.meta.env.VITE_API_URL;
   if (!API_URL) {
     throw new Error("API URL is not defined in environment variables");
@@ -227,7 +227,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) {
@@ -349,7 +349,7 @@ function Form({ setLoading }) {
                   {
                     type: "text",
                     className: classNames4(
-                      "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...",
@@ -746,129 +746,41 @@ function Text(props) {
 }
 var Text_default = Text;
 
-// src/components/Iframe/index.tsx
+// src/components/UI/Link/index.tsx
 import classNames7 from "classnames";
-import { TriangleAlert, ExternalLink } from "lucide-react";
-import { useState as useState4, useEffect as useEffect4 } from "react";
-import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
-function Iframe({ url, title, openModal, setOpenModal }) {
-  const [_, setIframeError] = useState4(false);
-  const [showFallback, setShowFallback] = useState4(false);
-  useEffect4(() => {
-    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__ */ jsxs7(
-    "main",
+
+// 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 jsx11 } from "react/jsx-runtime";
+function Link(props) {
+  return /* @__PURE__ */ jsx11(
+    "a",
     {
+      ...props,
+      target: "_blank",
+      href: typeof props.href === "string" ? props.href : props.href.pathname + getParams(props.href.param),
       className: classNames7(
-        "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__ */ 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"
-          }
-        ) }),
-        showFallback ? /* @__PURE__ */ jsxs7("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__ */ jsx11(TriangleAlert, { size: 48, className: "text-yellow-500 mb-4" }),
-          /* @__PURE__ */ jsx11("h3", { className: "text-white text-xl font-bold mb-4 text-center", children: "N\xE3o foi poss\xEDvel carregar o conte\xFAdo" }),
-          /* @__PURE__ */ jsx11("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__ */ jsxs7(
-            "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__ */ jsx11(ExternalLink, { size: 20 }),
-                "Abrir em nova janela"
-              ]
-            }
-          )
-        ] }) : /* @__PURE__ */ jsx11(
-          "iframe",
-          {
-            src: url,
-            title,
-            width: "80%",
-            height: "80%",
-            allowFullScreen: true,
-            className: "z-10",
-            onError: () => {
-              setIframeError(true);
-              setShowFallback(true);
-            }
-          }
-        ),
-        /* @__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."
-          ] })
-        ] })
-      ]
+      "data-testid": "test_id_link",
+      id: "link_pbm",
+      children: props.children
     }
   );
 }
-var Iframe_default = Iframe;
+var Link_default = Link;
 
 // src/components/SecurityNumberInvalid/index.tsx
-import { useState as useState5 } from "react";
-import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
 function SecurityNumberInvalid({ textColor }) {
-  const [openModal, setOpenModal] = useState5(false);
   const { urlAcceptTerms } = usePBMStore();
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs7(
     "section",
     {
       "data-testid": "test_id_invalid",
@@ -878,22 +790,11 @@ function SecurityNumberInvalid({ textColor }) {
         /* @__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,
+          Link_default,
           {
-            "data-testid": "test_id_openiframe",
-            onClick: () => setOpenModal(true),
-            id: "button_accept_terms_pbm",
+            href: urlAcceptTerms || "",
             children: "Aceitar os termos"
           }
-        ),
-        /* @__PURE__ */ jsx12(
-          Iframe_default,
-          {
-            url: urlAcceptTerms || "",
-            title: "Aceitar termos PBM",
-            openModal,
-            setOpenModal
-          }
         )
       ]
     }
@@ -902,52 +803,22 @@ function SecurityNumberInvalid({ textColor }) {
 var SecurityNumberInvalid_default = SecurityNumberInvalid;
 
 // src/PBM.tsx
-import { useCallback as useCallback2, useEffect as useEffect5, useState as useState6 } from "react";
-
-// src/components/UI/Link/index.tsx
-import classNames8 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: classNames8(
-        "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;
+import { useCallback as useCallback2, useEffect as useEffect4, useState as useState4 } from "react";
 
 // src/components/SecurityNumberRegitered/index.tsx
-import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
 function SecurityNumberRegitered({ textColor }) {
   const { urlRegisterIndustry } = usePBMStore();
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs8(
     "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(
+        /* @__PURE__ */ jsx13(Title_default, { className: "w-full", textColor, children: "CPF n\xE3o habilitado no produto!" }),
+        /* @__PURE__ */ jsx13(Text_default, { className: "w-full", textColor, children: "Por favor, conclua seu cadastro para habilitar os benef\xEDcios deste laborat\xF3rio." }),
+        /* @__PURE__ */ jsx13(
           Link_default,
           {
             href: urlRegisterIndustry || "",
@@ -1002,7 +873,7 @@ var GetAuthorization = async ({ clientID }) => {
 
 // src/PBM.tsx
 import { ArrowRight as ArrowRight2 } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
 function PBM({
   originalProductPrice,
   clientID,
@@ -1011,9 +882,9 @@ function PBM({
   const formatedOriginalProductPrice = Number(
     String(originalProductPrice).replace(",", ".")
   );
-  const [loading, setLoading] = useState6(false);
+  const [loading, setLoading] = useState4(false);
   const { setState, state, setTargetProduct } = usePBMStore();
-  useEffect5(() => {
+  useEffect4(() => {
     if (eanProduct) {
       setTargetProduct({ ean: eanProduct });
     }
@@ -1028,34 +899,34 @@ function PBM({
       console.error("Error fetching authorization:", error);
     }
   }, [clientID]);
-  useEffect5(() => {
+  useEffect4(() => {
     handleAuthorizationRequest();
   }, [handleAuthorizationRequest]);
-  return /* @__PURE__ */ jsxs10(Container_default, { variant: "main", children: [
-    /* @__PURE__ */ jsx15(Header_default, { originalProductPrice: formatedOriginalProductPrice || 0 }),
-    /* @__PURE__ */ jsxs10(Container_default, { variant: "simple", children: [
-      state === "isEmpty" && !loading && /* @__PURE__ */ jsxs10(Fragment2, { children: [
-        /* @__PURE__ */ jsx15(Form_default, { setLoading }),
-        /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsx14("div", { id: "pbm-library-root", children: /* @__PURE__ */ jsxs9(Container_default, { variant: "main", children: [
+    /* @__PURE__ */ jsx14(Header_default, { originalProductPrice: formatedOriginalProductPrice || 0 }),
+    /* @__PURE__ */ jsxs9(Container_default, { variant: "simple", children: [
+      state === "isEmpty" && !loading && /* @__PURE__ */ jsxs9(Fragment2, { children: [
+        /* @__PURE__ */ jsx14(Form_default, { setLoading }),
+        /* @__PURE__ */ jsxs9(
           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__ */ jsx15("span", { children: "Consultar benef\xEDcios" }),
-              /* @__PURE__ */ jsx15(ArrowRight2, { size: 16 })
+              /* @__PURE__ */ jsx14("span", { children: "Consultar benef\xEDcios" }),
+              /* @__PURE__ */ jsx14(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, {})
+      state === "isEmpty" && loading && /* @__PURE__ */ jsx14(Loading_default, {}),
+      state === "isInvalid" && !loading && /* @__PURE__ */ jsx14(SecurityNumberInvalid_default, {}),
+      state === "isRegistered" && !loading && /* @__PURE__ */ jsx14(SecurityNumberRegitered_default, {}),
+      state === "isActivated" && !loading && /* @__PURE__ */ jsx14(BenefitsTable_default, {})
     ] }),
-    /* @__PURE__ */ jsx15(Footer_default, {})
-  ] });
+    /* @__PURE__ */ jsx14(Footer_default, {})
+  ] }) });
 }
 var PBM_default = PBM;
 export {