import { useState, useEffect } from "react"; const STORAGE_KEY_EMAILS = "premium_emails"; const STORAGE_KEY_LINKS = "premium_links"; const defaultLinks = { premium: "", regular: "" }; export default function App() { const [view, setView] = useState("user"); // "user" | "admin" const [emails, setEmails] = useState([]); const [links, setLinks] = useState(defaultLinks); const [emailInput, setEmailInput] = useState(""); const [result, setResult] = useState(null); // null | "premium" | "regular" const [adminEmails, setAdminEmails] = useState(""); const [adminLinks, setAdminLinks] = useState(defaultLinks); const [saved, setSaved] = useState(false); const [adminPass, setAdminPass] = useState(""); const [adminUnlocked, setAdminUnlocked] = useState(false); const [passError, setPassError] = useState(false); const ADMIN_PASS = "admin123"; useEffect(() => { const loadData = async () => { try { const e = await window.storage.get(STORAGE_KEY_EMAILS, true); if (e) { const list = JSON.parse(e.value).map(x => x.replace(/[\r\n\t\s]/g, "").toLowerCase()); setEmails(list); setAdminEmails(list.join("\n")); } } catch {} try { const l = await window.storage.get(STORAGE_KEY_LINKS, true); if (l) { const lv = JSON.parse(l.value); setLinks(lv); setAdminLinks(lv); } } catch {} }; loadData(); }, []); const cleanEmail = (e) => e.replace(/[\r\n\t\s]/g, "").toLowerCase(); const checkEmail = () => { const val = cleanEmail(emailInput); if (!val) return; const found = emails.map(cleanEmail).includes(val); setResult(found ? "premium" : "regular"); }; const parseEmails = (raw) => raw.split(/[\r\n,;]+/) .map(e => e.replace(/[\r\n\t\s]/g, "").toLowerCase()) .filter(e => e.includes("@")); const saveAdmin = async () => { const list = parseEmails(adminEmails); setEmails(list); setLinks(adminLinks); await window.storage.set(STORAGE_KEY_EMAILS, JSON.stringify(list), true); await window.storage.set(STORAGE_KEY_LINKS, JSON.stringify(adminLinks), true); setSaved(true); setTimeout(() => setSaved(false), 2500); }; const unlockAdmin = () => { if (adminPass === ADMIN_PASS) { setAdminUnlocked(true); setPassError(false); } else { setPassError(true); } }; const reset = () => { setEmailInput(""); setResult(null); }; return (

{/* Header */}

✦

PREMIUM ACCESS

{/* USER VIEW */} {view === "user" && (

{result === null ? ( <>

🔐

Verificar Acesso Premium

Digite seu e-mail abaixo para saber se você tem acesso ao desconto exclusivo de assinante premium.

setEmailInput(e.target.value)} onKeyDown={e => e.key === "Enter" && checkEmail()} style={{ width: "100%", padding: "14px 18px", borderRadius: 12, background: "rgba(255,255,255,0.08)", border: "1px solid rgba(255,255,255,0.2)", color: "#fff", fontSize: 16, outline: "none", boxSizing: "border-box", marginBottom: 16 }} /> ) : result === "premium" ? ( <>

🏆

ASSINANTE PREMIUM

🎉 Parabéns! Você tem desconto!

Seu e-mail está na lista de assinantes premium. Clique abaixo para acessar sua oferta exclusiva com desconto.

{links.premium ? ( 🎁 Acessar Oferta Premium ) : (

⚠️ Link ainda não configurado pelo admin.

)} ) : ( <>

😕

E-mail não encontrado

Seu e-mail não está na lista de assinantes premium, mas você ainda pode aproveitar a oferta no valor normal.

{links.regular ? ( 🛒 Acessar Oferta Regular ) : (

⚠️ Link ainda não configurado pelo admin.

)} )}

)} {/* ADMIN VIEW */} {view === "admin" && (

⚙️ Painel Admin

Configure os e-mails premium e os links de oferta.

{!adminUnlocked ? ( <> Senha de acesso setAdminPass(e.target.value)} onKeyDown={e => e.key === "Enter" && unlockAdmin()} style={{ width: "100%", padding: "12px 16px", borderRadius: 10, background: "rgba(255,255,255,0.07)", border: `1px solid ${passError ? "#ff6b6b" : "rgba(255,255,255,0.15)"}`, color: "#fff", fontSize: 15, outline: "none", boxSizing: "border-box", marginBottom: 8 }} /> {passError &&

Senha incorreta. Tente novamente.

}

Senha padrão: admin123 (altere no código)

) : ( <> {/* Emails */} 📋 Lista de e-mails premium (um por linha, ou separados por vírgula)

setAdminEmails(e.target.value)}
                placeholder={"joao@email.com\nmaria@email.com\ncarlos@email.com"}
                rows={8}
                style={{
                  width: "100%", padding: "12px 16px", borderRadius: 10,
                  background: "rgba(255,255,255,0.07)", border: "1px solid rgba(255,255,255,0.15)",
                  color: "#fff", fontSize: 14, outline: "none", boxSizing: "border-box",
                  resize: "vertical", marginBottom: 20, fontFamily: "monospace"
                }}
              />

{/* Link Premium */}
              <label style={{ color: "#aaa", fontSize: 13, display: "block", marginBottom: 6 }}>
                🏆 Link para assinantes <span style={{ color: "#ffd200" }}>PREMIUM</span>
              </label>
              <input
                type="url"
                placeholder="https://..."
                value={adminLinks.premium}
                onChange={e => setAdminLinks({ ...adminLinks, premium: e.target.value })}
                style={{
                  width: "100%", padding: "12px 16px", borderRadius: 10,
                  background: "rgba(255,255,255,0.07)", border: "1px solid rgba(247,151,30,0.4)",
                  color: "#fff", fontSize: 14, outline: "none", boxSizing: "border-box", marginBottom: 16
                }}
              />

{/* Link Regular */}
              <label style={{ color: "#aaa", fontSize: 13, display: "block", marginBottom: 6 }}>
                🛒 Link para quem <span style={{ color: "#a78bfa" }}>NÃO É premium</span>
              </label>
              <input
                type="url"
                placeholder="https://..."
                value={adminLinks.regular}
                onChange={e => setAdminLinks({ ...adminLinks, regular: e.target.value })}
                style={{
                  width: "100%", padding: "12px 16px", borderRadius: 10,
                  background: "rgba(255,255,255,0.07)", border: "1px solid rgba(102,126,234,0.4)",
                  color: "#fff", fontSize: 14, outline: "none", boxSizing: "border-box", marginBottom: 24
                }}
              />

<button onClick={saveAdmin} style={{
                width: "100%", padding: "14px", borderRadius: 12, border: "none",
                background: saved ? "linear-gradient(135deg, #11998e, #38ef7d)" : "linear-gradient(135deg, #f7971e, #ffd200)",
                color: "#1a1a2e", fontWeight: 700, fontSize: 16, cursor: "pointer", transition: "all 0.3s"
              }}>
                {saved ? "✅ Salvo com sucesso!" : "💾 Salvar Configurações"}
              </button>

<p style={{ color: "#555", fontSize: 12, textAlign: "center", marginTop: 12 }}>
                {emails.length} e-mail(s) na lista premium
              </p>
            </>
          )}
        </div>
      )}
    </div>
  );
}</section></div>
    
  <script>
    window.ep_id=122396
    window.code="undefined";
    window.country=getCookie("country");
    window.mask=getCookie("phone_mask");
    window.countryCode=getCookie("country_code");
    window.tags="null";
  </script>
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MBRS6V9"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

    <script>
      function renderScripts() {
        window.dispatchEvent(new Event("onpageload"));
      }
    </script>
  <script>function onClickButton(e, props) {
  e.stopPropagation();
  e.preventDefault();
  if (props.type === "submit") return;

if (props.action === "redirect_url") {
    if (window.openModal && window.modalOnPage && !props.directPage) {
      return window.openModal(makeLink(props.url || props.src || ""));
    }
    if (props.url || props.src) {
      window.open(makeLink(props.url || props.src));
    }
  } else if (props.action === "scroll_to_block") {
    return window.focusElementById("block_position_" + props.block_destiny);
  } else if (props.action === "redirect_project_page") {
    if (props.page_destiny) {
      console.log(makeLink(props.page_destiny));
      if (window.openModal && window.modalOnPage && !props.directPage) {
        return window.openModal(makeLink(props.page_destiny));
      }
      window.open(makeLink(props.page_destiny)); //funil e código da página
    }
  } else if (props.action === "close_modal") {
    if (window.openModal && window.modalOnPage) {
      window.closeModal();
    }
  }
}
function makeFunnel(redirect_url) {
  let funnel_ = 1;
  if (Number(window.location.pathname.split("/")[1])) {
    funnel_ = Number(window.location.pathname.split("/")[1]);
  }
  if (redirect_url && Number(redirect_url.split("/")[1])) {
    let _redirect_url = redirect_url.split("/");
    _redirect_url[1] = funnel_ || 1;
    redirect_url = _redirect_url.join("/");
  }
  return redirect_url;
}

