@nylas/react 3.2.0-canary-20260310174706 → 3.2.0

package/dist/cjs/components.js

@@ -480,7 +480,7 @@ ${b9}
   border-left: none;
   border-top: none;
 }
-`,a&&e.setAttribute("nonce",a),e}function S9({hooks:a}){return function({onBeforeScreenshot:t,onScreenshot:i,onAfterScreenshot:o,onError:r}){a.useEffect(()=>{(async()=>{t();const f=await so.mediaDevices.getDisplayMedia({video:{width:Un.innerWidth*Un.devicePixelRatio,height:Un.innerHeight*Un.devicePixelRatio},audio:!1,monitorTypeSurfaces:"exclude",preferCurrentTab:!0,selfBrowserSurface:"include",surfaceSwitching:"exclude"}),h=pt.createElement("video");await new Promise((m,g)=>{h.srcObject=f,h.onloadedmetadata=()=>{i(h),f.getTracks().forEach(b=>b.stop()),m()},h.play().catch(g)}),o()})().catch(r)},[])}}const gn="/home/runner/work/sentry-javascript/sentry-javascript/packages/feedback/src/screenshot/components/ScreenshotEditor.tsx",lo=30,ea=3,ma=lo+ea,Qt=Un.devicePixelRatio,eo=a=>({x:Math.min(a.startX,a.endX),y:Math.min(a.startY,a.endY),width:Math.abs(a.startX-a.endX),height:Math.abs(a.startY-a.endY)}),wc=a=>{const e=a.clientHeight,t=a.clientWidth,i=a.width/a.height;let o=e*i,r=e;o>t&&(o=t,r=t/i);const l=(t-o)/2,f=(e-r)/2;return{startX:l,startY:f,endX:o+l,endY:r+f}};function T9({h:a,hooks:e,imageBuffer:t,dialog:i,options:o}){const r=S9({hooks:e});return function({onError:f}){const h=e.useMemo(()=>({__html:x9(o.styleNonce).innerText}),[]),m=w9({h:a}),g=e.useRef(null),b=e.useRef(null),T=e.useRef(null),[S,L]=e.useState({startX:0,startY:0,endX:0,endY:0}),[V,j]=e.useState(!1),[W,J]=e.useState(!1);e.useEffect(()=>{Un.addEventListener("resize",de,!1)},[]);function de(){const se=T.current,he=eo(wc(t));if(se){se.width=he.width*Qt,se.height=he.height*Qt,se.style.width=`${he.width}px`,se.style.height=`${he.height}px`;const ye=se.getContext("2d");ye&&ye.scale(Qt,Qt)}const ue=b.current;ue&&(ue.style.width=`${he.width}px`,ue.style.height=`${he.height}px`),L({startX:0,startY:0,endX:he.width,endY:he.height})}e.useEffect(()=>{const se=T.current;if(!se)return;const he=se.getContext("2d");if(!he)return;const ue=eo(wc(t)),ye=eo(S);he.clearRect(0,0,ue.width,ue.height),he.fillStyle="rgba(0, 0, 0, 0.5)",he.fillRect(0,0,ue.width,ue.height),he.clearRect(ye.x,ye.y,ye.width,ye.height),he.strokeStyle="#ffffff",he.lineWidth=3,he.strokeRect(ye.x+1,ye.y+1,ye.width-2,ye.height-2),he.strokeStyle="#000000",he.lineWidth=1,he.strokeRect(ye.x+3,ye.y+3,ye.width-6,ye.height-6)},[S]);function me(se,he){j(!1),J(!0);const ue=Ae(he),ye=()=>{pt.removeEventListener("mousemove",ue),pt.removeEventListener("mouseup",ye),j(!0),J(!1)};pt.addEventListener("mouseup",ye),pt.addEventListener("mousemove",ue)}const Ae=e.useCallback(se=>function(he){if(!T.current)return;const ue=T.current,ye=ue.getBoundingClientRect(),ke=he.clientX-ye.x,Ie=he.clientY-ye.y;switch(se){case"top-left":L(He=>({...He,startX:Math.min(Math.max(0,ke),He.endX-ma),startY:Math.min(Math.max(0,Ie),He.endY-ma)}));break;case"top-right":L(He=>({...He,endX:Math.max(Math.min(ke,ue.width/Qt),He.startX+ma),startY:Math.min(Math.max(0,Ie),He.endY-ma)}));break;case"bottom-left":L(He=>({...He,startX:Math.min(Math.max(0,ke),He.endX-ma),endY:Math.max(Math.min(Ie,ue.height/Qt),He.startY+ma)}));break;case"bottom-right":L(He=>({...He,endX:Math.max(Math.min(ke,ue.width/Qt),He.startX+ma),endY:Math.max(Math.min(Ie,ue.height/Qt),He.startY+ma)}));break}},[]),we=e.useRef({initialX:0,initialY:0});function xe(se){if(W)return;we.current={initialX:se.clientX,initialY:se.clientY};const he=ye=>{const ke=T.current;if(!ke)return;const Ie=ye.clientX-we.current.initialX,He=ye.clientY-we.current.initialY;L(Ue=>{const $e=Math.max(0,Math.min(Ue.startX+Ie,ke.width/Qt-(Ue.endX-Ue.startX))),je=Math.max(0,Math.min(Ue.startY+He,ke.height/Qt-(Ue.endY-Ue.startY))),ze=$e+(Ue.endX-Ue.startX),O=je+(Ue.endY-Ue.startY);return we.current.initialX=ye.clientX,we.current.initialY=ye.clientY,{startX:$e,startY:je,endX:ze,endY:O}})},ue=()=>{pt.removeEventListener("mousemove",he),pt.removeEventListener("mouseup",ue)};pt.addEventListener("mousemove",he),pt.addEventListener("mouseup",ue)}function Ce(){const se=pt.createElement("canvas"),he=eo(wc(t)),ue=eo(S);se.width=ue.width*Qt,se.height=ue.height*Qt;const ye=se.getContext("2d");ye&&t&&ye.drawImage(t,ue.x/he.width*t.width,ue.y/he.height*t.height,ue.width/he.width*t.width,ue.height/he.height*t.height,0,0,se.width,se.height);const ke=t.getContext("2d");ke&&(ke.clearRect(0,0,t.width,t.height),t.width=se.width,t.height=se.height,t.style.width=`${ue.width}px`,t.style.height=`${ue.height}px`,ke.drawImage(se,0,0),de())}return r({onBeforeScreenshot:e.useCallback(()=>{i.el.style.display="none"},[]),onScreenshot:e.useCallback(se=>{const he=t.getContext("2d");if(!he)throw new Error("Could not get canvas context");t.width=se.videoWidth,t.height=se.videoHeight,t.style.width="100%",t.style.height="100%",he.drawImage(se,0,0)},[t]),onAfterScreenshot:e.useCallback(()=>{i.el.style.display="block";const se=g.current;se&&se.appendChild(t),de()},[]),onError:e.useCallback(se=>{i.el.style.display="block",f(se)},[])}),a("div",{class:"editor",__self:this,__source:{fileName:gn,lineNumber:315}},a("style",{nonce:o.styleNonce,dangerouslySetInnerHTML:h,__self:this,__source:{fileName:gn,lineNumber:316}}),a("div",{class:"editor__canvas-container",ref:g,__self:this,__source:{fileName:gn,lineNumber:317}},a("div",{class:"editor__crop-container",style:{position:"absolute",zIndex:1},ref:b,__self:this,__source:{fileName:gn,lineNumber:318}},a("canvas",{onMouseDown:xe,style:{position:"absolute",cursor:V?"move":"auto"},ref:T,__self:this,__source:{fileName:gn,lineNumber:319}}),a(m,{left:S.startX-ea,top:S.startY-ea,onGrabButton:me,corner:"top-left",__self:this,__source:{fileName:gn,lineNumber:324}}),a(m,{left:S.endX-lo+ea,top:S.startY-ea,onGrabButton:me,corner:"top-right",__self:this,__source:{fileName:gn,lineNumber:330}}),a(m,{left:S.startX-ea,top:S.endY-lo+ea,onGrabButton:me,corner:"bottom-left",__self:this,__source:{fileName:gn,lineNumber:336}}),a(m,{left:S.endX-lo+ea,top:S.endY-lo+ea,onGrabButton:me,corner:"bottom-right",__self:this,__source:{fileName:gn,lineNumber:342}}),a("div",{style:{left:Math.max(0,S.endX-191),top:Math.max(0,S.endY+8),display:V?"flex":"none"},class:"editor__crop-btn-group",__self:this,__source:{fileName:gn,lineNumber:348}},a("button",{onClick:se=>{se.preventDefault(),T.current&&L({startX:0,startY:0,endX:T.current.width/Qt,endY:T.current.height/Qt}),j(!1)},class:"btn btn--default",__self:this,__source:{fileName:gn,lineNumber:356}},o.cancelButtonLabel),a("button",{onClick:se=>{se.preventDefault(),Ce(),j(!1)},class:"btn btn--primary",__self:this,__source:{fileName:gn,lineNumber:373}},o.confirmButtonLabel)))))}}const A9=()=>({name:"FeedbackScreenshot",setupOnce(){},createInput:({h:a,hooks:e,dialog:t,options:i})=>{const o=pt.createElement("canvas");return{input:T9({h:a,hooks:e,imageBuffer:o,dialog:t,options:i}),value:async()=>{const r=await new Promise(l=>{o.toBlob(l,"image/png")});if(r)return{data:new Uint8Array(await r.arrayBuffer()),filename:"screenshot.png",contentType:"application/png"}}}}}),Vf=jw({lazyLoadIntegration:mw,getModalIntegration:()=>k9,getScreenshotIntegration:()=>A9}),la="2.5.0-canary-20260310171201",D9=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-event-capacity{display:flex;flex-direction:column;gap:4px}.nylas-event-capacity label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-capacity label span.required{color:var(--nylas-error, #cc4841)}.nylas-event-capacity label span.label-icon{margin-left:4px}.nylas-event-capacity label span.label-icon tooltip-component{display:flex}.nylas-event-capacity label tooltip-component::part(tc__content){left:50px}.nylas-event-capacity__wrapper{display:flex;align-items:center;gap:0.5rem}.nylas-event-capacity__wrapper input-component{width:auto}.nylas-event-capacity__wrapper input-component::part(ic__input){border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200);font-family:var(--nylas-font-family);font-size:16px;line-height:24px;width:80px}.nylas-event-capacity__wrapper input-component::part(ic__input--error){border:1px solid var(--nylas-error)}.nylas-event-capacity__wrapper input-component::part(ic__label--error){position:relative;margin-bottom:24px}.nylas-event-capacity__wrapper input-component::part(ic__error_message){position:absolute;top:54px;width:max-content}.nylas-event-capacity__wrapper span.attendees.error{margin-top:-24px}';var I9=function(a,e,t,i){var o=arguments.length,r=o<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(a,e,t,i);else for(var f=a.length-1;f>=0;f--)(l=a[f])&&(r=(o<3?l(r):o>3?l(e,t,r):l(e,t))||r);return o>3&&r&&Object.defineProperty(e,t,r),r},xc=function(a,e){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(a,e)};const Wf=n.proxyCustomElement(class extends n.H{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.valueChanged=n.createEvent(this,"valueChanged",7),this.internals=this.attachInternals(),this.name="event-capacity",this.error=""}connectedCallback(){n.debug("nylas-event-capacity","connectedCallback"),queueMicrotask(()=>{this.themeConfig&&(this.applyThemeConfig(this.themeConfig),this.host.setAttribute("data-themed",""))})}disconnectedCallback(){n.debug("nylas-event-capacity","disconnectedCallback")}componentWillLoad(){n.debug("nylas-event-capacity","componentWillLoad"),this.host.setAttribute("name",this.name)}componentDidLoad(){n.debug("nylas-event-capacity","componentDidLoad"),this.selectedEventCapacity=this.capacity||10,n.debug("selectedEventCapacity",this.selectedEventCapacity),this.internals.setFormValue(this.selectedEventCapacity.toString(),this.name)}componentWillUpdate(){n.debug("nylas-event-capacity","componentWillUpdate")}componentDidUpdate(){n.debug("nylas-event-capacity","componentDidUpdate")}componentWillRender(){n.debug("nylas-event-capacity","componentWillRender")}componentDidRender(){n.debug("nylas-event-capacity","componentDidRender")}elementNameChangedHandler(e){n.debug("nylas-event-capacity","elementNameChangedHandler",e),this.host.setAttribute("name",e)}selectedLanguageChangedHandler(e,t){e!==t&&n.instance.changeLanguage(e)}themeConfigChangedHandler(e,t){e!==t&&this.applyThemeConfig(e)}applyThemeConfig(e){if(e)for(const[t,i]of Object.entries(e))this.host.style.setProperty(`${t}`,i)}async nylasFormInputChangeHandler(e){const{name:t,value:i}=e.detail;if(t==="event-capacity"){const o=parseInt(i);if(o<1||o>500||isNaN(o)){this.error=n.instance.t("fixFormErrors"),this.internals.setValidity({customError:!0},this.error),this.valueChanged.emit({value:i.toString(),name:this.name});return}this.error="",this.internals.setValidity({customError:!1},""),this.selectedEventCapacity=parseInt(i),this.internals.setFormValue(i.toString(),this.name),this.valueChanged.emit({value:i.toString(),name:this.name})}}render(){const e=typeof this.selectedEventCapacity<"u";return n.h(n.Host,{key:"e6f85aecbbaeb832787d15467665948bbee0fa13"},n.h("div",{key:"8406843a2c85f91293d9d3291cc62b470da54061",class:"nylas-event-capacity",part:"necapacity"},n.h("label",{key:"08e23312963f34e9d99438cfae812f69d6db4e15",htmlFor:"event-capacity"},n.h("span",{key:"a84786122c2f2320e124bc7056baa85a5df16893"},n.instance.t("nylasEventCapacity.headerTitle"),n.h("span",{key:"ba7612dff5ec1a4da53e4f53e2b43ef63e2dbf98",class:"required"},"*")),n.h("tooltip-component",{key:"b9173e544830ee9ffed7a882d2e6de0462575fc6"},n.h("info-icon",{key:"a79509157d703b8dae4b8ea630145fd84a8d0c0d",slot:"tooltip-icon"}),n.h("span",{key:"da53d6f901cfedbbb9cf414a112cb70bdb6bf753",slot:"tooltip-content"},n.instance.t("nylasEventCapacity.tooltip.desc")))),e&&n.h("div",{key:"7fc33974040384dcbdfe79fd60d60b76526dd424",class:"nylas-event-capacity__wrapper"},n.h("input-component",{key:"4f1e8a5d7b540ab99cdcfa91b83b0bbdc7fe715b",name:"event-capacity",id:"event-capacity",type:"number",pattern:/^[0-9]*$/,patternError:n.instance.t("invalidInputFormat",{field:"Event capacity"}),minValue:1,maxValue:500,required:!1,exportparts:"ic_input: necapacity__input-textfield",defaultValue:typeof this.selectedEventCapacity=="number"?this.selectedEventCapacity.toString():"10",themeConfig:this.themeConfig}),n.h("span",{key:"f3a0d94ff47122899c3ab475ac66e388efa43a54",class:this.error?"attendees error":"attendees"},n.instance.t("nylasEventCapacity.attendees")))))}static get formAssociated(){return!0}get host(){return this}static get watchers(){return{name:["elementNameChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}static get style(){return D9}},[321,"nylas-event-capacity",{name:[1],capacity:[2],selectedLanguage:[1,"selected-language"],themeConfig:[16,"theme-config"],selectedEventCapacity:[32],error:[32]},[[0,"nylasFormInputChanged","nylasFormInputChangeHandler"]],{name:["elementNameChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}]);I9([Le({name:"nylas-event-capacity",stateToProps:new Map([["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{valueChanged:async(a,e)=>{const{valueChanged:t}=a.detail;t&&t(a)}},fireRegisterEvent:!0}),xc("design:type",Function),xc("design:paramtypes",[]),xc("design:returntype",void 0)],Wf.prototype,"render",null);function Ls(){if(typeof customElements>"u")return;["nylas-event-capacity","info-icon","input-component","tooltip-component"].forEach(e=>{switch(e){case"nylas-event-capacity":customElements.get(e)||customElements.define(e,Wf);break;case"info-icon":customElements.get(e)||Xe();break;case"input-component":customElements.get(e)||Bt();break;case"tooltip-component":customElements.get(e)||tt();break}})}const R9=':host{display:block;height:auto;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:100%}.nylas-event-description{display:flex;flex-direction:column;gap:4px;position:relative;color:var(--nylas-base-900)}.nylas-event-description label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;word-break:break-word;overflow-wrap:break-word;flex-direction:column;gap:4px;font-family:var(--nylas-font-family)}.nylas-event-description label.error{color:var(--nylas-error)}.nylas-event-description label span.required{color:var(--nylas-error);padding:0 0.25rem}.nylas-event-description label p{margin:0;display:flex;align-items:center}.nylas-event-description label span.label-icon{margin-left:4px}.nylas-event-description label span.label-icon tooltip-component{display:flex}.nylas-event-description textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.nylas-event-description textarea::-webkit-resizer{display:none}.nylas-event-description div.event-description{border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;min-height:50px;padding:12px 16px;overflow-y:auto;white-space:pre-wrap;line-height:1.5;scrollbar-width:thin;color:var(--nylas-base-900);font-family:var(--nylas-font-family);font-size:16px;font-style:normal;font-weight:400;-webkit-text-fill-color:var(--nylas-base-900);display:block;}.nylas-event-description div.event-description::-webkit-scrollbar{width:6px;height:6px}.nylas-event-description div.event-description:focus{color:var(--nylas-base-900);-webkit-text-fill-color:var(--nylas-base-900);outline:2px solid var(--nylas-primary);outline-offset:2px}.nylas-event-description div.event-description:focus-visible{color:var(--nylas-base-900);-webkit-text-fill-color:var(--nylas-base-900);outline:2px solid var(--nylas-primary);outline-offset:2px}.nylas-event-description div.event-description.error{border-color:var(--nylas-error);border-width:2px}.nylas-event-description span.add-additional-fields{display:flex;align-items:center;gap:8px}.nylas-event-description span.add-additional-fields button-component button{height:35px;background-color:var(--nylas-base-0)}.nylas-event-description span.help-text{display:inline-flex;align-items:center;gap:4px;color:var(--nylas-base-500);font-size:14px;font-style:normal;font-weight:400;line-height:21px;position:relative}.nylas-event-description span.help-text span.label-icon{display:inline-flex;align-items:center;flex-shrink:0}.nylas-event-description span.help-text span.label-icon tooltip-component{display:flex}.nylas-event-description span.help-text span.label-icon tooltip-component::part(tc__container){position:unset}.nylas-event-description span.help-text span.label-icon tooltip-component::part(tc__content){position:absolute;top:4px;left:50%;transform:translateX(-50%)}.nylas-event-description .highlighted-tag{background-color:var(--nylas-base-200);border-radius:var(--nylas-border-radius);padding:2px 5px;margin-left:4px;margin-bottom:4px;display:inline-block;vertical-align:baseline}.nylas-event-description .token-options{display:block;background-color:var(--nylas-base-0);width:100%;max-height:336px;margin-top:28px;overflow:auto;z-index:1;border-radius:4px;position:absolute;bottom:108px;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}@media screen and (max-width: 768px){.nylas-event-description .token-options{right:0;width:325px;max-width:unset}}.nylas-event-description .token-options ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px;margin:0}.nylas-event-description .token-options ul li{padding:16px, 12px, 16px, 12px;color:var(--nylas-base-900);padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.nylas-event-description .token-options ul li .token-label{display:flex;flex-direction:column;font-weight:400}.nylas-event-description .token-options ul li .token-label .token{color:var(--nylas-abse-900);font-size:16px;line-height:24px}.nylas-event-description .token-options ul li .token-label .description{color:var(--nylas-base-600);font-size:14px;line-height:21px}.nylas-event-description .token-options ul li:hover,.nylas-event-description .token-options ul li:focus,.nylas-event-description .token-options ul li:active,.nylas-event-description .token-options ul li.active{background-color:var(--nylas-base-100)}.nylas-event-description .token-options ul li:hover .token-label .token,.nylas-event-description .token-options ul li:focus .token-label .token,.nylas-event-description .token-options ul li:active .token-label .token,.nylas-event-description .token-options ul li.active .token-label .token{color:var(--nylas-primary)}.nylas-event-description .token-options .selected{background-color:var(--nylas-base-100)}';var O9=function(a,e,t,i){var o=arguments.length,r=o<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(a,e,t,i);else for(var f=a.length-1;f>=0;f--)(l=a[f])&&(r=(o<3?l(r):o>3?l(e,t,r):l(e,t))||r);return o>3&&r&&Object.defineProperty(e,t,r),r},Sc=function(a,e){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(a,e)};const qf=n.proxyCustomElement(class extends n.H{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.valueChanged=n.createEvent(this,"valueChanged",7),this.internals=this.attachInternals(),this.eventDescription=this.selectedConfiguration?.event_booking?.description,this.name="description",this.hideAutoPopulateButton=!1,this.noTemplates=!1,this.description=this.eventDescription||this.selectedConfiguration?.event_booking?.description||"",this.showTokens=!1,this.availableTokens=Ca.map(e=>({label:e.token,value:e.value,labelHTML:e})),this.filteredTokens=this.availableTokens,this.ariaActivedescendant="",this.currentWord={$value:"",fullText:"",index:-1,focusOffset:-1},this.validationError="",this.additionalFieldTokens=[]}elementNameChangedHandler(e){n.debug("nylas-event-description","elementNameChangedHandler",e),this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){n.debug("nylas-custom-booking-flow","selectedConfigurationChangedHandler",e);const t=e?.event_booking?.description||this.eventDescription||"",i=e?.scheduler?.additional_fields||{},r=(Object.keys(i)||[]).map(l=>({token:`$${l}`,value:`\${${l}}`,description:i[l].label||""}));this.additionalFieldTokens=[...r],this.availableTokens=[...Ca,...r].map(l=>({label:l.token,value:l.value,labelHTML:l})),this.filteredTokens=[...this.availableTokens],this.description=t,t&&this.updateEventDescriptionFromProp(t)}selectedLanguageChangedHandler(e,t){if(e===t)return;n.instance.changeLanguage(e);const i={$invitee:"invitee",$invitee_email:"inviteeEmail",$duration:"duration"};this.availableTokens=this.availableTokens.map(o=>(i[o.label]&&(o.labelHTML.description=n.instance.t(`nylasEventTitle.eventTitleTokenDescription.${i[o.label]}`)),o)),this.filteredTokens=[...this.availableTokens]}themeConfigChangedHandler(e,t){e!==t&&this.applyThemeConfig(e)}applyThemeConfig(e){if(e)for(const[t,i]of Object.entries(e))this.host.style.setProperty(`${t}`,i)}connectedCallback(){n.debug("nylas-event-description","connectedCallback"),queueMicrotask(()=>{this.themeConfig&&(this.applyThemeConfig(this.themeConfig),this.host.setAttribute("data-themed",""))})}componentWillLoad(){n.debug("nylas-event-description","componentWillLoad"),this.host.setAttribute("name",this.name)}componentDidLoad(){n.debug("nylas-event-description","componentDidLoad"),this.selectedConfiguration?this.selectedConfigurationChangedHandler(this.selectedConfiguration):(this.description=this.eventDescription||"",this.updateEventDescriptionFromProp(this.description))}disconnectedCallback(){n.debug("nylas-event-description","disconnectedCallback")}valueChangedHandler(e){const{name:t,value:i}=e.detail;if(t==="additional-fields"){const o=JSON.parse(i.toString()),l=(Object.keys(o)||[]).map(f=>({token:`$${f}`,value:`\${${f}}`,description:o[f].label||""}));this.additionalFieldTokens=[...l],this.availableTokens=[...Ca,...l].map(f=>({label:f.token,value:f.value,labelHTML:f})),this.filteredTokens=[...this.availableTokens]}}updateEventDescriptionFromProp(e){n.debug("nylas-event-description","updateEventDescriptionFromProp",e);const t=e||this.description;this.descriptionRef&&(this.descriptionRef.innerHTML=this.highlightTokens(t))}highlightTokens(e){let t=e;return[...Ca,...this.additionalFieldTokens].forEach(i=>{const o=i.value,r=new RegExp(`(\\${o})(?!\\w)`,"g");t=t?.replace(r,'<span class="highlighted-tag">$1</span>')||""}),t}getCurrentSelectionForBrowser(){const e=(o,r,l,f)=>{const h=o.replace(/[\u200B-\u200D\uFEFF]/g,""),m=h.lastIndexOf("$"),g=h.substring(m).split(" ")[0];return{focusOffset:r,dollarIndex:m,lastWord:g,currentText:h,node:l,allSelected:f}},t=o=>o.anchorOffset===0&&o.focusOffset===o.focusNode?.nodeValue?.length;switch(n.getBrowser()){case"Chrome":{const o=this.host.shadowRoot?.getSelection(),r=o?.focusNode,l=r?.nodeValue||"",f=o&&t(o);return e(l,o?.focusOffset||-1,r,f)}case"Firefox":{const o=document.getSelection(),r=o?.anchorNode?.nodeValue||"",l=o&&t(o);return e(r,o?.focusOffset||-1,o?.anchorNode,l)}case"Safari":{const o=window.getSelection(),r=o?.getComposedRanges(this.host.shadowRoot)[0],l=r?.startContainer?.nodeValue||"",f=o&&t(o);return e(l,r?.endOffset||-1,r?.startContainer,f)}default:return n.debug("Browser not supported"),null}}handleChange(e){let t=e.target.textContent||"";t=n.sanitize(t);const i=this.getCurrentSelectionForBrowser();if(!i){this.updateEventDescription(t),this.resetDropdown();return}const{focusOffset:o,dollarIndex:r,lastWord:l,currentText:f}=i;if(r===-1||o<r){this.updateEventDescription(t),this.resetDropdown();return}l.startsWith("$")?(this.showTokens=!0,this.currentWord={$value:l,fullText:f,index:r,focusOffset:o},this.populateSuggestionsDropdown(l)):this.resetDropdown(),this.updateEventDescription(t)}handleInputKeyDown(e){const t=this.getCurrentSelectionForBrowser();if(t?.allSelected&&!n.isNonPrintableKey(e)&&(this.descriptionRef.innerHTML=""),e.key==="Enter"){e.preventDefault();const i=this.host.shadowRoot?.getElementById(this.ariaActivedescendant);if(i)i.click(),this.ariaActivedescendant="";else{const o=t?.node,r=t?.focusOffset||0;if(!o||r===-1||this.descriptionRef.childNodes.length===0){const l=document.createTextNode(`
+`,a&&e.setAttribute("nonce",a),e}function S9({hooks:a}){return function({onBeforeScreenshot:t,onScreenshot:i,onAfterScreenshot:o,onError:r}){a.useEffect(()=>{(async()=>{t();const f=await so.mediaDevices.getDisplayMedia({video:{width:Un.innerWidth*Un.devicePixelRatio,height:Un.innerHeight*Un.devicePixelRatio},audio:!1,monitorTypeSurfaces:"exclude",preferCurrentTab:!0,selfBrowserSurface:"include",surfaceSwitching:"exclude"}),h=pt.createElement("video");await new Promise((m,g)=>{h.srcObject=f,h.onloadedmetadata=()=>{i(h),f.getTracks().forEach(b=>b.stop()),m()},h.play().catch(g)}),o()})().catch(r)},[])}}const gn="/home/runner/work/sentry-javascript/sentry-javascript/packages/feedback/src/screenshot/components/ScreenshotEditor.tsx",lo=30,ea=3,ma=lo+ea,Qt=Un.devicePixelRatio,eo=a=>({x:Math.min(a.startX,a.endX),y:Math.min(a.startY,a.endY),width:Math.abs(a.startX-a.endX),height:Math.abs(a.startY-a.endY)}),wc=a=>{const e=a.clientHeight,t=a.clientWidth,i=a.width/a.height;let o=e*i,r=e;o>t&&(o=t,r=t/i);const l=(t-o)/2,f=(e-r)/2;return{startX:l,startY:f,endX:o+l,endY:r+f}};function T9({h:a,hooks:e,imageBuffer:t,dialog:i,options:o}){const r=S9({hooks:e});return function({onError:f}){const h=e.useMemo(()=>({__html:x9(o.styleNonce).innerText}),[]),m=w9({h:a}),g=e.useRef(null),b=e.useRef(null),T=e.useRef(null),[S,L]=e.useState({startX:0,startY:0,endX:0,endY:0}),[V,j]=e.useState(!1),[W,J]=e.useState(!1);e.useEffect(()=>{Un.addEventListener("resize",de,!1)},[]);function de(){const se=T.current,he=eo(wc(t));if(se){se.width=he.width*Qt,se.height=he.height*Qt,se.style.width=`${he.width}px`,se.style.height=`${he.height}px`;const ye=se.getContext("2d");ye&&ye.scale(Qt,Qt)}const ue=b.current;ue&&(ue.style.width=`${he.width}px`,ue.style.height=`${he.height}px`),L({startX:0,startY:0,endX:he.width,endY:he.height})}e.useEffect(()=>{const se=T.current;if(!se)return;const he=se.getContext("2d");if(!he)return;const ue=eo(wc(t)),ye=eo(S);he.clearRect(0,0,ue.width,ue.height),he.fillStyle="rgba(0, 0, 0, 0.5)",he.fillRect(0,0,ue.width,ue.height),he.clearRect(ye.x,ye.y,ye.width,ye.height),he.strokeStyle="#ffffff",he.lineWidth=3,he.strokeRect(ye.x+1,ye.y+1,ye.width-2,ye.height-2),he.strokeStyle="#000000",he.lineWidth=1,he.strokeRect(ye.x+3,ye.y+3,ye.width-6,ye.height-6)},[S]);function me(se,he){j(!1),J(!0);const ue=Ae(he),ye=()=>{pt.removeEventListener("mousemove",ue),pt.removeEventListener("mouseup",ye),j(!0),J(!1)};pt.addEventListener("mouseup",ye),pt.addEventListener("mousemove",ue)}const Ae=e.useCallback(se=>function(he){if(!T.current)return;const ue=T.current,ye=ue.getBoundingClientRect(),ke=he.clientX-ye.x,Ie=he.clientY-ye.y;switch(se){case"top-left":L(He=>({...He,startX:Math.min(Math.max(0,ke),He.endX-ma),startY:Math.min(Math.max(0,Ie),He.endY-ma)}));break;case"top-right":L(He=>({...He,endX:Math.max(Math.min(ke,ue.width/Qt),He.startX+ma),startY:Math.min(Math.max(0,Ie),He.endY-ma)}));break;case"bottom-left":L(He=>({...He,startX:Math.min(Math.max(0,ke),He.endX-ma),endY:Math.max(Math.min(Ie,ue.height/Qt),He.startY+ma)}));break;case"bottom-right":L(He=>({...He,endX:Math.max(Math.min(ke,ue.width/Qt),He.startX+ma),endY:Math.max(Math.min(Ie,ue.height/Qt),He.startY+ma)}));break}},[]),we=e.useRef({initialX:0,initialY:0});function xe(se){if(W)return;we.current={initialX:se.clientX,initialY:se.clientY};const he=ye=>{const ke=T.current;if(!ke)return;const Ie=ye.clientX-we.current.initialX,He=ye.clientY-we.current.initialY;L(Ue=>{const $e=Math.max(0,Math.min(Ue.startX+Ie,ke.width/Qt-(Ue.endX-Ue.startX))),je=Math.max(0,Math.min(Ue.startY+He,ke.height/Qt-(Ue.endY-Ue.startY))),ze=$e+(Ue.endX-Ue.startX),O=je+(Ue.endY-Ue.startY);return we.current.initialX=ye.clientX,we.current.initialY=ye.clientY,{startX:$e,startY:je,endX:ze,endY:O}})},ue=()=>{pt.removeEventListener("mousemove",he),pt.removeEventListener("mouseup",ue)};pt.addEventListener("mousemove",he),pt.addEventListener("mouseup",ue)}function Ce(){const se=pt.createElement("canvas"),he=eo(wc(t)),ue=eo(S);se.width=ue.width*Qt,se.height=ue.height*Qt;const ye=se.getContext("2d");ye&&t&&ye.drawImage(t,ue.x/he.width*t.width,ue.y/he.height*t.height,ue.width/he.width*t.width,ue.height/he.height*t.height,0,0,se.width,se.height);const ke=t.getContext("2d");ke&&(ke.clearRect(0,0,t.width,t.height),t.width=se.width,t.height=se.height,t.style.width=`${ue.width}px`,t.style.height=`${ue.height}px`,ke.drawImage(se,0,0),de())}return r({onBeforeScreenshot:e.useCallback(()=>{i.el.style.display="none"},[]),onScreenshot:e.useCallback(se=>{const he=t.getContext("2d");if(!he)throw new Error("Could not get canvas context");t.width=se.videoWidth,t.height=se.videoHeight,t.style.width="100%",t.style.height="100%",he.drawImage(se,0,0)},[t]),onAfterScreenshot:e.useCallback(()=>{i.el.style.display="block";const se=g.current;se&&se.appendChild(t),de()},[]),onError:e.useCallback(se=>{i.el.style.display="block",f(se)},[])}),a("div",{class:"editor",__self:this,__source:{fileName:gn,lineNumber:315}},a("style",{nonce:o.styleNonce,dangerouslySetInnerHTML:h,__self:this,__source:{fileName:gn,lineNumber:316}}),a("div",{class:"editor__canvas-container",ref:g,__self:this,__source:{fileName:gn,lineNumber:317}},a("div",{class:"editor__crop-container",style:{position:"absolute",zIndex:1},ref:b,__self:this,__source:{fileName:gn,lineNumber:318}},a("canvas",{onMouseDown:xe,style:{position:"absolute",cursor:V?"move":"auto"},ref:T,__self:this,__source:{fileName:gn,lineNumber:319}}),a(m,{left:S.startX-ea,top:S.startY-ea,onGrabButton:me,corner:"top-left",__self:this,__source:{fileName:gn,lineNumber:324}}),a(m,{left:S.endX-lo+ea,top:S.startY-ea,onGrabButton:me,corner:"top-right",__self:this,__source:{fileName:gn,lineNumber:330}}),a(m,{left:S.startX-ea,top:S.endY-lo+ea,onGrabButton:me,corner:"bottom-left",__self:this,__source:{fileName:gn,lineNumber:336}}),a(m,{left:S.endX-lo+ea,top:S.endY-lo+ea,onGrabButton:me,corner:"bottom-right",__self:this,__source:{fileName:gn,lineNumber:342}}),a("div",{style:{left:Math.max(0,S.endX-191),top:Math.max(0,S.endY+8),display:V?"flex":"none"},class:"editor__crop-btn-group",__self:this,__source:{fileName:gn,lineNumber:348}},a("button",{onClick:se=>{se.preventDefault(),T.current&&L({startX:0,startY:0,endX:T.current.width/Qt,endY:T.current.height/Qt}),j(!1)},class:"btn btn--default",__self:this,__source:{fileName:gn,lineNumber:356}},o.cancelButtonLabel),a("button",{onClick:se=>{se.preventDefault(),Ce(),j(!1)},class:"btn btn--primary",__self:this,__source:{fileName:gn,lineNumber:373}},o.confirmButtonLabel)))))}}const A9=()=>({name:"FeedbackScreenshot",setupOnce(){},createInput:({h:a,hooks:e,dialog:t,options:i})=>{const o=pt.createElement("canvas");return{input:T9({h:a,hooks:e,imageBuffer:o,dialog:t,options:i}),value:async()=>{const r=await new Promise(l=>{o.toBlob(l,"image/png")});if(r)return{data:new Uint8Array(await r.arrayBuffer()),filename:"screenshot.png",contentType:"application/png"}}}}}),Vf=jw({lazyLoadIntegration:mw,getModalIntegration:()=>k9,getScreenshotIntegration:()=>A9}),la="2.5.0",D9=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-event-capacity{display:flex;flex-direction:column;gap:4px}.nylas-event-capacity label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-capacity label span.required{color:var(--nylas-error, #cc4841)}.nylas-event-capacity label span.label-icon{margin-left:4px}.nylas-event-capacity label span.label-icon tooltip-component{display:flex}.nylas-event-capacity label tooltip-component::part(tc__content){left:50px}.nylas-event-capacity__wrapper{display:flex;align-items:center;gap:0.5rem}.nylas-event-capacity__wrapper input-component{width:auto}.nylas-event-capacity__wrapper input-component::part(ic__input){border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200);font-family:var(--nylas-font-family);font-size:16px;line-height:24px;width:80px}.nylas-event-capacity__wrapper input-component::part(ic__input--error){border:1px solid var(--nylas-error)}.nylas-event-capacity__wrapper input-component::part(ic__label--error){position:relative;margin-bottom:24px}.nylas-event-capacity__wrapper input-component::part(ic__error_message){position:absolute;top:54px;width:max-content}.nylas-event-capacity__wrapper span.attendees.error{margin-top:-24px}';var I9=function(a,e,t,i){var o=arguments.length,r=o<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(a,e,t,i);else for(var f=a.length-1;f>=0;f--)(l=a[f])&&(r=(o<3?l(r):o>3?l(e,t,r):l(e,t))||r);return o>3&&r&&Object.defineProperty(e,t,r),r},xc=function(a,e){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(a,e)};const Wf=n.proxyCustomElement(class extends n.H{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.valueChanged=n.createEvent(this,"valueChanged",7),this.internals=this.attachInternals(),this.name="event-capacity",this.error=""}connectedCallback(){n.debug("nylas-event-capacity","connectedCallback"),queueMicrotask(()=>{this.themeConfig&&(this.applyThemeConfig(this.themeConfig),this.host.setAttribute("data-themed",""))})}disconnectedCallback(){n.debug("nylas-event-capacity","disconnectedCallback")}componentWillLoad(){n.debug("nylas-event-capacity","componentWillLoad"),this.host.setAttribute("name",this.name)}componentDidLoad(){n.debug("nylas-event-capacity","componentDidLoad"),this.selectedEventCapacity=this.capacity||10,n.debug("selectedEventCapacity",this.selectedEventCapacity),this.internals.setFormValue(this.selectedEventCapacity.toString(),this.name)}componentWillUpdate(){n.debug("nylas-event-capacity","componentWillUpdate")}componentDidUpdate(){n.debug("nylas-event-capacity","componentDidUpdate")}componentWillRender(){n.debug("nylas-event-capacity","componentWillRender")}componentDidRender(){n.debug("nylas-event-capacity","componentDidRender")}elementNameChangedHandler(e){n.debug("nylas-event-capacity","elementNameChangedHandler",e),this.host.setAttribute("name",e)}selectedLanguageChangedHandler(e,t){e!==t&&n.instance.changeLanguage(e)}themeConfigChangedHandler(e,t){e!==t&&this.applyThemeConfig(e)}applyThemeConfig(e){if(e)for(const[t,i]of Object.entries(e))this.host.style.setProperty(`${t}`,i)}async nylasFormInputChangeHandler(e){const{name:t,value:i}=e.detail;if(t==="event-capacity"){const o=parseInt(i);if(o<1||o>500||isNaN(o)){this.error=n.instance.t("fixFormErrors"),this.internals.setValidity({customError:!0},this.error),this.valueChanged.emit({value:i.toString(),name:this.name});return}this.error="",this.internals.setValidity({customError:!1},""),this.selectedEventCapacity=parseInt(i),this.internals.setFormValue(i.toString(),this.name),this.valueChanged.emit({value:i.toString(),name:this.name})}}render(){const e=typeof this.selectedEventCapacity<"u";return n.h(n.Host,{key:"e6f85aecbbaeb832787d15467665948bbee0fa13"},n.h("div",{key:"8406843a2c85f91293d9d3291cc62b470da54061",class:"nylas-event-capacity",part:"necapacity"},n.h("label",{key:"08e23312963f34e9d99438cfae812f69d6db4e15",htmlFor:"event-capacity"},n.h("span",{key:"a84786122c2f2320e124bc7056baa85a5df16893"},n.instance.t("nylasEventCapacity.headerTitle"),n.h("span",{key:"ba7612dff5ec1a4da53e4f53e2b43ef63e2dbf98",class:"required"},"*")),n.h("tooltip-component",{key:"b9173e544830ee9ffed7a882d2e6de0462575fc6"},n.h("info-icon",{key:"a79509157d703b8dae4b8ea630145fd84a8d0c0d",slot:"tooltip-icon"}),n.h("span",{key:"da53d6f901cfedbbb9cf414a112cb70bdb6bf753",slot:"tooltip-content"},n.instance.t("nylasEventCapacity.tooltip.desc")))),e&&n.h("div",{key:"7fc33974040384dcbdfe79fd60d60b76526dd424",class:"nylas-event-capacity__wrapper"},n.h("input-component",{key:"4f1e8a5d7b540ab99cdcfa91b83b0bbdc7fe715b",name:"event-capacity",id:"event-capacity",type:"number",pattern:/^[0-9]*$/,patternError:n.instance.t("invalidInputFormat",{field:"Event capacity"}),minValue:1,maxValue:500,required:!1,exportparts:"ic_input: necapacity__input-textfield",defaultValue:typeof this.selectedEventCapacity=="number"?this.selectedEventCapacity.toString():"10",themeConfig:this.themeConfig}),n.h("span",{key:"f3a0d94ff47122899c3ab475ac66e388efa43a54",class:this.error?"attendees error":"attendees"},n.instance.t("nylasEventCapacity.attendees")))))}static get formAssociated(){return!0}get host(){return this}static get watchers(){return{name:["elementNameChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}static get style(){return D9}},[321,"nylas-event-capacity",{name:[1],capacity:[2],selectedLanguage:[1,"selected-language"],themeConfig:[16,"theme-config"],selectedEventCapacity:[32],error:[32]},[[0,"nylasFormInputChanged","nylasFormInputChangeHandler"]],{name:["elementNameChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}]);I9([Le({name:"nylas-event-capacity",stateToProps:new Map([["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{valueChanged:async(a,e)=>{const{valueChanged:t}=a.detail;t&&t(a)}},fireRegisterEvent:!0}),xc("design:type",Function),xc("design:paramtypes",[]),xc("design:returntype",void 0)],Wf.prototype,"render",null);function Ls(){if(typeof customElements>"u")return;["nylas-event-capacity","info-icon","input-component","tooltip-component"].forEach(e=>{switch(e){case"nylas-event-capacity":customElements.get(e)||customElements.define(e,Wf);break;case"info-icon":customElements.get(e)||Xe();break;case"input-component":customElements.get(e)||Bt();break;case"tooltip-component":customElements.get(e)||tt();break}})}const R9=':host{display:block;height:auto;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:100%}.nylas-event-description{display:flex;flex-direction:column;gap:4px;position:relative;color:var(--nylas-base-900)}.nylas-event-description label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;word-break:break-word;overflow-wrap:break-word;flex-direction:column;gap:4px;font-family:var(--nylas-font-family)}.nylas-event-description label.error{color:var(--nylas-error)}.nylas-event-description label span.required{color:var(--nylas-error);padding:0 0.25rem}.nylas-event-description label p{margin:0;display:flex;align-items:center}.nylas-event-description label span.label-icon{margin-left:4px}.nylas-event-description label span.label-icon tooltip-component{display:flex}.nylas-event-description textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.nylas-event-description textarea::-webkit-resizer{display:none}.nylas-event-description div.event-description{border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;min-height:50px;padding:12px 16px;overflow-y:auto;white-space:pre-wrap;line-height:1.5;scrollbar-width:thin;color:var(--nylas-base-900);font-family:var(--nylas-font-family);font-size:16px;font-style:normal;font-weight:400;-webkit-text-fill-color:var(--nylas-base-900);display:block;}.nylas-event-description div.event-description::-webkit-scrollbar{width:6px;height:6px}.nylas-event-description div.event-description:focus{color:var(--nylas-base-900);-webkit-text-fill-color:var(--nylas-base-900);outline:2px solid var(--nylas-primary);outline-offset:2px}.nylas-event-description div.event-description:focus-visible{color:var(--nylas-base-900);-webkit-text-fill-color:var(--nylas-base-900);outline:2px solid var(--nylas-primary);outline-offset:2px}.nylas-event-description div.event-description.error{border-color:var(--nylas-error);border-width:2px}.nylas-event-description span.add-additional-fields{display:flex;align-items:center;gap:8px}.nylas-event-description span.add-additional-fields button-component button{height:35px;background-color:var(--nylas-base-0)}.nylas-event-description span.help-text{display:inline-flex;align-items:center;gap:4px;color:var(--nylas-base-500);font-size:14px;font-style:normal;font-weight:400;line-height:21px;position:relative}.nylas-event-description span.help-text span.label-icon{display:inline-flex;align-items:center;flex-shrink:0}.nylas-event-description span.help-text span.label-icon tooltip-component{display:flex}.nylas-event-description span.help-text span.label-icon tooltip-component::part(tc__container){position:unset}.nylas-event-description span.help-text span.label-icon tooltip-component::part(tc__content){position:absolute;top:4px;left:50%;transform:translateX(-50%)}.nylas-event-description .highlighted-tag{background-color:var(--nylas-base-200);border-radius:var(--nylas-border-radius);padding:2px 5px;margin-left:4px;margin-bottom:4px;display:inline-block;vertical-align:baseline}.nylas-event-description .token-options{display:block;background-color:var(--nylas-base-0);width:100%;max-height:336px;margin-top:28px;overflow:auto;z-index:1;border-radius:4px;position:absolute;bottom:108px;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}@media screen and (max-width: 768px){.nylas-event-description .token-options{right:0;width:325px;max-width:unset}}.nylas-event-description .token-options ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px;margin:0}.nylas-event-description .token-options ul li{padding:16px, 12px, 16px, 12px;color:var(--nylas-base-900);padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.nylas-event-description .token-options ul li .token-label{display:flex;flex-direction:column;font-weight:400}.nylas-event-description .token-options ul li .token-label .token{color:var(--nylas-abse-900);font-size:16px;line-height:24px}.nylas-event-description .token-options ul li .token-label .description{color:var(--nylas-base-600);font-size:14px;line-height:21px}.nylas-event-description .token-options ul li:hover,.nylas-event-description .token-options ul li:focus,.nylas-event-description .token-options ul li:active,.nylas-event-description .token-options ul li.active{background-color:var(--nylas-base-100)}.nylas-event-description .token-options ul li:hover .token-label .token,.nylas-event-description .token-options ul li:focus .token-label .token,.nylas-event-description .token-options ul li:active .token-label .token,.nylas-event-description .token-options ul li.active .token-label .token{color:var(--nylas-primary)}.nylas-event-description .token-options .selected{background-color:var(--nylas-base-100)}';var O9=function(a,e,t,i){var o=arguments.length,r=o<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(a,e,t,i);else for(var f=a.length-1;f>=0;f--)(l=a[f])&&(r=(o<3?l(r):o>3?l(e,t,r):l(e,t))||r);return o>3&&r&&Object.defineProperty(e,t,r),r},Sc=function(a,e){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(a,e)};const qf=n.proxyCustomElement(class extends n.H{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.valueChanged=n.createEvent(this,"valueChanged",7),this.internals=this.attachInternals(),this.eventDescription=this.selectedConfiguration?.event_booking?.description,this.name="description",this.hideAutoPopulateButton=!1,this.noTemplates=!1,this.description=this.eventDescription||this.selectedConfiguration?.event_booking?.description||"",this.showTokens=!1,this.availableTokens=Ca.map(e=>({label:e.token,value:e.value,labelHTML:e})),this.filteredTokens=this.availableTokens,this.ariaActivedescendant="",this.currentWord={$value:"",fullText:"",index:-1,focusOffset:-1},this.validationError="",this.additionalFieldTokens=[]}elementNameChangedHandler(e){n.debug("nylas-event-description","elementNameChangedHandler",e),this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){n.debug("nylas-custom-booking-flow","selectedConfigurationChangedHandler",e);const t=e?.event_booking?.description||this.eventDescription||"",i=e?.scheduler?.additional_fields||{},r=(Object.keys(i)||[]).map(l=>({token:`$${l}`,value:`\${${l}}`,description:i[l].label||""}));this.additionalFieldTokens=[...r],this.availableTokens=[...Ca,...r].map(l=>({label:l.token,value:l.value,labelHTML:l})),this.filteredTokens=[...this.availableTokens],this.description=t,t&&this.updateEventDescriptionFromProp(t)}selectedLanguageChangedHandler(e,t){if(e===t)return;n.instance.changeLanguage(e);const i={$invitee:"invitee",$invitee_email:"inviteeEmail",$duration:"duration"};this.availableTokens=this.availableTokens.map(o=>(i[o.label]&&(o.labelHTML.description=n.instance.t(`nylasEventTitle.eventTitleTokenDescription.${i[o.label]}`)),o)),this.filteredTokens=[...this.availableTokens]}themeConfigChangedHandler(e,t){e!==t&&this.applyThemeConfig(e)}applyThemeConfig(e){if(e)for(const[t,i]of Object.entries(e))this.host.style.setProperty(`${t}`,i)}connectedCallback(){n.debug("nylas-event-description","connectedCallback"),queueMicrotask(()=>{this.themeConfig&&(this.applyThemeConfig(this.themeConfig),this.host.setAttribute("data-themed",""))})}componentWillLoad(){n.debug("nylas-event-description","componentWillLoad"),this.host.setAttribute("name",this.name)}componentDidLoad(){n.debug("nylas-event-description","componentDidLoad"),this.selectedConfiguration?this.selectedConfigurationChangedHandler(this.selectedConfiguration):(this.description=this.eventDescription||"",this.updateEventDescriptionFromProp(this.description))}disconnectedCallback(){n.debug("nylas-event-description","disconnectedCallback")}valueChangedHandler(e){const{name:t,value:i}=e.detail;if(t==="additional-fields"){const o=JSON.parse(i.toString()),l=(Object.keys(o)||[]).map(f=>({token:`$${f}`,value:`\${${f}}`,description:o[f].label||""}));this.additionalFieldTokens=[...l],this.availableTokens=[...Ca,...l].map(f=>({label:f.token,value:f.value,labelHTML:f})),this.filteredTokens=[...this.availableTokens]}}updateEventDescriptionFromProp(e){n.debug("nylas-event-description","updateEventDescriptionFromProp",e);const t=e||this.description;this.descriptionRef&&(this.descriptionRef.innerHTML=this.highlightTokens(t))}highlightTokens(e){let t=e;return[...Ca,...this.additionalFieldTokens].forEach(i=>{const o=i.value,r=new RegExp(`(\\${o})(?!\\w)`,"g");t=t?.replace(r,'<span class="highlighted-tag">$1</span>')||""}),t}getCurrentSelectionForBrowser(){const e=(o,r,l,f)=>{const h=o.replace(/[\u200B-\u200D\uFEFF]/g,""),m=h.lastIndexOf("$"),g=h.substring(m).split(" ")[0];return{focusOffset:r,dollarIndex:m,lastWord:g,currentText:h,node:l,allSelected:f}},t=o=>o.anchorOffset===0&&o.focusOffset===o.focusNode?.nodeValue?.length;switch(n.getBrowser()){case"Chrome":{const o=this.host.shadowRoot?.getSelection(),r=o?.focusNode,l=r?.nodeValue||"",f=o&&t(o);return e(l,o?.focusOffset||-1,r,f)}case"Firefox":{const o=document.getSelection(),r=o?.anchorNode?.nodeValue||"",l=o&&t(o);return e(r,o?.focusOffset||-1,o?.anchorNode,l)}case"Safari":{const o=window.getSelection(),r=o?.getComposedRanges(this.host.shadowRoot)[0],l=r?.startContainer?.nodeValue||"",f=o&&t(o);return e(l,r?.endOffset||-1,r?.startContainer,f)}default:return n.debug("Browser not supported"),null}}handleChange(e){let t=e.target.textContent||"";t=n.sanitize(t);const i=this.getCurrentSelectionForBrowser();if(!i){this.updateEventDescription(t),this.resetDropdown();return}const{focusOffset:o,dollarIndex:r,lastWord:l,currentText:f}=i;if(r===-1||o<r){this.updateEventDescription(t),this.resetDropdown();return}l.startsWith("$")?(this.showTokens=!0,this.currentWord={$value:l,fullText:f,index:r,focusOffset:o},this.populateSuggestionsDropdown(l)):this.resetDropdown(),this.updateEventDescription(t)}handleInputKeyDown(e){const t=this.getCurrentSelectionForBrowser();if(t?.allSelected&&!n.isNonPrintableKey(e)&&(this.descriptionRef.innerHTML=""),e.key==="Enter"){e.preventDefault();const i=this.host.shadowRoot?.getElementById(this.ariaActivedescendant);if(i)i.click(),this.ariaActivedescendant="";else{const o=t?.node,r=t?.focusOffset||0;if(!o||r===-1||this.descriptionRef.childNodes.length===0){const l=document.createTextNode(`
 `);this.descriptionRef.insertBefore(l,this.descriptionRef.firstChild);const f=document.createRange();f.setStart(l,1),f.collapse(!0);const h=window.getSelection();h?.removeAllRanges(),h?.addRange(f)}else if(o.nodeType===Node.TEXT_NODE){const l=o.nodeValue||"",f=l.slice(0,r)+`
 `+l.slice(r);o.nodeValue=f;const h=document.createRange();h.setStart(o,r+1),h.collapse(!0);const m=window.getSelection();m?.removeAllRanges(),m?.addRange(h)}this.descriptionRef.focus()}}else if(e.key==="ArrowDown"){this.showTokens&&e.preventDefault();const i=this.host.shadowRoot?.getElementById(this.ariaActivedescendant);if(i){const o=i.nextElementSibling;o?this.ariaActivedescendant=o.id:this.ariaActivedescendant=this.filteredTokens[0].label}else this.ariaActivedescendant=this.filteredTokens[0].label}else if(e.key==="ArrowUp"){this.showTokens&&e.preventDefault();const i=this.host.shadowRoot?.getElementById(this.ariaActivedescendant);if(i){const o=i.previousElementSibling;o?this.ariaActivedescendant=o.id:this.ariaActivedescendant=this.filteredTokens[this.filteredTokens.length-1].label}else this.ariaActivedescendant=this.filteredTokens[this.filteredTokens.length-1].label}else if(e.key==="Escape")e.preventDefault(),this.resetDropdown();else if(e.key==="Backspace"||e.key==="Delete"){const i=t?.node?.parentNode;t?.currentText.startsWith("${")&&i&&i.nodeName==="SPAN"&&(e.preventDefault(),i.removeChild(t.node),i.remove(),this.resetDropdown()),(this.descriptionRef.textContent===""||t?.allSelected)&&(this.descriptionRef.innerHTML="",this.updateEventDescription(""))}}selectOption(e,t){e.preventDefault();const i=this.currentWord.fullText,o=this.currentWord.$value;let r=this.descriptionRef.firstChild,l=null;for(;r;){if(r.nodeType===3){const j=r.textContent?.replace(/[\u200B-\u200D\uFEFF]/g,"")||"",W=i.replace(/[\u200B-\u200D\uFEFF]/g,"");if(j.includes(W)){l=r;break}}r=r.nextSibling}if(!l)return;const f=l.textContent||"",h=f.indexOf(o),m=f.substring(0,h),g=f.substring(h+o.length),b=document.createTextNode(m),T=document.createRange(),S=document.createElement("span");S.classList.add("highlighted-tag"),S.textContent=`${t.value}`;const L=document.createTextNode(g);if(g!=="")l.replaceWith(b,S,L),T.setStart(L,1);else{const j=document.createTextNode("​");l.replaceWith(b,S,j),T.setStart(j,1)}this.resetDropdown(),this.descriptionRef.focus();const V=window.getSelection();T.collapse(!0),V?.removeAllRanges(),V?.addRange(T),this.updateEventDescription(this.descriptionRef.textContent||"")}populateSuggestionsDropdown(e=""){this.filteredTokens=this.availableTokens.filter(t=>t.label.startsWith(e.toString())||t.value.startsWith(e.toString())),this.filteredTokens.length>0&&(this.ariaActivedescendant=this.filteredTokens[0].label)}get isInternalsAvailable(){return typeof this.internals<"u"&&typeof this.internals.setValidity=="function"&&typeof this.internals.setFormValue=="function"}updateEventDescription(e){const t=e.replace(/ +/g," ");this.isInternalsAvailable&&this.internals?.setFormValue(t,this.name),this.valueChanged.emit({value:t,name:this.name})}resetDropdown(){this.showTokens=!1,this.ariaActivedescendant=""}getLabelHTML(e){return n.h("div",{class:"token-label"},n.h("span",{class:"token"},e.token),n.h("span",{class:"description"},e.description))}handleAddAdditionalFields(){if(this.additionalFieldTokens.length===0)return;const e=this.descriptionRef.innerHTML,t="--- Additional Fields ---",i="--- End Additional Fields ---",o=e.indexOf(t),r=e.indexOf(i);let l=t+`
 `;this.additionalFieldTokens.forEach(h=>{l+=`${h.description}: ${h.value}