@sprig-technologies/sprig-browser 2.39.3 → 2.39.4

package/dist/conversational-ui-loLw6bPe.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./view-BE-QqXV6.cjs"),p=require("./getAttributedUrl-DmbhGoBX.cjs"),G=require("./core-DGzfRh0z.cjs"),de=require("./metricsReporter-DOjBAl52.cjs"),_e=({properties:t,surveyVideoUrl:s,questionId:r})=>{const n=`ul-card-video__question_player-q${r}`,{apiURL:i,viewDocument:o}=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,o);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:o,border:u}=e.useConfig(R=>({useMobileStyling:R.useMobileStyling,border:R.border})),[c,l]=e.h(!1),[h,y]=e.h(""),[a,d]=e.h(!1),C=r==null?void 0:r.collectName,x=(r==null?void 0:r.nameLabelText)||"Full Name",m=(r==null?void 0:r.consentText)||"I agree to the stated conditions",T=(r==null?void 0:r.submitButtonText)||"Submit",w=!!h.trim(),v=c&&(!C||w),f=(R,N=!1)=>{R.preventDefault(),R.stopPropagation();let b=null;if(!N){if(!v)return void d(!0);b={submitted:!0},C&&(b.name=h)}s({value:b,questionId:n,type:i},!!N||v)},_=R=>{R.preventDefault(),R.stopPropagation(),y(R.currentTarget.value)},I=R=>{R.currentTarget.style.borderColor=a&&!w?G.ERROR_BORDER_COLOR:u},E=R=>{R.currentTarget.style.borderColor=a&&!w?G.ERROR_BORDER_COLOR:G.DEFAULT_BORDER_COLOR},S=()=>e.u(p.QuestionBodyFooterContainer,{children:[e.u("div",{className:"sprig-stretch",children:[e.u(p.Option,{allowTextEntry:!1,border:u,error:a&&!c,id:"consent",isRadio:!1,isSelected:c,label:m,onUserInputChanged:({selected:R})=>{R!==c&&l(!c)},useMobileStyling:o}),C&&e.u("input",{"aria-label":x,"aria-placeholder":x,className:e.cc(e.getClasses("ul-consent-legal__name-input",o)),"data-gramm":"false",maxLength:250,name:"name",onBlur:E,onFocus:I,onInput:_,placeholder:x,style:a&&!w?{borderColor:G.ERROR_BORDER_COLOR}:{},tabIndex:0,value:h})]}),e.u("div",{className:"ul-card__button-wrapper ul-card-vertical__button-wrapper",children:[e.u(W,{isDisabled:!v,onClick:R=>f(new SubmitEvent(R.type)),children:e.getButtonText({buttonText:T})}),r.required===!1&&e.u("button",{className:"ul-card-skip__button",onClick:R=>f(new SubmitEvent(R.type),!0),children:e.getSkipButtonText(r)})]})]});return e.u("div",{className:e.cc(t,"ul-card__consent-legal","fade-in-transition"),children:e.u(p.MobileEmbedView,{properties:r,defaultBody:S,embeddedType:"pdf"})},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:o,scaleLabelType:u,selectedValue:c,setSelectedValue:l,setActiveValue:h,setIsPressed:y,useMobileStyling:a,value:d,viewDocument:C})=>{const x=`option-${d}`,m=u==="number",T=u==="star",w=u==="smiley",v=m&&d===t||d===c,[f,_]=(()=>{const S=T&&c!==null&&d<=c;return T&&d<=t||w&&d===t||S||d===t||d===c?[s,i||S||d===c?1:.3]:["",1]})(),I=e.F(()=>{const S={borderColor:v?f:"",fillOpacity:v?"":_,zIndex:v?3:"auto",color:c===d?"#fff":""};return m?{...S,backgroundColor:c===d?f:""}:{...S,color:T||w||c===d?f:""}},[v,f,_,c,d,m,T,w]),E=e.F(()=>G.getHtml((({icon:S,scaleLabelType:R,value:N,selectedValue:b})=>{if(R==="smiley"&&N===b){let g=0;return S.replace(/black/g,()=>++g==1?"black":"white")}return S})({icon:r,scaleLabelType:u,value:d,selectedValue:c}),n),[n,r,u,c,d]);return e.u("button",{"aria-label":m?void 0:String(d),className:(()=>{switch(u){case"star":return e.cc(e.getClasses("likert-star",a),e.getClasses(`likert-star-${d}`,a));case"smiley":return e.cc(e.getClasses("likert-smiley",a),e.getClasses(`likert-smiley-${d}`,a));default:return d===o?e.cc(e.getClasses("likert-number",a),e.getClasses(`likert-number-${d}`,a),e.getClasses("likert-last-option",a)):e.cc(e.getClasses("likert-number",a),e.getClasses(`likert-number-${d}`,a))}})(),dangerouslySetInnerHTML:{__html:E},id:x,onClick:S=>{S.preventDefault(),S.stopPropagation(),l(d)},onKeyDown:S=>{var b,g;const R=C.querySelectorAll(`.likert-${u??"number"}`),N=d-1;S.key==="ArrowRight"?(b=R[N+1])==null||b.focus():S.key==="ArrowLeft"?(g=R[N-1])==null||g.focus():S.key!=="Enter"&&S.key!==" "||(S.preventDefault(),S.stopPropagation(),l(d))},onPointerDown:()=>y(!0),onPointerEnter:()=>h(d),onPointerLeave:()=>{h(-1),y(!1)},style:I,tabIndex:0})},De=({className:t,labels:s,next:r,properties:n,questionId:i,type:o})=>{const{border:u,useMobileStyling:c,viewDocument:l,enableCspTrustedTypes:h}=e.useConfig(N=>({border:N.border,useMobileStyling:N.useMobileStyling,viewDocument:N.viewDocument,enableCspTrustedTypes:N.enableCspTrustedTypes})),[y,a]=e.h(-1),[d,C]=e.h(!1),[x,m]=e.h(null),T=s&&s.left,w=s&&s.right;let v;const{range:f,scaleLabelType:_,ratingIcons:I}=n;f&&(v=Number(f));const E=v||5,S=N=>{var b,g;switch(_){case"star":return(b=I[0])==null?void 0:b.svg;case"smiley":return(g=I[N])==null?void 0:g.svg;default:return String(N+1)}},R=[...Array(E)].map((N,b)=>{const g=b+1;return e.u(Ne,{activeValue:y,border:u,enableCspTrustedTypes:h,icon:S(b),isPressed:d,range:E,scaleLabelType:_,selectedValue:x,setActiveValue:a,setIsPressed:C,setSelectedValue:m,useMobileStyling:c,value:g,viewDocument:l},b)});return e.u("form",{className:e.cc(t,"ul-card--likert","fade-in-transition"),children:e.u(p.MobileEmbedView,{properties:n,defaultBody:()=>e.u(e.g,{children:[e.u(p.QuestionBodyWrapper,{children:[e.u("div",{"aria-label":`Rating (1 - ${E})`,className:"ul-card--likert__numbers",role:"radiogroup",children:R}),e.u("div",{className:"ul-card--likert__labels",children:[e.u("span",{children:T}),e.u("span",{children:w})]})]}),e.u(p.QuestionBodyFooterContainer,{children:e.u(W,{isDisabled:x===null&&n.required,onClick:()=>r({value:x,questionId:i,type:o},!0),children:e.getButtonText(n)})})]})})},i)},Ie=({columns:t,onSelect:s,options:r,selectedOptions:n})=>{const i=e._([]),{border:o,useMobileStyling:u}=e.useConfig(d=>({border:d.border,useMobileStyling:d.useMobileStyling})),c=r.findIndex(d=>n[d.id]===null),[l,h]=e.h(c),y=e.T((d,C)=>{s(d,C);const x=l+1,m=r[x];m&&n[m.id]===null&&h(x)},[s,r,n,l]),a=e.T((d,C)=>{const x=l===d;return e.u(e.Accordion,{animate:!0,header:C.label,isOpen:x,onClick:()=>{var m;return h(x&&!((m=window.UserLeap)!=null&&m.isMobileSDK)?-1:d)},ref:m=>{m&&(i.current[d]=m)},showHeaderCheck:n[C.id]!==null,children:e.u("div",{style:{paddingTop:"12px"},children:t.map(m=>e.u(p.Option,{allowTextEntry:!1,ariaLabel:`${C.label}-${m.label}`,border:o,error:!1,id:`${C.id}-${m.value}`,isRadio:!0,isSelected:n[C.id]===m.value,label:m.label,onUserInputChanged:()=>y(C.id,m.value),useMobileStyling:u},m.label))})},C.id)},[o,t,l,y,n,u]);return e.u("div",{children:r.map((d,C)=>a(C,d))})},we=({className:t,next:s,options:r,properties:n,questionId:i,type:o,onSubmitButtonClick:u})=>{const c=n.matrixColumn,l=n.required,h=x=>{x.preventDefault(),x.stopPropagation(),s({value:a,questionId:i,type:o},!0),u&&u()},y=r.reduce((x,m)=>(x[m.id]=null,x),{}),[a,d]=e.h(y),C=(x,m)=>{d(T=>({...T,[x]:m}))};return e.u("form",{className:e.cc(t,"ul-card__matrix","fade-in-transition"),id:"text-form",onSubmit:h,children:e.u(p.MobileEmbedView,{properties:n,defaultBody:()=>{return e.u(e.g,{children:[e.u(p.QuestionBodyWrapper,{children:e.u(Ie,{columns:c,onSelect:C,options:r,selectedOptions:a})}),e.u(p.QuestionBodyFooterContainer,{children:e.u(W,{isDisabled:(x=a,l&&Object.values(x).every(m=>m==null)),onClick:()=>h(new SubmitEvent("submit")),children:e.getButtonText(n)})})]});var x}})},i)},pe=({className:t,onSubmit:s,options:r=[],properties:n,questionId:i,type:o,showIndividualSubmit:u=!1,onSubmitButtonClick:c})=>{const{border:l,useMobileStyling:h}=e.useConfig(g=>({border:g.border,useMobileStyling:g.useMobileStyling})),y=r.reduce((g,q)=>(g[q.id]={isSelected:!1},g),{}),[a,d]=e.h(y),C=o==="multiplechoice",x=n.required,m=r.find(g=>{var q;return(q=g.optionProperties)==null?void 0:q.noneOfTheAbove}),T=g=>Object.entries(g).some(([q,U])=>{var Q;const $=r.find(F=>`${F.id}`===q),A=U.userText===void 0||U.userText.trim()==="";return((Q=$==null?void 0:$.optionProperties)==null?void 0:Q.allowsTextEntry)&&A&&U.isSelected}),w=g=>Object.values(g).filter(q=>q.isSelected).length,v=n.minSelect&&n.minSelect>0&&n.maxSelectMode===p.MaxSelectModes.Range&&w(a)<n.minSelect&&(x||w(a)>0),f=g=>T(g)||x&&!w(g)||!(q=>{const{minSelect:U=0,maxSelect:$=1/0,maxSelectMode:A}=n,Q=w(q);switch(A){case p.MaxSelectModes.Maximum:return Q<=$;case p.MaxSelectModes.Range:return Q===0||Q>=U;default:return!0}})(g),_=Object.entries(a).some(([g,q])=>{var U,$;return q.isSelected&&(($=(U=r.find(A=>`${A.id}`===g))==null?void 0:U.optionProperties)==null?void 0:$.allowsTextEntry)}),I=u&&(!C||_),E=g=>{b(g.id,g.selected,g.userText,g.noneOfTheAbove)},S=g=>{var q;return(n==null?void 0:n.maxSelectMode)!==p.MaxSelectModes.Unlimited&&w(a)===(n==null?void 0:n.maxSelect)&&!((q=a[g])!=null&&q.isSelected)},R=r.map(({id:g,label:q,value:U,optionProperties:$})=>{var z,Z;const A=`${g}`,{allowsTextEntry:Q,noneOfTheAbove:F}={allowsTextEntry:!1,noneOfTheAbove:!1,...$};return e.u(p.Option,{allowTextEntry:Q,border:l,disabled:S(A),error:(H=a,T(H)),id:A,isRadio:C,isSelected:!!((z=a[A])!=null&&z.isSelected),label:q,noneOfTheAbove:F,onUserInputChanged:E,promptText:"Please specify",text:(Z=a[g])==null?void 0:Z.userText,useMobileStyling:h,value:U},A);var H}),N=()=>{s(a,!0),c&&c()},b=(g,q,U,$)=>{const A=Object.assign({},a);if((C||$)&&q)for(const Q of Object.values(A))Q.isSelected=!1,delete Q.userText;else m&&!$&&a[m.id].isSelected&&(A[m.id].isSelected=!1);A[g]={isSelected:q,userText:U},d(A)};return e.u("form",{className:e.cc(t,"ul-card--multiple","fade-in-transition"),id:"text-form",onSubmit:N,children:e.u(p.MobileEmbedView,{properties:n,defaultBody:()=>e.u(e.g,{children:[e.u(p.QuestionBodyWrapper,{children:[n.isDropdown?e.u(p.Select,{disabledOptions:r.filter(g=>S(g.id)),dropdownFooter:v?e.u("div",{className:"ul-card__min-select-counter",style:{marginLeft:"16px"},children:[w(a),"/",n.minSelect]}):void 0,isMultiSelect:!C,multiselectText:n.dropdownMultiselectedText??"choices selected",onChange:g=>{const q={...a};for(const U of r)g.includes(U)?q[U.id].isSelected=!0:q[U.id].isSelected=!1;d(q)},options:r,placeholderText:n.dropdownPlaceholderText??(C?"Select choice":"Select choice(s)"),value:r.filter(g=>a[g.id].isSelected)}):e.u("div",{className:e.cc(e.getClasses("ul-card__choices",h)),role:C?"radiogroup":"group",children:[R,!!v&&e.u("div",{className:"ul-card__min-select-counter",children:[w(a),"/",n.minSelect]})]}),I&&e.u(p.LongformSubmitButton,{handleSubmit:N,isSubmitDisabled:f(a)})]}),e.u(p.QuestionBodyFooterContainer,{children:e.u(W,{isDisabled:f(a),onClick:N,children:e.getButtonText(n)})})]})})},i)},Ee=t=>{const{questionId:s,type:r,next:n,options:i}=t;return e.u(pe,{...t,onSubmit:(o,u)=>{const c=Object.entries(o).find(([,d])=>d.isSelected)||[void 0,void 0],[l,h]=c,y=i.find(d=>`${d.id}`===l),a=h!=null&&h.userText?{[l]:{userText:h.userText}}:null;n({value:y&&l?{[l]:y.value}:{},secondaryValue:a,questionId:s,type:r},u)}})},Be=t=>{const{questionId:s,type:r,next:n}=t;return e.u(pe,{...t,onSubmit:(i,o)=>{const u=Object.entries(i).reduce((l,[h,y])=>(l[h]=y.isSelected,l),{}),c=Object.entries(i).reduce((l,[h,y])=>{if(!y.userText)return l;const a=l||{};return a[h]={userText:y.userText},a},null);n({value:u,secondaryValue:c,questionId:s,type:r},o)}})},Pe=({className:t,labels:s,properties:r,next:n,questionId:i,type:o})=>{const[u,c]=e.h(null),{border:l,useMobileStyling:h,viewDocument:y}=e.useConfig(x=>({border:x.border,useMobileStyling:x.useMobileStyling,viewDocument:x.viewDocument})),a=s&&s.left,d=s&&s.right,C=[...Array(11)].map((x,m)=>e.u("button",{className:e.cc(e.getClasses("nps-number",h),e.getClasses(`nps-number-${m}`,h)),id:`option-${m}`,onClick:T=>{T.preventDefault(),T.stopPropagation(),c(m)},onKeyDown:T=>{var v,f;const w=y.querySelectorAll("button.nps-number");T.key==="ArrowRight"?(v=w[m+1])==null||v.focus():T.key==="ArrowLeft"?(f=w[m-1])==null||f.focus():T.key!=="Enter"&&T.key!==" "||(T.preventDefault(),T.stopPropagation(),c(m))},onPointerDown:T=>{T.currentTarget.style.zIndex="2",T.currentTarget.style.borderColor=l},onPointerLeave:T=>{T.currentTarget.style.zIndex="auto",T.currentTarget.style.borderColor=G.DEFAULT_BORDER_COLOR},style:u===m?{backgroundColor:l,color:"#fff"}:void 0,tabIndex:0,children:m},m));return e.u("form",{className:e.cc(t,"ul-card--nps","fade-in-transition"),children:e.u(p.MobileEmbedView,{properties:r,defaultBody:()=>e.u(e.g,{children:[e.u(p.QuestionBodyWrapper,{children:[e.u("div",{className:"ul-card--nps__numbers",children:C}),e.u("div",{className:"ul-card--nps__labels",children:[e.u("span",{children:a}),e.u("span",{children:d})]})]}),e.u(p.QuestionBodyFooterContainer,{children:e.u(W,{isDisabled:u===null&&r.required,onClick:()=>n({value:u,questionId:i,type:o},!0),children:e.getButtonText(r)})})]})})},i)},qe=({className:t,next:s,properties:r,questionId:n,type:i,onSubmitButtonClick:o})=>{const{border:u,useMobileStyling:c,update:l}=e.useConfig(_=>({border:_.border,useMobileStyling:_.useMobileStyling,update:_.update})),[h,y]=e.h(""),a=e._(null),d=h.trim(),C=r.required===!0&&!d,x=p.useAutoSize(a,()=>l()),m=_=>{const{value:I}=_.currentTarget;x(),_.preventDefault(),_.stopPropagation(),y(I)},T=_=>{_.preventDefault(),_.stopPropagation();const I=r.required!==!0||d.length>0;s({value:h,questionId:n,type:i},I),o&&o()},w=r&&r.openTextPlaceholder?r.openTextPlaceholder:"",v=_=>{_.currentTarget.style.borderColor=u},f=_=>{_.currentTarget.style.borderColor=G.DEFAULT_BORDER_COLOR};return e.u("form",{className:e.cc(t,"ul-card-text","fade-in-transition"),id:"text-form",children:e.u(p.MobileEmbedView,{defaultBody:()=>e.u("div",{className:"ul-card-text",children:[e.u(p.QuestionBodyWrapper,{children:[e.u("div",{className:"ul-card-text__container",children:e.u("textarea",{"aria-describedby":"ul-caption","aria-labelledby":"ul-question","aria-multiline":"true","aria-placeholder":w,className:e.cc(e.getClasses("ul-card-text__input",c)),"data-gramm":"false",maxLength:5e3,name:"text",onBlur:f,onChange:m,onFocus:v,placeholder:w,ref:a,role:"textbox",tabIndex:0})}),r.footerHtml&&e.u(p.Html,{className:"footer",html:r.footerHtml})]}),e.u(p.QuestionBodyFooterContainer,{children:e.u(W,{isDisabled:C,onClick:T,children:e.getButtonText(r)})})]}),properties:r})},n)},Me=({className:t,labels:s,next:r,properties:n,questionId:i,type:o,onSubmitButtonClick:u,options:c})=>{const l=e._(null),h=e._(0),y=e._(0),a=e._(null),d=e._(!1),C=e._([]),[x,m]=e.h(()=>(n==null?void 0:n.required)===!0),[T,w]=e.h(()=>c.map(k=>({...k,rank:null}))),v=e.F(()=>Array.from({length:c.length},(k,B)=>B+1),[c.length]),{useMobileStyling:f,isPreview:_,headers:I}=e.useConfig(k=>({useMobileStyling:k.useMobileStyling,isPreview:k.isPreview,headers:k.headers})),E=(I==null?void 0:I["userleap-platform"])==="android",S=f&&!_&&!E,R=!S&&!E,N=(k,B)=>{w(P=>{const D=parseInt(B),L=P.map(M=>({...M}));L.some(M=>M.rank==null)&&L.forEach((M,Y)=>M.rank=Y+1);const V=L.findIndex(M=>M.id===k);if(V===-1)return P;const O=L[V].rank;return D<O?L.forEach(M=>{M.id!==k&&M.rank>=D&&M.rank<O&&(M.rank=M.rank+1)}):D>O&&L.forEach(M=>{M.id!==k&&M.rank>O&&M.rank<=D&&(M.rank=M.rank-1)}),L[V].rank=D,L.sort((M,Y)=>M.rank-Y.rank),F(),L})},b=(k,B)=>{for(let P=0;P<C.current.length;P++){const D=C.current[P];if(!D||D===a.current)continue;const L=D.getBoundingClientRect();if(k>=L.left&&k<=L.right&&B>=L.top&&B<=L.bottom)return{element:D,index:P}}return null},g=k=>B=>{if(!S)return;B.preventDefault(),B.stopPropagation(),d.current=!0,l.current=k;const P=B.touches[0];h.current=P.clientY,y.current=P.clientY;const D=B.currentTarget.closest(".ul-card-rank__option");D&&(a.current=D,D.classList.add("is-dragging"))},q=k=>{if(!S||!d.current||l.current===null)return;k.preventDefault(),k.stopPropagation();const B=k.touches[0];y.current=B.clientY;const P=y.current-h.current;a.current&&(a.current.style.transform=`translateY(${P}px)`,a.current.style.zIndex="1000"),C.current.forEach(L=>{L&&L!==a.current&&L.classList.remove("is-drop-target")});const D=b(B.clientX,B.clientY);D&&D.element.classList.add("is-drop-target")},U=k=>{if(!S||!d.current||l.current===null)return;k.preventDefault(),k.stopPropagation();const B=k.changedTouches[0],P=b(B.clientX,B.clientY);a.current&&(a.current.style.transform="",a.current.style.zIndex="",a.current.classList.remove("is-dragging")),C.current.forEach(D=>{D&&D.classList.remove("is-drop-target")}),P&&P.index!==l.current&&$(l.current,P.index),l.current=null,a.current=null,d.current=!1},$=(k,B)=>{w(P=>{const D=P.map(V=>({...V})),[L]=D.splice(k,1);return D.splice(B,0,L),D.forEach((V,O)=>{V.rank=O+1}),F(),D})},A=k=>{k.preventDefault(),k.dataTransfer&&(k.dataTransfer.dropEffect="move")},Q=k=>{const B={};k.reduce((P,D)=>(P[D.id]=D.rank,P),B),r({value:B,questionId:i,type:o},!0)},F=()=>{m(!1)},{left:H,right:z}=s,Z=c.length,ke=k=>{k.preventDefault(),k.currentTarget.classList.add("is-drop-target")},xe=k=>{k.currentTarget.classList.remove("is-drop-target")},Te=k=>{l.current=null,k.currentTarget.classList.remove("is-dragging")};return e.u("form",{className:e.cc(t,"ul-card-rank","fade-in-transition"),onSubmit:k=>{k.preventDefault(),Q(T),u&&u()},children:e.u(p.MobileEmbedView,{properties:n,defaultBody:()=>E?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 - ",H]})}),e.u("ol",{className:"ul-card-rank__list",children:T.map(({id:k,label:B,rank:P})=>e.u("li",{className:"ul-card-rank__option",children:[e.u("select",{"aria-label":`Rank for ${B}`,className:e.cc("ul-card-rank__select",P==null&&"ul-card-rank__select--placeholder"),name:`rank[${k}]`,onChange:D=>N(k,D.currentTarget.value),value:P??"",children:[P==null&&e.u("option",{className:"ul-card-rank__select-option",disabled:!0,value:"",children:"-"}),v.map(D=>e.u("option",{className:"ul-card-rank__select-option",value:D,children:D},`${D}-${i}`))]}),e.u("span",{children:B})]},k))}),e.u("div",{className:"ul-card-rank__labels",children:e.u("span",{children:[Z," - ",z]})})]})})}):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 - ",H]})}),e.u("ol",{className:"ul-card-rank__list",onDragOver:E?void 0:A,children:T.map(({id:k,label:B,rank:P},D)=>{return e.u("li",{className:"ul-card-rank__option",draggable:!!R||void 0,onDragEnd:R?Te:void 0,onDragEnter:R?ke:void 0,onDragLeave:R?xe:void 0,onDragStart:R?(V=D,O=>{l.current=V,O.dataTransfer&&(O.dataTransfer.effectAllowed="move",O.dataTransfer.setData("text/plain",String(V)),O.currentTarget.classList.add("is-dragging"))}):void 0,onDrop:R?(L=D,O=>{var Y,ae;O.preventDefault(),O.currentTarget.classList.remove("is-drop-target");const M=l.current;l.current=null,(ae=(Y=O.currentTarget.closest(".ul-card-rank__list"))==null?void 0:Y.querySelector(".is-dragging"))==null||ae.classList.remove("is-dragging"),M!=null&&M!==L&&$(M,L)}):void 0,ref:O=>C.current[D]=O,children:[e.u("select",{"aria-label":`Rank for ${B}`,className:e.cc("ul-card-rank__select",P==null&&"ul-card-rank__select--placeholder"),name:`rank[${k}]`,onChange:O=>N(k,O.currentTarget.value),value:P??"",children:[P==null&&e.u("option",{className:"ul-card-rank__select-option",disabled:!0,value:"",children:"-"}),v.map(O=>e.u("option",{className:"ul-card-rank__select-option",value:O,children:O},O))]}),e.u("span",{children:B}),!E&&e.u("button",{"aria-label":`Drag ${B} to reorder`,className:"ul-card-rank__drag-btn",onTouchEnd:S?U:void 0,onTouchMove:S?q:void 0,onTouchStart:S?g(D):void 0,title:"Drag to reorder",type:"button",children:e.u("svg",{fill:"none",height:"17",viewBox:"0 0 16 17",width:"16",xmlns:"http://www.w3.org/2000/svg",children:e.u("path",{d:"M5.75 11.625C6.37132 11.625 6.875 12.1287 6.875 12.75C6.875 13.3713 6.37132 13.875 5.75 13.875C5.12868 13.875 4.625 13.3713 4.625 12.75C4.625 12.1287 5.12868 11.625 5.75 11.625ZM10.25 11.625C10.8713 11.625 11.375 12.1287 11.375 12.75C11.375 13.3713 10.8713 13.875 10.25 13.875C9.62868 13.875 9.125 13.3713 9.125 12.75C9.125 12.1287 9.62868 11.625 10.25 11.625ZM5.75 7.375C6.37132 7.375 6.875 7.87868 6.875 8.5C6.875 9.12132 6.37132 9.625 5.75 9.625C5.12868 9.625 4.625 9.12132 4.625 8.5C4.625 7.87868 5.12868 7.375 5.75 7.375ZM10.25 7.375C10.8713 7.375 11.375 7.87868 11.375 8.5C11.375 9.12132 10.8713 9.625 10.25 9.625C9.62868 9.625 9.125 9.12132 9.125 8.5C9.125 7.87868 9.62868 7.375 10.25 7.375ZM5.75 3.125C6.37132 3.125 6.875 3.62868 6.875 4.25C6.875 4.87132 6.37132 5.375 5.75 5.375C5.12868 5.375 4.625 4.87132 4.625 4.25C4.625 3.62868 5.12868 3.125 5.75 3.125ZM10.25 3.125C10.8713 3.125 11.375 3.62868 11.375 4.25C11.375 4.87132 10.8713 5.375 10.25 5.375C9.62868 5.375 9.125 4.87132 9.125 4.25C9.125 3.62868 9.62868 3.125 10.25 3.125Z",fill:"currentColor"})})})]},k);var L,V})}),e.u("div",{className:"ul-card-rank__labels",children:e.u("span",{children:[Z," - ",z]})})]})}),e.u(p.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-card__button-wrapper",children:e.u(p.Button,{disabled:x,children:e.getButtonText(n)})})})]})})},i)},te=1,me=2,ge=3,X=t=>t.type==="av_permission",oe=t=>t.type==="screen_permission",he=(t,s)=>t===void 0?te:t?((r,n)=>!(X(n)?n.permissionDescriptors:[]).includes("camera")||r.getVideoTracks().length>0)(t,s)?ge:te:me,le={avStream:null,currentPage:null,mediaRecordingUids:null,nextQuestion:()=>{},passthroughData:void 0,recordingMediaTypes:void 0,screenPermissionRequested:!1,type:void 0},j=e.create(t=>({...le,reset:()=>{t(le)},updatePage:s=>{t(s)}}));function re({currentPage:t,pages:s}){const{avStream:r,recordingMediaTypes:n,updatePage:i}=j.getState(),{recorderEventEmitter:o}=e.useConfig.getState();o.emit("av.permission",{"permission.descriptors":t.permissionDescriptors,"stream.ready":(u,c)=>{if(r===u)return;let l=t;if(u&&!t.permissionDescriptors.includes("camera")){const h=s.indexOf(t),y=c!=null&&c.active?h+2:h+1;c!=null&&c.active&&n&&o.emit("begin.recording",{"recording.media.types":n,"start.recording.callback":a=>i({mediaRecordingUids:a})}),l=s[y]}i({currentPage:l,avStream:u})}})}function ne({status:t}){const{nextQuestion:s,passthroughData:r,mediaRecordingUids:n,reset:i}=j.getState(),{recorderEventEmitter:o,handleUploadUpdate:u,index:c}=e.useConfig.getState(),l={value:{taskStatus:t},type:"recordedtask",questionId:(r==null?void 0:r.questionId)||1};r&&o.emit("finish.task",{"begin.callback":h=>{u({mediaRecordingUid:h,isSubmitted:!0,progressPct:0,isComplete:!1})},"progress.callback":(h,y)=>{u({mediaRecordingUid:h,progressPct:y.detail,isSubmitted:!1,isComplete:!1})},"upload.callback":h=>{h&&u({mediaRecordingUid:h,isComplete:!0,isSubmitted:!0,progressPct:100})},"passthrough.data":r,"current.index":c,"task.response":l,"task.complete.callback":h=>{l.value.taskDurationMillisecond=h,n&&(l.value.mediaRecordingUids=n),i(),s(l)}})}function se({pages:t,setIsRequestingPermission:s}){const{recorderEventEmitter:r,eventEmitFn:n}=e.useConfig.getState(),{updatePage:i,currentPage:o,recordingMediaTypes:u,screenPermissionRequested:c}=j.getState();if(!o)return;const l=t.indexOf(o);switch(o.type){case"av_permission":{const h=c?l+2:l+1;return c&&u&&r.emit("begin.recording",{"recording.media.types":u,"start.recording.callback":y=>{i({mediaRecordingUids:y})}}),void i({currentPage:t[h]})}case"screen_permission":return void r.emit("screen.permission",{"screen.permission.requested":s,"stream.ready.callback":(h,y)=>{const a=y?t[l+1]:o;y&&u&&r.emit("begin.recording",{"recording.media.types":u,"start.recording.callback":d=>{i({captureStream:y,mediaRecordingUids:d})}}),i({currentPage:a,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[l+1],screenPermissionRequested:!0});case"complete_task":return}}const ve="ul-permission-graphics-container",be="ul-permission-body",ye=e.cc(ve,"ul_recorded-task-inset-spacing"),J=e.cc("ul-horizontal-button-container","ul-horizontal-button-container-left"),fe=({richTextBody:t})=>e.u(p.Html,{className:"ul-rich-text-body",html:t,id:"ul-task-detail-container"}),ee=({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:ne.bind(null,{status:"abandoned"}),children:s||"Skip"}),ie=t=>{const{avStream:s,captureStream:r,recordingMediaTypes:n,updatePage:i}=j.getState(),o=(n==null?void 0:n.includes("audio"))||(n==null?void 0:n.includes("video"));e.p(()=>{const u=setInterval(()=>{o&&s&&!s.active?i({avStream:null,currentPage:t[0]}):r&&r.active||i({captureStream:void 0,currentPage:t[o?1:0]})},1e3);return()=>clearInterval(u)},[s,r,o,t,n,i])},Le=({content:t,pages:s,required:r})=>{const{buttonText:n,skipButtonText:i,taskDetail:o}=t;return ie(s),e.u("div",{className:"ul-task-page",children:[o&&e.u(fe,{richTextBody:o}),e.u("div",{className:J,children:[e.u(p.Button,{onClick:se.bind(null,{pages:s}),children:n}),e.u(ee,{required:r,skipButtonText:i})]})]},"start-task")},Oe=({content:t,pages:s,properties:r})=>{const{buttonText:n,skipButtonText:i}=t;ie(s);const o=e.u(p.MobileEmbedView,{properties:r,defaultBody:()=>e.u("div",{className:J,children:[e.u(p.Button,{className:"ul-complete-task-button",onClick:ne.bind(null,{status:"completed"}),children:n}),e.u(p.Button,{className:e.cc("ul-button-inactive"),onClick:ne.bind(null,{status:"given.up"}),children:i})]})});return e.u("div",{className:"ul-task-page",children:[t.taskDetail&&e.u(fe,{richTextBody:t.taskDetail}),o]},"complete-task")},Ue=({content:t,pages:s,required:r})=>{const{buttonText:n,skipButtonText:i}=t,[o]=e.useConfig(l=>[l.tabTitle]),[u,c]=e.h(!1);return e.u("div",{children:[e.u("div",{className:ye,children:[e.u("p",{style:{marginTop:"auto"},children:t.selectTabText}),e.u("div",{className:"ul-select-tab-container",children:e.u("p",{className:be,children:o})})]}),e.u("div",{className:r?"":J,children:[e.u(p.Button,{disabled:u,onClick:se.bind(null,{pages:s,setIsRequestingPermission:c}),children:n}),e.u(ee,{required:r,skipButtonText:i})]})]})},Ae=({content:t})=>e.u(p.Html,{className:e.cc(ve,"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:o,tryAgainButtonText:u}=t,c=X(s[0])?s[0]:null;return e.p(()=>{const l=setInterval(()=>{c!==null&&re({currentPage:c,pages:s})},1e3);return()=>clearInterval(l)},[c,s]),c?e.u("div",{children:[e.u("div",{className:ye,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:be,children:i})]})}),e.u("div",{className:J,children:[e.u(p.Button,{onClick:re.bind(null,{currentPage:c,pages:s}),children:u}),e.u(ee,{required:r,skipButtonText:o})]})]}):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 ie(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:se.bind(null,{pages:s}),children:t.buttonText}),e.u(ee,{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 o=he(n,i);return o===te?e.u(Ae,{content:i}):o===me?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:o,responseGroupUid:u,userId:c}=i,l=j(),{screenPermissionRequested:h}=l,y=j(m=>m.avStream);let a=j(m=>m.currentPage);a||(a=function({pages:m,userId:T,responseGroupUid:w,surveyId:v,questionId:f,next:_}){const{updatePage:I}=j.getState(),{eventEmitFn:E,recorderEventEmitter:S}=e.useConfig.getState(),R={questionId:f,surveyId:v,visitorId:T,responseGroupUid:w};let N=0;S.emit("recorded.task.permission.screen"),E("recorded.task.permission.screen"),S.emit("permission.status",{"permission.status.callback":(g,q,U,$)=>{const A=m[N],{type:Q}=A,F=["screen"];if(X(A)){const{permissionDescriptors:H}=A,z=H==null?void 0:H.includes("microphone"),Z=H==null?void 0:H.includes("camera");z&&F.push("audio"),Z&&F.push("video"),(g!=null&&g.active&&!Z||g!=null&&g.active&&q)&&N++}oe(m[N])&&U&&(N++,S.emit("begin.recording",{"recording.media.types":F,"start.recording.callback":H=>I({mediaRecordingUids:H})})),I({currentPage:m[N],avStream:g,screenPermissionRequested:U,nextQuestion:_,type:Q,passthroughData:R,recordingMediaTypes:F,captureStream:$})}});const b=m[N];return b.type==="av_permission"&&re({currentPage:b,pages:m}),b}({questionId:n,surveyId:o,next:m=>{r(m,!0)},pages:s.pages,responseGroupUid:u,userId:c}));let d=a.headline,C=a.captionText;const x=he(y,a);return oe(a)&&h&&(d=a.permissionDeniedHeadline,C=a.permissionDeniedCaptionText),X(a)&&x===ge&&(d=a.permissionGrantedHeadline,C=a.permissionGrantedCaptionText),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:d,properties:{captionText:C}}),e.u(p.QuestionBodyWrapper,{children:e.u(Fe,{properties:s})})]})},Ge=({className:t,next:s,properties:r,questionId:n,type:i})=>{const{visitorAttributes:o,isLongFormSurvey:u}=e.useConfig(a=>({visitorAttributes:a.visitorAttributes,isLongFormSurvey:de.isLongFormSurvey(a.studyType)})),c=(a,d=!1)=>{s({value:d?{skipped:!0}:void 0,questionId:n,type:i},!0)},l=a=>{a.key!=="Enter"&&a.key!==" "||s({value:void 0,questionId:n,type:i},!0)},h=p.getAttributedUrl(r&&r.buttonUrl,o),y=u&&r.promptActionType===p.PromptActionTypeEnum.NO_BUTTON?()=>e.u(e.g,{}):()=>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:h,id:"ul-card-text__button",onClick:c,onKeyPress:l,rel:"noreferrer",role:h?"link":"button",tabIndex:0,target:"_blank",children:e.getButtonText(r)}),r.required===!1&&e.u("button",{className:"ul-card-skip__button",onClick:a=>c(0,!0),children:e.getSkipButtonText(r)})]})});return e.u("div",{className:e.cc(t,"ul-card__text-url-prompt","fade-in-transition"),children:e.u(p.MobileEmbedView,{defaultBody:y,properties:r})},n)},je=({className:t,questionId:s})=>{const{border:r,destroy:n,endCard:i,forceBrandedLogo:o}=e.useConfig(l=>({border:l.border,destroy:l.destroy,endCard:l.endCard,forceBrandedLogo:l.forceBrandedLogo}));e.p(()=>{setTimeout(()=>{n(G.APP_ID)},o?4e3:2e3)},[n,o]);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(o=>({uploadProgress:o.uploadProgress}));let r,n;Object.values(s).filter(o=>o.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(o=>o.isSubmitted).map(o=>o.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})]})},ue=0,ce=1,We=({className:t,next:s,properties:r,questionId:n,type:i})=>{const o=`ul-card-video__player_recorder-q${n}`,{apiURL:u,envId:c,handleUploadUpdate:l,headers:h,responseGroupUid:y,surveyId:a,update:d,viewDocument:C,visitorId:x}=e.useConfig(b=>({apiURL:b.apiURL,envId:b.envId,handleUploadUpdate:b.handleUploadUpdate,headers:b.headers,responseGroupUid:b.responseGroupUid,surveyId:b.surveyId,update:b.update,viewDocument:b.viewDocument,visitorId:b.userId})),[m,T]=e.h(!1),[w,v]=e.h(null),[f,_]=e.h(null),[I,E]=e.h(ue),S=e._(null);e.p(()=>{const b=S.current,g=new ResizeObserver(()=>{d()});return b&&g.observe(b),()=>{b&&g.unobserve(b)}},[d]);const R=(b,g)=>{b===p.RECORDER.UPLOAD_STARTED?(v(g[p.RECORDER.UPLOAD_ID]),_(g[p.RECORDER.MEDIA_RECORDING_UID]),T(!0)):b===p.RECORDER.DELETE?(v(null),_(null),T(!1)):b===p.RECORDER.UPLOAD_PROGRESS?isNaN(g[p.RECORDER.UPLOAD_PROGRESS_PCT])?l({mediaRecordingUid:g[p.RECORDER.MEDIA_RECORDING_UID],isComplete:!0}):l({mediaRecordingUid:g[p.RECORDER.MEDIA_RECORDING_UID],progressPct:g[p.RECORDER.UPLOAD_PROGRESS_PCT]}):b===p.RECORDER.UPLOAD_FINISHED&&l({mediaRecordingUid:g[p.RECORDER.MEDIA_RECORDING_UID],isComplete:!0})},N=b=>{b.preventDefault(),b.stopPropagation(),document.getElementById(o)&&p.stopRecording(o),w&&f?(l({mediaRecordingUid:f,isSubmitted:!0}),s({value:{mediaRecordingUid:f},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:S,style:{display:I===ue?"":"none"},children:e.u(p.MobileEmbedView,{defaultBody:()=>e.u("button",{className:"ul-video-btn ul-record-response-btn",onClick:b=>{b.preventDefault(),b.stopPropagation(),document.getElementById(o)&&p.pauseQuestionPlayer(o),E(ce)}}),properties:r})}),e.u("div",{style:{display:I===ce?"block":"none"},children:e.u("div",{id:"ul-recorder-player-container",ref:b=>{if(b&&b.children.length===0){const g=p.videoRecorderPlayer(o,{surveyId:a,responseGroupUid:y,questionId:n,visitorId:x,envId:c},u,R,void 0,{...h,"x-ul-video-recorder-origin":"sdk"},r.mediaType===p.RECORDER.MEDIA_TYPE_AUDIO,C);b.appendChild(g)}}})})]}),e.u(p.QuestionBodyFooterContainer,{children:[e.u(W,{isDisabled:!!r.required&&!m,onClick:N,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:N,style:{...r.required?{display:"none"}:{},...m?{display:"none"}:{}},children:e.getSkipButtonText(r)})]})]})},Ce=t=>t.type==="thanks"||t.type==="uploading",Ye=({card:t,avatars:s,isThinking:r,isCurrentQuestion:n,currentQuestionBubbleRef:i})=>{const o=(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:o.content},ref:n?i:null,children:r?e.u(Ze,{}):e.u(e.g,{children:[o.isHtml?e.u(p.Html,{className:"chat-message-text",html:o.content}):e.u("div",{className:"chat-message-text",children:o.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,o=[{key:"captionHtml",isHtml:!0},{key:"captionText",isHtml:!1},{key:"richTextBody",isHtml:!0},{key:"body",isHtml:!1}];for(const{key:u,isHtml:c}of o){const l=i[u];if(typeof l!="string")continue;const h=l.trim();if(h){if(c&&!h.replaceAll(/<[^>]*>/g,"").trim())continue;return{content:h,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,o)=>{if(i.type==="open"&&o&&typeof o=="object"&&"value"in o)return o.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(o=>({endCard:o.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:o,startingQuestionIdx:u,currentQuestionBubbleRef:c,handleCardResponse:l})=>{const h=s===r,y=s<r,a=Ce(t);if(a)return e.u(Je,{avatars:n,card:t,currentQuestionBubbleRef:c,isCurrentQuestion:h});const d=`${t.name}`,C=i.get(d),x=t.type==="open",m=o.get(d),T=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:h,isThinking:T}),!T&&e.u(Ke,{avatars:n,card:t}),y&&x?e.u(Xe,{avatars:n,card:t,userResponse:C}):(!y||!x)&&!T&&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:a?"chat-thanks-card":"chat-card",isAnswered:y,next:h?l:()=>{}})})})]},`question-card-${t.name}`)},K=e.wn.forwardRef(({message:t,isLeft:s=!1,children:r,avatars:n,hideAvatar:i=!1},o)=>{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:o,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(Be,{...i,...t.props});case"nps":return e.u(Pe,{...i,...t.props});case"open":return e.u(qe,{...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:o}=(()=>{const v=e._(null),f=e._(null),_=e.T(()=>{if(f.current&&v.current){const I=v.current,E=f.current.offsetTop-I.offsetTop-16;I.scrollTo({top:Math.max(0,E),behavior:"smooth"})}},[]);return{messagesContainerRef:v,currentQuestionBubbleRef:f,scrollToCurrentQuestion:_}})(),{cardResponses:u,setCardResponse:c}=(()=>{const[v,f]=e.h(new Map);return{cardResponses:v,setCardResponse:e.T((_,I)=>{f(E=>new Map(E).set(_,I))},[])}})(),{index:l,isLongFormSurvey:h,avatars:y,startingQuestionIdx:a}=e.useConfig(v=>({index:v.index,isLongFormSurvey:de.isLongFormSurvey(v.studyType),avatars:v.avatars,startingQuestionIdx:v.startingQuestionIdx})),d=((v,f,_)=>{const[I,E]=e.h(new Map);return e.p(()=>{if(v.length>0&&f<v.length){const S=v[f],R=`${S.name}`;if(f<=(_??0)||Ce(S))return void E(b=>new Map(b).set(R,!1));E(b=>new Map(b).set(R,!0));const N=setTimeout(()=>{E(b=>new Map(b).set(R,!1))},1e3);return()=>clearTimeout(N)}},[f,v,_]),I})(t,l,a),C=((v,f)=>{const[_,I]=e.h(new Set([0]));return e.p(()=>{I(E=>new Set(E).add(v))},[v]),e.p(()=>{const E=f??0;E>0&&I(S=>{const R=new Set(S);for(let N=0;N<=E;N++)R.add(N);return R})},[f]),_})(l,a),x=e.F(()=>({...r,...e.buildReadableResponseMap(t.map((v,f)=>{var _,I;return{...v,value:f<l?((_=u.get(`${v.name}`))==null?void 0:_.value)??null:null,secondaryValue:f<l?((I=u.get(`${v.name}`))==null?void 0:I.secondaryValue)??null:null}}))}),[r,u,t,l]),m=e.pipeReadableResponsesIntoCards(t,x);e.p(()=>{requestAnimationFrame(()=>{o()})},[l,o,d]);const T=e.T((v,f)=>{if(!f)return;const _=m[l];if(!_)return;const I=`${_.name}`;c(I,v),s([v])},[m,l,s,c]),w=m.map((v,f)=>({card:v,cardIndex:f})).filter(({cardIndex:v})=>C.has(v));return e.u("div",{className:"conversational-ui ul-conversational-ui","data-testid":"ui-container",children:[!h&&e.u(tt,{}),e.u("div",{className:"chat-container",ref:n,children:e.u("div",{className:"chat-messages",children:w.map(({card:v,cardIndex:f})=>e.u(et,{avatars:y,card:v,cardIndex:f,cardResponses:u,currentQuestionBubbleRef:i,handleCardResponse:T,index:l,questionThinkingStates:d,startingQuestionIdx:a},`question-card-${v.name}`))})})]})};