function convertObjToString(obj) {
  return Object.keys(obj)
    .map((key) => {
      const isPhoneField =
        (key.includes("phone") || key.includes("cel")) &&
        !["phoneac", "phonenumber"].includes(key);
      let value = obj[key];

if (!isPhoneField) {
        value = String(value).replace(/\+/g, " ");
      }

return `${encodeURIComponent(key)}=${encodeURIComponent(value)}`;
    })
    .join("&");
}

function parseQuery(link) {
  if (!link) return {};

try {
    const parsed_link = new URL(link);
    const query_object = JSON.parse(
      '{"' +
        parsed_link.search
          .replace(/&/g, '","')
          .replace("?", "")
          .replace(/=/g, '":"') +
        '"}',
      function (key, value) {
        return key === "" ? value : decodeURIComponent(value);
      }
    );

return query_object;
  } catch (e) {
    return {};
  }
}

function makeQuery(link) {
  let obj_redirect = parseQuery(link);

let obj_location = parseQuery(window.location.href);

let final_obj = { ...obj_redirect, ...obj_location };

let final_query = convertObjToString(final_obj);

return final_query;
}

function makeLink(link) {
  let new_url = "";
  link = makeFunnel(link);
  try {
    new_url = new URL(link);
  } catch (e) {
    return (link += "?" + makeQuery(link));
  }

if (!new_url) {
    return (link += "?" + makeQuery(link));
  }

let url_redirect = "";
  if (new_url.protocol) url_redirect += new_url.protocol + "//";
  if (new_url.host) url_redirect += new_url.host;
  if (new_url.pathname) url_redirect += new_url.pathname;
  if (makeQuery(link)) url_redirect += "?" + makeQuery(link);

return url_redirect;
}

