react-visual-feedback 1.3.5 → 1.3.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.esm.css +1 -1
  3. package/dist/index.esm.js +1 -1
  4. package/dist/index.esm.js.map +1 -1
  5. package/dist/index.js +2 -2
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- .feedback-light{--feedback-overlay-bg:rgba(0,0,0,.03);--feedback-backdrop-bg:rgba(0,0,0,.6);--feedback-modal-bg:#fff;--feedback-modal-border:#e5e7eb;--feedback-text-primary:#111827;--feedback-text-secondary:#6b7280;--feedback-text-tertiary:#9ca3af;--feedback-border:#d1d5db;--feedback-border-focus:#3b82f6;--feedback-input-bg:#fff;--feedback-input-disabled-bg:#f9fafb;--feedback-btn-cancel-bg:#f3f4f6;--feedback-btn-cancel-hover:#e5e7eb;--feedback-btn-cancel-text:#374151;--feedback-btn-primary-bg:#3b82f6;--feedback-btn-primary-hover:#2563eb;--feedback-btn-primary-text:#fff;--feedback-btn-disabled-bg:#9ca3af;--feedback-highlight-border:#3b82f6;--feedback-highlight-bg:rgba(59,130,246,.1);--feedback-highlight-shadow:rgba(59,130,246,.25);--feedback-tooltip-bg:#1f2937;--feedback-tooltip-text:#fff;--feedback-error-bg:#fef2f2;--feedback-error-border:#fca5a5;--feedback-error-text:#dc2626;--feedback-screenshot-border:#e5e7eb;--feedback-screenshot-bg:#f9fafb;--feedback-shadow:rgba(0,0,0,.1);--feedback-close-hover-bg:#f3f4f6}.feedback-dark{--feedback-overlay-bg:rgba(0,0,0,.2);--feedback-backdrop-bg:rgba(0,0,0,.8);--feedback-modal-bg:#1f2937;--feedback-modal-border:#374151;--feedback-text-primary:#f9fafb;--feedback-text-secondary:#d1d5db;--feedback-text-tertiary:#9ca3af;--feedback-border:#4b5563;--feedback-border-focus:#60a5fa;--feedback-input-bg:#111827;--feedback-input-disabled-bg:#374151;--feedback-btn-cancel-bg:#374151;--feedback-btn-cancel-hover:#4b5563;--feedback-btn-cancel-text:#d1d5db;--feedback-btn-primary-bg:#3b82f6;--feedback-btn-primary-hover:#2563eb;--feedback-btn-primary-text:#fff;--feedback-btn-disabled-bg:#4b5563;--feedback-highlight-border:#60a5fa;--feedback-highlight-bg:rgba(96,165,250,.15);--feedback-highlight-shadow:rgba(96,165,250,.3);--feedback-tooltip-bg:#374151;--feedback-tooltip-text:#f9fafb;--feedback-error-bg:#7f1d1d;--feedback-error-border:#dc2626;--feedback-error-text:#fca5a5;--feedback-screenshot-border:#374151;--feedback-screenshot-bg:#111827;--feedback-shadow:rgba(0,0,0,.4);--feedback-close-hover-bg:#374151}body.feedback-mode-active{cursor:crosshair!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}body.feedback-mode-active>:not(.feedback-overlay):not(.feedback-highlight):not(.feedback-tooltip):not(.feedback-modal):not(.feedback-backdrop){pointer-events:none!important}.feedback-overlay{background:var(--feedback-overlay-bg);bottom:0;cursor:crosshair;left:0;pointer-events:auto;position:fixed;right:0;top:0;transition:background .2s ease;z-index:999998}.feedback-overlay:before{animation:slideDownBounce .5s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 10px 25px -5px rgba(0,0,0,.3),0 10px 10px -5px rgba(0,0,0,.2);color:#fff;content:"👆 Click on any element to report feedback • Press ESC to cancel";font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:600;left:50%;padding:12px 24px;pointer-events:none;position:fixed;top:20px;transform:translateX(-50%);white-space:nowrap;z-index:999999}@media (max-width:640px){.feedback-overlay:before{content:"👆 Tap element • ESC to cancel";font-size:12px;max-width:90%;padding:10px 18px;text-align:center;top:10px;white-space:normal}}.feedback-highlight{background:var(--feedback-highlight-bg);border:2px solid var(--feedback-highlight-border);border-radius:4px;box-shadow:0 0 0 4px var(--feedback-highlight-shadow),0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);pointer-events:none;position:absolute;transition:all .15s cubic-bezier(.4,0,.2,1);z-index:999999}.feedback-tooltip{backdrop-filter:blur(10px);background:var(--feedback-tooltip-bg);border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2);color:var(--feedback-tooltip-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:13px;font-weight:500;padding:8px 14px;pointer-events:none;position:fixed;transition:all .15s ease;white-space:nowrap;z-index:1000000}.feedback-backdrop{animation:fadeIn .2s ease;backdrop-filter:blur(4px);background:var(--feedback-backdrop-bg);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000001}.feedback-modal{animation:slideUp .3s cubic-bezier(.16,1,.3,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;left:50%;max-height:85vh;max-width:1000px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000002}.feedback-modal-content{background:var(--feedback-modal-bg);border-radius:16px;box-shadow:0 20px 25px -5px var(--feedback-shadow),0 10px 10px -5px var(--feedback-shadow),0 0 0 1px var(--feedback-modal-border);display:flex;flex-direction:column;max-height:85vh;overflow:hidden;padding:28px}.feedback-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.feedback-title-wrapper{flex:1}.feedback-title{color:var(--feedback-text-primary);font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0 0 4px}.feedback-subtitle{font-size:14px;font-weight:400;margin:0}.feedback-close,.feedback-subtitle{color:var(--feedback-text-secondary)}.feedback-close{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:all .2s}.feedback-close:hover{background:var(--feedback-close-hover-bg);color:var(--feedback-text-primary);transform:scale(1.05)}.feedback-close:active{transform:scale(.95)}.feedback-body{display:flex;flex:1;gap:24px;min-height:0;overflow:auto}.feedback-screenshot-container{display:flex;flex:1;flex-direction:column;gap:12px;min-width:0}.feedback-screenshot-label{color:var(--feedback-text-secondary);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.feedback-screenshot{align-items:center;background:var(--feedback-screenshot-bg);border:2px solid var(--feedback-screenshot-border);border-radius:12px;box-sizing:border-box;display:flex;justify-content:center;max-height:500px;overflow:auto;padding:16px;width:100%}.feedback-screenshot-img{border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);display:block;height:auto;width:100%}.feedback-form-container{gap:16px;min-width:320px}.feedback-form,.feedback-form-container{display:flex;flex:1;flex-direction:column}.feedback-form{gap:10px;min-height:0}.feedback-label{color:var(--feedback-text-primary);display:block;font-size:14px;font-weight:600;margin:0}.feedback-required{color:#ef4444;margin-left:4px}.feedback-textarea{background:var(--feedback-input-bg);border:2px solid var(--feedback-border);border-radius:10px;box-sizing:border-box;color:var(--feedback-text-primary);flex:1;font-family:inherit;font-size:14px;line-height:1.6;min-height:180px;padding:14px;resize:vertical;transition:all .2s ease;width:100%}.feedback-textarea::placeholder{color:var(--feedback-text-tertiary)}.feedback-textarea:focus{border-color:var(--feedback-border-focus);box-shadow:0 0 0 4px var(--feedback-highlight-bg);outline:none;transform:scale(1.005)}.feedback-textarea:disabled{background:var(--feedback-input-disabled-bg);color:var(--feedback-text-secondary);cursor:not-allowed;opacity:.7}.feedback-error{align-items:center;animation:slideDown .3s ease;background:var(--feedback-error-bg);border:1px solid var(--feedback-error-border);border-radius:8px;color:var(--feedback-error-text);display:flex;font-size:13px;font-weight:500;gap:8px;padding:12px 14px}.feedback-error svg{flex-shrink:0}.feedback-actions{display:flex;flex-shrink:0;gap:12px;justify-content:flex-end}.feedback-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.feedback-cancel{background:var(--feedback-btn-cancel-bg);border:1px solid var(--feedback-border);color:var(--feedback-btn-cancel-text)}.feedback-cancel:hover:not(:disabled){background:var(--feedback-btn-cancel-hover);box-shadow:0 4px 6px -1px var(--feedback-shadow);transform:translateY(-1px)}.feedback-cancel:active:not(:disabled){transform:translateY(0)}.feedback-submit{background:var(--feedback-btn-primary-bg);color:var(--feedback-btn-primary-text)}.feedback-submit:hover:not(:disabled){background:var(--feedback-btn-primary-hover);box-shadow:0 10px 15px -3px rgba(59,130,246,.3),0 4px 6px -2px rgba(59,130,246,.2);transform:translateY(-2px)}.feedback-submit:active:not(:disabled){transform:translateY(0)}.feedback-submit:disabled{background:var(--feedback-btn-disabled-bg);cursor:not-allowed;opacity:.6;transform:none}.feedback-loading{animation:spin 1s linear infinite}@media (max-width:768px){.feedback-modal{max-width:95%;width:95%}.feedback-modal-content{padding:20px}.feedback-body{flex-direction:column}.feedback-screenshot-container{flex:none;max-height:250px}.feedback-screenshot{max-height:250px;padding:12px}.feedback-form-container{min-width:0}.feedback-title{font-size:18px}.feedback-subtitle{font-size:13px}.feedback-actions{flex-direction:column-reverse}.feedback-btn{min-width:0;width:100%}}@media (max-width:480px){.feedback-modal-content{padding:16px}.feedback-header{margin-bottom:16px}.feedback-body{gap:16px}.feedback-textarea{min-height:150px}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-45%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownBounce{0%{opacity:0;transform:translate(-50%,-100%)}60%{opacity:1;transform:translate(-50%,5px)}80%{transform:translate(-50%,-2px)}to{transform:translate(-50%)}}.feedback-btn:focus-visible,.feedback-close:focus-visible,.feedback-textarea:focus-visible{outline:3px solid var(--feedback-border-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.feedback-backdrop,.feedback-highlight,.feedback-modal,.feedback-overlay,.feedback-tooltip{display:none!important}}
1
+ .feedback-light{--feedback-overlay-bg:rgba(0,0,0,.03);--feedback-backdrop-bg:rgba(0,0,0,.6);--feedback-modal-bg:#fff;--feedback-modal-border:#e5e7eb;--feedback-text-primary:#111827;--feedback-text-secondary:#6b7280;--feedback-text-tertiary:#9ca3af;--feedback-border:#d1d5db;--feedback-border-focus:#3b82f6;--feedback-input-bg:#fff;--feedback-input-disabled-bg:#f9fafb;--feedback-btn-cancel-bg:#f3f4f6;--feedback-btn-cancel-hover:#e5e7eb;--feedback-btn-cancel-text:#374151;--feedback-btn-primary-bg:#3b82f6;--feedback-btn-primary-hover:#2563eb;--feedback-btn-primary-text:#fff;--feedback-btn-disabled-bg:#9ca3af;--feedback-highlight-border:#3b82f6;--feedback-highlight-bg:rgba(59,130,246,.1);--feedback-highlight-shadow:rgba(59,130,246,.25);--feedback-tooltip-bg:#1f2937;--feedback-tooltip-text:#fff;--feedback-error-bg:#fef2f2;--feedback-error-border:#fca5a5;--feedback-error-text:#dc2626;--feedback-screenshot-border:#e5e7eb;--feedback-screenshot-bg:#f9fafb;--feedback-shadow:rgba(0,0,0,.1);--feedback-close-hover-bg:#f3f4f6}.feedback-dark{--feedback-overlay-bg:rgba(0,0,0,.2);--feedback-backdrop-bg:rgba(0,0,0,.8);--feedback-modal-bg:#1f2937;--feedback-modal-border:#374151;--feedback-text-primary:#f9fafb;--feedback-text-secondary:#d1d5db;--feedback-text-tertiary:#9ca3af;--feedback-border:#4b5563;--feedback-border-focus:#60a5fa;--feedback-input-bg:#111827;--feedback-input-disabled-bg:#374151;--feedback-btn-cancel-bg:#374151;--feedback-btn-cancel-hover:#4b5563;--feedback-btn-cancel-text:#d1d5db;--feedback-btn-primary-bg:#3b82f6;--feedback-btn-primary-hover:#2563eb;--feedback-btn-primary-text:#fff;--feedback-btn-disabled-bg:#4b5563;--feedback-highlight-border:#60a5fa;--feedback-highlight-bg:rgba(96,165,250,.15);--feedback-highlight-shadow:rgba(96,165,250,.3);--feedback-tooltip-bg:#374151;--feedback-tooltip-text:#f9fafb;--feedback-error-bg:#7f1d1d;--feedback-error-border:#dc2626;--feedback-error-text:#fca5a5;--feedback-screenshot-border:#374151;--feedback-screenshot-bg:#111827;--feedback-shadow:rgba(0,0,0,.4);--feedback-close-hover-bg:#374151}body.feedback-mode-active{cursor:crosshair!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.feedback-overlay{background:var(--feedback-overlay-bg);bottom:0;cursor:crosshair;left:0;pointer-events:none;position:fixed;right:0;top:0;transition:background .2s ease;z-index:999998}.feedback-highlight{background:var(--feedback-highlight-bg);border:2px solid var(--feedback-highlight-border);border-radius:4px;box-shadow:0 0 0 4px var(--feedback-highlight-shadow),0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);pointer-events:none;position:absolute;transition:all .15s cubic-bezier(.4,0,.2,1);z-index:999999}.feedback-tooltip{backdrop-filter:blur(10px);background:var(--feedback-tooltip-bg);border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2);color:var(--feedback-tooltip-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:13px;font-weight:500;padding:8px 14px;pointer-events:none;position:fixed;transition:all .15s ease;white-space:nowrap;z-index:1000000}.feedback-backdrop{animation:fadeIn .2s ease;backdrop-filter:blur(4px);background:var(--feedback-backdrop-bg);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000001}.feedback-modal{animation:slideUp .3s cubic-bezier(.16,1,.3,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;left:50%;max-height:85vh;max-width:1000px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000002}.feedback-modal-content{background:var(--feedback-modal-bg);border-radius:16px;box-shadow:0 20px 25px -5px var(--feedback-shadow),0 10px 10px -5px var(--feedback-shadow),0 0 0 1px var(--feedback-modal-border);display:flex;flex-direction:column;max-height:85vh;overflow:hidden;padding:28px}.feedback-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.feedback-title-wrapper{flex:1}.feedback-title{color:var(--feedback-text-primary);font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0 0 4px}.feedback-subtitle{font-size:14px;font-weight:400;margin:0}.feedback-close,.feedback-subtitle{color:var(--feedback-text-secondary)}.feedback-close{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:all .2s}.feedback-close:hover{background:var(--feedback-close-hover-bg);color:var(--feedback-text-primary);transform:scale(1.05)}.feedback-close:active{transform:scale(.95)}.feedback-body{display:flex;flex:1;gap:24px;min-height:0;overflow:auto}.feedback-screenshot-container{display:flex;flex:1;flex-direction:column;gap:12px;min-width:0}.feedback-screenshot-label{color:var(--feedback-text-secondary);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.feedback-screenshot{align-items:center;background:var(--feedback-screenshot-bg);border:2px solid var(--feedback-screenshot-border);border-radius:12px;box-sizing:border-box;display:flex;justify-content:center;max-height:500px;overflow:auto;padding:16px;width:100%}.feedback-screenshot-img{border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);display:block;height:auto;width:100%}.feedback-form-container{gap:16px;min-width:320px}.feedback-form,.feedback-form-container{display:flex;flex:1;flex-direction:column}.feedback-form{gap:10px;min-height:0}.feedback-label{color:var(--feedback-text-primary);display:block;font-size:14px;font-weight:600;margin:0}.feedback-required{color:#ef4444;margin-left:4px}.feedback-textarea{background:var(--feedback-input-bg);border:2px solid var(--feedback-border);border-radius:10px;box-sizing:border-box;color:var(--feedback-text-primary);flex:1;font-family:inherit;font-size:14px;line-height:1.6;min-height:180px;padding:14px;resize:vertical;transition:all .2s ease;width:100%}.feedback-textarea::placeholder{color:var(--feedback-text-tertiary)}.feedback-textarea:focus{border-color:var(--feedback-border-focus);box-shadow:0 0 0 4px var(--feedback-highlight-bg);outline:none;transform:scale(1.005)}.feedback-textarea:disabled{background:var(--feedback-input-disabled-bg);color:var(--feedback-text-secondary);cursor:not-allowed;opacity:.7}.feedback-error{align-items:center;animation:slideDown .3s ease;background:var(--feedback-error-bg);border:1px solid var(--feedback-error-border);border-radius:8px;color:var(--feedback-error-text);display:flex;font-size:13px;font-weight:500;gap:8px;padding:12px 14px}.feedback-error svg{flex-shrink:0}.feedback-actions{display:flex;flex-shrink:0;gap:12px;justify-content:flex-end}.feedback-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.feedback-cancel{background:var(--feedback-btn-cancel-bg);border:1px solid var(--feedback-border);color:var(--feedback-btn-cancel-text)}.feedback-cancel:hover:not(:disabled){background:var(--feedback-btn-cancel-hover);box-shadow:0 4px 6px -1px var(--feedback-shadow);transform:translateY(-1px)}.feedback-cancel:active:not(:disabled){transform:translateY(0)}.feedback-submit{background:var(--feedback-btn-primary-bg);color:var(--feedback-btn-primary-text)}.feedback-submit:hover:not(:disabled){background:var(--feedback-btn-primary-hover);box-shadow:0 10px 15px -3px rgba(59,130,246,.3),0 4px 6px -2px rgba(59,130,246,.2);transform:translateY(-2px)}.feedback-submit:active:not(:disabled){transform:translateY(0)}.feedback-submit:disabled{background:var(--feedback-btn-disabled-bg);cursor:not-allowed;opacity:.6;transform:none}.feedback-loading{animation:spin 1s linear infinite}@media (max-width:768px){.feedback-modal{max-width:95%;width:95%}.feedback-modal-content{padding:20px}.feedback-body{flex-direction:column}.feedback-screenshot-container{flex:none;max-height:250px}.feedback-screenshot{max-height:250px;padding:12px}.feedback-form-container{min-width:0}.feedback-title{font-size:18px}.feedback-subtitle{font-size:13px}.feedback-actions{flex-direction:column-reverse}.feedback-btn{min-width:0;width:100%}}@media (max-width:480px){.feedback-modal-content{padding:16px}.feedback-header{margin-bottom:16px}.feedback-body{gap:16px}.feedback-textarea{min-height:150px}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-45%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.feedback-btn:focus-visible,.feedback-close:focus-visible,.feedback-textarea:focus-visible{outline:3px solid var(--feedback-border-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.feedback-backdrop,.feedback-highlight,.feedback-modal,.feedback-overlay,.feedback-tooltip{display:none!important}}
package/dist/index.esm.css CHANGED
@@ -1 +1 @@
1
- .feedback-light{--feedback-overlay-bg:rgba(0,0,0,.03);--feedback-backdrop-bg:rgba(0,0,0,.6);--feedback-modal-bg:#fff;--feedback-modal-border:#e5e7eb;--feedback-text-primary:#111827;--feedback-text-secondary:#6b7280;--feedback-text-tertiary:#9ca3af;--feedback-border:#d1d5db;--feedback-border-focus:#3b82f6;--feedback-input-bg:#fff;--feedback-input-disabled-bg:#f9fafb;--feedback-btn-cancel-bg:#f3f4f6;--feedback-btn-cancel-hover:#e5e7eb;--feedback-btn-cancel-text:#374151;--feedback-btn-primary-bg:#3b82f6;--feedback-btn-primary-hover:#2563eb;--feedback-btn-primary-text:#fff;--feedback-btn-disabled-bg:#9ca3af;--feedback-highlight-border:#3b82f6;--feedback-highlight-bg:rgba(59,130,246,.1);--feedback-highlight-shadow:rgba(59,130,246,.25);--feedback-tooltip-bg:#1f2937;--feedback-tooltip-text:#fff;--feedback-error-bg:#fef2f2;--feedback-error-border:#fca5a5;--feedback-error-text:#dc2626;--feedback-screenshot-border:#e5e7eb;--feedback-screenshot-bg:#f9fafb;--feedback-shadow:rgba(0,0,0,.1);--feedback-close-hover-bg:#f3f4f6}.feedback-dark{--feedback-overlay-bg:rgba(0,0,0,.2);--feedback-backdrop-bg:rgba(0,0,0,.8);--feedback-modal-bg:#1f2937;--feedback-modal-border:#374151;--feedback-text-primary:#f9fafb;--feedback-text-secondary:#d1d5db;--feedback-text-tertiary:#9ca3af;--feedback-border:#4b5563;--feedback-border-focus:#60a5fa;--feedback-input-bg:#111827;--feedback-input-disabled-bg:#374151;--feedback-btn-cancel-bg:#374151;--feedback-btn-cancel-hover:#4b5563;--feedback-btn-cancel-text:#d1d5db;--feedback-btn-primary-bg:#3b82f6;--feedback-btn-primary-hover:#2563eb;--feedback-btn-primary-text:#fff;--feedback-btn-disabled-bg:#4b5563;--feedback-highlight-border:#60a5fa;--feedback-highlight-bg:rgba(96,165,250,.15);--feedback-highlight-shadow:rgba(96,165,250,.3);--feedback-tooltip-bg:#374151;--feedback-tooltip-text:#f9fafb;--feedback-error-bg:#7f1d1d;--feedback-error-border:#dc2626;--feedback-error-text:#fca5a5;--feedback-screenshot-border:#374151;--feedback-screenshot-bg:#111827;--feedback-shadow:rgba(0,0,0,.4);--feedback-close-hover-bg:#374151}body.feedback-mode-active{cursor:crosshair!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}body.feedback-mode-active>:not(.feedback-overlay):not(.feedback-highlight):not(.feedback-tooltip):not(.feedback-modal):not(.feedback-backdrop){pointer-events:none!important}.feedback-overlay{background:var(--feedback-overlay-bg);bottom:0;cursor:crosshair;left:0;pointer-events:auto;position:fixed;right:0;top:0;transition:background .2s ease;z-index:999998}.feedback-overlay:before{animation:slideDownBounce .5s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 10px 25px -5px rgba(0,0,0,.3),0 10px 10px -5px rgba(0,0,0,.2);color:#fff;content:"👆 Click on any element to report feedback • Press ESC to cancel";font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:600;left:50%;padding:12px 24px;pointer-events:none;position:fixed;top:20px;transform:translateX(-50%);white-space:nowrap;z-index:999999}@media (max-width:640px){.feedback-overlay:before{content:"👆 Tap element • ESC to cancel";font-size:12px;max-width:90%;padding:10px 18px;text-align:center;top:10px;white-space:normal}}.feedback-highlight{background:var(--feedback-highlight-bg);border:2px solid var(--feedback-highlight-border);border-radius:4px;box-shadow:0 0 0 4px var(--feedback-highlight-shadow),0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);pointer-events:none;position:absolute;transition:all .15s cubic-bezier(.4,0,.2,1);z-index:999999}.feedback-tooltip{backdrop-filter:blur(10px);background:var(--feedback-tooltip-bg);border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2);color:var(--feedback-tooltip-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:13px;font-weight:500;padding:8px 14px;pointer-events:none;position:fixed;transition:all .15s ease;white-space:nowrap;z-index:1000000}.feedback-backdrop{animation:fadeIn .2s ease;backdrop-filter:blur(4px);background:var(--feedback-backdrop-bg);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000001}.feedback-modal{animation:slideUp .3s cubic-bezier(.16,1,.3,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;left:50%;max-height:85vh;max-width:1000px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000002}.feedback-modal-content{background:var(--feedback-modal-bg);border-radius:16px;box-shadow:0 20px 25px -5px var(--feedback-shadow),0 10px 10px -5px var(--feedback-shadow),0 0 0 1px var(--feedback-modal-border);display:flex;flex-direction:column;max-height:85vh;overflow:hidden;padding:28px}.feedback-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.feedback-title-wrapper{flex:1}.feedback-title{color:var(--feedback-text-primary);font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0 0 4px}.feedback-subtitle{font-size:14px;font-weight:400;margin:0}.feedback-close,.feedback-subtitle{color:var(--feedback-text-secondary)}.feedback-close{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:all .2s}.feedback-close:hover{background:var(--feedback-close-hover-bg);color:var(--feedback-text-primary);transform:scale(1.05)}.feedback-close:active{transform:scale(.95)}.feedback-body{display:flex;flex:1;gap:24px;min-height:0;overflow:auto}.feedback-screenshot-container{display:flex;flex:1;flex-direction:column;gap:12px;min-width:0}.feedback-screenshot-label{color:var(--feedback-text-secondary);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.feedback-screenshot{align-items:center;background:var(--feedback-screenshot-bg);border:2px solid var(--feedback-screenshot-border);border-radius:12px;box-sizing:border-box;display:flex;justify-content:center;max-height:500px;overflow:auto;padding:16px;width:100%}.feedback-screenshot-img{border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);display:block;height:auto;width:100%}.feedback-form-container{gap:16px;min-width:320px}.feedback-form,.feedback-form-container{display:flex;flex:1;flex-direction:column}.feedback-form{gap:10px;min-height:0}.feedback-label{color:var(--feedback-text-primary);display:block;font-size:14px;font-weight:600;margin:0}.feedback-required{color:#ef4444;margin-left:4px}.feedback-textarea{background:var(--feedback-input-bg);border:2px solid var(--feedback-border);border-radius:10px;box-sizing:border-box;color:var(--feedback-text-primary);flex:1;font-family:inherit;font-size:14px;line-height:1.6;min-height:180px;padding:14px;resize:vertical;transition:all .2s ease;width:100%}.feedback-textarea::placeholder{color:var(--feedback-text-tertiary)}.feedback-textarea:focus{border-color:var(--feedback-border-focus);box-shadow:0 0 0 4px var(--feedback-highlight-bg);outline:none;transform:scale(1.005)}.feedback-textarea:disabled{background:var(--feedback-input-disabled-bg);color:var(--feedback-text-secondary);cursor:not-allowed;opacity:.7}.feedback-error{align-items:center;animation:slideDown .3s ease;background:var(--feedback-error-bg);border:1px solid var(--feedback-error-border);border-radius:8px;color:var(--feedback-error-text);display:flex;font-size:13px;font-weight:500;gap:8px;padding:12px 14px}.feedback-error svg{flex-shrink:0}.feedback-actions{display:flex;flex-shrink:0;gap:12px;justify-content:flex-end}.feedback-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.feedback-cancel{background:var(--feedback-btn-cancel-bg);border:1px solid var(--feedback-border);color:var(--feedback-btn-cancel-text)}.feedback-cancel:hover:not(:disabled){background:var(--feedback-btn-cancel-hover);box-shadow:0 4px 6px -1px var(--feedback-shadow);transform:translateY(-1px)}.feedback-cancel:active:not(:disabled){transform:translateY(0)}.feedback-submit{background:var(--feedback-btn-primary-bg);color:var(--feedback-btn-primary-text)}.feedback-submit:hover:not(:disabled){background:var(--feedback-btn-primary-hover);box-shadow:0 10px 15px -3px rgba(59,130,246,.3),0 4px 6px -2px rgba(59,130,246,.2);transform:translateY(-2px)}.feedback-submit:active:not(:disabled){transform:translateY(0)}.feedback-submit:disabled{background:var(--feedback-btn-disabled-bg);cursor:not-allowed;opacity:.6;transform:none}.feedback-loading{animation:spin 1s linear infinite}@media (max-width:768px){.feedback-modal{max-width:95%;width:95%}.feedback-modal-content{padding:20px}.feedback-body{flex-direction:column}.feedback-screenshot-container{flex:none;max-height:250px}.feedback-screenshot{max-height:250px;padding:12px}.feedback-form-container{min-width:0}.feedback-title{font-size:18px}.feedback-subtitle{font-size:13px}.feedback-actions{flex-direction:column-reverse}.feedback-btn{min-width:0;width:100%}}@media (max-width:480px){.feedback-modal-content{padding:16px}.feedback-header{margin-bottom:16px}.feedback-body{gap:16px}.feedback-textarea{min-height:150px}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-45%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownBounce{0%{opacity:0;transform:translate(-50%,-100%)}60%{opacity:1;transform:translate(-50%,5px)}80%{transform:translate(-50%,-2px)}to{transform:translate(-50%)}}.feedback-btn:focus-visible,.feedback-close:focus-visible,.feedback-textarea:focus-visible{outline:3px solid var(--feedback-border-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.feedback-backdrop,.feedback-highlight,.feedback-modal,.feedback-overlay,.feedback-tooltip{display:none!important}}
1
+ .feedback-light{--feedback-overlay-bg:rgba(0,0,0,.03);--feedback-backdrop-bg:rgba(0,0,0,.6);--feedback-modal-bg:#fff;--feedback-modal-border:#e5e7eb;--feedback-text-primary:#111827;--feedback-text-secondary:#6b7280;--feedback-text-tertiary:#9ca3af;--feedback-border:#d1d5db;--feedback-border-focus:#3b82f6;--feedback-input-bg:#fff;--feedback-input-disabled-bg:#f9fafb;--feedback-btn-cancel-bg:#f3f4f6;--feedback-btn-cancel-hover:#e5e7eb;--feedback-btn-cancel-text:#374151;--feedback-btn-primary-bg:#3b82f6;--feedback-btn-primary-hover:#2563eb;--feedback-btn-primary-text:#fff;--feedback-btn-disabled-bg:#9ca3af;--feedback-highlight-border:#3b82f6;--feedback-highlight-bg:rgba(59,130,246,.1);--feedback-highlight-shadow:rgba(59,130,246,.25);--feedback-tooltip-bg:#1f2937;--feedback-tooltip-text:#fff;--feedback-error-bg:#fef2f2;--feedback-error-border:#fca5a5;--feedback-error-text:#dc2626;--feedback-screenshot-border:#e5e7eb;--feedback-screenshot-bg:#f9fafb;--feedback-shadow:rgba(0,0,0,.1);--feedback-close-hover-bg:#f3f4f6}.feedback-dark{--feedback-overlay-bg:rgba(0,0,0,.2);--feedback-backdrop-bg:rgba(0,0,0,.8);--feedback-modal-bg:#1f2937;--feedback-modal-border:#374151;--feedback-text-primary:#f9fafb;--feedback-text-secondary:#d1d5db;--feedback-text-tertiary:#9ca3af;--feedback-border:#4b5563;--feedback-border-focus:#60a5fa;--feedback-input-bg:#111827;--feedback-input-disabled-bg:#374151;--feedback-btn-cancel-bg:#374151;--feedback-btn-cancel-hover:#4b5563;--feedback-btn-cancel-text:#d1d5db;--feedback-btn-primary-bg:#3b82f6;--feedback-btn-primary-hover:#2563eb;--feedback-btn-primary-text:#fff;--feedback-btn-disabled-bg:#4b5563;--feedback-highlight-border:#60a5fa;--feedback-highlight-bg:rgba(96,165,250,.15);--feedback-highlight-shadow:rgba(96,165,250,.3);--feedback-tooltip-bg:#374151;--feedback-tooltip-text:#f9fafb;--feedback-error-bg:#7f1d1d;--feedback-error-border:#dc2626;--feedback-error-text:#fca5a5;--feedback-screenshot-border:#374151;--feedback-screenshot-bg:#111827;--feedback-shadow:rgba(0,0,0,.4);--feedback-close-hover-bg:#374151}body.feedback-mode-active{cursor:crosshair!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.feedback-overlay{background:var(--feedback-overlay-bg);bottom:0;cursor:crosshair;left:0;pointer-events:none;position:fixed;right:0;top:0;transition:background .2s ease;z-index:999998}.feedback-highlight{background:var(--feedback-highlight-bg);border:2px solid var(--feedback-highlight-border);border-radius:4px;box-shadow:0 0 0 4px var(--feedback-highlight-shadow),0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);pointer-events:none;position:absolute;transition:all .15s cubic-bezier(.4,0,.2,1);z-index:999999}.feedback-tooltip{backdrop-filter:blur(10px);background:var(--feedback-tooltip-bg);border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2);color:var(--feedback-tooltip-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:13px;font-weight:500;padding:8px 14px;pointer-events:none;position:fixed;transition:all .15s ease;white-space:nowrap;z-index:1000000}.feedback-backdrop{animation:fadeIn .2s ease;backdrop-filter:blur(4px);background:var(--feedback-backdrop-bg);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000001}.feedback-modal{animation:slideUp .3s cubic-bezier(.16,1,.3,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;left:50%;max-height:85vh;max-width:1000px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000002}.feedback-modal-content{background:var(--feedback-modal-bg);border-radius:16px;box-shadow:0 20px 25px -5px var(--feedback-shadow),0 10px 10px -5px var(--feedback-shadow),0 0 0 1px var(--feedback-modal-border);display:flex;flex-direction:column;max-height:85vh;overflow:hidden;padding:28px}.feedback-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.feedback-title-wrapper{flex:1}.feedback-title{color:var(--feedback-text-primary);font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0 0 4px}.feedback-subtitle{font-size:14px;font-weight:400;margin:0}.feedback-close,.feedback-subtitle{color:var(--feedback-text-secondary)}.feedback-close{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:all .2s}.feedback-close:hover{background:var(--feedback-close-hover-bg);color:var(--feedback-text-primary);transform:scale(1.05)}.feedback-close:active{transform:scale(.95)}.feedback-body{display:flex;flex:1;gap:24px;min-height:0;overflow:auto}.feedback-screenshot-container{display:flex;flex:1;flex-direction:column;gap:12px;min-width:0}.feedback-screenshot-label{color:var(--feedback-text-secondary);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.feedback-screenshot{align-items:center;background:var(--feedback-screenshot-bg);border:2px solid var(--feedback-screenshot-border);border-radius:12px;box-sizing:border-box;display:flex;justify-content:center;max-height:500px;overflow:auto;padding:16px;width:100%}.feedback-screenshot-img{border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);display:block;height:auto;width:100%}.feedback-form-container{gap:16px;min-width:320px}.feedback-form,.feedback-form-container{display:flex;flex:1;flex-direction:column}.feedback-form{gap:10px;min-height:0}.feedback-label{color:var(--feedback-text-primary);display:block;font-size:14px;font-weight:600;margin:0}.feedback-required{color:#ef4444;margin-left:4px}.feedback-textarea{background:var(--feedback-input-bg);border:2px solid var(--feedback-border);border-radius:10px;box-sizing:border-box;color:var(--feedback-text-primary);flex:1;font-family:inherit;font-size:14px;line-height:1.6;min-height:180px;padding:14px;resize:vertical;transition:all .2s ease;width:100%}.feedback-textarea::placeholder{color:var(--feedback-text-tertiary)}.feedback-textarea:focus{border-color:var(--feedback-border-focus);box-shadow:0 0 0 4px var(--feedback-highlight-bg);outline:none;transform:scale(1.005)}.feedback-textarea:disabled{background:var(--feedback-input-disabled-bg);color:var(--feedback-text-secondary);cursor:not-allowed;opacity:.7}.feedback-error{align-items:center;animation:slideDown .3s ease;background:var(--feedback-error-bg);border:1px solid var(--feedback-error-border);border-radius:8px;color:var(--feedback-error-text);display:flex;font-size:13px;font-weight:500;gap:8px;padding:12px 14px}.feedback-error svg{flex-shrink:0}.feedback-actions{display:flex;flex-shrink:0;gap:12px;justify-content:flex-end}.feedback-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.feedback-cancel{background:var(--feedback-btn-cancel-bg);border:1px solid var(--feedback-border);color:var(--feedback-btn-cancel-text)}.feedback-cancel:hover:not(:disabled){background:var(--feedback-btn-cancel-hover);box-shadow:0 4px 6px -1px var(--feedback-shadow);transform:translateY(-1px)}.feedback-cancel:active:not(:disabled){transform:translateY(0)}.feedback-submit{background:var(--feedback-btn-primary-bg);color:var(--feedback-btn-primary-text)}.feedback-submit:hover:not(:disabled){background:var(--feedback-btn-primary-hover);box-shadow:0 10px 15px -3px rgba(59,130,246,.3),0 4px 6px -2px rgba(59,130,246,.2);transform:translateY(-2px)}.feedback-submit:active:not(:disabled){transform:translateY(0)}.feedback-submit:disabled{background:var(--feedback-btn-disabled-bg);cursor:not-allowed;opacity:.6;transform:none}.feedback-loading{animation:spin 1s linear infinite}@media (max-width:768px){.feedback-modal{max-width:95%;width:95%}.feedback-modal-content{padding:20px}.feedback-body{flex-direction:column}.feedback-screenshot-container{flex:none;max-height:250px}.feedback-screenshot{max-height:250px;padding:12px}.feedback-form-container{min-width:0}.feedback-title{font-size:18px}.feedback-subtitle{font-size:13px}.feedback-actions{flex-direction:column-reverse}.feedback-btn{min-width:0;width:100%}}@media (max-width:480px){.feedback-modal-content{padding:16px}.feedback-header{margin-bottom:16px}.feedback-body{gap:16px}.feedback-textarea{min-height:150px}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-45%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.feedback-btn:focus-visible,.feedback-close:focus-visible,.feedback-textarea:focus-visible{outline:3px solid var(--feedback-border-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.feedback-backdrop,.feedback-highlight,.feedback-modal,.feedback-overlay,.feedback-tooltip{display:none!important}}
package/dist/index.esm.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import A,{forwardRef as e,createElement as t,useState as r,useRef as n,useEffect as o,useCallback as s,createContext as i,useContext as B}from"react";import{createPortal as a}from"react-dom";function c(A,e){(null==e||e>A.length)&&(e=A.length);for(var t=0,r=Array(e);t<e;t++)r[t]=A[t];return r}function l(A,e,t,r,n,o,s){try{var i=A[o](s),B=i.value}catch(A){return void t(A)}i.done?e(B):Promise.resolve(B).then(r,n)}function u(A){return function(){var e=this,t=arguments;return new Promise(function(r,n){var o=A.apply(e,t);function s(A){l(o,r,n,s,i,"next",A)}function i(A){l(o,r,n,s,i,"throw",A)}s(void 0)})}}function g(A,e,t){return(e=function(A){var e=function(A,e){if("object"!=typeof A||!A)return A;var t=A[Symbol.toPrimitive];if(void 0!==t){var r=t.call(A,e);if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(A)}(A,"string");return"symbol"==typeof e?e:e+""}(e))in A?Object.defineProperty(A,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):A[e]=t,A}function w(A,e){var t=Object.keys(A);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(A);e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(A,e).enumerable})),t.push.apply(t,r)}return t}function Q(A){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?w(Object(t),!0).forEach(function(e){g(A,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(A,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach(function(e){Object.defineProperty(A,e,Object.getOwnPropertyDescriptor(t,e))})}return A}function d(){
2
2
  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
3
- var A,e,t="function"==typeof Symbol?Symbol:{},r=t.iterator||"@@iterator",n=t.toStringTag||"@@toStringTag";function o(t,r,n,o){var B=r&&r.prototype instanceof i?r:i,a=Object.create(B.prototype);return C(a,"_invoke",function(t,r,n){var o,i,B,a=0,c=n||[],l=!1,u={p:0,n:0,v:A,a:g,f:g.bind(A,4),d:function(e,t){return o=e,i=0,B=A,u.n=t,s}};function g(t,r){for(i=t,B=r,e=0;!l&&a&&!n&&e<c.length;e++){var n,o=c[e],g=u.p,w=o[2];t>3?(n=w===r)&&(B=o[(i=o[4])?5:(i=3,3)],o[4]=o[5]=A):o[0]<=g&&((n=t<2&&g<o[1])?(i=0,u.v=r,u.n=o[1]):g<w&&(n=t<3||o[0]>r||r>w)&&(o[4]=t,o[5]=r,u.n=w,i=0))}if(n||t>1)return s;throw l=!0,r}return function(n,c,w){if(a>1)throw TypeError("Generator is already running");for(l&&1===c&&g(c,w),i=c,B=w;(e=i<2?A:B)||!l;){o||(i?i<3?(i>1&&(u.n=-1),g(i,B)):u.n=B:u.v=B);try{if(a=2,o){if(i||(n="next"),e=o[n]){if(!(e=e.call(o,B)))throw TypeError("iterator result is not an object");if(!e.done)return e;B=e.value,i<2&&(i=0)}else 1===i&&(e=o.return)&&e.call(o),i<2&&(B=TypeError("The iterator does not provide a '"+n+"' method"),i=1);o=A}else if((e=(l=u.n<0)?B:t.call(r,u))!==s)break}catch(e){o=A,i=1,B=e}finally{a=1}}return{value:e,done:l}}}(t,n,o),!0),a}var s={};function i(){}function B(){}function a(){}e=Object.getPrototypeOf;var c=[][r]?e(e([][r]())):(C(e={},r,function(){return this}),e),l=a.prototype=i.prototype=Object.create(c);function u(A){return Object.setPrototypeOf?Object.setPrototypeOf(A,a):(A.__proto__=a,C(A,n,"GeneratorFunction")),A.prototype=Object.create(l),A}return B.prototype=a,C(l,"constructor",a),C(a,"constructor",B),B.displayName="GeneratorFunction",C(a,n,"GeneratorFunction"),C(l),C(l,n,"Generator"),C(l,r,function(){return this}),C(l,"toString",function(){return"[object Generator]"}),(d=function(){return{w:o,m:u}})()}function C(A,e,t,r){var n=Object.defineProperty;try{n({},"",{})}catch(A){n=0}C=function(A,e,t,r){function o(e,t){C(A,e,function(A){return this._invoke(e,t,A)})}e?n?n(A,e,{value:t,enumerable:!r,configurable:!r,writable:!r}):A[e]=t:(o("next",0),o("throw",1),o("return",2))},C(A,e,t,r)}function f(A,e){return function(A){if(Array.isArray(A))return A}(A)||function(A,e){var t=null==A?null:"undefined"!=typeof Symbol&&A[Symbol.iterator]||A["@@iterator"];if(null!=t){var r,n,o,s,i=[],B=!0,a=!1;try{if(o=(t=t.call(A)).next,0===e);else for(;!(B=(r=o.call(t)).done)&&(i.push(r.value),i.length!==e);B=!0);}catch(A){a=!0,n=A}finally{try{if(!B&&null!=t.return&&(s=t.return(),Object(s)!==s))return}finally{if(a)throw n}}return i}}(A,e)||U(A,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function h(A){return function(A){if(Array.isArray(A))return c(A)}(A)||function(A){if("undefined"!=typeof Symbol&&null!=A[Symbol.iterator]||null!=A["@@iterator"])return Array.from(A)}(A)||U(A)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function U(A,e){if(A){if("string"==typeof A)return c(A,e);var t={}.toString.call(A).slice(8,-1);return"Object"===t&&A.constructor&&(t=A.constructor.name),"Map"===t||"Set"===t?Array.from(A):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?c(A,e):void 0}}var F={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};var p=(A,r)=>{const n=e(({color:e="currentColor",size:n=24,strokeWidth:o=2,absoluteStrokeWidth:s,children:i,...B},a)=>{return t("svg",{ref:a,...F,width:n,height:n,stroke:e,strokeWidth:s?24*Number(o)/Number(n):o,className:`lucide lucide-${c=A,c.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,...B},[...r.map(([A,e])=>t(A,e)),...(Array.isArray(i)?i:[i])||[]]);var c});return n.displayName=`${A}`,n};const m=p("AlertCircle",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["line",{x1:"12",x2:"12",y1:"8",y2:"12",key:"1pkeuh"}],["line",{x1:"12",x2:"12.01",y1:"16",y2:"16",key:"4dfq90"}]]),y=p("Ban",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m4.9 4.9 14.2 14.2",key:"1m5liu"}]]),E=p("CheckCircle",[["path",{d:"M22 11.08V12a10 10 0 1 1-5.93-9.14",key:"g774vq"}],["polyline",{points:"22 4 12 14.01 9 11.01",key:"6xbx8j"}]]),H=p("ChevronDown",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]]),I=p("Clock",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["polyline",{points:"12 6 12 12 16 14",key:"68esgv"}]]),b=p("Filter",[["polygon",{points:"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3",key:"1yg77f"}]]),v=p("Loader",[["line",{x1:"12",x2:"12",y1:"2",y2:"6",key:"gza1u7"}],["line",{x1:"12",x2:"12",y1:"18",y2:"22",key:"1qhbu9"}],["line",{x1:"4.93",x2:"7.76",y1:"4.93",y2:"7.76",key:"xae44r"}],["line",{x1:"16.24",x2:"19.07",y1:"16.24",y2:"19.07",key:"bxnmvf"}],["line",{x1:"2",x2:"6",y1:"12",y2:"12",key:"89khin"}],["line",{x1:"18",x2:"22",y1:"12",y2:"12",key:"pb8tfm"}],["line",{x1:"4.93",x2:"7.76",y1:"19.07",y2:"16.24",key:"1uxjnu"}],["line",{x1:"16.24",x2:"19.07",y1:"7.76",y2:"4.93",key:"6duxfx"}]]),x=p("Package",[["path",{d:"M16.5 9.4 7.55 4.24",key:"10qotr"}],["path",{d:"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z",key:"yt0hxn"}],["polyline",{points:"3.29 7 12 12 20.71 7",key:"ousv84"}],["line",{x1:"12",x2:"12",y1:"22",y2:"12",key:"a4e8g8"}]]),K=p("Play",[["polygon",{points:"5 3 19 12 5 21 5 3",key:"191637"}]]),L=p("Send",[["path",{d:"m22 2-7 20-4-9-9-4Z",key:"1q3vgg"}],["path",{d:"M22 2 11 13",key:"nzbqef"}]]),D=p("Trash2",[["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6",key:"4alrt4"}],["path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2",key:"v07s0e"}],["line",{x1:"10",x2:"10",y1:"11",y2:"17",key:"1uufr5"}],["line",{x1:"14",x2:"14",y1:"11",y2:"17",key:"xtxkd"}]]),S=p("XCircle",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m15 9-6 6",key:"1uzhvr"}],["path",{d:"m9 9 6 6",key:"z0biqf"}]]),k=p("X",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]);var T=function(e){var t=e.isOpen,s=e.onClose,i=e.elementInfo,B=e.screenshot,c=e.onSubmit,l=e.userName,g=e.userEmail,w=e.mode,Q=void 0===w?"dark":w,C=f(r(""),2),h=C[0],U=C[1],F=f(r(!1),2),p=F[0],y=F[1],H=f(r(!1),2),I=H[0],b=H[1],x=f(r(null),2),K=x[0],D=x[1],S=n(null);o(function(){t?S.current&&S.current.focus():(U(""),y(!1),b(!1),D(null))},[t]);var T=function(){var A=u(d().m(function A(){var e,t;return d().w(function(A){for(;;)switch(A.p=A.n){case 0:if(h.trim()){A.n=1;break}return A.a(2);case 1:return y(!0),D(null),e={feedback:h.trim(),elementInfo:i,screenshot:B,url:window.location.href,userAgent:navigator.userAgent,viewport:{width:window.innerWidth,height:window.innerHeight},timestamp:(new Date).toISOString(),userName:l||"Anonymous",userEmail:g||null},A.p=2,A.n=3,c(e);case 3:b(!0),y(!1),D(null),setTimeout(function(){s()},1500),A.n=5;break;case 4:A.p=4,t=A.v,console.error("[React Feedback Widget] Submission failed:",t),D((null==t?void 0:t.message)||"Failed to submit feedback. Please try again."),y(!1);case 5:return A.a(2)}},A,null,[[2,4]])}));return function(){return A.apply(this,arguments)}}();if(!t)return null;var M="dark"===Q?"feedback-dark":"feedback-light";return a(A.createElement(A.Fragment,null,A.createElement("div",{className:"feedback-backdrop ".concat(M),onClick:s}),A.createElement("div",{className:"feedback-modal ".concat(M)},A.createElement("div",{className:"feedback-modal-content"},A.createElement("div",{className:"feedback-header"},A.createElement("div",{className:"feedback-title-wrapper"},A.createElement("h3",{className:"feedback-title"},"Share Your Feedback"),A.createElement("p",{className:"feedback-subtitle"},"Help us improve your experience")),A.createElement("button",{onClick:s,className:"feedback-close","aria-label":"Close"},A.createElement(k,{size:20}))),A.createElement("div",{className:"feedback-body"},B&&A.createElement("div",{className:"feedback-screenshot-container"},A.createElement("label",{className:"feedback-screenshot-label"},"Screenshot Preview"),A.createElement("div",{className:"feedback-screenshot"},A.createElement("img",{src:B,alt:"Element screenshot",className:"feedback-screenshot-img"}))),A.createElement("div",{className:"feedback-form-container"},A.createElement("div",{className:"feedback-form"},A.createElement("label",{className:"feedback-label"},"Your Feedback",A.createElement("span",{className:"feedback-required"},"*")),A.createElement("textarea",{ref:S,value:h,onChange:function(A){U(A.target.value),K&&D(null)},onKeyDown:function(A){"Enter"===A.key&&(A.metaKey||A.ctrlKey)&&(A.preventDefault(),T())},placeholder:"Tell us what you think... (Ctrl/Cmd + Enter to submit)",className:"feedback-textarea",rows:12,disabled:p||I,"aria-invalid":K?"true":"false"}),K&&A.createElement("div",{className:"feedback-error",role:"alert"},A.createElement(m,{size:16}),A.createElement("span",null,K))),A.createElement("div",{className:"feedback-actions"},A.createElement("button",{type:"button",onClick:s,className:"feedback-btn feedback-cancel",disabled:p},"Cancel"),A.createElement("button",{onClick:T,disabled:!h.trim()||p||I,className:"feedback-btn feedback-submit"},I?A.createElement(A.Fragment,null,A.createElement(E,{size:16}),"Submitted!"):p?A.createElement(A.Fragment,null,A.createElement(v,{size:16,className:"feedback-loading"}),"Submitting..."):A.createElement(A.Fragment,null,A.createElement(L,{size:16}),"Submit Feedback")))))))),document.body)},M="react-feedback-data",O={reported:{label:"Reported",icon:m,color:"#ef4444",bgColor:"#fee2e2",textColor:"#991b1b"},opened:{label:"In Review",icon:I,color:"#f59e0b",bgColor:"#fef3c7",textColor:"#92400e"},inProgress:{label:"In Progress",icon:K,color:"#3b82f6",bgColor:"#dbeafe",textColor:"#1e40af"},resolved:{label:"Resolved",icon:E,color:"#10b981",bgColor:"#d1fae5",textColor:"#065f46"},released:{label:"Released",icon:x,color:"#8b5cf6",bgColor:"#ede9fe",textColor:"#5b21b6"},blocked:{label:"Blocked",icon:y,color:"#dc2626",bgColor:"#fee2e2",textColor:"#991b1b"},wontFix:{label:"Won't Fix",icon:S,color:"#6b7280",bgColor:"#f3f4f6",textColor:"#374151"}},G=function(e){var t=e.status,r=O[t||"reported"],n=r.icon;return A.createElement("div",{style:{display:"inline-flex",alignItems:"center",gap:"6px",padding:"4px 10px",borderRadius:"16px",backgroundColor:r.bgColor,fontSize:"12px",fontWeight:"600",color:r.textColor}},A.createElement(n,{size:12}),A.createElement("span",null,r.label))},V=function(e){var t=e.currentStatus,s=e.onStatusChange,i=e.itemId,B=f(r(!1),2),a=B[0],c=B[1],l=n(null);o(function(){var A=function(A){l.current&&!l.current.contains(A.target)&&c(!1)};return a&&document.addEventListener("mousedown",A),function(){document.removeEventListener("mousedown",A)}},[a]);var u=O[t||"reported"],g=u.icon;return A.createElement("div",{ref:l,style:{position:"relative"}},A.createElement("button",{onClick:function(A){A.stopPropagation(),c(!a)},style:{display:"flex",alignItems:"center",gap:"6px",padding:"6px 12px",borderRadius:"8px",backgroundColor:"white",border:"2px solid ".concat(u.color),fontSize:"13px",fontWeight:"600",color:u.textColor,cursor:"pointer",transition:"all 0.2s",outline:"none"},onMouseOver:function(A){A.currentTarget.style.backgroundColor=u.bgColor},onMouseOut:function(A){A.currentTarget.style.backgroundColor="white"}},A.createElement(g,{size:14}),A.createElement("span",null,u.label),A.createElement(H,{size:14,style:{transition:"transform 0.2s",transform:a?"rotate(180deg)":"rotate(0deg)"}})),a&&A.createElement("div",{style:{position:"absolute",top:"100%",right:0,marginTop:"8px",backgroundColor:"white",borderRadius:"12px",boxShadow:"0 10px 40px rgba(0, 0, 0, 0.15)",padding:"8px",zIndex:1e4,minWidth:"180px",border:"1px solid #e5e7eb",animation:"dropdownSlideIn 0.2s ease-out"},onClick:function(A){return A.stopPropagation()}},Object.entries(O).map(function(e){var r=f(e,2),n=r[0],o=r[1],B=o.icon,a=t===n;return A.createElement("button",{key:n,onClick:function(A){A.stopPropagation(),s(i,n),c(!1)},style:{display:"flex",alignItems:"center",gap:"10px",width:"100%",padding:"10px 12px",border:"none",borderRadius:"8px",backgroundColor:a?o.bgColor:"transparent",color:o.textColor,fontSize:"13px",fontWeight:a?"600":"500",cursor:"pointer",transition:"all 0.15s",textAlign:"left"},onMouseOver:function(A){A.currentTarget.style.backgroundColor=o.bgColor},onMouseOut:function(A){A.currentTarget.style.backgroundColor=a?o.bgColor:"transparent"}},A.createElement(B,{size:16}),A.createElement("span",null,o.label))})))},R=function(e){var t=e.isOpen,n=e.onClose,s=e.data,i=e.isDeveloper,B=void 0!==i&&i,c=e.isUser,l=void 0===c||c,u=e.onStatusChange,g=f(r([]),2),w=g[0],d=g[1],C=f(r(null),2),h=C[0],U=C[1],F=f(r("all"),2),p=F[0],y=F[1],E=void 0===s,v=f(r({isOpen:!1,feedbackId:null,newStatus:null,oldStatus:null,comment:""}),2),x=v[0],K=v[1];o(function(){t&&(E?L():d(s||[]))},[t,s,E]);var L=function(){try{var A=localStorage.getItem(M);if(A){var e=JSON.parse(A);d(e)}}catch(A){console.error("Failed to load feedback:",A)}},S=function(A){try{localStorage.setItem(M,JSON.stringify(A)),d(A)}catch(A){console.error("Failed to save feedback:",A)}},T=function(){K({isOpen:!1,feedbackId:null,newStatus:null,oldStatus:null,comment:""})},R=function(A){var e=new Date(A),t=e.getDate(),r=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][e.getMonth()],n=e.getFullYear(),o=e.getHours(),s=e.getMinutes().toString().padStart(2,"0"),i=o>=12?"PM":"AM";return o=o%12||12,"".concat(t," ").concat(r," ").concat(n," at ").concat(o,":").concat(s," ").concat(i)},N="all"===p?w:w.filter(function(A){return(A.status||"reported")===p}),P=w.reduce(function(A,e){var t=e.status||"reported";return A[t]=(A[t]||0)+1,A},{});return t?a(A.createElement(A.Fragment,null,A.createElement("div",{className:"feedback-dashboard-backdrop",onClick:n,style:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.5)",zIndex:9998,animation:"fadeIn 0.2s ease-out"}}),A.createElement("div",{className:"feedback-dashboard",style:{position:"fixed",top:0,right:0,bottom:0,width:"100%",maxWidth:"800px",backgroundColor:"white",zIndex:9999,boxShadow:"-4px 0 20px rgba(0, 0, 0, 0.15)",display:"flex",flexDirection:"column",animation:"slideInRight 0.3s ease-out"}},A.createElement("div",{style:{backgroundColor:"white",borderBottom:"1px solid #e5e7eb"}},A.createElement("div",{style:{padding:"24px 24px 20px 24px",display:"flex",justifyContent:"space-between",alignItems:"flex-start"}},A.createElement("div",null,A.createElement("h2",{style:{margin:0,fontSize:"28px",fontWeight:"700",color:"#111827",letterSpacing:"-0.02em"}},B?"Feedback Dashboard":"My Feedback"),A.createElement("p",{style:{margin:"6px 0 0 0",fontSize:"14px",color:"#6b7280"}},w.length," total ",1===w.length?"item":"items")),A.createElement("div",{style:{display:"flex",gap:"12px",alignItems:"center"}},B&&w.length>0&&A.createElement("button",{onClick:function(){window.confirm("Are you sure you want to delete all feedback?")&&(E&&localStorage.removeItem(M),d([]),U(null))},style:{padding:"8px 14px",backgroundColor:"#fee2e2",border:"none",borderRadius:"8px",cursor:"pointer",fontSize:"13px",fontWeight:"600",color:"#dc2626",transition:"all 0.2s"},onMouseOver:function(A){return A.currentTarget.style.backgroundColor="#fecaca"},onMouseOut:function(A){return A.currentTarget.style.backgroundColor="#fee2e2"}},"Clear All"),A.createElement("button",{onClick:n,style:{padding:"10px",backgroundColor:"#f3f4f6",border:"none",borderRadius:"8px",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s"},onMouseOver:function(A){return A.currentTarget.style.backgroundColor="#e5e7eb"},onMouseOut:function(A){return A.currentTarget.style.backgroundColor="#f3f4f6"}},A.createElement(k,{size:20,color:"#374151"})))),A.createElement("div",{style:{padding:"0 24px 16px 24px",display:"flex",gap:"8px",flexWrap:"wrap",alignItems:"center"}},A.createElement("button",{onClick:function(){return y("all")},style:{padding:"8px 16px",border:"none",borderRadius:"8px",backgroundColor:"all"===p?"#111827":"#f3f4f6",color:"all"===p?"white":"#6b7280",fontSize:"13px",fontWeight:"600",cursor:"pointer",transition:"all 0.2s"}},"All ",w.length>0&&"(".concat(w.length,")")),Object.entries(O).map(function(e){var t=f(e,2),r=t[0],n=t[1],o=P[r]||0;if(0===o&&!B)return null;var s=n.icon;return A.createElement("button",{key:r,onClick:function(){return y(r)},style:{padding:"8px 14px",border:"none",borderRadius:"8px",backgroundColor:p===r?n.bgColor:"#f3f4f6",color:p===r?n.textColor:"#6b7280",fontSize:"13px",fontWeight:"600",cursor:"pointer",transition:"all 0.2s",display:"flex",alignItems:"center",gap:"6px"}},A.createElement(s,{size:14}),A.createElement("span",null,n.label),o>0&&A.createElement("span",null,"(",o,")"))}))),A.createElement("div",{style:{flex:1,overflow:"auto",padding:"24px",backgroundColor:"#f9fafb"}},0===w.length?A.createElement("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",color:"#9ca3af"}},A.createElement(m,{size:64,strokeWidth:1}),A.createElement("p",{style:{marginTop:"16px",fontSize:"18px",fontWeight:"600"}},"No feedback yet"),A.createElement("p",{style:{marginTop:"8px",fontSize:"14px"}},"Press Ctrl+Q to start giving feedback")):0===N.length?A.createElement("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",color:"#9ca3af"}},A.createElement(b,{size:64,strokeWidth:1}),A.createElement("p",{style:{marginTop:"16px",fontSize:"18px",fontWeight:"600"}},"No items found"),A.createElement("p",{style:{marginTop:"8px",fontSize:"14px"}},"Try adjusting your filter")):A.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"12px"}},N.map(function(e){return A.createElement("div",{key:e.id,style:{backgroundColor:"white",border:"2px solid",borderColor:(null==h?void 0:h.id)===e.id?"#3b82f6":"#e5e7eb",borderRadius:"16px",padding:"20px",cursor:"pointer",transition:"all 0.2s",boxShadow:(null==h?void 0:h.id)===e.id?"0 8px 24px rgba(59, 130, 246, 0.12)":"0 1px 3px rgba(0, 0, 0, 0.05)"},onClick:function(){return U((null==h?void 0:h.id)===e.id?null:e)},onMouseOver:function(A){(null==h?void 0:h.id)!==e.id&&(A.currentTarget.style.borderColor="#d1d5db",A.currentTarget.style.boxShadow="0 4px 12px rgba(0, 0, 0, 0.08)")},onMouseOut:function(A){(null==h?void 0:h.id)!==e.id&&(A.currentTarget.style.borderColor="#e5e7eb",A.currentTarget.style.boxShadow="0 1px 3px rgba(0, 0, 0, 0.05)")}},A.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",marginBottom:"16px"}},A.createElement("div",{style:{flex:1}},A.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",marginBottom:"6px"}},A.createElement("span",{style:{fontWeight:"700",fontSize:"16px",color:"#111827"}},e.userName||"Anonymous User"),A.createElement(G,{status:e.status||"reported"})),e.userEmail&&A.createElement("div",{style:{fontSize:"13px",color:"#6b7280",marginBottom:"4px"}},e.userEmail),A.createElement("div",{style:{fontSize:"12px",color:"#9ca3af"}},R(e.timestamp))),A.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px"}},B&&A.createElement(A.Fragment,null,A.createElement(V,{currentStatus:e.status||"reported",onStatusChange:function(A,t){return function(A,e,t){K({isOpen:!0,feedbackId:A,newStatus:e,oldStatus:t,comment:""})}(A,t,e.status||"reported")},itemId:e.id}),A.createElement("button",{onClick:function(A){var t,r;A.stopPropagation(),window.confirm("Are you sure you want to delete this feedback?")&&(t=e.id,r=w.filter(function(A){return A.id!==t}),E?S(r):d(r),(null==h?void 0:h.id)===t&&U(null))},style:{padding:"8px",backgroundColor:"transparent",border:"1px solid #fee2e2",color:"#ef4444",cursor:"pointer",display:"flex",alignItems:"center",borderRadius:"8px",transition:"all 0.2s"},onMouseOver:function(A){A.currentTarget.style.backgroundColor="#fee2e2"},onMouseOut:function(A){A.currentTarget.style.backgroundColor="transparent"}},A.createElement(D,{size:16}))))),A.createElement("p",{style:{margin:"0 0 12px 0",color:"#1f2937",fontSize:"15px",lineHeight:"1.6",display:(null==h?void 0:h.id)===e.id?"block":"-webkit-box",WebkitLineClamp:(null==h?void 0:h.id)===e.id?"unset":"2",WebkitBoxOrient:"vertical",overflow:"hidden"}},e.feedback||e.description),e.responseMessage&&A.createElement("div",{style:{marginTop:"12px",padding:"16px",backgroundColor:"#f0f9ff",border:"2px solid #3b82f6",borderLeft:"4px solid #3b82f6",borderRadius:"12px"}},A.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"8px"}},A.createElement("div",{style:{width:"24px",height:"24px",borderRadius:"50%",backgroundColor:"#3b82f6",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"12px",color:"white",fontWeight:"700"}},"👨‍💻"),A.createElement("span",{style:{fontSize:"13px",fontWeight:"700",color:"#1e40af"}},"Developer Response"),e.resolvedBy&&A.createElement("span",{style:{fontSize:"12px",color:"#6b7280",marginLeft:"auto"}},"by ",e.resolvedBy)),A.createElement("p",{style:{margin:0,fontSize:"14px",color:"#1e40af",lineHeight:"1.6",fontStyle:"italic"}},'"',e.responseMessage,'"'),e.resolvedAt&&A.createElement("div",{style:{marginTop:"8px",fontSize:"11px",color:"#6b7280"}},"Responded on ",R(e.resolvedAt))),e.estimatedResolutionDate&&!e.resolvedAt&&A.createElement("div",{style:{marginTop:"12px",padding:"10px 14px",backgroundColor:"#fef3c7",border:"1px solid #fde68a",borderRadius:"8px",fontSize:"13px",color:"#92400e",display:"flex",alignItems:"center",gap:"8px"}},A.createElement(I,{size:14}),A.createElement("span",null,"Expected resolution: ",R(e.estimatedResolutionDate))),e.screenshot&&A.createElement("div",{style:{marginTop:"16px"}},A.createElement("img",{src:e.screenshot,alt:"Feedback screenshot",style:{width:"100%",maxHeight:(null==h?void 0:h.id)===e.id?"500px":"200px",objectFit:"contain",borderRadius:"12px",border:"1px solid #e5e7eb",transition:"all 0.3s",backgroundColor:"#f9fafb"}})),(null==h?void 0:h.id)!==e.id&&A.createElement("div",{style:{marginTop:"12px",display:"flex",alignItems:"center",justifyContent:"center",gap:"6px",color:"#9ca3af",fontSize:"13px",fontWeight:"500"}},A.createElement("span",null,"Click to view details"),A.createElement(H,{size:14})),(null==h?void 0:h.id)===e.id&&A.createElement("div",{style:{marginTop:"20px",paddingTop:"20px",borderTop:"2px solid #f3f4f6"}},e.statusHistory&&e.statusHistory.length>0&&A.createElement("div",{style:{marginBottom:"20px"}},A.createElement("div",{style:{fontSize:"14px",fontWeight:"700",color:"#374151",marginBottom:"12px",display:"flex",alignItems:"center",gap:"8px"}},A.createElement(I,{size:16}),A.createElement("span",null,"Status History")),A.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"12px"}},e.statusHistory.map(function(e,t){var r=O[e.toStatus]||O.reported,n=r.icon;return A.createElement("div",{key:e.id||t,style:{padding:"12px 16px",backgroundColor:"#f9fafb",borderLeft:"3px solid ".concat(r.color),borderRadius:"8px",position:"relative"}},A.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:e.comment?"8px":"0"}},A.createElement(n,{size:14,color:r.color}),A.createElement("span",{style:{fontSize:"13px",fontWeight:"600",color:r.textColor}},"Changed to ",r.label),A.createElement("span",{style:{fontSize:"11px",color:"#9ca3af",marginLeft:"auto"}},R(e.createdAt))),e.comment&&A.createElement("p",{style:{margin:0,fontSize:"13px",color:"#4b5563",lineHeight:"1.5",paddingLeft:"22px"}},'"',e.comment,'"'))}))),l&&!B&&A.createElement("div",{style:{backgroundColor:"#f9fafb",padding:"16px",borderRadius:"12px",display:"flex",flexDirection:"column",gap:"12px"}},A.createElement("div",{style:{fontSize:"13px",fontWeight:"600",color:"#374151",marginBottom:"4px"}},"Submission Details"),A.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"8px",fontSize:"13px"}},A.createElement("div",null,A.createElement("span",{style:{color:"#6b7280",fontWeight:"600"}},"Submitted:"),A.createElement("span",{style:{color:"#111827",marginLeft:"8px"}},R(e.timestamp))),e.url&&A.createElement("div",null,A.createElement("span",{style:{color:"#6b7280",fontWeight:"600"}},"Page:"),A.createElement("span",{style:{color:"#111827",marginLeft:"8px",wordBreak:"break-all"}},e.url)))),B&&A.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"16px"}},A.createElement("div",{style:{backgroundColor:"#f9fafb",padding:"16px",borderRadius:"12px"}},A.createElement("div",{style:{fontSize:"13px",fontWeight:"700",color:"#374151",marginBottom:"12px"}},"Technical Details"),A.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"12px",fontSize:"12px"}},A.createElement("div",null,A.createElement("div",{style:{color:"#6b7280",fontWeight:"600",marginBottom:"6px",fontSize:"11px",textTransform:"uppercase",letterSpacing:"0.5px"}},"Page URL"),A.createElement("div",{style:{color:"#111827",wordBreak:"break-all",fontFamily:"ui-monospace, monospace",fontSize:"12px",backgroundColor:"white",padding:"8px",borderRadius:"6px"}},e.url)),e.viewport&&function(){try{var t="string"==typeof e.viewport?JSON.parse(e.viewport):e.viewport;return A.createElement("div",null,A.createElement("div",{style:{color:"#6b7280",fontWeight:"600",marginBottom:"6px",fontSize:"11px",textTransform:"uppercase",letterSpacing:"0.5px"}},"Viewport Size"),A.createElement("div",{style:{color:"#111827",fontFamily:"ui-monospace, monospace",fontSize:"12px"}},t.width," × ",t.height," pixels"))}catch(A){return null}}())),e.elementInfo&&function(){try{var t="string"==typeof e.elementInfo?JSON.parse(e.elementInfo):e.elementInfo;return A.createElement("div",{style:{backgroundColor:"#f0f9ff",padding:"16px",borderRadius:"12px",border:"1px solid #bae6fd"}},A.createElement("div",{style:{fontSize:"13px",fontWeight:"700",color:"#0c4a6e",marginBottom:"12px"}},"Element Information"),A.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"8px",fontFamily:"ui-monospace, monospace",fontSize:"12px",color:"#0c4a6e"}},A.createElement("div",null,A.createElement("span",{style:{color:"#075985",fontWeight:"600"}},"Tag:")," ",A.createElement("span",{style:{color:"#0369a1"}},t.tagName)),t.id&&A.createElement("div",null,A.createElement("span",{style:{color:"#075985",fontWeight:"600"}},"ID:")," ",A.createElement("span",{style:{color:"#0369a1"}},"#",t.id)),t.className&&A.createElement("div",null,A.createElement("span",{style:{color:"#075985",fontWeight:"600"}},"Class:")," ",A.createElement("span",{style:{color:"#0369a1"}},t.className)),t.selector&&A.createElement("div",null,A.createElement("span",{style:{color:"#075985",fontWeight:"600"}},"Selector:")," ",A.createElement("span",{style:{color:"#0369a1"}},t.selector)),t.text&&A.createElement("div",null,A.createElement("span",{style:{color:"#075985",fontWeight:"600"}},"Text:")," ",A.createElement("span",{style:{color:"#0369a1"}},t.text.substring(0,100),t.text.length>100?"...":""))))}catch(A){return null}}(),e.userAgent&&A.createElement("div",{style:{backgroundColor:"#fef3c7",padding:"16px",borderRadius:"12px",border:"1px solid #fde68a"}},A.createElement("div",{style:{fontSize:"13px",fontWeight:"700",color:"#78350f",marginBottom:"8px"}},"User Agent"),A.createElement("div",{style:{color:"#92400e",fontFamily:"ui-monospace, monospace",fontSize:"11px",wordBreak:"break-all",lineHeight:"1.5"}},e.userAgent)))))})))),x.isOpen&&A.createElement(A.Fragment,null,A.createElement("div",{style:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.6)",zIndex:1e4,animation:"fadeIn 0.2s ease-out"},onClick:T}),A.createElement("div",{style:{position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",backgroundColor:"white",borderRadius:"16px",padding:"32px",width:"90%",maxWidth:"500px",zIndex:10001,boxShadow:"0 20px 60px rgba(0, 0, 0, 0.3)",animation:"scaleIn 0.2s ease-out"},onClick:function(A){return A.stopPropagation()}},A.createElement("h3",{style:{margin:"0 0 8px 0",fontSize:"24px",fontWeight:"700",color:"#111827"}},"Change Status"),A.createElement("p",{style:{margin:"0 0 24px 0",fontSize:"14px",color:"#6b7280"}},"Add an optional comment to explain the status change"),A.createElement("div",{style:{display:"flex",alignItems:"center",gap:"12px",marginBottom:"24px",padding:"16px",backgroundColor:"#f9fafb",borderRadius:"12px"}},A.createElement(G,{status:x.oldStatus}),A.createElement("div",{style:{color:"#9ca3af",fontSize:"20px",fontWeight:"600"}},"→"),A.createElement(G,{status:x.newStatus})),A.createElement("div",{style:{marginBottom:"24px"}},A.createElement("label",{style:{display:"block",fontSize:"14px",fontWeight:"600",color:"#374151",marginBottom:"8px"}},"Developer Comment (optional)"),A.createElement("textarea",{value:x.comment,onChange:function(A){return K(Q(Q({},x),{},{comment:A.target.value}))},placeholder:"Add a comment about this status change...",style:{width:"100%",minHeight:"120px",padding:"12px",fontSize:"14px",border:"2px solid #e5e7eb",borderRadius:"8px",resize:"vertical",fontFamily:"inherit",outline:"none",transition:"border-color 0.2s"},onFocus:function(A){return A.target.style.borderColor="#3b82f6"},onBlur:function(A){return A.target.style.borderColor="#e5e7eb"}}),A.createElement("p",{style:{margin:"8px 0 0 0",fontSize:"12px",color:"#9ca3af"}},"This comment will be visible to users and stored in the status history")),A.createElement("div",{style:{display:"flex",gap:"12px",justifyContent:"flex-end"}},A.createElement("button",{onClick:T,style:{padding:"10px 20px",backgroundColor:"#f3f4f6",border:"none",borderRadius:"8px",fontSize:"14px",fontWeight:"600",color:"#374151",cursor:"pointer",transition:"background-color 0.2s"},onMouseOver:function(A){return A.currentTarget.style.backgroundColor="#e5e7eb"},onMouseOut:function(A){return A.currentTarget.style.backgroundColor="#f3f4f6"}},"Cancel"),A.createElement("button",{onClick:function(){var A=x.feedbackId,e=x.newStatus,t=x.comment,r=w.map(function(t){return t.id===A?Q(Q({},t),{},{status:e}):t});E?S(r):d(r),u&&"function"==typeof u&&u({id:A,status:e,comment:t}),T()},style:{padding:"10px 20px",backgroundColor:"#3b82f6",border:"none",borderRadius:"8px",fontSize:"14px",fontWeight:"600",color:"white",cursor:"pointer",transition:"background-color 0.2s"},onMouseOver:function(A){return A.currentTarget.style.backgroundColor="#2563eb"},onMouseOut:function(A){return A.currentTarget.style.backgroundColor="#3b82f6"}},"Confirm Change")))),A.createElement("style",null,"\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n @keyframes slideInRight {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0);\n }\n }\n\n @keyframes dropdownSlideIn {\n from {\n opacity: 0;\n transform: translateY(-10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes scaleIn {\n from {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.9);\n }\n to {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n }\n ")),document.body):null},N=function(A){try{var e=localStorage.getItem(M),t=e?JSON.parse(e):[],r=Q(Q({id:Date.now().toString()},A),{},{status:"reported",timestamp:(new Date).toISOString()}),n=[r].concat(h(t));return localStorage.setItem(M,JSON.stringify(n)),{success:!0,data:r}}catch(A){return console.error("Failed to save feedback:",A),{success:!1,error:A.message}}},P=function(e){var t=e.isOpen,r=e.onClose,n=e.updates,o=void 0===n?[]:n,s=e.onDismissUpdate,i=e.onDismissAll;if(!t||0===o.length)return null;var B=function(A){var e=new Date(A),t=new Date-e,r=Math.floor(t/6e4),n=Math.floor(t/36e5),o=Math.floor(t/864e5);if(r<1)return"Just now";if(r<60)return"".concat(r," minute").concat(r>1?"s":""," ago");if(n<24)return"".concat(n," hour").concat(n>1?"s":""," ago");if(o<7)return"".concat(o," day").concat(o>1?"s":""," ago");var s=e.getDate(),i=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][e.getMonth()];return"".concat(s," ").concat(i)},c=function(A){return{open:"reported",submitted:"reported",in_progress:"inProgress",resolved:"resolved",closed:"resolved"}[A]||A},l=o.filter(function(A){var e=c(A.status);return"resolved"===e||"released"===e}),u=o.filter(function(A){var e=c(A.status);return"inProgress"===e||"opened"===e}),g=o.filter(function(A){var e=c(A.status);return!["resolved","released","inProgress","opened"].includes(e)});return a(A.createElement(A.Fragment,null,A.createElement("div",{onClick:r,style:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.5)",zIndex:1e4,animation:"fadeIn 0.2s ease-out"}}),A.createElement("div",{style:{position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"90%",maxWidth:"600px",maxHeight:"80vh",backgroundColor:"white",borderRadius:"20px",boxShadow:"0 20px 60px rgba(0, 0, 0, 0.3)",zIndex:10001,display:"flex",flexDirection:"column",animation:"scaleIn 0.3s ease-out",overflow:"hidden"}},A.createElement("div",{style:{padding:"32px 32px 24px 32px",borderBottom:"1px solid #f3f4f6"}},A.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},A.createElement("div",null,A.createElement("h3",{style:{margin:0,fontSize:"28px",fontWeight:"700",color:"#111827",letterSpacing:"-0.03em"}},"Updates"),A.createElement("p",{style:{margin:"8px 0 0 0",fontSize:"15px",color:"#6b7280",fontWeight:"400"}},o.length," ",1===o.length?"update":"updates"," on your feedback")),A.createElement("button",{onClick:r,style:{padding:"10px",backgroundColor:"#f3f4f6",border:"none",borderRadius:"10px",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s"},onMouseOver:function(A){A.currentTarget.style.backgroundColor="#e5e7eb",A.currentTarget.style.transform="scale(1.05)"},onMouseOut:function(A){A.currentTarget.style.backgroundColor="#f3f4f6",A.currentTarget.style.transform="scale(1)"}},A.createElement(k,{size:20,color:"#6b7280"})))),A.createElement("div",{style:{flex:1,overflow:"auto",padding:"20px 24px"}},l.length>0&&A.createElement("div",{style:{marginBottom:"32px"}},A.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#10b981",textTransform:"uppercase",letterSpacing:"0.8px",marginBottom:"16px",paddingLeft:"4px"}},"Completed"),A.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"16px"}},l.map(function(e){var t=c(e.status),r=O[t||"resolved"];r.icon;var n=e.responseMessage||(e.statusHistory&&e.statusHistory.length>0?e.statusHistory[e.statusHistory.length-1].comment:null);return A.createElement("div",{key:e.id,style:{backgroundColor:"white",border:"1px solid #e5e7eb",borderRadius:"12px",padding:"20px",transition:"all 0.2s",position:"relative"}},A.createElement("div",{style:{position:"absolute",left:0,top:0,bottom:0,width:"4px",backgroundColor:"#10b981",borderRadius:"12px 0 0 12px"}}),A.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-start"}},A.createElement("div",{style:{flex:1,paddingRight:"12px"}},A.createElement("h4",{style:{margin:"0 0 8px 0",fontSize:"16px",fontWeight:"600",color:"#111827",lineHeight:"1.4"}},e.title||e.feedback||e.description),A.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"12px"}},A.createElement("div",{style:{display:"inline-flex",alignItems:"center",gap:"4px",padding:"4px 8px",backgroundColor:"#dcfce7",borderRadius:"6px",fontSize:"12px",fontWeight:"600",color:"#065f46"}},A.createElement(E,{size:12}),A.createElement("span",null,r.label)),A.createElement("span",{style:{fontSize:"13px",color:"#9ca3af"}},B(e.updatedAt||e.resolvedAt||e.timestamp||e.createdAt))),n&&A.createElement("div",{style:{padding:"12px 14px",backgroundColor:"#f9fafb",borderRadius:"8px",marginTop:"12px"}},e.resolvedBy&&A.createElement("div",{style:{fontSize:"12px",fontWeight:"600",color:"#6b7280",marginBottom:"6px"}},e.resolvedBy),A.createElement("p",{style:{margin:0,fontSize:"14px",color:"#374151",lineHeight:"1.5"}},n))),s&&A.createElement("button",{onClick:function(){return s(e.id)},style:{padding:"6px",backgroundColor:"transparent",border:"none",color:"#d1d5db",cursor:"pointer",display:"flex",alignItems:"center",borderRadius:"6px",transition:"all 0.2s",flexShrink:0},onMouseOver:function(A){A.currentTarget.style.backgroundColor="#f3f4f6",A.currentTarget.style.color="#6b7280"},onMouseOut:function(A){A.currentTarget.style.backgroundColor="transparent",A.currentTarget.style.color="#d1d5db"}},A.createElement(k,{size:18}))))}))),u.length>0&&A.createElement("div",{style:{marginBottom:"32px"}},A.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#3b82f6",textTransform:"uppercase",letterSpacing:"0.8px",marginBottom:"16px",paddingLeft:"4px"}},"In Progress"),A.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"16px"}},u.map(function(e){var t=c(e.status),r=O[t||"inProgress"];r.icon;var n=e.responseMessage||(e.statusHistory&&e.statusHistory.length>0?e.statusHistory[e.statusHistory.length-1].comment:null);return A.createElement("div",{key:e.id,style:{backgroundColor:"white",border:"1px solid #e5e7eb",borderRadius:"12px",padding:"20px",transition:"all 0.2s",position:"relative"}},A.createElement("div",{style:{position:"absolute",left:0,top:0,bottom:0,width:"4px",backgroundColor:"#3b82f6",borderRadius:"12px 0 0 12px"}}),A.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-start"}},A.createElement("div",{style:{flex:1,paddingRight:"12px"}},A.createElement("h4",{style:{margin:"0 0 8px 0",fontSize:"16px",fontWeight:"600",color:"#111827",lineHeight:"1.4"}},e.title||e.feedback||e.description),A.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"12px"}},A.createElement("div",{style:{display:"inline-flex",alignItems:"center",gap:"4px",padding:"4px 8px",backgroundColor:"#dbeafe",borderRadius:"6px",fontSize:"12px",fontWeight:"600",color:"#1e40af"}},A.createElement(K,{size:12}),A.createElement("span",null,r.label)),A.createElement("span",{style:{fontSize:"13px",color:"#9ca3af"}},B(e.updatedAt||e.resolvedAt||e.timestamp||e.createdAt))),n&&A.createElement("div",{style:{padding:"12px 14px",backgroundColor:"#f9fafb",borderRadius:"8px",marginTop:"12px"}},e.assignedTo&&A.createElement("div",{style:{fontSize:"12px",fontWeight:"600",color:"#6b7280",marginBottom:"6px"}},e.assignedTo),A.createElement("p",{style:{margin:0,fontSize:"14px",color:"#374151",lineHeight:"1.5"}},n),e.estimatedResolutionDate&&A.createElement("div",{style:{marginTop:"8px",paddingTop:"8px",borderTop:"1px solid #e5e7eb",fontSize:"12px",color:"#6b7280",display:"flex",alignItems:"center",gap:"4px"}},A.createElement(I,{size:12}),A.createElement("span",null,"Est. completion: ",B(e.estimatedResolutionDate))))),s&&A.createElement("button",{onClick:function(){return s(e.id)},style:{padding:"6px",backgroundColor:"transparent",border:"none",color:"#d1d5db",cursor:"pointer",display:"flex",alignItems:"center",borderRadius:"6px",transition:"all 0.2s",flexShrink:0},onMouseOver:function(A){A.currentTarget.style.backgroundColor="#f3f4f6",A.currentTarget.style.color="#6b7280"},onMouseOut:function(A){A.currentTarget.style.backgroundColor="transparent",A.currentTarget.style.color="#d1d5db"}},A.createElement(k,{size:18}))))}))),g.length>0&&A.createElement("div",null,A.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#6b7280",textTransform:"uppercase",letterSpacing:"0.8px",marginBottom:"16px",paddingLeft:"4px"}},"Other Updates"),A.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"16px"}},g.map(function(e){var t=c(e.status),r=O[t||"reported"],n=r.icon,o=e.responseMessage||(e.statusHistory&&e.statusHistory.length>0?e.statusHistory[e.statusHistory.length-1].comment:null);return A.createElement("div",{key:e.id,style:{backgroundColor:"white",border:"1px solid #e5e7eb",borderRadius:"12px",padding:"20px",transition:"all 0.2s",position:"relative"}},A.createElement("div",{style:{position:"absolute",left:0,top:0,bottom:0,width:"4px",backgroundColor:r.color,borderRadius:"12px 0 0 12px"}}),A.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-start"}},A.createElement("div",{style:{flex:1,paddingRight:"12px"}},A.createElement("h4",{style:{margin:"0 0 8px 0",fontSize:"16px",fontWeight:"600",color:"#111827",lineHeight:"1.4"}},e.title||e.feedback||e.description),A.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"12px"}},A.createElement("div",{style:{display:"inline-flex",alignItems:"center",gap:"4px",padding:"4px 8px",backgroundColor:r.bgColor,borderRadius:"6px",fontSize:"12px",fontWeight:"600",color:r.textColor}},A.createElement(n,{size:12}),A.createElement("span",null,r.label)),A.createElement("span",{style:{fontSize:"13px",color:"#9ca3af"}},B(e.updatedAt||e.resolvedAt||e.timestamp||e.createdAt))),o&&A.createElement("div",{style:{padding:"12px 14px",backgroundColor:"#f9fafb",borderRadius:"8px",marginTop:"12px"}},A.createElement("p",{style:{margin:0,fontSize:"14px",color:"#374151",lineHeight:"1.5"}},o))),s&&A.createElement("button",{onClick:function(){return s(e.id)},style:{padding:"6px",backgroundColor:"transparent",border:"none",color:"#d1d5db",cursor:"pointer",display:"flex",alignItems:"center",borderRadius:"6px",transition:"all 0.2s",flexShrink:0},onMouseOver:function(A){A.currentTarget.style.backgroundColor="#f3f4f6",A.currentTarget.style.color="#6b7280"},onMouseOut:function(A){A.currentTarget.style.backgroundColor="transparent",A.currentTarget.style.color="#d1d5db"}},A.createElement(k,{size:18}))))})))),A.createElement("div",{style:{padding:"16px 24px",borderTop:"1px solid #e5e7eb",backgroundColor:"#f9fafb",display:"flex",justifyContent:"space-between",alignItems:"center"}},A.createElement("p",{style:{margin:0,fontSize:"13px",color:"#6b7280"}},o.length," update",o.length>1?"s":""),A.createElement("div",{style:{display:"flex",gap:"12px"}},i&&A.createElement("button",{onClick:i,style:{padding:"10px 20px",backgroundColor:"#f3f4f6",border:"none",borderRadius:"8px",fontSize:"14px",fontWeight:"600",color:"#374151",cursor:"pointer",transition:"all 0.2s"},onMouseOver:function(A){return A.currentTarget.style.backgroundColor="#e5e7eb"},onMouseOut:function(A){return A.currentTarget.style.backgroundColor="#f3f4f6"}},"Dismiss All"),A.createElement("button",{onClick:r,style:{padding:"10px 20px",backgroundColor:"#111827",border:"none",borderRadius:"8px",fontSize:"14px",fontWeight:"600",color:"white",cursor:"pointer",transition:"all 0.2s"},onMouseOver:function(A){return A.currentTarget.style.backgroundColor="#1f2937"},onMouseOut:function(A){return A.currentTarget.style.backgroundColor="#111827"}},"Got it!")))),A.createElement("style",null,"\n @keyframes scaleIn {\n from {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.9);\n }\n to {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n }\n ")),document.body)},X=function(A){if(!A||A===document.body)return"body";for(var e=[],t=A;t&&t!==document.body;){var r,n=t.tagName.toLowerCase();if(t.id){n+="#".concat(t.id),e.unshift(n);break}if(t.className){var o=t.className.split(" ").filter(function(A){return A.trim()});o.length>0&&(n+=".".concat(o[0]))}var s=Array.from((null===(r=t.parentElement)||void 0===r?void 0:r.children)||[]).filter(function(A){return A.tagName===t.tagName});if(s.length>1){var i=s.indexOf(t)+1;n+=":nth-of-type(".concat(i,")")}e.unshift(n),t=t.parentElement}return e.join(" > ")},J=function(A){var e,t=A.getBoundingClientRect(),r=window.getComputedStyle(A);return{tagName:A.tagName.toLowerCase(),id:A.id||null,className:A.className||null,textContent:(null===(e=A.textContent)||void 0===e?void 0:e.slice(0,100))||null,selector:X(A),position:{x:Math.round(t.x),y:Math.round(t.y),width:Math.round(t.width),height:Math.round(t.height)},styles:{backgroundColor:r.backgroundColor,color:r.color,fontSize:r.fontSize,fontFamily:r.fontFamily}}},W=function(){var A=u(d().m(function A(e){var t,r,n,o,s,i,B;return d().w(function(A){for(;;)switch(A.p=A.n){case 0:return A.p=0,A.n=1,Promise.resolve().then(function(){return OA});case 1:return t=A.v,r=t.toPng,n={quality:1,pixelRatio:2,cacheBust:!0,skipFonts:!1,skipAutoScale:!1,fetchRequestInit:{mode:"cors",credentials:"omit",cache:"no-cache"},filter:function(A){if("LINK"===A.tagName&&"stylesheet"===A.rel){var e=A.href||"";if(e&&!e.startsWith(window.location.origin)&&e.includes("http"))return!1}if("STYLE"===A.tagName){var t=A.textContent||"";if(t.includes("@import")&&t.includes("http"))return!1}return!0},style:{transform:"none",transformOrigin:"top left"}},A.n=2,r(e,n);case 2:return o=A.v,A.a(2,o);case 3:return A.p=3,A.v,console.warn("[Feedback Widget] html-to-image failed, using html2canvas fallback"),A.p=4,A.n=5,Promise.resolve().then(function(){return aB});case 5:return s=A.v.default,A.n=6,s(e,{backgroundColor:null,scale:2,useCORS:!0,allowTaint:!0,logging:!1,ignoreElements:function(A){if("LINK"===A.tagName&&"stylesheet"===A.rel){var e=A.href||"";return e&&!e.startsWith(window.location.origin)&&e.includes("http")}return!1},onclone:function(A){A.querySelectorAll('link[rel="stylesheet"]').forEach(function(A){var e=A.href||"";e&&!e.startsWith(window.location.origin)&&e.includes("http")&&A.remove()})}});case 6:return i=A.v,A.a(2,i.toDataURL("image/png"));case 7:return A.p=7,B=A.v,console.error("[Feedback Widget] Both screenshot methods failed:",B),A.a(2,null)}},A,null,[[4,7],[0,3]])}));return function(e){return A.apply(this,arguments)}}(),Y=i(null),Z=function(e){var t=e.children,i=e.onSubmit,B=e.isActive,c=e.onActiveChange,l=e.dashboard,g=void 0!==l&&l,w=e.dashboardData,Q=e.isDeveloper,C=void 0!==Q&&Q,h=e.isUser,U=void 0===h||h,F=e.userName,p=e.userEmail,m=e.onStatusChange,y=e.mode,E=void 0===y?"light":y,H=f(r(!1),2),I=H[0],b=H[1],v=void 0!==B,x=v?B:I,K=s(function(A){v?c&&c("function"==typeof A?A(x):A):b(A)},[v,c,x]),L=f(r(null),2),D=L[0],S=L[1],k=f(r(null),2),M=k[0],O=k[1],G=f(r({}),2),V=G[0],P=G[1],X=f(r({}),2),Z=X[0],z=X[1],_=f(r(!1),2),j=_[0],q=_[1],$=f(r(null),2),AA=$[0],eA=$[1],tA=f(r(!1),2),rA=tA[0],nA=tA[1],oA=f(r(!1),2),sA=oA[0],iA=oA[1],BA=n(null),aA=n(null);o(function(){},[i]);var cA=s(function(A){if(!A||A===document.body||A===document.documentElement)return!1;if(A.closest(".feedback-overlay, .feedback-modal, .feedback-backdrop, .feedback-tooltip, .feedback-highlight"))return!1;var e=A.getBoundingClientRect();return!(e.width<10||e.height<10)},[]),lA=s(function(A){if(x){var e=document.elementFromPoint(A.clientX,A.clientY);if(cA(e)&&e!==D){S(e);var t=e.getBoundingClientRect(),r=window.pageXOffset,n=window.pageYOffset;P({left:t.left+r,top:t.top+n,width:t.width,height:t.height});var o=Math.min(A.clientX+10,window.innerWidth-200),s=A.clientY-40;z({left:o,top:Math.max(s,10)})}}},[x,D,cA]),uA=s(function(){var A=u(d().m(function A(e){var t;return d().w(function(A){for(;;)switch(A.p=A.n){case 0:if(x&&D){A.n=1;break}return A.a(2);case 1:return e.preventDefault(),e.stopPropagation(),nA(!0),O(D),A.p=2,A.n=3,W(D);case 3:t=A.v,eA(t),q(!0),A.n=5;break;case 4:A.p=4,A.v,q(!0);case 5:return A.p=5,nA(!1),S(null),A.f(5);case 6:return A.a(2)}},A,null,[[2,4,5,6]])}));return function(e){return A.apply(this,arguments)}}(),[x,D]),gA=s(function(A){return A.ctrlKey&&!A.shiftKey&&"q"===A.key.toLowerCase()?(A.preventDefault(),void(x||K(!0))):g&&A.ctrlKey&&A.shiftKey&&"q"===A.key.toLowerCase()?(A.preventDefault(),void iA(!0)):void("Escape"===A.key&&(A.preventDefault(),x&&(K(!1),q(!1)),sA&&iA(!1)))},[x,sA,g]);o(function(){return document.addEventListener("keydown",gA),function(){return document.removeEventListener("keydown",gA)}},[gA]),o(function(){return x?document.body.classList.add("feedback-mode-active"):document.body.classList.remove("feedback-mode-active"),function(){document.body.classList.remove("feedback-mode-active")}},[x]),o(function(){return x?(document.addEventListener("mousemove",lA,{passive:!0}),document.addEventListener("click",uA,!0),function(){document.removeEventListener("mousemove",lA),document.removeEventListener("click",uA,!0)}):(S(null),O(null),void q(!1))},[x,lA,uA]);var wA=s(function(){var A=u(d().m(function A(e){var t;return d().w(function(A){for(;;)switch(A.p=A.n){case 0:if(A.p=0,!g){A.n=1;break}if((t=N(e)).success){A.n=1;break}throw new Error(t.error);case 1:if(!i||"function"!=typeof i){A.n=2;break}return A.n=2,i(e);case 2:q(!1),K(!1),O(null),eA(null),S(null),A.n=4;break;case 3:throw A.p=3,A.v;case 4:return A.a(2)}},A,null,[[0,3]])}));return function(e){return A.apply(this,arguments)}}(),[i,g]),QA=s(function(){q(!1),O(null),eA(null)},[]),dA="dark"===E?"feedback-dark":"feedback-light";return A.createElement(Y.Provider,{value:{isActive:x,setIsActive:K,setIsDashboardOpen:iA}},t,x&&a(A.createElement(A.Fragment,null,A.createElement("div",{ref:BA,className:"feedback-overlay ".concat(dA)}),D&&A.createElement(A.Fragment,null,A.createElement("div",{ref:aA,className:"feedback-highlight ".concat(dA),style:V}),A.createElement("div",{className:"feedback-tooltip ".concat(dA),style:Z},D.tagName.toLowerCase(),D.id&&"#".concat(D.id),rA&&" (Capturing...)"))),document.body),A.createElement(T,{isOpen:j,onClose:QA,elementInfo:M?J(M):null,screenshot:AA,onSubmit:wA,userName:F,userEmail:p,mode:E}),g&&A.createElement(R,{isOpen:sA,onClose:function(){return iA(!1)},data:w,isDeveloper:C,isUser:U,onStatusChange:m}))},z=function(){var A=B(Y);if(!A)throw new Error("useFeedback must be used within FeedbackProvider");return A};const _=(()=>{let A=0;return()=>(A+=1,`u${`0000${(Math.random()*36**4|0).toString(36)}`.slice(-4)}${A}`)})();function j(A){const e=[];for(let t=0,r=A.length;t<r;t++)e.push(A[t]);return e}let q=null;function $(A={}){return q||(A.includeStyleProperties?(q=A.includeStyleProperties,q):(q=j(window.getComputedStyle(document.documentElement)),q))}function AA(A,e){const t=(A.ownerDocument.defaultView||window).getComputedStyle(A).getPropertyValue(e);return t?parseFloat(t.replace("px","")):0}function eA(A,e={}){return{width:e.width||function(A){const e=AA(A,"border-left-width"),t=AA(A,"border-right-width");return A.clientWidth+e+t}(A),height:e.height||function(A){const e=AA(A,"border-top-width"),t=AA(A,"border-bottom-width");return A.clientHeight+e+t}(A)}}const tA=16384;function rA(A){return new Promise((e,t)=>{const r=new Image;r.onload=()=>{r.decode().then(()=>{requestAnimationFrame(()=>e(r))})},r.onerror=t,r.crossOrigin="anonymous",r.decoding="async",r.src=A})}async function nA(A,e,t){const r="http://www.w3.org/2000/svg",n=document.createElementNS(r,"svg"),o=document.createElementNS(r,"foreignObject");return n.setAttribute("width",`${e}`),n.setAttribute("height",`${t}`),n.setAttribute("viewBox",`0 0 ${e} ${t}`),o.setAttribute("width","100%"),o.setAttribute("height","100%"),o.setAttribute("x","0"),o.setAttribute("y","0"),o.setAttribute("externalResourcesRequired","true"),n.appendChild(o),o.appendChild(A),async function(A){return Promise.resolve().then(()=>(new XMLSerializer).serializeToString(A)).then(encodeURIComponent).then(A=>`data:image/svg+xml;charset=utf-8,${A}`)}(n)}const oA=(A,e)=>{if(A instanceof e)return!0;const t=Object.getPrototypeOf(A);return null!==t&&(t.constructor.name===e.name||oA(t,e))};function sA(A,e,t,r){const n=`.${A}:${e}`,o=t.cssText?function(A){const e=A.getPropertyValue("content");return`${A.cssText} content: '${e.replace(/'|"/g,"")}';`}(t):function(A,e){return $(e).map(e=>`${e}: ${A.getPropertyValue(e)}${A.getPropertyPriority(e)?" !important":""};`).join(" ")}(t,r);return document.createTextNode(`${n}{${o}}`)}function iA(A,e,t,r){const n=window.getComputedStyle(A,t),o=n.getPropertyValue("content");if(""===o||"none"===o)return;const s=_();try{e.className=`${e.className} ${s}`}catch(A){return}const i=document.createElement("style");i.appendChild(sA(s,t,n,r)),e.appendChild(i)}const BA="application/font-woff",aA="image/jpeg",cA={woff:BA,woff2:BA,ttf:"application/font-truetype",eot:"application/vnd.ms-fontobject",png:"image/png",jpg:aA,jpeg:aA,gif:"image/gif",tiff:"image/tiff",svg:"image/svg+xml",webp:"image/webp"};function lA(A){const e=function(A){const e=/\.([^./]*?)$/g.exec(A);return e?e[1]:""}(A).toLowerCase();return cA[e]||""}function uA(A){return-1!==A.search(/^(data:)/)}async function gA(A,e,t){const r=await fetch(A,e);if(404===r.status)throw new Error(`Resource "${r.url}" not found`);const n=await r.blob();return new Promise((A,e)=>{const o=new FileReader;o.onerror=e,o.onloadend=()=>{try{A(t({res:r,result:o.result}))}catch(A){e(A)}},o.readAsDataURL(n)})}const wA={};async function QA(A,e,t){const r=function(A,e,t){let r=A.replace(/\?.*/,"");return t&&(r=A),/ttf|otf|eot|woff2?/i.test(r)&&(r=r.replace(/.*\//,"")),e?`[${e}]${r}`:r}(A,e,t.includeQueryParams);if(null!=wA[r])return wA[r];let n;t.cacheBust&&(A+=(/\?/.test(A)?"&":"?")+(new Date).getTime());try{const r=await gA(A,t.fetchRequestInit,({res:A,result:t})=>(e||(e=A.headers.get("Content-Type")||""),function(A){return A.split(/,/)[1]}(t)));n=function(A,e){return`data:${e};base64,${A}`}(r,e)}catch(e){n=t.imagePlaceholder||"";let r=`Failed to fetch resource: ${A}`;e&&(r="string"==typeof e?e:e.message),r&&console.warn(r)}return wA[r]=n,n}async function dA(A,e){return oA(A,HTMLCanvasElement)?async function(A){const e=A.toDataURL();return"data:,"===e?A.cloneNode(!1):rA(e)}(A):oA(A,HTMLVideoElement)?async function(A,e){if(A.currentSrc){const e=document.createElement("canvas"),t=e.getContext("2d");return e.width=A.clientWidth,e.height=A.clientHeight,null==t||t.drawImage(A,0,0,e.width,e.height),rA(e.toDataURL())}const t=A.poster,r=lA(t);return rA(await QA(t,r,e))}(A,e):oA(A,HTMLIFrameElement)?async function(A,e){var t;try{if(null===(t=null==A?void 0:A.contentDocument)||void 0===t?void 0:t.body)return await UA(A.contentDocument.body,e,!0)}catch(A){}return A.cloneNode(!1)}(A,e):A.cloneNode(fA(A))}const CA=A=>null!=A.tagName&&"SLOT"===A.tagName.toUpperCase(),fA=A=>null!=A.tagName&&"SVG"===A.tagName.toUpperCase();function hA(A,e,t){return oA(e,Element)&&(function(A,e,t){const r=e.style;if(!r)return;const n=window.getComputedStyle(A);n.cssText?(r.cssText=n.cssText,r.transformOrigin=n.transformOrigin):$(t).forEach(t=>{let o=n.getPropertyValue(t);if("font-size"===t&&o.endsWith("px")){const A=Math.floor(parseFloat(o.substring(0,o.length-2)))-.1;o=`${A}px`}oA(A,HTMLIFrameElement)&&"display"===t&&"inline"===o&&(o="block"),"d"===t&&e.getAttribute("d")&&(o=`path(${e.getAttribute("d")})`),r.setProperty(t,o,n.getPropertyPriority(t))})}(A,e,t),function(A,e,t){iA(A,e,":before",t),iA(A,e,":after",t)}(A,e,t),function(A,e){oA(A,HTMLTextAreaElement)&&(e.innerHTML=A.value),oA(A,HTMLInputElement)&&e.setAttribute("value",A.value)}(A,e),function(A,e){if(oA(A,HTMLSelectElement)){const t=e,r=Array.from(t.children).find(e=>A.value===e.getAttribute("value"));r&&r.setAttribute("selected","")}}(A,e)),e}async function UA(A,e,t){return t||!e.filter||e.filter(A)?Promise.resolve(A).then(A=>dA(A,e)).then(t=>async function(A,e,t){var r,n;if(fA(e))return e;let o=[];return o=CA(A)&&A.assignedNodes?j(A.assignedNodes()):oA(A,HTMLIFrameElement)&&(null===(r=A.contentDocument)||void 0===r?void 0:r.body)?j(A.contentDocument.body.childNodes):j((null!==(n=A.shadowRoot)&&void 0!==n?n:A).childNodes),0===o.length||oA(A,HTMLVideoElement)||await o.reduce((A,r)=>A.then(()=>UA(r,t)).then(A=>{A&&e.appendChild(A)}),Promise.resolve()),e}(A,t,e)).then(t=>hA(A,t,e)).then(A=>async function(A,e){const t=A.querySelectorAll?A.querySelectorAll("use"):[];if(0===t.length)return A;const r={};for(let n=0;n<t.length;n++){const o=t[n].getAttribute("xlink:href");if(o){const t=A.querySelector(o),n=document.querySelector(o);t||!n||r[o]||(r[o]=await UA(n,e,!0))}}const n=Object.values(r);if(n.length){const e="http://www.w3.org/1999/xhtml",t=document.createElementNS(e,"svg");t.setAttribute("xmlns",e),t.style.position="absolute",t.style.width="0",t.style.height="0",t.style.overflow="hidden",t.style.display="none";const r=document.createElementNS(e,"defs");t.appendChild(r);for(let A=0;A<n.length;A++)r.appendChild(n[A]);A.appendChild(t)}return A}(A,e)):null}const FA=/url\((['"]?)([^'"]+?)\1\)/g,pA=/url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g,mA=/src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;async function yA(A,e,t,r,n){try{const o=t?function(A,e){if(A.match(/^[a-z]+:\/\//i))return A;if(A.match(/^\/\//))return window.location.protocol+A;if(A.match(/^[a-z]+:/i))return A;const t=document.implementation.createHTMLDocument(),r=t.createElement("base"),n=t.createElement("a");return t.head.appendChild(r),t.body.appendChild(n),e&&(r.href=e),n.href=A,n.href}(e,t):e,s=lA(e);let i;return n||(i=await QA(o,s,r)),A.replace(function(A){const e=A.replace(/([.*+?^${}()|\[\]\/\\])/g,"\\$1");return new RegExp(`(url\\(['"]?)(${e})(['"]?\\))`,"g")}(e),`$1${i}$3`)}catch(A){}return A}function EA(A){return-1!==A.search(FA)}async function HA(A,e,t){if(!EA(A))return A;const r=function(A,{preferredFontFormat:e}){return e?A.replace(mA,A=>{for(;;){const[t,,r]=pA.exec(A)||[];if(!r)return"";if(r===e)return`src: ${t};`}}):A}(A,t),n=function(A){const e=[];return A.replace(FA,(A,t,r)=>(e.push(r),A)),e.filter(A=>!uA(A))}(r);return n.reduce((A,r)=>A.then(A=>yA(A,r,e,t)),Promise.resolve(r))}async function IA(A,e,t){var r;const n=null===(r=e.style)||void 0===r?void 0:r.getPropertyValue(A);if(n){const r=await HA(n,null,t);return e.style.setProperty(A,r,e.style.getPropertyPriority(A)),!0}return!1}async function bA(A,e){oA(A,Element)&&(await async function(A,e){await IA("background",A,e)||await IA("background-image",A,e),await IA("mask",A,e)||await IA("-webkit-mask",A,e)||await IA("mask-image",A,e)||await IA("-webkit-mask-image",A,e)}(A,e),await async function(A,e){const t=oA(A,HTMLImageElement);if((!t||uA(A.src))&&(!oA(A,SVGImageElement)||uA(A.href.baseVal)))return;const r=t?A.src:A.href.baseVal,n=await QA(r,lA(r),e);await new Promise((r,o)=>{A.onload=r,A.onerror=e.onImageErrorHandler?(...A)=>{try{r(e.onImageErrorHandler(...A))}catch(A){o(A)}}:o;const s=A;s.decode&&(s.decode=r),"lazy"===s.loading&&(s.loading="eager"),t?(A.srcset="",A.src=n):A.href.baseVal=n})}(A,e),await async function(A,e){const t=j(A.childNodes).map(A=>bA(A,e));await Promise.all(t).then(()=>A)}(A,e))}const vA={};async function xA(A){let e=vA[A];if(null!=e)return e;const t=await fetch(A);return e={url:A,cssText:await t.text()},vA[A]=e,e}async function KA(A,e){let t=A.cssText;const r=/url\(["']?([^"')]+)["']?\)/g,n=(t.match(/url\([^)]+\)/g)||[]).map(async n=>{let o=n.replace(r,"$1");return o.startsWith("https://")||(o=new URL(o,A.url).href),gA(o,e.fetchRequestInit,({result:A})=>(t=t.replace(n,`url(${A})`),[n,A]))});return Promise.all(n).then(()=>t)}function LA(A){if(null==A)return[];const e=[];let t=A.replace(/(\/\*[\s\S]*?\*\/)/gi,"");const r=new RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})","gi");for(;;){const A=r.exec(t);if(null===A)break;e.push(A[0])}t=t.replace(r,"");const n=/@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi,o=new RegExp("((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})","gi");for(;;){let A=n.exec(t);if(null===A){if(A=o.exec(t),null===A)break;n.lastIndex=o.lastIndex}else o.lastIndex=n.lastIndex;e.push(A[0])}return e}async function DA(A,e){if(null==A.ownerDocument)throw new Error("Provided element is not within a Document");const t=j(A.ownerDocument.styleSheets),r=await async function(A,e){const t=[],r=[];return A.forEach(t=>{if("cssRules"in t)try{j(t.cssRules||[]).forEach((A,n)=>{if(A.type===CSSRule.IMPORT_RULE){let o=n+1;const s=xA(A.href).then(A=>KA(A,e)).then(A=>LA(A).forEach(A=>{try{t.insertRule(A,A.startsWith("@import")?o+=1:t.cssRules.length)}catch(e){console.error("Error inserting rule from remote css",{rule:A,error:e})}})).catch(A=>{console.error("Error loading remote css",A.toString())});r.push(s)}})}catch(n){const o=A.find(A=>null==A.href)||document.styleSheets[0];null!=t.href&&r.push(xA(t.href).then(A=>KA(A,e)).then(A=>LA(A).forEach(A=>{o.insertRule(A,o.cssRules.length)})).catch(A=>{console.error("Error loading remote stylesheet",A)})),console.error("Error inlining remote css file",n)}}),Promise.all(r).then(()=>(A.forEach(A=>{if("cssRules"in A)try{j(A.cssRules||[]).forEach(A=>{t.push(A)})}catch(e){console.error(`Error while reading CSS rules from ${A.href}`,e)}}),t))}(t,e);return function(A){return A.filter(A=>A.type===CSSRule.FONT_FACE_RULE).filter(A=>EA(A.style.getPropertyValue("src")))}(r)}function SA(A){return A.trim().replace(/["']/g,"")}async function kA(A,e){const t=await DA(A,e),r=function(A){const e=new Set;return function A(t){(t.style.fontFamily||getComputedStyle(t).fontFamily).split(",").forEach(A=>{e.add(SA(A))}),Array.from(t.children).forEach(e=>{e instanceof HTMLElement&&A(e)})}(A),e}(A);return(await Promise.all(t.filter(A=>r.has(SA(A.style.fontFamily))).map(A=>{const t=A.parentStyleSheet?A.parentStyleSheet.href:null;return HA(A.cssText,t,e)}))).join("\n")}async function TA(A,e={}){const{width:t,height:r}=eA(A,e),n=await UA(A,e,!0);await async function(A,e){const t=null!=e.fontEmbedCSS?e.fontEmbedCSS:e.skipFonts?null:await kA(A,e);if(t){const e=document.createElement("style"),r=document.createTextNode(t);e.appendChild(r),A.firstChild?A.insertBefore(e,A.firstChild):A.appendChild(e)}}(n,e),await bA(n,e),function(A,e){const{style:t}=A;e.backgroundColor&&(t.backgroundColor=e.backgroundColor),e.width&&(t.width=`${e.width}px`),e.height&&(t.height=`${e.height}px`);const r=e.style;null!=r&&Object.keys(r).forEach(A=>{t[A]=r[A]})}(n,e);return await nA(n,t,r)}async function MA(A,e={}){const{width:t,height:r}=eA(A,e),n=await TA(A,e),o=await rA(n),s=document.createElement("canvas"),i=s.getContext("2d"),B=e.pixelRatio||function(){let A,e;try{e=process}catch(A){}const t=e&&e.env?e.env.devicePixelRatio:null;return t&&(A=parseInt(t,10),Number.isNaN(A)&&(A=1)),A||window.devicePixelRatio||1}(),a=e.canvasWidth||t,c=e.canvasHeight||r;return s.width=a*B,s.height=c*B,e.skipAutoScale||function(A){(A.width>tA||A.height>tA)&&(A.width>tA&&A.height>tA?A.width>A.height?(A.height*=tA/A.width,A.width=tA):(A.width*=tA/A.height,A.height=tA):A.width>tA?(A.height*=tA/A.width,A.width=tA):(A.width*=tA/A.height,A.height=tA))}(s),s.style.width=`${a}`,s.style.height=`${c}`,e.backgroundColor&&(i.fillStyle=e.backgroundColor,i.fillRect(0,0,s.width,s.height)),i.drawImage(o,0,0,s.width,s.height),s}var OA=Object.freeze({__proto__:null,getFontEmbedCSS:async function(A,e={}){return kA(A,e)},toBlob:async function(A,e={}){const t=await MA(A,e),r=await function(A,e={}){return A.toBlob?new Promise(t=>{A.toBlob(t,e.type?e.type:"image/png",e.quality?e.quality:1)}):new Promise(t=>{const r=window.atob(A.toDataURL(e.type?e.type:void 0,e.quality?e.quality:void 0).split(",")[1]),n=r.length,o=new Uint8Array(n);for(let A=0;A<n;A+=1)o[A]=r.charCodeAt(A);t(new Blob([o],{type:e.type?e.type:"image/png"}))})}(t);return r},toCanvas:MA,toJpeg:async function(A,e={}){return(await MA(A,e)).toDataURL("image/jpeg",e.quality||1)},toPixelData:async function(A,e={}){const{width:t,height:r}=eA(A,e);return(await MA(A,e)).getContext("2d").getImageData(0,0,t,r).data},toPng:async function(A,e={}){return(await MA(A,e)).toDataURL()},toSvg:TA}),GA=function(A,e){return GA=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(A,e){A.__proto__=e}||function(A,e){for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&(A[t]=e[t])},GA(A,e)};
3
+ var A,e,t="function"==typeof Symbol?Symbol:{},r=t.iterator||"@@iterator",n=t.toStringTag||"@@toStringTag";function o(t,r,n,o){var B=r&&r.prototype instanceof i?r:i,a=Object.create(B.prototype);return C(a,"_invoke",function(t,r,n){var o,i,B,a=0,c=n||[],l=!1,u={p:0,n:0,v:A,a:g,f:g.bind(A,4),d:function(e,t){return o=e,i=0,B=A,u.n=t,s}};function g(t,r){for(i=t,B=r,e=0;!l&&a&&!n&&e<c.length;e++){var n,o=c[e],g=u.p,w=o[2];t>3?(n=w===r)&&(B=o[(i=o[4])?5:(i=3,3)],o[4]=o[5]=A):o[0]<=g&&((n=t<2&&g<o[1])?(i=0,u.v=r,u.n=o[1]):g<w&&(n=t<3||o[0]>r||r>w)&&(o[4]=t,o[5]=r,u.n=w,i=0))}if(n||t>1)return s;throw l=!0,r}return function(n,c,w){if(a>1)throw TypeError("Generator is already running");for(l&&1===c&&g(c,w),i=c,B=w;(e=i<2?A:B)||!l;){o||(i?i<3?(i>1&&(u.n=-1),g(i,B)):u.n=B:u.v=B);try{if(a=2,o){if(i||(n="next"),e=o[n]){if(!(e=e.call(o,B)))throw TypeError("iterator result is not an object");if(!e.done)return e;B=e.value,i<2&&(i=0)}else 1===i&&(e=o.return)&&e.call(o),i<2&&(B=TypeError("The iterator does not provide a '"+n+"' method"),i=1);o=A}else if((e=(l=u.n<0)?B:t.call(r,u))!==s)break}catch(e){o=A,i=1,B=e}finally{a=1}}return{value:e,done:l}}}(t,n,o),!0),a}var s={};function i(){}function B(){}function a(){}e=Object.getPrototypeOf;var c=[][r]?e(e([][r]())):(C(e={},r,function(){return this}),e),l=a.prototype=i.prototype=Object.create(c);function u(A){return Object.setPrototypeOf?Object.setPrototypeOf(A,a):(A.__proto__=a,C(A,n,"GeneratorFunction")),A.prototype=Object.create(l),A}return B.prototype=a,C(l,"constructor",a),C(a,"constructor",B),B.displayName="GeneratorFunction",C(a,n,"GeneratorFunction"),C(l),C(l,n,"Generator"),C(l,r,function(){return this}),C(l,"toString",function(){return"[object Generator]"}),(d=function(){return{w:o,m:u}})()}function C(A,e,t,r){var n=Object.defineProperty;try{n({},"",{})}catch(A){n=0}C=function(A,e,t,r){function o(e,t){C(A,e,function(A){return this._invoke(e,t,A)})}e?n?n(A,e,{value:t,enumerable:!r,configurable:!r,writable:!r}):A[e]=t:(o("next",0),o("throw",1),o("return",2))},C(A,e,t,r)}function f(A,e){return function(A){if(Array.isArray(A))return A}(A)||function(A,e){var t=null==A?null:"undefined"!=typeof Symbol&&A[Symbol.iterator]||A["@@iterator"];if(null!=t){var r,n,o,s,i=[],B=!0,a=!1;try{if(o=(t=t.call(A)).next,0===e);else for(;!(B=(r=o.call(t)).done)&&(i.push(r.value),i.length!==e);B=!0);}catch(A){a=!0,n=A}finally{try{if(!B&&null!=t.return&&(s=t.return(),Object(s)!==s))return}finally{if(a)throw n}}return i}}(A,e)||U(A,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function h(A){return function(A){if(Array.isArray(A))return c(A)}(A)||function(A){if("undefined"!=typeof Symbol&&null!=A[Symbol.iterator]||null!=A["@@iterator"])return Array.from(A)}(A)||U(A)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function U(A,e){if(A){if("string"==typeof A)return c(A,e);var t={}.toString.call(A).slice(8,-1);return"Object"===t&&A.constructor&&(t=A.constructor.name),"Map"===t||"Set"===t?Array.from(A):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?c(A,e):void 0}}var F={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};var p=(A,r)=>{const n=e(({color:e="currentColor",size:n=24,strokeWidth:o=2,absoluteStrokeWidth:s,children:i,...B},a)=>{return t("svg",{ref:a,...F,width:n,height:n,stroke:e,strokeWidth:s?24*Number(o)/Number(n):o,className:`lucide lucide-${c=A,c.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,...B},[...r.map(([A,e])=>t(A,e)),...(Array.isArray(i)?i:[i])||[]]);var c});return n.displayName=`${A}`,n};const m=p("AlertCircle",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["line",{x1:"12",x2:"12",y1:"8",y2:"12",key:"1pkeuh"}],["line",{x1:"12",x2:"12.01",y1:"16",y2:"16",key:"4dfq90"}]]),y=p("Ban",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m4.9 4.9 14.2 14.2",key:"1m5liu"}]]),E=p("CheckCircle",[["path",{d:"M22 11.08V12a10 10 0 1 1-5.93-9.14",key:"g774vq"}],["polyline",{points:"22 4 12 14.01 9 11.01",key:"6xbx8j"}]]),H=p("ChevronDown",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]]),I=p("Clock",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["polyline",{points:"12 6 12 12 16 14",key:"68esgv"}]]),b=p("Filter",[["polygon",{points:"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3",key:"1yg77f"}]]),v=p("Loader",[["line",{x1:"12",x2:"12",y1:"2",y2:"6",key:"gza1u7"}],["line",{x1:"12",x2:"12",y1:"18",y2:"22",key:"1qhbu9"}],["line",{x1:"4.93",x2:"7.76",y1:"4.93",y2:"7.76",key:"xae44r"}],["line",{x1:"16.24",x2:"19.07",y1:"16.24",y2:"19.07",key:"bxnmvf"}],["line",{x1:"2",x2:"6",y1:"12",y2:"12",key:"89khin"}],["line",{x1:"18",x2:"22",y1:"12",y2:"12",key:"pb8tfm"}],["line",{x1:"4.93",x2:"7.76",y1:"19.07",y2:"16.24",key:"1uxjnu"}],["line",{x1:"16.24",x2:"19.07",y1:"7.76",y2:"4.93",key:"6duxfx"}]]),x=p("Package",[["path",{d:"M16.5 9.4 7.55 4.24",key:"10qotr"}],["path",{d:"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z",key:"yt0hxn"}],["polyline",{points:"3.29 7 12 12 20.71 7",key:"ousv84"}],["line",{x1:"12",x2:"12",y1:"22",y2:"12",key:"a4e8g8"}]]),K=p("Play",[["polygon",{points:"5 3 19 12 5 21 5 3",key:"191637"}]]),L=p("Send",[["path",{d:"m22 2-7 20-4-9-9-4Z",key:"1q3vgg"}],["path",{d:"M22 2 11 13",key:"nzbqef"}]]),D=p("Trash2",[["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6",key:"4alrt4"}],["path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2",key:"v07s0e"}],["line",{x1:"10",x2:"10",y1:"11",y2:"17",key:"1uufr5"}],["line",{x1:"14",x2:"14",y1:"11",y2:"17",key:"xtxkd"}]]),S=p("XCircle",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m15 9-6 6",key:"1uzhvr"}],["path",{d:"m9 9 6 6",key:"z0biqf"}]]),k=p("X",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]);var T=function(e){var t=e.isOpen,s=e.onClose,i=e.elementInfo,B=e.screenshot,c=e.onSubmit,l=e.userName,g=e.userEmail,w=e.mode,Q=void 0===w?"dark":w,C=f(r(""),2),h=C[0],U=C[1],F=f(r(!1),2),p=F[0],y=F[1],H=f(r(!1),2),I=H[0],b=H[1],x=f(r(null),2),K=x[0],D=x[1],S=n(null);o(function(){t?S.current&&S.current.focus():(U(""),y(!1),b(!1),D(null))},[t]);var T=function(){var A=u(d().m(function A(){var e,t;return d().w(function(A){for(;;)switch(A.p=A.n){case 0:if(h.trim()){A.n=1;break}return A.a(2);case 1:return y(!0),D(null),e={feedback:h.trim(),elementInfo:i,screenshot:B,url:window.location.href,userAgent:navigator.userAgent,viewport:{width:window.innerWidth,height:window.innerHeight},timestamp:(new Date).toISOString(),userName:l||"Anonymous",userEmail:g||null},A.p=2,A.n=3,c(e);case 3:b(!0),y(!1),D(null),setTimeout(function(){s()},1500),A.n=5;break;case 4:A.p=4,t=A.v,console.error("[React Feedback Widget] Submission failed:",t),D((null==t?void 0:t.message)||"Failed to submit feedback. Please try again."),y(!1);case 5:return A.a(2)}},A,null,[[2,4]])}));return function(){return A.apply(this,arguments)}}();if(!t)return null;var M="dark"===Q?"feedback-dark":"feedback-light";return a(A.createElement(A.Fragment,null,A.createElement("div",{className:"feedback-backdrop ".concat(M),onClick:s}),A.createElement("div",{className:"feedback-modal ".concat(M)},A.createElement("div",{className:"feedback-modal-content"},A.createElement("div",{className:"feedback-header"},A.createElement("div",{className:"feedback-title-wrapper"},A.createElement("h3",{className:"feedback-title"},"Share Your Feedback"),A.createElement("p",{className:"feedback-subtitle"},"Help us improve your experience")),A.createElement("button",{onClick:s,className:"feedback-close","aria-label":"Close"},A.createElement(k,{size:20}))),A.createElement("div",{className:"feedback-body"},B&&A.createElement("div",{className:"feedback-screenshot-container"},A.createElement("label",{className:"feedback-screenshot-label"},"Screenshot Preview"),A.createElement("div",{className:"feedback-screenshot"},A.createElement("img",{src:B,alt:"Element screenshot",className:"feedback-screenshot-img"}))),A.createElement("div",{className:"feedback-form-container"},A.createElement("div",{className:"feedback-form"},A.createElement("label",{className:"feedback-label"},"Your Feedback",A.createElement("span",{className:"feedback-required"},"*")),A.createElement("textarea",{ref:S,value:h,onChange:function(A){U(A.target.value),K&&D(null)},onKeyDown:function(A){"Enter"===A.key&&(A.metaKey||A.ctrlKey)&&(A.preventDefault(),T())},placeholder:"Tell us what you think... (Ctrl/Cmd + Enter to submit)",className:"feedback-textarea",rows:12,disabled:p||I,"aria-invalid":K?"true":"false"}),K&&A.createElement("div",{className:"feedback-error",role:"alert"},A.createElement(m,{size:16}),A.createElement("span",null,K))),A.createElement("div",{className:"feedback-actions"},A.createElement("button",{type:"button",onClick:s,className:"feedback-btn feedback-cancel",disabled:p},"Cancel"),A.createElement("button",{onClick:T,disabled:!h.trim()||p||I,className:"feedback-btn feedback-submit"},I?A.createElement(A.Fragment,null,A.createElement(E,{size:16}),"Submitted!"):p?A.createElement(A.Fragment,null,A.createElement(v,{size:16,className:"feedback-loading"}),"Submitting..."):A.createElement(A.Fragment,null,A.createElement(L,{size:16}),"Submit Feedback")))))))),document.body)},M="react-feedback-data",O={reported:{label:"Reported",icon:m,color:"#ef4444",bgColor:"#fee2e2",textColor:"#991b1b"},opened:{label:"In Review",icon:I,color:"#f59e0b",bgColor:"#fef3c7",textColor:"#92400e"},inProgress:{label:"In Progress",icon:K,color:"#3b82f6",bgColor:"#dbeafe",textColor:"#1e40af"},resolved:{label:"Resolved",icon:E,color:"#10b981",bgColor:"#d1fae5",textColor:"#065f46"},released:{label:"Released",icon:x,color:"#8b5cf6",bgColor:"#ede9fe",textColor:"#5b21b6"},blocked:{label:"Blocked",icon:y,color:"#dc2626",bgColor:"#fee2e2",textColor:"#991b1b"},wontFix:{label:"Won't Fix",icon:S,color:"#6b7280",bgColor:"#f3f4f6",textColor:"#374151"}},G=function(e){var t=e.status,r=O[t||"reported"],n=r.icon;return A.createElement("div",{style:{display:"inline-flex",alignItems:"center",gap:"6px",padding:"4px 10px",borderRadius:"16px",backgroundColor:r.bgColor,fontSize:"12px",fontWeight:"600",color:r.textColor}},A.createElement(n,{size:12}),A.createElement("span",null,r.label))},V=function(e){var t=e.currentStatus,s=e.onStatusChange,i=e.itemId,B=f(r(!1),2),a=B[0],c=B[1],l=n(null);o(function(){var A=function(A){l.current&&!l.current.contains(A.target)&&c(!1)};return a&&document.addEventListener("mousedown",A),function(){document.removeEventListener("mousedown",A)}},[a]);var u=O[t||"reported"],g=u.icon;return A.createElement("div",{ref:l,style:{position:"relative"}},A.createElement("button",{onClick:function(A){A.stopPropagation(),c(!a)},style:{display:"flex",alignItems:"center",gap:"6px",padding:"6px 12px",borderRadius:"8px",backgroundColor:"white",border:"2px solid ".concat(u.color),fontSize:"13px",fontWeight:"600",color:u.textColor,cursor:"pointer",transition:"all 0.2s",outline:"none"},onMouseOver:function(A){A.currentTarget.style.backgroundColor=u.bgColor},onMouseOut:function(A){A.currentTarget.style.backgroundColor="white"}},A.createElement(g,{size:14}),A.createElement("span",null,u.label),A.createElement(H,{size:14,style:{transition:"transform 0.2s",transform:a?"rotate(180deg)":"rotate(0deg)"}})),a&&A.createElement("div",{style:{position:"absolute",top:"100%",right:0,marginTop:"8px",backgroundColor:"white",borderRadius:"12px",boxShadow:"0 10px 40px rgba(0, 0, 0, 0.15)",padding:"8px",zIndex:1e4,minWidth:"180px",border:"1px solid #e5e7eb",animation:"dropdownSlideIn 0.2s ease-out"},onClick:function(A){return A.stopPropagation()}},Object.entries(O).map(function(e){var r=f(e,2),n=r[0],o=r[1],B=o.icon,a=t===n;return A.createElement("button",{key:n,onClick:function(A){A.stopPropagation(),s(i,n),c(!1)},style:{display:"flex",alignItems:"center",gap:"10px",width:"100%",padding:"10px 12px",border:"none",borderRadius:"8px",backgroundColor:a?o.bgColor:"transparent",color:o.textColor,fontSize:"13px",fontWeight:a?"600":"500",cursor:"pointer",transition:"all 0.15s",textAlign:"left"},onMouseOver:function(A){A.currentTarget.style.backgroundColor=o.bgColor},onMouseOut:function(A){A.currentTarget.style.backgroundColor=a?o.bgColor:"transparent"}},A.createElement(B,{size:16}),A.createElement("span",null,o.label))})))},R=function(e){var t=e.isOpen,n=e.onClose,s=e.data,i=e.isDeveloper,B=void 0!==i&&i,c=e.isUser,l=void 0===c||c,u=e.onStatusChange,g=f(r([]),2),w=g[0],d=g[1],C=f(r(null),2),h=C[0],U=C[1],F=f(r("all"),2),p=F[0],y=F[1],E=void 0===s,v=f(r({isOpen:!1,feedbackId:null,newStatus:null,oldStatus:null,comment:""}),2),x=v[0],K=v[1];o(function(){t&&(E?L():d(s||[]))},[t,s,E]);var L=function(){try{var A=localStorage.getItem(M);if(A){var e=JSON.parse(A);d(e)}}catch(A){console.error("Failed to load feedback:",A)}},S=function(A){try{localStorage.setItem(M,JSON.stringify(A)),d(A)}catch(A){console.error("Failed to save feedback:",A)}},T=function(){K({isOpen:!1,feedbackId:null,newStatus:null,oldStatus:null,comment:""})},R=function(A){var e=new Date(A),t=e.getDate(),r=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][e.getMonth()],n=e.getFullYear(),o=e.getHours(),s=e.getMinutes().toString().padStart(2,"0"),i=o>=12?"PM":"AM";return o=o%12||12,"".concat(t," ").concat(r," ").concat(n," at ").concat(o,":").concat(s," ").concat(i)},N="all"===p?w:w.filter(function(A){return(A.status||"reported")===p}),P=w.reduce(function(A,e){var t=e.status||"reported";return A[t]=(A[t]||0)+1,A},{});return t?a(A.createElement(A.Fragment,null,A.createElement("div",{className:"feedback-dashboard-backdrop",onClick:n,style:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.5)",zIndex:9998,animation:"fadeIn 0.2s ease-out"}}),A.createElement("div",{className:"feedback-dashboard",style:{position:"fixed",top:0,right:0,bottom:0,width:"100%",maxWidth:"800px",backgroundColor:"white",zIndex:9999,boxShadow:"-4px 0 20px rgba(0, 0, 0, 0.15)",display:"flex",flexDirection:"column",animation:"slideInRight 0.3s ease-out"}},A.createElement("div",{style:{backgroundColor:"white",borderBottom:"1px solid #e5e7eb"}},A.createElement("div",{style:{padding:"24px 24px 20px 24px",display:"flex",justifyContent:"space-between",alignItems:"flex-start"}},A.createElement("div",null,A.createElement("h2",{style:{margin:0,fontSize:"28px",fontWeight:"700",color:"#111827",letterSpacing:"-0.02em"}},B?"Feedback Dashboard":"My Feedback"),A.createElement("p",{style:{margin:"6px 0 0 0",fontSize:"14px",color:"#6b7280"}},w.length," total ",1===w.length?"item":"items")),A.createElement("div",{style:{display:"flex",gap:"12px",alignItems:"center"}},B&&w.length>0&&A.createElement("button",{onClick:function(){window.confirm("Are you sure you want to delete all feedback?")&&(E&&localStorage.removeItem(M),d([]),U(null))},style:{padding:"8px 14px",backgroundColor:"#fee2e2",border:"none",borderRadius:"8px",cursor:"pointer",fontSize:"13px",fontWeight:"600",color:"#dc2626",transition:"all 0.2s"},onMouseOver:function(A){return A.currentTarget.style.backgroundColor="#fecaca"},onMouseOut:function(A){return A.currentTarget.style.backgroundColor="#fee2e2"}},"Clear All"),A.createElement("button",{onClick:n,style:{padding:"10px",backgroundColor:"#f3f4f6",border:"none",borderRadius:"8px",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s"},onMouseOver:function(A){return A.currentTarget.style.backgroundColor="#e5e7eb"},onMouseOut:function(A){return A.currentTarget.style.backgroundColor="#f3f4f6"}},A.createElement(k,{size:20,color:"#374151"})))),A.createElement("div",{style:{padding:"0 24px 16px 24px",display:"flex",gap:"8px",flexWrap:"wrap",alignItems:"center"}},A.createElement("button",{onClick:function(){return y("all")},style:{padding:"8px 16px",border:"none",borderRadius:"8px",backgroundColor:"all"===p?"#111827":"#f3f4f6",color:"all"===p?"white":"#6b7280",fontSize:"13px",fontWeight:"600",cursor:"pointer",transition:"all 0.2s"}},"All ",w.length>0&&"(".concat(w.length,")")),Object.entries(O).map(function(e){var t=f(e,2),r=t[0],n=t[1],o=P[r]||0;if(0===o&&!B)return null;var s=n.icon;return A.createElement("button",{key:r,onClick:function(){return y(r)},style:{padding:"8px 14px",border:"none",borderRadius:"8px",backgroundColor:p===r?n.bgColor:"#f3f4f6",color:p===r?n.textColor:"#6b7280",fontSize:"13px",fontWeight:"600",cursor:"pointer",transition:"all 0.2s",display:"flex",alignItems:"center",gap:"6px"}},A.createElement(s,{size:14}),A.createElement("span",null,n.label),o>0&&A.createElement("span",null,"(",o,")"))}))),A.createElement("div",{style:{flex:1,overflow:"auto",padding:"24px",backgroundColor:"#f9fafb"}},0===w.length?A.createElement("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",color:"#9ca3af"}},A.createElement(m,{size:64,strokeWidth:1}),A.createElement("p",{style:{marginTop:"16px",fontSize:"18px",fontWeight:"600"}},"No feedback yet"),A.createElement("p",{style:{marginTop:"8px",fontSize:"14px"}},"Press Ctrl+Q to start giving feedback")):0===N.length?A.createElement("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",color:"#9ca3af"}},A.createElement(b,{size:64,strokeWidth:1}),A.createElement("p",{style:{marginTop:"16px",fontSize:"18px",fontWeight:"600"}},"No items found"),A.createElement("p",{style:{marginTop:"8px",fontSize:"14px"}},"Try adjusting your filter")):A.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"12px"}},N.map(function(e){return A.createElement("div",{key:e.id,style:{backgroundColor:"white",border:"2px solid",borderColor:(null==h?void 0:h.id)===e.id?"#3b82f6":"#e5e7eb",borderRadius:"16px",padding:"20px",cursor:"pointer",transition:"all 0.2s",boxShadow:(null==h?void 0:h.id)===e.id?"0 8px 24px rgba(59, 130, 246, 0.12)":"0 1px 3px rgba(0, 0, 0, 0.05)"},onClick:function(){return U((null==h?void 0:h.id)===e.id?null:e)},onMouseOver:function(A){(null==h?void 0:h.id)!==e.id&&(A.currentTarget.style.borderColor="#d1d5db",A.currentTarget.style.boxShadow="0 4px 12px rgba(0, 0, 0, 0.08)")},onMouseOut:function(A){(null==h?void 0:h.id)!==e.id&&(A.currentTarget.style.borderColor="#e5e7eb",A.currentTarget.style.boxShadow="0 1px 3px rgba(0, 0, 0, 0.05)")}},A.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",marginBottom:"16px"}},A.createElement("div",{style:{flex:1}},A.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px",marginBottom:"6px"}},A.createElement("span",{style:{fontWeight:"700",fontSize:"16px",color:"#111827"}},e.userName||"Anonymous User"),A.createElement(G,{status:e.status||"reported"})),e.userEmail&&A.createElement("div",{style:{fontSize:"13px",color:"#6b7280",marginBottom:"4px"}},e.userEmail),A.createElement("div",{style:{fontSize:"12px",color:"#9ca3af"}},R(e.timestamp))),A.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px"}},B&&A.createElement(A.Fragment,null,A.createElement(V,{currentStatus:e.status||"reported",onStatusChange:function(A,t){return function(A,e,t){K({isOpen:!0,feedbackId:A,newStatus:e,oldStatus:t,comment:""})}(A,t,e.status||"reported")},itemId:e.id}),A.createElement("button",{onClick:function(A){var t,r;A.stopPropagation(),window.confirm("Are you sure you want to delete this feedback?")&&(t=e.id,r=w.filter(function(A){return A.id!==t}),E?S(r):d(r),(null==h?void 0:h.id)===t&&U(null))},style:{padding:"8px",backgroundColor:"transparent",border:"1px solid #fee2e2",color:"#ef4444",cursor:"pointer",display:"flex",alignItems:"center",borderRadius:"8px",transition:"all 0.2s"},onMouseOver:function(A){A.currentTarget.style.backgroundColor="#fee2e2"},onMouseOut:function(A){A.currentTarget.style.backgroundColor="transparent"}},A.createElement(D,{size:16}))))),A.createElement("p",{style:{margin:"0 0 12px 0",color:"#1f2937",fontSize:"15px",lineHeight:"1.6",display:(null==h?void 0:h.id)===e.id?"block":"-webkit-box",WebkitLineClamp:(null==h?void 0:h.id)===e.id?"unset":"2",WebkitBoxOrient:"vertical",overflow:"hidden"}},e.feedback||e.description),e.responseMessage&&A.createElement("div",{style:{marginTop:"12px",padding:"16px",backgroundColor:"#f0f9ff",border:"2px solid #3b82f6",borderLeft:"4px solid #3b82f6",borderRadius:"12px"}},A.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"8px"}},A.createElement("div",{style:{width:"24px",height:"24px",borderRadius:"50%",backgroundColor:"#3b82f6",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"12px",color:"white",fontWeight:"700"}},"👨‍💻"),A.createElement("span",{style:{fontSize:"13px",fontWeight:"700",color:"#1e40af"}},"Developer Response"),e.resolvedBy&&A.createElement("span",{style:{fontSize:"12px",color:"#6b7280",marginLeft:"auto"}},"by ",e.resolvedBy)),A.createElement("p",{style:{margin:0,fontSize:"14px",color:"#1e40af",lineHeight:"1.6",fontStyle:"italic"}},'"',e.responseMessage,'"'),e.resolvedAt&&A.createElement("div",{style:{marginTop:"8px",fontSize:"11px",color:"#6b7280"}},"Responded on ",R(e.resolvedAt))),e.estimatedResolutionDate&&!e.resolvedAt&&A.createElement("div",{style:{marginTop:"12px",padding:"10px 14px",backgroundColor:"#fef3c7",border:"1px solid #fde68a",borderRadius:"8px",fontSize:"13px",color:"#92400e",display:"flex",alignItems:"center",gap:"8px"}},A.createElement(I,{size:14}),A.createElement("span",null,"Expected resolution: ",R(e.estimatedResolutionDate))),e.screenshot&&A.createElement("div",{style:{marginTop:"16px"}},A.createElement("img",{src:e.screenshot,alt:"Feedback screenshot",style:{width:"100%",maxHeight:(null==h?void 0:h.id)===e.id?"500px":"200px",objectFit:"contain",borderRadius:"12px",border:"1px solid #e5e7eb",transition:"all 0.3s",backgroundColor:"#f9fafb"}})),(null==h?void 0:h.id)!==e.id&&A.createElement("div",{style:{marginTop:"12px",display:"flex",alignItems:"center",justifyContent:"center",gap:"6px",color:"#9ca3af",fontSize:"13px",fontWeight:"500"}},A.createElement("span",null,"Click to view details"),A.createElement(H,{size:14})),(null==h?void 0:h.id)===e.id&&A.createElement("div",{style:{marginTop:"20px",paddingTop:"20px",borderTop:"2px solid #f3f4f6"}},e.statusHistory&&e.statusHistory.length>0&&A.createElement("div",{style:{marginBottom:"20px"}},A.createElement("div",{style:{fontSize:"14px",fontWeight:"700",color:"#374151",marginBottom:"12px",display:"flex",alignItems:"center",gap:"8px"}},A.createElement(I,{size:16}),A.createElement("span",null,"Status History")),A.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"12px"}},e.statusHistory.map(function(e,t){var r=O[e.toStatus]||O.reported,n=r.icon;return A.createElement("div",{key:e.id||t,style:{padding:"12px 16px",backgroundColor:"#f9fafb",borderLeft:"3px solid ".concat(r.color),borderRadius:"8px",position:"relative"}},A.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:e.comment?"8px":"0"}},A.createElement(n,{size:14,color:r.color}),A.createElement("span",{style:{fontSize:"13px",fontWeight:"600",color:r.textColor}},"Changed to ",r.label),A.createElement("span",{style:{fontSize:"11px",color:"#9ca3af",marginLeft:"auto"}},R(e.createdAt))),e.comment&&A.createElement("p",{style:{margin:0,fontSize:"13px",color:"#4b5563",lineHeight:"1.5",paddingLeft:"22px"}},'"',e.comment,'"'))}))),l&&!B&&A.createElement("div",{style:{backgroundColor:"#f9fafb",padding:"16px",borderRadius:"12px",display:"flex",flexDirection:"column",gap:"12px"}},A.createElement("div",{style:{fontSize:"13px",fontWeight:"600",color:"#374151",marginBottom:"4px"}},"Submission Details"),A.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"8px",fontSize:"13px"}},A.createElement("div",null,A.createElement("span",{style:{color:"#6b7280",fontWeight:"600"}},"Submitted:"),A.createElement("span",{style:{color:"#111827",marginLeft:"8px"}},R(e.timestamp))),e.url&&A.createElement("div",null,A.createElement("span",{style:{color:"#6b7280",fontWeight:"600"}},"Page:"),A.createElement("span",{style:{color:"#111827",marginLeft:"8px",wordBreak:"break-all"}},e.url)))),B&&A.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"16px"}},A.createElement("div",{style:{backgroundColor:"#f9fafb",padding:"16px",borderRadius:"12px"}},A.createElement("div",{style:{fontSize:"13px",fontWeight:"700",color:"#374151",marginBottom:"12px"}},"Technical Details"),A.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"12px",fontSize:"12px"}},A.createElement("div",null,A.createElement("div",{style:{color:"#6b7280",fontWeight:"600",marginBottom:"6px",fontSize:"11px",textTransform:"uppercase",letterSpacing:"0.5px"}},"Page URL"),A.createElement("div",{style:{color:"#111827",wordBreak:"break-all",fontFamily:"ui-monospace, monospace",fontSize:"12px",backgroundColor:"white",padding:"8px",borderRadius:"6px"}},e.url)),e.viewport&&function(){try{var t="string"==typeof e.viewport?JSON.parse(e.viewport):e.viewport;return A.createElement("div",null,A.createElement("div",{style:{color:"#6b7280",fontWeight:"600",marginBottom:"6px",fontSize:"11px",textTransform:"uppercase",letterSpacing:"0.5px"}},"Viewport Size"),A.createElement("div",{style:{color:"#111827",fontFamily:"ui-monospace, monospace",fontSize:"12px"}},t.width," × ",t.height," pixels"))}catch(A){return null}}())),e.elementInfo&&function(){try{var t="string"==typeof e.elementInfo?JSON.parse(e.elementInfo):e.elementInfo;return A.createElement("div",{style:{backgroundColor:"#f0f9ff",padding:"16px",borderRadius:"12px",border:"1px solid #bae6fd"}},A.createElement("div",{style:{fontSize:"13px",fontWeight:"700",color:"#0c4a6e",marginBottom:"12px"}},"Element Information"),A.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"8px",fontFamily:"ui-monospace, monospace",fontSize:"12px",color:"#0c4a6e"}},A.createElement("div",null,A.createElement("span",{style:{color:"#075985",fontWeight:"600"}},"Tag:")," ",A.createElement("span",{style:{color:"#0369a1"}},t.tagName)),t.id&&A.createElement("div",null,A.createElement("span",{style:{color:"#075985",fontWeight:"600"}},"ID:")," ",A.createElement("span",{style:{color:"#0369a1"}},"#",t.id)),t.className&&A.createElement("div",null,A.createElement("span",{style:{color:"#075985",fontWeight:"600"}},"Class:")," ",A.createElement("span",{style:{color:"#0369a1"}},t.className)),t.selector&&A.createElement("div",null,A.createElement("span",{style:{color:"#075985",fontWeight:"600"}},"Selector:")," ",A.createElement("span",{style:{color:"#0369a1"}},t.selector)),t.text&&A.createElement("div",null,A.createElement("span",{style:{color:"#075985",fontWeight:"600"}},"Text:")," ",A.createElement("span",{style:{color:"#0369a1"}},t.text.substring(0,100),t.text.length>100?"...":""))))}catch(A){return null}}(),e.userAgent&&A.createElement("div",{style:{backgroundColor:"#fef3c7",padding:"16px",borderRadius:"12px",border:"1px solid #fde68a"}},A.createElement("div",{style:{fontSize:"13px",fontWeight:"700",color:"#78350f",marginBottom:"8px"}},"User Agent"),A.createElement("div",{style:{color:"#92400e",fontFamily:"ui-monospace, monospace",fontSize:"11px",wordBreak:"break-all",lineHeight:"1.5"}},e.userAgent)))))})))),x.isOpen&&A.createElement(A.Fragment,null,A.createElement("div",{style:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.6)",zIndex:1e4,animation:"fadeIn 0.2s ease-out"},onClick:T}),A.createElement("div",{style:{position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",backgroundColor:"white",borderRadius:"16px",padding:"32px",width:"90%",maxWidth:"500px",zIndex:10001,boxShadow:"0 20px 60px rgba(0, 0, 0, 0.3)",animation:"scaleIn 0.2s ease-out"},onClick:function(A){return A.stopPropagation()}},A.createElement("h3",{style:{margin:"0 0 8px 0",fontSize:"24px",fontWeight:"700",color:"#111827"}},"Change Status"),A.createElement("p",{style:{margin:"0 0 24px 0",fontSize:"14px",color:"#6b7280"}},"Add an optional comment to explain the status change"),A.createElement("div",{style:{display:"flex",alignItems:"center",gap:"12px",marginBottom:"24px",padding:"16px",backgroundColor:"#f9fafb",borderRadius:"12px"}},A.createElement(G,{status:x.oldStatus}),A.createElement("div",{style:{color:"#9ca3af",fontSize:"20px",fontWeight:"600"}},"→"),A.createElement(G,{status:x.newStatus})),A.createElement("div",{style:{marginBottom:"24px"}},A.createElement("label",{style:{display:"block",fontSize:"14px",fontWeight:"600",color:"#374151",marginBottom:"8px"}},"Developer Comment (optional)"),A.createElement("textarea",{value:x.comment,onChange:function(A){return K(Q(Q({},x),{},{comment:A.target.value}))},placeholder:"Add a comment about this status change...",style:{width:"100%",minHeight:"120px",padding:"12px",fontSize:"14px",border:"2px solid #e5e7eb",borderRadius:"8px",resize:"vertical",fontFamily:"inherit",outline:"none",transition:"border-color 0.2s"},onFocus:function(A){return A.target.style.borderColor="#3b82f6"},onBlur:function(A){return A.target.style.borderColor="#e5e7eb"}}),A.createElement("p",{style:{margin:"8px 0 0 0",fontSize:"12px",color:"#9ca3af"}},"This comment will be visible to users and stored in the status history")),A.createElement("div",{style:{display:"flex",gap:"12px",justifyContent:"flex-end"}},A.createElement("button",{onClick:T,style:{padding:"10px 20px",backgroundColor:"#f3f4f6",border:"none",borderRadius:"8px",fontSize:"14px",fontWeight:"600",color:"#374151",cursor:"pointer",transition:"background-color 0.2s"},onMouseOver:function(A){return A.currentTarget.style.backgroundColor="#e5e7eb"},onMouseOut:function(A){return A.currentTarget.style.backgroundColor="#f3f4f6"}},"Cancel"),A.createElement("button",{onClick:function(){var A=x.feedbackId,e=x.newStatus,t=x.comment,r=w.map(function(t){return t.id===A?Q(Q({},t),{},{status:e}):t});E?S(r):d(r),u&&"function"==typeof u&&u({id:A,status:e,comment:t}),T()},style:{padding:"10px 20px",backgroundColor:"#3b82f6",border:"none",borderRadius:"8px",fontSize:"14px",fontWeight:"600",color:"white",cursor:"pointer",transition:"background-color 0.2s"},onMouseOver:function(A){return A.currentTarget.style.backgroundColor="#2563eb"},onMouseOut:function(A){return A.currentTarget.style.backgroundColor="#3b82f6"}},"Confirm Change")))),A.createElement("style",null,"\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n @keyframes slideInRight {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0);\n }\n }\n\n @keyframes dropdownSlideIn {\n from {\n opacity: 0;\n transform: translateY(-10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes scaleIn {\n from {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.9);\n }\n to {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n }\n ")),document.body):null},N=function(A){try{var e=localStorage.getItem(M),t=e?JSON.parse(e):[],r=Q(Q({id:Date.now().toString()},A),{},{status:"reported",timestamp:(new Date).toISOString()}),n=[r].concat(h(t));return localStorage.setItem(M,JSON.stringify(n)),{success:!0,data:r}}catch(A){return console.error("Failed to save feedback:",A),{success:!1,error:A.message}}},P=function(e){var t=e.isOpen,r=e.onClose,n=e.updates,o=void 0===n?[]:n,s=e.onDismissUpdate,i=e.onDismissAll;if(!t||0===o.length)return null;var B=function(A){var e=new Date(A),t=new Date-e,r=Math.floor(t/6e4),n=Math.floor(t/36e5),o=Math.floor(t/864e5);if(r<1)return"Just now";if(r<60)return"".concat(r," minute").concat(r>1?"s":""," ago");if(n<24)return"".concat(n," hour").concat(n>1?"s":""," ago");if(o<7)return"".concat(o," day").concat(o>1?"s":""," ago");var s=e.getDate(),i=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][e.getMonth()];return"".concat(s," ").concat(i)},c=function(A){return{open:"reported",submitted:"reported",in_progress:"inProgress",resolved:"resolved",closed:"resolved"}[A]||A},l=o.filter(function(A){var e=c(A.status);return"resolved"===e||"released"===e}),u=o.filter(function(A){var e=c(A.status);return"inProgress"===e||"opened"===e}),g=o.filter(function(A){var e=c(A.status);return!["resolved","released","inProgress","opened"].includes(e)});return a(A.createElement(A.Fragment,null,A.createElement("div",{onClick:r,style:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.5)",zIndex:1e4,animation:"fadeIn 0.2s ease-out"}}),A.createElement("div",{style:{position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"90%",maxWidth:"600px",maxHeight:"80vh",backgroundColor:"white",borderRadius:"20px",boxShadow:"0 20px 60px rgba(0, 0, 0, 0.3)",zIndex:10001,display:"flex",flexDirection:"column",animation:"scaleIn 0.3s ease-out",overflow:"hidden"}},A.createElement("div",{style:{padding:"32px 32px 24px 32px",borderBottom:"1px solid #f3f4f6"}},A.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},A.createElement("div",null,A.createElement("h3",{style:{margin:0,fontSize:"28px",fontWeight:"700",color:"#111827",letterSpacing:"-0.03em"}},"Updates"),A.createElement("p",{style:{margin:"8px 0 0 0",fontSize:"15px",color:"#6b7280",fontWeight:"400"}},o.length," ",1===o.length?"update":"updates"," on your feedback")),A.createElement("button",{onClick:r,style:{padding:"10px",backgroundColor:"#f3f4f6",border:"none",borderRadius:"10px",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s"},onMouseOver:function(A){A.currentTarget.style.backgroundColor="#e5e7eb",A.currentTarget.style.transform="scale(1.05)"},onMouseOut:function(A){A.currentTarget.style.backgroundColor="#f3f4f6",A.currentTarget.style.transform="scale(1)"}},A.createElement(k,{size:20,color:"#6b7280"})))),A.createElement("div",{style:{flex:1,overflow:"auto",padding:"20px 24px"}},l.length>0&&A.createElement("div",{style:{marginBottom:"32px"}},A.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#10b981",textTransform:"uppercase",letterSpacing:"0.8px",marginBottom:"16px",paddingLeft:"4px"}},"Completed"),A.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"16px"}},l.map(function(e){var t=c(e.status),r=O[t||"resolved"];r.icon;var n=e.responseMessage||(e.statusHistory&&e.statusHistory.length>0?e.statusHistory[e.statusHistory.length-1].comment:null);return A.createElement("div",{key:e.id,style:{backgroundColor:"white",border:"1px solid #e5e7eb",borderRadius:"12px",padding:"20px",transition:"all 0.2s",position:"relative"}},A.createElement("div",{style:{position:"absolute",left:0,top:0,bottom:0,width:"4px",backgroundColor:"#10b981",borderRadius:"12px 0 0 12px"}}),A.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-start"}},A.createElement("div",{style:{flex:1,paddingRight:"12px"}},A.createElement("h4",{style:{margin:"0 0 8px 0",fontSize:"16px",fontWeight:"600",color:"#111827",lineHeight:"1.4"}},e.title||e.feedback||e.description),A.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"12px"}},A.createElement("div",{style:{display:"inline-flex",alignItems:"center",gap:"4px",padding:"4px 8px",backgroundColor:"#dcfce7",borderRadius:"6px",fontSize:"12px",fontWeight:"600",color:"#065f46"}},A.createElement(E,{size:12}),A.createElement("span",null,r.label)),A.createElement("span",{style:{fontSize:"13px",color:"#9ca3af"}},B(e.updatedAt||e.resolvedAt||e.timestamp||e.createdAt))),n&&A.createElement("div",{style:{padding:"12px 14px",backgroundColor:"#f9fafb",borderRadius:"8px",marginTop:"12px"}},e.resolvedBy&&A.createElement("div",{style:{fontSize:"12px",fontWeight:"600",color:"#6b7280",marginBottom:"6px"}},e.resolvedBy),A.createElement("p",{style:{margin:0,fontSize:"14px",color:"#374151",lineHeight:"1.5"}},n))),s&&A.createElement("button",{onClick:function(){return s(e.id)},style:{padding:"6px",backgroundColor:"transparent",border:"none",color:"#d1d5db",cursor:"pointer",display:"flex",alignItems:"center",borderRadius:"6px",transition:"all 0.2s",flexShrink:0},onMouseOver:function(A){A.currentTarget.style.backgroundColor="#f3f4f6",A.currentTarget.style.color="#6b7280"},onMouseOut:function(A){A.currentTarget.style.backgroundColor="transparent",A.currentTarget.style.color="#d1d5db"}},A.createElement(k,{size:18}))))}))),u.length>0&&A.createElement("div",{style:{marginBottom:"32px"}},A.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#3b82f6",textTransform:"uppercase",letterSpacing:"0.8px",marginBottom:"16px",paddingLeft:"4px"}},"In Progress"),A.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"16px"}},u.map(function(e){var t=c(e.status),r=O[t||"inProgress"];r.icon;var n=e.responseMessage||(e.statusHistory&&e.statusHistory.length>0?e.statusHistory[e.statusHistory.length-1].comment:null);return A.createElement("div",{key:e.id,style:{backgroundColor:"white",border:"1px solid #e5e7eb",borderRadius:"12px",padding:"20px",transition:"all 0.2s",position:"relative"}},A.createElement("div",{style:{position:"absolute",left:0,top:0,bottom:0,width:"4px",backgroundColor:"#3b82f6",borderRadius:"12px 0 0 12px"}}),A.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-start"}},A.createElement("div",{style:{flex:1,paddingRight:"12px"}},A.createElement("h4",{style:{margin:"0 0 8px 0",fontSize:"16px",fontWeight:"600",color:"#111827",lineHeight:"1.4"}},e.title||e.feedback||e.description),A.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"12px"}},A.createElement("div",{style:{display:"inline-flex",alignItems:"center",gap:"4px",padding:"4px 8px",backgroundColor:"#dbeafe",borderRadius:"6px",fontSize:"12px",fontWeight:"600",color:"#1e40af"}},A.createElement(K,{size:12}),A.createElement("span",null,r.label)),A.createElement("span",{style:{fontSize:"13px",color:"#9ca3af"}},B(e.updatedAt||e.resolvedAt||e.timestamp||e.createdAt))),n&&A.createElement("div",{style:{padding:"12px 14px",backgroundColor:"#f9fafb",borderRadius:"8px",marginTop:"12px"}},e.assignedTo&&A.createElement("div",{style:{fontSize:"12px",fontWeight:"600",color:"#6b7280",marginBottom:"6px"}},e.assignedTo),A.createElement("p",{style:{margin:0,fontSize:"14px",color:"#374151",lineHeight:"1.5"}},n),e.estimatedResolutionDate&&A.createElement("div",{style:{marginTop:"8px",paddingTop:"8px",borderTop:"1px solid #e5e7eb",fontSize:"12px",color:"#6b7280",display:"flex",alignItems:"center",gap:"4px"}},A.createElement(I,{size:12}),A.createElement("span",null,"Est. completion: ",B(e.estimatedResolutionDate))))),s&&A.createElement("button",{onClick:function(){return s(e.id)},style:{padding:"6px",backgroundColor:"transparent",border:"none",color:"#d1d5db",cursor:"pointer",display:"flex",alignItems:"center",borderRadius:"6px",transition:"all 0.2s",flexShrink:0},onMouseOver:function(A){A.currentTarget.style.backgroundColor="#f3f4f6",A.currentTarget.style.color="#6b7280"},onMouseOut:function(A){A.currentTarget.style.backgroundColor="transparent",A.currentTarget.style.color="#d1d5db"}},A.createElement(k,{size:18}))))}))),g.length>0&&A.createElement("div",null,A.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#6b7280",textTransform:"uppercase",letterSpacing:"0.8px",marginBottom:"16px",paddingLeft:"4px"}},"Other Updates"),A.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"16px"}},g.map(function(e){var t=c(e.status),r=O[t||"reported"],n=r.icon,o=e.responseMessage||(e.statusHistory&&e.statusHistory.length>0?e.statusHistory[e.statusHistory.length-1].comment:null);return A.createElement("div",{key:e.id,style:{backgroundColor:"white",border:"1px solid #e5e7eb",borderRadius:"12px",padding:"20px",transition:"all 0.2s",position:"relative"}},A.createElement("div",{style:{position:"absolute",left:0,top:0,bottom:0,width:"4px",backgroundColor:r.color,borderRadius:"12px 0 0 12px"}}),A.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-start"}},A.createElement("div",{style:{flex:1,paddingRight:"12px"}},A.createElement("h4",{style:{margin:"0 0 8px 0",fontSize:"16px",fontWeight:"600",color:"#111827",lineHeight:"1.4"}},e.title||e.feedback||e.description),A.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"12px"}},A.createElement("div",{style:{display:"inline-flex",alignItems:"center",gap:"4px",padding:"4px 8px",backgroundColor:r.bgColor,borderRadius:"6px",fontSize:"12px",fontWeight:"600",color:r.textColor}},A.createElement(n,{size:12}),A.createElement("span",null,r.label)),A.createElement("span",{style:{fontSize:"13px",color:"#9ca3af"}},B(e.updatedAt||e.resolvedAt||e.timestamp||e.createdAt))),o&&A.createElement("div",{style:{padding:"12px 14px",backgroundColor:"#f9fafb",borderRadius:"8px",marginTop:"12px"}},A.createElement("p",{style:{margin:0,fontSize:"14px",color:"#374151",lineHeight:"1.5"}},o))),s&&A.createElement("button",{onClick:function(){return s(e.id)},style:{padding:"6px",backgroundColor:"transparent",border:"none",color:"#d1d5db",cursor:"pointer",display:"flex",alignItems:"center",borderRadius:"6px",transition:"all 0.2s",flexShrink:0},onMouseOver:function(A){A.currentTarget.style.backgroundColor="#f3f4f6",A.currentTarget.style.color="#6b7280"},onMouseOut:function(A){A.currentTarget.style.backgroundColor="transparent",A.currentTarget.style.color="#d1d5db"}},A.createElement(k,{size:18}))))})))),A.createElement("div",{style:{padding:"16px 24px",borderTop:"1px solid #e5e7eb",backgroundColor:"#f9fafb",display:"flex",justifyContent:"space-between",alignItems:"center"}},A.createElement("p",{style:{margin:0,fontSize:"13px",color:"#6b7280"}},o.length," update",o.length>1?"s":""),A.createElement("div",{style:{display:"flex",gap:"12px"}},i&&A.createElement("button",{onClick:i,style:{padding:"10px 20px",backgroundColor:"#f3f4f6",border:"none",borderRadius:"8px",fontSize:"14px",fontWeight:"600",color:"#374151",cursor:"pointer",transition:"all 0.2s"},onMouseOver:function(A){return A.currentTarget.style.backgroundColor="#e5e7eb"},onMouseOut:function(A){return A.currentTarget.style.backgroundColor="#f3f4f6"}},"Dismiss All"),A.createElement("button",{onClick:r,style:{padding:"10px 20px",backgroundColor:"#111827",border:"none",borderRadius:"8px",fontSize:"14px",fontWeight:"600",color:"white",cursor:"pointer",transition:"all 0.2s"},onMouseOver:function(A){return A.currentTarget.style.backgroundColor="#1f2937"},onMouseOut:function(A){return A.currentTarget.style.backgroundColor="#111827"}},"Got it!")))),A.createElement("style",null,"\n @keyframes scaleIn {\n from {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.9);\n }\n to {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n }\n ")),document.body)},X=function(A){if(!A||A===document.body)return"body";for(var e=[],t=A;t&&t!==document.body;){var r,n=t.tagName.toLowerCase();if(t.id){n+="#".concat(t.id),e.unshift(n);break}if(t.className){var o="string"==typeof t.className?t.className:t.className.baseVal||"";if(o){var s=o.split(" ").filter(function(A){return A.trim()});s.length>0&&(n+=".".concat(s[0]))}}var i=Array.from((null===(r=t.parentElement)||void 0===r?void 0:r.children)||[]).filter(function(A){return A.tagName===t.tagName});if(i.length>1){var B=i.indexOf(t)+1;n+=":nth-of-type(".concat(B,")")}e.unshift(n),t=t.parentElement}return e.join(" > ")},J=function(A){var e,t=A.getBoundingClientRect(),r=window.getComputedStyle(A),n=A.className?"string"==typeof A.className?A.className:A.className.baseVal||"":null;return{tagName:A.tagName.toLowerCase(),id:A.id||null,className:n,textContent:(null===(e=A.textContent)||void 0===e?void 0:e.slice(0,100))||null,selector:X(A),position:{x:Math.round(t.x),y:Math.round(t.y),width:Math.round(t.width),height:Math.round(t.height)},styles:{backgroundColor:r.backgroundColor,color:r.color,fontSize:r.fontSize,fontFamily:r.fontFamily}}},W=function(){var A=u(d().m(function A(e){var t,r,n,o,s,i,B;return d().w(function(A){for(;;)switch(A.p=A.n){case 0:return A.p=0,A.n=1,Promise.resolve().then(function(){return OA});case 1:return t=A.v,r=t.toPng,n={quality:1,pixelRatio:2,cacheBust:!0,skipFonts:!1,skipAutoScale:!1,fetchRequestInit:{mode:"cors",credentials:"omit",cache:"no-cache"},filter:function(A){if("LINK"===A.tagName&&"stylesheet"===A.rel){var e=A.href||"";if(e&&!e.startsWith(window.location.origin)&&e.includes("http"))return!1}if("STYLE"===A.tagName){var t=A.textContent||"";if(t.includes("@import")&&t.includes("http"))return!1}return!0},style:{transform:"none",transformOrigin:"top left"}},A.n=2,r(e,n);case 2:return o=A.v,A.a(2,o);case 3:return A.p=3,A.v,console.warn("[Feedback Widget] html-to-image failed, using html2canvas fallback"),A.p=4,A.n=5,Promise.resolve().then(function(){return aB});case 5:return s=A.v.default,A.n=6,s(e,{backgroundColor:null,scale:2,useCORS:!0,allowTaint:!0,logging:!1,ignoreElements:function(A){if("LINK"===A.tagName&&"stylesheet"===A.rel){var e=A.href||"";return e&&!e.startsWith(window.location.origin)&&e.includes("http")}return!1},onclone:function(A){A.querySelectorAll('link[rel="stylesheet"]').forEach(function(A){var e=A.href||"";e&&!e.startsWith(window.location.origin)&&e.includes("http")&&A.remove()})}});case 6:return i=A.v,A.a(2,i.toDataURL("image/png"));case 7:return A.p=7,B=A.v,console.error("[Feedback Widget] Both screenshot methods failed:",B),A.a(2,null)}},A,null,[[4,7],[0,3]])}));return function(e){return A.apply(this,arguments)}}(),Y=i(null),Z=function(e){var t=e.children,i=e.onSubmit,B=e.isActive,c=e.onActiveChange,l=e.dashboard,g=void 0!==l&&l,w=e.dashboardData,Q=e.isDeveloper,C=void 0!==Q&&Q,h=e.isUser,U=void 0===h||h,F=e.userName,p=e.userEmail,m=e.onStatusChange,y=e.mode,E=void 0===y?"light":y,H=f(r(!1),2),I=H[0],b=H[1],v=void 0!==B,x=v?B:I,K=s(function(A){v?c&&c("function"==typeof A?A(x):A):b(A)},[v,c,x]),L=f(r(null),2),D=L[0],S=L[1],k=f(r(null),2),M=k[0],O=k[1],G=f(r({}),2),V=G[0],P=G[1],X=f(r({}),2),Z=X[0],z=X[1],_=f(r(!1),2),j=_[0],q=_[1],$=f(r(null),2),AA=$[0],eA=$[1],tA=f(r(!1),2),rA=tA[0],nA=tA[1],oA=f(r(!1),2),sA=oA[0],iA=oA[1],BA=n(null),aA=n(null);o(function(){},[i]);var cA=s(function(A){if(!A||A===document.body||A===document.documentElement)return!1;if(A.closest(".feedback-overlay, .feedback-modal, .feedback-backdrop, .feedback-tooltip, .feedback-highlight"))return!1;var e=A.getBoundingClientRect();return!(e.width<10||e.height<10)},[]),lA=s(function(A){if(x){var e=document.elementFromPoint(A.clientX,A.clientY);if(cA(e)&&e!==D){S(e);var t=e.getBoundingClientRect(),r=window.pageXOffset,n=window.pageYOffset;P({left:t.left+r,top:t.top+n,width:t.width,height:t.height});var o=Math.min(A.clientX+10,window.innerWidth-200),s=A.clientY-40;z({left:o,top:Math.max(s,10)})}}},[x,D,cA]),uA=s(function(){var A=u(d().m(function A(e){var t;return d().w(function(A){for(;;)switch(A.p=A.n){case 0:if(x&&D){A.n=1;break}return A.a(2);case 1:return e.preventDefault(),e.stopPropagation(),nA(!0),O(D),A.p=2,A.n=3,W(D);case 3:t=A.v,eA(t),q(!0),A.n=5;break;case 4:A.p=4,A.v,q(!0);case 5:return A.p=5,nA(!1),S(null),A.f(5);case 6:return A.a(2)}},A,null,[[2,4,5,6]])}));return function(e){return A.apply(this,arguments)}}(),[x,D]),gA=s(function(A){return A.ctrlKey&&!A.shiftKey&&"q"===A.key.toLowerCase()?(A.preventDefault(),void(x||K(!0))):g&&A.ctrlKey&&A.shiftKey&&"q"===A.key.toLowerCase()?(A.preventDefault(),void iA(!0)):void("Escape"===A.key&&(A.preventDefault(),x&&(K(!1),q(!1)),sA&&iA(!1)))},[x,sA,g]);o(function(){return document.addEventListener("keydown",gA),function(){return document.removeEventListener("keydown",gA)}},[gA]),o(function(){return x?document.body.classList.add("feedback-mode-active"):document.body.classList.remove("feedback-mode-active"),function(){document.body.classList.remove("feedback-mode-active")}},[x]),o(function(){return x?(document.addEventListener("mousemove",lA),document.addEventListener("click",uA,!0),function(){document.removeEventListener("mousemove",lA),document.removeEventListener("click",uA,!0)}):(S(null),O(null),void q(!1))},[x,lA,uA]);var wA=s(function(){var A=u(d().m(function A(e){var t;return d().w(function(A){for(;;)switch(A.p=A.n){case 0:if(A.p=0,!g){A.n=1;break}if((t=N(e)).success){A.n=1;break}throw new Error(t.error);case 1:if(!i||"function"!=typeof i){A.n=2;break}return A.n=2,i(e);case 2:q(!1),K(!1),O(null),eA(null),S(null),A.n=4;break;case 3:throw A.p=3,A.v;case 4:return A.a(2)}},A,null,[[0,3]])}));return function(e){return A.apply(this,arguments)}}(),[i,g]),QA=s(function(){q(!1),O(null),eA(null)},[]),dA="dark"===E?"feedback-dark":"feedback-light";return A.createElement(Y.Provider,{value:{isActive:x,setIsActive:K,setIsDashboardOpen:iA}},t,x&&a(A.createElement(A.Fragment,null,A.createElement("div",{ref:BA,className:"feedback-overlay ".concat(dA)}),D&&A.createElement(A.Fragment,null,A.createElement("div",{ref:aA,className:"feedback-highlight ".concat(dA),style:V}),A.createElement("div",{className:"feedback-tooltip ".concat(dA),style:Z},D.tagName.toLowerCase(),D.id&&"#".concat(D.id),rA&&" (Capturing...)"))),document.body),A.createElement(T,{isOpen:j,onClose:QA,elementInfo:M?J(M):null,screenshot:AA,onSubmit:wA,userName:F,userEmail:p,mode:E}),g&&A.createElement(R,{isOpen:sA,onClose:function(){return iA(!1)},data:w,isDeveloper:C,isUser:U,onStatusChange:m}))},z=function(){var A=B(Y);if(!A)throw new Error("useFeedback must be used within FeedbackProvider");return A};const _=(()=>{let A=0;return()=>(A+=1,`u${`0000${(Math.random()*36**4|0).toString(36)}`.slice(-4)}${A}`)})();function j(A){const e=[];for(let t=0,r=A.length;t<r;t++)e.push(A[t]);return e}let q=null;function $(A={}){return q||(A.includeStyleProperties?(q=A.includeStyleProperties,q):(q=j(window.getComputedStyle(document.documentElement)),q))}function AA(A,e){const t=(A.ownerDocument.defaultView||window).getComputedStyle(A).getPropertyValue(e);return t?parseFloat(t.replace("px","")):0}function eA(A,e={}){return{width:e.width||function(A){const e=AA(A,"border-left-width"),t=AA(A,"border-right-width");return A.clientWidth+e+t}(A),height:e.height||function(A){const e=AA(A,"border-top-width"),t=AA(A,"border-bottom-width");return A.clientHeight+e+t}(A)}}const tA=16384;function rA(A){return new Promise((e,t)=>{const r=new Image;r.onload=()=>{r.decode().then(()=>{requestAnimationFrame(()=>e(r))})},r.onerror=t,r.crossOrigin="anonymous",r.decoding="async",r.src=A})}async function nA(A,e,t){const r="http://www.w3.org/2000/svg",n=document.createElementNS(r,"svg"),o=document.createElementNS(r,"foreignObject");return n.setAttribute("width",`${e}`),n.setAttribute("height",`${t}`),n.setAttribute("viewBox",`0 0 ${e} ${t}`),o.setAttribute("width","100%"),o.setAttribute("height","100%"),o.setAttribute("x","0"),o.setAttribute("y","0"),o.setAttribute("externalResourcesRequired","true"),n.appendChild(o),o.appendChild(A),async function(A){return Promise.resolve().then(()=>(new XMLSerializer).serializeToString(A)).then(encodeURIComponent).then(A=>`data:image/svg+xml;charset=utf-8,${A}`)}(n)}const oA=(A,e)=>{if(A instanceof e)return!0;const t=Object.getPrototypeOf(A);return null!==t&&(t.constructor.name===e.name||oA(t,e))};function sA(A,e,t,r){const n=`.${A}:${e}`,o=t.cssText?function(A){const e=A.getPropertyValue("content");return`${A.cssText} content: '${e.replace(/'|"/g,"")}';`}(t):function(A,e){return $(e).map(e=>`${e}: ${A.getPropertyValue(e)}${A.getPropertyPriority(e)?" !important":""};`).join(" ")}(t,r);return document.createTextNode(`${n}{${o}}`)}function iA(A,e,t,r){const n=window.getComputedStyle(A,t),o=n.getPropertyValue("content");if(""===o||"none"===o)return;const s=_();try{e.className=`${e.className} ${s}`}catch(A){return}const i=document.createElement("style");i.appendChild(sA(s,t,n,r)),e.appendChild(i)}const BA="application/font-woff",aA="image/jpeg",cA={woff:BA,woff2:BA,ttf:"application/font-truetype",eot:"application/vnd.ms-fontobject",png:"image/png",jpg:aA,jpeg:aA,gif:"image/gif",tiff:"image/tiff",svg:"image/svg+xml",webp:"image/webp"};function lA(A){const e=function(A){const e=/\.([^./]*?)$/g.exec(A);return e?e[1]:""}(A).toLowerCase();return cA[e]||""}function uA(A){return-1!==A.search(/^(data:)/)}async function gA(A,e,t){const r=await fetch(A,e);if(404===r.status)throw new Error(`Resource "${r.url}" not found`);const n=await r.blob();return new Promise((A,e)=>{const o=new FileReader;o.onerror=e,o.onloadend=()=>{try{A(t({res:r,result:o.result}))}catch(A){e(A)}},o.readAsDataURL(n)})}const wA={};async function QA(A,e,t){const r=function(A,e,t){let r=A.replace(/\?.*/,"");return t&&(r=A),/ttf|otf|eot|woff2?/i.test(r)&&(r=r.replace(/.*\//,"")),e?`[${e}]${r}`:r}(A,e,t.includeQueryParams);if(null!=wA[r])return wA[r];let n;t.cacheBust&&(A+=(/\?/.test(A)?"&":"?")+(new Date).getTime());try{const r=await gA(A,t.fetchRequestInit,({res:A,result:t})=>(e||(e=A.headers.get("Content-Type")||""),function(A){return A.split(/,/)[1]}(t)));n=function(A,e){return`data:${e};base64,${A}`}(r,e)}catch(e){n=t.imagePlaceholder||"";let r=`Failed to fetch resource: ${A}`;e&&(r="string"==typeof e?e:e.message),r&&console.warn(r)}return wA[r]=n,n}async function dA(A,e){return oA(A,HTMLCanvasElement)?async function(A){const e=A.toDataURL();return"data:,"===e?A.cloneNode(!1):rA(e)}(A):oA(A,HTMLVideoElement)?async function(A,e){if(A.currentSrc){const e=document.createElement("canvas"),t=e.getContext("2d");return e.width=A.clientWidth,e.height=A.clientHeight,null==t||t.drawImage(A,0,0,e.width,e.height),rA(e.toDataURL())}const t=A.poster,r=lA(t);return rA(await QA(t,r,e))}(A,e):oA(A,HTMLIFrameElement)?async function(A,e){var t;try{if(null===(t=null==A?void 0:A.contentDocument)||void 0===t?void 0:t.body)return await UA(A.contentDocument.body,e,!0)}catch(A){}return A.cloneNode(!1)}(A,e):A.cloneNode(fA(A))}const CA=A=>null!=A.tagName&&"SLOT"===A.tagName.toUpperCase(),fA=A=>null!=A.tagName&&"SVG"===A.tagName.toUpperCase();function hA(A,e,t){return oA(e,Element)&&(function(A,e,t){const r=e.style;if(!r)return;const n=window.getComputedStyle(A);n.cssText?(r.cssText=n.cssText,r.transformOrigin=n.transformOrigin):$(t).forEach(t=>{let o=n.getPropertyValue(t);if("font-size"===t&&o.endsWith("px")){const A=Math.floor(parseFloat(o.substring(0,o.length-2)))-.1;o=`${A}px`}oA(A,HTMLIFrameElement)&&"display"===t&&"inline"===o&&(o="block"),"d"===t&&e.getAttribute("d")&&(o=`path(${e.getAttribute("d")})`),r.setProperty(t,o,n.getPropertyPriority(t))})}(A,e,t),function(A,e,t){iA(A,e,":before",t),iA(A,e,":after",t)}(A,e,t),function(A,e){oA(A,HTMLTextAreaElement)&&(e.innerHTML=A.value),oA(A,HTMLInputElement)&&e.setAttribute("value",A.value)}(A,e),function(A,e){if(oA(A,HTMLSelectElement)){const t=e,r=Array.from(t.children).find(e=>A.value===e.getAttribute("value"));r&&r.setAttribute("selected","")}}(A,e)),e}async function UA(A,e,t){return t||!e.filter||e.filter(A)?Promise.resolve(A).then(A=>dA(A,e)).then(t=>async function(A,e,t){var r,n;if(fA(e))return e;let o=[];return o=CA(A)&&A.assignedNodes?j(A.assignedNodes()):oA(A,HTMLIFrameElement)&&(null===(r=A.contentDocument)||void 0===r?void 0:r.body)?j(A.contentDocument.body.childNodes):j((null!==(n=A.shadowRoot)&&void 0!==n?n:A).childNodes),0===o.length||oA(A,HTMLVideoElement)||await o.reduce((A,r)=>A.then(()=>UA(r,t)).then(A=>{A&&e.appendChild(A)}),Promise.resolve()),e}(A,t,e)).then(t=>hA(A,t,e)).then(A=>async function(A,e){const t=A.querySelectorAll?A.querySelectorAll("use"):[];if(0===t.length)return A;const r={};for(let n=0;n<t.length;n++){const o=t[n].getAttribute("xlink:href");if(o){const t=A.querySelector(o),n=document.querySelector(o);t||!n||r[o]||(r[o]=await UA(n,e,!0))}}const n=Object.values(r);if(n.length){const e="http://www.w3.org/1999/xhtml",t=document.createElementNS(e,"svg");t.setAttribute("xmlns",e),t.style.position="absolute",t.style.width="0",t.style.height="0",t.style.overflow="hidden",t.style.display="none";const r=document.createElementNS(e,"defs");t.appendChild(r);for(let A=0;A<n.length;A++)r.appendChild(n[A]);A.appendChild(t)}return A}(A,e)):null}const FA=/url\((['"]?)([^'"]+?)\1\)/g,pA=/url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g,mA=/src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;async function yA(A,e,t,r,n){try{const o=t?function(A,e){if(A.match(/^[a-z]+:\/\//i))return A;if(A.match(/^\/\//))return window.location.protocol+A;if(A.match(/^[a-z]+:/i))return A;const t=document.implementation.createHTMLDocument(),r=t.createElement("base"),n=t.createElement("a");return t.head.appendChild(r),t.body.appendChild(n),e&&(r.href=e),n.href=A,n.href}(e,t):e,s=lA(e);let i;return n||(i=await QA(o,s,r)),A.replace(function(A){const e=A.replace(/([.*+?^${}()|\[\]\/\\])/g,"\\$1");return new RegExp(`(url\\(['"]?)(${e})(['"]?\\))`,"g")}(e),`$1${i}$3`)}catch(A){}return A}function EA(A){return-1!==A.search(FA)}async function HA(A,e,t){if(!EA(A))return A;const r=function(A,{preferredFontFormat:e}){return e?A.replace(mA,A=>{for(;;){const[t,,r]=pA.exec(A)||[];if(!r)return"";if(r===e)return`src: ${t};`}}):A}(A,t),n=function(A){const e=[];return A.replace(FA,(A,t,r)=>(e.push(r),A)),e.filter(A=>!uA(A))}(r);return n.reduce((A,r)=>A.then(A=>yA(A,r,e,t)),Promise.resolve(r))}async function IA(A,e,t){var r;const n=null===(r=e.style)||void 0===r?void 0:r.getPropertyValue(A);if(n){const r=await HA(n,null,t);return e.style.setProperty(A,r,e.style.getPropertyPriority(A)),!0}return!1}async function bA(A,e){oA(A,Element)&&(await async function(A,e){await IA("background",A,e)||await IA("background-image",A,e),await IA("mask",A,e)||await IA("-webkit-mask",A,e)||await IA("mask-image",A,e)||await IA("-webkit-mask-image",A,e)}(A,e),await async function(A,e){const t=oA(A,HTMLImageElement);if((!t||uA(A.src))&&(!oA(A,SVGImageElement)||uA(A.href.baseVal)))return;const r=t?A.src:A.href.baseVal,n=await QA(r,lA(r),e);await new Promise((r,o)=>{A.onload=r,A.onerror=e.onImageErrorHandler?(...A)=>{try{r(e.onImageErrorHandler(...A))}catch(A){o(A)}}:o;const s=A;s.decode&&(s.decode=r),"lazy"===s.loading&&(s.loading="eager"),t?(A.srcset="",A.src=n):A.href.baseVal=n})}(A,e),await async function(A,e){const t=j(A.childNodes).map(A=>bA(A,e));await Promise.all(t).then(()=>A)}(A,e))}const vA={};async function xA(A){let e=vA[A];if(null!=e)return e;const t=await fetch(A);return e={url:A,cssText:await t.text()},vA[A]=e,e}async function KA(A,e){let t=A.cssText;const r=/url\(["']?([^"')]+)["']?\)/g,n=(t.match(/url\([^)]+\)/g)||[]).map(async n=>{let o=n.replace(r,"$1");return o.startsWith("https://")||(o=new URL(o,A.url).href),gA(o,e.fetchRequestInit,({result:A})=>(t=t.replace(n,`url(${A})`),[n,A]))});return Promise.all(n).then(()=>t)}function LA(A){if(null==A)return[];const e=[];let t=A.replace(/(\/\*[\s\S]*?\*\/)/gi,"");const r=new RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})","gi");for(;;){const A=r.exec(t);if(null===A)break;e.push(A[0])}t=t.replace(r,"");const n=/@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi,o=new RegExp("((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})","gi");for(;;){let A=n.exec(t);if(null===A){if(A=o.exec(t),null===A)break;n.lastIndex=o.lastIndex}else o.lastIndex=n.lastIndex;e.push(A[0])}return e}async function DA(A,e){if(null==A.ownerDocument)throw new Error("Provided element is not within a Document");const t=j(A.ownerDocument.styleSheets),r=await async function(A,e){const t=[],r=[];return A.forEach(t=>{if("cssRules"in t)try{j(t.cssRules||[]).forEach((A,n)=>{if(A.type===CSSRule.IMPORT_RULE){let o=n+1;const s=xA(A.href).then(A=>KA(A,e)).then(A=>LA(A).forEach(A=>{try{t.insertRule(A,A.startsWith("@import")?o+=1:t.cssRules.length)}catch(e){console.error("Error inserting rule from remote css",{rule:A,error:e})}})).catch(A=>{console.error("Error loading remote css",A.toString())});r.push(s)}})}catch(n){const o=A.find(A=>null==A.href)||document.styleSheets[0];null!=t.href&&r.push(xA(t.href).then(A=>KA(A,e)).then(A=>LA(A).forEach(A=>{o.insertRule(A,o.cssRules.length)})).catch(A=>{console.error("Error loading remote stylesheet",A)})),console.error("Error inlining remote css file",n)}}),Promise.all(r).then(()=>(A.forEach(A=>{if("cssRules"in A)try{j(A.cssRules||[]).forEach(A=>{t.push(A)})}catch(e){console.error(`Error while reading CSS rules from ${A.href}`,e)}}),t))}(t,e);return function(A){return A.filter(A=>A.type===CSSRule.FONT_FACE_RULE).filter(A=>EA(A.style.getPropertyValue("src")))}(r)}function SA(A){return A.trim().replace(/["']/g,"")}async function kA(A,e){const t=await DA(A,e),r=function(A){const e=new Set;return function A(t){(t.style.fontFamily||getComputedStyle(t).fontFamily).split(",").forEach(A=>{e.add(SA(A))}),Array.from(t.children).forEach(e=>{e instanceof HTMLElement&&A(e)})}(A),e}(A);return(await Promise.all(t.filter(A=>r.has(SA(A.style.fontFamily))).map(A=>{const t=A.parentStyleSheet?A.parentStyleSheet.href:null;return HA(A.cssText,t,e)}))).join("\n")}async function TA(A,e={}){const{width:t,height:r}=eA(A,e),n=await UA(A,e,!0);await async function(A,e){const t=null!=e.fontEmbedCSS?e.fontEmbedCSS:e.skipFonts?null:await kA(A,e);if(t){const e=document.createElement("style"),r=document.createTextNode(t);e.appendChild(r),A.firstChild?A.insertBefore(e,A.firstChild):A.appendChild(e)}}(n,e),await bA(n,e),function(A,e){const{style:t}=A;e.backgroundColor&&(t.backgroundColor=e.backgroundColor),e.width&&(t.width=`${e.width}px`),e.height&&(t.height=`${e.height}px`);const r=e.style;null!=r&&Object.keys(r).forEach(A=>{t[A]=r[A]})}(n,e);return await nA(n,t,r)}async function MA(A,e={}){const{width:t,height:r}=eA(A,e),n=await TA(A,e),o=await rA(n),s=document.createElement("canvas"),i=s.getContext("2d"),B=e.pixelRatio||function(){let A,e;try{e=process}catch(A){}const t=e&&e.env?e.env.devicePixelRatio:null;return t&&(A=parseInt(t,10),Number.isNaN(A)&&(A=1)),A||window.devicePixelRatio||1}(),a=e.canvasWidth||t,c=e.canvasHeight||r;return s.width=a*B,s.height=c*B,e.skipAutoScale||function(A){(A.width>tA||A.height>tA)&&(A.width>tA&&A.height>tA?A.width>A.height?(A.height*=tA/A.width,A.width=tA):(A.width*=tA/A.height,A.height=tA):A.width>tA?(A.height*=tA/A.width,A.width=tA):(A.width*=tA/A.height,A.height=tA))}(s),s.style.width=`${a}`,s.style.height=`${c}`,e.backgroundColor&&(i.fillStyle=e.backgroundColor,i.fillRect(0,0,s.width,s.height)),i.drawImage(o,0,0,s.width,s.height),s}var OA=Object.freeze({__proto__:null,getFontEmbedCSS:async function(A,e={}){return kA(A,e)},toBlob:async function(A,e={}){const t=await MA(A,e),r=await function(A,e={}){return A.toBlob?new Promise(t=>{A.toBlob(t,e.type?e.type:"image/png",e.quality?e.quality:1)}):new Promise(t=>{const r=window.atob(A.toDataURL(e.type?e.type:void 0,e.quality?e.quality:void 0).split(",")[1]),n=r.length,o=new Uint8Array(n);for(let A=0;A<n;A+=1)o[A]=r.charCodeAt(A);t(new Blob([o],{type:e.type?e.type:"image/png"}))})}(t);return r},toCanvas:MA,toJpeg:async function(A,e={}){return(await MA(A,e)).toDataURL("image/jpeg",e.quality||1)},toPixelData:async function(A,e={}){const{width:t,height:r}=eA(A,e);return(await MA(A,e)).getContext("2d").getImageData(0,0,t,r).data},toPng:async function(A,e={}){return(await MA(A,e)).toDataURL()},toSvg:TA}),GA=function(A,e){return GA=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(A,e){A.__proto__=e}||function(A,e){for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&(A[t]=e[t])},GA(A,e)};
4
4
  /*!
5
5
  * html2canvas 1.4.1 <https://html2canvas.hertzen.com>
6
6
  * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>