@sprig-technologies/sprig-bundled 2.40.3 → 2.41.0

package/dist/index-DuLz6-LB.cjs

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