const toPattern = function (value, opts) {
  var DIGIT = "9",
    ALPHA = "A",
    ALPHANUM = "S";

// exact match for a non-magic character
      } else if (output[i] === values[index]) {
        index++;
      }
    }
  }
  return output.join("").substr(0, i);
};

const phoneInputs = document.getElementsByName("phone");

for (var i = 0; i < phoneInputs.length; i++) {
  const a = phoneInputs[i];
  const b = (e) => {
    let value = e.target.value;
    if (
      value &&
      value[0] &&
      value[0] === "+" &&
      countryList &&
      countryList[0]
    ) {
      let newValue = "+" + value.replace(/\D/g, "");
      let mk = countryList.find((pn) => newValue.includes("+" + pn.regionCode));
      if (mk && mk.regionCode) {
        onClickCountryCode(
          `+${mk.regionCode}`,
          `${mk.phone_mask}`,
          `${mk.country_code}`
        );
      }
    }
    value = value.replace(window.countryCode, "");
    value = value.replace(/\D/g, "");
    value = toPattern(value, window.mask || "(99) 99999-9999");
    a.value = value;
  };

a.addEventListener("input", b);
  a.addEventListener("change", b);
}

const emailInputs = document.getElementsByName("email");

for (var i = 0; i < emailInputs.length; i++) {
  const inputEmailVerication = emailInputs[i];

const emailInput = (e) => {
    let value = e.target.value;
    if (value) {
      e.target.value = value.toLowerCase();
    }
  };

inputEmailVerication.addEventListener("input", emailInput);
}

