(function(){"use strict";(function(){const s=document.currentScript,p=(s?.src||"").replace(/\/script\.js.*$/,""),t={token:s?.dataset.token||"",name:s?.dataset.name,email:s?.dataset.email,inputName:s?.dataset.inputName==="true",inputEmail:s?.dataset.inputEmail==="true",apiUrl:`${p}/api/feedback`};if(!t.token){console.error("One Dollar Feedback: Missing data-token attribute");return}function u(){const n=s?.dataset.theme;return n==="dark"||n==="light"?n:document.documentElement.classList.contains("dark")?"dark":"light"}const h=`
        :host {
            --odf-bg: #ffffff;
            --odf-fg: #09090b;
            --odf-muted: #71717a;
            --odf-border: #e4e4e7;
            --odf-primary: #18181b;
            --odf-primary-fg: #fafafa;
            --odf-secondary: #f4f4f5;
            --odf-secondary-fg: #18181b;
            --odf-ring: #a1a1aa;
            --odf-radius: 12px;
        }

        :host(.dark) {
            --odf-bg: #18181b;
            --odf-fg: #fafafa;
            --odf-muted: #a1a1aa;
            --odf-border: #27272a;
            --odf-primary: #fafafa;
            --odf-primary-fg: #18181b;
            --odf-secondary: #27272a;
            --odf-secondary-fg: #fafafa;
            --odf-ring: #52525b;
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        .odf-trigger {
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 56px;
            height: 56px;
            border-radius: 50%;
            background: var(--odf-primary);
            color: var(--odf-primary-fg);
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            transition: transform 0.2s, box-shadow 0.2s;
            z-index: 9999;
        }

        .odf-trigger:hover {
            transform: scale(1.05);
            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
        }

        .odf-trigger svg {
            width: 24px;
            height: 24px;
        }

        .odf-panel {
            position: fixed;
            bottom: 90px;
            right: 20px;
            width: 360px;
            max-width: calc(100vw - 40px);
            background: var(--odf-bg);
            border-radius: var(--odf-radius);
            border: 1px solid var(--odf-border);
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
            overflow: hidden;
            opacity: 0;
            transform: translateY(10px) scale(0.95);
            pointer-events: none;
            transition: opacity 0.2s, transform 0.2s;
            z-index: 9998;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
        }

        .odf-panel.open {
            opacity: 1;
            transform: translateY(0) scale(1);
            pointer-events: auto;
        }

        .odf-header {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 16px 20px;
            background: var(--odf-primary);
            border-bottom: 1px solid var(--odf-border);
        }

        .odf-header-icon {
            width: 40px;
            height: 40px;
            border-radius: 12px;
            background: rgba(255, 255, 255, 0.2);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .odf-header-icon svg {
            width: 20px;
            height: 20px;
            color: var(--odf-primary-fg);
        }

        .odf-header-text h3 {
            font-size: 16px;
            font-weight: 600;
            color: var(--odf-primary-fg);
            margin: 0;
        }

        .odf-header-text p {
            font-size: 14px;
            color: var(--odf-primary-fg);
            opacity: 0.8;
            margin: 0;
        }

        .odf-body {
            padding: 20px;
        }

        .odf-label {
            display: block;
            font-size: 14px;
            font-weight: 500;
            color: var(--odf-fg);
            margin-bottom: 8px;
        }

        .odf-types {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 8px;
            margin-bottom: 16px;
        }

        .odf-type {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 4px;
            padding: 12px 16px;
            border: 2px solid var(--odf-border);
            border-radius: var(--odf-radius);
            background: transparent;
            cursor: pointer;
            transition: all 0.15s;
            font-family: inherit;
        }

        .odf-type:hover {
            border-color: var(--odf-ring);
            background: var(--odf-secondary);
        }

        .odf-type.active {
            border-color: var(--odf-primary);
            background: color-mix(in srgb, var(--odf-primary) 5%, transparent);
        }

        .odf-type-emoji {
            font-size: 20px;
        }

        .odf-type-label {
            font-size: 14px;
            font-weight: 500;
            color: var(--odf-muted);
        }

        .odf-type.active .odf-type-label {
            color: var(--odf-fg);
        }

        .odf-textarea {
            width: 100%;
            min-height: 100px;
            padding: 12px 16px;
            border: 1px solid var(--odf-border);
            border-radius: var(--odf-radius);
            background: var(--odf-bg);
            color: var(--odf-fg);
            font-size: 14px;
            font-family: inherit;
            resize: none;
            transition: border-color 0.15s, box-shadow 0.15s;
        }

        .odf-textarea:focus {
            outline: none;
            border-color: var(--odf-ring);
            box-shadow: 0 0 0 3px color-mix(in srgb, var(--odf-ring) 20%, transparent);
        }

        .odf-textarea::placeholder {
            color: var(--odf-muted);
        }

        .odf-input-group {
            margin-bottom: 16px;
        }

        .odf-input {
            width: 100%;
            padding: 12px 16px;
            border: 1px solid var(--odf-border);
            border-radius: var(--odf-radius);
            background: var(--odf-bg);
            color: var(--odf-fg);
            font-size: 14px;
            font-family: inherit;
            transition: border-color 0.15s, box-shadow 0.15s;
        }

        .odf-input:focus {
            outline: none;
            border-color: var(--odf-ring);
            box-shadow: 0 0 0 3px color-mix(in srgb, var(--odf-ring) 20%, transparent);
        }

        .odf-input::placeholder {
            color: var(--odf-muted);
        }

        .odf-input:disabled {
            opacity: 0.6;
            cursor: not-allowed;
            background: var(--odf-secondary);
        }

        .odf-submit {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            margin-top: 16px;
            padding: 12px 24px;
            background: var(--odf-primary);
            color: var(--odf-primary-fg);
            border: none;
            border-radius: var(--odf-radius);
            font-size: 14px;
            font-weight: 500;
            font-family: inherit;
            cursor: pointer;
            transition: opacity 0.15s;
        }

        .odf-submit:disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }

        .odf-submit:not(:disabled):hover {
            opacity: 0.9;
        }

        .odf-submit svg {
            width: 16px;
            height: 16px;
        }

        .odf-footer {
            margin-top: 16px;
            text-align: center;
            font-size: 12px;
            color: var(--odf-muted);
        }

        .odf-footer a {
            color: var(--odf-fg);
            font-weight: 500;
            text-decoration: none;
        }

        .odf-success {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 48px 20px;
            text-align: center;
        }

        .odf-success-icon {
            width: 64px;
            height: 64px;
            border-radius: 50%;
            background: var(--odf-secondary);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 16px;
        }

        .odf-success-icon svg {
            width: 32px;
            height: 32px;
            color: var(--odf-secondary-fg);
        }

        .odf-success h4 {
            font-size: 18px;
            font-weight: 600;
            color: var(--odf-fg);
            margin: 0 0 4px;
        }

        .odf-success p {
            font-size: 14px;
            color: var(--odf-muted);
            margin: 0;
        }
    `,c='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>',l='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m22 2-7 20-4-9-9-4Z"/><path d="M22 2 11 13"/></svg>',m='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>',b='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>';class f{container;shadow;isOpen=!1;feedbackType="idea";submitted=!1;submitting=!1;constructor(){this.container=document.createElement("div"),this.container.id="odf-feedback-widget",this.shadow=this.container.attachShadow({mode:"open"});const r=document.createElement("style");r.textContent=h,this.shadow.appendChild(r),this.applyTheme(),this.setupThemeObservers(),this.render(),document.body.appendChild(this.container)}applyTheme(){u()==="dark"?this.container.classList.add("dark"):this.container.classList.remove("dark")}setupThemeObservers(){new MutationObserver(()=>this.applyTheme()).observe(document.documentElement,{attributes:!0,attributeFilter:["class"]}),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",()=>this.applyTheme())}render(){const r=this.shadow.querySelector(".odf-widget");r&&r.remove();const a=document.createElement("div");a.className="odf-widget",a.innerHTML=`
                <button class="odf-trigger" part="trigger" aria-label="Send feedback">
                    ${this.isOpen?b:c}
                </button>
                <div class="odf-panel ${this.isOpen?"open":""}" part="panel">
                    <div class="odf-header" part="header">
                        <div class="odf-header-icon">${c}</div>
                        <div class="odf-header-text">
                            <h3>Send Feedback</h3>
                            <p>We'd love to hear from you</p>
                        </div>
                    </div>
                    ${this.submitted?this.renderSuccess():this.renderForm()}
                </div>
            `,this.shadow.appendChild(a),this.attachEventListeners()}renderForm(){const r=[{id:"idea",emoji:"💡",label:"Idea"},{id:"bug",emoji:"🐛",label:"Bug"},{id:"review",emoji:"⭐",label:"Review"},{id:"other",emoji:"💬",label:"Other"}];let a="";if(t.inputName){const e=t.name||"",i=t.name?"disabled":"";a+=`
                    <div class="odf-input-group">
                        <label class="odf-label">Your name (optional)</label>
                        <input type="text" class="odf-input odf-name-input" placeholder="Enter your name" value="${e}" ${i} maxlength="255">
                    </div>
                `}if(t.inputEmail){const e=t.email||"",i=t.email?"disabled":"";a+=`
                    <div class="odf-input-group">
                        <label class="odf-label">Your email (optional)</label>
                        <input type="email" class="odf-input odf-email-input" placeholder="Enter your email" value="${e}" ${i} maxlength="255">
                    </div>
                `}return`
                <div class="odf-body" part="body">
                    <label class="odf-label">What type of feedback?</label>
                    <div class="odf-types" part="types">
                        ${r.map(e=>`
                            <button class="odf-type ${this.feedbackType===e.id?"active":""}" part="type-button" data-type="${e.id}">
                                <span class="odf-type-emoji">${e.emoji}</span>
                                <span class="odf-type-label">${e.label}</span>
                            </button>
                        `).join("")}
                    </div>
                    ${a}
                    <label class="odf-label">Your message</label>
                    <textarea class="odf-textarea" part="textarea" placeholder="Tell us what's on your mind..." rows="4"></textarea>
                    <button class="odf-submit" part="submit" disabled>
                        ${l}
                        Send Feedback
                    </button>
                    <div class="odf-footer" part="footer">
                        Powered by <a href="proxy.php?url=https://onedollarfeedback.com" target="_blank" rel="noopener">One Dollar Feedback</a>
                    </div>
                </div>
            `}renderSuccess(){return`
                <div class="odf-success" part="success">
                    <div class="odf-success-icon">${m}</div>
                    <h4>Thanks for your feedback!</h4>
                    <p>We'll review it shortly.</p>
                </div>
            `}attachEventListeners(){this.shadow.querySelector(".odf-trigger")?.addEventListener("click",()=>this.toggle()),this.shadow.querySelectorAll(".odf-type").forEach(o=>{o.addEventListener("click",()=>{const d=o.dataset.type;this.feedbackType=d,this.render()})});const e=this.shadow.querySelector(".odf-textarea"),i=this.shadow.querySelector(".odf-submit");e?.addEventListener("input",()=>{i&&(i.disabled=!e.value.trim())}),i?.addEventListener("click",()=>this.submit())}toggle(){this.isOpen=!this.isOpen,this.isOpen||(this.submitted=!1),this.render()}async submit(){if(this.submitting)return;const a=this.shadow.querySelector(".odf-textarea")?.value.trim();if(!a)return;let e=t.name||null;t.inputName&&(e=this.shadow.querySelector(".odf-name-input")?.value.trim()||null);let i=t.email||null;t.inputEmail&&(i=this.shadow.querySelector(".odf-email-input")?.value.trim()||null),this.submitting=!0;const o=this.shadow.querySelector(".odf-submit");o&&(o.disabled=!0,o.textContent="Sending...");try{const d=await fetch(t.apiUrl,{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({token:t.token,type:this.feedbackType,message:a,name:e,email:i})});if(d.ok)this.submitted=!0,this.feedbackType="idea",this.render(),setTimeout(()=>{this.isOpen=!1,this.submitted=!1,this.render()},2e3);else{const g=await d.json();console.error("One Dollar Feedback:",g.message||"Failed to submit feedback"),o&&(o.disabled=!1,o.innerHTML=`${l} Send Feedback`)}}catch(d){console.error("One Dollar Feedback: Network error",d),o&&(o.disabled=!1,o.innerHTML=`${l} Send Feedback`)}finally{this.submitting=!1}}}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>new f):new f})()})();