@sprig-technologies/sprig-bundled/dist/index-zTKRoMdd.cjs

npm package for the sprig web sdk with bundled dependencies

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./view-K_OZdlXf.cjs"),X=require("./index-BzAnV7nc.cjs"),v=require("./getAttributedUrl-DCoAixJz.cjs"),qe=({className:n,message:i,next:c,properties:r,questionId:t,type:o})=>{const{useMobileStyling:g,border:y,isLongFormSurvey:d,focusedQuestionId:h}=e.useConfig(m=>({useMobileStyling:m.useMobileStyling,border:m.border,isLongFormSurvey:X.isLongFormSurvey(m.studyType),focusedQuestionId:m.focusedQuestionId})),[l,b]=e.h(!1),[u,I]=e.h(""),[a,S]=e.h(!1),p=d&&h===t,C=r==null?void 0:r.collectName,x=(r==null?void 0:r.nameLabelText)||"Full Name",w=(r==null?void 0:r.consentText)||"I agree to the stated conditions",L=(r==null?void 0:r.submitButtonText)||"Submit",O=!!u.trim(),R=l&&(!C||O),$=(m,k=!1)=>{m.preventDefault(),m.stopPropagation();let M=null;if(!k){if(!R)return void S(!0);M={submitted:!0},C&&(M.name=u)}c({value:M,questionId:t,type:o},R)};return e.u("div",{className:e.cc(n,d&&!p&&"ul-card--unfocused","ul-card__consent-legal","fade-in-transition"),children:[e.u(v.Header,{isRequired:d&&(r==null?void 0:r.required),message:i,properties:{questionHtml:r.questionHtml}}),r!=null&&r.richTextBody?e.u(v.QuestionBodyWrapper,{children:e.u(v.Html,{className:"ul-rich-text-body",html:r.richTextBody,id:"ul-card__consent-legal-body-container"})}):null,e.u(v.MobileEmbedView,{embeddedType:"pdf",properties:r,children:e.u(v.QuestionBodyFooterContainer,{children:[e.u("div",{className:"sprig-stretch",children:[e.u(v.Option,{allowTextEntry:!1,border:y,error:a&&!l,id:"consent",isRadio:!1,isSelected:l,label:w,onUserInputChanged:({selected:m})=>{m!==l&&b(!l)},useMobileStyling:g}),C&&e.u("input",{"aria-label":x,"aria-placeholder":x,className:e.cc(e.getClasses("ul-consent-legal__name-input",g)),"data-gramm":"false",maxLength:250,name:"name",onBlur:m=>{m.currentTarget.style.borderColor=a&&!O?X.ERROR_BORDER_COLOR:X.DEFAULT_BORDER_COLOR},onFocus:m=>{m.currentTarget.style.borderColor=a&&!O?X.ERROR_BORDER_COLOR:y},onInput:m=>{m.preventDefault(),m.stopPropagation(),I(m.currentTarget.value)},placeholder:x,style:a&&!O?{borderColor:X.ERROR_BORDER_COLOR}:{},tabIndex:0,value:u})]}),e.u("div",{className:"ul-card__button-wrapper ul-card-vertical__button-wrapper",children:[e.u(v.Button,{className:R?"":"sprig-button-disabled",onClick:$,children:L}),r.required===!1&&!d&&e.u("button",{className:"ul-card-skip__button",onClick:m=>$(m,!0),children:e.getSkipButtonText(r)})]})]})})]},t)},ae=n=>i=>{i.pointerType!=="touch"&&n()},Be=({activeValue:n,border:i,icon:c,isPressed:r,onSubmit:t,range:o,scaleLabelType:g,selectedValue:y,setSelectedValue:d,setActiveValue:h,setIsPressed:l,useMobileStyling:b,value:u,viewDocument:I})=>{const{isLongFormSurvey:a,enableCspTrustedTypes:S}=e.useConfig(k=>({isLongFormSurvey:X.isLongFormSurvey(k.studyType),enableCspTrustedTypes:k.enableCspTrustedTypes})),p=`option-${u}`,C=g==="number",x=g==="star",w=g==="smiley",L=C&&u===n||u===y,[O,R]=(()=>{const k=x&&y!==null&&u<=y;return x&&u<=n||w&&u===n||k||u===n||u===y?[i,r||k||u===y?1:.3]:["",1]})(),$=e.F(()=>{const k=y===u,M={borderColor:L&&!b||k?O:"",fillOpacity:L?"":R,zIndex:L?3:"auto",color:k?"#fff":""};return C?{...M,backgroundColor:k?O:""}:{...M,color:x||w||k?O:""}},[L,O,R,y,u,C,x,w,b]),m=e.F(()=>X.getHtml((({icon:k,scaleLabelType:M,value:D,selectedValue:A})=>{if(M==="smiley"&&D===A){let N=0;return k.replace(/black/g,()=>++N==1?"black":"white")}return k})({icon:c,scaleLabelType:g,value:u,selectedValue:y}),S),[S,c,g,y,u]);return e.u("button",{"aria-label":C?void 0:String(u),className:(()=>{switch(g){case"star":return e.cc(e.getClasses("likert-star",b),e.getClasses(`likert-star-${u}`,b));case"smiley":return e.cc(e.getClasses("likert-smiley",b),e.getClasses(`likert-smiley-${u}`,b));default:return u===o?e.cc(e.getClasses("likert-number",b),e.getClasses(`likert-number-${u}`,b),e.getClasses("likert-last-option",b)):e.cc(e.getClasses("likert-number",b),e.getClasses(`likert-number-${u}`,b))}})(),dangerouslySetInnerHTML:{__html:m},id:p,onClick:k=>{a&&(k.preventDefault(),k.stopPropagation(),d(u)),t()},onKeyDown:k=>{var A,N;const M=I.querySelectorAll(`.likert-${g??"number"}`),D=u-1;k.key==="ArrowRight"?(A=M[D+1])==null||A.focus():k.key==="ArrowLeft"?(N=M[D-1])==null||N.focus():k.key!=="Enter"&&k.key!==" "||(a&&(k.preventDefault(),k.stopPropagation(),d(u)),t())},onPointerCancel:ae(()=>l(!1)),onPointerDown:ae(()=>{l(!0),h(u)}),onPointerEnter:ae(()=>h(u)),onPointerLeave:ae(()=>{h(-1),l(!1)}),onPointerUp:ae(()=>l(!1)),style:$,tabIndex:0})},Me=({className:n,labels:i,message:c,next:r,properties:t,questionId:o,type:g})=>{const{border:y,useMobileStyling:d,viewDocument:h,isLongFormSurvey:l,focusedQuestionId:b}=e.useConfig(D=>({border:D.border,useMobileStyling:D.useMobileStyling,viewDocument:D.viewDocument,isLongFormSurvey:X.isLongFormSurvey(D.studyType),focusedQuestionId:D.focusedQuestionId})),[u,I]=e.h(-1),[a,S]=e.h(!1),[p,C]=e.h(null);e.p(()=>{I(-1),S(!1),C(null)},[o]);const x=l&&b===o,w=i&&i.left,L=i&&i.right;let O;const{range:R,scaleLabelType:$,ratingIcons:m}=t;R&&(O=Number(R));const k=O||5,M=D=>{var A,N;switch($){case"star":return(A=m[0])==null?void 0:A.svg;case"smiley":return(N=m[D])==null?void 0:N.svg;default:return String(D+1)}};return e.u("form",{className:e.cc(n,"ul-card--likert","fade-in-transition",l&&!x&&"ul-card--unfocused"),children:[e.u(v.Header,{isRequired:l&&(t==null?void 0:t.required),message:c,properties:t}),e.u(v.MobileEmbedView,{properties:t,children:e.u(e.g,{children:[e.u(v.QuestionBodyWrapper,{children:[e.u("div",{"aria-label":`Rating (1 - ${k})`,className:"ul-card--likert__numbers",role:"radiogroup",children:[...Array(k)].map((D,A)=>{const N=A+1;return e.u(Be,{activeValue:u,border:y,icon:M(A),isPressed:a,onSubmit:()=>r({value:N,questionId:o,type:g},!0),range:k,scaleLabelType:$,selectedValue:p,setActiveValue:I,setIsPressed:S,setSelectedValue:C,useMobileStyling:d,value:N,viewDocument:h},A)})}),e.u("div",{className:"ul-card--likert__labels",children:[e.u("span",{children:w}),e.u("span",{children:L})]})]}),!t.required&&!l&&e.u(v.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-vertical-centered-container",children:e.u(v.Button,{onClick:D=>{D.preventDefault(),D.stopPropagation(),r({value:null,questionId:o,type:g},!0)},children:e.getButtonText(t)})})})]})})]},o)},Re=({columns:n,onSelect:i,options:c,selectedOptions:r})=>{const t=e._([]),{border:o,useMobileStyling:g,cards:y,index:d}=e.useConfig(a=>({border:a.border,useMobileStyling:a.useMobileStyling,cards:a.cards,index:a.index})),h=c.findIndex(a=>r[a.id]===null),[l,b]=e.h(h),u=e.T((a,S)=>{var x;i(a,S);const p=l+1,C=c[p];if(C&&r[C.id]===null){b(p);const w=y[d];(w==null?void 0:w.groupId)!=null||((x=t.current[p])==null||x.scrollIntoView({block:"nearest",behavior:"smooth"}))}},[i,c,r,l,y,d]),I=e.T((a,S)=>{const p=l===a;return e.u(e.Accordion,{animate:!0,header:S.label,isOpen:p,onClick:()=>{var C;return b(p&&!((C=window.UserLeap)!=null&&C.isMobileSDK)?-1:a)},ref:C=>{C&&(t.current[a]=C)},showHeaderCheck:r[S.id]!==null,children:e.u("div",{style:{paddingTop:"12px"},children:n.map(C=>e.u(v.Option,{allowTextEntry:!1,ariaLabel:`${S.label}-${C.label}`,border:o,error:!1,id:`${S.id}-${C.value}`,isRadio:!0,isSelected:r[S.id]===C.value,label:C.label,onUserInputChanged:()=>u(S.id,C.value),useMobileStyling:g},C.label))})},S.id)},[o,n,l,u,r,g]);return e.u("div",{children:c.map((a,S)=>I(S,a))})},De=({columns:n,onSelect:i,options:c,selectedOptions:r})=>{const{border:t,useMobileStyling:o,isLongFormSurvey:g}=e.useConfig(a=>({border:a.border,useMobileStyling:a.useMobileStyling,isLongFormSurvey:X.isLongFormSurvey(a.studyType)})),y=c.length,d=n.length,h=e._(null),[l,b]=e.h(!1),[u,I]=e.h(!1);return e.p(()=>{const a=h.current,S=new ResizeObserver(p=>{window.requestAnimationFrame(()=>{a&&(b(Math.round(p[0].contentRect.width)<a.scrollWidth),I(Math.round(p[0].contentRect.width)<a.scrollWidth))})});return a&&S.observe(a),()=>{a&&S.unobserve(a)}},[]),e.u("div",{className:"ul-card--matrix_question_container",children:[e.u("div",{className:e.cc("ul-card--matrix_container",l&&"ul-matrix-scroll-gradient"),onScroll:()=>{(()=>{const a=h.current;a&&b(a.clientWidth+Math.abs(a.scrollLeft)<a.scrollWidth)})()},ref:h,children:e.u("div",{className:e.cc(g&&"ul-card--matrix_grid_longform","ul-card--matrix_grid"),style:`--numColumns: ${d}; --numRows: ${y+1};`,children:[e.u("div",{})," ",n.map(a=>e.u("div",{className:"ul-matrix-column-label",children:a.label},a.label)),c.map(a=>e.u(e.g,{children:[e.u("div",{"aria-label":a.label,className:"ul-matrix-row-label",children:a.label},a.label),e.u("div",{className:"ul-matrix-row-options",role:"radiogroup",children:n.map((S,p)=>{const C=p===d-1;return e.u("div",{className:e.cc("ul-matrix-option-wrapper",C&&"ul-matrix-last-option"),children:e.u(v.Option,{allowTextEntry:!1,ariaLabel:`${a.label}-${S.label}`,border:t,choiceStyle:{background:"transparent",border:"none",marginBottom:"0",padding:"0"},error:!1,id:`${a.id}-${S.value}`,isRadio:!0,isSelected:r[a.id]===S.value,onUserInputChanged:()=>i(a.id,S.value),useMobileStyling:o})},S.value)})})]}))]})}),(l||u)&&e.u("button",{className:u&&!l?"ul-matrix-scroll-arrow left":"ul-matrix-scroll-arrow",onClick:u&&!l?a=>{a.preventDefault();const S=h.current;if(S){const p=getComputedStyle(S).direction==="rtl";S.scrollTo({left:p?S.scrollWidth-S.clientWidth:0,behavior:"smooth"})}}:a=>{a.preventDefault();const S=h.current;if(S){const p=getComputedStyle(S).direction==="rtl";S.scrollTo({left:p?S.clientWidth-S.scrollWidth:S.scrollWidth,behavior:"smooth"})}},children:u&&!l?e.u(Fe,{}):e.u(Pe,{})})]})},Fe=()=>e.u("svg",{fill:"currentColor",height:"32",transform:"matrix(-1,0,0,1,0,0)",version:"1.1",viewBox:"0 0 256 256",width:"32",xmlns:"http://www.w3.org/2000/svg",children:e.u("path",{d:"M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"})}),Pe=()=>e.u("svg",{fill:"currentColor",height:"32",viewBox:"0 0 256 256",width:"32",xmlns:"http://www.w3.org/2000/svg",children:e.u("path",{d:"M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"})}),Qe=({className:n,message:i,next:c,options:r,properties:t,questionId:o,type:g,showIndividualSubmit:y=!1,onSubmitButtonClick:d})=>{const{useMobileStyling:h,isLongFormSurvey:l,focusedQuestionId:b,setFocusedQuestionId:u}=e.useConfig(m=>({useMobileStyling:m.useMobileStyling,isLongFormSurvey:X.isLongFormSurvey(m.studyType),focusedQuestionId:m.focusedQuestionId,setFocusedQuestionId:m.setFocusedQuestionId})),I=t.matrixColumn,a=t.required,S=l&&b===o,p=m=>Object.values(m).every(k=>k==null),C=m=>a&&p(m),x=m=>{if(m.preventDefault(),m.stopPropagation(),c({value:L,questionId:o,type:g},!0),d){const k=!p(L);d(k)}},w=r.reduce((m,k)=>(m[k.id]=null,m),{}),[L,O]=e.h(w),R=(m,k)=>{l&&c({value:{...L,[m]:k},questionId:o,type:g},!C({...L,[m]:k})),O(M=>({...M,[m]:k}))},$=t.displayMatrixAsAccordion||h;return e.u("form",{className:e.cc(n,!l&&"ul-card__matrix","fade-in-transition",l&&!S&&"ul-card--unfocused"),id:"text-form",onClick:()=>{S&&u(o)},onSubmit:x,children:[e.u(v.Header,{isRequired:l&&(t==null?void 0:t.required),message:i,properties:t}),e.u(v.MobileEmbedView,{properties:t,children:[e.u(v.QuestionBodyWrapper,{children:[$?e.u(Re,{columns:I,onSelect:R,options:r,selectedOptions:L}):e.u(De,{columns:I,onSelect:R,options:r,selectedOptions:L}),y&&e.u(v.LongformSubmitButton,{handleSubmit:x,isSubmitDisabled:C(L)})]}),!l&&e.u(v.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-card__button-wrapper",children:e.u(v.Button,{disabled:C(L),children:e.getButtonText(t)})})})]})]},o)},xe=({className:n,message:i,onSubmit:c,options:r=[],properties:t,questionId:o,type:g,showIndividualSubmit:y=!1,onSubmitButtonClick:d})=>{const{border:h,useMobileStyling:l,isLongFormSurvey:b,focusedQuestionId:u,setFocusedQuestionId:I}=e.useConfig(T=>({border:T.border,useMobileStyling:T.useMobileStyling,isLongFormSurvey:X.isLongFormSurvey(T.studyType),focusedQuestionId:T.focusedQuestionId,setFocusedQuestionId:T.setFocusedQuestionId})),a=b&&u===o,S=r.reduce((T,Q)=>(T[Q.id]={isSelected:!1},T),{}),[p,C]=e.h(S),x=g==="multiplechoice",w=t.required,L=r.find(T=>{var Q;return(Q=T.optionProperties)==null?void 0:Q.noneOfTheAbove}),O=T=>Object.entries(T).some(([Q,U])=>{var q;const s=r.find(F=>`${F.id}`===Q),f=U.userText===void 0||U.userText.trim()==="";return((q=s==null?void 0:s.optionProperties)==null?void 0:q.allowsTextEntry)&&f&&U.isSelected}),R=T=>Object.values(T).filter(Q=>Q.isSelected).length,$=T=>{const{minSelect:Q=0,maxSelect:U=1/0,maxSelectMode:s}=t,f=R(T);switch(s){case e.MaxSelectModes.Maximum:return f<=U;case e.MaxSelectModes.Range:return f===0||f>=Q;default:return!0}},m=t.minSelect&&t.minSelect>0&&t.maxSelectMode===e.MaxSelectModes.Range&&R(p)<t.minSelect&&(w||R(p)>0),k=T=>O(T)||w&&!R(T)||!$(T),M=T=>$(T)&&!O(T)&&R(T)>0,D=Object.entries(p).some(([T,Q])=>{var U,s;return Q.isSelected&&((s=(U=r.find(f=>`${f.id}`===T))==null?void 0:U.optionProperties)==null?void 0:s.allowsTextEntry)}),A=y&&(!x||D),N=T=>{z(T.id,T.selected,T.userText,T.noneOfTheAbove),T.selected&&b&&!x&&!a&&I(o)},E=T=>{var Q;return(t==null?void 0:t.maxSelectMode)!==e.MaxSelectModes.Unlimited&&R(p)===(t==null?void 0:t.maxSelect)&&!((Q=p[T])!=null&&Q.isSelected)},Y=T=>{if(T.preventDefault(),T.stopPropagation(),c(p,!0),d){const Q=M(p);d(Q)}},z=(T,Q,U,s)=>{const f=Object.assign({},p);if((x||s)&&Q)for(const B of Object.values(f))B.isSelected=!1,delete B.userText;else L&&!s&&p[L.id].isSelected&&(f[L.id].isSelected=!1);f[T]={isSelected:Q,userText:U};const q=x&&Object.entries(f).some(([B,W])=>{var j,J;return W.isSelected&&((J=(j=r.find(te=>`${te.id}`===B))==null?void 0:j.optionProperties)==null?void 0:J.allowsTextEntry)}),F=!k(f);if(b&&(c(f,F),x&&!q&&F&&d)){const B=M(f);d(B)}C(f)};return e.u("form",{className:e.cc(n,"ul-card--multiple","fade-in-transition",b&&!a&&"ul-card--unfocused"),id:"text-form",onClick:g==="multipleselect"?()=>{b&&u!==o&&g==="multipleselect"&&I(o)}:void 0,onSubmit:Y,children:[e.u(v.Header,{isRequired:b&&(t==null?void 0:t.required),message:i,properties:t}),e.u(v.MobileEmbedView,{properties:t,children:e.u(e.g,{children:[e.u(v.QuestionBodyWrapper,{children:[t.isDropdown?e.u(v.Select,{disabledOptions:r.filter(T=>E(T.id)),dropdownFooter:m?e.u("div",{className:"ul-card__min-select-counter",style:{marginLeft:"16px"},children:[R(p),"/",t.minSelect]}):void 0,isMultiSelect:!x,multiselectText:t.dropdownMultiselectedText??"choices selected",onChange:T=>{const Q={...p};for(const U of r)T.includes(U)?Q[U.id].isSelected=!0:Q[U.id].isSelected=!1;b&&c(Q,!k(Q)),C(Q)},options:r,placeholderText:t.dropdownPlaceholderText??(x?"Select choice":"Select choice(s)"),value:r.filter(T=>p[T.id].isSelected)}):e.u("div",{className:e.cc(e.getClasses("ul-card__choices",l)),role:x?"radiogroup":"group",children:[r.map(({id:T,label:Q,value:U,optionProperties:s})=>{var B,W;const f=`${T}`,{allowsTextEntry:q,noneOfTheAbove:F}={allowsTextEntry:!1,noneOfTheAbove:!1,...s};return e.u(v.Option,{allowTextEntry:q,border:h,disabled:E(f),error:O(p),id:f,isRadio:x,isSelected:!!((B=p[f])!=null&&B.isSelected),label:Q,noneOfTheAbove:F,onUserInputChanged:N,promptText:(s==null?void 0:s.otherOptionPlaceholder)||"Please specify",text:(W=p[T])==null?void 0:W.userText,useMobileStyling:l,value:U},f)}),!!m&&e.u("div",{className:"ul-card__min-select-counter",children:[R(p),"/",t.minSelect]})]}),A&&e.u(v.LongformSubmitButton,{handleSubmit:Y,isSubmitDisabled:k(p)})]}),!b&&e.u(v.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-card__button-wrapper",children:e.u(v.Button,{disabled:k(p),onClick:Y,children:e.getButtonText(t)})})})]})})]},o)},Ee=n=>{const{questionId:i,type:c,next:r,options:t}=n,{setFocusedQuestionId:o}=e.useConfig(g=>({setFocusedQuestionId:g.setFocusedQuestionId}));return e.u(xe,{...n,onSubmit:(g,y)=>{var I;const d=Object.entries(g).find(([,a])=>a.isSelected)||[void 0,void 0],[h,l]=d,b=t.find(a=>`${a.id}`===h);!((I=b==null?void 0:b.optionProperties)!=null&&I.allowsTextEntry)||l!=null&&l.userText&&l.userText.trim()!==""||o(i);const u=l!=null&&l.userText?{[h]:{userText:l.userText}}:null;r({value:b&&h?{[h]:b.value}:{},secondaryValue:u,questionId:i,type:c},y)}})},Oe=n=>{const{questionId:i,type:c,next:r}=n;return e.u(xe,{...n,onSubmit:(t,o)=>{const g=Object.entries(t).reduce((d,[h,l])=>(d[h]=l.isSelected,d),{}),y=Object.entries(t).reduce((d,[h,l])=>{if(!l.userText)return d;const b=d||{};return b[h]={userText:l.userText},b},null);r({value:g,secondaryValue:y,questionId:i,type:c},o)}})},Ae=({className:n,labels:i,message:c,properties:r,next:t,questionId:o,type:g})=>{const[y,d]=e.h(null),{border:h,useMobileStyling:l,viewDocument:b,isLongFormSurvey:u,focusedQuestionId:I}=e.useConfig(C=>({border:C.border,useMobileStyling:C.useMobileStyling,viewDocument:C.viewDocument,isLongFormSurvey:X.isLongFormSurvey(C.studyType),focusedQuestionId:C.focusedQuestionId})),a=u&&I===o,S=i&&i.left,p=i&&i.right;return e.u("form",{className:e.cc(n,"ul-card--nps","fade-in-transition",u&&!a&&"ul-card--unfocused"),children:[e.u(v.Header,{isRequired:u&&(r==null?void 0:r.required),message:c,properties:r}),e.u(v.MobileEmbedView,{properties:r,children:[e.u(v.QuestionBodyWrapper,{children:[e.u("div",{className:"ul-card--nps__numbers",children:[...Array(11)].map((C,x)=>e.u("button",{className:e.cc(e.getClasses("nps-number",l),e.getClasses(`nps-number-${x}`,l)),id:`option-${x}`,onClick:w=>{u&&(w.preventDefault(),w.stopPropagation(),d(x)),t({value:x,questionId:o,type:g},!0)},onKeyDown:w=>{var O,R;const L=b.querySelectorAll("button.nps-number");w.key==="ArrowRight"?(O=L[x+1])==null||O.focus():w.key==="ArrowLeft"?(R=L[x-1])==null||R.focus():w.key!=="Enter"&&w.key!==" "||(u&&(w.preventDefault(),w.stopPropagation(),d(x)),t({value:x,questionId:o,type:g},!0))},onPointerDown:w=>{w.currentTarget.style.zIndex="2",w.currentTarget.style.borderColor=h},onPointerLeave:w=>{w.currentTarget.style.zIndex="auto",w.currentTarget.style.borderColor=X.DEFAULT_BORDER_COLOR},style:y===x?{backgroundColor:h,color:"#fff"}:void 0,tabIndex:0,children:x},x))}),e.u("div",{className:"ul-card--nps__labels",children:[e.u("span",{children:S}),e.u("span",{children:p})]})]}),!r.required&&!u&&e.u(v.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-vertical-centered-container",children:e.u(v.Button,{onClick:C=>{C.preventDefault(),C.stopPropagation(),t({value:null,questionId:o,type:g},!0)},children:e.getButtonText(r)})})})]})]},o)},He=n=>{const{className:i,message:c,next:r,properties:t,questionId:o,type:g,showIndividualSubmit:y=!1,onSubmitButtonClick:d}=n,h=g==="aidynamicfollowup"||g==="aidynamicstandalone",l=h?n.loading:void 0,{border:b,useMobileStyling:u,update:I,isLongFormSurvey:a,focusedQuestionId:S,setFocusedQuestionId:p,isPreview:C}=e.useConfig(N=>({border:N.border,useMobileStyling:N.useMobileStyling,update:N.update,isLongFormSurvey:X.isLongFormSurvey(N.studyType),focusedQuestionId:N.focusedQuestionId,setFocusedQuestionId:N.setFocusedQuestionId,isPreview:N.isPreview})),[x,w]=e.h(""),L=e._(null),O=a&&S===o;e.p(()=>{var N,E;a&&!C&&(O?(N=L.current)==null||N.focus():(E=L.current)==null||E.blur())},[a,O,C]);const R=x.trim(),$=t.required===!0&&!R,m=v.useAutoSize(L,()=>I()),k=N=>{N.preventDefault(),N.stopPropagation();const E=R.length>0,Y=!t.required||E;r({value:x,questionId:o,type:g},Y),d&&d(E)},M=t&&t.openTextPlaceholder?t.openTextPlaceholder:"";if((l===e.DynamicQuestionLoadingStates.failure||l===void 0)&&h)return e.u(e.g,{});const D=l===e.DynamicQuestionLoadingStates.inFlight,A=D?"Preparing your next question":c;return e.u("form",{className:e.cc(i,"ul-card-text","fade-in-transition",a&&!O&&"ul-card--unfocused"),id:"text-form",onClick:()=>{a&&S!==o&&p(o)},children:[e.u(v.Header,{isRequired:a&&(t==null?void 0:t.required),message:A,properties:t}),e.u(v.MobileEmbedView,{properties:t,children:e.u("div",{className:"ul-card-text",children:e.u(v.QuestionBodyWrapper,{children:[e.u("div",{className:"ul-card-text__container",children:e.u("textarea",{"aria-describedby":"ul-caption","aria-labelledby":"ul-question","aria-multiline":"true","aria-placeholder":M,className:e.cc(D&&"ul-card-text__input__loading",e.getClasses("ul-card-text__input",u)),"data-gramm":"false",disabled:D,maxLength:5e3,name:"text",onBlur:N=>{N.currentTarget.style.borderColor=X.DEFAULT_BORDER_COLOR},onChange:N=>{const{value:E}=N.currentTarget;if(m(),N.preventDefault(),N.stopPropagation(),w(E),a){const Y=E.trim().length>0;r({value:E,questionId:o,type:g},Y)}},onFocus:N=>{N.currentTarget.style.borderColor=b,p(o)},placeholder:M,ref:L,role:"textbox",tabIndex:0})}),t.footerHtml&&e.u(v.Html,{className:"footer",html:t.footerHtml}),y&&e.u(v.LongformSubmitButton,{handleSubmit:k,isSubmitDisabled:$}),e.u(v.QuestionBodyFooterContainer,{children:!a&&e.u(v.Button,{disabled:$||D,onClick:k,children:e.getButtonText(t)})})]})})})]},o)},de=1,Ce=2,ke=3,le=n=>n.type==="av_permission",ve=n=>n.type==="screen_permission",Te=(n,i)=>n===void 0?de:n?((c,r)=>!(le(r)?r.permissionDescriptors:[]).includes("camera")||c.getVideoTracks().length>0)(n,i)?ke:de:Ce,ye={avStream:null,currentPage:null,mediaRecordingUids:null,nextQuestion:()=>{},passthroughData:void 0,recordingMediaTypes:void 0,screenPermissionRequested:!1,type:void 0},re=e.create(n=>({...ye,reset:()=>{n(ye)},updatePage:i=>{n(i)}}));function pe({currentPage:n,pages:i}){const{avStream:c,recordingMediaTypes:r,updatePage:t}=re.getState(),{recorderEventEmitter:o}=e.useConfig.getState();o.emit("av.permission",{"permission.descriptors":n.permissionDescriptors,"stream.ready":(g,y)=>{if(c===g)return;let d=n;if(g&&!n.permissionDescriptors.includes("camera")){const h=i.indexOf(n),l=y!=null&&y.active?h+2:h+1;y!=null&&y.active&&r&&o.emit("begin.recording",{"recording.media.types":r,"start.recording.callback":b=>t({mediaRecordingUids:b})}),d=i[l]}t({currentPage:d,avStream:g})}})}function me({status:n}){const{nextQuestion:i,passthroughData:c,mediaRecordingUids:r,reset:t}=re.getState(),{recorderEventEmitter:o,handleUploadUpdate:g,index:y}=e.useConfig.getState(),d={value:{taskStatus:n},type:"recordedtask",questionId:(c==null?void 0:c.questionId)||1};c&&o.emit("finish.task",{"begin.callback":h=>{g({mediaRecordingUid:h,isSubmitted:!0,progressPct:0,isComplete:!1})},"progress.callback":(h,l)=>{g({mediaRecordingUid:h,progressPct:l.detail,isSubmitted:!1,isComplete:!1})},"upload.callback":h=>{h&&g({mediaRecordingUid:h,isComplete:!0,isSubmitted:!0,progressPct:100})},"passthrough.data":c,"current.index":y,"task.response":d,"task.complete.callback":h=>{d.value.taskDurationMillisecond=h,r&&(d.value.mediaRecordingUids=r),t(),i(d)}})}function ge({pages:n,setIsRequestingPermission:i}){const{recorderEventEmitter:c,eventEmitFn:r}=e.useConfig.getState(),{updatePage:t,currentPage:o,recordingMediaTypes:g,screenPermissionRequested:y}=re.getState();if(!o)return;const d=n.indexOf(o);switch(o.type){case"av_permission":{const h=y?d+2:d+1;return y&&g&&c.emit("begin.recording",{"recording.media.types":g,"start.recording.callback":l=>{t({mediaRecordingUids:l})}}),void t({currentPage:n[h]})}case"screen_permission":return void c.emit("screen.permission",{"screen.permission.requested":i,"stream.ready.callback":(h,l)=>{const b=l?n[d+1]:o;l&&g&&c.emit("begin.recording",{"recording.media.types":g,"start.recording.callback":u=>{t({captureStream:l,mediaRecordingUids:u})}}),t({currentPage:b,screenPermissionRequested:!0,captureStream:l})}});case"start_task":return r("recorded.task.start"),c.emit("recorded.task.start"),c.emit("start.task"),void t({currentPage:n[d+1],screenPermissionRequested:!0});case"complete_task":return}}const _e="ul-permission-graphics-container",Ie="ul-permission-body",we=e.cc(_e,"ul_recorded-task-inset-spacing"),ue=e.cc("ul-horizontal-button-container","ul-horizontal-button-container-left"),Ne=({richTextBody:n})=>e.u(v.Html,{className:"ul-rich-text-body",html:n,id:"ul-task-detail-container"}),ce=({required:n,skipButtonText:i,bottom:c=!1})=>n?null:e.u(v.Button,{className:e.cc(c&&"ul-skip-button-below","ul-button-inactive"),onClick:me.bind(null,{status:"abandoned"}),children:i||"Skip"}),he=n=>{const{avStream:i,captureStream:c,recordingMediaTypes:r,updatePage:t}=re.getState(),o=(r==null?void 0:r.includes("audio"))||(r==null?void 0:r.includes("video"));e.p(()=>{const g=setInterval(()=>{o&&i&&!i.active?t({avStream:null,currentPage:n[0]}):c&&c.active||t({captureStream:void 0,currentPage:n[o?1:0]})},1e3);return()=>clearInterval(g)},[i,c,o,n,r,t])},$e=({content:n,pages:i,required:c})=>{const{buttonText:r,skipButtonText:t,taskDetail:o}=n;return he(i),e.u("div",{className:"ul-task-page",children:[o&&e.u(Ne,{richTextBody:o}),e.u("div",{className:ue,children:[e.u(v.Button,{onClick:ge.bind(null,{pages:i}),children:r}),e.u(ce,{required:c,skipButtonText:t})]})]},"start-task")},Ue=({content:n,pages:i,properties:c})=>{const{buttonText:r,skipButtonText:t}=n;return he(i),e.u("div",{className:"ul-task-page",children:[n.taskDetail&&e.u(Ne,{richTextBody:n.taskDetail}),e.u(v.MobileEmbedView,{properties:c,children:e.u("div",{className:ue,children:[e.u(v.Button,{className:"ul-complete-task-button",onClick:me.bind(null,{status:"completed"}),children:r}),e.u(v.Button,{className:e.cc("ul-button-inactive"),onClick:me.bind(null,{status:"given.up"}),children:t})]})})]},"complete-task")},Ve=({content:n,pages:i,required:c})=>{const{buttonText:r,skipButtonText:t}=n,[o]=e.useConfig(d=>[d.tabTitle]),[g,y]=e.h(!1);return e.u("div",{children:[e.u("div",{className:we,children:[e.u("p",{style:{marginTop:"auto"},children:n.selectTabText}),e.u("div",{className:"ul-select-tab-container",children:e.u("p",{className:Ie,children:o})})]}),e.u("div",{className:c?"":ue,children:[e.u(v.Button,{disabled:g,onClick:ge.bind(null,{pages:i,setIsRequestingPermission:y}),children:r}),e.u(ce,{required:c,skipButtonText:t})]})]})},We=({content:n})=>e.u(v.Html,{className:e.cc(_e,"ul_permission_svg_container","ul_recorded-task-inset-spacing","ul-center-horizontally"),html:n.svg},"ul-permission-request-graphic"),je=({content:n,pages:i,required:c})=>{const{permissionDeniedHeadline:r,permissionDeniedBody:t,skipButtonText:o,tryAgainButtonText:g}=n,y=le(i[0])?i[0]:null;return e.p(()=>{const d=setInterval(()=>{y!==null&&pe({currentPage:y,pages:i})},1e3);return()=>clearInterval(d)},[y,i]),y?e.u("div",{children:[e.u("div",{className:we,children:e.u("p",{className:"ul-av-permission-denied-paragraph",children:[e.u("span",{className:"ul-av-permission-denied-headline",children:r}),e.u("span",{className:Ie,children:t})]})}),e.u("div",{className:ue,children:[e.u(v.Button,{onClick:pe.bind(null,{currentPage:y,pages:i}),children:g}),e.u(ce,{required:c,skipButtonText:o})]})]}):null},Ge=({stream:n})=>e.u("video",{autoPlay:!0,className:e.cc("ul_recorded-task-inset-spacing"),id:"ul-record-task-video-preview",muted:!0,ref:i=>{i&&(i.srcObject=n||null)}}),Ze=({content:n,pages:i,required:c})=>{const{skipButtonText:r}=n,{avStream:t}=re.getState();return he(i),e.u("div",{children:[e.u(Ge,{stream:t}),e.u("div",{className:"ul-vertical-button-container-center",children:[e.u(v.Button,{onClick:ge.bind(null,{pages:i}),children:n.buttonText}),e.u(ce,{bottom:!0,required:c,skipButtonText:r})]})]})},ze=({properties:n})=>{const{pages:i,required:c}=n,{avStream:r,currentPage:t}=re.getState();if(t===void 0)return null;switch(t==null?void 0:t.type){case"av_permission":{const o=Te(r,t);return o===de?e.u(We,{content:t}):o===Ce?e.u(je,{content:t,pages:i,required:c}):e.u(Ze,{content:t,pages:i,required:c})}case"screen_permission":return e.u(Ve,{content:t,pages:i,required:c});case"start_task":return e.u($e,{content:t,pages:i,required:c});case"complete_task":return e.u(Ue,{content:t,pages:i,properties:n});default:return null}},Ye=({className:n,properties:i,next:c,questionId:r})=>{const t=e.useConfig(),{surveyId:o,responseGroupUid:g,userId:y,update:d}=t,h=re(),{screenPermissionRequested:l}=h,b=re(p=>p.avStream);let u=re(p=>p.currentPage);u||(u=function({pages:p,userId:C,responseGroupUid:x,surveyId:w,questionId:L,next:O}){const{updatePage:R}=re.getState(),{eventEmitFn:$,recorderEventEmitter:m}=e.useConfig.getState(),k={questionId:L,surveyId:w,visitorId:C,responseGroupUid:x};let M=0;m.emit("recorded.task.permission.screen"),$("recorded.task.permission.screen"),m.emit("permission.status",{"permission.status.callback":(A,N,E,Y)=>{const z=p[M],{type:T}=z,Q=["screen"];if(le(z)){const{permissionDescriptors:U}=z,s=U==null?void 0:U.includes("microphone"),f=U==null?void 0:U.includes("camera");s&&Q.push("audio"),f&&Q.push("video"),(A!=null&&A.active&&!f||A!=null&&A.active&&N)&&M++}ve(p[M])&&E&&(M++,m.emit("begin.recording",{"recording.media.types":Q,"start.recording.callback":U=>R({mediaRecordingUids:U})})),R({currentPage:p[M],avStream:A,screenPermissionRequested:E,nextQuestion:O,type:T,passthroughData:k,recordingMediaTypes:Q,captureStream:Y})}});const D=p[M];return D.type==="av_permission"&&pe({currentPage:D,pages:p}),D}({questionId:r,surveyId:o,next:p=>{c(p,!0)},pages:i.pages,responseGroupUid:g,userId:y}));let I=u.headline,a=u.captionText;const S=Te(b,u);return ve(u)&&l&&(I=u.permissionDeniedHeadline,a=u.permissionDeniedCaptionText),le(u)&&S===ke&&(I=u.permissionGrantedHeadline,a=u.permissionGrantedCaptionText),e.p(()=>{d()},[d]),e.u("div",{className:e.cc(n,"ul-center-horizontally","fade-in-transition"),children:[e.u(v.Header,{isRequired:i==null?void 0:i.required,message:I,properties:{captionText:a}}),e.u(v.QuestionBodyWrapper,{children:e.u(ze,{properties:i})})]})},Ke=({richTextBody:n,plaintextBody:i})=>n?e.u(v.Html,{className:"ul-rich-text-body",html:n,id:"ul-card__text-url-body-container"}):i?e.u("div",{className:"ul-rich-text-body",id:"ul-card__text-url-body-container",children:(i?i.split(/\n\s*\n/g):[]).map((c,r)=>e.u("p",{children:c},r))}):null,Xe=({className:n,message:i,next:c,properties:r,questionId:t,type:o})=>{const{visitorAttributes:g,isLongFormSurvey:y}=e.useConfig(b=>({visitorAttributes:b.visitorAttributes,isLongFormSurvey:X.isLongFormSurvey(b.studyType)})),d=(b,u=!1)=>{c({value:u?{skipped:!0}:void 0,questionId:t,type:o},!0)},h=v.getAttributedUrl(r&&r.buttonUrl,g),l=y&&r.promptActionType===e.PromptActionTypeEnum.NO_BUTTON;return e.u("div",{className:e.cc(n,"ul-card__text-url-prompt","fade-in-transition"),children:[e.u(v.Header,{isRequired:y&&(r==null?void 0:r.required),message:i,properties:{questionHtml:r.questionHtml}}),e.u(v.QuestionBodyWrapper,{children:e.u(Ke,{plaintextBody:r==null?void 0:r.body,richTextBody:r==null?void 0:r.richTextBody})}),e.u(v.MobileEmbedView,{properties:r,children:!l&&e.u(v.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-card-button-group",children:[e.u("a",{className:"ul-card-text__button ul-card__text-url-prompt-button",href:h,id:"ul-card-text__button",onClick:d,onKeyPress:b=>{b.key!=="Enter"&&b.key!==" "||c({value:void 0,questionId:t,type:o},!0)},rel:"noreferrer",role:h?"link":"button",tabIndex:0,target:"_blank",children:e.getButtonText(r)}),r.required===!1&&e.u("button",{className:"ul-card-skip__button",onClick:b=>d(0,!0),children:e.getSkipButtonText(r)})]})})})]},t)},Je=({className:n,questionId:i})=>{const{border:c,destroy:r,endCard:t,forceBrandedLogo:o,update:g}=e.useConfig(h=>({border:h.border,destroy:h.destroy,endCard:h.endCard,forceBrandedLogo:h.forceBrandedLogo,update:h.update}));e.p(()=>{setTimeout(()=>{r(X.APP_ID)},o?4e3:2e3)},[r,o]);const y=t&&t.subheader?e.u("p",{className:"ul-caption",children:t.subheader}):null,d=t&&t.headline?t.headline:"";return e.p(()=>{g()},[g]),e.u("div",{className:e.cc(n,"ul-card--thanks","fade-in-transition"),children:e.u("div",{children:e.u("div",{className:"ul-card--thanks-content",children:[e.u("div",{className:"ul-thanks-check",children:e.u("svg",{"aria-labelledby":"title",fill:"none",height:"99",viewBox:"0 0 81 99",width:"81",xmlns:"http://www.w3.org/2000/svg",children:[e.u("path",{clipRule:"evenodd",d:"M40.5 77C60.9345 77 77.5 60.4345 77.5 40C77.5 19.5655 60.9345 3 40.5 3C20.0655 3 3.5 19.5655 3.5 40C3.5 60.4345 20.0655 77 40.5 77ZM80.5 40C80.5 62.0914 62.5914 80 40.5 80C18.4086 80 0.5 62.0914 0.5 40C0.5 17.9086 18.4086 0 40.5 0C62.5914 0 80.5 17.9086 80.5 40Z",fill:c,fillRule:"evenodd"}),e.u("path",{clipRule:"evenodd",d:"M55.025 22.9046C55.6299 23.4705 55.6616 24.4198 55.0956 25.0247C54.8724 25.2634 54.6109 25.5285 54.3157 25.8277C52.2547 27.9168 48.5549 31.667 44.8135 39.6658C43.2818 42.9406 42.0864 45.8386 41.0823 48.2729C40.6539 49.3116 40.2603 50.2659 39.8902 51.129C39.287 52.5359 38.7248 53.7508 38.1744 54.625C37.8997 55.0613 37.5806 55.4905 37.2017 55.8245C36.8201 56.1607 36.2613 56.5 35.5457 56.5C34.6742 56.5 34.0892 55.9692 33.7774 55.6083C33.4502 55.2296 33.1752 54.7511 32.9396 54.301C32.7305 53.9013 32.5088 53.4367 32.2797 52.9565C32.2429 52.8794 32.2059 52.8019 32.1688 52.7243C31.8942 52.1499 31.5959 51.534 31.2537 50.8868C29.8886 48.305 27.8539 45.2878 24.2343 43.1382C23.522 42.7152 23.2875 41.7949 23.7105 41.0826C24.1335 40.3703 25.0539 40.1358 25.7662 40.5588C30.0556 43.1062 32.4149 46.6647 33.9058 49.4845C34.2776 50.1876 34.5973 50.8487 34.8753 51.4302C34.9147 51.5124 34.9529 51.5926 34.9902 51.6707C35.2222 52.1567 35.4164 52.5637 35.5978 52.9102C35.6151 52.9434 35.6321 52.9754 35.6485 53.0061C36.0565 52.3531 36.5341 51.3434 37.133 49.9468C37.4781 49.1418 37.8572 48.2229 38.2761 47.2074C39.2886 44.7532 40.5339 41.7347 42.0961 38.3948C46.0591 29.9221 50.0641 25.8648 52.1535 23.7482C52.4423 23.4556 52.6944 23.2002 52.9048 22.9753C53.4708 22.3703 54.42 22.3387 55.025 22.9046ZM35.1994 53.5892C35.1994 53.5892 35.2 53.5888 35.2012 53.5879C35.2 53.5889 35.1994 53.5893 35.1994 53.5892ZM36.0666 53.6682C36.0732 53.674 36.0765 53.6775 36.0765 53.6777C36.0765 53.678 36.0732 53.6751 36.0666 53.6682Z",fill:c,fillRule:"evenodd"}),e.u("path",{d:"M69.5 97C69.5 98.1046 56.2924 99 40 99C23.7076 99 10.5 98.1046 10.5 97C10.5 95.8954 23.7076 95 40 95C56.2924 95 69.5 95.8954 69.5 97Z",fill:"black",fillOpacity:"0.2"})]})}),e.u(v.Header,{message:d}),y]})})},i)},et=({className:n})=>{const{uploadProgress:i}=e.useConfig(o=>({uploadProgress:o.uploadProgress}));let c,r;Object.values(i).filter(o=>o.isSubmitted).length>1?(c="Your responses are processing",r="Please keep this tab open until your responses are fully processed."):(c="Your response is processing",r="Please keep this tab open until your response is fully processed.");const t=Math.round(Math.min(99,...Object.values(i).filter(o=>o.isSubmitted).map(o=>o.progressPct||0)));return e.u("div",{className:e.cc(n,"ul-card--uploading","fade-in-transition"),children:[e.u("div",{"aria-busy":"true","aria-label":"Processing...","aria-live":"polite",className:"ul-loading-spinner-container",role:"progressbar",children:e.u("div",{className:"ul-loading-spinner",children:[e.u("div",{className:"first"}),e.u("div",{className:"second"}),e.u("div",{className:"third"}),e.u("div",{className:"fourth"})]})}),e.u(v.Header,{message:`${c} (${t}% complete)`}),e.u("p",{className:"ul-caption",children:r})]})},Le=e.F$1(void 0),tt=({value:n,children:i})=>e.u(Le.Provider,{value:n,children:i}),rt=({isRightLabel:n,isLeftLabel:i})=>n?e.MaxDiffChoice.RIGHT:i?e.MaxDiffChoice.LEFT:null,nt="Best",it="Worst",st=({className:n,labels:i,message:c,properties:r,options:t,questionId:o,type:g,next:y})=>{var L,O,R,$;const[d,h]=e.h(t.map((m,k)=>({...m,label:m.label===""?`Item ${k+1}`:m.label,isRightLabel:!1,isLeftLabel:!1}))),l=(()=>{const m=e.q(Le);if(m===void 0)throw new Error("usePreviousResponses must be used within a PreviousResponsesProvider");return m})(),b={padding:"24px",display:"flex",cursor:"pointer",width:"auto"},[u,I]=e.h(!1);e.p(()=>{const m=d.findIndex(z=>z.isRightLabel),k=d.findIndex(z=>z.isLeftLabel),M=m!==-1&&k!==-1;I(M);const D=!r.required||r.required&&M,A=d.map(z=>({id:z.id,option:z.label,selected:rt(z)})),N=Math.floor(o),E=Object.keys(l).filter(z=>z.startsWith(N.toString())).map(Number).sort((z,T)=>z-T).at(-1),Y=[];if(typeof E=="number"){const z=l[E],T=JSON.parse(z);Y.push(...T)}Y.push(A),setTimeout(()=>{y({value:Y,questionId:o,type:g},D,M),I(!1)},M?500:0)},[d]);const{border:a,useMobileStyling:S,enableCspTrustedTypes:p}=e.useConfig(m=>({border:m.border,useMobileStyling:m.useMobileStyling,enableCspTrustedTypes:m.enableCspTrustedTypes})),C=(m,k)=>()=>{u||h(M=>((D,A,N)=>D.map(E=>E.id===A?{...E,isRightLabel:N===e.MaxDiffChoice.RIGHT,isLeftLabel:N===e.MaxDiffChoice.LEFT}:N===e.MaxDiffChoice.RIGHT&&E.isRightLabel||N===e.MaxDiffChoice.LEFT&&E.isLeftLabel?{...E,isRightLabel:!1,isLeftLabel:!1}:E))(M,m,k))},x=(L=r.ratingIcons)==null?void 0:L[0].svg,w=(O=r.ratingIcons)==null?void 0:O[1].svg;return e.u("form",{className:e.cc(n,"ul-card-maxdiff","fade-in-transition"),children:[e.u(v.Header,{isRequired:r==null?void 0:r.required,message:c,properties:r}),e.u(v.QuestionBodyWrapper,{children:e.u("div",{className:"ul-card--maxdiff__question-inner-container",children:[e.u("div",{className:"ul-card-maxdiff__label",children:(i==null?void 0:i.left)||((R=r==null?void 0:r.labels)==null?void 0:R.left)||nt}),e.u("div",{children:" "}),e.u("div",{className:"ul-card-maxdiff__label",children:(i==null?void 0:i.right)||(($=r==null?void 0:r.labels)==null?void 0:$.right)||it}),d.map(({id:m,label:k,isLeftLabel:M,isRightLabel:D})=>e.u(e.g,{children:[e.u("div",{className:"ul-card-maxdiff__option-control "+(w?"smiley":""),children:w?e.u(fe,{ariaPressed:M,className:M?"ul-card-maxdiff__option-btn ul-card-maxdiff__option-selected good":"ul-card-maxdiff__option-btn",enableCspTrustedTypes:p,html:w,id:`smiley-good-${m}`,onClick:C(m,e.MaxDiffChoice.LEFT)}):e.u(v.Option,{allowTextEntry:!1,ariaLabel:`bestLabel-${k}`,border:a,choiceStyle:b,error:!1,id:`${m}`,isRadio:!0,isSelected:M,onUserInputChanged:C(m,e.MaxDiffChoice.LEFT),useMobileStyling:S})}),e.u("div",{className:"ul-card-maxdiff__option-label",children:k}),e.u("div",{className:"ul-card-maxdiff__option-control "+(x?"smiley":""),children:x?e.u(fe,{ariaPressed:D,className:D?"ul-card-maxdiff__option-btn ul-card-maxdiff__option-selected bad":"ul-card-maxdiff__option-btn",enableCspTrustedTypes:p,html:x,id:`smiley-bad-${m}`,onClick:C(m,e.MaxDiffChoice.RIGHT)}):e.u(v.Option,{allowTextEntry:!1,ariaLabel:`worstLabel-${k}`,border:a,choiceStyle:b,error:!1,id:`${m}`,isRadio:!0,isSelected:D,onUserInputChanged:C(m,e.MaxDiffChoice.RIGHT),useMobileStyling:S})})]}))]})})]},o)},fe=({enableCspTrustedTypes:n,ariaPressed:i,className:c,html:r,id:t,onClick:o})=>{const g=e.F(()=>X.getHtml(r,n),[n,r]);return e.u("span",{"aria-pressed":i,className:c,dangerouslySetInnerHTML:{__html:g},id:t,onClick:o,tabIndex:0,type:"button"})},ot=({className:n,labels:i,message:c,next:r,properties:t,questionId:o,type:g,onSubmitButtonClick:y,options:d,showIndividualSubmit:h=!1})=>{const l=e._(null),b=e._(0),u=e._(0),I=e._(null),a=e._(!1),S=e._([]),[p,C]=e.h(()=>(t==null?void 0:t.required)===!0),[x,w]=e.h(!1),[L,O]=e.h(()=>d.map(_=>({..._,rank:null}))),R=e.F(()=>Array.from({length:d.length},(_,H)=>H+1),[d.length]),{isLongFormSurvey:$,focusedQuestionId:m,setFocusedQuestionId:k,useMobileStyling:M,isPreview:D,headers:A}=e.useConfig(_=>({useMobileStyling:_.useMobileStyling,isLongFormSurvey:X.isLongFormSurvey(_.studyType),focusedQuestionId:_.focusedQuestionId,setFocusedQuestionId:_.setFocusedQuestionId,isPreview:_.isPreview,headers:_.headers})),N=(A==null?void 0:A["userleap-platform"])==="android",E=M&&!D&&!N,Y=!E&&!N,z=$&&m===o,T=_=>{_.preventDefault(),B(L),y&&y(x)},Q=(_,H)=>{O(V=>{const P=parseInt(H),G=V.map(Z=>({...Z}));G.some(Z=>Z.rank==null)&&G.forEach((Z,ie)=>Z.rank=ie+1);const ee=G.findIndex(Z=>Z.id===_);if(ee===-1)return V;const K=G[ee].rank;return P<K?G.forEach(Z=>{Z.id!==_&&Z.rank>=P&&Z.rank<K&&(Z.rank=Z.rank+1)}):P>K&&G.forEach(Z=>{Z.id!==_&&Z.rank>K&&Z.rank<=P&&(Z.rank=Z.rank-1)}),G[ee].rank=P,G.sort((Z,ie)=>Z.rank-ie.rank),W(G),G})},U=(_,H)=>{for(let V=0;V<S.current.length;V++){const P=S.current[V];if(!P||P===I.current)continue;const G=P.getBoundingClientRect();if(_>=G.left&&_<=G.right&&H>=G.top&&H<=G.bottom)return{element:P,index:V}}return null},s=_=>H=>{if(!E)return;H.preventDefault(),H.stopPropagation(),a.current=!0,l.current=_;const V=H.touches[0];b.current=V.clientY,u.current=V.clientY;const P=H.currentTarget.closest(".ul-card-rank__option");P&&(I.current=P,P.classList.add("is-dragging"))},f=_=>{if(!E||!a.current||l.current===null)return;_.preventDefault(),_.stopPropagation();const H=_.touches[0];u.current=H.clientY;const V=u.current-b.current;I.current&&(I.current.style.transform=`translateY(${V}px)`,I.current.style.zIndex="1000"),S.current.forEach(G=>{G&&G!==I.current&&G.classList.remove("is-drop-target")});const P=U(H.clientX,H.clientY);P&&P.element.classList.add("is-drop-target")},q=_=>{if(!E||!a.current||l.current===null)return;_.preventDefault(),_.stopPropagation();const H=_.changedTouches[0],V=U(H.clientX,H.clientY);I.current&&(I.current.style.transform="",I.current.style.zIndex="",I.current.classList.remove("is-dragging")),S.current.forEach(P=>{P&&P.classList.remove("is-drop-target")}),V&&V.index!==l.current&&F(l.current,V.index),l.current=null,I.current=null,a.current=!1},F=(_,H)=>{O(V=>{const P=V.map(ee=>({...ee})),[G]=P.splice(_,1);return P.splice(H,0,G),P.forEach((ee,K)=>{ee.rank=K+1}),W(P),P})},B=_=>{const H={};_.reduce((V,P)=>(V[P.id]=P.rank,V),H),r({value:H,questionId:o,type:g},!0)},W=_=>{C(!1),w(!0),$&&B(_)},{left:j,right:J}=i,te=d.length,se=_=>{_.preventDefault(),_.currentTarget.classList.add("is-drop-target")},oe=_=>{_.currentTarget.classList.remove("is-drop-target")},ne=_=>{l.current=null,_.currentTarget.classList.remove("is-dragging")};return e.u("form",{className:e.cc(n,"ul-card-rank","fade-in-transition",$&&!z&&"ul-card--unfocused"),onClick:$&&!z?()=>{k(o)}:void 0,onSubmit:T,children:[e.u(v.Header,{isRequired:t==null?void 0:t.required,message:c,properties:t}),e.u(v.MobileEmbedView,{properties:t,children:N?e.u(e.g,{children:[e.u(v.QuestionBodyWrapper,{children:[e.u("div",{className:"ul-card--rank__question-inner-container",children:[e.u("div",{className:"ul-card-rank__labels",children:e.u("span",{children:["1 - ",j]})}),e.u("ol",{className:"ul-card-rank__list",children:L.map(({id:_,label:H,rank:V})=>e.u("li",{className:"ul-card-rank__option",children:[e.u("select",{"aria-label":`Rank for ${H}`,className:e.cc("ul-card-rank__select",V==null&&"ul-card-rank__select--placeholder"),name:`rank[${_}]`,onChange:P=>Q(_,P.currentTarget.value),value:V??"",children:[V==null&&e.u("option",{className:"ul-card-rank__select-option",disabled:!0,value:"",children:"-"}),R.map(P=>e.u("option",{className:"ul-card-rank__select-option",value:P,children:P},`${P}-${o}`))]}),e.u("span",{children:H})]},_))}),e.u("div",{className:"ul-card-rank__labels",children:e.u("span",{children:[te," - ",J]})})]}),h&&e.u(v.LongformSubmitButton,{handleSubmit:T,isSubmitDisabled:p})]}),!$&&e.u(v.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-card__button-wrapper",children:e.u(v.Button,{disabled:p,children:e.getButtonText(t)})})})]}):e.u(e.g,{children:[e.u(v.QuestionBodyWrapper,{children:[e.u("div",{className:"ul-card--rank__question-inner-container",children:[e.u("div",{className:"ul-card-rank__labels",children:e.u("span",{children:["1 - ",j]})}),e.u("ol",{className:"ul-card-rank__list",onDragOver:N?void 0:_=>{_.preventDefault(),_.dataTransfer&&(_.dataTransfer.dropEffect="move")},children:L.map(({id:_,label:H,rank:V},P)=>{return e.u("li",{className:"ul-card-rank__option",draggable:!!Y||void 0,onDragEnd:Y?ne:void 0,onDragEnter:Y?se:void 0,onDragLeave:Y?oe:void 0,onDragStart:Y?(ee=P,K=>{l.current=ee,K.dataTransfer&&(K.dataTransfer.effectAllowed="move",K.dataTransfer.setData("text/plain",String(ee)),K.currentTarget.classList.add("is-dragging"))}):void 0,onDrop:Y?(G=P,K=>{var ie,be;K.preventDefault(),K.currentTarget.classList.remove("is-drop-target");const Z=l.current;l.current=null,(be=(ie=K.currentTarget.closest(".ul-card-rank__list"))==null?void 0:ie.querySelector(".is-dragging"))==null||be.classList.remove("is-dragging"),Z!=null&&Z!==G&&F(Z,G)}):void 0,ref:K=>S.current[P]=K,children:[e.u("select",{"aria-label":`Rank for ${H}`,className:e.cc("ul-card-rank__select",V==null&&"ul-card-rank__select--placeholder"),name:`rank[${_}]`,onChange:K=>Q(_,K.currentTarget.value),value:V??"",children:[V==null&&e.u("option",{className:"ul-card-rank__select-option",disabled:!0,value:"",children:"-"}),R.map(K=>e.u("option",{className:"ul-card-rank__select-option",value:K,children:K},`${K}-${o}`))]}),e.u("span",{children:H}),!N&&e.u("button",{"aria-label":`Drag ${H} to reorder`,className:"ul-card-rank__drag-btn",onTouchEnd:E?q:void 0,onTouchMove:E?f:void 0,onTouchStart:E?s(P):void 0,title:"Drag to reorder",type:"button",children:e.u("svg",{fill:"none",height:"17",viewBox:"0 0 16 17",width:"16",xmlns:"http://www.w3.org/2000/svg",children:e.u("path",{d:"M5.75 11.625C6.37132 11.625 6.875 12.1287 6.875 12.75C6.875 13.3713 6.37132 13.875 5.75 13.875C5.12868 13.875 4.625 13.3713 4.625 12.75C4.625 12.1287 5.12868 11.625 5.75 11.625ZM10.25 11.625C10.8713 11.625 11.375 12.1287 11.375 12.75C11.375 13.3713 10.8713 13.875 10.25 13.875C9.62868 13.875 9.125 13.3713 9.125 12.75C9.125 12.1287 9.62868 11.625 10.25 11.625ZM5.75 7.375C6.37132 7.375 6.875 7.87868 6.875 8.5C6.875 9.12132 6.37132 9.625 5.75 9.625C5.12868 9.625 4.625 9.12132 4.625 8.5C4.625 7.87868 5.12868 7.375 5.75 7.375ZM10.25 7.375C10.8713 7.375 11.375 7.87868 11.375 8.5C11.375 9.12132 10.8713 9.625 10.25 9.625C9.62868 9.625 9.125 9.12132 9.125 8.5C9.125 7.87868 9.62868 7.375 10.25 7.375ZM5.75 3.125C6.37132 3.125 6.875 3.62868 6.875 4.25C6.875 4.87132 6.37132 5.375 5.75 5.375C5.12868 5.375 4.625 4.87132 4.625 4.25C4.625 3.62868 5.12868 3.125 5.75 3.125ZM10.25 3.125C10.8713 3.125 11.375 3.62868 11.375 4.25C11.375 4.87132 10.8713 5.375 10.25 5.375C9.62868 5.375 9.125 4.87132 9.125 4.25C9.125 3.62868 9.62868 3.125 10.25 3.125Z",fill:"currentColor"})})})]},_);var G,ee})}),e.u("div",{className:"ul-card-rank__labels",children:e.u("span",{children:[te," - ",J]})})]}),h&&e.u(v.LongformSubmitButton,{handleSubmit:T,isSubmitDisabled:p})]}),!$&&e.u(v.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-card__button-wrapper",children:e.u(v.Button,{disabled:p,children:e.getButtonText(t)})})})]})})]},o)},at=new Set(["aidynamicfollowup","aidynamicstandalone","open","matrix","multipleselect","multiplechoice","rankorder"]),Se=({cardInstance:n,moveToNextQuestion:i,showIndividualSubmit:c,submitQuestion:r,updateCardValues:t,allResponsesArray:o})=>{const{isLongFormSurvey:g,createDynamicFollowupQuestion:y,cards:d,surveyVisitorAttributes:h}=e.useConfig(x=>({isLongFormSurvey:X.isLongFormSurvey(x.studyType),createDynamicFollowupQuestion:x.createDynamicFollowupQuestion,cards:x.cards,surveyVisitorAttributes:x.surveyVisitorAttributes}));if(!n)return null;const{name:l,type:b,props:u,childId:I}=n,a=c&&at.has(b),S=u==null?void 0:u.displayLogic;if(S!=null&&S.length&&!e.someDisplayLogicOptionMatches({displayLogic:S,allResponses:o,cards:d,surveyVisitorAttributes:h??{}}))return null;const p={className:"ul-card",next:(x,w,L=!0)=>r(x,w&&L),questionId:l,type:b,showIndividualSubmit:c,...a?{next:(x,w)=>{t(x.questionId,x,w??!0)},onSubmitButtonClick:(x=!1)=>{I?x?(i(l),y({parentQuestionId:l})):i(I):i(l)}}:{}},C=(()=>{switch(b){case"consentlegal":return e.u(qe,{...p,...u});case"likert":return e.u(Me,{...p,...u});case"matrix":return e.u(Qe,{...p,...u});case"maxdiff":return e.u(st,{...p,...u});case"multiplechoice":return e.u(Ee,{...p,...u});case"multipleselect":return e.u(Oe,{...p,...u});case"nps":return e.u(Ae,{...p,...u});case"open":case"aidynamicfollowup":case"aidynamicstandalone":return e.u(He,{...p,type:n.type,...u});case"rankorder":return e.u(ot,{...p,...u});case"recordedtask":return e.u(Ye,{...p,...u});case"texturlprompt":return e.u(Xe,{...p,...u});case"thanks":return e.u(Je,{...p,...u});case"uploading":return e.u(et,{...p,...u});default:return null}})();return C?g?e.u("div",{className:"ul-card-scroll-wrapper",children:C},l):C:null},lt=({isSubmitDisabled:n=!1,onSubmit:i,buttonText:c})=>{var I;const{cards:r,forceBrandedLogo:t,index:o,marketingUrl:g,showSurveyBrand:y,slugName:d,surveyId:h,useMobileStyling:l}=e.useConfig(a=>({cards:a.cards,forceBrandedLogo:a.forceBrandedLogo,index:a.index,marketingUrl:a.marketingUrl,showSurveyBrand:a.showSurveyBrand,slugName:a.slugName,surveyId:a.surveyId,useMobileStyling:a.useMobileStyling})),b=((I=r[o])==null?void 0:I.type)==="thanks",u=e.buildMarketingUrl({marketingUrl:g,slugName:d,surveyId:h,forceBrandedLogo:t});return e.u("footer",{className:e.cc("long-form-question-footer-container",l&&"long-form-question-footer-container--mobile",b&&"long-form-question-footer-container-center"),children:[b&&t?e.u(e.ThankYouLink,{marketingUrlLink:u}):e.u("div",{className:"long-form-question-footer-container-logo",children:y?e.u(e.SprigBrandLogo,{forceBrandedLogo:t,marketingUrlLink:u}):null}),!b&&e.u("div",{className:e.cc("ul-card__button-wrapper","ul-card-vertical__button-wrapper","long-form-question-footer-container-actions"),children:e.u(v.Button,{className:e.cc("long-form-button",n&&"sprig-button-disabled"),disabled:n,onClick:i,children:e.u("span",{className:"long-form-button-text-container",children:c??e.u(e.Arrow,{stroke:"white"})})})})]})};exports.PageCard=({cards:n,next:i,previousResponses:c})=>{var U;const r=e._(null),[t,o]=e.h({}),[g,y]=e.h({}),{isLongFormSurvey:d,focusedQuestionId:h,setFocusedQuestionId:l,createDynamicFollowupQuestion:b,allResponses:u,cardIndexByName:I,surveyVisitorAttributes:a,cards:S,createDynamicStandaloneQuestion:p}=e.useConfig(s=>({isLongFormSurvey:X.isLongFormSurvey(s.studyType),focusedQuestionId:s.focusedQuestionId,setFocusedQuestionId:s.setFocusedQuestionId,createDynamicFollowupQuestion:s.createDynamicFollowupQuestion,allResponses:s.allResponses,cardIndexByName:s.cardIndexByName,surveyVisitorAttributes:s.surveyVisitorAttributes,cards:s.cards,createDynamicStandaloneQuestion:s.createDynamicStandaloneQuestion})),C=e.F(()=>({...c,...e.buildReadableResponseMap(n.map(s=>{var f,q;return{...s,value:((f=t[s.name])==null?void 0:f.value)??null,seco