@sprig-technologies/sprig-bundled 2.40.3 → 2.41.0

package/dist/index-CEpl_fRY.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./view-Btk1gSAI.cjs"),Y=require("./index-DZZhe9UA.cjs"),p=require("./getAttributedUrl-CuAx8r1V.cjs"),we=({className:t,message:i,next:a,properties:n,questionId:r,type:l})=>{const{useMobileStyling:g,border:v,isLongFormSurvey:c,focusedQuestionId:m}=e.useConfig(b=>({useMobileStyling:b.useMobileStyling,border:b.border,isLongFormSurvey:Y.isLongFormSurvey(b.studyType),focusedQuestionId:b.focusedQuestionId})),[u,y]=e.h(!1),[s,x]=e.h(""),[d,f]=e.h(!1),h=c&&m===r,_=n==null?void 0:n.collectName,S=(n==null?void 0:n.nameLabelText)||"Full Name",k=(n==null?void 0:n.consentText)||"I agree to the stated conditions",M=(n==null?void 0:n.submitButtonText)||"Submit",P=!!s.trim(),F=u&&(!_||P),D=(b,w=!1)=>{b.preventDefault(),b.stopPropagation();let O=null;if(!w){if(!F)return void f(!0);O={submitted:!0},_&&(O.name=s)}a({value:O,questionId:r,type:l},F)};return e.u("div",{className:e.cc(t,c&&!h&&"ul-card--unfocused","ul-card__consent-legal","fade-in-transition"),children:[e.u(p.Header,{isRequired:c&&(n==null?void 0:n.required),message:i,properties:{questionHtml:n.questionHtml}}),n!=null&&n.richTextBody?e.u(p.QuestionBodyWrapper,{children:e.u(p.Html,{className:"ul-rich-text-body",html:n.richTextBody,id:"ul-card__consent-legal-body-container"})}):null,e.u(p.MobileEmbedView,{embeddedType:"pdf",properties:n,children:e.u(p.QuestionBodyFooterContainer,{children:[e.u("div",{className:"sprig-stretch",children:[e.u(p.Option,{allowTextEntry:!1,border:v,error:d&&!u,id:"consent",isRadio:!1,isSelected:u,label:k,onUserInputChanged:({selected:b})=>{b!==u&&y(!u)},useMobileStyling:g}),_&&e.u("input",{"aria-label":S,"aria-placeholder":S,className:e.cc(e.getClasses("ul-consent-legal__name-input",g)),"data-gramm":"false",maxLength:250,name:"name",onBlur:b=>{b.currentTarget.style.borderColor=d&&!P?Y.ERROR_BORDER_COLOR:Y.DEFAULT_BORDER_COLOR},onFocus:b=>{b.currentTarget.style.borderColor=d&&!P?Y.ERROR_BORDER_COLOR:v},onInput:b=>{b.preventDefault(),b.stopPropagation(),x(b.currentTarget.value)},placeholder:S,style:d&&!P?{borderColor:Y.ERROR_BORDER_COLOR}:{},tabIndex:0,value:s})]}),e.u("div",{className:"ul-card__button-wrapper ul-card-vertical__button-wrapper",children:[e.u(p.Button,{className:F?"":"sprig-button-disabled",onClick:D,children:M}),n.required===!1&&!c&&e.u("button",{className:"ul-card-skip__button",onClick:b=>D(b,!0),children:e.getSkipButtonText(n)})]})]})})]},r)},Le=({activeValue:t,border:i,icon:a,isPressed:n,onSubmit:r,range:l,scaleLabelType:g,selectedValue:v,setSelectedValue:c,setActiveValue:m,setIsPressed:u,useMobileStyling:y,value:s,viewDocument:x})=>{const{isLongFormSurvey:d,enableCspTrustedTypes:f}=e.useConfig(w=>({isLongFormSurvey:Y.isLongFormSurvey(w.studyType),enableCspTrustedTypes:w.enableCspTrustedTypes})),h=`option-${s}`,_=g==="number",S=g==="star",k=g==="smiley",M=_&&s===t||s===v,[P,F]=(()=>{const w=S&&v!==null&&s<=v;return S&&s<=t||k&&s===t||w||s===t||s===v?[i,n||w||s===v?1:.3]:["",1]})(),D=e.F(()=>{const w={borderColor:M?P:"",fillOpacity:M?"":F,zIndex:M?3:"auto",color:v===s?"#fff":""};return _?{...w,backgroundColor:v===s?P:""}:{...w,color:S||k||v===s?P:""}},[M,P,F,v,s,_,S,k]),b=e.F(()=>Y.getHtml((({icon:w,scaleLabelType:O,value:T,selectedValue:q})=>{if(O==="smiley"&&T===q){let A=0;return w.replace(/black/g,()=>++A==1?"black":"white")}return w})({icon:a,scaleLabelType:g,value:s,selectedValue:v}),f),[f,a,g,v,s]);return e.u("button",{"aria-label":_?void 0:String(s),className:(()=>{switch(g){case"star":return e.cc(e.getClasses("likert-star",y),e.getClasses(`likert-star-${s}`,y));case"smiley":return e.cc(e.getClasses("likert-smiley",y),e.getClasses(`likert-smiley-${s}`,y));default:return s===l?e.cc(e.getClasses("likert-number",y),e.getClasses(`likert-number-${s}`,y),e.getClasses("likert-last-option",y)):e.cc(e.getClasses("likert-number",y),e.getClasses(`likert-number-${s}`,y))}})(),dangerouslySetInnerHTML:{__html:b},id:h,onClick:w=>{d&&(w.preventDefault(),w.stopPropagation(),c(s)),r()},onKeyDown:w=>{var q,A;const O=x.querySelectorAll(`.likert-${g??"number"}`),T=s-1;w.key==="ArrowRight"?(q=O[T+1])==null||q.focus():w.key==="ArrowLeft"?(A=O[T-1])==null||A.focus():w.key!=="Enter"&&w.key!==" "||(d&&(w.preventDefault(),w.stopPropagation(),c(s)),r())},onPointerDown:()=>u(!0),onPointerEnter:()=>m(s),onPointerLeave:()=>{m(-1),u(!1)},style:D,tabIndex:0})},qe=({className:t,labels:i,message:a,next:n,properties:r,questionId:l,type:g})=>{const{border:v,useMobileStyling:c,viewDocument:m,isLongFormSurvey:u,focusedQuestionId:y}=e.useConfig(T=>({border:T.border,useMobileStyling:T.useMobileStyling,viewDocument:T.viewDocument,isLongFormSurvey:Y.isLongFormSurvey(T.studyType),focusedQuestionId:T.focusedQuestionId})),[s,x]=e.h(-1),[d,f]=e.h(!1),[h,_]=e.h(null),S=u&&y===l,k=i&&i.left,M=i&&i.right;let P;const{range:F,scaleLabelType:D,ratingIcons:b}=r;F&&(P=Number(F));const w=P||5,O=T=>{var q,A;switch(D){case"star":return(q=b[0])==null?void 0:q.svg;case"smiley":return(A=b[T])==null?void 0:A.svg;default:return String(T+1)}};return e.u("form",{className:e.cc(t,"ul-card--likert","fade-in-transition",u&&!S&&"ul-card--unfocused"),children:[e.u(p.Header,{isRequired:u&&(r==null?void 0:r.required),message:a,properties:r}),e.u(p.MobileEmbedView,{properties:r,children:e.u(e.g,{children:[e.u(p.QuestionBodyWrapper,{children:[e.u("div",{"aria-label":`Rating (1 - ${w})`,className:"ul-card--likert__numbers",role:"radiogroup",children:[...Array(w)].map((T,q)=>{const A=q+1;return e.u(Le,{activeValue:s,border:v,icon:O(q),isPressed:d,onSubmit:()=>n({value:A,questionId:l,type:g},!0),range:w,scaleLabelType:D,selectedValue:h,setActiveValue:x,setIsPressed:f,setSelectedValue:_,useMobileStyling:c,value:A,viewDocument:m},q)})}),e.u("div",{className:"ul-card--likert__labels",children:[e.u("span",{children:k}),e.u("span",{children:M})]})]}),!r.required&&!u&&e.u(p.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-vertical-centered-container",children:e.u(p.Button,{onClick:T=>{T.preventDefault(),T.stopPropagation(),n({value:null,questionId:l,type:g},!0)},children:e.getButtonText(r)})})})]})})]},l)},fe=t=>t&&(t.scrollHeight>t.offsetHeight?t:fe(t.parentElement)),Be=t=>{if(!t||!(a=>a instanceof HTMLElement)(t))return 0;const i=getComputedStyle(t);return parseFloat(i.marginTop)+parseFloat(i.marginBottom)+(parseFloat(i.borderTopWidth)+parseFloat(i.borderBottomWidth))},Re=({columns:t,onSelect:i,options:a,selectedOptions:n})=>{const r=e._([]),{border:l,useMobileStyling:g}=e.useConfig(s=>({border:s.border,useMobileStyling:s.useMobileStyling})),v=a.findIndex(s=>n[s.id]===null),[c,m]=e.h(v),u=e.T((s,x)=>{i(s,x);const d=c+1,f=a[d];if(f&&n[f.id]===null){m(d);const h=r.current[c];if(h!=null&&h.firstElementChild){const _=fe(h),S=h.firstElementChild,k=Be(h)+S.clientHeight;_==null||_.scrollTo(0,h.offsetTop+k)}}},[i,a,n,c]),y=e.T((s,x)=>{const d=c===s;return e.u(e.Accordion,{animate:!0,header:x.label,isOpen:d,onClick:()=>{var f;return m(d&&!((f=window.UserLeap)!=null&&f.isMobileSDK)?-1:s)},ref:f=>{f&&(r.current[s]=f)},showHeaderCheck:n[x.id]!==null,children:e.u("div",{style:{paddingTop:"12px"},children:t.map(f=>e.u(p.Option,{allowTextEntry:!1,ariaLabel:`${x.label}-${f.label}`,border:l,error:!1,id:`${x.id}-${f.value}`,isRadio:!0,isSelected:n[x.id]===f.value,label:f.label,onUserInputChanged:()=>u(x.id,f.value),useMobileStyling:g},f.label))})},x.id)},[l,t,c,u,n,g]);return e.u("div",{children:a.map((s,x)=>y(x,s))})},Me=({columns:t,onSelect:i,options:a,selectedOptions:n})=>{const{border:r,useMobileStyling:l,isLongFormSurvey:g}=e.useConfig(d=>({border:d.border,useMobileStyling:d.useMobileStyling,isLongFormSurvey:Y.isLongFormSurvey(d.studyType)})),v=a.length,c=t.length,m=e._(null),[u,y]=e.h(!1),[s,x]=e.h(!1);return e.p(()=>{const d=m.current,f=new ResizeObserver(h=>{window.requestAnimationFrame(()=>{d&&(y(Math.round(h[0].contentRect.width)<d.scrollWidth),x(Math.round(h[0].contentRect.width)<d.scrollWidth))})});return d&&f.observe(d),()=>{d&&f.unobserve(d)}},[]),e.u("div",{className:"ul-card--matrix_question_container",children:[e.u("div",{className:e.cc("ul-card--matrix_container",u&&"ul-matrix-scroll-gradient"),onScroll:()=>{(()=>{const d=m.current;d&&y(d.clientWidth+Math.abs(d.scrollLeft)<d.scrollWidth)})()},ref:m,children:e.u("div",{className:e.cc(g&&"ul-card--matrix_grid_longform","ul-card--matrix_grid"),style:`--numColumns: ${c}; --numRows: ${v+1};`,children:[e.u("div",{})," ",t.map(d=>e.u("div",{className:"ul-matrix-column-label",children:d.label},d.label)),a.map(d=>e.u(e.g,{children:[e.u("div",{"aria-label":d.label,className:"ul-matrix-row-label",children:d.label},d.label),e.u("div",{className:"ul-matrix-row-options",role:"radiogroup",children:t.map((f,h)=>{const _=h===c-1;return e.u("div",{className:e.cc("ul-matrix-option-wrapper",_&&"ul-matrix-last-option"),children:e.u(p.Option,{allowTextEntry:!1,ariaLabel:`${d.label}-${f.label}`,border:r,choiceStyle:{background:"transparent",border:"none",marginBottom:"0",padding:"0"},error:!1,id:`${d.id}-${f.value}`,isRadio:!0,isSelected:n[d.id]===f.value,onUserInputChanged:()=>i(d.id,f.value),useMobileStyling:l})},f.value)})})]}))]})}),(u||s)&&e.u("button",{className:s&&!u?"ul-matrix-scroll-arrow left":"ul-matrix-scroll-arrow",onClick:s&&!u?d=>{d.preventDefault();const f=m.current;if(f){const h=getComputedStyle(f).direction==="rtl";f.scrollTo({left:h?f.scrollWidth-f.clientWidth:0,behavior:"smooth"})}}:d=>{d.preventDefault();const f=m.current;if(f){const h=getComputedStyle(f).direction==="rtl";f.scrollTo({left:h?f.clientWidth-f.scrollWidth:f.scrollWidth,behavior:"smooth"})}},children:s&&!u?e.u(Pe,{}):e.u(De,{})})]})},Pe=()=>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"})}),De=()=>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"})}),Fe=({className:t,message:i,next:a,options:n,properties:r,questionId:l,type:g,showIndividualSubmit:v=!1,onSubmitButtonClick:c})=>{const{useMobileStyling:m,isLongFormSurvey:u,focusedQuestionId:y,setFocusedQuestionId:s}=e.useConfig(D=>({useMobileStyling:D.useMobileStyling,isLongFormSurvey:Y.isLongFormSurvey(D.studyType),focusedQuestionId:D.focusedQuestionId,setFocusedQuestionId:D.setFocusedQuestionId})),x=r.matrixColumn,d=r.required,f=u&&y===l,h=D=>{D.preventDefault(),D.stopPropagation(),a({value:S,questionId:l,type:g},!0),c&&c()},_=n.reduce((D,b)=>(D[b.id]=null,D),{}),[S,k]=e.h(_),M=D=>d&&Object.values(D).every(b=>b==null),P=(D,b)=>{u&&a({value:{...S,[D]:b},questionId:l,type:g},!M({...S,[D]:b})),k(w=>({...w,[D]:b}))},F=r.displayMatrixAsAccordion||m;return e.u("form",{className:e.cc(t,!u&&"ul-card__matrix","fade-in-transition",u&&!f&&"ul-card--unfocused"),id:"text-form",onClick:()=>{f&&s(l)},onSubmit:h,children:[e.u(p.Header,{isRequired:u&&(r==null?void 0:r.required),message:i,properties:r}),e.u(p.MobileEmbedView,{properties:r,children:[e.u(p.QuestionBodyWrapper,{children:[F?e.u(Re,{columns:x,onSelect:P,options:n,selectedOptions:S}):e.u(Me,{columns:x,onSelect:P,options:n,selectedOptions:S}),v&&e.u(p.LongformSubmitButton,{handleSubmit:h,isSubmitDisabled:M(S)})]}),!u&&e.u(p.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-card__button-wrapper",children:e.u(p.Button,{disabled:M(S),children:e.getButtonText(r)})})})]})]},l)},ye=({className:t,message:i,onSubmit:a,options:n=[],properties:r,questionId:l,type:g,showIndividualSubmit:v=!1,onSubmitButtonClick:c})=>{const{border:m,useMobileStyling:u,isLongFormSurvey:y,focusedQuestionId:s,setFocusedQuestionId:x}=e.useConfig(N=>({border:N.border,useMobileStyling:N.useMobileStyling,isLongFormSurvey:Y.isLongFormSurvey(N.studyType),focusedQuestionId:N.focusedQuestionId,setFocusedQuestionId:N.setFocusedQuestionId})),d=y&&s===l,f=n.reduce((N,L)=>(N[L.id]={isSelected:!1},N),{}),[h,_]=e.h(f),S=g==="multiplechoice",k=r.required,M=n.find(N=>{var L;return(L=N.optionProperties)==null?void 0:L.noneOfTheAbove}),P=N=>Object.entries(N).some(([L,W])=>{var J;const G=n.find(o=>`${o.id}`===L),V=W.userText===void 0||W.userText.trim()==="";return((J=G==null?void 0:G.optionProperties)==null?void 0:J.allowsTextEntry)&&V&&W.isSelected}),F=N=>Object.values(N).filter(L=>L.isSelected).length,D=r.minSelect&&r.minSelect>0&&r.maxSelectMode===p.MaxSelectModes.Range&&F(h)<r.minSelect&&(k||F(h)>0),b=N=>P(N)||k&&!F(N)||!(L=>{const{minSelect:W=0,maxSelect:G=1/0,maxSelectMode:V}=r,J=F(L);switch(V){case p.MaxSelectModes.Maximum:return J<=G;case p.MaxSelectModes.Range:return J===0||J>=W;default:return!0}})(N),w=Object.entries(h).some(([N,L])=>{var W,G;return L.isSelected&&((G=(W=n.find(V=>`${V.id}`===N))==null?void 0:W.optionProperties)==null?void 0:G.allowsTextEntry)}),O=v&&(!S||w),T=N=>{X(N.id,N.selected,N.userText,N.noneOfTheAbove),N.selected&&y&&!S&&!d&&x(l)},q=N=>{var L;return(r==null?void 0:r.maxSelectMode)!==p.MaxSelectModes.Unlimited&&F(h)===(r==null?void 0:r.maxSelect)&&!((L=h[N])!=null&&L.isSelected)},A=N=>{N.preventDefault(),N.stopPropagation(),a(h,!0),c&&c()},X=(N,L,W,G)=>{const V=Object.assign({},h);if((S||G)&&L)for(const C of Object.values(V))C.isSelected=!1,delete C.userText;else M&&!G&&h[M.id].isSelected&&(V[M.id].isSelected=!1);V[N]={isSelected:L,userText:W};const J=S&&Object.entries(V).some(([C,B])=>{var Q,E;return B.isSelected&&((E=(Q=n.find(j=>`${j.id}`===C))==null?void 0:Q.optionProperties)==null?void 0:E.allowsTextEntry)}),o=!b(V);y&&(a(V,o),S&&!J&&o&&c&&c()),_(V)};return e.u("form",{className:e.cc(t,"ul-card--multiple","fade-in-transition",y&&!d&&"ul-card--unfocused"),id:"text-form",onClick:g==="multipleselect"?()=>{y&&s!==l&&g==="multipleselect"&&x(l)}:void 0,onSubmit:A,children:[e.u(p.Header,{isRequired:y&&(r==null?void 0:r.required),message:i,properties:r}),e.u(p.MobileEmbedView,{properties:r,children:e.u(e.g,{children:[e.u(p.QuestionBodyWrapper,{children:[r.isDropdown?e.u(p.Select,{disabledOptions:n.filter(N=>q(N.id)),dropdownFooter:D?e.u("div",{className:"ul-card__min-select-counter",style:{marginLeft:"16px"},children:[F(h),"/",r.minSelect]}):void 0,isMultiSelect:!S,multiselectText:r.dropdownMultiselectedText??"choices selected",onChange:N=>{const L={...h};for(const W of n)N.includes(W)?L[W.id].isSelected=!0:L[W.id].isSelected=!1;y&&a(L,!b(L)),_(L)},options:n,placeholderText:r.dropdownPlaceholderText??(S?"Select choice":"Select choice(s)"),value:n.filter(N=>h[N.id].isSelected)}):e.u("div",{className:e.cc(e.getClasses("ul-card__choices",u)),role:S?"radiogroup":"group",children:[n.map(({id:N,label:L,value:W,optionProperties:G})=>{var B,Q;const V=`${N}`,{allowsTextEntry:J,noneOfTheAbove:o}={allowsTextEntry:!1,noneOfTheAbove:!1,...G};return e.u(p.Option,{allowTextEntry:J,border:m,disabled:q(V),error:(C=h,P(C)),id:V,isRadio:S,isSelected:!!((B=h[V])!=null&&B.isSelected),label:L,noneOfTheAbove:o,onUserInputChanged:T,promptText:"Please specify",text:(Q=h[N])==null?void 0:Q.userText,useMobileStyling:u,value:W},V);var C}),!!D&&e.u("div",{className:"ul-card__min-select-counter",children:[F(h),"/",r.minSelect]})]}),O&&e.u(p.LongformSubmitButton,{handleSubmit:A,isSubmitDisabled:b(h)})]}),!y&&e.u(p.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-card__button-wrapper",children:e.u(p.Button,{disabled:b(h),onClick:A,children:e.getButtonText(r)})})})]})})]},l)},Qe=t=>{const{questionId:i,type:a,next:n,options:r}=t,{setFocusedQuestionId:l}=e.useConfig(g=>({setFocusedQuestionId:g.setFocusedQuestionId}));return e.u(ye,{...t,onSubmit:(g,v)=>{var x;const c=Object.entries(g).find(([,d])=>d.isSelected)||[void 0,void 0],[m,u]=c,y=r.find(d=>`${d.id}`===m);!((x=y==null?void 0:y.optionProperties)!=null&&x.allowsTextEntry)||u!=null&&u.userText&&u.userText.trim()!==""||l(i);const s=u!=null&&u.userText?{[m]:{userText:u.userText}}:null;n({value:y&&m?{[m]:y.value}:{},secondaryValue:s,questionId:i,type:a},v)}})},Ee=t=>{const{questionId:i,type:a,next:n}=t;return e.u(ye,{...t,onSubmit:(r,l)=>{const g=Object.entries(r).reduce((c,[m,u])=>(c[m]=u.isSelected,c),{}),v=Object.entries(r).reduce((c,[m,u])=>{if(!u.userText)return c;const y=c||{};return y[m]={userText:u.userText},y},null);n({value:g,secondaryValue:v,questionId:i,type:a},l)}})},Oe=({className:t,labels:i,message:a,properties:n,next:r,questionId:l,type:g})=>{const[v,c]=e.h(null),{border:m,useMobileStyling:u,viewDocument:y,isLongFormSurvey:s,focusedQuestionId:x}=e.useConfig(_=>({border:_.border,useMobileStyling:_.useMobileStyling,viewDocument:_.viewDocument,isLongFormSurvey:Y.isLongFormSurvey(_.studyType),focusedQuestionId:_.focusedQuestionId})),d=s&&x===l,f=i&&i.left,h=i&&i.right;return e.u("form",{className:e.cc(t,"ul-card--nps","fade-in-transition",s&&!d&&"ul-card--unfocused"),children:[e.u(p.Header,{isRequired:s&&(n==null?void 0:n.required),message:a,properties:n}),e.u(p.MobileEmbedView,{properties:n,children:[e.u(p.QuestionBodyWrapper,{children:[e.u("div",{className:"ul-card--nps__numbers",children:[...Array(11)].map((_,S)=>e.u("button",{className:e.cc(e.getClasses("nps-number",u),e.getClasses(`nps-number-${S}`,u)),id:`option-${S}`,onClick:k=>{s&&(k.preventDefault(),k.stopPropagation(),c(S)),r({value:S,questionId:l,type:g},!0)},onKeyDown:k=>{var P,F;const M=y.querySelectorAll("button.nps-number");k.key==="ArrowRight"?(P=M[S+1])==null||P.focus():k.key==="ArrowLeft"?(F=M[S-1])==null||F.focus():k.key!=="Enter"&&k.key!==" "||(s&&(k.preventDefault(),k.stopPropagation(),c(S)),r({value:S,questionId:l,type:g},!0))},onPointerDown:k=>{k.currentTarget.style.zIndex="2",k.currentTarget.style.borderColor=m},onPointerLeave:k=>{k.currentTarget.style.zIndex="auto",k.currentTarget.style.borderColor=Y.DEFAULT_BORDER_COLOR},style:v===S?{backgroundColor:m,color:"#fff"}:void 0,tabIndex:0,children:S},S))}),e.u("div",{className:"ul-card--nps__labels",children:[e.u("span",{children:f}),e.u("span",{children:h})]})]}),!n.required&&!s&&e.u(p.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-vertical-centered-container",children:e.u(p.Button,{onClick:_=>{_.preventDefault(),_.stopPropagation(),r({value:null,questionId:l,type:g},!0)},children:e.getButtonText(n)})})})]})]},l)},Ae=t=>{const{className:i,message:a,next:n,properties:r,questionId:l,type:g,showIndividualSubmit:v=!1,onSubmitButtonClick:c}=t,m=g==="aidynamicfollowup"?t.loading:void 0,{border:u,useMobileStyling:y,update:s,isLongFormSurvey:x,focusedQuestionId:d,setFocusedQuestionId:f,isPreview:h}=e.useConfig(T=>({border:T.border,useMobileStyling:T.useMobileStyling,update:T.update,isLongFormSurvey:Y.isLongFormSurvey(T.studyType),focusedQuestionId:T.focusedQuestionId,setFocusedQuestionId:T.setFocusedQuestionId,isPreview:T.isPreview})),[_,S]=e.h(""),k=e._(null),M=x&&d===l;e.p(()=>{var T,q;x&&!h&&(M?(T=k.current)==null||T.focus():(q=k.current)==null||q.blur())},[x,M,h]);const P=_.trim(),F=r.required===!0&&!P,D=p.useAutoSize(k,()=>s()),b=T=>{T.preventDefault(),T.stopPropagation();const q=P.length>0,A=!r.required||q;n({value:_,questionId:l,type:g},A),c&&c(q)},w=r&&r.openTextPlaceholder?r.openTextPlaceholder:"";if(m==null&&g==="aidynamicfollowup")return e.u(e.g,{});const O=m?"Preparing your next question":a;return e.u("form",{className:e.cc(i,"ul-card-text","fade-in-transition",x&&!M&&"ul-card--unfocused"),id:"text-form",onClick:()=>{x&&d!==l&&f(l)},children:[e.u(p.Header,{isRequired:x&&(r==null?void 0:r.required),message:O,properties:r}),e.u(p.MobileEmbedView,{properties:r,children:e.u("div",{className:"ul-card-text",children:e.u(p.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":w,className:e.cc(!!m&&"ul-card-text__input__loading",e.getClasses("ul-card-text__input",y)),"data-gramm":"false",disabled:!!m,maxLength:5e3,name:"text",onBlur:T=>{T.currentTarget.style.borderColor=Y.DEFAULT_BORDER_COLOR},onChange:T=>{const{value:q}=T.currentTarget;if(D(),T.preventDefault(),T.stopPropagation(),S(q),x){const A=q.trim().length>0;n({value:q,questionId:l,type:g},A)}},onFocus:T=>{T.currentTarget.style.borderColor=u,f(l)},placeholder:w,ref:k,role:"textbox",tabIndex:0})}),r.footerHtml&&e.u(p.Html,{className:"footer",html:r.footerHtml}),v&&e.u(p.LongformSubmitButton,{handleSubmit:b,isSubmitDisabled:F}),e.u(p.QuestionBodyFooterContainer,{children:!x&&e.u(p.Button,{disabled:F||!!m,onClick:b,children:e.getButtonText(r)})})]})})})]},l)},ae=1,xe=2,Se=3,se=t=>t.type==="av_permission",ge=t=>t.type==="screen_permission",Ce=(t,i)=>t===void 0?ae:t?((a,n)=>!(se(n)?n.permissionDescriptors:[]).includes("camera")||a.getVideoTracks().length>0)(t,i)?Se:ae:xe,he={avStream:null,currentPage:null,mediaRecordingUids:null,nextQuestion:()=>{},passthroughData:void 0,recordingMediaTypes:void 0,screenPermissionRequested:!1,type:void 0},te=e.create(t=>({...he,reset:()=>{t(he)},updatePage:i=>{t(i)}}));function ue({currentPage:t,pages:i}){const{avStream:a,recordingMediaTypes:n,updatePage:r}=te.getState(),{recorderEventEmitter:l}=e.useConfig.getState();l.emit("av.permission",{"permission.descriptors":t.permissionDescriptors,"stream.ready":(g,v)=>{if(a===g)return;let c=t;if(g&&!t.permissionDescriptors.includes("camera")){const m=i.indexOf(t),u=v!=null&&v.active?m+2:m+1;v!=null&&v.active&&n&&l.emit("begin.recording",{"recording.media.types":n,"start.recording.callback":y=>r({mediaRecordingUids:y})}),c=i[u]}r({currentPage:c,avStream:g})}})}function ce({status:t}){const{nextQuestion:i,passthroughData:a,mediaRecordingUids:n,reset:r}=te.getState(),{recorderEventEmitter:l,handleUploadUpdate:g,index:v}=e.useConfig.getState(),c={value:{taskStatus:t},type:"recordedtask",questionId:(a==null?void 0:a.questionId)||1};a&&l.emit("finish.task",{"begin.callback":m=>{g({mediaRecordingUid:m,isSubmitted:!0,progressPct:0,isComplete:!1})},"progress.callback":(m,u)=>{g({mediaRecordingUid:m,progressPct:u.detail,isSubmitted:!1,isComplete:!1})},"upload.callback":m=>{m&&g({mediaRecordingUid:m,isComplete:!0,isSubmitted:!0,progressPct:100})},"passthrough.data":a,"current.index":v,"task.response":c,"task.complete.callback":m=>{c.value.taskDurationMillisecond=m,n&&(c.value.mediaRecordingUids=n),r(),i(c)}})}function de({pages:t,setIsRequestingPermission:i}){const{recorderEventEmitter:a,eventEmitFn:n}=e.useConfig.getState(),{updatePage:r,currentPage:l,recordingMediaTypes:g,screenPermissionRequested:v}=te.getState();if(!l)return;const c=t.indexOf(l);switch(l.type){case"av_permission":{const m=v?c+2:c+1;return v&&g&&a.emit("begin.recording",{"recording.media.types":g,"start.recording.callback":u=>{r({mediaRecordingUids:u})}}),void r({currentPage:t[m]})}case"screen_permission":return void a.emit("screen.permission",{"screen.permission.requested":i,"stream.ready.callback":(m,u)=>{const y=u?t[c+1]:l;u&&g&&a.emit("begin.recording",{"recording.media.types":g,"start.recording.callback":s=>{r({captureStream:u,mediaRecordingUids:s})}}),r({currentPage:y,screenPermissionRequested:!0,captureStream:u})}});case"start_task":return n("recorded.task.start"),a.emit("recorded.task.start"),a.emit("start.task"),void r({currentPage:t[c+1],screenPermissionRequested:!0});case"complete_task":return}}const Te="ul-permission-graphics-container",ke="ul-permission-body",_e=e.cc(Te,"ul_recorded-task-inset-spacing"),oe=e.cc("ul-horizontal-button-container","ul-horizontal-button-container-left"),Ie=({richTextBody:t})=>e.u(p.Html,{className:"ul-rich-text-body",html:t,id:"ul-task-detail-container"}),le=({required:t,skipButtonText:i,bottom:a=!1})=>t?null:e.u(p.Button,{className:e.cc(a&&"ul-skip-button-below","ul-button-inactive"),onClick:ce.bind(null,{status:"abandoned"}),children:i||"Skip"}),pe=t=>{const{avStream:i,captureStream:a,recordingMediaTypes:n,updatePage:r}=te.getState(),l=(n==null?void 0:n.includes("audio"))||(n==null?void 0:n.includes("video"));e.p(()=>{const g=setInterval(()=>{l&&i&&!i.active?r({avStream:null,currentPage:t[0]}):a&&a.active||r({captureStream:void 0,currentPage:t[l?1:0]})},1e3);return()=>clearInterval(g)},[i,a,l,t,n,r])},He=({content:t,pages:i,required:a})=>{const{buttonText:n,skipButtonText:r,taskDetail:l}=t;return pe(i),e.u("div",{className:"ul-task-page",children:[l&&e.u(Ie,{richTextBody:l}),e.u("div",{className:oe,children:[e.u(p.Button,{onClick:de.bind(null,{pages:i}),children:n}),e.u(le,{required:a,skipButtonText:r})]})]},"start-task")},$e=({content:t,pages:i,properties:a})=>{const{buttonText:n,skipButtonText:r}=t;return pe(i),e.u("div",{className:"ul-task-page",children:[t.taskDetail&&e.u(Ie,{richTextBody:t.taskDetail}),e.u(p.MobileEmbedView,{properties:a,children:e.u("div",{className:oe,children:[e.u(p.Button,{className:"ul-complete-task-button",onClick:ce.bind(null,{status:"completed"}),children:n}),e.u(p.Button,{className:e.cc("ul-button-inactive"),onClick:ce.bind(null,{status:"given.up"}),children:r})]})})]},"complete-task")},Ve=({content:t,pages:i,required:a})=>{const{buttonText:n,skipButtonText:r}=t,[l]=e.useConfig(c=>[c.tabTitle]),[g,v]=e.h(!1);return e.u("div",{children:[e.u("div",{className:_e,children:[e.u("p",{style:{marginTop:"auto"},children:t.selectTabText}),e.u("div",{className:"ul-select-tab-container",children:e.u("p",{className:ke,children:l})})]}),e.u("div",{className:a?"":oe,children:[e.u(p.Button,{disabled:g,onClick:de.bind(null,{pages:i,setIsRequestingPermission:v}),children:n}),e.u(le,{required:a,skipButtonText:r})]})]})},Ue=({content:t})=>e.u(p.Html,{className:e.cc(Te,"ul_permission_svg_container","ul_recorded-task-inset-spacing","ul-center-horizontally"),html:t.svg},"ul-permission-request-graphic"),We=({content:t,pages:i,required:a})=>{const{permissionDeniedHeadline:n,permissionDeniedBody:r,skipButtonText:l,tryAgainButtonText:g}=t,v=se(i[0])?i[0]:null;return e.p(()=>{const c=setInterval(()=>{v!==null&&ue({currentPage:v,pages:i})},1e3);return()=>clearInterval(c)},[v,i]),v?e.u("div",{children:[e.u("div",{className:_e,children:e.u("p",{className:"ul-av-permission-denied-paragraph",children:[e.u("span",{className:"ul-av-permission-denied-headline",children:n}),e.u("span",{className:ke,children:r})]})}),e.u("div",{className:oe,children:[e.u(p.Button,{onClick:ue.bind(null,{currentPage:v,pages:i}),children:g}),e.u(le,{required:a,skipButtonText:l})]})]}):null},je=({stream:t})=>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=t||null)}}),Ze=({content:t,pages:i,required:a})=>{const{skipButtonText:n}=t,{avStream:r}=te.getState();return pe(i),e.u("div",{children:[e.u(je,{stream:r}),e.u("div",{className:"ul-vertical-button-container-center",children:[e.u(p.Button,{onClick:de.bind(null,{pages:i}),children:t.buttonText}),e.u(le,{bottom:!0,required:a,skipButtonText:n})]})]})},ze=({properties:t})=>{const{pages:i,required:a}=t,{avStream:n,currentPage:r}=te.getState();if(r===void 0)return null;switch(r==null?void 0:r.type){case"av_permission":{const l=Ce(n,r);return l===ae?e.u(Ue,{content:r}):l===xe?e.u(We,{content:r,pages:i,required:a}):e.u(Ze,{content:r,pages:i,required:a})}case"screen_permission":return e.u(Ve,{content:r,pages:i,required:a});case"start_task":return e.u(He,{content:r,pages:i,required:a});case"complete_task":return e.u($e,{content:r,pages:i,properties:t});default:return null}},Ge=({className:t,properties:i,next:a,questionId:n})=>{const r=e.useConfig(),{surveyId:l,responseGroupUid:g,userId:v,update:c}=r,m=te(),{screenPermissionRequested:u}=m,y=te(h=>h.avStream);let s=te(h=>h.currentPage);s||(s=function({pages:h,userId:_,responseGroupUid:S,surveyId:k,questionId:M,next:P}){const{updatePage:F}=te.getState(),{eventEmitFn:D,recorderEventEmitter:b}=e.useConfig.getState(),w={questionId:M,surveyId:k,visitorId:_,responseGroupUid:S};let O=0;b.emit("recorded.task.permission.screen"),D("recorded.task.permission.screen"),b.emit("permission.status",{"permission.status.callback":(q,A,X,N)=>{const L=h[O],{type:W}=L,G=["screen"];if(se(L)){const{permissionDescriptors:V}=L,J=V==null?void 0:V.includes("microphone"),o=V==null?void 0:V.includes("camera");J&&G.push("audio"),o&&G.push("video"),(q!=null&&q.active&&!o||q!=null&&q.active&&A)&&O++}ge(h[O])&&X&&(O++,b.emit("begin.recording",{"recording.media.types":G,"start.recording.callback":V=>F({mediaRecordingUids:V})})),F({currentPage:h[O],avStream:q,screenPermissionRequested:X,nextQuestion:P,type:W,passthroughData:w,recordingMediaTypes:G,captureStream:N})}});const T=h[O];return T.type==="av_permission"&&ue({currentPage:T,pages:h}),T}({questionId:n,surveyId:l,next:h=>{a(h,!0)},pages:i.pages,responseGroupUid:g,userId:v}));let x=s.headline,d=s.captionText;const f=Ce(y,s);return ge(s)&&u&&(x=s.permissionDeniedHeadline,d=s.permissionDeniedCaptionText),se(s)&&f===Se&&(x=s.permissionGrantedHeadline,d=s.permissionGrantedCaptionText),e.p(()=>{c()},[c]),e.u("div",{className:e.cc(t,"ul-center-horizontally","fade-in-transition"),children:[e.u(p.Header,{isRequired:i==null?void 0:i.required,message:x,properties:{captionText:d}}),e.u(p.QuestionBodyWrapper,{children:e.u(ze,{properties:i})})]})},Ye=({richTextBody:t,plaintextBody:i})=>t?e.u(p.Html,{className:"ul-rich-text-body",html:t,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((a,n)=>e.u("p",{children:a},n))}):null,Ke=({className:t,message:i,next:a,properties:n,questionId:r,type:l})=>{const{visitorAttributes:g,isLongFormSurvey:v}=e.useConfig(y=>({visitorAttributes:y.visitorAttributes,isLongFormSurvey:Y.isLongFormSurvey(y.studyType)})),c=(y,s=!1)=>{a({value:s?{skipped:!0}:void 0,questionId:r,type:l},!0)},m=p.getAttributedUrl(n&&n.buttonUrl,g),u=v&&n.promptActionType===p.PromptActionTypeEnum.NO_BUTTON;return e.u("div",{className:e.cc(t,"ul-card__text-url-prompt","fade-in-transition"),children:[e.u(p.Header,{isRequired:v&&(n==null?void 0:n.required),message:i,properties:{questionHtml:n.questionHtml}}),e.u(p.QuestionBodyWrapper,{children:e.u(Ye,{plaintextBody:n==null?void 0:n.body,richTextBody:n==null?void 0:n.richTextBody})}),e.u(p.MobileEmbedView,{properties:n,children:!u&&e.u(p.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:m,id:"ul-card-text__button",onClick:c,onKeyPress:y=>{y.key!=="Enter"&&y.key!==" "||a({value:void 0,questionId:r,type:l},!0)},rel:"noreferrer",role:m?"link":"button",tabIndex:0,target:"_blank",children:e.getButtonText(n)}),n.required===!1&&e.u("button",{className:"ul-card-skip__button",onClick:y=>c(0,!0),children:e.getSkipButtonText(n)})]})})})]},r)},Xe=({className:t,questionId:i})=>{const{border:a,destroy:n,endCard:r,forceBrandedLogo:l,update:g}=e.useConfig(m=>({border:m.border,destroy:m.destroy,endCard:m.endCard,forceBrandedLogo:m.forceBrandedLogo,update:m.update}));e.p(()=>{setTimeout(()=>{n(Y.APP_ID)},l?4e3:2e3)},[n,l]);const v=r&&r.subheader?e.u("p",{className:"ul-caption",children:r.subheader}):null,c=r&&r.headline?r.headline:"";return e.p(()=>{g()},[g]),e.u("div",{className:e.cc(t,"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:a,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:a,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(p.Header,{message:c}),v]})})},i)},Je=({className:t})=>{const{uploadProgress:i}=e.useConfig(l=>({uploadProgress:l.uploadProgress}));let a,n;Object.values(i).filter(l=>l.isSubmitted).length>1?(a="Your responses are processing",n="Please keep this tab open until your responses are fully processed."):(a="Your response is processing",n="Please keep this tab open until your response is fully processed.");const r=Math.round(Math.min(99,...Object.values(i).filter(l=>l.isSubmitted).map(l=>l.progressPct||0)));return e.u("div",{className:e.cc(t,"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(p.Header,{message:`${a} (${r}% complete)`}),e.u("p",{className:"ul-caption",children:n})]})},Ne=e.F$1(void 0),et=({value:t,children:i})=>e.u(Ne.Provider,{value:t,children:i}),tt=({isRightLabel:t,isLeftLabel:i})=>t?e.MaxDiffChoice.RIGHT:i?e.MaxDiffChoice.LEFT:null,rt="Best",nt="Worst",it=({className:t,labels:i,message:a,properties:n,options:r,questionId:l,type:g,next:v})=>{var M,P,F,D;const[c,m]=e.h(r.map((b,w)=>({...b,label:b.label===""?`Item ${w+1}`:b.label,isRightLabel:!1,isLeftLabel:!1}))),u=(()=>{const b=e.q(Ne);if(b===void 0)throw new Error("usePreviousResponses must be used within a PreviousResponsesProvider");return b})(),y={padding:"24px",display:"flex",cursor:"pointer",width:"auto"},[s,x]=e.h(!1);e.p(()=>{const b=c.findIndex(L=>L.isRightLabel),w=c.findIndex(L=>L.isLeftLabel),O=b!==-1&&w!==-1;x(O);const T=!n.required||n.required&&O,q=c.map(L=>({id:L.id,option:L.label,selected:tt(L)})),A=Math.floor(l),X=Object.keys(u).filter(L=>L.startsWith(A.toString())).map(Number).sort((L,W)=>L-W).at(-1),N=[];if(typeof X=="number"){const L=u[X],W=JSON.parse(L);N.push(...W)}N.push(q),setTimeout(()=>{v({value:N,questionId:l,type:g},T,O),x(!1)},O?500:0)},[c]);const{border:d,useMobileStyling:f,enableCspTrustedTypes:h}=e.useConfig(b=>({border:b.border,useMobileStyling:b.useMobileStyling,enableCspTrustedTypes:b.enableCspTrustedTypes})),_=(b,w)=>()=>{s||m(O=>((T,q,A)=>T.map(X=>X.id===q?{...X,isRightLabel:A===e.MaxDiffChoice.RIGHT,isLeftLabel:A===e.MaxDiffChoice.LEFT}:A===e.MaxDiffChoice.RIGHT&&X.isRightLabel||A===e.MaxDiffChoice.LEFT&&X.isLeftLabel?{...X,isRightLabel:!1,isLeftLabel:!1}:X))(O,b,w))},S=(M=n.ratingIcons)==null?void 0:M[0].svg,k=(P=n.ratingIcons)==null?void 0:P[1].svg;return e.u("form",{className:e.cc(t,"ul-card-maxdiff","fade-in-transition"),children:[e.u(p.Header,{isRequired:n==null?void 0:n.required,message:a,properties:n}),e.u(p.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)||((F=n==null?void 0:n.labels)==null?void 0:F.left)||rt}),e.u("div",{children:" "}),e.u("div",{className:"ul-card-maxdiff__label",children:(i==null?void 0:i.right)||((D=n==null?void 0:n.labels)==null?void 0:D.right)||nt}),c.map(({id:b,label:w,isLeftLabel:O,isRightLabel:T})=>e.u(e.g,{children:[e.u("div",{className:"ul-card-maxdiff__option-control "+(k?"smiley":""),children:k?e.u(be,{ariaPressed:O,className:O?"ul-card-maxdiff__option-btn ul-card-maxdiff__option-selected good":"ul-card-maxdiff__option-btn",enableCspTrustedTypes:h,html:k,id:`smiley-good-${b}`,onClick:_(b,e.MaxDiffChoice.LEFT)}):e.u(p.Option,{allowTextEntry:!1,ariaLabel:`bestLabel-${w}`,border:d,choiceStyle:y,error:!1,id:`${b}`,isRadio:!0,isSelected:O,onUserInputChanged:_(b,e.MaxDiffChoice.LEFT),useMobileStyling:f})}),e.u("div",{className:"ul-card-maxdiff__option-label",children:w}),e.u("div",{className:"ul-card-maxdiff__option-control "+(S?"smiley":""),children:S?e.u(be,{ariaPressed:T,className:T?"ul-card-maxdiff__option-btn ul-card-maxdiff__option-selected bad":"ul-card-maxdiff__option-btn",enableCspTrustedTypes:h,html:S,id:`smiley-bad-${b}`,onClick:_(b,e.MaxDiffChoice.RIGHT)}):e.u(p.Option,{allowTextEntry:!1,ariaLabel:`worstLabel-${w}`,border:d,choiceStyle:y,error:!1,id:`${b}`,isRadio:!0,isSelected:T,onUserInputChanged:_(b,e.MaxDiffChoice.RIGHT),useMobileStyling:f})})]}))]})})]},l)},be=({enableCspTrustedTypes:t,ariaPressed:i,className:a,html:n,id:r,onClick:l})=>{const g=e.F(()=>Y.getHtml(n,t),[t,n]);return e.u("span",{"aria-pressed":i,className:a,dangerouslySetInnerHTML:{__html:g},id:r,onClick:l,tabIndex:0,type:"button"})},st=({className:t,labels:i,message:a,next:n,properties:r,questionId:l,type:g,onSubmitButtonClick:v,options:c,showIndividualSubmit:m=!1})=>{const u=e._(null),y=e._(0),s=e._(0),x=e._(null),d=e._(!1),f=e._([]),[h,_]=e.h(()=>(r==null?void 0:r.required)===!0),[S,k]=e.h(()=>c.map(I=>({...I,rank:null}))),M=e.F(()=>Array.from({length:c.length},(I,$)=>$+1),[c.length]),{isLongFormSurvey:P,focusedQuestionId:F,setFocusedQuestionId:D,useMobileStyling:b,isPreview:w,headers:O}=e.useConfig(I=>({useMobileStyling:I.useMobileStyling,isLongFormSurvey:Y.isLongFormSurvey(I.studyType),focusedQuestionId:I.focusedQuestionId,setFocusedQuestionId:I.setFocusedQuestionId,isPreview:I.isPreview,headers:I.headers})),T=(O==null?void 0:O["userleap-platform"])==="android",q=b&&!w&&!T,A=!q&&!T,X=P&&F===l,N=I=>{I.preventDefault(),C(S),v&&v()},L=(I,$)=>{k(H=>{const R=parseInt($),U=H.map(Z=>({...Z}));U.some(Z=>Z.rank==null)&&U.forEach((Z,ie)=>Z.rank=ie+1);const ee=U.findIndex(Z=>Z.id===I);if(ee===-1)return H;const z=U[ee].rank;return R<z?U.forEach(Z=>{Z.id!==I&&Z.rank>=R&&Z.rank<z&&(Z.rank=Z.rank+1)}):R>z&&U.forEach(Z=>{Z.id!==I&&Z.rank>z&&Z.rank<=R&&(Z.rank=Z.rank-1)}),U[ee].rank=R,U.sort((Z,ie)=>Z.rank-ie.rank),B(U),U})},W=(I,$)=>{for(let H=0;H<f.current.length;H++){const R=f.current[H];if(!R||R===x.current)continue;const U=R.getBoundingClientRect();if(I>=U.left&&I<=U.right&&$>=U.top&&$<=U.bottom)return{element:R,index:H}}return null},G=I=>$=>{if(!q)return;$.preventDefault(),$.stopPropagation(),d.current=!0,u.current=I;const H=$.touches[0];y.current=H.clientY,s.current=H.clientY;const R=$.currentTarget.closest(".ul-card-rank__option");R&&(x.current=R,R.classList.add("is-dragging"))},V=I=>{if(!q||!d.current||u.current===null)return;I.preventDefault(),I.stopPropagation();const $=I.touches[0];s.current=$.clientY;const H=s.current-y.current;x.current&&(x.current.style.transform=`translateY(${H}px)`,x.current.style.zIndex="1000"),f.current.forEach(U=>{U&&U!==x.current&&U.classList.remove("is-drop-target")});const R=W($.clientX,$.clientY);R&&R.element.classList.add("is-drop-target")},J=I=>{if(!q||!d.current||u.current===null)return;I.preventDefault(),I.stopPropagation();const $=I.changedTouches[0],H=W($.clientX,$.clientY);x.current&&(x.current.style.transform="",x.current.style.zIndex="",x.current.classList.remove("is-dragging")),f.current.forEach(R=>{R&&R.classList.remove("is-drop-target")}),H&&H.index!==u.current&&o(u.current,H.index),u.current=null,x.current=null,d.current=!1},o=(I,$)=>{k(H=>{const R=H.map(ee=>({...ee})),[U]=R.splice(I,1);return R.splice($,0,U),R.forEach((ee,z)=>{ee.rank=z+1}),B(R),R})},C=I=>{const $={};I.reduce((H,R)=>(H[R.id]=R.rank,H),$),n({value:$,questionId:l,type:g},!0)},B=I=>{_(!1),P&&C(I)},{left:Q,right:E}=i,j=c.length,K=I=>{I.preventDefault(),I.currentTarget.classList.add("is-drop-target")},re=I=>{I.currentTarget.classList.remove("is-drop-target")},ne=I=>{u.current=null,I.currentTarget.classList.remove("is-dragging")};return e.u("form",{className:e.cc(t,"ul-card-rank","fade-in-transition",P&&!X&&"ul-card--unfocused"),onClick:P?()=>{P&&F!==l&&D(l)}:void 0,onSubmit:N,children:[e.u(p.Header,{isRequired:r==null?void 0:r.required,message:a,properties:r}),e.u(p.MobileEmbedView,{properties:r,children:T?e.u(e.g,{children:[e.u(p.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 - ",Q]})}),e.u("ol",{className:"ul-card-rank__list",children:S.map(({id:I,label:$,rank:H})=>e.u("li",{className:"ul-card-rank__option",children:[e.u("select",{"aria-label":`Rank for ${$}`,className:e.cc("ul-card-rank__select",H==null&&"ul-card-rank__select--placeholder"),name:`rank[${I}]`,onChange:R=>L(I,R.currentTarget.value),value:H??"",children:[H==null&&e.u("option",{className:"ul-card-rank__select-option",disabled:!0,value:"",children:"-"}),M.map(R=>e.u("option",{className:"ul-card-rank__select-option",value:R,children:R},`${R}-${l}`))]}),e.u("span",{children:$})]},I))}),e.u("div",{className:"ul-card-rank__labels",children:e.u("span",{children:[j," - ",E]})})]}),m&&e.u(p.LongformSubmitButton,{handleSubmit:N,isSubmitDisabled:h})]}),!P&&e.u(p.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-card__button-wrapper",children:e.u(p.Button,{disabled:h,children:e.getButtonText(r)})})})]}):e.u(e.g,{children:[e.u(p.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 - ",Q]})}),e.u("ol",{className:"ul-card-rank__list",onDragOver:T?void 0:I=>{I.preventDefault(),I.dataTransfer&&(I.dataTransfer.dropEffect="move")},children:S.map(({id:I,label:$,rank:H},R)=>{return e.u("li",{className:"ul-card-rank__option",draggable:!!A||void 0,onDragEnd:A?ne:void 0,onDragEnter:A?K:void 0,onDragLeave:A?re:void 0,onDragStart:A?(ee=R,z=>{u.current=ee,z.dataTransfer&&(z.dataTransfer.effectAllowed="move",z.dataTransfer.setData("text/plain",String(ee)),z.currentTarget.classList.add("is-dragging"))}):void 0,onDrop:A?(U=R,z=>{var ie,me;z.preventDefault(),z.currentTarget.classList.remove("is-drop-target");const Z=u.current;u.current=null,(me=(ie=z.currentTarget.closest(".ul-card-rank__list"))==null?void 0:ie.querySelector(".is-dragging"))==null||me.classList.remove("is-dragging"),Z!=null&&Z!==U&&o(Z,U)}):void 0,ref:z=>f.current[R]=z,children:[e.u("select",{"aria-label":`Rank for ${$}`,className:e.cc("ul-card-rank__select",H==null&&"ul-card-rank__select--placeholder"),name:`rank[${I}]`,onChange:z=>L(I,z.currentTarget.value),value:H??"",children:[H==null&&e.u("option",{className:"ul-card-rank__select-option",disabled:!0,value:"",children:"-"}),M.map(z=>e.u("option",{className:"ul-card-rank__select-option",value:z,children:z},`${z}-${l}`))]}),e.u("span",{children:$}),!T&&e.u("button",{"aria-label":`Drag ${$} to reorder`,className:"ul-card-rank__drag-btn",onTouchEnd:q?J:void 0,onTouchMove:q?V:void 0,onTouchStart:q?G(R):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"})})})]},I);var U,ee})}),e.u("div",{className:"ul-card-rank__labels",children:e.u("span",{children:[j," - ",E]})})]}),m&&e.u(p.LongformSubmitButton,{handleSubmit:N,isSubmitDisabled:h})]}),!P&&e.u(p.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-card__button-wrapper",children:e.u(p.Button,{disabled:h,children:e.getButtonText(r)})})})]})})]},l)},ot=new Set(["aidynamicfollowup","open","matrix","multipleselect","multiplechoice","rankorder"]),ve=({cardInstance:t,moveToNextQuestion:i,showIndividualSubmit:a,submitQuestion:n,updateCardValues:r,allResponsesArray:l})=>{const{isLongFormSurvey:g,createDynamicQuestion:v,cards:c,surveyVisitorAttributes:m}=e.useConfig(k=>({isLongFormSurvey:Y.isLongFormSurvey(k.studyType),createDynamicQuestion:k.createDynamicQuestion,cards:k.cards,surveyVisitorAttributes:k.surveyVisitorAttributes}));if(!t)return null;const{name:u,type:y,props:s,childId:x}=t,d=a&&ot.has(y),f=s==null?void 0:s.displayLogic,h=f==null?void 0:e.someDisplayLogicOptionMatches({displayLogic:f,allResponses:l,cards:c,surveyVisitorAttributes:m??{}});if(f&&f.length>0&&!h)return null;const _={className:"ul-card",next:(k,M,P=!0)=>n(k,M&&P),questionId:u,type:y,showIndividualSubmit:a,...d?{next:(k,M)=>{r(k.questionId,k,M??!0)},onSubmitButtonClick:(k=!1)=>{x?k?(i(u),v({parentQuestionId:u})):i(x):i(u)}}:{}},S=(()=>{switch(y){case"consentlegal":return e.u(we,{..._,...s});case"likert":return e.u(qe,{..._,...s});case"matrix":return e.u(Fe,{..._,...s});case"maxdiff":return e.u(it,{..._,...s});case"multiplechoice":return e.u(Qe,{..._,...s});case"multipleselect":return e.u(Ee,{..._,...s});case"nps":return e.u(Oe,{..._,...s});case"open":case"aidynamicfollowup":return e.u(Ae,{..._,type:t.type,...s});case"rankorder":return e.u(st,{..._,...s});case"recordedtask":return e.u(Ge,{..._,...s});case"texturlprompt":return e.u(Ke,{..._,...s});case"thanks":return e.u(Xe,{..._,...s});case"uploading":return e.u(Je,{..._,...s});default:return null}})();return S?g?e.u("div",{className:"ul-card-scroll-wrapper",children:S},u):S:null},lt=({isSubmitDisabled:t=!1,onSubmit:i,buttonText:a})=>{var x;const{cards:n,forceBrandedLogo:r,index:l,marketingUrl:g,showSurveyBrand:v,slugName:c,surveyId:m,useMobileStyling:u}=e.useConfig(d=>({cards:d.cards,forceBrandedLogo:d.forceBrandedLogo,index:d.index,marketingUrl:d.marketingUrl,showSurveyBrand:d.showSurveyBrand,slugName:d.slugName,surveyId:d.surveyId,useMobileStyling:d.useMobileStyling})),y=((x=n[l])==null?void 0:x.type)==="thanks",s=e.buildMarketingUrl({marketingUrl:g,slugName:c,surveyId:m,forceBrandedLogo:r});return e.u("footer",{className:e.cc("long-form-question-footer-container",u&&"long-form-question-footer-container--mobile",y&&"long-form-question-footer-container-center"),children:[y&&r?e.u(e.ThankYouLink,{marketingUrlLink:s}):e.u("div",{className:"long-form-question-footer-container-logo",children:v?e.u(e.SprigBrandLogo,{forceBrandedLogo:r,marketingUrlLink:s}):null}),!y&&e.u("div",{className:e.cc("ul-card__button-wrapper","ul-card-vertical__button-wrapper","long-form-question-footer-container-actions"),children:e.u(p.Button,{className:e.cc("long-form-button",t&&"sprig-button-disabled"),disabled:t,onClick:i,children:e.u("span",{className:"long-form-button-text-container",children:a??e.u(e.Arrow,{stroke:"white"})})})})]})};exports.PageCard=({cards:t,next:i,previousResponses:a})=>{var J;const n=e._(null),[r,l]=e.h({}),[g,v]=e.h({}),{isLongFormSurvey:c,focusedQuestionId:m,setFocusedQuestionId:u,createDynamicQuestion:y,allResponses:s,cardIndexByName:x,surveyVisitorAttributes:d,cards:f,index:h}=e.useConfig(o=>({isLongFormSurvey:Y.isLongFormSurvey(o.studyType),focusedQuestionId:o.focusedQuestionId,setFocusedQuestionId:o.setFocusedQuestionId,createDynamicQuestion:o.createDynamicQuestion,allResponses:o.allResponses,cardIndexByName:o.cardIndexByName,surveyVisitorAttributes:o.surveyVisitorAttributes,cards:o.cards,index:o.index})),_=e.F(()=>({...a,...e.buildReadableResponseMap(t.map(o=>{var C,B;return{...o,value:((C=r[o.name])==null?void 0:C.value)??null,secondaryValue:((B=r[o.name])==null?void 0:B.secondaryValue)??null}}))}),[a,r,t]);e.useSetAllResponsesRaw(_);const S=e.pipeReadableResponsesIntoCards(t,_),k=e.F(()=>e.buildResponsesArrayForDisplayLogic({storeAllResponses:s,cards:t,cardValues:r,cardIndexByName:x}),[s,t,r,x]),M=e.F(()=>{const o=new Set;return t.forEach(C=>{var Q;const B=(Q=C.props)==null?void 0:Q.displayLogic;if(!B||B.length===0)return void o.add(C.name);e.someDisplayLogicOptionMatches({displayLogic:B,allResponses:k,cards:f,surveyVisitorAttributes:d??{}})&&o.add(C.name)}),o},[t,k,d,f]);e.p(()=>{if(!c||h<0||h>=t.length)return;const o=t[h];(o==null?void 0:o.name)!=null&&u(o.name)},[c,h,t,u]);const P=e._(null);e.p(()=>{const o=M,C=P.current;if(C!==null)for(const B of C)o.has(B)||(l(Q=>{const E={...Q};return delete E[B],E}),v(Q=>{const E={...Q};return delete E[B],E}));P.current=new Set(o)},[M]);const F=e._(null),D=e._(!1),b=e._(null),w=e.T(o=>{var E,j;D.current=!0;const C=t.findIndex(K=>K.name===o);if(!c||o===null||C===-1)return void(D.current=!1);const B=(E=F.current)==null?void 0:E.querySelectorAll(".ul-card-scroll-wrapper")[C],Q=(j=F.current)==null?void 0:j.closest(".ul-card-main-content");if(B&&Q){if(B&&Q){const K=B.getBoundingClientRect(),re=Q.getBoundingClientRect(),ne=K.top-re.top+Q.scrollTop,I=ne+K.height/2,$=window.innerHeight-157;let H;K.height>=$?H=ne:H=I-Q.clientHeight/2;const R=Q.clientHeight,U=Q.scrollHeight-R,ee=Math.max(0,Math.min(H,U));Q.scrollTo({top:ee,behavior:"smooth"}),setTimeout(()=>{D.current=!1},500)}}else D.current=!1},[c,t]);e.p(()=>{m!==null&&t.findIndex(o=>o.name===m)!==-1||u(t[0].name)},[t,m,u]);const O=({displayCard:o,response:C})=>{if(o&&((o==null?void 0:o.childId)??0)>0){const B=e.buildReadableResponseMap([o].map(Q=>({...Q,value:(C==null?void 0:C.value)??null,secondaryValue:(C==null?void 0:C.secondaryValue)??null})));y({parentQuestionId:o==null?void 0:o.name,parentResponseConfig:B})}};function T(o,C){return o.filter(B=>M.has(B.name)).map(B=>{const Q=C[B.name],E=S.find(j=>j.name===B.name);return{...Q,questionText:E?e.getProcessedQuestionText(E):void 0}})}const q=o=>{if(!c)return;let C=t.findIndex(B=>B.name===o)+1;for(;C<t.length&&!M.has(t[C].name);)C++;C<t.length?u(t[C].name):u(o)};e.p(()=>{c&&m!==null&&(b.current!==m?w(m):b.current=null)},[m,c,w]);const A=e.T(()=>{var re,ne;if(D.current)return;const o=(re=F.current)==null?void 0:re.closest(".ul-card-main-content");if(!o)return;const C=(ne=F.current)==null?void 0:ne.querySelectorAll(".ul-card-scroll-wrapper");if(!C||C.length===0)return;const B=o.getBoundingClientRect(),Q=B.top+B.height/2;let E=0,j=1/0;C.forEach((I,$)=>{const H=I.getBoundingClientRect(),R=H.top+H.height/2,U=Math.abs(Q-R);U<j&&(j=U,E=$)});const K=t[E];b.current=K.name,u(K.name)},[t,u]);e.p(()=>{var C;if(!c)return;const o=((C=F.current)==null?void 0:C.closest(".ul-card__container"))||null;return o&&o.addEventListener("scroll",A,{passive:!0}),()=>{o&&o.removeEventListener("scroll",A)}},[A,c]);const X=e.F(()=>t.every(o=>{var C;return!M.has(o.name)||!(!(o!=null&&o.props)||!("properties"in o.props)||((C=o.props.properties)==null?void 0:C.required)!==!1)||g[o.name]}),[g,t,M]),N=async(o,C,B)=>{return v(E=>({...E,[o]:B})),await(Q=E=>({...E,[o]:C}),new Promise(E=>{l(j=>{const K=Q(j);return E(K),K})}));var Q};e.p(()=>{var Q;if(!c)return;const o=n.current,C=(Q=t==null?void 0:t[0])==null?void 0:Q.groupId;n.current=C;const B={};if(t.forEach(E=>{var j,K;p.appCardHasPropertiesWithRequired(E)&&(E.props.properties.required||(B[E.name]={value:((j=r[E.name])==null?void 0:j.value)??null,secondaryValue:((K=r[E.name])==null?void 0:K.secondaryValue)??null,questionId:E.name,type:E.type}))}),o==null||o!==C)l(B),v({});else{l(j=>({...j,...B}));const E=t.reduce((j,K)=>{var re;return K.type==="aidynamicfollowup"&&((re=K.props)==null?void 0:re.loading)===null&&(j[K.name]=!0),j},{});v(j=>({...j,...E}))}},[t,c]);const L=async(o,C)=>{if(c){const B=await N(o.questionId,o,C),Q=W(o.type),E=G(o.type);if(Q&&q(o.questionId),E&&C){const j=T(t,B);i(j)}}else{const B=S.find(E=>E.name===o.questionId),Q={...o,questionText:B?e.getProcessedQuestionText(B):void 0};O({displayCard:B,response:o}),i([Q])}},W=o=>new Set(["nps","likert","multiplechoice"]).has(o),G=o=>new Set(["videovoice","consentlegal","texturlprompt","maxdiff"]).has(o),V=((J=t[0])==null?void 0:J.type)==="thanks";return c?e.u("div",{className:"ul-card-list-container--longform","data-testid":"ui-container",ref:F,children:[e.u(et,{value:a,children:S.map((o,C)=>e.u(ve,{allResponsesArray:k,cardInstance:o,moveToNextQuestion:q,showIndividualSubmit:c&&t.length>1&&C<t.length-1,submitQuestion:L,updateCardValues:N},(o==null?void 0:o.name)||C))}),!V&&e.u(lt,{isSubmitDisabled:!X,onSubmit:function(){const o=T(t,r);if((S==null?void 0:S.length)===1&&(o==null?void 0:o.length)===1){const C=S[0],B=o[0];O({displayCard:C,response:B})}i(o)}})]}):e.u(e.g,{children:[e.u("div",{"data-testid":"ui-container",style:{display:"none"}}),S.map((o,C)=>e.u(ve,{allResponsesArray:k,cardInstance:o,moveToNextQuestion:q,showIndividualSubmit:c&&t.length>1&&C<t.length-1,submitQuestion:L,updateCardValues:N},(o==null?void 0:o.name)||C))]})};