@sprig-technologies/sprig-browser
Version:
npm package for the sprig web sdk
2 lines (1 loc) • 49.2 kB
JavaScript
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./view-nTdAfzWs.cjs"),h=require("./videoPlayer-DfF4cwtT.cjs"),Z=require("./core-BwIy2OVb.cjs"),pe=require("./metricsReporter-sMSDDeJU.cjs"),_e=({properties:t,surveyVideoUrl:a,questionId:r})=>{const n=`ul-card-video__question_player-q${r}`,{apiURL:s,viewDocument:i}=e.useConfig(l=>({apiURL:l.apiURL,viewDocument:l.viewDocument}));return e.u("div",{id:n,ref:l=>{if((l==null?void 0:l.children.length)===0&&!t.properties.hideRecordedPrompt){const o=h.videoPlayer(n,{src:a,type:"application/x-mpegURL"},void 0,t.properties.mediaType===h.RECORDER.MEDIA_TYPE_AUDIO,s,i);l.appendChild(o)}}})},Re=()=>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"})}),z=({isDisabled:t,onClick:a,children:r,style:n,showCheckmark:s})=>{const i=s??(typeof r=="string"&&r.toLowerCase()==="finish");return e.u(h.Button,{disabled:!!t,onClick:a,style:n,type:"button",children:[i&&e.u("span",{style:{paddingRight:"4px"},children:e.u(Re,{})}),r]})},we=({className:t,next:a,properties:r,questionId:n,type:s,isAnswered:i})=>{const{useMobileStyling:l,border:o,cards:g}=e.useConfig(p=>({useMobileStyling:p.useMobileStyling,border:p.border,cards:p.cards})),[d,C]=e.h(!1),[v,u]=e.h(""),[f,E]=e.h(!1),y=r==null?void 0:r.collectName,D=(r==null?void 0:r.nameLabelText)||"Full Name",N=(r==null?void 0:r.consentText)||"I agree to the stated conditions",k=(r==null?void 0:r.submitButtonText)||"Submit",w=e.getButtonText({buttonText:k}),_=e.isLastQuestion(n,g),B=!!v.trim(),F=d&&(!y||B),c=(p,x=!1)=>{p.preventDefault(),p.stopPropagation();let S=null;if(!x){if(!F)return void E(!0);S={submitted:!0},y&&(S.name=v)}a({value:S,questionId:n,type:s},!!x||F)};return e.u("div",{className:e.cc(t,"ul-card__consent-legal","fade-in-transition"),children:e.u(h.MobileEmbedView,{embeddedType:"pdf",properties:r,children:e.u(h.QuestionBodyFooterContainer,{children:[e.u("div",{className:"sprig-stretch",children:[e.u(h.Option,{allowTextEntry:!1,border:o,error:f&&!d,id:"consent",isRadio:!1,isSelected:d,label:N,onUserInputChanged:({selected:p})=>{p!==d&&C(!d)},useMobileStyling:l}),y&&e.u("input",{"aria-label":D,"aria-placeholder":D,className:e.cc(e.getClasses("ul-consent-legal__name-input",l)),"data-gramm":"false",maxLength:250,name:"name",onBlur:p=>{p.currentTarget.style.borderColor=f&&!B?Z.ERROR_BORDER_COLOR:Z.DEFAULT_BORDER_COLOR},onFocus:p=>{p.currentTarget.style.borderColor=f&&!B?Z.ERROR_BORDER_COLOR:o},onInput:p=>{p.preventDefault(),p.stopPropagation(),u(p.currentTarget.value)},placeholder:D,style:f&&!B?{borderColor:Z.ERROR_BORDER_COLOR}:{},tabIndex:0,value:v})]}),e.u("div",{className:"ul-card__button-wrapper ul-card-vertical__button-wrapper",children:!i&&(r.required?e.u(z,{isDisabled:!F,onClick:p=>c(new SubmitEvent(p.type)),showCheckmark:_,children:w}):e.u(e.g,{children:[e.u(z,{isDisabled:!F,onClick:p=>c(new SubmitEvent(p.type)),showCheckmark:_,children:w}),e.u("button",{className:"ul-card-skip__button",onClick:p=>c(new SubmitEvent(p.type),!0),children:e.getSkipButtonText(r)})]}))})]})})},n)},De=()=>{const{destroy:t,forceBrandedLogo:a}=e.useConfig(r=>({destroy:r.destroy,forceBrandedLogo:r.forceBrandedLogo}));return e.p(()=>{setTimeout(()=>{t(Z.APP_ID)},a?4e3:2e3)},[t,a]),e.u("div",{className:"end-of-survey-text",children:"End of survey"})},Ne=({activeValue:t,border:a,icon:r,enableCspTrustedTypes:n,isPressed:s,range:i,scaleLabelType:l,selectedValue:o,setSelectedValue:g,setActiveValue:d,setIsPressed:C,useMobileStyling:v,value:u,viewDocument:f})=>{const E=`option-${u}`,y=l==="number",D=l==="star",N=l==="smiley",k=y&&u===t||u===o,[w,_]=(()=>{const c=D&&o!==null&&u<=o;return D&&u<=t||N&&u===t||c||u===t||u===o?[a,s||c||u===o?1:.3]:["",1]})(),B=e.F(()=>{const c={borderColor:k?w:"",fillOpacity:k?"":_,zIndex:k?3:"auto",color:o===u?"#fff":""};return y?{...c,backgroundColor:o===u?w:""}:{...c,color:D||N||o===u?w:""}},[k,w,_,o,u,y,D,N]),F=e.F(()=>Z.getHtml((({icon:c,scaleLabelType:p,value:x,selectedValue:S})=>{if(p==="smiley"&&x===S){let b=0;return c.replace(/black/g,()=>++b==1?"black":"white")}return c})({icon:r,scaleLabelType:l,value:u,selectedValue:o}),n),[n,r,l,o,u]);return e.u("button",{"aria-label":y?void 0:String(u),className:(()=>{switch(l){case"star":return e.cc(e.getClasses("likert-star",v),e.getClasses(`likert-star-${u}`,v));case"smiley":return e.cc(e.getClasses("likert-smiley",v),e.getClasses(`likert-smiley-${u}`,v));default:return u===i?e.cc(e.getClasses("likert-number",v),e.getClasses(`likert-number-${u}`,v),e.getClasses("likert-last-option",v)):e.cc(e.getClasses("likert-number",v),e.getClasses(`likert-number-${u}`,v))}})(),dangerouslySetInnerHTML:{__html:F},id:E,onClick:c=>{c.preventDefault(),c.stopPropagation(),g(u)},onKeyDown:c=>{var S,b;const p=f.querySelectorAll(`.likert-${l??"number"}`),x=u-1;c.key==="ArrowRight"?(S=p[x+1])==null||S.focus():c.key==="ArrowLeft"?(b=p[x-1])==null||b.focus():c.key!=="Enter"&&c.key!==" "||(c.preventDefault(),c.stopPropagation(),g(u))},onPointerDown:()=>C(!0),onPointerEnter:()=>d(u),onPointerLeave:()=>{d(-1),C(!1)},style:B,tabIndex:0})},Ie=({className:t,labels:a,next:r,properties:n,questionId:s,type:i,isAnswered:l})=>{const{border:o,useMobileStyling:g,viewDocument:d,enableCspTrustedTypes:C,cards:v}=e.useConfig(m=>({border:m.border,useMobileStyling:m.useMobileStyling,viewDocument:m.viewDocument,enableCspTrustedTypes:m.enableCspTrustedTypes,cards:m.cards})),[u,f]=e.h(-1),[E,y]=e.h(!1),[D,N]=e.h(null),k=a&&a.left,w=a&&a.right;let _;const{range:B,scaleLabelType:F,ratingIcons:c}=n;B&&(_=Number(B));const p=_||5,x=m=>{var R,P;switch(F){case"star":return(R=c[0])==null?void 0:R.svg;case"smiley":return(P=c[m])==null?void 0:P.svg;default:return String(m+1)}},S=e.getButtonText(n),b=e.isLastQuestion(s,v);return e.u("form",{className:e.cc(t,"ul-card--likert","fade-in-transition"),children:e.u(h.MobileEmbedView,{properties:n,children:[e.u(h.QuestionBodyWrapper,{children:[e.u("div",{"aria-label":`Rating (1 - ${p})`,className:"ul-card--likert__numbers",role:"radiogroup",children:[...Array(p)].map((m,R)=>{const P=R+1;return e.u(Ne,{activeValue:u,border:o,enableCspTrustedTypes:C,icon:x(R),isPressed:E,range:p,scaleLabelType:F,selectedValue:D,setActiveValue:f,setIsPressed:y,setSelectedValue:N,useMobileStyling:g,value:P,viewDocument:d},R)})}),(k||w)&&e.u("div",{className:"ul-card--likert__labels",children:[e.u("span",{children:k}),e.u("span",{children:w})]})]}),e.u(h.QuestionBodyFooterContainer,{children:!l&&e.u(z,{isDisabled:D===null&&n.required,onClick:()=>{r({value:D,questionId:s,type:i},!0)},showCheckmark:b,children:S})})]})},s)},Ee=({columns:t,onSelect:a,options:r,selectedOptions:n})=>{const s=e._([]),{border:i,useMobileStyling:l}=e.useConfig(u=>({border:u.border,useMobileStyling:u.useMobileStyling})),o=r.findIndex(u=>n[u.id]===null),[g,d]=e.h(o),C=e.T((u,f)=>{a(u,f);const E=g+1,y=r[E];y&&n[y.id]===null&&d(E)},[a,r,n,g]),v=e.T((u,f)=>{const E=g===u;return e.u(e.Accordion,{animate:!0,header:f.label,isOpen:E,onClick:()=>{var y;return d(E&&!((y=window.UserLeap)!=null&&y.isMobileSDK)?-1:u)},ref:y=>{y&&(s.current[u]=y)},showHeaderCheck:n[f.id]!==null,children:e.u("div",{style:{paddingTop:"12px"},children:t.map(y=>e.u(h.Option,{allowTextEntry:!1,ariaLabel:`${f.label}-${y.label}`,border:i,error:!1,id:`${f.id}-${y.value}`,isRadio:!0,isSelected:n[f.id]===y.value,label:y.label,onUserInputChanged:()=>C(f.id,y.value),useMobileStyling:l},y.label))})},f.id)},[i,t,g,C,n,l]);return e.u("div",{children:r.map((u,f)=>v(f,u))})},Pe=({className:t,next:a,options:r,properties:n,questionId:s,type:i,onSubmitButtonClick:l,isAnswered:o})=>{const{cards:g}=e.useConfig(k=>({cards:k.cards})),d=n.matrixColumn,C=n.required,v=k=>{k.preventDefault(),k.stopPropagation(),a({value:f,questionId:s,type:i},!0),l&&l()},u=r.reduce((k,w)=>(k[w.id]=null,k),{}),[f,E]=e.h(u),y=e.getButtonText(n),D=e.isLastQuestion(s,g);return e.u("form",{className:e.cc(t,"ul-card__matrix","fade-in-transition"),id:"text-form",onSubmit:v,children:e.u(h.MobileEmbedView,{properties:n,children:[e.u(h.QuestionBodyWrapper,{children:e.u(Ee,{columns:d,onSelect:(k,w)=>{E(_=>({..._,[k]:w}))},options:r,selectedOptions:f})}),e.u(h.QuestionBodyFooterContainer,{children:!o&&e.u(z,{isDisabled:(N=f,C&&Object.values(N).every(k=>k==null)),onClick:()=>v(new SubmitEvent("submit")),showCheckmark:D,children:y})})]})},s);var N},me=({className:t,onSubmit:a,options:r=[],properties:n,questionId:s,type:i,showIndividualSubmit:l=!1,onSubmitButtonClick:o,isAnswered:g})=>{const{border:d,useMobileStyling:C,cards:v}=e.useConfig(m=>({border:m.border,useMobileStyling:m.useMobileStyling,cards:m.cards})),u=r.reduce((m,R)=>(m[R.id]={isSelected:!1},m),{}),[f,E]=e.h(u),y=i==="multiplechoice",D=n.required,N=r.find(m=>{var R;return(R=m.optionProperties)==null?void 0:R.noneOfTheAbove}),k=m=>Object.entries(m).some(([R,P])=>{var O;const A=r.find(H=>`${H.id}`===R),q=P.userText===void 0||P.userText.trim()==="";return((O=A==null?void 0:A.optionProperties)==null?void 0:O.allowsTextEntry)&&q&&P.isSelected}),w=m=>Object.values(m).filter(R=>R.isSelected).length,_=n.minSelect&&n.minSelect>0&&n.maxSelectMode===e.MaxSelectModes.Range&&w(f)<n.minSelect&&(D||w(f)>0),B=m=>k(m)||D&&!w(m)||!(R=>{const{minSelect:P=0,maxSelect:A=1/0,maxSelectMode:q}=n,O=w(R);switch(q){case e.MaxSelectModes.Maximum:return O<=A;case e.MaxSelectModes.Range:return O===0||O>=P;default:return!0}})(m),F=Object.entries(f).some(([m,R])=>{var P,A;return R.isSelected&&((A=(P=r.find(q=>`${q.id}`===m))==null?void 0:P.optionProperties)==null?void 0:A.allowsTextEntry)}),c=l&&(!y||F),p=m=>{b(m.id,m.selected,m.userText,m.noneOfTheAbove)},x=m=>{var R;return(n==null?void 0:n.maxSelectMode)!==e.MaxSelectModes.Unlimited&&w(f)===(n==null?void 0:n.maxSelect)&&!((R=f[m])!=null&&R.isSelected)},S=()=>{a(f,!0),o&&o()},b=(m,R,P,A)=>{const q=Object.assign({},f);if((y||A)&&R)for(const O of Object.values(q))O.isSelected=!1,delete O.userText;else N&&!A&&f[N.id].isSelected&&(q[N.id].isSelected=!1);q[m]={isSelected:R,userText:P},E(q)};return e.u("form",{className:e.cc(t,"ul-card--multiple","fade-in-transition"),id:"text-form",onSubmit:S,children:e.u(h.MobileEmbedView,{properties:n,children:[e.u(h.QuestionBodyWrapper,{children:[n.isDropdown?e.u(h.Select,{disabledOptions:r.filter(m=>x(m.id)),dropdownFooter:_?e.u("div",{className:"ul-card__min-select-counter",style:{marginLeft:"16px"},children:[w(f),"/",n.minSelect]}):void 0,isMultiSelect:!y,multiselectText:n.dropdownMultiselectedText??"choices selected",onChange:m=>{const R={...f};for(const P of r)m.includes(P)?R[P.id].isSelected=!0:R[P.id].isSelected=!1;E(R)},options:r,placeholderText:n.dropdownPlaceholderText??(y?"Select choice":"Select choice(s)"),value:r.filter(m=>f[m.id].isSelected)}):e.u("div",{className:e.cc(e.getClasses("ul-card__choices",C)),role:y?"radiogroup":"group",children:[r.map(({id:m,label:R,value:P,optionProperties:A})=>{var G,W;const q=`${m}`,{allowsTextEntry:O,noneOfTheAbove:H}={allowsTextEntry:!1,noneOfTheAbove:!1,...A};return e.u(h.Option,{allowTextEntry:O,border:d,disabled:x(q),error:k({[q]:f[q]}),id:q,isRadio:y,isSelected:!!((G=f[q])!=null&&G.isSelected),label:R,noneOfTheAbove:H,onUserInputChanged:p,promptText:(A==null?void 0:A.otherOptionPlaceholder)||"Please specify",text:(W=f[m])==null?void 0:W.userText,useMobileStyling:C,value:P},q)}),!!_&&e.u("div",{className:"ul-card__min-select-counter",children:[w(f),"/",n.minSelect]})]}),c&&e.u(h.LongformSubmitButton,{handleSubmit:S,isSubmitDisabled:B(f)})]}),!g&&e.u(h.QuestionBodyFooterContainer,{children:e.u(z,{isDisabled:B(f),onClick:S,showCheckmark:e.isLastQuestion(s,v),children:e.getButtonText(n)})})]})},s)},qe=t=>{const{questionId:a,type:r,next:n,options:s}=t;return e.u(me,{...t,onSubmit:(i,l)=>{const o=Object.entries(i).find(([,u])=>u.isSelected)||[void 0,void 0],[g,d]=o,C=s.find(u=>`${u.id}`===g),v=d!=null&&d.userText?{[g]:{userText:d.userText}}:null;n({value:C&&g?{[g]:C.value}:{},secondaryValue:v,questionId:a,type:r},l)}})},Le=t=>{const{questionId:a,type:r,next:n}=t;return e.u(me,{...t,onSubmit:(s,i)=>{const l=Object.entries(s).reduce((g,[d,C])=>(g[d]=C.isSelected,g),{}),o=Object.entries(s).reduce((g,[d,C])=>{if(!C.userText)return g;const v=g||{};return v[d]={userText:C.userText},v},null);n({value:l,secondaryValue:o,questionId:a,type:r},i)}})},Be=({className:t,labels:a,properties:r,next:n,questionId:s,type:i,isAnswered:l})=>{const[o,g]=e.h(null),{border:d,useMobileStyling:C,viewDocument:v,cards:u}=e.useConfig(D=>({border:D.border,useMobileStyling:D.useMobileStyling,viewDocument:D.viewDocument,cards:D.cards})),f=a&&a.left,E=a&&a.right,y=e.isLastQuestion(s,u);return e.u("form",{className:e.cc(t,"ul-card--nps","fade-in-transition"),children:e.u(h.MobileEmbedView,{properties:r,children:[e.u(h.QuestionBodyWrapper,{children:[e.u("div",{className:"ul-card--nps__numbers",children:[...Array(11)].map((D,N)=>e.u("button",{className:e.cc(e.getClasses("nps-number",C),e.getClasses(`nps-number-${N}`,C)),id:`option-${N}`,onClick:k=>{k.preventDefault(),k.stopPropagation(),g(N)},onKeyDown:k=>{var _,B;const w=v.querySelectorAll("button.nps-number");k.key==="ArrowRight"?(_=w[N+1])==null||_.focus():k.key==="ArrowLeft"?(B=w[N-1])==null||B.focus():k.key!=="Enter"&&k.key!==" "||(k.preventDefault(),k.stopPropagation(),g(N))},onPointerDown:k=>{k.currentTarget.style.zIndex="2"},onPointerLeave:k=>{k.currentTarget.style.zIndex="auto"},style:o===N?{backgroundColor:d,color:"#fff"}:void 0,tabIndex:0,children:N},N))}),e.u("div",{className:"ul-card--nps__labels",children:[e.u("span",{children:f}),e.u("span",{children:E})]})]}),e.u(h.QuestionBodyFooterContainer,{children:!l&&e.u(z,{isDisabled:o===null&&r.required,onClick:()=>{n({value:o,questionId:s,type:i},!0)},showCheckmark:y,children:e.getButtonText(r)})})]})},s)},Me=({className:t,next:a,properties:r,questionId:n,type:s,onSubmitButtonClick:i,isAnswered:l})=>{const{border:o,useMobileStyling:g,update:d,cards:C}=e.useConfig(_=>({border:_.border,useMobileStyling:_.useMobileStyling,update:_.update,cards:_.cards})),[v,u]=e.h(""),f=e._(null),E=v.trim(),y=r.required===!0&&!E,D=h.useAutoSize(f,()=>d()),N=r&&r.openTextPlaceholder?r.openTextPlaceholder:"",k=e.getButtonText(r),w=e.isLastQuestion(n,C);return e.u("form",{className:e.cc(t,"ul-card-text","fade-in-transition"),id:"text-form",children:e.u(h.MobileEmbedView,{properties:r,children:e.u("div",{className:"ul-card-text",children:[e.u(h.QuestionBodyWrapper,{children:[e.u("div",{className:"ul-card-text__container",children:e.u("textarea",{"aria-describedby":"ul-caption","aria-labelledby":"ul-question","aria-multiline":"true","aria-placeholder":N,className:e.cc(e.getClasses("ul-card-text__input",g)),"data-gramm":"false",maxLength:5e3,name:"text",onBlur:_=>{_.currentTarget.style.borderColor=Z.DEFAULT_BORDER_COLOR},onChange:_=>{const{value:B}=_.currentTarget;D(),_.preventDefault(),_.stopPropagation(),u(B)},onFocus:_=>{_.currentTarget.style.borderColor=o},placeholder:N,ref:f,role:"textbox",tabIndex:0})}),r.footerHtml&&e.u(h.Html,{className:"footer",html:r.footerHtml})]}),e.u(h.QuestionBodyFooterContainer,{children:!l&&e.u(z,{isDisabled:y,onClick:_=>{_.preventDefault(),_.stopPropagation();const B=r.required!==!0||E.length>0;a({value:v,questionId:n,type:s},B),i&&i()},showCheckmark:w,children:k})})]})})},n)},Oe=({className:t,labels:a,next:r,properties:n,questionId:s,type:i,onSubmitButtonClick:l,options:o,isAnswered:g})=>{const d=e._(null),C=e._(0),v=e._(0),u=e._(null),f=e._(!1),E=e._([]),[y,D]=e.h(()=>(n==null?void 0:n.required)===!0),[N,k]=e.h(()=>o.map(T=>({...T,rank:null}))),w=e.F(()=>Array.from({length:o.length},(T,L)=>L+1),[o.length]),{useMobileStyling:_,isPreview:B,headers:F}=e.useConfig(T=>({useMobileStyling:T.useMobileStyling,isPreview:T.isPreview,headers:T.headers})),c=(F==null?void 0:F["userleap-platform"])==="android",p=_&&!B&&!c,x=!p&&!c,S=(T,L)=>{k(M=>{const I=parseInt(L),Q=M.map(U=>({...U}));Q.some(U=>U.rank==null)&&Q.forEach((U,K)=>U.rank=K+1);const V=Q.findIndex(U=>U.id===T);if(V===-1)return M;const $=Q[V].rank;return I<$?Q.forEach(U=>{U.id!==T&&U.rank>=I&&U.rank<$&&(U.rank=U.rank+1)}):I>$&&Q.forEach(U=>{U.id!==T&&U.rank>$&&U.rank<=I&&(U.rank=U.rank-1)}),Q[V].rank=I,Q.sort((U,K)=>U.rank-K.rank),O(),Q})},b=(T,L)=>{for(let M=0;M<E.current.length;M++){const I=E.current[M];if(!I||I===u.current)continue;const Q=I.getBoundingClientRect();if(T>=Q.left&&T<=Q.right&&L>=Q.top&&L<=Q.bottom)return{element:I,index:M}}return null},m=T=>L=>{if(!p)return;L.preventDefault(),L.stopPropagation(),f.current=!0,d.current=T;const M=L.touches[0];C.current=M.clientY,v.current=M.clientY;const I=L.currentTarget.closest(".ul-card-rank__option");I&&(u.current=I,I.classList.add("is-dragging"))},R=T=>{if(!p||!f.current||d.current===null)return;T.preventDefault(),T.stopPropagation();const L=T.touches[0];v.current=L.clientY;const M=v.current-C.current;u.current&&(u.current.style.transform=`translateY(${M}px)`,u.current.style.zIndex="1000"),E.current.forEach(Q=>{Q&&Q!==u.current&&Q.classList.remove("is-drop-target")});const I=b(L.clientX,L.clientY);I&&I.element.classList.add("is-drop-target")},P=T=>{if(!p||!f.current||d.current===null)return;T.preventDefault(),T.stopPropagation();const L=T.changedTouches[0],M=b(L.clientX,L.clientY);u.current&&(u.current.style.transform="",u.current.style.zIndex="",u.current.classList.remove("is-dragging")),E.current.forEach(I=>{I&&I.classList.remove("is-drop-target")}),M&&M.index!==d.current&&A(d.current,M.index),d.current=null,u.current=null,f.current=!1},A=(T,L)=>{k(M=>{const I=M.map(V=>({...V})),[Q]=I.splice(T,1);return I.splice(L,0,Q),I.forEach((V,$)=>{V.rank=$+1}),O(),I})},q=T=>{const L={};T.reduce((M,I)=>(M[I.id]=I.rank,M),L),r({value:L,questionId:s,type:i},!0)},O=()=>{D(!1)},{left:H,right:G}=a,W=o.length,xe=T=>{T.preventDefault(),T.currentTarget.classList.add("is-drop-target")},Te=T=>{T.currentTarget.classList.remove("is-drop-target")},Se=T=>{d.current=null,T.currentTarget.classList.remove("is-dragging")};return e.u("form",{className:e.cc(t,"ul-card-rank","fade-in-transition"),onSubmit:T=>{T.preventDefault(),q(N),l&&l()},children:e.u(h.MobileEmbedView,{properties:n,children:c?e.u(e.g,{children:[e.u(h.QuestionBodyWrapper,{children:e.u("div",{className:"ul-card--rank__question-inner-container",children:[e.u("div",{className:"ul-card-rank__labels",children:e.u("span",{children:["1 - ",H]})}),e.u("ol",{className:"ul-card-rank__list",children:N.map(({id:T,label:L,rank:M})=>e.u("li",{className:"ul-card-rank__option",children:[e.u("select",{"aria-label":`Rank for ${L}`,className:e.cc("ul-card-rank__select",M==null&&"ul-card-rank__select--placeholder"),name:`rank[${T}]`,onChange:I=>S(T,I.currentTarget.value),value:M??"",children:[M==null&&e.u("option",{className:"ul-card-rank__select-option",disabled:!0,value:"",children:"-"}),w.map(I=>e.u("option",{className:"ul-card-rank__select-option",value:I,children:I},`${I}-${s}`))]}),e.u("span",{children:L})]},T))}),e.u("div",{className:"ul-card-rank__labels",children:e.u("span",{children:[W," - ",G]})})]})}),e.u(h.QuestionBodyFooterContainer,{children:!g&&e.u("div",{className:"ul-card__button-wrapper",children:e.u(h.Button,{disabled:y,children:e.getButtonText(n)})})})]}):e.u(e.g,{children:[e.u(h.QuestionBodyWrapper,{children:e.u("div",{className:"ul-card--rank__question-inner-container",children:[e.u("div",{className:"ul-card-rank__labels",children:e.u("span",{children:["1 - ",H]})}),e.u("ol",{className:"ul-card-rank__list",onDragOver:c?void 0:T=>{T.preventDefault(),T.dataTransfer&&(T.dataTransfer.dropEffect="move")},children:N.map(({id:T,label:L,rank:M},I)=>{return e.u("li",{className:"ul-card-rank__option",draggable:!!x||void 0,onDragEnd:x?Se:void 0,onDragEnter:x?xe:void 0,onDragLeave:x?Te:void 0,onDragStart:x?(V=I,$=>{d.current=V,$.dataTransfer&&($.dataTransfer.effectAllowed="move",$.dataTransfer.setData("text/plain",String(V)),$.currentTarget.classList.add("is-dragging"))}):void 0,onDrop:x?(Q=I,$=>{var K,le;$.preventDefault(),$.currentTarget.classList.remove("is-drop-target");const U=d.current;d.current=null,(le=(K=$.currentTarget.closest(".ul-card-rank__list"))==null?void 0:K.querySelector(".is-dragging"))==null||le.classList.remove("is-dragging"),U!=null&&U!==Q&&A(U,Q)}):void 0,ref:$=>E.current[I]=$,children:[e.u("select",{"aria-label":`Rank for ${L}`,className:e.cc("ul-card-rank__select",M==null&&"ul-card-rank__select--placeholder"),name:`rank[${T}]`,onChange:$=>S(T,$.currentTarget.value),value:M??"",children:[M==null&&e.u("option",{className:"ul-card-rank__select-option",disabled:!0,value:"",children:"-"}),w.map($=>e.u("option",{className:"ul-card-rank__select-option",value:$,children:$},$))]}),e.u("span",{children:L}),!c&&e.u("button",{"aria-label":`Drag ${L} to reorder`,className:"ul-card-rank__drag-btn",onTouchEnd:p?P:void 0,onTouchMove:p?R:void 0,onTouchStart:p?m(I):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"})})})]},T);var Q,V})}),e.u("div",{className:"ul-card-rank__labels",children:e.u("span",{children:[W," - ",G]})})]})}),e.u(h.QuestionBodyFooterContainer,{children:!g&&e.u("div",{className:"ul-card__button-wrapper",children:e.u(h.Button,{disabled:y,children:e.getButtonText(n)})})})]})})},s)},ne=1,ge=2,he=3,J=t=>t.type==="av_permission",ce=t=>t.type==="screen_permission",ve=(t,a)=>t===void 0?ne:t?((r,n)=>!(J(n)?n.permissionDescriptors:[]).includes("camera")||r.getVideoTracks().length>0)(t,a)?he:ne:ge,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:a=>{t(a)}}));function se({currentPage:t,pages:a}){const{avStream:r,recordingMediaTypes:n,updatePage:s}=j.getState(),{recorderEventEmitter:i}=e.useConfig.getState();i.emit("av.permission",{"permission.descriptors":t.permissionDescriptors,"stream.ready":(l,o)=>{if(r===l)return;let g=t;if(l&&!t.permissionDescriptors.includes("camera")){const d=a.indexOf(t),C=o!=null&&o.active?d+2:d+1;o!=null&&o.active&&n&&i.emit("begin.recording",{"recording.media.types":n,"start.recording.callback":v=>s({mediaRecordingUids:v})}),g=a[C]}s({currentPage:g,avStream:l})}})}function ae({status:t}){const{nextQuestion:a,passthroughData:r,mediaRecordingUids:n,reset:s}=j.getState(),{recorderEventEmitter:i,handleUploadUpdate:l,index:o}=e.useConfig.getState(),g={value:{taskStatus:t},type:"recordedtask",questionId:(r==null?void 0:r.questionId)||1};r&&i.emit("finish.task",{"begin.callback":d=>{l({mediaRecordingUid:d,isSubmitted:!0,progressPct:0,isComplete:!1})},"progress.callback":(d,C)=>{l({mediaRecordingUid:d,progressPct:C.detail,isSubmitted:!1,isComplete:!1})},"upload.callback":d=>{d&&l({mediaRecordingUid:d,isComplete:!0,isSubmitted:!0,progressPct:100})},"passthrough.data":r,"current.index":o,"task.response":g,"task.complete.callback":d=>{g.value.taskDurationMillisecond=d,n&&(g.value.mediaRecordingUids=n),s(),a(g)}})}function ie({pages:t,setIsRequestingPermission:a}){const{recorderEventEmitter:r,eventEmitFn:n}=e.useConfig.getState(),{updatePage:s,currentPage:i,recordingMediaTypes:l,screenPermissionRequested:o}=j.getState();if(!i)return;const g=t.indexOf(i);switch(i.type){case"av_permission":{const d=o?g+2:g+1;return o&&l&&r.emit("begin.recording",{"recording.media.types":l,"start.recording.callback":C=>{s({mediaRecordingUids:C})}}),void s({currentPage:t[d]})}case"screen_permission":return void r.emit("screen.permission",{"screen.permission.requested":a,"stream.ready.callback":(d,C)=>{const v=C?t[g+1]:i;C&&l&&r.emit("begin.recording",{"recording.media.types":l,"start.recording.callback":u=>{s({captureStream:C,mediaRecordingUids:u})}}),s({currentPage:v,screenPermissionRequested:!0,captureStream:C})}});case"start_task":return n("recorded.task.start"),r.emit("recorded.task.start"),r.emit("start.task"),void s({currentPage:t[g+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(h.Html,{className:"ul-rich-text-body",html:t,id:"ul-task-detail-container"}),te=({required:t,skipButtonText:a,bottom:r=!1})=>t?null:e.u(h.Button,{className:e.cc(r&&"ul-skip-button-below","ul-button-inactive"),onClick:ae.bind(null,{status:"abandoned"}),children:a||"Skip"}),oe=t=>{const{avStream:a,captureStream:r,recordingMediaTypes:n,updatePage:s}=j.getState(),i=(n==null?void 0:n.includes("audio"))||(n==null?void 0:n.includes("video"));e.p(()=>{const l=setInterval(()=>{i&&a&&!a.active?s({avStream:null,currentPage:t[0]}):r&&r.active||s({captureStream:void 0,currentPage:t[i?1:0]})},1e3);return()=>clearInterval(l)},[a,r,i,t,n,s])},Ae=({content:t,pages:a,required:r})=>{const{buttonText:n,skipButtonText:s,taskDetail:i}=t;return oe(a),e.u("div",{className:"ul-task-page",children:[i&&e.u(Ce,{richTextBody:i}),e.u("div",{className:ee,children:[e.u(h.Button,{onClick:ie.bind(null,{pages:a}),children:n}),e.u(te,{required:r,skipButtonText:s})]})]},"start-task")},Ue=({content:t,pages:a,properties:r})=>{const{buttonText:n,skipButtonText:s}=t;return oe(a),e.u("div",{className:"ul-task-page",children:[t.taskDetail&&e.u(Ce,{richTextBody:t.taskDetail}),e.u(h.MobileEmbedView,{properties:r,children:e.u("div",{className:ee,children:[e.u(h.Button,{className:"ul-complete-task-button",onClick:ae.bind(null,{status:"completed"}),children:n}),e.u(h.Button,{className:e.cc("ul-button-inactive"),onClick:ae.bind(null,{status:"given.up"}),children:s})]})})]},"complete-task")},Qe=({content:t,pages:a,required:r})=>{const{buttonText:n,skipButtonText:s}=t,[i]=e.useConfig(g=>[g.tabTitle]),[l,o]=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:i})})]}),e.u("div",{className:r?"":ee,children:[e.u(h.Button,{disabled:l,onClick:ie.bind(null,{pages:a,setIsRequestingPermission:o}),children:n}),e.u(te,{required:r,skipButtonText:s})]})]})},$e=({content:t})=>e.u(h.Html,{className:e.cc(be,"ul_permission_svg_container","ul_recorded-task-inset-spacing","ul-center-horizontally"),html:t.svg},"ul-permission-request-graphic"),Fe=({content:t,pages:a,required:r})=>{const{permissionDeniedHeadline:n,permissionDeniedBody:s,skipButtonText:i,tryAgainButtonText:l}=t,o=J(a[0])?a[0]:null;return e.p(()=>{const g=setInterval(()=>{o!==null&&se({currentPage:o,pages:a})},1e3);return()=>clearInterval(g)},[o,a]),o?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:s})]})}),e.u("div",{className:ee,children:[e.u(h.Button,{onClick:se.bind(null,{currentPage:o,pages:a}),children:l}),e.u(te,{required:r,skipButtonText:i})]})]}):null},He=({stream:t})=>e.u("video",{autoPlay:!0,className:e.cc("ul_recorded-task-inset-spacing"),id:"ul-record-task-video-preview",muted:!0,ref:a=>{a&&(a.srcObject=t||null)}}),Ve=({content:t,pages:a,required:r})=>{const{skipButtonText:n}=t,{avStream:s}=j.getState();return oe(a),e.u("div",{children:[e.u(He,{stream:s}),e.u("div",{className:"ul-vertical-button-container-center",children:[e.u(h.Button,{onClick:ie.bind(null,{pages:a}),children:t.buttonText}),e.u(te,{bottom:!0,required:r,skipButtonText:n})]})]})},Ge=({properties:t})=>{const{pages:a,required:r}=t,{avStream:n,currentPage:s}=j.getState();if(s===void 0)return null;switch(s==null?void 0:s.type){case"av_permission":{const i=ve(n,s);return i===ne?e.u($e,{content:s}):i===ge?e.u(Fe,{content:s,pages:a,required:r}):e.u(Ve,{content:s,pages:a,required:r})}case"screen_permission":return e.u(Qe,{content:s,pages:a,required:r});case"start_task":return e.u(Ae,{content:s,pages:a,required:r});case"complete_task":return e.u(Ue,{content:s,pages:a,properties:t});default:return null}},je=({className:t,properties:a,next:r,questionId:n})=>{const s=e.useConfig(),{surveyId:i,responseGroupUid:l,userId:o}=s,g=j(),{screenPermissionRequested:d}=g,C=j(y=>y.avStream);let v=j(y=>y.currentPage);v||(v=function({pages:y,userId:D,responseGroupUid:N,surveyId:k,questionId:w,next:_}){const{updatePage:B}=j.getState(),{eventEmitFn:F,recorderEventEmitter:c}=e.useConfig.getState(),p={questionId:w,surveyId:k,visitorId:D,responseGroupUid:N};let x=0;c.emit("recorded.task.permission.screen"),F("recorded.task.permission.screen"),c.emit("permission.status",{"permission.status.callback":(b,m,R,P)=>{const A=y[x],{type:q}=A,O=["screen"];if(J(A)){const{permissionDescriptors:H}=A,G=H==null?void 0:H.includes("microphone"),W=H==null?void 0:H.includes("camera");G&&O.push("audio"),W&&O.push("video"),(b!=null&&b.active&&!W||b!=null&&b.active&&m)&&x++}ce(y[x])&&R&&(x++,c.emit("begin.recording",{"recording.media.types":O,"start.recording.callback":H=>B({mediaRecordingUids:H})})),B({currentPage:y[x],avStream:b,screenPermissionRequested:R,nextQuestion:_,type:q,passthroughData:p,recordingMediaTypes:O,captureStream:P})}});const S=y[x];return S.type==="av_permission"&&se({currentPage:S,pages:y}),S}({questionId:n,surveyId:i,next:y=>{r(y,!0)},pages:a.pages,responseGroupUid:l,userId:o}));let u=v.headline,f=v.captionText;const E=ve(C,v);return ce(v)&&d&&(u=v.permissionDeniedHeadline,f=v.permissionDeniedCaptionText),J(v)&&E===he&&(u=v.permissionGrantedHeadline,f=v.permissionGrantedCaptionText),e.u("div",{className:e.cc(t,"ul-center-horizontally","fade-in-transition"),children:[e.u(h.Header,{isRequired:a==null?void 0:a.required,message:u,properties:{captionText:f}}),e.u(h.QuestionBodyWrapper,{children:e.u(Ge,{properties:a})})]})},Ze=({className:t,next:a,properties:r,questionId:n,type:s,isAnswered:i})=>{const{visitorAttributes:l,isLongFormSurvey:o}=e.useConfig(v=>({visitorAttributes:v.visitorAttributes,isLongFormSurvey:pe.isLongFormSurvey(v.studyType)})),g=(v,u=!1)=>{a({value:u?{skipped:!0}:void 0,questionId:n,type:s},!0)},d=h.getAttributedUrl(r&&r.buttonUrl,l),C=o&&r.promptActionType===e.PromptActionTypeEnum.NO_BUTTON;return e.u("div",{className:e.cc(t,"ul-card__text-url-prompt","fade-in-transition"),children:e.u(h.MobileEmbedView,{properties:r,children:!i&&!C&&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:d,id:"ul-card-text__button",onClick:g,onKeyPress:v=>{v.key!=="Enter"&&v.key!==" "||a({value:void 0,questionId:n,type:s},!0)},rel:"noreferrer",role:d?"link":"button",tabIndex:0,target:"_blank",children:e.getButtonText(r)}),r.required===!1&&e.u("button",{className:"ul-card-skip__button",onClick:v=>g(0,!0),children:e.getSkipButtonText(r)})]})})})},n)},ze=({className:t,questionId:a})=>{const{border:r,destroy:n,endCard:s,forceBrandedLogo:i,quotaEndcardText:l}=e.useConfig(C=>({border:C.border,destroy:C.destroy,endCard:C.endCard,forceBrandedLogo:C.forceBrandedLogo,quotaEndcardText:C.quotaEndcardText}));e.p(()=>{setTimeout(()=>{n(Z.APP_ID)},i?4e3:2e3)},[n,i]);const o=(l==null?void 0:l.subheader)??(s==null?void 0:s.subheader),g=o?e.u("p",{className:"ul-caption",children:o}):null,d=(l==null?void 0:l.headline)??(s==null?void 0:s.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(h.Header,{message:d}),g]})})},a)},We=()=>e.u("div",{className:"thinking-dots-container",children:e.u("div",{className:"thinking-dot"})}),Ye=({className:t})=>{const{uploadProgress:a}=e.useConfig(i=>({uploadProgress:i.uploadProgress}));let r,n;Object.values(a).filter(i=>i.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 s=Math.round(Math.min(99,...Object.values(a).filter(i=>i.isSubmitted).map(i=>i.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(h.Header,{message:`${r} (${s}% complete)`}),e.u("p",{className:"ul-caption",children:n})]})},de=0,Ke=1,Xe=({className:t,next:a,properties:r,questionId:n,type:s,isAnswered:i})=>{const{apiURL:l,envId:o,handleUploadUpdate:g,headers:d,responseGroupUid:C,surveyId:v,viewDocument:u,visitorId:f,cards:E}=e.useConfig(b=>({apiURL:b.apiURL,envId:b.envId,handleUploadUpdate:b.handleUploadUpdate,headers:b.headers,responseGroupUid:b.responseGroupUid,surveyId:b.surveyId,viewDocument:b.viewDocument,visitorId:b.userId,cards:b.cards})),[y,D]=e.h(!1),[N,k]=e.h(null),[w,_]=e.h(null),[B]=e.h(de),F=e.getButtonText(r),c=e.isLastQuestion(n,E);if(i)return null;const p=`ul-card-video__player_recorder-q${n}`,x=(b,m)=>{b===h.RECORDER.UPLOAD_STARTED?(k(m[h.RECORDER.UPLOAD_ID]),_(m[h.RECORDER.MEDIA_RECORDING_UID]),D(!0)):b===h.RECORDER.DELETE?(k(null),_(null),D(!1)):b===h.RECORDER.UPLOAD_PROGRESS?isNaN(m[h.RECORDER.UPLOAD_PROGRESS_PCT])?g({mediaRecordingUid:m[h.RECORDER.MEDIA_RECORDING_UID],isComplete:!0}):g({mediaRecordingUid:m[h.RECORDER.MEDIA_RECORDING_UID],progressPct:m[h.RECORDER.UPLOAD_PROGRESS_PCT]}):b===h.RECORDER.UPLOAD_FINISHED&&g({mediaRecordingUid:m[h.RECORDER.MEDIA_RECORDING_UID],isComplete:!0})},S=b=>{b.preventDefault(),b.stopPropagation(),document.getElementById(p)&&h.stopRecording(p),N&&w?(g({mediaRecordingUid:w,isSubmitted:!0}),a({value:{mediaRecordingUid:w},questionId:n,type:s},!0)):a({value:null,questionId:n,type:s},!0)};return e.u("form",{className:e.cc(t,"ul-card--video","fade-in-transition"),id:"ul-video-interview-form",children:[e.u(h.QuestionBodyWrapper,{children:!i&&e.u("div",{id:"ul-question-player-container",style:{display:B===de?"":"none"},children:e.u(h.MobileEmbedView,{properties:r,children:[e.u(z,{isDisabled:!y,onClick:()=>{h.stopRecording(),a({value:{uploadId:N,mediaRecordingUid:w},questionId:n,type:s},!0)},showCheckmark:c,children:F}),e.u("div",{style:{display:B===Ke?"block":"none"},children:e.u("div",{id:"ul-recorder-player-container",ref:b=>{if(b&&b.children.length===0){const m=h.videoRecorderPlayer(p,{surveyId:v,responseGroupUid:C,questionId:n,visitorId:f,envId:o},l,x,void 0,{...d,"x-ul-video-recorder-origin":"sdk"},r.mediaType===h.RECORDER.MEDIA_TYPE_AUDIO,u);b.appendChild(m)}}})})]})})}),!i&&e.u(h.QuestionBodyFooterContainer,{children:[e.u(z,{isDisabled:!!r.required&&!y,onClick:S,showCheckmark:c,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:S,style:{...r.required?{display:"none"}:{},...y?{display:"none"}:{}},children:e.getSkipButtonText(r)})]})]})},X=t=>t.type==="aidynamicfollowup"||t.type==="aidynamicstandalone",re=t=>{var a;return X(t)&&((a=t.props)==null?void 0:a.loading)===e.DynamicQuestionLoadingStates.inFlight},ke=t=>t.type==="thanks"||t.type==="uploading",Je=({card:t,avatars:a,isThinking:r,isCurrentQuestion:n,currentQuestionBubbleRef:s})=>{const i=(o=>"properties"in o.props&&o.props.properties&&"questionHtml"in o.props.properties&&o.props.properties.questionHtml?{content:o.props.properties.questionHtml,image:o.props.properties.image,isHtml:!0}:"message"in o.props?"image"in o.props.properties&&o.props.properties.image?{content:o.props.message,image:o.props.properties.image,isHtml:!1}:{content:o.props.message,isHtml:!1}:{content:"Question",isHtml:!1})(t),l=n&&!(i!=null&&i.image)?s:null;return e.u(e.g,{children:[(i==null?void 0:i.image)&&e.u(Y,{avatars:a,isLeft:!0,ref:n?s:null,children:!r&&e.u(h.DisplayQuestionImage,{image:i.image})}),e.u(Y,{avatars:a,isLeft:!0,message:{id:`question-${t.name}`,type:"question",content:i.content},ref:l,children:r?e.u(We,{}):e.u(e.g,{children:[i.isHtml?e.u(h.Html,{className:"chat-message-text",html:i.content}):e.u("div",{className:"chat-message-text",children:i.content}),t.type==="videovoice"&&e.u(_e,{properties:t.props,questionId:t.name,surveyVideoUrl:t.props.properties.videoUrl})]})})]})},et=({card:t,avatars:a})=>{const r=(n=>{if(!("properties"in n.props)||!n.props.properties||typeof n.props.properties!="object")return null;const s=n.props.properties,i=[{key:"captionHtml",isHtml:!0},{key:"captionText",isHtml:!1},{key:"richTextBody",isHtml:!0},{key:"body",isHtml:!1}];for(const{key:l,isHtml:o}of i){const g=s[l];if(typeof g!="string")continue;const d=g.trim();if(d){if(o&&!d.replaceAll(/<[^>]*>/g,"").trim())continue;return{content:d,isHtml:o}}}return null})(t);return r?e.u(Y,{avatars:a,hideAvatar:!0,isLeft:!0,message:{id:`caption-${t.name}`,type:"question",content:r.content},children:r.isHtml?e.u(h.Html,{className:"chat-message-text",html:r.content}):e.u("div",{className:"chat-message-text",children:r.content})}):null},tt=()=>{const{providerPersona:t,showProviderPersona:a,experimentFlags:r}=e.useConfig(s=>({providerPersona:s.providerPersona,showProviderPersona:s.showProviderPersona,experimentFlags:s.experimentFlags}));return(r==null?void 0:r["sdk-new-convo-ui"])&&a&&t?e.u("div",{className:"chat-persona-label",children:t}):null},rt=({card:t,userResponse:a,avatars:r})=>{const n=((s,i)=>{if((s.type==="open"||s.type==="aidynamicfollowup"||s.type==="aidynamicstandalone")&&i&&typeof i=="object"&&"value"in i)return i.value})(t,a);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`})]})},nt=({card:t,avatars:a,isCurrentQuestion:r,currentQuestionBubbleRef:n})=>{const{endCard:s,quotaEndcardText:i}=e.useConfig(g=>({endCard:g.endCard,quotaEndcardText:g.quotaEndcardText})),l=(i==null?void 0:i.headline)??(s==null?void 0:s.headline)??"Great! Thank you for your participation.",o=(i==null?void 0:i.subheader)??(s==null?void 0:s.subheader);return e.u(e.g,{children:[e.u(Y,{avatars:a,isLeft:!0,message:{id:`thanks-${t.name}`,type:"question",content:l},ref:r?n:null}),o&&e.u(Y,{avatars:a,hideAvatar:!0,isLeft:!0,message:{id:`caption-${t.name}`,type:"question",content:o}}),e.u(De,{})]})},st=({card:t,cardIndex:a,index:r,avatars:n,cardResponses:s,questionThinkingStates:i,startingQuestionIdx:l,currentQuestionBubbleRef:o,handleCardResponse:g})=>{const d=a===r,C=a<r,v=ke(t);if(v)return e.u(nt,{avatars:n,card:t,currentQuestionBubbleRef:o,isCurrentQuestion:d});const u=`${t.name}`,f=s.get(u),E=t.type==="open"||t.type==="aidynamicfollowup"||t.type==="aidynamicstandalone",y=i.get(u);if(t.type==="aidynamicfollowup"&&(t.props.loading===e.DynamicQuestionLoadingStates.failure||t.props.loading===void 0)||t.type==="aidynamicstandalone"&&t.props.loading===e.DynamicQuestionLoadingStates.failure)return e.u(e.g,{});const D=(a>(l??0)||X(t))&&t.type!=="thanks"&&t.type!=="uploading"&&(y===!0||y===void 0);return e.u(e.wn.Fragment,{children:[e.u(Je,{avatars:n,card:t,currentQuestionBubbleRef:o,isCurrentQuestion:d,isThinking:D}),!D&&e.u(e.g,{children:[e.u(et,{avatars:n,card:t}),e.u(tt,{})]}),C&&E?e.u(rt,{avatars:n,card:t,userResponse:f}):(!C||!E)&&!D&&e.u(Y,{avatars:n,isLeft:!1,message:{id:`card-${t.name}`,type:"card",content:""},children:e.u("div",{className:"chat-card-container",children:e.u(it,{card:t,className:v?"chat-thanks-card":"chat-card",isAnswered:C,next:d?g:()=>{}})})})]},`question-card-${t.name}`)},Y=e.wn.forwardRef(({message:t,isLeft:a=!1,children:r,avatars:n,hideAvatar:s=!1},i)=>{const l=a?"chat-bubble-left":"chat-bubble-right";return e.u("div",{className:`chat-bubble-container ${a?"chat-left":"chat-right"}${a&&s?" chat-no-avatar":""}`,ref:i,children:[a&&!s&&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 ${l}`,children:r||e.u("div",{className:"chat-message-text",children:t==null?void 0:t.content})}),!a&&!s&&e.u("img",{alt:"User Avatar",className:"chat-avatar chat-avatar-right",srcSet:`${n.respondentAvatar["1x"]} 1x, ${n.respondentAvatar["2x"]} 2x`})]})});Y.displayName="ChatBubble";const at=()=>{const t=e.useConfig(r=>r.close),a=e.F(()=>()=>t(Z.APP_ID),[t]);return e.u("div",{"aria-label":"Close button",className:"conversational-close-btn",onClick:a,onKeyPress:r=>{r.key==="Enter"&&a()},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"})})})},it=({card:t,next:a,className:r="",isAnswered:n=!1})=>{const s={className:n?`${r} answered-card`:r,next:n?()=>{}:a,questionId:t.name,type:t.type,isAnswered:n};switch(t.type){case"consentlegal":return e.u(we,{...s,...t.props});case"likert":return e.u(Ie,{...s,...t.props});case"matrix":return e.u(Pe,{...s,...t.props});case"multiplechoice":return e.u(qe,{...s,...t.props});case"multipleselect":return e.u(Le,{...s,...t.props});case"nps":return e.u(Be,{...s,...t.props});case"aidynamicstandalone":case"aidynamicfollowup":case"open":return e.u(Me,{...s,type:t.type,...t.props});case"rankorder":return e.u(Oe,{...s,...t.props});case"recordedtask":return e.u(je,{...s,...t.props});case"texturlprompt":return e.u(Ze,{...s,...t.props});case"thanks":return e.u(ze,{...s,...t.props});case"uploading":return e.u(Ye,{...s,...t.props});case"videovoice":return e.u(Xe,{...s,...t.props});default:return null}};exports.default=({cards:t,next:a,previousResponses:r})=>{const{cardResponses:n,setCardResponse:s}=(()=>{const[c,p]=e.h(new Map);return{cardResponses:c,setCardResponse:e.T((x,S)=>{p(b=>new Map(b).set(x,S))},[])}})(),{index:i,isLongFormSurvey:l,avatars:o,showSurveyBrand:g,forceBrandedLogo:d,marketingUrlLink:C,startingQuestionIdx:v,viewDocument:u,createDynamicFollowupQuestion:f,update:E}=e.useConfig(c=>({index:c.index,isLongFormSurvey:pe.isLongFormSurvey(c.studyType),avatars:c.avatars,forceBrandedLogo:c.forceBrandedLogo,startingQuestionIdx:c.startingQuestionIdx,showSurveyBrand:c.showSurveyBrand,marketingUrlLink:e.buildMarketingUrl({marketingUrl:c.marketingUrl,slugName:c.slugName,surveyId:c.surveyId,forceBrandedLogo:c.forceBrandedLogo}),viewDocument:c.viewDocument,createDynamicFollowupQuestion:c.createDynamicFollowupQuestion,update:c.update})),{currentQuestionBubbleRef:y,scrollToCurrentQuestion:D}=(({viewDocument:c})=>{const p=e._(null),x=e.T(()=>{const S=c.querySelector(".ul-card-main-content");if(p.current&&S&&S instanceof HTMLElement){const b=p.current.offsetTop-S.offsetTop-16;S.scrollTo({top:Math.max(0,b),behavior:"smooth"})}},[]);return{currentQuestionBubbleRef:p,scrollToCurrentQuestion:x}})({viewDocument:u}),N=((c,p,x)=>{const[S,b]=e.h(new Map);return e.p(()=>{if(c.length>0&&p<c.length){const m=c[p],R=`${m.name}`,P=q=>{if(p>0){const O=c[p-1];if(X(O)){const H=`${O.name}`,G=re(O);if(q.get(H)!==G)return new Map(q).set(H,G)}}return q};if((p<=(x??0)||ke(m))&&(m==null?void 0:m.type)!=="aidynamicstandalone")return b(q=>P(new Map(q).set(R,!1)));b(q=>{const O=!X(m)||re(m);return P(new Map(q).set(R,O))});const A=setTimeout(()=>{b(q=>{const O=!!X(m)&&re(m);return P(new Map(q).set(R,O))})},1e3);return()=>clearTimeout(A)}},[p,c,x]),S})(t,i,v);((c,p)=>{const{createDynamicStandaloneQuestion:x}=e.useConfig(m=>({createDynamicStandaloneQuestion:m.createDynamicStandaloneQuestion})),S=c[p],b=(S==null?void 0:S.type)==="aidynamicstandalone"&&S.props.loading===void 0?S.name:null;e.p(()=>{b!==null&&x({questionId:b})},[b,x])})(t,i);const k=((c,p)=>{const[x,S]=e.h(()=>new Set([c]));return e.p(()=>{S(b=>new Set(b).add(c))},[c]),e.p(()=>{const b=p??0;b>0&&S(m=>{const R=new Set(m);for(let P=0;P<=b;P++)R.add(P);return R})},[p]),x})(i,v),w=e.F(()=>({...r,...e.buildReadableResponseMap(t.map((c,p)=>{var x,S;return{...c,value:p<i?((x=n.get(`${c.name}`))==null?void 0:x.value)??null:null,secondaryValue:p<i?((S=n.get(`${c.name}`))==null?void 0:S.secondaryValue)??null:null}}))}),[r,n,t,i]);h.useSetAllResponsesRaw(w);const _=e.pipeReadableResponsesIntoCards(t,w);e.p(()=>{requestAnimationFrame(()=>{D()}),E()},[i,D,N,E]);const B=e.T((c,p)=>{if(!p)return;const x=_[i];if(!x)return;const S=`${x.name}`;s(S,c);const b={...c,questionText:e.getProcessedQuestionText(x)};x.childId&&(b==null?void 0:b.value)!=null&&e.triggerFollowUpQuestionGeneration({displayCard:x,response:b,createDynamicFollowupQuestion:f}),a([b])},[_,i,a,s]),F=_.map((c,p)=>({card:c,cardIndex:p})).filter(({cardIndex:c})=>k.has(c));return e.u("div",{className:"conversational-ui ul-conversational-ui","data-testid":"ui-container",children:[!l&&e.u(at,{}),e.u("div",{className:"chat-container",children:e.u("div",{className:"chat-messages",children:F.map(({card:c,cardIndex:p})=>e.u(st,{avatars:o,card:c,cardIndex:p,cardResponses:n,currentQuestionBubbleRef:y,handleCardResponse:B,index:i,questionThinkingStates:N,startingQuestionIdx:v},`question-card-${c.name}`))})}),l&&e.u("div",{className:"long-form-question-footer-container-logo",children:g&&e.u(e.SprigBrandLogo,{forceBrandedLogo:d,marketingUrlLink:C})})]})};