@sprig-technologies/sprig-browser 2.40.0 → 2.40.1

package/dist/conversational-ui-DJlCFQ-6.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./view-C7XtFlCN.cjs"),p=require("./getAttributedUrl-C1AsMcwH.cjs"),G=require("./core-CvM2f3CD.cjs"),pe=require("./metricsReporter-Bqy_vLyq.cjs"),_e=({properties:t,surveyVideoUrl:s,questionId:r})=>{const n=`ul-card-video__question_player-q${r}`,{apiURL:i,viewDocument:l}=e.useConfig(u=>({apiURL:u.apiURL,viewDocument:u.viewDocument}));return e.u("div",{id:n,ref:u=>{if(u&&u.children.length===0&&!t.properties.hideRecordedPrompt){const c=p.videoPlayer(n,{src:s,type:"application/x-mpegURL"},void 0,t.properties.mediaType===p.RECORDER.MEDIA_TYPE_AUDIO,i,l);u.appendChild(c)}}})},W=({isDisabled:t,onClick:s,children:r})=>e.u(p.Button,{className:"ul-card__button-checkmark",disabled:t,onClick:s,type:"button",children:[e.u("svg",{fill:"none",height:"10",viewBox:"0 0 13 10",width:"13",xmlns:"http://www.w3.org/2000/svg",children:e.u("path",{d:"M11.5 1.5L4.5 8.5L1 5",stroke:"#ffffff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})}),r||"Ok"]}),Re=({className:t,next:s,properties:r,questionId:n,type:i})=>{const{useMobileStyling:l,border:u,update:c}=e.useConfig(C=>({useMobileStyling:C.useMobileStyling,border:C.border,update:C.update})),[o,g]=e.h(!1),[y,h]=e.h(""),[a,_]=e.h(!1),T=r==null?void 0:r.collectName,m=(r==null?void 0:r.nameLabelText)||"Full Name",d=(r==null?void 0:r.consentText)||"I agree to the stated conditions",L=(r==null?void 0:r.submitButtonText)||"Submit",I=!!y.trim(),b=o&&(!T||I),R=(C,w=!1)=>{C.preventDefault(),C.stopPropagation();let f=null;if(!w){if(!b)return void _(!0);f={submitted:!0},T&&(f.name=y)}s({value:f,questionId:n,type:i},!!w||b)};return e.p(()=>{c()},[c]),e.u("div",{className:e.cc(t,"ul-card__consent-legal","fade-in-transition"),children:e.u(p.MobileEmbedView,{embeddedType:"pdf",properties:r,children:e.u(p.QuestionBodyFooterContainer,{children:[e.u("div",{className:"sprig-stretch",children:[e.u(p.Option,{allowTextEntry:!1,border:u,error:a&&!o,id:"consent",isRadio:!1,isSelected:o,label:d,onUserInputChanged:({selected:C})=>{C!==o&&g(!o)},useMobileStyling:l}),T&&e.u("input",{"aria-label":m,"aria-placeholder":m,className:e.cc(e.getClasses("ul-consent-legal__name-input",l)),"data-gramm":"false",maxLength:250,name:"name",onBlur:C=>{C.currentTarget.style.borderColor=a&&!I?G.ERROR_BORDER_COLOR:G.DEFAULT_BORDER_COLOR},onFocus:C=>{C.currentTarget.style.borderColor=a&&!I?G.ERROR_BORDER_COLOR:u},onInput:C=>{C.preventDefault(),C.stopPropagation(),h(C.currentTarget.value)},placeholder:m,style:a&&!I?{borderColor:G.ERROR_BORDER_COLOR}:{},tabIndex:0,value:y})]}),e.u("div",{className:"ul-card__button-wrapper ul-card-vertical__button-wrapper",children:[e.u(W,{isDisabled:!b,onClick:C=>R(new SubmitEvent(C.type)),children:e.getButtonText({buttonText:L})}),r.required===!1&&e.u("button",{className:"ul-card-skip__button",onClick:C=>R(new SubmitEvent(C.type),!0),children:e.getSkipButtonText(r)})]})]})})},n)},Se=()=>{const{destroy:t,forceBrandedLogo:s}=e.useConfig(r=>({destroy:r.destroy,forceBrandedLogo:r.forceBrandedLogo}));return e.p(()=>{setTimeout(()=>{t(G.APP_ID)},s?4e3:2e3)},[t,s]),e.u("div",{className:"end-of-survey-text",children:"End of survey"})},Ne=({activeValue:t,border:s,icon:r,enableCspTrustedTypes:n,isPressed:i,range:l,scaleLabelType:u,selectedValue:c,setSelectedValue:o,setActiveValue:g,setIsPressed:y,useMobileStyling:h,value:a,viewDocument:_})=>{const T=`option-${a}`,m=u==="number",d=u==="star",L=u==="smiley",I=m&&a===t||a===c,[b,R]=(()=>{const f=d&&c!==null&&a<=c;return d&&a<=t||L&&a===t||f||a===t||a===c?[s,i||f||a===c?1:.3]:["",1]})(),C=e.F(()=>{const f={borderColor:I?b:"",fillOpacity:I?"":R,zIndex:I?3:"auto",color:c===a?"#fff":""};return m?{...f,backgroundColor:c===a?b:""}:{...f,color:d||L||c===a?b:""}},[I,b,R,c,a,m,d,L]),w=e.F(()=>G.getHtml((({icon:f,scaleLabelType:B,value:S,selectedValue:E})=>{if(B==="smiley"&&S===E){let v=0;return f.replace(/black/g,()=>++v==1?"black":"white")}return f})({icon:r,scaleLabelType:u,value:a,selectedValue:c}),n),[n,r,u,c,a]);return e.u("button",{"aria-label":m?void 0:String(a),className:(()=>{switch(u){case"star":return e.cc(e.getClasses("likert-star",h),e.getClasses(`likert-star-${a}`,h));case"smiley":return e.cc(e.getClasses("likert-smiley",h),e.getClasses(`likert-smiley-${a}`,h));default:return a===l?e.cc(e.getClasses("likert-number",h),e.getClasses(`likert-number-${a}`,h),e.getClasses("likert-last-option",h)):e.cc(e.getClasses("likert-number",h),e.getClasses(`likert-number-${a}`,h))}})(),dangerouslySetInnerHTML:{__html:w},id:T,onClick:f=>{f.preventDefault(),f.stopPropagation(),o(a)},onKeyDown:f=>{var E,v;const B=_.querySelectorAll(`.likert-${u??"number"}`),S=a-1;f.key==="ArrowRight"?(E=B[S+1])==null||E.focus():f.key==="ArrowLeft"?(v=B[S-1])==null||v.focus():f.key!=="Enter"&&f.key!==" "||(f.preventDefault(),f.stopPropagation(),o(a))},onPointerDown:()=>y(!0),onPointerEnter:()=>g(a),onPointerLeave:()=>{g(-1),y(!1)},style:C,tabIndex:0})},De=({className:t,labels:s,next:r,properties:n,questionId:i,type:l})=>{const{border:u,useMobileStyling:c,viewDocument:o,enableCspTrustedTypes:g,update:y}=e.useConfig(S=>({border:S.border,useMobileStyling:S.useMobileStyling,viewDocument:S.viewDocument,enableCspTrustedTypes:S.enableCspTrustedTypes,update:S.update})),[h,a]=e.h(-1),[_,T]=e.h(!1),[m,d]=e.h(null),L=s&&s.left,I=s&&s.right;let b;const{range:R,scaleLabelType:C,ratingIcons:w}=n;R&&(b=Number(R));const f=b||5,B=S=>{var E,v;switch(C){case"star":return(E=w[0])==null?void 0:E.svg;case"smiley":return(v=w[S])==null?void 0:v.svg;default:return String(S+1)}};return e.p(()=>{y()},[y]),e.u("form",{className:e.cc(t,"ul-card--likert","fade-in-transition"),children:e.u(p.MobileEmbedView,{properties:n,children:[e.u(p.QuestionBodyWrapper,{children:[e.u("div",{"aria-label":`Rating (1 - ${f})`,className:"ul-card--likert__numbers",role:"radiogroup",children:[...Array(f)].map((S,E)=>{const v=E+1;return e.u(Ne,{activeValue:h,border:u,enableCspTrustedTypes:g,icon:B(E),isPressed:_,range:f,scaleLabelType:C,selectedValue:m,setActiveValue:a,setIsPressed:T,setSelectedValue:d,useMobileStyling:c,value:v,viewDocument:o},E)})}),e.u("div",{className:"ul-card--likert__labels",children:[e.u("span",{children:L}),e.u("span",{children:I})]})]}),e.u(p.QuestionBodyFooterContainer,{children:e.u(W,{isDisabled:m===null&&n.required,onClick:()=>r({value:m,questionId:i,type:l},!0),children:e.getButtonText(n)})})]})},i)},Ie=({columns:t,onSelect:s,options:r,selectedOptions:n})=>{const i=e._([]),{border:l,useMobileStyling:u}=e.useConfig(a=>({border:a.border,useMobileStyling:a.useMobileStyling})),c=r.findIndex(a=>n[a.id]===null),[o,g]=e.h(c),y=e.T((a,_)=>{s(a,_);const T=o+1,m=r[T];m&&n[m.id]===null&&g(T)},[s,r,n,o]),h=e.T((a,_)=>{const T=o===a;return e.u(e.Accordion,{animate:!0,header:_.label,isOpen:T,onClick:()=>{var m;return g(T&&!((m=window.UserLeap)!=null&&m.isMobileSDK)?-1:a)},ref:m=>{m&&(i.current[a]=m)},showHeaderCheck:n[_.id]!==null,children:e.u("div",{style:{paddingTop:"12px"},children:t.map(m=>e.u(p.Option,{allowTextEntry:!1,ariaLabel:`${_.label}-${m.label}`,border:l,error:!1,id:`${_.id}-${m.value}`,isRadio:!0,isSelected:n[_.id]===m.value,label:m.label,onUserInputChanged:()=>y(_.id,m.value),useMobileStyling:u},m.label))})},_.id)},[l,t,o,y,n,u]);return e.u("div",{children:r.map((a,_)=>h(_,a))})},we=({className:t,next:s,options:r,properties:n,questionId:i,type:l,onSubmitButtonClick:u})=>{const c=n.matrixColumn,o=n.required,{update:g}=e.useConfig(m=>({update:m.update})),y=m=>{m.preventDefault(),m.stopPropagation(),s({value:a,questionId:i,type:l},!0),u&&u()},h=r.reduce((m,d)=>(m[d.id]=null,m),{}),[a,_]=e.h(h);return e.p(()=>{g()},[g]),e.u("form",{className:e.cc(t,"ul-card__matrix","fade-in-transition"),id:"text-form",onSubmit:y,children:e.u(p.MobileEmbedView,{properties:n,children:[e.u(p.QuestionBodyWrapper,{children:e.u(Ie,{columns:c,onSelect:(m,d)=>{_(L=>({...L,[m]:d}))},options:r,selectedOptions:a})}),e.u(p.QuestionBodyFooterContainer,{children:e.u(W,{isDisabled:(T=a,o&&Object.values(T).every(m=>m==null)),onClick:()=>y(new SubmitEvent("submit")),children:e.getButtonText(n)})})]})},i);var T},me=({className:t,onSubmit:s,options:r=[],properties:n,questionId:i,type:l,showIndividualSubmit:u=!1,onSubmitButtonClick:c})=>{const{border:o,useMobileStyling:g,update:y}=e.useConfig(v=>({border:v.border,useMobileStyling:v.useMobileStyling,update:v.update})),h=r.reduce((v,D)=>(v[D.id]={isSelected:!1},v),{}),[a,_]=e.h(h),T=l==="multiplechoice",m=n.required,d=r.find(v=>{var D;return(D=v.optionProperties)==null?void 0:D.noneOfTheAbove}),L=v=>Object.entries(v).some(([D,A])=>{var Q;const k=r.find(Z=>`${Z.id}`===D),P=A.userText===void 0||A.userText.trim()==="";return((Q=k==null?void 0:k.optionProperties)==null?void 0:Q.allowsTextEntry)&&P&&A.isSelected}),I=v=>Object.values(v).filter(D=>D.isSelected).length,b=n.minSelect&&n.minSelect>0&&n.maxSelectMode===p.MaxSelectModes.Range&&I(a)<n.minSelect&&(m||I(a)>0),R=v=>L(v)||m&&!I(v)||!(D=>{const{minSelect:A=0,maxSelect:k=1/0,maxSelectMode:P}=n,Q=I(D);switch(P){case p.MaxSelectModes.Maximum:return Q<=k;case p.MaxSelectModes.Range:return Q===0||Q>=A;default:return!0}})(v),C=Object.entries(a).some(([v,D])=>{var A,k;return D.isSelected&&((k=(A=r.find(P=>`${P.id}`===v))==null?void 0:A.optionProperties)==null?void 0:k.allowsTextEntry)}),w=u&&(!T||C),f=v=>{E(v.id,v.selected,v.userText,v.noneOfTheAbove)},B=v=>{var D;return(n==null?void 0:n.maxSelectMode)!==p.MaxSelectModes.Unlimited&&I(a)===(n==null?void 0:n.maxSelect)&&!((D=a[v])!=null&&D.isSelected)},S=()=>{s(a,!0),c&&c()},E=(v,D,A,k)=>{const P=Object.assign({},a);if((T||k)&&D)for(const Q of Object.values(P))Q.isSelected=!1,delete Q.userText;else d&&!k&&a[d.id].isSelected&&(P[d.id].isSelected=!1);P[v]={isSelected:D,userText:A},_(P)};return e.p(()=>{y()},[y]),e.u("form",{className:e.cc(t,"ul-card--multiple","fade-in-transition"),id:"text-form",onSubmit:S,children:e.u(p.MobileEmbedView,{properties:n,children:[e.u(p.QuestionBodyWrapper,{children:[n.isDropdown?e.u(p.Select,{disabledOptions:r.filter(v=>B(v.id)),dropdownFooter:b?e.u("div",{className:"ul-card__min-select-counter",style:{marginLeft:"16px"},children:[I(a),"/",n.minSelect]}):void 0,isMultiSelect:!T,multiselectText:n.dropdownMultiselectedText??"choices selected",onChange:v=>{const D={...a};for(const A of r)v.includes(A)?D[A.id].isSelected=!0:D[A.id].isSelected=!1;_(D)},options:r,placeholderText:n.dropdownPlaceholderText??(T?"Select choice":"Select choice(s)"),value:r.filter(v=>a[v.id].isSelected)}):e.u("div",{className:e.cc(e.getClasses("ul-card__choices",g)),role:T?"radiogroup":"group",children:[r.map(({id:v,label:D,value:A,optionProperties:k})=>{var H,z;const P=`${v}`,{allowsTextEntry:Q,noneOfTheAbove:Z}={allowsTextEntry:!1,noneOfTheAbove:!1,...k};return e.u(p.Option,{allowTextEntry:Q,border:o,disabled:B(P),error:(V=a,L(V)),id:P,isRadio:T,isSelected:!!((H=a[P])!=null&&H.isSelected),label:D,noneOfTheAbove:Z,onUserInputChanged:f,promptText:"Please specify",text:(z=a[v])==null?void 0:z.userText,useMobileStyling:g,value:A},P);var V}),!!b&&e.u("div",{className:"ul-card__min-select-counter",children:[I(a),"/",n.minSelect]})]}),w&&e.u(p.LongformSubmitButton,{handleSubmit:S,isSubmitDisabled:R(a)})]}),e.u(p.QuestionBodyFooterContainer,{children:e.u(W,{isDisabled:R(a),onClick:S,children:e.getButtonText(n)})})]})},i)},Ee=t=>{const{questionId:s,type:r,next:n,options:i}=t;return e.u(me,{...t,onSubmit:(l,u)=>{const c=Object.entries(l).find(([,a])=>a.isSelected)||[void 0,void 0],[o,g]=c,y=i.find(a=>`${a.id}`===o),h=g!=null&&g.userText?{[o]:{userText:g.userText}}:null;n({value:y&&o?{[o]:y.value}:{},secondaryValue:h,questionId:s,type:r},u)}})},Pe=t=>{const{questionId:s,type:r,next:n}=t;return e.u(me,{...t,onSubmit:(i,l)=>{const u=Object.entries(i).reduce((o,[g,y])=>(o[g]=y.isSelected,o),{}),c=Object.entries(i).reduce((o,[g,y])=>{if(!y.userText)return o;const h=o||{};return h[g]={userText:y.userText},h},null);n({value:u,secondaryValue:c,questionId:s,type:r},l)}})},qe=({className:t,labels:s,properties:r,next:n,questionId:i,type:l})=>{const[u,c]=e.h(null),{border:o,useMobileStyling:g,viewDocument:y,update:h}=e.useConfig(T=>({border:T.border,useMobileStyling:T.useMobileStyling,viewDocument:T.viewDocument,update:T.update})),a=s&&s.left,_=s&&s.right;return e.p(()=>{h()},[h]),e.u("form",{className:e.cc(t,"ul-card--nps","fade-in-transition"),children:e.u(p.MobileEmbedView,{properties:r,children:[e.u(p.QuestionBodyWrapper,{children:[e.u("div",{className:"ul-card--nps__numbers",children:[...Array(11)].map((T,m)=>e.u("button",{className:e.cc(e.getClasses("nps-number",g),e.getClasses(`nps-number-${m}`,g)),id:`option-${m}`,onClick:d=>{d.preventDefault(),d.stopPropagation(),c(m)},onKeyDown:d=>{var I,b;const L=y.querySelectorAll("button.nps-number");d.key==="ArrowRight"?(I=L[m+1])==null||I.focus():d.key==="ArrowLeft"?(b=L[m-1])==null||b.focus():d.key!=="Enter"&&d.key!==" "||(d.preventDefault(),d.stopPropagation(),c(m))},onPointerDown:d=>{d.currentTarget.style.zIndex="2",d.currentTarget.style.borderColor=o},onPointerLeave:d=>{d.currentTarget.style.zIndex="auto",d.currentTarget.style.borderColor=G.DEFAULT_BORDER_COLOR},style:u===m?{backgroundColor:o,color:"#fff"}:void 0,tabIndex:0,children:m},m))}),e.u("div",{className:"ul-card--nps__labels",children:[e.u("span",{children:a}),e.u("span",{children:_})]})]}),e.u(p.QuestionBodyFooterContainer,{children:e.u(W,{isDisabled:u===null&&r.required,onClick:()=>n({value:u,questionId:i,type:l},!0),children:e.getButtonText(r)})})]})},i)},Be=({className:t,next:s,properties:r,questionId:n,type:i,onSubmitButtonClick:l})=>{const{border:u,useMobileStyling:c,update:o}=e.useConfig(d=>({border:d.border,useMobileStyling:d.useMobileStyling,update:d.update})),[g,y]=e.h(""),h=e._(null),a=g.trim(),_=r.required===!0&&!a,T=p.useAutoSize(h,()=>o()),m=r&&r.openTextPlaceholder?r.openTextPlaceholder:"";return e.p(()=>{o()},[o]),e.u("form",{className:e.cc(t,"ul-card-text","fade-in-transition"),id:"text-form",children:e.u(p.MobileEmbedView,{properties:r,children:e.u("div",{className:"ul-card-text",children:[e.u(p.QuestionBodyWrapper,{children:[e.u("div",{className:"ul-card-text__container",children:e.u("textarea",{"aria-describedby":"ul-caption","aria-labelledby":"ul-question","aria-multiline":"true","aria-placeholder":m,className:e.cc(e.getClasses("ul-card-text__input",c)),"data-gramm":"false",maxLength:5e3,name:"text",onBlur:d=>{d.currentTarget.style.borderColor=G.DEFAULT_BORDER_COLOR},onChange:d=>{const{value:L}=d.currentTarget;T(),d.preventDefault(),d.stopPropagation(),y(L)},onFocus:d=>{d.currentTarget.style.borderColor=u},placeholder:m,ref:h,role:"textbox",tabIndex:0})}),r.footerHtml&&e.u(p.Html,{className:"footer",html:r.footerHtml})]}),e.u(p.QuestionBodyFooterContainer,{children:e.u(W,{isDisabled:_,onClick:d=>{d.preventDefault(),d.stopPropagation();const L=r.required!==!0||a.length>0;s({value:g,questionId:n,type:i},L),l&&l()},children:e.getButtonText(r)})})]})})},n)},Me=({className:t,labels:s,next:r,properties:n,questionId:i,type:l,onSubmitButtonClick:u,options:c})=>{const o=e._(null),g=e._(0),y=e._(0),h=e._(null),a=e._(!1),_=e._([]),[T,m]=e.h(()=>(n==null?void 0:n.required)===!0),[d,L]=e.h(()=>c.map(x=>({...x,rank:null}))),I=e.F(()=>Array.from({length:c.length},(x,q)=>q+1),[c.length]),{useMobileStyling:b,isPreview:R,headers:C,update:w}=e.useConfig(x=>({useMobileStyling:x.useMobileStyling,isPreview:x.isPreview,headers:x.headers,update:x.update})),f=(C==null?void 0:C["userleap-platform"])==="android",B=b&&!R&&!f,S=!B&&!f,E=(x,q)=>{L(M=>{const N=parseInt(q),U=M.map(O=>({...O}));U.some(O=>O.rank==null)&&U.forEach((O,Y)=>O.rank=Y+1);const F=U.findIndex(O=>O.id===x);if(F===-1)return M;const $=U[F].rank;return N<$?U.forEach(O=>{O.id!==x&&O.rank>=N&&O.rank<$&&(O.rank=O.rank+1)}):N>$&&U.forEach(O=>{O.id!==x&&O.rank>$&&O.rank<=N&&(O.rank=O.rank-1)}),U[F].rank=N,U.sort((O,Y)=>O.rank-Y.rank),Z(),U})},v=(x,q)=>{for(let M=0;M<_.current.length;M++){const N=_.current[M];if(!N||N===h.current)continue;const U=N.getBoundingClientRect();if(x>=U.left&&x<=U.right&&q>=U.top&&q<=U.bottom)return{element:N,index:M}}return null},D=x=>q=>{if(!B)return;q.preventDefault(),q.stopPropagation(),a.current=!0,o.current=x;const M=q.touches[0];g.current=M.clientY,y.current=M.clientY;const N=q.currentTarget.closest(".ul-card-rank__option");N&&(h.current=N,N.classList.add("is-dragging"))},A=x=>{if(!B||!a.current||o.current===null)return;x.preventDefault(),x.stopPropagation();const q=x.touches[0];y.current=q.clientY;const M=y.current-g.current;h.current&&(h.current.style.transform=`translateY(${M}px)`,h.current.style.zIndex="1000"),_.current.forEach(U=>{U&&U!==h.current&&U.classList.remove("is-drop-target")});const N=v(q.clientX,q.clientY);N&&N.element.classList.add("is-drop-target")},k=x=>{if(!B||!a.current||o.current===null)return;x.preventDefault(),x.stopPropagation();const q=x.changedTouches[0],M=v(q.clientX,q.clientY);h.current&&(h.current.style.transform="",h.current.style.zIndex="",h.current.classList.remove("is-dragging")),_.current.forEach(N=>{N&&N.classList.remove("is-drop-target")}),M&&M.index!==o.current&&P(o.current,M.index),o.current=null,h.current=null,a.current=!1},P=(x,q)=>{L(M=>{const N=M.map(F=>({...F})),[U]=N.splice(x,1);return N.splice(q,0,U),N.forEach((F,$)=>{F.rank=$+1}),Z(),N})},Q=x=>{const q={};x.reduce((M,N)=>(M[N.id]=N.rank,M),q),r({value:q,questionId:i,type:l},!0)},Z=()=>{m(!1)},{left:V,right:H}=s,z=c.length,X=x=>{x.preventDefault(),x.currentTarget.classList.add("is-drop-target")},xe=x=>{x.currentTarget.classList.remove("is-drop-target")},Te=x=>{o.current=null,x.currentTarget.classList.remove("is-dragging")};return e.p(()=>{w()},[w]),e.u("form",{className:e.cc(t,"ul-card-rank","fade-in-transition"),onSubmit:x=>{x.preventDefault(),Q(d),u&&u()},children:e.u(p.MobileEmbedView,{properties:n,children:f?e.u(p.QuestionBodyWrapper,{children:e.u("div",{className:"ul-card--rank__question-inner-container",children:[e.u("div",{className:"ul-card-rank__labels",children:e.u("span",{children:["1 - ",V]})}),e.u("ol",{className:"ul-card-rank__list",children:d.map(({id:x,label:q,rank:M})=>e.u("li",{className:"ul-card-rank__option",children:[e.u("select",{"aria-label":`Rank for ${q}`,className:e.cc("ul-card-rank__select",M==null&&"ul-card-rank__select--placeholder"),name:`rank[${x}]`,onChange:N=>E(x,N.currentTarget.value),value:M??"",children:[M==null&&e.u("option",{className:"ul-card-rank__select-option",disabled:!0,value:"",children:"-"}),I.map(N=>e.u("option",{className:"ul-card-rank__select-option",value:N,children:N},`${N}-${i}`))]}),e.u("span",{children:q})]},x))}),e.u("div",{className:"ul-card-rank__labels",children:e.u("span",{children:[z," - ",H]})})]})}):e.u(e.g,{children:[e.u(p.QuestionBodyWrapper,{children:e.u("div",{className:"ul-card--rank__question-inner-container",children:[e.u("div",{className:"ul-card-rank__labels",children:e.u("span",{children:["1 - ",V]})}),e.u("ol",{className:"ul-card-rank__list",onDragOver:f?void 0:x=>{x.preventDefault(),x.dataTransfer&&(x.dataTransfer.dropEffect="move")},children:d.map(({id:x,label:q,rank:M},N)=>{return e.u("li",{className:"ul-card-rank__option",draggable:!!S||void 0,onDragEnd:S?Te:void 0,onDragEnter:S?X:void 0,onDragLeave:S?xe:void 0,onDragStart:S?(F=N,$=>{o.current=F,$.dataTransfer&&($.dataTransfer.effectAllowed="move",$.dataTransfer.setData("text/plain",String(F)),$.currentTarget.classList.add("is-dragging"))}):void 0,onDrop:S?(U=N,$=>{var Y,oe;$.preventDefault(),$.currentTarget.classList.remove("is-drop-target");const O=o.current;o.current=null,(oe=(Y=$.currentTarget.closest(".ul-card-rank__list"))==null?void 0:Y.querySelector(".is-dragging"))==null||oe.classList.remove("is-dragging"),O!=null&&O!==U&&P(O,U)}):void 0,ref:$=>_.current[N]=$,children:[e.u("select",{"aria-label":`Rank for ${q}`,className:e.cc("ul-card-rank__select",M==null&&"ul-card-rank__select--placeholder"),name:`rank[${x}]`,onChange:$=>E(x,$.currentTarget.value),value:M??"",children:[M==null&&e.u("option",{className:"ul-card-rank__select-option",disabled:!0,value:"",children:"-"}),I.map($=>e.u("option",{className:"ul-card-rank__select-option",value:$,children:$},$))]}),e.u("span",{children:q}),!f&&e.u("button",{"aria-label":`Drag ${q} to reorder`,className:"ul-card-rank__drag-btn",onTouchEnd:B?k:void 0,onTouchMove:B?A:void 0,onTouchStart:B?D(N):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"})})})]},x);var U,F})}),e.u("div",{className:"ul-card-rank__labels",children:e.u("span",{children:[z," - ",H]})})]})}),e.u(p.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-card__button-wrapper",children:e.u(p.Button,{disabled:T,children:e.getButtonText(n)})})})]})})},i)},re=1,he=2,ge=3,J=t=>t.type==="av_permission",le=t=>t.type==="screen_permission",ve=(t,s)=>t===void 0?re:t?((r,n)=>!(J(n)?n.permissionDescriptors:[]).includes("camera")||r.getVideoTracks().length>0)(t,s)?ge:re:he,ue={avStream:null,currentPage:null,mediaRecordingUids:null,nextQuestion:()=>{},passthroughData:void 0,recordingMediaTypes:void 0,screenPermissionRequested:!1,type:void 0},j=e.create(t=>({...ue,reset:()=>{t(ue)},updatePage:s=>{t(s)}}));function ne({currentPage:t,pages:s}){const{avStream:r,recordingMediaTypes:n,updatePage:i}=j.getState(),{recorderEventEmitter:l}=e.useConfig.getState();l.emit("av.permission",{"permission.descriptors":t.permissionDescriptors,"stream.ready":(u,c)=>{if(r===u)return;let o=t;if(u&&!t.permissionDescriptors.includes("camera")){const g=s.indexOf(t),y=c!=null&&c.active?g+2:g+1;c!=null&&c.active&&n&&l.emit("begin.recording",{"recording.media.types":n,"start.recording.callback":h=>i({mediaRecordingUids:h})}),o=s[y]}i({currentPage:o,avStream:u})}})}function se({status:t}){const{nextQuestion:s,passthroughData:r,mediaRecordingUids:n,reset:i}=j.getState(),{recorderEventEmitter:l,handleUploadUpdate:u,index:c}=e.useConfig.getState(),o={value:{taskStatus:t},type:"recordedtask",questionId:(r==null?void 0:r.questionId)||1};r&&l.emit("finish.task",{"begin.callback":g=>{u({mediaRecordingUid:g,isSubmitted:!0,progressPct:0,isComplete:!1})},"progress.callback":(g,y)=>{u({mediaRecordingUid:g,progressPct:y.detail,isSubmitted:!1,isComplete:!1})},"upload.callback":g=>{g&&u({mediaRecordingUid:g,isComplete:!0,isSubmitted:!0,progressPct:100})},"passthrough.data":r,"current.index":c,"task.response":o,"task.complete.callback":g=>{o.value.taskDurationMillisecond=g,n&&(o.value.mediaRecordingUids=n),i(),s(o)}})}function ie({pages:t,setIsRequestingPermission:s}){const{recorderEventEmitter:r,eventEmitFn:n}=e.useConfig.getState(),{updatePage:i,currentPage:l,recordingMediaTypes:u,screenPermissionRequested:c}=j.getState();if(!l)return;const o=t.indexOf(l);switch(l.type){case"av_permission":{const g=c?o+2:o+1;return c&&u&&r.emit("begin.recording",{"recording.media.types":u,"start.recording.callback":y=>{i({mediaRecordingUids:y})}}),void i({currentPage:t[g]})}case"screen_permission":return void r.emit("screen.permission",{"screen.permission.requested":s,"stream.ready.callback":(g,y)=>{const h=y?t[o+1]:l;y&&u&&r.emit("begin.recording",{"recording.media.types":u,"start.recording.callback":a=>{i({captureStream:y,mediaRecordingUids:a})}}),i({currentPage:h,screenPermissionRequested:!0,captureStream:y})}});case"start_task":return n("recorded.task.start"),r.emit("recorded.task.start"),r.emit("start.task"),void i({currentPage:t[o+1],screenPermissionRequested:!0});case"complete_task":return}}const be="ul-permission-graphics-container",ye="ul-permission-body",fe=e.cc(be,"ul_recorded-task-inset-spacing"),ee=e.cc("ul-horizontal-button-container","ul-horizontal-button-container-left"),Ce=({richTextBody:t})=>e.u(p.Html,{className:"ul-rich-text-body",html:t,id:"ul-task-detail-container"}),te=({required:t,skipButtonText:s,bottom:r=!1})=>t?null:e.u(p.Button,{className:e.cc(r&&"ul-skip-button-below","ul-button-inactive"),onClick:se.bind(null,{status:"abandoned"}),children:s||"Skip"}),ae=t=>{const{avStream:s,captureStream:r,recordingMediaTypes:n,updatePage:i}=j.getState(),l=(n==null?void 0:n.includes("audio"))||(n==null?void 0:n.includes("video"));e.p(()=>{const u=setInterval(()=>{l&&s&&!s.active?i({avStream:null,currentPage:t[0]}):r&&r.active||i({captureStream:void 0,currentPage:t[l?1:0]})},1e3);return()=>clearInterval(u)},[s,r,l,t,n,i])},Le=({content:t,pages:s,required:r})=>{const{buttonText:n,skipButtonText:i,taskDetail:l}=t;return ae(s),e.u("div",{className:"ul-task-page",children:[l&&e.u(Ce,{richTextBody:l}),e.u("div",{className:ee,children:[e.u(p.Button,{onClick:ie.bind(null,{pages:s}),children:n}),e.u(te,{required:r,skipButtonText:i})]})]},"start-task")},Oe=({content:t,pages:s,properties:r})=>{const{buttonText:n,skipButtonText:i}=t;return ae(s),e.u("div",{className:"ul-task-page",children:[t.taskDetail&&e.u(Ce,{richTextBody:t.taskDetail}),e.u(p.MobileEmbedView,{properties:r,children:e.u("div",{className:ee,children:[e.u(p.Button,{className:"ul-complete-task-button",onClick:se.bind(null,{status:"completed"}),children:n}),e.u(p.Button,{className:e.cc("ul-button-inactive"),onClick:se.bind(null,{status:"given.up"}),children:i})]})})]},"complete-task")},Ue=({content:t,pages:s,required:r})=>{const{buttonText:n,skipButtonText:i}=t,[l]=e.useConfig(o=>[o.tabTitle]),[u,c]=e.h(!1);return e.u("div",{children:[e.u("div",{className:fe,children:[e.u("p",{style:{marginTop:"auto"},children:t.selectTabText}),e.u("div",{className:"ul-select-tab-container",children:e.u("p",{className:ye,children:l})})]}),e.u("div",{className:r?"":ee,children:[e.u(p.Button,{disabled:u,onClick:ie.bind(null,{pages:s,setIsRequestingPermission:c}),children:n}),e.u(te,{required:r,skipButtonText:i})]})]})},Ae=({content:t})=>e.u(p.Html,{className:e.cc(be,"ul_permission_svg_container","ul_recorded-task-inset-spacing","ul-center-horizontally"),html:t.svg},"ul-permission-request-graphic"),$e=({content:t,pages:s,required:r})=>{const{permissionDeniedHeadline:n,permissionDeniedBody:i,skipButtonText:l,tryAgainButtonText:u}=t,c=J(s[0])?s[0]:null;return e.p(()=>{const o=setInterval(()=>{c!==null&&ne({currentPage:c,pages:s})},1e3);return()=>clearInterval(o)},[c,s]),c?e.u("div",{children:[e.u("div",{className:fe,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:ye,children:i})]})}),e.u("div",{className:ee,children:[e.u(p.Button,{onClick:ne.bind(null,{currentPage:c,pages:s}),children:u}),e.u(te,{required:r,skipButtonText:l})]})]}):null},Qe=({stream:t})=>e.u("video",{autoPlay:!0,className:e.cc("ul_recorded-task-inset-spacing"),id:"ul-record-task-video-preview",muted:!0,ref:s=>{s&&(s.srcObject=t||null)}}),He=({content:t,pages:s,required:r})=>{const{skipButtonText:n}=t,{avStream:i}=j.getState();return ae(s),e.u("div",{children:[e.u(Qe,{stream:i}),e.u("div",{className:"ul-vertical-button-container-center",children:[e.u(p.Button,{onClick:ie.bind(null,{pages:s}),children:t.buttonText}),e.u(te,{bottom:!0,required:r,skipButtonText:n})]})]})},Fe=({properties:t})=>{const{pages:s,required:r}=t,{avStream:n,currentPage:i}=j.getState();if(i===void 0)return null;switch(i==null?void 0:i.type){case"av_permission":{const l=ve(n,i);return l===re?e.u(Ae,{content:i}):l===he?e.u($e,{content:i,pages:s,required:r}):e.u(He,{content:i,pages:s,required:r})}case"screen_permission":return e.u(Ue,{content:i,pages:s,required:r});case"start_task":return e.u(Le,{content:i,pages:s,required:r});case"complete_task":return e.u(Oe,{content:i,pages:s,properties:t});default:return null}},Ve=({className:t,properties:s,next:r,questionId:n})=>{const i=e.useConfig(),{surveyId:l,responseGroupUid:u,userId:c,update:o}=i,g=j(),{screenPermissionRequested:y}=g,h=j(d=>d.avStream);let a=j(d=>d.currentPage);a||(a=function({pages:d,userId:L,responseGroupUid:I,surveyId:b,questionId:R,next:C}){const{updatePage:w}=j.getState(),{eventEmitFn:f,recorderEventEmitter:B}=e.useConfig.getState(),S={questionId:R,surveyId:b,visitorId:L,responseGroupUid:I};let E=0;B.emit("recorded.task.permission.screen"),f("recorded.task.permission.screen"),B.emit("permission.status",{"permission.status.callback":(D,A,k,P)=>{const Q=d[E],{type:Z}=Q,V=["screen"];if(J(Q)){const{permissionDescriptors:H}=Q,z=H==null?void 0:H.includes("microphone"),X=H==null?void 0:H.includes("camera");z&&V.push("audio"),X&&V.push("video"),(D!=null&&D.active&&!X||D!=null&&D.active&&A)&&E++}le(d[E])&&k&&(E++,B.emit("begin.recording",{"recording.media.types":V,"start.recording.callback":H=>w({mediaRecordingUids:H})})),w({currentPage:d[E],avStream:D,screenPermissionRequested:k,nextQuestion:C,type:Z,passthroughData:S,recordingMediaTypes:V,captureStream:P})}});const v=d[E];return v.type==="av_permission"&&ne({currentPage:v,pages:d}),v}({questionId:n,surveyId:l,next:d=>{r(d,!0)},pages:s.pages,responseGroupUid:u,userId:c}));let _=a.headline,T=a.captionText;const m=ve(h,a);return le(a)&&y&&(_=a.permissionDeniedHeadline,T=a.permissionDeniedCaptionText),J(a)&&m===ge&&(_=a.permissionGrantedHeadline,T=a.permissionGrantedCaptionText),e.p(()=>{o()},[o]),e.u("div",{className:e.cc(t,"ul-center-horizontally","fade-in-transition"),children:[e.u(p.Header,{isRequired:s==null?void 0:s.required,message:_,properties:{captionText:T}}),e.u(p.QuestionBodyWrapper,{children:e.u(Fe,{properties:s})})]})},Ge=({className:t,next:s,properties:r,questionId:n,type:i})=>{const{visitorAttributes:l,isLongFormSurvey:u,update:c}=e.useConfig(h=>({visitorAttributes:h.visitorAttributes,isLongFormSurvey:pe.isLongFormSurvey(h.studyType),update:h.update})),o=(h,a=!1)=>{s({value:a?{skipped:!0}:void 0,questionId:n,type:i},!0)},g=p.getAttributedUrl(r&&r.buttonUrl,l),y=u&&r.promptActionType===p.PromptActionTypeEnum.NO_BUTTON;return e.p(()=>{c()},[c]),e.u("div",{className:e.cc(t,"ul-card__text-url-prompt","fade-in-transition"),children:e.u(p.MobileEmbedView,{properties:r,children:!y&&e.u("div",{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:o,onKeyPress:h=>{h.key!=="Enter"&&h.key!==" "||s({value:void 0,questionId:n,type:i},!0)},rel:"noreferrer",role:g?"link":"button",tabIndex:0,target:"_blank",children:e.getButtonText(r)}),r.required===!1&&e.u("button",{className:"ul-card-skip__button",onClick:h=>o(0,!0),children:e.getSkipButtonText(r)})]})})})},n)},je=({className:t,questionId:s})=>{const{border:r,destroy:n,endCard:i,forceBrandedLogo:l}=e.useConfig(o=>({border:o.border,destroy:o.destroy,endCard:o.endCard,forceBrandedLogo:o.forceBrandedLogo}));e.p(()=>{setTimeout(()=>{n(G.APP_ID)},l?4e3:2e3)},[n,l]);const u=i&&i.subheader?e.u("p",{className:"ul-caption",children:i.subheader}):null,c=i&&i.headline?i.headline:"";return e.u("div",{className:e.cc(t,"ul-card--thanks","fade-in-transition"),children:e.u("div",{children:e.u("div",{className:"ul-card--thanks-content",children:[e.u("div",{className:"ul-thanks-check",children:e.u("svg",{"aria-labelledby":"title",fill:"none",height:"99",viewBox:"0 0 81 99",width:"81",xmlns:"http://www.w3.org/2000/svg",children:[e.u("path",{clipRule:"evenodd",d:"M40.5 77C60.9345 77 77.5 60.4345 77.5 40C77.5 19.5655 60.9345 3 40.5 3C20.0655 3 3.5 19.5655 3.5 40C3.5 60.4345 20.0655 77 40.5 77ZM80.5 40C80.5 62.0914 62.5914 80 40.5 80C18.4086 80 0.5 62.0914 0.5 40C0.5 17.9086 18.4086 0 40.5 0C62.5914 0 80.5 17.9086 80.5 40Z",fill:r,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:r,fillRule:"evenodd"}),e.u("path",{d:"M69.5 97C69.5 98.1046 56.2924 99 40 99C23.7076 99 10.5 98.1046 10.5 97C10.5 95.8954 23.7076 95 40 95C56.2924 95 69.5 95.8954 69.5 97Z",fill:"black",fillOpacity:"0.2"})]})}),e.u(p.Header,{message:c}),u]})})},s)},Ze=()=>e.u("div",{className:"thinking-dots-container",children:e.u("div",{className:"thinking-dot"})}),ze=({className:t})=>{const{uploadProgress:s}=e.useConfig(l=>({uploadProgress:l.uploadProgress}));let r,n;Object.values(s).filter(l=>l.isSubmitted).length>1?(r="Your responses are processing",n="Please keep this tab open until your responses are fully processed."):(r="Your response is processing",n="Please keep this tab open until your response is fully processed.");const i=Math.round(Math.min(99,...Object.values(s).filter(l=>l.isSubmitted).map(l=>l.progressPct||0)));return e.u("div",{className:e.cc(t,"ul-card--uploading","fade-in-transition"),children:[e.u("div",{"aria-busy":"true","aria-label":"Processing...","aria-live":"polite",className:"ul-loading-spinner-container",role:"progressbar",children:e.u("div",{className:"ul-loading-spinner",children:[e.u("div",{className:"first"}),e.u("div",{className:"second"}),e.u("div",{className:"third"}),e.u("div",{className:"fourth"})]})}),e.u(p.Header,{message:`${r} (${i}% complete)`}),e.u("p",{className:"ul-caption",children:n})]})},ce=0,de=1,We=({className:t,next:s,properties:r,questionId:n,type:i})=>{const l=`ul-card-video__player_recorder-q${n}`,{apiURL:u,envId:c,handleUploadUpdate:o,headers:g,responseGroupUid:y,surveyId:h,update:a,viewDocument:_,visitorId:T}=e.useConfig(k=>({apiURL:k.apiURL,envId:k.envId,handleUploadUpdate:k.handleUploadUpdate,headers:k.headers,responseGroupUid:k.responseGroupUid,surveyId:k.surveyId,update:k.update,viewDocument:k.viewDocument,visitorId:k.userId})),[m,d]=e.h(!1),[L,I]=e.h(null),[b,R]=e.h(null),[C,w]=e.h(ce),[f,B]=e.h(null),[S,E]=e.h(null),v=e.T(k=>{k&&B(k)},[B]);e.p(()=>{const k=new ResizeObserver(()=>{setTimeout(a,0)});return S&&k.observe(S),f&&k.observe(f),()=>{S&&k.unobserve(S),f&&k.unobserve(f)}},[a,S,f]);const D=(k,P)=>{k===p.RECORDER.UPLOAD_STARTED?(I(P[p.RECORDER.UPLOAD_ID]),R(P[p.RECORDER.MEDIA_RECORDING_UID]),d(!0)):k===p.RECORDER.DELETE?(I(null),R(null),d(!1)):k===p.RECORDER.UPLOAD_PROGRESS?isNaN(P[p.RECORDER.UPLOAD_PROGRESS_PCT])?o({mediaRecordingUid:P[p.RECORDER.MEDIA_RECORDING_UID],isComplete:!0}):o({mediaRecordingUid:P[p.RECORDER.MEDIA_RECORDING_UID],progressPct:P[p.RECORDER.UPLOAD_PROGRESS_PCT]}):k===p.RECORDER.UPLOAD_FINISHED&&o({mediaRecordingUid:P[p.RECORDER.MEDIA_RECORDING_UID],isComplete:!0})},A=k=>{k.preventDefault(),k.stopPropagation(),document.getElementById(l)&&p.stopRecording(l),L&&b?(o({mediaRecordingUid:b,isSubmitted:!0}),s({value:{mediaRecordingUid:b},questionId:n,type:i},!0)):s({value:null,questionId:n,type:i},!0)};return e.u("form",{className:e.cc(t,"ul-card--video","fade-in-transition"),id:"ul-video-interview-form",children:[e.u(p.QuestionBodyWrapper,{children:[e.u("div",{id:"ul-question-player-container",ref:v,style:{display:C===ce?"":"none"},children:e.u(p.MobileEmbedView,{properties:r,children:e.u("button",{className:"ul-video-btn ul-record-response-btn",onClick:k=>{k.preventDefault(),k.stopPropagation(),document.getElementById(l)&&p.pauseQuestionPlayer(l),w(de)}})})}),e.u("div",{style:{display:C===de?"block":"none"},children:e.u("div",{id:"ul-recorder-player-container",ref:k=>{if(k&&k.children.length===0){E(k);const P=p.videoRecorderPlayer(l,{surveyId:h,responseGroupUid:y,questionId:n,visitorId:T,envId:c},u,D,void 0,{...g,"x-ul-video-recorder-origin":"sdk"},r.mediaType===p.RECORDER.MEDIA_TYPE_AUDIO,_);k.appendChild(P)}}})})]}),e.u(p.QuestionBodyFooterContainer,{children:[e.u(W,{isDisabled:!!r.required&&!m,onClick:A,children:e.getButtonText(r)}),e.u("button",{className:"ul-card-text__button ul-button-inactive ul-card-skip__button",id:"ul-card-video__skip_button",onClick:A,style:{...r.required?{display:"none"}:{},...m?{display:"none"}:{}},children:e.getSkipButtonText(r)})]})]})},ke=t=>t.type==="thanks"||t.type==="uploading",Ye=({card:t,avatars:s,isThinking:r,isCurrentQuestion:n,currentQuestionBubbleRef:i})=>{const l=(u=>"properties"in u.props&&u.props.properties&&"questionHtml"in u.props.properties&&u.props.properties.questionHtml?{content:u.props.properties.questionHtml,isHtml:!0}:"message"in u.props?{content:u.props.message,isHtml:!1}:{content:"Question",isHtml:!1})(t);return e.u(K,{avatars:s,isLeft:!0,message:{id:`question-${t.name}`,type:"question",content:l.content},ref:n?i:null,children:r?e.u(Ze,{}):e.u(e.g,{children:[l.isHtml?e.u(p.Html,{className:"chat-message-text",html:l.content}):e.u("div",{className:"chat-message-text",children:l.content}),t.type==="videovoice"&&e.u(_e,{properties:t.props,questionId:t.name,surveyVideoUrl:t.props.properties.videoUrl})]})})},Ke=({card:t,avatars:s})=>{const r=(n=>{if(!("properties"in n.props)||!n.props.properties||typeof n.props.properties!="object")return null;const i=n.props.properties,l=[{key:"captionHtml",isHtml:!0},{key:"captionText",isHtml:!1},{key:"richTextBody",isHtml:!0},{key:"body",isHtml:!1}];for(const{key:u,isHtml:c}of l){const o=i[u];if(typeof o!="string")continue;const g=o.trim();if(g){if(c&&!g.replaceAll(/<[^>]*>/g,"").trim())continue;return{content:g,isHtml:c}}}return null})(t);return r?e.u(K,{avatars:s,hideAvatar:!0,isLeft:!0,message:{id:`caption-${t.name}`,type:"question",content:r.content},children:r.isHtml?e.u(p.Html,{className:"chat-message-text",html:r.content}):e.u("div",{className:"chat-message-text",children:r.content})}):null},Xe=({card:t,userResponse:s,avatars:r})=>{const n=((i,l)=>{if(i.type==="open"&&l&&typeof l=="object"&&"value"in l)return l.value})(t,s);return e.u("div",{className:"chat-bubble-container chat-right",children:[e.u("div",{className:"chat-bubble chat-bubble-right chat-bubble-text-only",children:e.u("div",{className:"chat-message-text",children:n||e.u("div",{className:"chat-message-no-response",children:"No response"})})}),e.u("img",{alt:"User Avatar",className:"chat-avatar chat-avatar-right",srcSet:`${r.respondentAvatar["1x"]} 1x, ${r.respondentAvatar["2x"]} 2x`})]})},Je=({card:t,avatars:s,isCurrentQuestion:r,currentQuestionBubbleRef:n})=>{const{endCard:i}=e.useConfig(l=>({endCard:l.endCard}));return e.u(e.g,{children:[e.u(K,{avatars:s,isLeft:!0,message:{id:`thanks-${t.name}`,type:"question",content:(i==null?void 0:i.headline)??"Great! Thank you for your participation."},ref:r?n:null}),(i==null?void 0:i.subheader)&&e.u(K,{avatars:s,hideAvatar:!0,isLeft:!0,message:{id:`caption-${t.name}`,type:"question",content:i.subheader}}),e.u(Se,{})]})},et=({card:t,cardIndex:s,index:r,avatars:n,cardResponses:i,questionThinkingStates:l,startingQuestionIdx:u,currentQuestionBubbleRef:c,handleCardResponse:o})=>{const g=s===r,y=s<r,h=ke(t);if(h)return e.u(Je,{avatars:n,card:t,currentQuestionBubbleRef:c,isCurrentQuestion:g});const a=`${t.name}`,_=i.get(a),T=t.type==="open",m=l.get(a),d=s>(u??0)&&t.type!=="thanks"&&t.type!=="uploading"&&(m===!0||m===void 0);return e.u(e.wn.Fragment,{children:[e.u(Ye,{avatars:n,card:t,currentQuestionBubbleRef:c,isCurrentQuestion:g,isThinking:d}),!d&&e.u(Ke,{avatars:n,card:t}),y&&T?e.u(Xe,{avatars:n,card:t,userResponse:_}):(!y||!T)&&!d&&e.u(K,{avatars:n,isLeft:!1,message:{id:`card-${t.name}`,type:"card",content:""},children:e.u("div",{className:"chat-card-container",children:e.u(rt,{card:t,className:h?"chat-thanks-card":"chat-card",isAnswered:y,next:g?o:()=>{}})})})]},`question-card-${t.name}`)},K=e.wn.forwardRef(({message:t,isLeft:s=!1,children:r,avatars:n,hideAvatar:i=!1},l)=>{const u=s?"chat-bubble-left":"chat-bubble-right";return e.u("div",{className:`chat-bubble-container ${s?"chat-left":"chat-right"}${s&&i?" chat-no-avatar":""}`,ref:l,children:[s&&!i&&e.u("img",{alt:"AI Avatar",className:"chat-avatar chat-avatar-left",srcSet:`${n.agentAvatar["1x"]} 1x, ${n.agentAvatar["2x"]} 2x`}),e.u("div",{className:`chat-bubble ${u}`,children:r||e.u("div",{className:"chat-message-text",children:t.content})}),!s&&!i&&e.u("img",{alt:"User Avatar",className:"chat-avatar chat-avatar-right",srcSet:`${n.respondentAvatar["1x"]} 1x, ${n.respondentAvatar["2x"]} 2x`})]})});K.displayName="ChatBubble";const tt=()=>{const t=e.useConfig(r=>r.close),s=e.F(()=>()=>t(G.APP_ID),[t]);return e.u("div",{"aria-label":"Close button",className:"conversational-close-btn",onClick:s,onKeyPress:r=>{r.key==="Enter"&&s()},role:"button",tabIndex:0,children:e.u("svg",{fill:"none",height:"16px",viewBox:"0 0 13 13",width:"16px",xmlns:"http://www.w3.org/2000/svg",children:e.u("path",{d:"M2.54964 1.78369L1.78369 2.54964L5.73405 6.5L1.78369 10.4504L2.54964 11.2163L6.5 7.26595L10.4504 11.2163L11.2163 10.4504L7.26595 6.5L11.2163 2.54964L10.4504 1.78369L6.5 5.73405L2.54964 1.78369Z",fill:"#262136"})})})},rt=({card:t,next:s,className:r="",isAnswered:n=!1})=>{const i={className:n?`${r} answered-card`:r,next:n?()=>{}:s,questionId:t.name,type:t.type,isAnswered:n};switch(t.type){case"consentlegal":return e.u(Re,{...i,...t.props});case"likert":return e.u(De,{...i,...t.props});case"matrix":return e.u(we,{...i,...t.props});case"multiplechoice":return e.u(Ee,{...i,...t.props});case"multipleselect":return e.u(Pe,{...i,...t.props});case"nps":return e.u(qe,{...i,...t.props});case"open":return e.u(Be,{...i,...t.props});case"rankorder":return e.u(Me,{...i,...t.props});case"recordedtask":return e.u(Ve,{...i,...t.props});case"texturlprompt":return e.u(Ge,{...i,...t.props});case"thanks":return e.u(je,{...i,...t.props});case"uploading":return e.u(ze,{...i,...t.props});case"videovoice":return e.u(We,{...i,...t.props});default:return null}};exports.default=({cards:t,next:s,previousResponses:r})=>{const{messagesContainerRef:n,currentQuestionBubbleRef:i,scrollToCurrentQuestion:l}=(()=>{const b=e._(null),R=e._(null),C=e.T(()=>{if(R.current&&b.current){const w=b.current,f=R.current.offsetTop-w.offsetTop-16;w.scrollTo({top:Math.max(0,f),behavior:"smooth"})}},[]);return{messagesContainerRef:b,currentQuestionBubbleRef:R,scrollToCurrentQuestion:C}})(),{cardResponses:u,setCardResponse:c}=(()=>{const[b,R]=e.h(new Map);return{cardResponses:b,setCardResponse:e.T((C,w)=>{R(f=>new Map(f).set(C,w))},[])}})(),{index:o,isLongFormSurvey:g,avatars:y,startingQuestionIdx:h,update:a}=e.useConfig(b=>({index:b.index,isLongFormSurvey:pe.isLongFormSurvey(b.studyType),avatars:b.avatars,startingQuestionIdx:b.startingQuestionIdx,update:b.update})),_=((b,R,C)=>{const[w,f]=e.h(new Map);return e.p(()=>{if(b.length>0&&R<b.length){const B=b[R],S=`${B.name}`;if(R<=(C??0)||ke(B))return void f(v=>new Map(v).set(S,!1));f(v=>new Map(v).set(S,!0));const E=setTimeout(()=>{f(v=>new Map(v).set(S,!1))},1e3);return()=>clearTimeout(E)}},[R,b,C]),w})(t,o,h),T=((b,R)=>{const[C,w]=e.h(new Set([0]));return e.p(()=>{w(f=>new Set(f).add(b))},[b]),e.p(()=>{const f=R??0;f>0&&w(B=>{const S=new Set(B);for(let E=0;E<=f;E++)S.add(E);return S})},[R]),C})(o,h),m=e.F(()=>({...r,...e.buildReadableResponseMap(t.map((b,R)=>{var C,w;return{...b,value:R<o?((C=u.get(`${b.name}`))==null?void 0:C.value)??null:null,secondaryValue:R<o?((w=u.get(`${b.name}`))==null?void 0:w.secondaryValue)??null:null}}))}),[r,u,t,o]),d=e.pipeReadableResponsesIntoCards(t,m);e.p(()=>{requestAnimationFrame(()=>{l()})},[o,l,_]);const L=e.T((b,R)=>{if(!R)return;const C=d[o];if(!C)return;const w=`${C.name}`;c(w,b);const f={...b,questionText:e.getProcessedQuestionText(C)};s([f])},[d,o,s,c]),I=d.map((b,R)=>({card:b,cardIndex:R})).filter(({cardIndex:b})=>T.has(b));return e.p(()=>{a()},[o,a]),e.u("div",{className:"conversational-ui ul-conversational-ui","data-testid":"ui-container",children:[!g&&e.u(tt,{}),e.u("div",{className:"chat-container",ref:n,children:e.u("div",{className:"chat-messages",children:I.map(({card:b,cardIndex:R})=>e.u(et,{avatars:y,card:b,cardIndex:R,cardResponses:u,currentQuestionBubbleRef:i,handleCardResponse:L,index:o,questionThinkingStates:_,startingQuestionIdx:h},`question-card-${b.name}`))})})]})};

package/dist/index-D1_q2uph.cjs

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