const getStyle=n=>"padding: 10px !important; height: 55px; text-align: center; "+(n?"background: #2075ff !important;":"background: rgb(220,137,232) !important; background: linear-gradient(141deg, rgba(220,137,232,1) 0%, rgba(144,64,204,1) 100%) !important;"),getAd=n=>{const t=n?"ad-gpt.png":"ad.png",i=window.location.hostname;return`<a href="${n?`https://tiiny.host/?gpt-domain=${i}&utm_source=gpt`:"https://tiiny.host?ref=free-site"}">\n    <div style="${getStyle(n)}">\n      <img style="height: 35px !important; width: auto !important;" src="https://tiiny.host/assets/img/${t}" alt="tiiny.host">\n    </div>\n  </a>`},getSidebarHTML=()=>`\n    <div class="sidebar">\n    <div class="sidebar-content">\n      <div class="psa">\n        <div class="psa-heading"> <img src="https://tiiny.host/assets/icons/exclamation-circle.svg" alt="Exclamation" style="height: 15px; margin-right: 5px; vertical-align: middle;"><span>Only visible to you</span></div>\n        <p style="font-size: 14px; margin-top: 5px">Your website visitors will not see this section.</p>\n      </div>\n      <div class="unlock-potential">\n        <div><span class="key-icon"><img height="20" src="https://tiiny.host/assets/icons/onsite-unlock.png" /></span> <h3>Unlock potential</h3></div>\n        <p>Do more with your project</p>\n      </div>\n\n      <div class="features">\n        <div class="paid-feature" onclick="window.open('https://tiiny.host/manage/custom-domain/add?ref=suggests', '_blank')">\n          <div class="paid-subheading">\n            <div class="feature-icon"><img src="https://tiiny.host/assets/icons/onsite-custom-domain.svg" /></div>\n            <h3>Custom domains</h3>\n          </div>\n          <div class="text">\n            <p>Connect or buy a custom domain to make your link look more professional</p>\n          </div>\n        </div>\n        <div class="paid-feature" onclick="window.open('https://tiiny.host/manage/share/qr?ref=suggests', '_blank')">\n          <div class="paid-subheading">\n            <div class="feature-icon"><img src="https://tiiny.host/assets/icons/onsite-qr-code.svg" /></div>\n            <h3>Shareable QR Code</h3>\n          </div>\n          <div class="text">\n            <p>Generate a QR code to bring more visitors to your link</p>\n          </div>\n        </div>\n        <div class="paid-feature" onclick="window.open('https://tiiny.host/manage/feedback', '_blank')">\n          <div class="paid-subheading">\n            <div class="feature-icon"><img src="https://tiiny.host/assets/icons/onsite-feedback.svg" /></div>\n            <h3>Enable Comments</h3>\n          </div>\n          <div class="text">\n            <p>Allow visitors to leave comments on your project.</p>\n          </div>\n        </div>\n        <div class="paid-feature" onclick="window.open('https://tiiny.host/manage/analytics?site=${window.location.host}&ref=suggests', '_blank')">\n          <div class="paid-subheading">\n            <div class="feature-icon"><img src="https://tiiny.host/assets/icons/onsite-analytics.svg" /></div>\n            <h3>Insights&nbsp;&&nbsp;Analytics</h3>\n          </div>\n          <div class="text">\n            <p>See who & how many people visit your link</p>\n          </div>\n        </div>\n      </div>\n      </div>\n      <div class="compare-plans">\n        <button class="btn-basic" id="pricing-btn">Compare plans →</button>\n        <button class="btn-transparent" id="dismiss-btn">Dismiss</button>\n      </div>\n    </div>\n  `;function dismissSidebar(){const n=document.querySelector(".sidebar-container");n&&(n.style.display="none",document.body.style.marginLeft="0",document.body.style.cssText="margin-right: 0 !important")}function gotoPricing(){window.open("https://tiiny.host/pricing","_blank")}window.onload=function(){const n=window.location.origin,t=new URLSearchParams(window.location.search),i="true"===t.get("gpt"),e="suggestions"===t.get("mode");if(i){t.delete("gpt");const n=window.location.pathname+(t.toString()?"?"+t.toString():"")+window.location.hash;window.history.replaceState({},"",n)}if(e){document.body.innerHTML="";const i=document.createElement("iframe");i.src=n,i.style.cssText="\n      width: 100%;\n      height: 100vh;\n      border: none;\n      margin: 0;\n      padding: 0;\n      display: block;\n      overflow: hidden;\n    ",document.body.appendChild(i),t.delete("mode");const e=window.location.pathname+(t.toString()?"?"+t.toString():"")+window.location.hash;window.history.replaceState({},"",e);const o=document.createElement("div");o.innerHTML=getSidebarHTML(),o.className="sidebar-container",document.body.appendChild(o),document.body.style.cssText="margin-right: 320px";const s=document.getElementById("pricing-btn"),a=document.getElementById("dismiss-btn");s&&s.addEventListener("click",gotoPricing),a&&a.addEventListener("click",dismissSidebar);const r=document.createElement("style");r.innerHTML="\n\n    #root {\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      height: 100%;\n    }\n    .App{\n      flex: 1;\n      overflow: auto;\n    }\n\n    @media (max-width: 768px) {\n    .sidebar-container {\n      display: none !important;\n      }\n    body {\n      margin-right: 0 !important;\n      }\n    }\n\n    .sidebar-container {\n      font-family: sans-serif !important;\n      position: fixed;\n      top: 0;\n      right: 0;\n      width: 320px;\n      height: 100vh;\n      z-index: 9999;\n      box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);\n      overflow-y: auto;     \n      background : #111827;\n    }\n\n    .sidebar {\n      height: 100%;\n      padding: 24px;\n      overflow-y: auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n    }\n\n    .sidebar-content {\n      display: flex;\n      flex-direction: column;\n    }\n\n    .psa {\n      background: #191300;\n      border: 1px solid #664D02;\n      border-radius: 10px;\n      padding: 15px;\n      margin-bottom: 40px;\n    }\n\n    .psa .psa-heading {\n        display: flex;\n        align-items: center;\n        font-size: 14px;\n        font-weight: 500;\n        color:#FFE69B;\n    }\n\n    .psa p {\n      margin: 0;\n      color: #6c6c6c;\n      font-size: 16px;\n      color: #FFD96A;\n    }\n\n    .psa span {\n      display: block;\n      font-weight: bold;\n      font-size: 14px;\n    }\n\n    .unlock-potential {\n      margin-bottom: 20px;\n      text-align: left;\n    }\n\n    .unlock-potential div {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .unlock-potential .key-icon {\n      font-size: 30px;\n    }\n\n    .unlock-potential h2 {\n      margin: 0;\n      font-size: 24px;\n      color: #333;\n    }\n\n    .unlock-potential p {\n      margin: 5px 0 0;\n      font-size: 14px;\n      color: #E5E7EB;\n    }\n\n    .unlock-potential h3 {\n      font-weight: bold;\n      color: #F3F4F6;\n      text-align: center;\n      font-size: 20px;\n      margin: 0 0 0 5px;\n    }\n      \n    .container-features {\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n\n      }\n\n    .features .paid-feature {\n      display: flex;\n      border: 1px solid #374151;\n      border-radius: 8px;\n      padding: 12px;\n      margin-bottom: 10px;\n      flex-direction: column;\n      cursor: pointer;\n      background: #1F2937;\n    }\n\n    .features .paid-feature:hover {\n    background: #111827;\n  }\n\n    .features .paid-feature .paid-subheading {\n      display: flex;\n      margin-bottom: 8px;\n      align-items: center;\n    }\n\n    .features .paid-feature .feature-icon {\n      color: #2075ff;\n      background:#021632;\n      margin-right: 5px;\n      padding: 5px;\n      border-radius: 50%;\n      height: 12px;\n      width : 12px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .feature-icon img{\n      width: 12px;\n      height: 12px;\n      margin: auto;\n    }\n\n    .features .paid-feature .paid-subheading h3 {\n      margin: 0;\n      font-size: 16px;\n      color: #D1D5DB;\n    }\n\n    .features .paid-feature .text p {\n      margin: 0;\n      font-size: 13px;\n      color: #D1D5DB;\n    }\n\n    .compare-plans {\n      margin-bottom: 44px;\n      text-align: center;\n      display: flex;\n      justify-content: end;\n      flex-direction: column;\n      gap: 4px;\n    }\n\n    .compare-plans .btn-basic {\n      background: #2075ff;\n      color: white;\n      font-size: 14px;\n      border: none;\n      border-radius: 5px;\n      padding: 10px 15px;\n      cursor: pointer;\n      transition: background 0.3s;\n    }\n\n    .compare-plans .btn-transparent {\n      background: transparent;\n      color: #D1D5DB;\n      font-size: 14px;\n      border: 1px solid #374151;\n      border-radius: 5px;\n      padding: 10px 15px;\n      cursor: pointer;\n      transition: background 0.3s;\n    }\n    .compare-plans button:hover {\n      background: #0056d2;\n    }\n\n    .compare-plans .btn-transparent:hover {\n      color: white;\n    }\n  ",document.head.appendChild(r)}const o=document.createElement("div");o.innerHTML=getAd(i),o.style.cssText="position: fixed !important; bottom:0% !important; left:0% !important; right:0% !important; width:100% !important; height:55px !important; z-index:9999 !important",document.body.insertBefore(o,document.body.firstChild),document.body.style.marginBottom="55px !important";const s=document.createElement("div");s.style.cssText="height: 55px !important;",document.body.appendChild(s);const a=document.getElementById("viewerContainer");a&&(a.style.cssText="bottom: 55px !important")};
!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="c3267220-f13d-5e31-86af-b018d60cad66")}catch(e){}}();
//# debugId=c3267220-f13d-5e31-86af-b018d60cad66