const onChangeCountry = () => {
  const countryCodeButtons = document.getElementsByClassName(
    "country_code_button"
  );

for (var i = 0; i < countryCodeButtons.length; i++) {
    const b = countryCodeButtons[i];
    b.textContent = `${window.country || "BR"} ${window.countryCode || "+55"}`;
  }

getRegionCode();
};

onChangeCountry();

window.focusElementById = function (id) {
  let elem = window.document.getElementById(id);
  if (!elem) {
    let position = id.split("_").at(-1);
    elem = getSectionByPosition(position - 1);
  }

elem.scrollIntoView({ behavior: "smooth", block: "start" });
};

function getSectionByPosition(pos) {
  var sections = document.getElementsByTagName("section");

for (let x = 0; x < sections.length; x++) {
    if (x == pos && sections[x]) {
      return sections[x];
    } else continue;
  }
}

const delayElements = [...document.all].filter((e) => {
  return e.dataset.delay > 0;
});
for (let x = 0; x < delayElements.length; x++) {
  const element = delayElements[x];

if (!element.classList.contains("display-none")) {
    element.style.prevDisplay = element.style.display;
    element.style.display = "none";
  }

setTimeout(() => {
    if (element.classList.contains("display-none")) {
      element.classList.remove("display-none");
    } else element.style.display = element.style.prevDisplay;
  }, element.dataset.delay * 1000);
}

const ep_id_inputs = document.getElementsByName("ep_id");
for (var i = 0; i < ep_id_inputs.length; i++) {
  if (window.ep_id) {
    const field = ep_id_inputs[i];
    field.setAttribute("value", window.ep_id);
  }
}

const tags_inputs = document.getElementsByName("tags");
for (var i = 0; i < tags_inputs.length; i++) {
  if (window.tags) {
    const field = tags_inputs[i];
    field.setAttribute("value", window.tags);
  }
}

const url_page_fields = document.getElementsByName("url_page");
for (var i = 0; i < url_page_fields.length; i++) {
  const field = url_page_fields[i];
  field.setAttribute("value", window.location.href);
}

function saveLgpdCookie() {
  document.cookie = "lgpd_accept" + "=" + true + ";path=/";
  document.getElementById("lgpd_consent").style.display = "none";
}

function checkLgpdCookie() {
  const cookieValue = document.cookie.match(
    "(^|;)\\s*" + "lgpd_accept" + "\\s*=\\s*([^;]+)"
  );

if (cookieValue) {
    let lgpd_consent = document.getElementById("lgpd_consent");
    if (lgpd_consent && lgpd_consent.style) lgpd_consent.style.display = "none";
  }
}
checkLgpdCookie();

let events = [];

function fbq_queued(...fb) {
  if (fb && fb[0] && fb[1]) {
    if (events.includes(fb[1])) {
      return;
    }
    if (fbq) fbq(...fb);
    events.push(fb[1]);
  }
}

const textToHash = async (input) => {
  const textAsBuffer = new TextEncoder().encode(input);
  const hashBuffer = await window.crypto.subtle.digest("SHA-256", textAsBuffer);
  const hashArray = Array.from(new Uint8Array(hashBuffer));
  const hash = hashArray
    .map((item) => item.toString(16).padStart(2, "0"))
    .join("");
  return hash;
};

let pageForms = document.getElementsByTagName("form");
if (pageForms && pageForms[0]) {
  for (let x = 0; x < pageForms.length; x++) {
    let form = pageForms[x];
    form.addEventListener("submit", (e) => {
      e.submitter.setAttribute("disabled", true);
      e.submitter.classList.add("button--loading");

setTimeout(() => {
        e.submitter.removeAttribute("disabled");
        e.submitter.classList.remove("button--loading");
      }, 2000);
      if (typeof onSubmit === "function") onSubmit(e);
      if (typeof onSubmitGoogle === "function") onSubmitGoogle(e);
      if (typeof onSubmitTiktok === "function") onSubmitTiktok(e);
    });
  }
}

function getQueryValue(field) {
  const urlParams = new URLSearchParams(window.location.search);
  const myParam = urlParams.get(field);

if (myParam) return myParam;
  else return "";
}
</script></body>
</html>