@sprig-technologies/sprig-browser 2.39.0 → 2.39.3

package/dist/conversational-ui-Dfd7UJ-H.cjs

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

package/dist/index-DA4zJIRr.cjs

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