react-visual-feedback 1.3.4 → 1.3.6

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.
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";var A=require("react"),e=require("react-dom");function t(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 r(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 n(A){return function(){var e=this,t=arguments;return new Promise(function(n,o){var s=A.apply(e,t);function i(A){r(s,n,o,i,B,"next",A)}function B(A){r(s,n,o,i,B,"throw",A)}i(void 0)})}}function o(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 s(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 i(A){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?s(Object(t),!0).forEach(function(e){o(A,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(A,Object.getOwnPropertyDescriptors(t)):s(Object(t)).forEach(function(e){Object.defineProperty(A,e,Object.getOwnPropertyDescriptor(t,e))})}return A}function B(){
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,c=Object.create(B.prototype);return a(c,"_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),c}var s={};function i(){}function c(){}function l(){}e=Object.getPrototypeOf;var u=[][r]?e(e([][r]())):(a(e={},r,function(){return this}),e),g=l.prototype=i.prototype=Object.create(u);function w(A){return Object.setPrototypeOf?Object.setPrototypeOf(A,l):(A.__proto__=l,a(A,n,"GeneratorFunction")),A.prototype=Object.create(g),A}return c.prototype=l,a(g,"constructor",l),a(l,"constructor",c),c.displayName="GeneratorFunction",a(l,n,"GeneratorFunction"),a(g),a(g,n,"Generator"),a(g,r,function(){return this}),a(g,"toString",function(){return"[object Generator]"}),(B=function(){return{w:o,m:w}})()}function a(A,e,t,r){var n=Object.defineProperty;try{n({},"",{})}catch(A){n=0}a=function(A,e,t,r){function o(e,t){a(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))},a(A,e,t,r)}function c(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 l(A){return function(A){if(Array.isArray(A))return t(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 t(A,e);var r={}.toString.call(A).slice(8,-1);return"Object"===r&&A.constructor&&(r=A.constructor.name),"Map"===r||"Set"===r?Array.from(A):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?t(A,e):void 0}}var g={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 w=(e,t)=>{const r=A.forwardRef(({color:r="currentColor",size:n=24,strokeWidth:o=2,absoluteStrokeWidth:s,children:i,...B},a)=>{return A.createElement("svg",{ref:a,...g,width:n,height:n,stroke:r,strokeWidth:s?24*Number(o)/Number(n):o,className:`lucide lucide-${c=e,c.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,...B},[...t.map(([e,t])=>A.createElement(e,t)),...(Array.isArray(i)?i:[i])||[]]);var c});return r.displayName=`${e}`,r};const Q=w("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"}]]),d=w("Ban",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m4.9 4.9 14.2 14.2",key:"1m5liu"}]]),C=w("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"}]]),f=w("ChevronDown",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]]),h=w("Clock",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["polyline",{points:"12 6 12 12 16 14",key:"68esgv"}]]),U=w("Filter",[["polygon",{points:"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3",key:"1yg77f"}]]),F=w("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"}]]),p=w("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"}]]),m=w("Play",[["polygon",{points:"5 3 19 12 5 21 5 3",key:"191637"}]]),y=w("Send",[["path",{d:"m22 2-7 20-4-9-9-4Z",key:"1q3vgg"}],["path",{d:"M22 2 11 13",key:"nzbqef"}]]),E=w("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"}]]),H=w("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"}]]),I=w("X",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]);var b=function(t){var r=t.isOpen,o=t.onClose,s=t.elementInfo,i=t.screenshot,a=t.onSubmit,l=t.userName,u=t.userEmail,g=t.mode,w=void 0===g?"dark":g,d=c(A.useState(""),2),f=d[0],h=d[1],U=c(A.useState(!1),2),p=U[0],m=U[1],E=c(A.useState(!1),2),H=E[0],b=E[1],v=c(A.useState(null),2),x=v[0],K=v[1],L=A.useRef(null);A.useEffect(function(){r?L.current&&L.current.focus():(h(""),m(!1),b(!1),K(null))},[r]);var D=function(){var A=n(B().m(function A(){var e,t;return B().w(function(A){for(;;)switch(A.p=A.n){case 0:if(f.trim()){A.n=1;break}return A.a(2);case 1:return m(!0),K(null),e={feedback:f.trim(),elementInfo:s,screenshot:i,url:window.location.href,userAgent:navigator.userAgent,viewport:{width:window.innerWidth,height:window.innerHeight},timestamp:(new Date).toISOString(),userName:l||"Anonymous",userEmail:u||null},A.p=2,A.n=3,a(e);case 3:b(!0),m(!1),K(null),setTimeout(function(){o()},1500),A.n=5;break;case 4:A.p=4,t=A.v,console.error("[React Feedback Widget] Submission failed:",t),K((null==t?void 0:t.message)||"Failed to submit feedback. Please try again."),m(!1);case 5:return A.a(2)}},A,null,[[2,4]])}));return function(){return A.apply(this,arguments)}}();if(!r)return null;var S="dark"===w?"feedback-dark":"feedback-light";return e.createPortal(A.createElement(A.Fragment,null,A.createElement("div",{className:"feedback-backdrop ".concat(S),onClick:o}),A.createElement("div",{className:"feedback-modal ".concat(S)},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:o,className:"feedback-close","aria-label":"Close"},A.createElement(I,{size:20}))),A.createElement("div",{className:"feedback-body"},i&&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:i,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:L,value:f,onChange:function(A){h(A.target.value),x&&K(null)},onKeyDown:function(A){"Enter"===A.key&&(A.metaKey||A.ctrlKey)&&(A.preventDefault(),D())},placeholder:"Tell us what you think... (Ctrl/Cmd + Enter to submit)",className:"feedback-textarea",rows:12,disabled:p||H,"aria-invalid":x?"true":"false"}),x&&A.createElement("div",{className:"feedback-error",role:"alert"},A.createElement(Q,{size:16}),A.createElement("span",null,x))),A.createElement("div",{className:"feedback-actions"},A.createElement("button",{type:"button",onClick:o,className:"feedback-btn feedback-cancel",disabled:p},"Cancel"),A.createElement("button",{onClick:D,disabled:!f.trim()||p||H,className:"feedback-btn feedback-submit"},H?A.createElement(A.Fragment,null,A.createElement(C,{size:16}),"Submitted!"):p?A.createElement(A.Fragment,null,A.createElement(F,{size:16,className:"feedback-loading"}),"Submitting..."):A.createElement(A.Fragment,null,A.createElement(y,{size:16}),"Submit Feedback")))))))),document.body)},v="react-feedback-data",x={reported:{label:"Reported",icon:Q,color:"#ef4444",bgColor:"#fee2e2",textColor:"#991b1b"},opened:{label:"In Review",icon:h,color:"#f59e0b",bgColor:"#fef3c7",textColor:"#92400e"},inProgress:{label:"In Progress",icon:m,color:"#3b82f6",bgColor:"#dbeafe",textColor:"#1e40af"},resolved:{label:"Resolved",icon:C,color:"#10b981",bgColor:"#d1fae5",textColor:"#065f46"},released:{label:"Released",icon:p,color:"#8b5cf6",bgColor:"#ede9fe",textColor:"#5b21b6"},blocked:{label:"Blocked",icon:d,color:"#dc2626",bgColor:"#fee2e2",textColor:"#991b1b"},wontFix:{label:"Won't Fix",icon:H,color:"#6b7280",bgColor:"#f3f4f6",textColor:"#374151"}},K=function(e){var t=e.status,r=x[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))},L=function(e){var t=e.currentStatus,r=e.onStatusChange,n=e.itemId,o=c(A.useState(!1),2),s=o[0],i=o[1],B=A.useRef(null);A.useEffect(function(){var A=function(A){B.current&&!B.current.contains(A.target)&&i(!1)};return s&&document.addEventListener("mousedown",A),function(){document.removeEventListener("mousedown",A)}},[s]);var a=x[t||"reported"],l=a.icon;return A.createElement("div",{ref:B,style:{position:"relative"}},A.createElement("button",{onClick:function(A){A.stopPropagation(),i(!s)},style:{display:"flex",alignItems:"center",gap:"6px",padding:"6px 12px",borderRadius:"8px",backgroundColor:"white",border:"2px solid ".concat(a.color),fontSize:"13px",fontWeight:"600",color:a.textColor,cursor:"pointer",transition:"all 0.2s",outline:"none"},onMouseOver:function(A){A.currentTarget.style.backgroundColor=a.bgColor},onMouseOut:function(A){A.currentTarget.style.backgroundColor="white"}},A.createElement(l,{size:14}),A.createElement("span",null,a.label),A.createElement(f,{size:14,style:{transition:"transform 0.2s",transform:s?"rotate(180deg)":"rotate(0deg)"}})),s&&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(x).map(function(e){var o=c(e,2),s=o[0],B=o[1],a=B.icon,l=t===s;return A.createElement("button",{key:s,onClick:function(A){A.stopPropagation(),r(n,s),i(!1)},style:{display:"flex",alignItems:"center",gap:"10px",width:"100%",padding:"10px 12px",border:"none",borderRadius:"8px",backgroundColor:l?B.bgColor:"transparent",color:B.textColor,fontSize:"13px",fontWeight:l?"600":"500",cursor:"pointer",transition:"all 0.15s",textAlign:"left"},onMouseOver:function(A){A.currentTarget.style.backgroundColor=B.bgColor},onMouseOut:function(A){A.currentTarget.style.backgroundColor=l?B.bgColor:"transparent"}},A.createElement(a,{size:16}),A.createElement("span",null,B.label))})))},D=function(t){var r=t.isOpen,n=t.onClose,o=t.data,s=t.isDeveloper,B=void 0!==s&&s,a=t.isUser,l=void 0===a||a,u=t.onStatusChange,g=c(A.useState([]),2),w=g[0],d=g[1],C=c(A.useState(null),2),F=C[0],p=C[1],m=c(A.useState("all"),2),y=m[0],H=m[1],b=void 0===o,D=c(A.useState({isOpen:!1,feedbackId:null,newStatus:null,oldStatus:null,comment:""}),2),S=D[0],k=D[1];A.useEffect(function(){r&&(b?T():d(o||[]))},[r,o,b]);var T=function(){try{var A=localStorage.getItem(v);if(A){var e=JSON.parse(A);d(e)}}catch(A){console.error("Failed to load feedback:",A)}},M=function(A){try{localStorage.setItem(v,JSON.stringify(A)),d(A)}catch(A){console.error("Failed to save feedback:",A)}},O=function(){k({isOpen:!1,feedbackId:null,newStatus:null,oldStatus:null,comment:""})},G=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)},V="all"===y?w:w.filter(function(A){return(A.status||"reported")===y}),R=w.reduce(function(A,e){var t=e.status||"reported";return A[t]=(A[t]||0)+1,A},{});return r?e.createPortal(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?")&&(b&&localStorage.removeItem(v),d([]),p(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(I,{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 H("all")},style:{padding:"8px 16px",border:"none",borderRadius:"8px",backgroundColor:"all"===y?"#111827":"#f3f4f6",color:"all"===y?"white":"#6b7280",fontSize:"13px",fontWeight:"600",cursor:"pointer",transition:"all 0.2s"}},"All ",w.length>0&&"(".concat(w.length,")")),Object.entries(x).map(function(e){var t=c(e,2),r=t[0],n=t[1],o=R[r]||0;if(0===o&&!B)return null;var s=n.icon;return A.createElement("button",{key:r,onClick:function(){return H(r)},style:{padding:"8px 14px",border:"none",borderRadius:"8px",backgroundColor:y===r?n.bgColor:"#f3f4f6",color:y===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(Q,{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===V.length?A.createElement("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",color:"#9ca3af"}},A.createElement(U,{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"}},V.map(function(e){return A.createElement("div",{key:e.id,style:{backgroundColor:"white",border:"2px solid",borderColor:(null==F?void 0:F.id)===e.id?"#3b82f6":"#e5e7eb",borderRadius:"16px",padding:"20px",cursor:"pointer",transition:"all 0.2s",boxShadow:(null==F?void 0:F.id)===e.id?"0 8px 24px rgba(59, 130, 246, 0.12)":"0 1px 3px rgba(0, 0, 0, 0.05)"},onClick:function(){return p((null==F?void 0:F.id)===e.id?null:e)},onMouseOver:function(A){(null==F?void 0:F.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==F?void 0:F.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(K,{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"}},G(e.timestamp))),A.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px"}},B&&A.createElement(A.Fragment,null,A.createElement(L,{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}),b?M(r):d(r),(null==F?void 0:F.id)===t&&p(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(E,{size:16}))))),A.createElement("p",{style:{margin:"0 0 12px 0",color:"#1f2937",fontSize:"15px",lineHeight:"1.6",display:(null==F?void 0:F.id)===e.id?"block":"-webkit-box",WebkitLineClamp:(null==F?void 0:F.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 ",G(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(h,{size:14}),A.createElement("span",null,"Expected resolution: ",G(e.estimatedResolutionDate))),e.screenshot&&A.createElement("div",{style:{marginTop:"16px"}},A.createElement("img",{src:e.screenshot,alt:"Feedback screenshot",style:{width:"100%",maxHeight:(null==F?void 0:F.id)===e.id?"500px":"200px",objectFit:"contain",borderRadius:"12px",border:"1px solid #e5e7eb",transition:"all 0.3s",backgroundColor:"#f9fafb"}})),(null==F?void 0:F.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(f,{size:14})),(null==F?void 0:F.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(h,{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=x[e.toStatus]||x.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"}},G(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"}},G(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)))))})))),S.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:O}),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(K,{status:S.oldStatus}),A.createElement("div",{style:{color:"#9ca3af",fontSize:"20px",fontWeight:"600"}},"→"),A.createElement(K,{status:S.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:S.comment,onChange:function(A){return k(i(i({},S),{},{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:O,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=S.feedbackId,e=S.newStatus,t=S.comment,r=w.map(function(t){return t.id===A?i(i({},t),{},{status:e}):t});b?M(r):d(r),u&&"function"==typeof u&&u({id:A,status:e,comment:t}),O()},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},S=function(A){try{var e=localStorage.getItem(v),t=e?JSON.parse(e):[],r=i(i({id:Date.now().toString()},A),{},{status:"reported",timestamp:(new Date).toISOString()}),n=[r].concat(l(t));return localStorage.setItem(v,JSON.stringify(n)),{success:!0,data:r}}catch(A){return console.error("Failed to save feedback:",A),{success:!1,error:A.message}}},k=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(" > ")},T=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:k(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}}},M=function(){var A=n(B().m(function A(e){var t,r,n,o,s,i,a,c,l,u,g,w,Q,d,C,f;return B().w(function(A){for(;;)switch(A.p=A.n){case 0:return t=console.error,r=console.warn,n=!1,o=function(){console.error=function(){var A,e=(null===(A=arguments.length<=0?void 0:arguments[0])||void 0===A?void 0:A.toString())||"";e.includes("Error inlining remote css file")||e.includes("Error loading remote stylesheet")||e.includes("Error while reading CSS rules")||e.includes("Cannot access rules")||e.includes("SecurityError")||e.includes("Failed to read the 'cssRules' property")?n=!0:t.apply(void 0,arguments)},console.warn=function(){var A,e=(null===(A=arguments.length<=0?void 0:arguments[0])||void 0===A?void 0:A.toString())||"";e.includes("css file")||e.includes("stylesheet")||r.apply(void 0,arguments)}},s=function(){console.error=t,console.warn=r},A.p=1,A.n=2,Promise.resolve().then(function(){return IA});case 2:return i=A.v,a=i.toPng,o(),c={quality:1,pixelRatio:2,cacheBust:!0,skipFonts:!1,skipAutoScale:!1,includeQueryParams:!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.p=3,A.n=4,a(e,c);case 4:return l=A.v,s(),n&&"production"!==process.env.NODE_ENV&&console.log("[Feedback Widget] Screenshot captured successfully despite CORS warnings"),A.a(2,l);case 5:if(A.p=5,d=A.v,s(),!(null!==(u=d.message)&&void 0!==u&&u.includes("CSS")||null!==(g=d.message)&&void 0!==g&&g.includes("SecurityError"))){A.n=6;break}throw console.warn("[Feedback Widget] CORS error encountered, attempting with fallback method"),d;case 6:throw d;case 7:return A.p=7,C=A.v,s(),console.warn("[Feedback Widget] html-to-image failed, using html2canvas fallback:",C.message),A.p=8,o(),A.n=9,Promise.resolve().then(function(){return qi});case 9:return w=A.v.default,A.n=10,w(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 10:return Q=A.v,s(),A.a(2,Q.toDataURL("image/png"));case 11:return A.p=11,f=A.v,s(),console.error("[Feedback Widget] Both screenshot methods failed:",f),A.a(2,null);case 12:return A.a(2)}},A,null,[[8,11],[3,5],[1,7]])}));return function(e){return A.apply(this,arguments)}}(),O=A.createContext(null);const G=(()=>{let A=0;return()=>(A+=1,`u${`0000${(Math.random()*36**4|0).toString(36)}`.slice(-4)}${A}`)})();function V(A){const e=[];for(let t=0,r=A.length;t<r;t++)e.push(A[t]);return e}let R=null;function N(A={}){return R||(A.includeStyleProperties?(R=A.includeStyleProperties,R):(R=V(window.getComputedStyle(document.documentElement)),R))}function P(A,e){const t=(A.ownerDocument.defaultView||window).getComputedStyle(A).getPropertyValue(e);return t?parseFloat(t.replace("px","")):0}function X(A,e={}){return{width:e.width||function(A){const e=P(A,"border-left-width"),t=P(A,"border-right-width");return A.clientWidth+e+t}(A),height:e.height||function(A){const e=P(A,"border-top-width"),t=P(A,"border-bottom-width");return A.clientHeight+e+t}(A)}}const J=16384;function W(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 Y(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 Z=(A,e)=>{if(A instanceof e)return!0;const t=Object.getPrototypeOf(A);return null!==t&&(t.constructor.name===e.name||Z(t,e))};function z(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 N(e).map(e=>`${e}: ${A.getPropertyValue(e)}${A.getPropertyPriority(e)?" !important":""};`).join(" ")}(t,r);return document.createTextNode(`${n}{${o}}`)}function _(A,e,t,r){const n=window.getComputedStyle(A,t),o=n.getPropertyValue("content");if(""===o||"none"===o)return;const s=G();try{e.className=`${e.className} ${s}`}catch(A){return}const i=document.createElement("style");i.appendChild(z(s,t,n,r)),e.appendChild(i)}const j="application/font-woff",q="image/jpeg",$={woff:j,woff2:j,ttf:"application/font-truetype",eot:"application/vnd.ms-fontobject",png:"image/png",jpg:q,jpeg:q,gif:"image/gif",tiff:"image/tiff",svg:"image/svg+xml",webp:"image/webp"};function AA(A){const e=function(A){const e=/\.([^./]*?)$/g.exec(A);return e?e[1]:""}(A).toLowerCase();return $[e]||""}function eA(A){return-1!==A.search(/^(data:)/)}async function tA(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 rA={};async function nA(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!=rA[r])return rA[r];let n;t.cacheBust&&(A+=(/\?/.test(A)?"&":"?")+(new Date).getTime());try{const r=await tA(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 rA[r]=n,n}async function oA(A,e){return Z(A,HTMLCanvasElement)?async function(A){const e=A.toDataURL();return"data:,"===e?A.cloneNode(!1):W(e)}(A):Z(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),W(e.toDataURL())}const t=A.poster,r=AA(t);return W(await nA(t,r,e))}(A,e):Z(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 aA(A.contentDocument.body,e,!0)}catch(A){}return A.cloneNode(!1)}(A,e):A.cloneNode(iA(A))}const sA=A=>null!=A.tagName&&"SLOT"===A.tagName.toUpperCase(),iA=A=>null!=A.tagName&&"SVG"===A.tagName.toUpperCase();function BA(A,e,t){return Z(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):N(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`}Z(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){_(A,e,":before",t),_(A,e,":after",t)}(A,e,t),function(A,e){Z(A,HTMLTextAreaElement)&&(e.innerHTML=A.value),Z(A,HTMLInputElement)&&e.setAttribute("value",A.value)}(A,e),function(A,e){if(Z(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 aA(A,e,t){return t||!e.filter||e.filter(A)?Promise.resolve(A).then(A=>oA(A,e)).then(t=>async function(A,e,t){var r,n;if(iA(e))return e;let o=[];return o=sA(A)&&A.assignedNodes?V(A.assignedNodes()):Z(A,HTMLIFrameElement)&&(null===(r=A.contentDocument)||void 0===r?void 0:r.body)?V(A.contentDocument.body.childNodes):V((null!==(n=A.shadowRoot)&&void 0!==n?n:A).childNodes),0===o.length||Z(A,HTMLVideoElement)||await o.reduce((A,r)=>A.then(()=>aA(r,t)).then(A=>{A&&e.appendChild(A)}),Promise.resolve()),e}(A,t,e)).then(t=>BA(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 aA(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 cA=/url\((['"]?)([^'"]+?)\1\)/g,lA=/url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g,uA=/src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;async function gA(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=AA(e);let i;return n||(i=await nA(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 wA(A){return-1!==A.search(cA)}async function QA(A,e,t){if(!wA(A))return A;const r=function(A,{preferredFontFormat:e}){return e?A.replace(uA,A=>{for(;;){const[t,,r]=lA.exec(A)||[];if(!r)return"";if(r===e)return`src: ${t};`}}):A}(A,t),n=function(A){const e=[];return A.replace(cA,(A,t,r)=>(e.push(r),A)),e.filter(A=>!eA(A))}(r);return n.reduce((A,r)=>A.then(A=>gA(A,r,e,t)),Promise.resolve(r))}async function dA(A,e,t){var r;const n=null===(r=e.style)||void 0===r?void 0:r.getPropertyValue(A);if(n){const r=await QA(n,null,t);return e.style.setProperty(A,r,e.style.getPropertyPriority(A)),!0}return!1}async function CA(A,e){Z(A,Element)&&(await async function(A,e){await dA("background",A,e)||await dA("background-image",A,e),await dA("mask",A,e)||await dA("-webkit-mask",A,e)||await dA("mask-image",A,e)||await dA("-webkit-mask-image",A,e)}(A,e),await async function(A,e){const t=Z(A,HTMLImageElement);if((!t||eA(A.src))&&(!Z(A,SVGImageElement)||eA(A.href.baseVal)))return;const r=t?A.src:A.href.baseVal,n=await nA(r,AA(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=V(A.childNodes).map(A=>CA(A,e));await Promise.all(t).then(()=>A)}(A,e))}const fA={};async function hA(A){let e=fA[A];if(null!=e)return e;const t=await fetch(A);return e={url:A,cssText:await t.text()},fA[A]=e,e}async function UA(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),tA(o,e.fetchRequestInit,({result:A})=>(t=t.replace(n,`url(${A})`),[n,A]))});return Promise.all(n).then(()=>t)}function FA(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 pA(A,e){if(null==A.ownerDocument)throw new Error("Provided element is not within a Document");const t=V(A.ownerDocument.styleSheets),r=await async function(A,e){const t=[],r=[];return A.forEach(t=>{if("cssRules"in t)try{V(t.cssRules||[]).forEach((A,n)=>{if(A.type===CSSRule.IMPORT_RULE){let o=n+1;const s=hA(A.href).then(A=>UA(A,e)).then(A=>FA(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(hA(t.href).then(A=>UA(A,e)).then(A=>FA(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{V(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=>wA(A.style.getPropertyValue("src")))}(r)}function mA(A){return A.trim().replace(/["']/g,"")}async function yA(A,e){const t=await pA(A,e),r=function(A){const e=new Set;return function A(t){(t.style.fontFamily||getComputedStyle(t).fontFamily).split(",").forEach(A=>{e.add(mA(A))}),Array.from(t.children).forEach(e=>{e instanceof HTMLElement&&A(e)})}(A),e}(A);return(await Promise.all(t.filter(A=>r.has(mA(A.style.fontFamily))).map(A=>{const t=A.parentStyleSheet?A.parentStyleSheet.href:null;return QA(A.cssText,t,e)}))).join("\n")}async function EA(A,e={}){const{width:t,height:r}=X(A,e),n=await aA(A,e,!0);await async function(A,e){const t=null!=e.fontEmbedCSS?e.fontEmbedCSS:e.skipFonts?null:await yA(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 CA(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 Y(n,t,r)}async function HA(A,e={}){const{width:t,height:r}=X(A,e),n=await EA(A,e),o=await W(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>J||A.height>J)&&(A.width>J&&A.height>J?A.width>A.height?(A.height*=J/A.width,A.width=J):(A.width*=J/A.height,A.height=J):A.width>J?(A.height*=J/A.width,A.width=J):(A.width*=J/A.height,A.height=J))}(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 IA=Object.freeze({__proto__:null,getFontEmbedCSS:async function(A,e={}){return yA(A,e)},toBlob:async function(A,e={}){const t=await HA(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:HA,toJpeg:async function(A,e={}){return(await HA(A,e)).toDataURL("image/jpeg",e.quality||1)},toPixelData:async function(A,e={}){const{width:t,height:r}=X(A,e);return(await HA(A,e)).getContext("2d").getImageData(0,0,t,r).data},toPng:async function(A,e={}){return(await HA(A,e)).toDataURL()},toSvg:EA}),bA=function(A,e){return bA=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])},bA(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,c=Object.create(B.prototype);return a(c,"_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),c}var s={};function i(){}function c(){}function l(){}e=Object.getPrototypeOf;var u=[][r]?e(e([][r]())):(a(e={},r,function(){return this}),e),g=l.prototype=i.prototype=Object.create(u);function w(A){return Object.setPrototypeOf?Object.setPrototypeOf(A,l):(A.__proto__=l,a(A,n,"GeneratorFunction")),A.prototype=Object.create(g),A}return c.prototype=l,a(g,"constructor",l),a(l,"constructor",c),c.displayName="GeneratorFunction",a(l,n,"GeneratorFunction"),a(g),a(g,n,"Generator"),a(g,r,function(){return this}),a(g,"toString",function(){return"[object Generator]"}),(B=function(){return{w:o,m:w}})()}function a(A,e,t,r){var n=Object.defineProperty;try{n({},"",{})}catch(A){n=0}a=function(A,e,t,r){function o(e,t){a(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))},a(A,e,t,r)}function c(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 l(A){return function(A){if(Array.isArray(A))return t(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 t(A,e);var r={}.toString.call(A).slice(8,-1);return"Object"===r&&A.constructor&&(r=A.constructor.name),"Map"===r||"Set"===r?Array.from(A):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?t(A,e):void 0}}var g={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 w=(e,t)=>{const r=A.forwardRef(({color:r="currentColor",size:n=24,strokeWidth:o=2,absoluteStrokeWidth:s,children:i,...B},a)=>{return A.createElement("svg",{ref:a,...g,width:n,height:n,stroke:r,strokeWidth:s?24*Number(o)/Number(n):o,className:`lucide lucide-${c=e,c.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,...B},[...t.map(([e,t])=>A.createElement(e,t)),...(Array.isArray(i)?i:[i])||[]]);var c});return r.displayName=`${e}`,r};const Q=w("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"}]]),d=w("Ban",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m4.9 4.9 14.2 14.2",key:"1m5liu"}]]),C=w("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"}]]),f=w("ChevronDown",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]]),h=w("Clock",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["polyline",{points:"12 6 12 12 16 14",key:"68esgv"}]]),U=w("Filter",[["polygon",{points:"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3",key:"1yg77f"}]]),F=w("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"}]]),p=w("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"}]]),m=w("Play",[["polygon",{points:"5 3 19 12 5 21 5 3",key:"191637"}]]),y=w("Send",[["path",{d:"m22 2-7 20-4-9-9-4Z",key:"1q3vgg"}],["path",{d:"M22 2 11 13",key:"nzbqef"}]]),E=w("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"}]]),H=w("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"}]]),I=w("X",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]);var b=function(t){var r=t.isOpen,o=t.onClose,s=t.elementInfo,i=t.screenshot,a=t.onSubmit,l=t.userName,u=t.userEmail,g=t.mode,w=void 0===g?"dark":g,d=c(A.useState(""),2),f=d[0],h=d[1],U=c(A.useState(!1),2),p=U[0],m=U[1],E=c(A.useState(!1),2),H=E[0],b=E[1],v=c(A.useState(null),2),x=v[0],K=v[1],L=A.useRef(null);A.useEffect(function(){r?L.current&&L.current.focus():(h(""),m(!1),b(!1),K(null))},[r]);var D=function(){var A=n(B().m(function A(){var e,t;return B().w(function(A){for(;;)switch(A.p=A.n){case 0:if(f.trim()){A.n=1;break}return A.a(2);case 1:return m(!0),K(null),e={feedback:f.trim(),elementInfo:s,screenshot:i,url:window.location.href,userAgent:navigator.userAgent,viewport:{width:window.innerWidth,height:window.innerHeight},timestamp:(new Date).toISOString(),userName:l||"Anonymous",userEmail:u||null},A.p=2,A.n=3,a(e);case 3:b(!0),m(!1),K(null),setTimeout(function(){o()},1500),A.n=5;break;case 4:A.p=4,t=A.v,console.error("[React Feedback Widget] Submission failed:",t),K((null==t?void 0:t.message)||"Failed to submit feedback. Please try again."),m(!1);case 5:return A.a(2)}},A,null,[[2,4]])}));return function(){return A.apply(this,arguments)}}();if(!r)return null;var S="dark"===w?"feedback-dark":"feedback-light";return e.createPortal(A.createElement(A.Fragment,null,A.createElement("div",{className:"feedback-backdrop ".concat(S),onClick:o}),A.createElement("div",{className:"feedback-modal ".concat(S)},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:o,className:"feedback-close","aria-label":"Close"},A.createElement(I,{size:20}))),A.createElement("div",{className:"feedback-body"},i&&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:i,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:L,value:f,onChange:function(A){h(A.target.value),x&&K(null)},onKeyDown:function(A){"Enter"===A.key&&(A.metaKey||A.ctrlKey)&&(A.preventDefault(),D())},placeholder:"Tell us what you think... (Ctrl/Cmd + Enter to submit)",className:"feedback-textarea",rows:12,disabled:p||H,"aria-invalid":x?"true":"false"}),x&&A.createElement("div",{className:"feedback-error",role:"alert"},A.createElement(Q,{size:16}),A.createElement("span",null,x))),A.createElement("div",{className:"feedback-actions"},A.createElement("button",{type:"button",onClick:o,className:"feedback-btn feedback-cancel",disabled:p},"Cancel"),A.createElement("button",{onClick:D,disabled:!f.trim()||p||H,className:"feedback-btn feedback-submit"},H?A.createElement(A.Fragment,null,A.createElement(C,{size:16}),"Submitted!"):p?A.createElement(A.Fragment,null,A.createElement(F,{size:16,className:"feedback-loading"}),"Submitting..."):A.createElement(A.Fragment,null,A.createElement(y,{size:16}),"Submit Feedback")))))))),document.body)},v="react-feedback-data",x={reported:{label:"Reported",icon:Q,color:"#ef4444",bgColor:"#fee2e2",textColor:"#991b1b"},opened:{label:"In Review",icon:h,color:"#f59e0b",bgColor:"#fef3c7",textColor:"#92400e"},inProgress:{label:"In Progress",icon:m,color:"#3b82f6",bgColor:"#dbeafe",textColor:"#1e40af"},resolved:{label:"Resolved",icon:C,color:"#10b981",bgColor:"#d1fae5",textColor:"#065f46"},released:{label:"Released",icon:p,color:"#8b5cf6",bgColor:"#ede9fe",textColor:"#5b21b6"},blocked:{label:"Blocked",icon:d,color:"#dc2626",bgColor:"#fee2e2",textColor:"#991b1b"},wontFix:{label:"Won't Fix",icon:H,color:"#6b7280",bgColor:"#f3f4f6",textColor:"#374151"}},K=function(e){var t=e.status,r=x[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))},L=function(e){var t=e.currentStatus,r=e.onStatusChange,n=e.itemId,o=c(A.useState(!1),2),s=o[0],i=o[1],B=A.useRef(null);A.useEffect(function(){var A=function(A){B.current&&!B.current.contains(A.target)&&i(!1)};return s&&document.addEventListener("mousedown",A),function(){document.removeEventListener("mousedown",A)}},[s]);var a=x[t||"reported"],l=a.icon;return A.createElement("div",{ref:B,style:{position:"relative"}},A.createElement("button",{onClick:function(A){A.stopPropagation(),i(!s)},style:{display:"flex",alignItems:"center",gap:"6px",padding:"6px 12px",borderRadius:"8px",backgroundColor:"white",border:"2px solid ".concat(a.color),fontSize:"13px",fontWeight:"600",color:a.textColor,cursor:"pointer",transition:"all 0.2s",outline:"none"},onMouseOver:function(A){A.currentTarget.style.backgroundColor=a.bgColor},onMouseOut:function(A){A.currentTarget.style.backgroundColor="white"}},A.createElement(l,{size:14}),A.createElement("span",null,a.label),A.createElement(f,{size:14,style:{transition:"transform 0.2s",transform:s?"rotate(180deg)":"rotate(0deg)"}})),s&&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(x).map(function(e){var o=c(e,2),s=o[0],B=o[1],a=B.icon,l=t===s;return A.createElement("button",{key:s,onClick:function(A){A.stopPropagation(),r(n,s),i(!1)},style:{display:"flex",alignItems:"center",gap:"10px",width:"100%",padding:"10px 12px",border:"none",borderRadius:"8px",backgroundColor:l?B.bgColor:"transparent",color:B.textColor,fontSize:"13px",fontWeight:l?"600":"500",cursor:"pointer",transition:"all 0.15s",textAlign:"left"},onMouseOver:function(A){A.currentTarget.style.backgroundColor=B.bgColor},onMouseOut:function(A){A.currentTarget.style.backgroundColor=l?B.bgColor:"transparent"}},A.createElement(a,{size:16}),A.createElement("span",null,B.label))})))},D=function(t){var r=t.isOpen,n=t.onClose,o=t.data,s=t.isDeveloper,B=void 0!==s&&s,a=t.isUser,l=void 0===a||a,u=t.onStatusChange,g=c(A.useState([]),2),w=g[0],d=g[1],C=c(A.useState(null),2),F=C[0],p=C[1],m=c(A.useState("all"),2),y=m[0],H=m[1],b=void 0===o,D=c(A.useState({isOpen:!1,feedbackId:null,newStatus:null,oldStatus:null,comment:""}),2),S=D[0],k=D[1];A.useEffect(function(){r&&(b?T():d(o||[]))},[r,o,b]);var T=function(){try{var A=localStorage.getItem(v);if(A){var e=JSON.parse(A);d(e)}}catch(A){console.error("Failed to load feedback:",A)}},M=function(A){try{localStorage.setItem(v,JSON.stringify(A)),d(A)}catch(A){console.error("Failed to save feedback:",A)}},O=function(){k({isOpen:!1,feedbackId:null,newStatus:null,oldStatus:null,comment:""})},G=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)},V="all"===y?w:w.filter(function(A){return(A.status||"reported")===y}),R=w.reduce(function(A,e){var t=e.status||"reported";return A[t]=(A[t]||0)+1,A},{});return r?e.createPortal(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?")&&(b&&localStorage.removeItem(v),d([]),p(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(I,{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 H("all")},style:{padding:"8px 16px",border:"none",borderRadius:"8px",backgroundColor:"all"===y?"#111827":"#f3f4f6",color:"all"===y?"white":"#6b7280",fontSize:"13px",fontWeight:"600",cursor:"pointer",transition:"all 0.2s"}},"All ",w.length>0&&"(".concat(w.length,")")),Object.entries(x).map(function(e){var t=c(e,2),r=t[0],n=t[1],o=R[r]||0;if(0===o&&!B)return null;var s=n.icon;return A.createElement("button",{key:r,onClick:function(){return H(r)},style:{padding:"8px 14px",border:"none",borderRadius:"8px",backgroundColor:y===r?n.bgColor:"#f3f4f6",color:y===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(Q,{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===V.length?A.createElement("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",color:"#9ca3af"}},A.createElement(U,{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"}},V.map(function(e){return A.createElement("div",{key:e.id,style:{backgroundColor:"white",border:"2px solid",borderColor:(null==F?void 0:F.id)===e.id?"#3b82f6":"#e5e7eb",borderRadius:"16px",padding:"20px",cursor:"pointer",transition:"all 0.2s",boxShadow:(null==F?void 0:F.id)===e.id?"0 8px 24px rgba(59, 130, 246, 0.12)":"0 1px 3px rgba(0, 0, 0, 0.05)"},onClick:function(){return p((null==F?void 0:F.id)===e.id?null:e)},onMouseOver:function(A){(null==F?void 0:F.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==F?void 0:F.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(K,{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"}},G(e.timestamp))),A.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px"}},B&&A.createElement(A.Fragment,null,A.createElement(L,{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}),b?M(r):d(r),(null==F?void 0:F.id)===t&&p(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(E,{size:16}))))),A.createElement("p",{style:{margin:"0 0 12px 0",color:"#1f2937",fontSize:"15px",lineHeight:"1.6",display:(null==F?void 0:F.id)===e.id?"block":"-webkit-box",WebkitLineClamp:(null==F?void 0:F.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 ",G(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(h,{size:14}),A.createElement("span",null,"Expected resolution: ",G(e.estimatedResolutionDate))),e.screenshot&&A.createElement("div",{style:{marginTop:"16px"}},A.createElement("img",{src:e.screenshot,alt:"Feedback screenshot",style:{width:"100%",maxHeight:(null==F?void 0:F.id)===e.id?"500px":"200px",objectFit:"contain",borderRadius:"12px",border:"1px solid #e5e7eb",transition:"all 0.3s",backgroundColor:"#f9fafb"}})),(null==F?void 0:F.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(f,{size:14})),(null==F?void 0:F.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(h,{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=x[e.toStatus]||x.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"}},G(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"}},G(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)))))})))),S.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:O}),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(K,{status:S.oldStatus}),A.createElement("div",{style:{color:"#9ca3af",fontSize:"20px",fontWeight:"600"}},"→"),A.createElement(K,{status:S.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:S.comment,onChange:function(A){return k(i(i({},S),{},{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:O,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=S.feedbackId,e=S.newStatus,t=S.comment,r=w.map(function(t){return t.id===A?i(i({},t),{},{status:e}):t});b?M(r):d(r),u&&"function"==typeof u&&u({id:A,status:e,comment:t}),O()},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},S=function(A){try{var e=localStorage.getItem(v),t=e?JSON.parse(e):[],r=i(i({id:Date.now().toString()},A),{},{status:"reported",timestamp:(new Date).toISOString()}),n=[r].concat(l(t));return localStorage.setItem(v,JSON.stringify(n)),{success:!0,data:r}}catch(A){return console.error("Failed to save feedback:",A),{success:!1,error:A.message}}},k=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(" > ")},T=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:k(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}}},M=function(){var A=n(B().m(function A(e){var t,r,n,o,s,i,a;return B().w(function(A){for(;;)switch(A.p=A.n){case 0:return A.p=0,A.n=1,Promise.resolve().then(function(){return IA});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 qi});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,a=A.v,console.error("[Feedback Widget] Both screenshot methods failed:",a),A.a(2,null)}},A,null,[[4,7],[0,3]])}));return function(e){return A.apply(this,arguments)}}(),O=A.createContext(null);const G=(()=>{let A=0;return()=>(A+=1,`u${`0000${(Math.random()*36**4|0).toString(36)}`.slice(-4)}${A}`)})();function V(A){const e=[];for(let t=0,r=A.length;t<r;t++)e.push(A[t]);return e}let R=null;function N(A={}){return R||(A.includeStyleProperties?(R=A.includeStyleProperties,R):(R=V(window.getComputedStyle(document.documentElement)),R))}function P(A,e){const t=(A.ownerDocument.defaultView||window).getComputedStyle(A).getPropertyValue(e);return t?parseFloat(t.replace("px","")):0}function X(A,e={}){return{width:e.width||function(A){const e=P(A,"border-left-width"),t=P(A,"border-right-width");return A.clientWidth+e+t}(A),height:e.height||function(A){const e=P(A,"border-top-width"),t=P(A,"border-bottom-width");return A.clientHeight+e+t}(A)}}const J=16384;function W(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 Y(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 Z=(A,e)=>{if(A instanceof e)return!0;const t=Object.getPrototypeOf(A);return null!==t&&(t.constructor.name===e.name||Z(t,e))};function z(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 N(e).map(e=>`${e}: ${A.getPropertyValue(e)}${A.getPropertyPriority(e)?" !important":""};`).join(" ")}(t,r);return document.createTextNode(`${n}{${o}}`)}function _(A,e,t,r){const n=window.getComputedStyle(A,t),o=n.getPropertyValue("content");if(""===o||"none"===o)return;const s=G();try{e.className=`${e.className} ${s}`}catch(A){return}const i=document.createElement("style");i.appendChild(z(s,t,n,r)),e.appendChild(i)}const j="application/font-woff",q="image/jpeg",$={woff:j,woff2:j,ttf:"application/font-truetype",eot:"application/vnd.ms-fontobject",png:"image/png",jpg:q,jpeg:q,gif:"image/gif",tiff:"image/tiff",svg:"image/svg+xml",webp:"image/webp"};function AA(A){const e=function(A){const e=/\.([^./]*?)$/g.exec(A);return e?e[1]:""}(A).toLowerCase();return $[e]||""}function eA(A){return-1!==A.search(/^(data:)/)}async function tA(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 rA={};async function nA(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!=rA[r])return rA[r];let n;t.cacheBust&&(A+=(/\?/.test(A)?"&":"?")+(new Date).getTime());try{const r=await tA(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 rA[r]=n,n}async function oA(A,e){return Z(A,HTMLCanvasElement)?async function(A){const e=A.toDataURL();return"data:,"===e?A.cloneNode(!1):W(e)}(A):Z(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),W(e.toDataURL())}const t=A.poster,r=AA(t);return W(await nA(t,r,e))}(A,e):Z(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 aA(A.contentDocument.body,e,!0)}catch(A){}return A.cloneNode(!1)}(A,e):A.cloneNode(iA(A))}const sA=A=>null!=A.tagName&&"SLOT"===A.tagName.toUpperCase(),iA=A=>null!=A.tagName&&"SVG"===A.tagName.toUpperCase();function BA(A,e,t){return Z(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):N(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`}Z(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){_(A,e,":before",t),_(A,e,":after",t)}(A,e,t),function(A,e){Z(A,HTMLTextAreaElement)&&(e.innerHTML=A.value),Z(A,HTMLInputElement)&&e.setAttribute("value",A.value)}(A,e),function(A,e){if(Z(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 aA(A,e,t){return t||!e.filter||e.filter(A)?Promise.resolve(A).then(A=>oA(A,e)).then(t=>async function(A,e,t){var r,n;if(iA(e))return e;let o=[];return o=sA(A)&&A.assignedNodes?V(A.assignedNodes()):Z(A,HTMLIFrameElement)&&(null===(r=A.contentDocument)||void 0===r?void 0:r.body)?V(A.contentDocument.body.childNodes):V((null!==(n=A.shadowRoot)&&void 0!==n?n:A).childNodes),0===o.length||Z(A,HTMLVideoElement)||await o.reduce((A,r)=>A.then(()=>aA(r,t)).then(A=>{A&&e.appendChild(A)}),Promise.resolve()),e}(A,t,e)).then(t=>BA(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 aA(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 cA=/url\((['"]?)([^'"]+?)\1\)/g,lA=/url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g,uA=/src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;async function gA(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=AA(e);let i;return n||(i=await nA(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 wA(A){return-1!==A.search(cA)}async function QA(A,e,t){if(!wA(A))return A;const r=function(A,{preferredFontFormat:e}){return e?A.replace(uA,A=>{for(;;){const[t,,r]=lA.exec(A)||[];if(!r)return"";if(r===e)return`src: ${t};`}}):A}(A,t),n=function(A){const e=[];return A.replace(cA,(A,t,r)=>(e.push(r),A)),e.filter(A=>!eA(A))}(r);return n.reduce((A,r)=>A.then(A=>gA(A,r,e,t)),Promise.resolve(r))}async function dA(A,e,t){var r;const n=null===(r=e.style)||void 0===r?void 0:r.getPropertyValue(A);if(n){const r=await QA(n,null,t);return e.style.setProperty(A,r,e.style.getPropertyPriority(A)),!0}return!1}async function CA(A,e){Z(A,Element)&&(await async function(A,e){await dA("background",A,e)||await dA("background-image",A,e),await dA("mask",A,e)||await dA("-webkit-mask",A,e)||await dA("mask-image",A,e)||await dA("-webkit-mask-image",A,e)}(A,e),await async function(A,e){const t=Z(A,HTMLImageElement);if((!t||eA(A.src))&&(!Z(A,SVGImageElement)||eA(A.href.baseVal)))return;const r=t?A.src:A.href.baseVal,n=await nA(r,AA(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=V(A.childNodes).map(A=>CA(A,e));await Promise.all(t).then(()=>A)}(A,e))}const fA={};async function hA(A){let e=fA[A];if(null!=e)return e;const t=await fetch(A);return e={url:A,cssText:await t.text()},fA[A]=e,e}async function UA(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),tA(o,e.fetchRequestInit,({result:A})=>(t=t.replace(n,`url(${A})`),[n,A]))});return Promise.all(n).then(()=>t)}function FA(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 pA(A,e){if(null==A.ownerDocument)throw new Error("Provided element is not within a Document");const t=V(A.ownerDocument.styleSheets),r=await async function(A,e){const t=[],r=[];return A.forEach(t=>{if("cssRules"in t)try{V(t.cssRules||[]).forEach((A,n)=>{if(A.type===CSSRule.IMPORT_RULE){let o=n+1;const s=hA(A.href).then(A=>UA(A,e)).then(A=>FA(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(hA(t.href).then(A=>UA(A,e)).then(A=>FA(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{V(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=>wA(A.style.getPropertyValue("src")))}(r)}function mA(A){return A.trim().replace(/["']/g,"")}async function yA(A,e){const t=await pA(A,e),r=function(A){const e=new Set;return function A(t){(t.style.fontFamily||getComputedStyle(t).fontFamily).split(",").forEach(A=>{e.add(mA(A))}),Array.from(t.children).forEach(e=>{e instanceof HTMLElement&&A(e)})}(A),e}(A);return(await Promise.all(t.filter(A=>r.has(mA(A.style.fontFamily))).map(A=>{const t=A.parentStyleSheet?A.parentStyleSheet.href:null;return QA(A.cssText,t,e)}))).join("\n")}async function EA(A,e={}){const{width:t,height:r}=X(A,e),n=await aA(A,e,!0);await async function(A,e){const t=null!=e.fontEmbedCSS?e.fontEmbedCSS:e.skipFonts?null:await yA(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 CA(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 Y(n,t,r)}async function HA(A,e={}){const{width:t,height:r}=X(A,e),n=await EA(A,e),o=await W(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>J||A.height>J)&&(A.width>J&&A.height>J?A.width>A.height?(A.height*=J/A.width,A.width=J):(A.width*=J/A.height,A.height=J):A.width>J?(A.height*=J/A.width,A.width=J):(A.width*=J/A.height,A.height=J))}(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 IA=Object.freeze({__proto__:null,getFontEmbedCSS:async function(A,e={}){return yA(A,e)},toBlob:async function(A,e={}){const t=await HA(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:HA,toJpeg:async function(A,e={}){return(await HA(A,e)).toDataURL("image/jpeg",e.quality||1)},toPixelData:async function(A,e={}){const{width:t,height:r}=X(A,e);return(await HA(A,e)).getContext("2d").getImageData(0,0,t,r).data},toPng:async function(A,e={}){return(await HA(A,e)).toDataURL()},toSvg:EA}),bA=function(A,e){return bA=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])},bA(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>