@sprig-technologies/sprig-browser/dist/index-Cuw5vpuY.cjs

npm package for the sprig web sdk

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