https://cdn.coda.io/assets/290.c573569d7364db81.chunk.js

1"use strict";(self.webpackChunkCoda=self.webpackChunkCoda||[]).push([["290"],{65177:function(e,r,t){t.r(r),t.d(r,{default:function(){return de}});var n=t(67602),a=t(23720),i=t(13565),s=t(84091);const l=({properties:e,surveyVideoUrl:r,questionId:t})=>{const i=`ul-card-video__question_player-q${t}`,{apiURL:s,viewDocument:l}=(0,n.a)((e=>({apiURL:e.apiURL,viewDocument:e.viewDocument})));return(0,n.u)("div",{id:i,ref:t=>{if(0===(null==t?void 0:t.children.length)&&!e.properties.hideRecordedPrompt){const n=(0,a.v)(i,{src:r,type:"application/x-mpegURL"},void 0,e.properties.mediaType===a.R.MEDIA_TYPE_AUDIO,s,l);t.appendChild(n)}}})},o=()=>(0,n.u)("svg",{fill:"none",height:"10",viewBox:"0 0 13 10",width:"13",xmlns:"http://www.w3.org/2000/svg",children:(0,n.u)("path",{d:"M11.5 1.5L4.5 8.5L1 5",stroke:"#FFFFFF",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})}),u=({isDisabled:e,onClick:r,children:t,style:i,showCheckmark:s})=>{const l=s??("string"==typeof t&&"finish"===t.toLowerCase());return(0,n.u)(a.B,{disabled:!!e,onClick:r,style:i,type:"button",children:[l&&(0,n.u)("span",{style:{paddingRight:"4px"},children:(0,n.u)(o,{})}),t]})},c=({className:e,next:r,properties:t,questionId:s,type:l,isAnswered:o})=>{const{useMobileStyling:c,border:d,cards:p}=(0,n.a)((e=>({useMobileStyling:e.useMobileStyling,border:e.border,cards:e.cards}))),[m,h]=(0,n.h)(!1),[v,g]=(0,n.h)(""),[b,y]=(0,n.h)(!1),f=null==t?void 0:t.collectName,k=(null==t?void 0:t.nameLabelText)||"Full Name",x=(null==t?void 0:t.consentText)||"I agree to the stated conditions",C=(0,n.e)({buttonText:(null==t?void 0:t.submitButtonText)||"Submit"}),S=(0,n.i)(s,p),T=!!v.trim(),_=m&&(!f||T),N=(e,t=!1)=>{e.preventDefault(),e.stopPropagation();let n=null;if(!t){if(!_)return void y(!0);n={submitted:!0},f&&(n.name=v)}r({value:n,questionId:s,type:l},!!t||_)};return(0,n.u)("div",{className:(0,n.c)(e,"ul-card__consent-legal","fade-in-transition"),children:(0,n.u)(a.M,{embeddedType:"pdf",properties:t,children:(0,n.u)(a.Q,{children:[(0,n.u)("div",{className:"sprig-stretch",children:[(0,n.u)(a.O,{allowTextEntry:!1,border:d,error:b&&!m,id:"consent",isRadio:!1,isSelected:m,label:x,onUserInputChanged:({selected:e})=>{e!==m&&h(!m)},useMobileStyling:c}),f&&(0,n.u)("input",{"aria-label":k,"aria-placeholder":k,className:(0,n.c)((0,n.b)("ul-consent-legal__name-input",c)),"data-gramm":"false",maxLength:250,name:"name",onBlur:e=>{e.currentTarget.style.borderColor=b&&!T?i.E:i.D},onFocus:e=>{e.currentTarget.style.borderColor=b&&!T?i.E:d},onInput:e=>{e.preventDefault(),e.stopPropagation(),g(e.currentTarget.value)},placeholder:k,style:b&&!T?{borderColor:i.E}:{},tabIndex:0,value:v})]}),(0,n.u)("div",{className:"ul-card__button-wrapper ul-card-vertical__button-wrapper",children:!o&&(t.required?(0,n.u)(u,{isDisabled:!_,onClick:e=>N(new SubmitEvent(e.type)),showCheckmark:S,children:C}):(0,n.u)(n.g,{children:[(0,n.u)(u,{isDisabled:!_,onClick:e=>N(new SubmitEvent(e.type)),showCheckmark:S,children:C}),(0,n.u)("button",{className:"ul-card-skip__button",onClick:e=>N(new SubmitEvent(e.type),!0),children:(0,n.f)(t)})]}))})]})})},s)},d=()=>{const{destroy:e,forceBrandedLogo:r}=(0,n.a)((e=>({destroy:e.destroy,forceBrandedLogo:e.forceBrandedLogo})));return(0,n.p)((()=>{setTimeout((()=>{e(i.A)}),r?4e3:2e3)}),[e,r]),(0,n.u)("div",{className:"end-of-survey-text",children:"End of survey"})},p=({activeValue:e,border:r,icon:t,enableCspTrustedTypes:s,isPressed:l,range:o,scaleLabelType:u,selectedValue:c,setSelectedValue:d,setActiveValue:p,setIsPressed:m,useMobileStyling:h,value:v,viewDocument:g})=>{const b=`option-${v}`,y="number"===u,f="star"===u,k="smiley"===u,x=y&&v===e||v===c,[C,S]=(()=>{const t=f&&null!==c&&v<=c;return f&&v<=e||k&&v===e||t||v===e||v===c?[r,l||t||v===c?1:.3]:["",1]})(),T=(0,n.F)((()=>{const e={borderColor:x?C:"",fillOpacity:x?"":S,zIndex:x?3:"auto",color:c===v?"var(--inverse-text-color)":""};return y?{...e,backgroundColor:c===v?C:""}:{...e,color:f||k||c===v?C:""}}),[x,C,S,c,v,y,f,k]),_=(0,n.F)((()=>(0,i.g)((0,a.g)({icon:t,scaleLabelType:u,value:v,selectedValue:c}),s)),[s,t,u,c,v]);return(0,n.u)("button",{"aria-label":y?void 0:String(v),className:(()=>{switch(u){case"star":return(0,n.c)((0,n.b)("likert-star",h),(0,n.b)(`likert-star-${v}`,h));case"smiley":return(0,n.c)((0,n.b)("likert-smiley",h),(0,n.b)(`likert-smiley-${v}`,h));default:return v===o?(0,n.c)((0,n.b)("likert-number",h),(0,n.b)(`likert-number-${v}`,h),(0,n.b)("likert-last-option",h)):(0,n.c)((0,n.b)("likert-number",h),(0,n.b)(`likert-number-${v}`,h))}})(),dangerouslySetInnerHTML:{__html:_},id:b,onClick:e=>{e.preventDefault(),e.stopPropagation(),d(v)},onKeyDown:e=>{var r,t;const n=g.querySelectorAll(`.likert-${u??"number"}`),a=v-1;"ArrowRight"===e.key?null==(r=n[a+1])||r.focus():"ArrowLeft"===e.key?null==(t=n[a-1])||t.focu

1s():"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),d(v))},onPointerDown:()=>m(!0),onPointerEnter:()=>p(v),onPointerLeave:()=>{p(-1),m(!1)},style:T,tabIndex:0})},m=({className:e,labels:r,next:t,properties:i,questionId:s,type:l,isAnswered:o})=>{const{border:c,useMobileStyling:d,viewDocument:m,enableCspTrustedTypes:h,cards:v}=(0,n.a)((e=>({border:e.border,useMobileStyling:e.useMobileStyling,viewDocument:e.viewDocument,enableCspTrustedTypes:e.enableCspTrustedTypes,cards:e.cards}))),[g,b]=(0,n.h)(-1),[y,f]=(0,n.h)(!1),[k,x]=(0,n.h)(null),C=r&&r.left,S=r&&r.right;let T;const{range:_,scaleLabelType:N,ratingIcons:w}=i;_&&(T=Number(_));const I=T||5,D=e=>{var r,t;switch(N){case"star":return null==(r=w[0])?void 0:r.svg;case"smiley":return null==(t=w[e])?void 0:t.svg;default:return String(e+1)}},q=(0,n.e)(i),P=(0,n.i)(s,v);return(0,n.u)("form",{className:(0,n.c)(e,"ul-card--likert","fade-in-transition"),children:(0,n.u)(a.M,{properties:i,children:[(0,n.u)(a.a,{children:[(0,n.u)("div",{"aria-label":`Rating (1 - ${I})`,className:"ul-card--likert__numbers",role:"radiogroup",children:[...Array(I)].map(((e,r)=>{const t=r+1;return(0,n.u)(p,{activeValue:g,border:c,enableCspTrustedTypes:h,icon:D(r),isPressed:y,range:I,scaleLabelType:N,selectedValue:k,setActiveValue:b,setIsPressed:f,setSelectedValue:x,useMobileStyling:d,value:t,viewDocument:m},r)}))}),(C||S)&&(0,n.u)("div",{className:"ul-card--likert__labels",children:[(0,n.u)("span",{children:C}),(0,n.u)("span",{children:S})]})]}),(0,n.u)(a.Q,{children:!o&&(0,n.u)(u,{isDisabled:null===k&&i.required,onClick:()=>{t({value:k,questionId:s,type:l},!0)},showCheckmark:P,children:q})})]})},s)},h=({columns:e,onSelect:r,options:t,selectedOptions:i})=>{const s=(0,n._)([]),{border:l,useMobileStyling:o}=(0,n.a)((e=>({border:e.border,useMobileStyling:e.useMobileStyling}))),u=t.findIndex((e=>null===i[e.id])),[c,d]=(0,n.h)(u),p=(0,n.T)(((e,n)=>{r(e,n);const a=c+1,s=t[a];s&&null===i[s.id]&&d(a)}),[r,t,i,c]),m=(0,n.T)(((r,t)=>{const u=c===r;return(0,n.u)(n.A,{animate:!0,header:t.label,isOpen:u,onClick:()=>{var e;return d(!u||null!=(e=window.UserLeap)&&e.isMobileSDK?r:-1)},ref:e=>{e&&(s.current[r]=e)},showHeaderCheck:null!==i[t.id],children:(0,n.u)("div",{style:{paddingTop:"12px"},children:e.map((e=>(0,n.u)(a.O,{allowTextEntry:!1,ariaLabel:`${t.label}-${e.label}`,border:l,error:!1,id:`${t.id}-${e.value}`,isRadio:!0,isSelected:i[t.id]===e.value,label:e.label,onUserInputChanged:()=>p(t.id,e.value),useMobileStyling:o},e.label)))})},t.id)}),[l,e,c,p,i,o]);return(0,n.u)("div",{children:t.map(((e,r)=>m(r,e)))})},v=({className:e,next:r,options:t,properties:i,questionId:s,type:l,onSubmitButtonClick:o,isAnswered:c})=>{const{cards:d}=(0,n.a)((e=>({cards:e.cards}))),p=i.matrixColumn,m=i.required,v=e=>{e.preventDefault(),e.stopPropagation(),r({value:b,questionId:s,type:l},!0),o&&o()},g=t.reduce(((e,r)=>(e[r.id]=null,e)),{}),[b,y]=(0,n.h)(g),f=(0,n.e)(i),k=(0,n.i)(s,d);return(0,n.u)("form",{className:(0,n.c)(e,"ul-card__matrix","fade-in-transition"),id:"text-form",onSubmit:v,children:(0,n.u)(a.M,{properties:i,children:[(0,n.u)(a.a,{children:(0,n.u)(h,{columns:p,onSelect:(e,r)=>{y((t=>({...t,[e]:r})))},options:t,selectedOptions:b})}),(0,n.u)(a.Q,{children:!c&&(0,n.u)(u,{isDisabled:(x=b,m&&Object.values(x).every((e=>null==e))),onClick:()=>v(new SubmitEvent("submit")),showCheckmark:k,children:f})})]})},s);var x},g=({className:e,onSubmit:r,options:t=[],properties:i,questionId:s,type:l,showIndividualSubmit:o=!1,onSubmitButtonClick:c,isAnswered:d})=>{const{border:p,useMobileStyling:m,cards:h}=(0,n.a)((e=>({border:e.border,useMobileStyling:e.useMobileStyling,cards:e.cards}))),v=t.reduce(((e,r)=>(e[r.id]={isSelected:!1},e)),{}),[g,b]=(0,n.h)(v),y="multiplechoice"===l,f=i.required,k=t.find((e=>{var r;return null==(r=e.optionProperties)?void 0:r.noneOfTheAbove})),x=e=>Object.entries(e).some((([e,r])=>{var n;const a=t.find((r=>`${r.id}`===e)),i=void 0===r.userText||""===r.userText.trim();return(null==(n=null==a?void 0:a.optionProperties)?void 0:n.allowsTextEntry)&&i&&r.isSelected})),C=e=>Object.values(e).filter((e=>e.isSelected)).length,S=i.minSelect&&i.minSelect>0&&i.maxSelectMode===n.M.Range&&C(g)<i.minSelect&&(f||C(g)>0),T=e=>x(e)||f&&!C(e)||!(e=>{const{minSelect:r=0,maxSelect:t=1/0,maxSelectMode:a}=i,s=C(e);switch(a){case n.M.Maximum:return s<=t;case n.M.Range:return 0===s||s>=r;default:return!0}})(e),_=Object.entries(g).some((([e,r])=>{var n,a;return r.isSelected&&(null==(a=null==(n=t.find((r=>`${r.id}

1`===e)))?void 0:n.optionProperties)?void 0:a.allowsTextEntry)})),N=o&&(!y||_),w=e=>{q(e.id,e.selected,e.userText,e.noneOfTheAbove)},I=e=>{var r;return(null==i?void 0:i.maxSelectMode)!==n.M.Unlimited&&C(g)===(null==i?void 0:i.maxSelect)&&!(null!=(r=g[e])&&r.isSelected)},D=()=>{r(g,!0),c&&c()},q=(e,r,t,n)=>{const a=Object.assign({},g);if((y||n)&&r)for(const e of Object.values(a))e.isSelected=!1,delete e.userText;else k&&!n&&g[k.id].isSelected&&(a[k.id].isSelected=!1);a[e]={isSelected:r,userText:t},b(a)};return(0,n.u)("form",{className:(0,n.c)(e,"ul-card--multiple","fade-in-transition"),id:"text-form",onSubmit:D,children:(0,n.u)(a.M,{properties:i,children:[(0,n.u)(a.a,{children:[i.isDropdown?(0,n.u)(a.S,{disabledOptions:t.filter((e=>I(e.id))),dropdownFooter:S?(0,n.u)("div",{className:"ul-card__min-select-counter",style:{marginLeft:"16px"},children:[C(g),"/",i.minSelect]}):void 0,isMultiSelect:!y,multiselectText:i.dropdownMultiselectedText??"choices selected",onChange:e=>{const r={...g};for(const n of t)e.includes(n)?r[n.id].isSelected=!0:r[n.id].isSelected=!1;b(r)},options:t,placeholderText:i.dropdownPlaceholderText??(y?"Select choice":"Select choice(s)"),value:t.filter((e=>g[e.id].isSelected))}):(0,n.u)("div",{className:(0,n.c)((0,n.b)("ul-card__choices",m)),role:y?"radiogroup":"group",children:[t.map((({id:e,label:r,value:t,optionProperties:i})=>{var s,l;const o=`${e}`,{allowsTextEntry:u,noneOfTheAbove:c}={allowsTextEntry:!1,noneOfTheAbove:!1,...i};return(0,n.u)(a.O,{allowTextEntry:u,border:p,disabled:I(o),error:x({[o]:g[o]}),id:o,isRadio:y,isSelected:!(null==(s=g[o])||!s.isSelected),label:r,noneOfTheAbove:c,onUserInputChanged:w,promptText:(null==i?void 0:i.otherOptionPlaceholder)||"Please specify",text:null==(l=g[e])?void 0:l.userText,useMobileStyling:m,value:t},o)})),!!S&&(0,n.u)("div",{className:"ul-card__min-select-counter",children:[C(g),"/",i.minSelect]})]}),N&&(0,n.u)(a.L,{handleSubmit:D,isSubmitDisabled:T(g)})]}),!d&&(0,n.u)(a.Q,{children:(0,n.u)(u,{isDisabled:T(g),onClick:D,showCheckmark:(0,n.i)(s,h),children:(0,n.e)(i)})})]})},s)},b=e=>{const{questionId:r,type:t,next:i,options:s,properties:l}=e;return(0,n.u)(g,{...e,onSubmit:(e,n)=>{i((0,a.b)({optionMap:e,options:s,properties:l,questionId:r,type:t}),n)}})},y=e=>{const{questionId:r,type:t,next:a}=e;return(0,n.u)(g,{...e,onSubmit:(e,n)=>{const i=Object.entries(e).reduce(((e,[r,t])=>(e[r]=t.isSelected,e)),{}),s=Object.entries(e).reduce(((e,[r,t])=>{if(!t.userText)return e;const n=e||{};return n[r]={userText:t.userText},n}),null);a({value:i,secondaryValue:s,questionId:r,type:t},n)}})},f=({className:e,labels:r,properties:t,next:i,questionId:s,type:l,isAnswered:o})=>{const[c,d]=(0,n.h)(null),{border:p,useMobileStyling:m,viewDocument:h,cards:v}=(0,n.a)((e=>({border:e.border,useMobileStyling:e.useMobileStyling,viewDocument:e.viewDocument,cards:e.cards}))),g=r&&r.left,b=r&&r.right,y=(0,n.i)(s,v);return(0,n.u)("form",{className:(0,n.c)(e,"ul-card--nps","fade-in-transition"),children:(0,n.u)(a.M,{properties:t,children:[(0,n.u)(a.a,{children:[(0,n.u)("div",{className:"ul-card--nps__numbers",children:[...Array(11)].map(((e,r)=>(0,n.u)("button",{className:(0,n.c)((0,n.b)("nps-number",m),(0,n.b)(`nps-number-${r}`,m)),id:`option-${r}`,onClick:e=>{e.preventDefault(),e.stopPropagation(),d(r)},onKeyDown:e=>{var t,n;const a=h.querySelectorAll("button.nps-number");"ArrowRight"===e.key?null==(t=a[r+1])||t.focus():"ArrowLeft"===e.key?null==(n=a[r-1])||n.focus():"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),d(r))},onPointerDown:e=>{e.currentTarget.style.zIndex="2"},onPointerLeave:e=>{e.currentTarget.style.zIndex="auto"},style:c===r?{backgroundColor:p,color:"var(--inverse-text-color)"}:void 0,tabIndex:0,children:r},r)))}),(0,n.u)("div",{className:"ul-card--nps__labels",children:[(0,n.u)("span",{children:g}),(0,n.u)("span",{children:b})]})]}),(0,n.u)(a.Q,{children:!o&&(0,n.u)(u,{isDisabled:null===c&&t.required,onClick:()=>{i({value:c,questionId:s,type:l},!0)},showCheckmark:y,children:(0,n.e)(t)})})]})},s)},k=({className:e,next:r,properties:t,questionId:s,type:l,onSubmitButtonClick:o,isAnswered:c})=>{const{border:d,useMobileStyling:p,update:m,cards:h}=(0,n.a)((e=>({border:e.border,useMobileStyling:e.useMobileStyling,update:e.update,cards:e.cards}))),[v,g]=(0,n.h)(""),b=(0,n._)(null),y=v.trim(),f=!0===t.required&&!y,k=(0,a.u)(b,(()=>m())),x=t&&t.openTextPlaceholder?t.openTextPlaceholder:"",C=(0,n.e)(t),S=(0,n.i)(s,h);return(0,n.u)("form",{className:(0,n.c)(e,"ul-card-text","fade-in-transition"),id:"text-form",children:(0,n.u)(a.M,{properties:t,children:(0,n.u)("div",{className:"ul-card-text",children:[(0,n.u)(a.a,{children:[(0,n.u)("div",{className:"ul-card-text__container",children:(0,n.u)("textarea",{"aria-describedby":"ul-caption","aria-labelledby":"ul-question","aria-multiline":"true","aria-placeholder":x,className:(0,n.c)((0,n.b)("ul-card-text__input",p)),"data-gramm":"false",maxLength:5e3,name:"text",onBlur:e=>{e.currentTarget.style.borderColor=i.D},onChange:e=>{const{value:r}=e.currentTarget;k(),e.preventDefault(),e.stopPropagation(),g(r)},onFocus:e=>{e.currentTarget.style.borderColor=d},placeholder:x,ref:b,role:"textbox",tabIndex:0})}),t.footerHtml&&(0,n.u)(a.H,{className:"footer",html:t.footerHtml})]}),(0,n.u)(a.Q,{children:!c&&(0,n.u)(u,{isDisabled:f,onClick:e=>{e.preventDefault(),e.stopPropagation();const n=!0!==t.required||y.length>0;r({value:v,questionId:s,type:l},n),o&&o()},showCheckmark:S,children:C})})]})})},s)},x=({className:e,labels:r,next:t,properties:i,questionId:s,type:l,onSubmitButtonClick:o,options:u,isAnswered:c})=>{const d=(0,n._)(null),p=(0,n._)(0),m=(0,n._)(0),h=(0,n._)(null),v=(0,n._)(!1),g=(0,n._)([]),[b,y]=(0,n.h)((()=>!0===(null==i?void 0:i.required))),[f,k]=(0,n.h)((()=>u.map((e=>({...e,rank:null}))))),x=(0,n.F)((()=>Array.from({length:u.length},((e,r)=>r+1))),[u.length]),{useMobileStyling:C,isPreview:S,headers:T}=(0,n.a)((e=>({useMobileStyling:e.useMobileStyling,isPreview:e.isPreview,headers:e.headers}))),_="android"===(null==T?void 0:T["userleap-platform"]),N=C&&!S&&!_,w=!N&&!_,I=(e,r)=>{k((t=>{const n=parseInt(r),a=t.map((e=>({...e})));a.some((e=>null==e.rank))&&a.forEach(((e,r)=>e.rank=r+1));const i=a.findIndex((r=>r.id===e));if(-1===i)return t;const s=a[i].rank;return n<s?a.forEach((r=>{r.id!==e&&r.rank>=n&&r.rank<s&&(r.rank=r.rank+1)})):n>s&&a.forEach((r=>{r.id!==e&&r.rank>s&&r.rank<=n&&(r.rank=r.rank-1)})),a[i].rank=n,a.sort(((e,r)=>e.rank-r.rank)),L(),a}))},D=(e,r)=>{for(let t=0;t<g.current.length;t++){const n=g.current[t];if(!n||n===h.current)continue;const a=n.getBoundingClientRect();if(e>=a.left&&e<=a.right&&r>=a.top&&r<=a.bottom)return{element:n,index:t}}return null},q=e=>r=>{if(!N)return;r.preventDefault(),r.stopPropagation(),v.current=!0,d.current=e;const t=r.touches[0];p.current=t.clientY,m.current=t.clientY;const n=r.currentTarget.closest(".ul-card-rank__option");n&&(h.current=n,n.classList.add("is-dragging"))},P=e=>{if(!N||!v.current||null===d.current)return;e.preventDefault(),e.stopPropagation();const r=e.touches[0];m.current=r.clientY;const t=m.current-p.current;h.current&&(h.current.style.transform=`translateY(${t}px)`,h.current.style.zIndex="1000"),g.current.forEach((e=>{e&&e!==h.current&&e.classList.remove("is-drop-target")}));const n=D(r.clientX,r.clientY);n&&n.element.classList.add("is-drop-target")},R=e=>{if(!N||!v.current||null===d.current)return;e.preventDefault(),e.stopPropagation();const r=e.changedTouches[0],t=D(r.clientX,r.clientY);h.current&&(h.current.style.transform="",h.current.style.zIndex="",h.current.classList.remove("is-dragging")),g.current.forEach((e=>{e&&e.classList.remove("is-drop-target")})),t&&t.index!==d.current&&M(d.current,t.index),d.current=null,h.current=null,v.current=!1},M=(e,r)=>{k((t=>{const n=t.map((e=>({...e}))),[a]=n.splice(e,1);

1return n.splice(r,0,a),n.forEach(((e,r)=>{e.rank=r+1})),L(),n}))},L=()=>{y(!1)},{left:A,right:E}=r,U=u.length,B=e=>{e.preventDefault(),e.currentTarget.classList.add("is-drop-target")},$=e=>{e.currentTarget.classList.remove("is-drop-target")},O=e=>{d.current=null,e.currentTarget.classList.remove("is-dragging")};return(0,n.u)("form",{className:(0,n.c)(e,"ul-card-rank","fade-in-transition"),onSubmit:e=>{e.preventDefault(),(e=>{const r={};e.reduce(((e,r)=>(e[r.id]=r.rank,e)),r),t({value:r,questionId:s,type:l},!0)})(f),o&&o()},children:(0,n.u)(a.M,{properties:i,children:(0,n.u)(n.g,_?{children:[(0,n.u)(a.a,{children:(0,n.u)("div",{className:"ul-card--rank__question-inner-container",children:[(0,n.u)("div",{className:"ul-card-rank__labels",children:(0,n.u)("span",{children:["1 - ",A]})}),(0,n.u)("ol",{className:"ul-card-rank__list",children:f.map((({id:e,label:r,rank:t})=>(0,n.u)("li",{className:"ul-card-rank__option",children:[(0,n.u)("select",{"aria-label":`Rank for ${r}`,className:(0,n.c)("ul-card-rank__select",null==t&&"ul-card-rank__select--placeholder"),name:`rank[${e}]`,onChange:r=>I(e,r.currentTarget.value),value:t??"",children:[null==t&&(0,n.u)("option",{className:"ul-card-rank__select-option",disabled:!0,value:"",children:"-"}),x.map((e=>(0,n.u)("option",{className:"ul-card-rank__select-option",value:e,children:e},`${e}-${s}`)))]}),(0,n.u)("span",{children:r})]},e)))}),(0,n.u)("div",{className:"ul-card-rank__labels",children:(0,n.u)("span",{children:[U," - ",E]})})]})}),(0,n.u)(a.Q,{children:!c&&(0,n.u)("div",{className:"ul-card__button-wrapper",children:(0,n.u)(a.B,{disabled:b,children:(0,n.e)(i)})})})]}:{children:[(0,n.u)(a.a,{children:(0,n.u)("div",{className:"ul-card--rank__question-inner-container",children:[(0,n.u)("div",{className:"ul-card-rank__labels",children:(0,n.u)("span",{children:["1 - ",A]})}),(0,n.u)("ol",{className:"ul-card-rank__list",onDragOver:_?void 0:e=>{e.preventDefault(),e.dataTransfer&&(e.dataTransfer.dropEffect="move")},children:f.map((({id:e,label:r,rank:t},a)=>{return(0,n.u)("li",{className:"ul-card-rank__option",draggable:!!w||void 0,onDragEnd:w?O:void 0,onDragEnter:w?B:void 0,onDragLeave:w?$:void 0,onDragStart:w?(s=a,e=>{d.current=s,e.dataTransfer&&(e.dataTransfer.effectAllowed="move",e.dataTransfer.setData("text/plain",String(s)),e.currentTarget.classList.add("is-dragging"))}):void 0,onDrop:w?(i=a,e=>{var r,t;e.preventDefault(),e.currentTarget.classList.remove("is-drop-target");const n=d.current;d.current=null,null==(t=null==(r=e.currentTarget.closest(".ul-card-rank__list"))?void 0:r.querySelector(".is-dragging"))||t.classList.remove("is-dragging"),null!=n&&n!==i&&M(n,i)}):void 0,ref:e=>g.current[a]=e,children:[(0,n.u)("select",{"aria-label":`Rank for ${r}`,className:(0,n.c)("ul-card-rank__select",null==t&&"ul-card-rank__select--placeholder"),name:`rank[${e}]`,onChange:r=>I(e,r.currentTarget.value),value:t??"",children:[null==t&&(0,n.u)("option",{className:"ul-card-rank__select-option",disabled:!0,value:"",children:"-"}),x.map((e=>(0,n.u)("option",{className:"ul-card-rank__select-option",value:e,children:e},e)))]}),(0,n.u)("span",{children:r}),!_&&(0,n.u)("button",{"aria-label":`Drag ${r} to reorder`,className:"ul-card-rank__drag-btn",onTouchEnd:N?R:void 0,onTouchMove:N?P:void 0,onTouchStart:N?q(a):void 0,title:"Drag to reorder",type:"button",children:(0,n.u)("svg",{fill:"none",height:"17",viewBox:"0 0 16 17",width:"16",xmlns:"http://www.w3.org/2000/svg",children:(0,n.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"})})})]},e);var i,s}))}),(0,n.u)("div",{className:"ul-card-rank__labels",children:(0,n.u)("span",{children:[U," - ",E]})})]})}),(0,n.u)(a.Q,{children:!c&&(0,n.u)("div",{className:"ul-card__button-wrapper",children:(0,n.u)(a.B,{disabled:b,children:(0,n.e)(i)})})})]})})},s)},C=e=>"av_permission"===e.type,S=e=>"screen_permission"===e.type,T=(e,r)=>{return void 0===e?1:e?(t=e,!(C(n=r)?n.permissionDescriptors:[]).includes("camera")||t.getVideoTracks().length>0?3:1):2;var t,n},_={avStream:null,currentPage:null,mediaRecordingUids:null,nextQuestion:()=>{},passthroughData:void 0,recordingMediaTypes:void 0,screenPermissionRequested:!1,type:void 0},N=(0,n.j)((e=>({..._,reset:()=>{e(_)},updatePage:r=>{e(r)}})));function w({currentPage:e,pages:r}){const{avStream:t,recordingMediaTypes:a,updatePage:i}=N.getState(),{recorderEventEmitter:s}=n.a.getState();s.emit("av.permission",{"permission.descriptors":e.permissionDescriptors,"stream.ready":(n,l)=>{if(t===n)return;let o=e;if(n&&!e.permissionDescriptors.includes("camera")){const t=r.indexOf(e),n=null!=l&&l.active?t+2:t+1;null!=l&&l.active&&a&&s.emit("begin.recording",{"recording.media.types":a,"start.recording.callback":e=>i({mediaRecordingUids:e})}),o=r[n]}i({currentPage:o,avStream:n})}})}function I({status:e}){const{nextQuestion:r,passthroughData:t,mediaRecordingUids:a,reset:i}=N.getState(),{recorderEventEmitter:s,handleUploadUpdate:l,index:o}=n.a.getState(),u={value:{taskStatus:e},type:"recordedtask",questionId:(null==t?void 0:t.questionId)||1};t&&s.emit("finish.task",{"begin.callback":e=>{l({mediaRecordingUid:e,isSubmitted:!0,progressPct:0,isComplete:!1})},"progress.callback":(e,r)=>{l({mediaRecordingUid:e,progressPct:r.detail,isSubmitted:!1,isComplete:!1})},"upload.callback":e=>{e&&l({mediaRecordingUid:e,isComplete:!0,isSubmitted:!0,progressPct:100})},"passthrough.data":t,"current.index":o,"task.response":u,"task.complete.callback":e=>{u.value.taskDurationMillisecond=e,a&&(u.value.mediaRecordingUids=a),i(),r(u)}})}function D({pages:e,setIsRequestingPermission:r}){const{recorderEventEmitter:t,eventEmitFn:a}=n.a.getState(),{updatePage:i,currentPage:s,recordingMediaTypes:l,screenPermissionRequested:o}

1=N.getState();if(!s)return;const u=e.indexOf(s);switch(s.type){case"av_permission":{const r=o?u+2:u+1;return o&&l&&t.emit("begin.recording",{"recording.media.types":l,"start.recording.callback":e=>{i({mediaRecordingUids:e})}}),void i({currentPage:e[r]})}case"screen_permission":return void t.emit("screen.permission",{"screen.permission.requested":r,"stream.ready.callback":(r,n)=>{const a=n?e[u+1]:s;n&&l&&t.emit("begin.recording",{"recording.media.types":l,"start.recording.callback":e=>{i({captureStream:n,mediaRecordingUids:e})}}),i({currentPage:a,screenPermissionRequested:!0,captureStream:n})}});case"start_task":return a("recorded.task.start"),t.emit("recorded.task.start"),t.emit("start.task"),void i({currentPage:e[u+1],screenPermissionRequested:!0});case"complete_task":return}}const q="ul-permission-graphics-container",P="ul-permission-body",R=(0,n.c)(q,"ul_recorded-task-inset-spacing"),M=(0,n.c)("ul-horizontal-button-container","ul-horizontal-button-container-left"),L=({richTextBody:e})=>(0,n.u)(a.H,{className:"ul-rich-text-body",html:e,id:"ul-task-detail-container"}),A=({required:e,skipButtonText:r,bottom:t=!1})=>e?null:(0,n.u)(a.B,{className:(0,n.c)(t&&"ul-skip-button-below","ul-button-inactive"),onClick:I.bind(null,{status:"abandoned"}),children:r||"Skip"}),E=e=>{const{avStream:r,captureStream:t,recordingMediaTypes:a,updatePage:i}=N.getState(),s=(null==a?void 0:a.includes("audio"))||(null==a?void 0:a.includes("video"));(0,n.p)((()=>{const n=setInterval((()=>{s&&r&&!r.active?i({avStream:null,currentPage:e[0]}):t&&t.active||i({captureStream:void 0,currentPage:e[s?1:0]})}),1e3);return()=>clearInterval(n)}),[r,t,s,e,a,i])},U=({content:e,pages:r,required:t})=>{const{buttonText:i,skipButtonText:s,taskDetail:l}=e;return E(r),(0,n.u)("div",{className:"ul-task-page",children:[l&&(0,n.u)(L,{richTextBody:l}),(0,n.u)("div",{className:M,children:[(0,n.u)(a.B,{onClick:D.bind(null,{pages:r}),children:i}),(0,n.u)(A,{required:t,skipButtonText:s})]})]},"start-task")},B=({content:e,pages:r,properties:t})=>{const{buttonText:i,skipButtonText:s}=e;return E(r),(0,n.u)("div",{className:"ul-task-page",children:[e.taskDetail&&(0,n.u)(L,{richTextBody:e.taskDetail}),(0,n.u)(a.M,{properties:t,children:(0,n.u)("div",{className:M,children:[(0,n.u)(a.B,{className:"ul-complete-task-button",onClick:I.bind(null,{status:"completed"}),children:i}),(0,n.u)(a.B,{className:(0,n.c)("ul-button-inactive"),onClick:I.bind(null,{status:"given.up"}),children:s})]})})]},"complete-task")},$=({content:e,pages:r,required:t})=>{const{buttonText:i,skipButtonText:s}=e,[l]=(0,n.a)((e=>[e.tabTitle])),[o,u]=(0,n.h)(!1);return(0,n.u)("div",{children:[(0,n.u)("div",{className:R,children:[(0,n.u)("p",{style:{marginTop:"auto"},children:e.selectTabText}),(0,n.u)("div",{className:"ul-select-tab-container",children:(0,n.u)("p",{className:P,children:l})})]}),(0,n.u)("div",{className:t?"":M,children:[(0,n.u)(a.B,{disabled:o,onClick:D.bind(null,{pages:r,setIsRequestingPermission:u}),children:i}),(0,n.u)(A,{required:t,skipButtonText:s})]})]})},O=({content:e})=>(0,n.u)(a.H,{className:(0,n.c)(q,"ul_permission_svg_container","ul_recorded-task-inset-spacing","ul-center-horizontally"),html:e.svg},"ul-permission-request-graphic"),Q=({content:e,pages:r,required:t})=>{const{permissionDeniedHeadline:i,permissionDeniedBody:s,skipButtonText:l,tryAgainButtonText:o}=e,u=C(r[0])?r[0]:null;return(0,n.p)((()=>{const e=setInterval((()=>{null!==u&&w({currentPage:u,pages:r})}),1e3);return()=>clearInterval(e)}),[u,r]),u?(0,n.u)("div",{children:[(0,n.u)("div",{className:R,children:(0,n.u)("p",{className:"ul-av-permission-denied-paragraph",children:[(0,n.u)("span",{className:"ul-av-permission-denied-headline",children:i}),(0,n.u)("span",{className:P,children:s})]})}),(0,n.u)("div",{className:M,children:[(0,n.u)(a.B,{onClick:w.bind(null,{currentPage:u,pages:r}),children:o}),(0,n.u)(A,{required:t,skipButtonText:l})]})]}):null},F=({stream:e})=>(0,n.u)("video",{autoPlay:!0,className:(0,n.c)("ul_recorded-task-inset-spacing"),id:"ul-record-task-video-preview",muted:!0,ref:r=>{r&&(r.srcObject=e||null)}}),H=({content:e,pages:r,required:t})=>{const{skipButtonText:i}=e,{avStream:s}=N.getState();return E(r),(0,n.u)("div",{children:[(0,n.u)(F,{stream:s}),(0,n.u)("div",{className:"ul-vertical-button-container-center",children:[(0,n.u)(a.B,{onClick:D.bind(null,{pages:r}),children:e.buttonText}),(0,n.u)(A,{bottom:!0,required:t,skipButtonText:i})]})]})},G=({properties:e})=>{const{pages:r,required:t}=e,{avStream:a,currentPage:i}=N.getState();if(void 0===i)return null;switch(null==i?void 0:i.type){case"av_permission":{const e=T(a,i);return 1===e?(0,n.u)(O,{content:i}):(0,n.u)(2===e?Q:H,{content:i,pages:r,required:t})}case"screen_permission":return(0,n.u)($,{content:i,pages:r,required:t});case"start_task":return(0,n.u)(U,{content:i,pages:r,required:t});case"complete_task":return(0,n.u)(B,{content:i,pages:r,properties:e});default:return null}},V=({className:e,properties:r,next:t,questionId:i})=>{const s=(0,n.a)(),{surveyId:l,responseGroupUid:o,userId:u}=s,c=N(),{screenPermissionRequested:d}=c,p=N((e=>e.avStream));let m=N((e=>e.currentPage));m||(m=function({pages:e,userId:r,responseGroupUid:t,surveyId:a,questionId:i,next:s}){const{updatePage:l}=N.getState(),{eventEmitFn:o,recorderEventEmitter:u}=n.a.getState(),c={questionId:i,surveyId:a,visitorId:r,responseGroupUid:t};let d=0;u.emit("recorded.task.permission.screen"),o("recorded.task.permission.screen"),u.emit("permission.status",{"permission.status.callback":(r,t,n,a)=>{const i=e[d],{type:o}=i,p=["screen"];if(C(i)){const{permissionDescriptors:e}=i,n=null==e?void 0:e.includes("microphone"),a=null==e?void 0:e.includes("camera");

1n&&p.push("audio"),a&&p.push("video"),(null!=r&&r.active&&!a||null!=r&&r.active&&t)&&d++}S(e[d])&&n&&(d++,u.emit("begin.recording",{"recording.media.types":p,"start.recording.callback":e=>l({mediaRecordingUids:e})})),l({currentPage:e[d],avStream:r,screenPermissionRequested:n,nextQuestion:s,type:o,passthroughData:c,recordingMediaTypes:p,captureStream:a})}});const p=e[d];return"av_permission"===p.type&&w({currentPage:p,pages:e}),p}({questionId:i,surveyId:l,next:e=>{t(e,!0)},pages:r.pages,responseGroupUid:o,userId:u}));let h=m.headline,v=m.captionText;const g=T(p,m);return S(m)&&d&&(h=m.permissionDeniedHeadline,v=m.permissionDeniedCaptionText),C(m)&&3===g&&(h=m.permissionGrantedHeadline,v=m.permissionGrantedCaptionText),(0,n.u)("div",{className:(0,n.c)(e,"ul-center-horizontally","fade-in-transition"),children:[(0,n.u)(a.c,{isRequired:null==r?void 0:r.required,message:h,properties:{captionText:v}}),(0,n.u)(a.a,{children:(0,n.u)(G,{properties:r})})]})},j=({className:e,next:r,properties:t,questionId:i,type:l,isAnswered:o})=>{const{visitorAttributes:u,isLongFormSurvey:c}=(0,n.a)((e=>({visitorAttributes:e.visitorAttributes,isLongFormSurvey:(0,s.t)(e.studyType)}))),d=(e,t=!1)=>{r({value:t?{skipped:!0}:void 0,questionId:i,type:l},!0)},p=(0,a.d)(t&&t.buttonUrl,u),m=c&&t.promptActionType===n.P.NO_BUTTON;return(0,n.u)("div",{className:(0,n.c)(e,"ul-card__text-url-prompt","fade-in-transition"),children:(0,n.u)(a.M,{properties:t,children:!o&&!m&&(0,n.u)("div",{children:(0,n.u)("div",{className:"ul-card-button-group",children:[(0,n.u)("a",{className:"ul-card-text__button ul-card__text-url-prompt-button",href:p,id:"ul-card-text__button",onClick:d,onKeyPress:e=>{"Enter"!==e.key&&" "!==e.key||r({value:void 0,questionId:i,type:l},!0)},rel:"noreferrer",role:p?"link":"button",tabIndex:0,target:"_blank",children:(0,n.e)(t)}),!1===t.required&&(0,n.u)("button",{className:"ul-card-skip__button",onClick:e=>d(0,!0),children:(0,n.f)(t)})]})})})},i)},Z=({className:e,questionId:r})=>{const{border:t,destroy:s,endCard:l,forceBrandedLogo:o,quotaEndcardText:u}=(0,n.a)((e=>({border:e.border,destroy:e.destroy,endCard:e.endCard,forceBrandedLogo:e.forceBrandedLogo,quotaEndcardText:e.quotaEndcardText})));(0,n.p)((()=>{setTimeout((()=>{s(i.A)}),o?4e3:2e3)}),[s,o]);const c=(null==u?void 0:u.subheader)??(null==l?void 0:l.subheader),d=c?(0,n.u)("p",{className:"ul-caption",children:c}):null,p=(null==u?void 0:u.headline)??(null==l?void 0:l.headline)??"";return(0,n.u)("div",{className:(0,n.c)(e,"ul-card--thanks","fade-in-transition"),children:(0,n.u)("div",{children:(0,n.u)("div",{className:"ul-card--thanks-content",children:[(0,n.u)("div",{className:"ul-thanks-check",children:(0,n.u)("svg",{"aria-labelledby":"title",fill:"none",height:"99",viewBox:"0 0 81 99",width:"81",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.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:t,fillRule:"evenodd"}),(0,n.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:t,fillRule:"evenodd"}),(0,n.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"})]})}),(0,n.u)(a.c,{message:p}),d]})})},r)},Y=()=>(0,n.u)("div",{className:"thinking-dots-container",children:(0,n.u)("div",{className:"thinking-dot"})}),z=({className:e})=>{const{uploadProgress:r}=(0,n.a)((e=>({uploadProgress:e.uploadProgress})));let t,i;Object.values(r).filter((e=>e.isSubmitted)).length>1?(t="Your responses are processing",i="Please keep this tab open until your responses are fully processed."):(t="Your response is processing",i="Please keep this tab open until your response is fully processed.");const s=Math.round(Math.min(99,...Object.values(r).filter((e=>e.isSubmitted)).map((e=>e.progressPct||0))));return(0,n.u)("div",{className:(0,n.c)(e,"ul-card--uploading","fade-in-transition"),children:[(0,n.u)("div",{"aria-busy":"true","aria-label":"Processing...","aria-live":"polite",className:"ul-loading-spinner-container",role:"progressbar",children:(0,n.u)("div",{className:"ul-loading-spinner",children:[(0,n.u)("div",{className:"first"}),(0,n.u)("div",{className:"second"}),(0,n.u)("div",{className:"third"}),(0,n.u)("div",{className:"fourth"})]})}),(0,n.u)(a.c,{message:`${t} (${s}% complete)`}),(0,n.u)("p",{className:"ul-caption",children:i})]})},K=({className:e,next:r,properties:t,questionId:i,type:s,onSubmitButtonClick:l,isAnswered:o})=>{const{border:c,useMobileStyling:d,cards:p}=(0,n.a)((e=>({border:e.border,useMobileStyling:e.useMobileStyling,cards:e.cards}))),{inputProps:m,isSubmitDisabled:h,handleSubmit:v}=(0,a.e)({properties:t,border:c,questionId:i,type:s,next:r,onSubmitButtonClick:l}),g=(0,n.e)(t),b=(0,n.i)(i,p);return(0,n.u)("form",{className:(0,n.c)(e,"ul-card-text","fade-in-transition"),id:"validated-text-form",onSubmit:e=>{e.preventDefault()},children:(0,n.u)(a.M,{properties:t,children:(0,n.u)("div",{className:"ul-card-text",children:[(0,n.u)(a.a,{children:(0,n.u)(a.V,{...m,footerHtml:t.footerHtml,useMobileStyling:d})}),(0,n.u)(a.Q,{children:!o&&(0,n.u)(u,{isDisabled:h,onClick:v,showCheckmark:b,children:g})})]})})},i)},X=({className:e,next:r,properties:t,questionId:i,type:s,isAnswered:l})=>{const{apiURL:o,envId:c,handleUploadUpdate:d,headers:p,responseGroupUid:m,surveyId:h,viewDocument:v,visitorId:g,cards:b}=(0,n.a)((e=>({apiURL:e.apiURL,envId:e.envId,handleUploadUpdate:e.handleUploadUpdate,headers:e.headers,responseGroupUid:e.responseGroupUid,surveyId:e.surveyId,viewDocument:e.viewDocument,visitorId:e.userId,cards:e.cards}))),[y,f]=(0,n.h)(!1),[k,x]=(0,n.h)(null),[C,S]=(0,n.h)(null),[T]=(0,n.h)(0),_=(0,n.e)(t),N=(0,n.i)(i,b);

1if(l)return null;const w=`ul-card-video__player_recorder-q${i}`,I=(e,r)=>{e===a.R.UPLOAD_STARTED?(x(r[a.R.UPLOAD_ID]),S(r[a.R.MEDIA_RECORDING_UID]),f(!0)):e===a.R.DELETE?(x(null),S(null),f(!1)):e===a.R.UPLOAD_PROGRESS?isNaN(r[a.R.UPLOAD_PROGRESS_PCT])?d({mediaRecordingUid:r[a.R.MEDIA_RECORDING_UID],isComplete:!0}):d({mediaRecordingUid:r[a.R.MEDIA_RECORDING_UID],progressPct:r[a.R.UPLOAD_PROGRESS_PCT]}):e===a.R.UPLOAD_FINISHED&&d({mediaRecordingUid:r[a.R.MEDIA_RECORDING_UID],isComplete:!0})},D=e=>{e.preventDefault(),e.stopPropagation(),document.getElementById(w)&&(0,a.s)(w),k&&C?(d({mediaRecordingUid:C,isSubmitted:!0}),r({value:{mediaRecordingUid:C},questionId:i,type:s},!0)):r({value:null,questionId:i,type:s},!0)};return(0,n.u)("form",{className:(0,n.c)(e,"ul-card--video","fade-in-transition"),id:"ul-video-interview-form",children:[(0,n.u)(a.a,{children:!l&&(0,n.u)("div",{id:"ul-question-player-container",style:{display:0===T?"":"none"},children:(0,n.u)(a.M,{properties:t,children:[(0,n.u)(u,{isDisabled:!y,onClick:()=>{(0,a.s)(),r({value:{uploadId:k,mediaRecordingUid:C},questionId:i,type:s},!0)},showCheckmark:N,children:_}),(0,n.u)("div",{style:{display:1===T?"block":"none"},children:(0,n.u)("div",{id:"ul-recorder-player-container",ref:e=>{if(e&&0===e.children.length){const r=(0,a.f)(w,{surveyId:h,responseGroupUid:m,questionId:i,visitorId:g,envId:c},o,I,void 0,{...p,"x-ul-video-recorder-origin":"sdk"},t.mediaType===a.R.MEDIA_TYPE_AUDIO,v);e.appendChild(r)}}})})]})})}),!l&&(0,n.u)(a.Q,{children:[(0,n.u)(u,{isDisabled:!!t.required&&!y,onClick:D,showCheckmark:N,children:(0,n.e)(t)}),(0,n.u)("button",{className:"ul-card-text__button ul-button-inactive ul-card-skip__button",id:"ul-card-video__skip_button",onClick:D,style:{...t.required?{display:"none"}:{},...y?{display:"none"}:{}},children:(0,n.f)(t)})]})]})},W=new Set(["open","aidynamicfollowup","aidynamicstandalone","validatedtext"]),J=e=>"aidynamicfollowup"===e.type||"aidynamicstandalone"===e.type,ee=e=>{var r;return J(e)&&(null==(r=e.props)?void 0:r.loading)===n.D.inFlight},re=e=>"thanks"===e.type||"uploading"===e.type,te=({card:e,avatars:r,isThinking:t,isCurrentQuestion:i,currentQuestionBubbleRef:s})=>{const o="properties"in(c=e).props&&c.props.properties&&"questionHtml"in c.props.properties&&c.props.properties.questionHtml?{content:c.props.properties.questionHtml,image:c.props.properties.image,isHtml:!0}:"message"in c.props?"image"in c.props.properties&&c.props.properties.image?{content:c.props.message,image:c.props.properties.image,isHtml:!1}:{content:c.props.message,isHtml:!1}:{content:"Question",isHtml:!1},u=!i||null!=o&&o.image?null:s;var c;return(0,n.u)(n.g,{children:[(null==o?void 0:o.image)&&(0,n.u)(oe,{avatars:r,isLeft:!0,ref:i?s:null,children:!t&&(0,n.u)(a.D,{image:o.image})}),(0,n.u)(oe,{avatars:r,isLeft:!0,message:{id:`question-${e.name}`,type:"question",content:o.content},ref:u,children:t?(0,n.u)(Y,{}):(0,n.u)(n.g,{children:[o.isHtml?(0,n.u)(a.H,{className:"chat-message-text",html:o.content}):(0,n.u)("div",{className:"chat-message-text",children:o.content}),"videovoice"===e.type&&(0,n.u)(l,{properties:e.props,questionId:e.name,surveyVideoUrl:e.props.properties.videoUrl})]})})]})},ne=({card:e,avatars:r})=>{const t=(e=>{if(!("properties"in e.props)||!e.props.properties||"object"!=typeof e.props.properties)return null;const r=e.props.properties,t=[{key:"captionHtml",isHtml:!0},{key:"captionText",isHtml:!1},{key:"richTextBody",isHtml:!0},{key:"body",isHtml:!1}];for(const{key:e,isHtml:n}of t){const t=r[e];if("string"!=typeof t)continue;const a=t.trim();if(a){if(n&&!a.replaceAll(/<[^>]*>/g,"").trim())continue;return{content:a,isHtml:n}}}return null})(e);return t?(0,n.u)(oe,{avatars:r,hideAvatar:!0,isLeft:!0,message:{id:`caption-${e.name}`,type:"question",content:t.content},children:t.isHtml?(0,n.u)(a.H,{className:"chat-message-text",html:t.content}):(0,n.u)("div",{className:"chat-message-text",children:t.content})}):null},ae=()=>{const{providerPersona:e,showProviderPersona:r,experimentFlags:t}=(0,n.a)((e=>({providerPersona:e.providerPersona,showProviderPersona:e.showProviderPersona,experimentFlags:e.experimentFlags})));return(null==t?void 0:t["sdk-new-convo-ui"])&&r&&e?(0,n.u)("div",{className:"chat-persona-label",children:e}):null},ie=({card:e,userResponse:r,avatars:t})=>{const a=((e,r)=>{if(W.has(e.type)&&r&&"object"==typeof r&&"value"in r)return r.value})(e,r);return(0,n.u)("div",{className:"chat-bubble-container chat-right",children:[(0,n.u)("div",{className:"chat-bubble chat-bubble-right chat-bubble-text-only",children:(0,n.u)("div",{className:"chat-message-text",children:a||(0,n.u)("div",{className:"chat-message-no-response",children:"No response"})})}),(0,n.u)("img",{alt:"User Avatar",className:"chat-avatar chat-avatar-right",srcSet:`${t.respondentAvatar["1x"]} 1x, ${t.respondentAvatar["2x"]} 2x`})]})},se=({card:e,avatars:r,isCurrentQuestion:t,currentQuestionBubbleRef:a})=>{const{endCard:i,quotaEndcardText:s}=(0,n.a)((e=>({endCard:e.endCard,quotaEndcardText:e.quotaEndcardText}))),l=(null==s?void 0:s.headline)??(null==i?void 0:i.headline)??"Great! Thank you for your participation.",o=(null==s?void 0:s.subheader)??(null==i?void 0:i.subheader);return(0,n.u)(n.g,{children:[(0,n.u)(oe,{avatars:r,isLeft:!0,message:{id:`thanks-${e.name}`,type:"question",content:l},ref:t?a:null}),o&&(0,n.u)(oe,{avatars:r,hideAvatar:!0,isLeft:!0,message:{id:`caption-${e.name}`,type:"question",content:o}}),(0,n.u)(d,{})]})},le=({card:e,cardIndex:r,index:t,avatars:a,cardResponses:i,questionThinkingStates:s,startingQuestionIdx:l,currentQuestionBubbleRef:o,handleCardResponse:u})=>{const c=r===t,d=r<t,p=re(e);if(p)return(0,n.u)(se,{avatars:a,card:e,currentQuestionBubbleRef:o,isCurrentQuestion:c});const m=`${e.name}`,h=i.get(m),v=W.has(e.type),g=s.get(m);

1if("aidynamicfollowup"===e.type&&(e.props.loading===n.D.failure||void 0===e.props.loading)||"aidynamicstandalone"===e.type&&e.props.loading===n.D.failure)return(0,n.u)(n.g,{});const b=(r>(l??0)||J(e))&&"thanks"!==e.type&&"uploading"!==e.type&&(!0===g||void 0===g);return(0,n.u)(n.w.Fragment,{children:[(0,n.u)(te,{avatars:a,card:e,currentQuestionBubbleRef:o,isCurrentQuestion:c,isThinking:b}),!b&&(0,n.u)(n.g,{children:[(0,n.u)(ne,{avatars:a,card:e}),(0,n.u)(ae,{})]}),d&&v?(0,n.u)(ie,{avatars:a,card:e,userResponse:h}):(!d||!v)&&!b&&(0,n.u)(oe,{avatars:a,isLeft:!1,message:{id:`card-${e.name}`,type:"card",content:""},children:(0,n.u)("div",{className:"chat-card-container",children:(0,n.u)(ce,{card:e,className:p?"chat-thanks-card":"chat-card",isAnswered:d,next:c?u:()=>{}})})})]},`question-card-${e.name}`)},oe=n.w.forwardRef((({message:e,isLeft:r=!1,children:t,avatars:a,hideAvatar:i=!1},s)=>{const l=r?"chat-bubble-left":"chat-bubble-right";return(0,n.u)("div",{className:`chat-bubble-container ${r?"chat-left":"chat-right"}${r&&i?" chat-no-avatar":""}`,ref:s,children:[r&&!i&&(0,n.u)("img",{alt:"AI Avatar",className:"chat-avatar chat-avatar-left",srcSet:`${a.agentAvatar["1x"]} 1x, ${a.agentAvatar["2x"]} 2x`}),(0,n.u)("div",{className:`chat-bubble ${l}`,children:t||(0,n.u)("div",{className:"chat-message-text",children:null==e?void 0:e.content})}),!r&&!i&&(0,n.u)("img",{alt:"User Avatar",className:"chat-avatar chat-avatar-right",srcSet:`${a.respondentAvatar["1x"]} 1x, ${a.respondentAvatar["2x"]} 2x`})]})}));oe.displayName="ChatBubble";const ue=()=>{const e=(0,n.a)((e=>e.close)),r=(0,n.F)((()=>()=>e(i.A)),[e]);return(0,n.u)("div",{"aria-label":"Close button",className:"conversational-close-btn",onClick:r,onKeyPress:e=>{"Enter"===e.key&&r()},role:"button",tabIndex:0,children:(0,n.u)(n.C,{})})},ce=({card:e,next:r,className:t="",isAnswered:a=!1})=>{const i={className:a?`${t} answered-card`:t,next:a?()=>{}:r,questionId:e.name,type:e.type,isAnswered:a};switch(e.type){case"consentlegal":return(0,n.u)(c,{...i,...e.props});case"likert":return(0,n.u)(m,{...i,...e.props});case"matrix":return(0,n.u)(v,{...i,...e.props});case"multiplechoice":return(0,n.u)(b,{...i,...e.props});case"multipleselect":return(0,n.u)(y,{...i,...e.props});case"nps":return(0,n.u)(f,{...i,...e.props});case"aidynamicstandalone":case"aidynamicfollowup":case"open":return(0,n.u)(k,{...i,type:e.type,...e.props});case"rankorder":return(0,n.u)(x,{...i,...e.props});case"recordedtask":return(0,n.u)(V,{...i,...e.props});case"texturlprompt":return(0,n.u)(j,{...i,...e.props});case"thanks":return(0,n.u)(Z,{...i,...e.props});case"uploading":return(0,n.u)(z,{...i,...e.props});case"validatedtext":return(0,n.u)(K,{...i,...e.props});case"videovoice":return(0,n.u)(X,{...i,...e.props});default:return null}},de=({cards:e,next:r,previousResponses:t})=>{const{cardResponses:i,setCardResponse:l}=(()=>{const[e,r]=(0,n.h)(new Map);return{cardResponses:e,setCardResponse:(0,n.T)(((e,t)=>{r((r=>new Map(r).set(e,t)))}),[])}})(),{index:o,isLongFormSurvey:u,avatars:c,showSurveyBrand:d,forceBrandedLogo:p,marketingUrlLink:m,startingQuestionIdx:h,viewDocument:v,createDynamicFollowupQuestion:g,update:b}=(0,n.a)((e=>({index:e.index,isLongFormSurvey:(0,s.t)(e.studyType),avatars:e.avatars,forceBrandedLogo:e.forceBrandedLogo,startingQuestionIdx:e.startingQuestionIdx,showSurveyBrand:e.showSurveyBrand,marketingUrlLink:(0,n.k)({marketingUrl:e.marketingUrl,slugName:e.slugName,surveyId:e.surveyId,forceBrandedLogo:e.forceBrandedLogo}),viewDocument:e.viewDocument,createDynamicFollowupQuestion:e.createDynamicFollowupQuestion,update:e.update}))),{currentQuestionBubbleRef:y,scrollToCurrentQuestion:f}=(({viewDocument:e})=>{const r=(0,n._)(null),t=(0,n.T)((()=>{const t=e.querySelector(".ul-card-main-content");if(r.current&&t&&t instanceof HTMLElement){const e=r.current.offsetTop-t.offsetTop-16;t.scrollTo({top:Math.max(0,e),behavior:"smooth"})}}),[]);return{currentQuestionBubbleRef:r,scrollToCurrentQuestion:t}})({viewDocument:v}),k=((e,r,t)=>{const[a,i]=(0,n.h)(new Map);return(0,n.p)((()=>{if(e.length>0&&r<e.length){const n=e[r],a=`${n.name}`,s=t=>{if(r>0){const n=e[r-1];if(J(n)){const e=`${n.name}`,r=ee(n);if(t.get(e)!==r)return new Map(t).set(e,r)}}return t};if((r<=(t??0)||re(n))&&"aidynamicstandalone"!==(null==n?void 0:n.type))return i((e=>s(new Map(e).set(a,!1))));i((e=>{const r=!J(n)||ee(n);return s(new Map(e).set(a,r))}));const l=setTimeout((()=>{i((e=>{const r=!!J(n)&&ee(n);return s(new Map(e).set(a,r))}))}),1e3);return()=>clearTimeout(l)}}),[r,e,t]),a})(e,o,h);((e,r)=>{const{createDynamicStandaloneQuestion:t}=(0,n.a)((e=>({createDynamicStandaloneQuestion:e.createDynamicStandaloneQuestion}))),a=e[r],i="aidynamicstandalone"===(null==a?void 0:a.type)&&void 0===a.props.loading?a.name:null;(0,n.p)((()=>{null!==i&&t({questionId:i})}),[i,t])})(e,o);const x=((e,r)=>{const[t,a]=(0,n.h)((()=>new Set([e])));return(0,n.p)((()=>{a((r=>new Set(r).add(e)))}),[e]),(0,n.p)((()=>{const e=r??0;e>0&&a((r=>{const t=new Set(r);for(let r=0;r<=e;r++)t.add(r);return t}))}),[r]),t})(o,h),C=(0,n.F)((()=>({...t,...(0,n.l)(e.map(((e,r)=>{var t,n;return{...e,value:r<o?(null==(t=i.get(`${e.name}`))?void 0:t.value)??null:null,secondaryValue:r<o?(null==(n=i.get(`${e.name}`))?void 0:n.secondaryValue)??null:null}})))}

1)),[t,i,e,o]);(0,a.h)(C);const S=(0,n.F)((()=>(0,n.m)(e,i)),[e,i]),T=(0,n.F)((()=>{const r=(0,n.r)(e,S);return(0,n.n)(r,C)}),[e,S,C]);(0,n.p)((()=>{requestAnimationFrame((()=>{f()})),b()}),[o,f,k,b]);const _=(0,n.T)(((e,t)=>{if(!t)return;const a=T[o];if(!a)return;const i=`${a.name}`;l(i,e);const s={...e,questionText:(0,n.q)(a)};a.childId&&null!=(null==s?void 0:s.value)&&(0,n.t)({displayCard:a,response:s,createDynamicFollowupQuestion:g}),r([s])}),[T,o,r,l]),N=T.map(((e,r)=>({card:e,cardIndex:r}))).filter((({cardIndex:e})=>x.has(e)));return(0,n.u)("div",{className:"conversational-ui ul-conversational-ui","data-testid":"ui-container",children:[!u&&(0,n.u)(ue,{}),(0,n.u)("div",{className:"chat-container",children:(0,n.u)("div",{className:"chat-messages",children:N.map((({card:e,cardIndex:r})=>(0,n.u)(le,{avatars:c,card:e,cardIndex:r,cardResponses:i,currentQuestionBubbleRef:y,handleCardResponse:_,index:o,questionThinkingStates:k,startingQuestionIdx:h},`question-card-${e.name}`)))})}),u&&(0,n.u)("div",{className:"long-form-question-footer-container-logo",children:d&&(0,n.u)(n.o,{forceBrandedLogo:p,marketingUrlLink:m})})]})}}}]);
2//# sourceMappingURL=https://cdn.coda.io/sourcemaps/290.c573569d7364db81.chunk.js.map