@sprig-technologies/sprig-bundled 2.44.0 → 2.45.0

package/dist/index-BLbkNfGp.cjs

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