{"version":3,"file":"exit-modal-O2CHlpyM.js","sources":["../../../app/frontend/components/ExitModal.svelte","../../../app/frontend/js/exit-modal.js"],"sourcesContent":["<script>\n  import { onMount } from \"svelte\"\n\n  let url = \"\"\n  onMount(() => (url = window.location.href))\n\n  let modalOpen = false\n  let exitModalStorage = localStorage.getItem(\"exitModal\")\n\n  let timer = 60\n\n  if (!exitModalStorage) {\n    const intervalID = setInterval(countdown, 1000)\n    function countdown() {\n      if (timer > 0) {\n        timer--\n      } else {\n        clearInterval(intervalID)\n      }\n    }\n  } else {\n    document.body.removeEventListener(\"mouseleave\", openModal)\n  }\n\n  function openModal() {\n    if (!exitModalStorage && timer === 0) {\n      modalOpen = true\n      document.body.removeEventListener(\"mouseleave\", openModal)\n    }\n  }\n\n  function closeModal() {\n    modalOpen = false\n    localStorage.setItem(\"exitModal\", 1)\n  }\n  export let siteKey\n  export let authToken\n  export let honeypot\n\n  function submitModalForm(e) {\n    const form = e.target\n    form.submit()\n    closeModal()\n  }\n</script>\n\n<svelte:body on:mouseleave={openModal} />\n\n<div\n  id=\"exitModal\"\n  class=\"modal-overlay top-0 left-0 w-full h-screen overflow-hidden opacity-0 bg-black bg-opacity-60 transition-opacity ease-linear duration-150 fixed bottom-0 right-0 z-50\"\n  {modalOpen}\n>\n  <div\n    class=\"modal-dialog w-[700px] relative my-12 mx-auto max-w-[calc(100%-20px)] min-h-[200px] bg-white rounded-md shadow-sm\"\n  >\n    <div class=\"heading relative m-0 p-0\">\n      <div class=\"wrapped h-16 relative bg-[url('/images/arrow-banner.webp')]\">\n        <h4\n          class=\"absolute text-white uppercase text-center left-0 right-0 margin-0 text-3xl bottom-3\"\n        >\n          Lock in this special offer now!\n        </h4>\n        <div\n          class=\"modal-close absolute top-0 right-2 text-xl cursor-pointer text-white\"\n          on:click={closeModal}\n          on:keydown={closeModal}\n          role=\"button\"\n          tabindex=\"0\"\n        >\n          <i class=\"fa-solid fa-xmark\" />\n        </div>\n      </div>\n    </div>\n    <div class=\"content flex\">\n      <div\n        class=\"left-area bg-[url('$images/lf-exit-popup-image.webp')] relative w-1/2 pb-7 bg-center bg-cover bg-no-repeat\"\n      >\n        &nbsp;\n      </div>\n      <div class=\"right-area relative bg-emerald-primary w-1/2 pb-2\">\n        <div class=\"wrapped white p-5 bg-white text-white\">\n          <ul class=\"feature-list ml-5\">\n            <li>\n              <i class=\"icon fas fa-calendar-days\" /><span class=\"text\"\n                >Free Month of Service<sup>*</sup></span\n              >\n            </li>\n            <li>\n              <i class=\"icon fas fa-unlock\" /><span class=\"text\"\n                >Free Lock Box<sup>*</sup></span\n              >\n            </li>\n            <li>\n              <i\n                class=\"icon fas fa-truck fa-flip-horizontal\"\n                style=\"padding: 0 0 0 15px;\"\n              /><span class=\"text\">Free Shipping<sup>*</sup></span>\n            </li>\n            <li>\n              <i class=\"icon fas fa-download\" /><span class=\"text\"\n                >Free Activation &amp; Equipment</span\n              >\n            </li>\n            <li>\n              <i class=\"icon fas fa-money-bill-alt\" /><span class=\"text\"\n                >Price Lock Guarantee</span\n              >\n            </li>\n          </ul>\n          <p\n            class=\"text-xl mt-2 mb-0 leading-snug text-center text-sky-primary\"\n          >\n            <strong class=\"uppercase\">Receive Your Special Offer</strong>\n          </p>\n          <p class=\"text-xl leading-snug text-center text-sky-primary m-0\">\n            Call Now <strong class=\"\"\n              ><a\n                href=\"tel:+1-800-331-9198\"\n                class=\"!text-red-secondary hover:!text-red-secondary font-black\"\n                >1-800-331-9198</a\n              ></strong\n            >\n          </p>\n          <p class=\"text-sm text-red-secondary leading-snug text-center\">\n            <em>Special Offer Expires Soon</em>\n          </p>\n        </div>\n        <div class=\"py-2 px-5\">\n          <p class=\"text-white text-xl text-center my-2 leading-snug uppercase\">\n            Or Fill Out This Form\n          </p>\n          <form\n            id=\"exitModalForm\"\n            action=\"/forms/salesforce_api\"\n            method=\"post\"\n            on:submit|preventDefault={submitModalForm}\n          >\n            {@html JSON.parse(honeypot)}\n            <input type=\"hidden\" name=\"authenticity_token\" value={authToken} />\n            <input\n              type=\"hidden\"\n              name=\"redirect\"\n              value=\"https://www.lifefone.com/thankyou.html\"\n            />\n            <input type=\"hidden\" name=\"referral_source\" value={url} />\n            <input type=\"hidden\" name=\"utm_source\" value=\"\" /><input\n              type=\"hidden\"\n              name=\"utm_content\"\n              data-field=\"utm_content\"\n              value=\"\"\n            /><input\n              type=\"hidden\"\n              name=\"utm_campaign\"\n              data-field=\"utm_campaign\"\n              value=\"\"\n            /><input\n              type=\"hidden\"\n              name=\"utm_medium\"\n              data-field=\"utm_medium\"\n              value=\"\"\n            />\n            <input type=\"hidden\" name=\"sub_id\" value=\"\" />\n            <input type=\"hidden\" name=\"http_referral\" value=\"\" />\n            <input type=\"hidden\" name=\"gclid\" value=\"\" />\n            <input type=\"hidden\" name=\"lead_source\" value=\"Email Lead\" />\n            <input type=\"hidden\" name=\"gclid\" value=\"\" />\n            <input\n              name=\"first_name\"\n              type=\"text\"\n              id=\"firstname\"\n              class=\"hidden\"\n            />\n            <div class=\"input-wrapped\">\n              <input\n                type=\"text\"\n                name=\"full_name\"\n                placeholder=\"Full Name\"\n                class=\"validate-street required-entry\"\n                autocomplete=\"name\"\n                required\n              />\n            </div>\n            <div class=\"input-wrapped\">\n              <input\n                type=\"tel\"\n                name=\"phone\"\n                placeholder=\"Enter Phone #\"\n                class=\"validate-phoneLax required-entry\"\n                autocomplete=\"tel-national\"\n                required\n              />\n            </div>\n            <div class=\"input-wrapped\">\n              <input\n                type=\"email\"\n                name=\"email\"\n                placeholder=\"Enter Email\"\n                class=\"validate-email required-entry\"\n                autocomplete=\"email\"\n                required\n              />\n            </div>\n            <div class=\"text-center mt-2\">\n              <button class=\"btn btn-primary\" type=\"submit\"\n                >Get My Offer <i class=\"fa fa-caret-right\" /></button\n              >\n            </div>\n            <div class=\"flex justify-center mt-2\">\n              <div class=\"cf-turnstile\" data-sitekey=\"{siteKey}\" data-action=\"salesforce_api\" data-theme=\"light\" id=\"exitModalTurnstile\" data-appearance=\"interaction-only\"></div>\n            </div>\n            <div class=\"text-center\">\n              <span\n                class=\"no-thanks modal-close cursor-pointer text-white text-xs mt-4 underline inline-block\"\n                on:click={closeModal}\n                on:keydown={closeModal}\n                role=\"button\"\n                tabindex=\"0\">No, Thanks</span\n              >\n            </div>\n          </form>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n","import ExitModal from \"../components/ExitModal.svelte\"\nconst ExitModalTarget = document.getElementById(\"exitModalComponent\")\n\nExitModalTarget &&\n  new ExitModal({\n    target: ExitModalTarget,\n    props: {\n      siteKey: ExitModalTarget.dataset[\"siteKey\"],\n      authToken: ExitModalTarget.dataset[\"authToken\"],\n      honeypot: ExitModalTarget.dataset[\"hp\"],\n    },\n  })\n"],"names":["ctx","insert","target","div16","anchor","append","div15","div2","div1","h4","div0","div14","div3","div13","div4","div12","p3","form","input0","input1","input2","input3","input4","input5","input6","input7","input8","input9","input10","input11","input12","div5","div6","div7","div8","div10","div9","div11","span5","html_tag","raw_value","url","onMount","modalOpen","exitModalStorage","timer","openModal","intervalID","$$invalidate","closeModal","siteKey","$$props","authToken","honeypot","submitModalForm","e","ExitModalTarget","ExitModal"],"mappings":"6QA0ImB,KAAK,MAAMA,EAAQ,CAAA,CAAA,EAAA,gjGAC4BA,EAAS,CAAA,0JAMZA,EAAG,CAAA,o2BAgEXA,EAAO,CAAA,CAAA,q5BAjK9DC,GAiLMC,EAAAC,EAAAC,CAAA,EA5KJC,EA2KMF,EAAAG,CAAA,EAxKJD,EAiBMC,EAAAC,CAAA,EAhBJF,EAeME,EAAAC,CAAA,EAdJH,EAIKG,EAAAC,CAAA,SACLJ,EAQMG,EAAAE,CAAA,SAGVL,EAqJMC,EAAAK,CAAA,EApJJN,EAIMM,EAAAC,CAAA,SACNP,EA8IMM,EAAAE,CAAA,EA7IJR,EA8CMQ,EAAAC,CAAA,SACNT,EA6FMQ,EAAAE,CAAA,EA5FJV,EAEIU,EAAAC,CAAA,SACJX,EAwFOU,EAAAE,CAAA,kBAjFLZ,EAAmEY,EAAAC,CAAA,SACnEb,EAIEY,EAAAE,CAAA,UACFd,EAA0DY,EAAAG,CAAA,UAC1Df,EAAkDY,EAAAI,CAAA,EAAAhB,EAKhDY,EAAAK,CAAA,EAAAjB,EAKAY,EAAAM,CAAA,EAAAlB,EAKAY,EAAAO,CAAA,UACFnB,EAA8CY,EAAAQ,CAAA,UAC9CpB,EAAqDY,EAAAS,CAAA,UACrDrB,EAA6CY,EAAAU,CAAA,UAC7CtB,EAA6DY,EAAAW,CAAA,UAC7DvB,EAA6CY,EAAAY,CAAA,UAC7CxB,EAKEY,EAAAa,CAAA,UACFzB,EASMY,EAAAc,CAAA,UACN1B,EASMY,EAAAe,CAAA,UACN3B,EASMY,EAAAgB,CAAA,UACN5B,EAIMY,EAAAiB,CAAA,UACN7B,EAEMY,EAAAkB,CAAA,EADJ9B,EAAoK8B,EAAAC,CAAA,UAEtK/B,EAQMY,EAAAoB,CAAA,EAPJhC,EAMCgC,EAAAC,CAAA,iCA5KatC,EAAS,CAAA,CAAA,cAmBjBA,EAAU,CAAA,CAAA,gBACRA,EAAU,CAAA,CAAA,cAoJNA,EAAU,CAAA,CAAA,gBACRA,EAAU,CAAA,CAAA,kBA/EAA,EAAe,CAAA,CAAA,CAAA,+BAElC,KAAK,MAAMA,EAAQ,CAAA,CAAA,EAAA,KAAAuC,EAAA,EAAAC,CAAA,gBAC4BxC,EAAS,CAAA,iBAMZA,EAAG,CAAA,2BAgEXA,EAAO,CAAA,CAAA,gGA9MxD,IAAAyC,EAAM,GACVC,WAAeD,EAAM,OAAO,SAAS,IAAI,CAAA,EAErC,IAAAE,EAAY,GACZC,EAAmB,aAAa,QAAQ,WAAW,EAEnDC,EAAQ,MAEPD,EAUH,SAAS,KAAK,oBAAoB,aAAcE,CAAS,MAVtC,CACb,MAAAC,EAAa,sBACD,CACZF,EAAQ,EACVA,IAEA,cAAcE,CAAU,GALc,GAAI,WAYvCD,GAAS,EACXF,GAAoBC,IAAU,IACjCG,EAAA,EAAAL,EAAY,EAAI,EAChB,SAAS,KAAK,oBAAoB,aAAcG,CAAS,YAIpDG,GAAU,CACjBD,EAAA,EAAAL,EAAY,EAAK,EACjB,aAAa,QAAQ,YAAa,CAAC,MAE1B,QAAAO,CAAO,EAAAC,GACP,UAAAC,CAAS,EAAAD,GACT,SAAAE,CAAQ,EAAAF,EAEV,SAAAG,EAAgBC,EAAC,CACXA,EAAE,OACV,OAAM,EACXN,mPCzCJ,MAAMO,EAAkB,SAAS,eAAe,oBAAoB,EAEpEA,GACE,IAAIC,GAAU,CACZ,OAAQD,EACR,MAAO,CACL,QAASA,EAAgB,QAAQ,QACjC,UAAWA,EAAgB,QAAQ,UACnC,SAAUA,EAAgB,QAAQ,EACnC,CACF,CAAA"}