@sprig-technologies/sprig-browser 2.39.4 → 2.40.1

package/dist/index-DmjRxajT.cjs

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