@sprig-technologies/sprig-browser 2.39.2 → 2.39.4

package/dist/index-1abRW3c7.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./view-Bijnkt4E.cjs"),z=require("./metricsReporter-Bggbn2wu.cjs"),te=require("./core-Cw9EUdoP.cjs"),p=require("./getAttributedUrl-CMvZtsWh.cjs"),Me=({className:r,message:o,next:d,properties:t,questionId:n,type:l})=>{const{useMobileStyling:f,border:S,isLongFormSurvey:a,focusedQuestionId:y}=e.useConfig(m=>({useMobileStyling:m.useMobileStyling,border:m.border,isLongFormSurvey:z.isLongFormSurvey(m.studyType),focusedQuestionId:m.focusedQuestionId})),[s,g]=e.h(!1),[u,C]=e.h(""),[c,v]=e.h(!1),_=a&&y===n,w=t==null?void 0:t.collectName,R=(t==null?void 0:t.nameLabelText)||"Full Name",D=(t==null?void 0:t.consentText)||"I agree to the stated conditions",N=(t==null?void 0:t.submitButtonText)||"Submit",I=!!u.trim(),O=s&&(!w||I),b=(m,k=!1)=>{m.preventDefault(),m.stopPropagation();let E=null;if(!k){if(!O)return void v(!0);E={submitted:!0},w&&(E.name=u)}d({value:E,questionId:n,type:l},O)},L=m=>{m.preventDefault(),m.stopPropagation(),C(m.currentTarget.value)},M=m=>{m.currentTarget.style.borderColor=c&&!I?te.ERROR_BORDER_COLOR:S},h=m=>{m.currentTarget.style.borderColor=c&&!I?te.ERROR_BORDER_COLOR:te.DEFAULT_BORDER_COLOR},i=()=>e.u(p.QuestionBodyFooterContainer,{children:[e.u("div",{className:"sprig-stretch",children:[e.u(p.Option,{allowTextEntry:!1,border:S,error:c&&!s,id:"consent",isRadio:!1,isSelected:s,label:D,onUserInputChanged:({selected:m})=>{m!==s&&g(!s)},useMobileStyling:f}),w&&e.u("input",{"aria-label":R,"aria-placeholder":R,className:e.cc(e.getClasses("ul-consent-legal__name-input",f)),"data-gramm":"false",maxLength:250,name:"name",onBlur:h,onFocus:M,onInput:L,placeholder:R,style:c&&!I?{borderColor:te.ERROR_BORDER_COLOR}:{},tabIndex:0,value:u})]}),e.u("div",{className:"ul-card__button-wrapper ul-card-vertical__button-wrapper",children:[e.u(p.Button,{className:O?"":"sprig-button-disabled",onClick:b,children:N}),t.required===!1&&!a&&e.u("button",{className:"ul-card-skip__button",onClick:m=>b(m,!0),children:e.getSkipButtonText(t)})]})]});return e.u("div",{className:e.cc(r,a&&!_&&"ul-card--unfocused","ul-card__consent-legal","fade-in-transition"),children:[e.u(p.Header,{message:o,properties:{questionHtml:t.questionHtml}}),e.u(e.g,{children:[t!=null&&t.richTextBody?e.u(p.QuestionBodyWrapper,{children:e.u("div",{className:"ul-rich-text-body",dangerouslySetInnerHTML:t!=null&&t.richTextBody?{__html:t.richTextBody}:void 0,id:"ul-card__consent-legal-body-container"})}):null,e.u(p.MobileEmbedView,{properties:t,defaultBody:i,embeddedType:"pdf"})]})]},n)},Ee=({icon:r,scaleLabelType:o,value:d,selectedValue:t})=>{if(o==="smiley"&&d===t){let n=0;return r.replace(/black/g,()=>++n==1?"black":"white")}return r},Pe=({activeValue:r,border:o,icon:d,isPressed:t,onSubmit:n,range:l,scaleLabelType:f,selectedValue:S,setSelectedValue:a,setActiveValue:y,setIsPressed:s,useMobileStyling:g,value:u,viewDocument:C})=>{const{isLongFormSurvey:c}=e.useConfig(b=>({isLongFormSurvey:z.isLongFormSurvey(b.studyType)})),v=`option-${u}`,_=f==="number",w=f==="star",R=f==="smiley",D=_&&u===r||u===S,[N,I]=(()=>{const b=w&&S!==null&&u<=S;return w&&u<=r||R&&u===r||b||u===r||u===S?[o,t||b||u===S?1:.3]:["",1]})(),O=e.F(()=>{const b={borderColor:D?N:"",fillOpacity:D?"":I,zIndex:D?3:"auto",color:S===u?"#fff":""};return _?{...b,backgroundColor:S===u?N:""}:{...b,color:w||R||S===u?N:""}},[D,N,I,S,u,_,w,R]);return e.u("button",{"aria-label":_?void 0:String(u),className:(()=>{switch(f){case"star":return e.cc(e.getClasses("likert-star",g),e.getClasses(`likert-star-${u}`,g));case"smiley":return e.cc(e.getClasses("likert-smiley",g),e.getClasses(`likert-smiley-${u}`,g));default:return u===l?e.cc(e.getClasses("likert-number",g),e.getClasses(`likert-number-${u}`,g),e.getClasses("likert-last-option",g)):e.cc(e.getClasses("likert-number",g),e.getClasses(`likert-number-${u}`,g))}})(),dangerouslySetInnerHTML:{__html:Ee({icon:d,scaleLabelType:f,value:u,selectedValue:S})},id:v,onClick:b=>{c&&(b.preventDefault(),b.stopPropagation(),a(u)),n()},onKeyDown:b=>{var h,i;const L=C.querySelectorAll(`.likert-${f??"number"}`),M=u-1;b.key==="ArrowRight"?(h=L[M+1])==null||h.focus():b.key==="ArrowLeft"?(i=L[M-1])==null||i.focus():b.key!=="Enter"&&b.key!==" "||(c&&(b.preventDefault(),b.stopPropagation(),a(u)),n())},onPointerDown:()=>s(!0),onPointerEnter:()=>y(u),onPointerLeave:()=>{y(-1),s(!1)},style:O,tabIndex:0})},qe=({className:r,labels:o,message:d,next:t,properties:n,questionId:l,type:f})=>{const{border:S,useMobileStyling:a,viewDocument:y,isLongFormSurvey:s,focusedQuestionId:g}=e.useConfig(k=>({border:k.border,useMobileStyling:k.useMobileStyling,viewDocument:k.viewDocument,isLongFormSurvey:z.isLongFormSurvey(k.studyType),focusedQuestionId:k.focusedQuestionId})),[u,C]=e.h(-1),[c,v]=e.h(!1),[_,w]=e.h(null),R=s&&g===l,D=o&&o.left,N=o&&o.right;let I;const{range:O,scaleLabelType:b,ratingIcons:L}=n;O&&(I=Number(O));const M=I||5,h=k=>{var E,P;switch(b){case"star":return(E=L[0])==null?void 0:E.svg;case"smiley":return(P=L[k])==null?void 0:P.svg;default:return String(k+1)}},i=[...Array(M)].map((k,E)=>{const P=E+1;return e.u(Pe,{activeValue:u,border:S,icon:h(E),isPressed:c,onSubmit:()=>t({value:P,questionId:l,type:f},!0),range:M,scaleLabelType:b,selectedValue:_,setActiveValue:C,setIsPressed:v,setSelectedValue:w,useMobileStyling:a,value:P,viewDocument:y},E)}),m=k=>{k.preventDefault(),k.stopPropagation(),t({value:null,questionId:l,type:f},!0)};return e.u("form",{className:e.cc(r,"ul-card--likert","fade-in-transition",s&&!R&&"ul-card--unfocused"),children:[e.u(p.Header,{message:d,properties:n}),e.u(p.MobileEmbedView,{properties:n,defaultBody:()=>e.u(e.g,{children:[e.u(p.QuestionBodyWrapper,{children:[e.u("div",{"aria-label":`Rating (1 - ${M})`,className:"ul-card--likert__numbers",role:"radiogroup",children:i}),e.u("div",{className:"ul-card--likert__labels",children:[e.u("span",{children:D}),e.u("span",{children:N})]})]}),!n.required&&!s&&e.u(p.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-vertical-centered-container",children:e.u(p.Button,{onClick:m,children:e.getButtonText(n)})})})]})})]},l)},Se=r=>r&&(r.scrollHeight>r.offsetHeight?r:Se(r.parentElement)),Oe=r=>{if(!r||!(d=>d instanceof HTMLElement)(r))return 0;const o=getComputedStyle(r);return parseFloat(o.marginTop)+parseFloat(o.marginBottom)+(parseFloat(o.borderTopWidth)+parseFloat(o.borderBottomWidth))},Fe=({columns:r,onSelect:o,options:d,selectedOptions:t})=>{const n=e._([]),{border:l,useMobileStyling:f}=e.useConfig(u=>({border:u.border,useMobileStyling:u.useMobileStyling})),S=d.findIndex(u=>t[u.id]===null),[a,y]=e.h(S),s=e.T((u,C)=>{o(u,C);const c=a+1,v=d[c];if(v&&t[v.id]===null){y(c);const _=n.current[a];if(_!=null&&_.firstElementChild){const w=Se(_),R=_.firstElementChild,D=Oe(_)+R.clientHeight;w==null||w.scrollTo(0,_.offsetTop+D)}}},[o,d,t,a]),g=e.T((u,C)=>{const c=a===u;return e.u(e.Accordion,{animate:!0,header:C.label,isOpen:c,onClick:()=>y(c&&!window.UserLeap.isMobileSDK?-1:u),ref:v=>{v&&(n.current[u]=v)},showHeaderCheck:t[C.id]!==null,children:e.u("div",{style:{paddingTop:"12px"},children:r.map(v=>e.u(p.Option,{allowTextEntry:!1,ariaLabel:`${C.label}-${v.label}`,border:l,error:!1,id:`${C.id}-${v.value}`,isRadio:!0,isSelected:t[C.id]===v.value,label:v.label,onUserInputChanged:()=>s(C.id,v.value),useMobileStyling:f},v.label))})},C.id)},[l,r,a,s,t,f]);return e.u("div",{children:d.map((u,C)=>g(C,u))})},Qe=({columns:r,onSelect:o,options:d,selectedOptions:t})=>{const{border:n,useMobileStyling:l,isLongFormSurvey:f}=e.useConfig(c=>({border:c.border,useMobileStyling:c.useMobileStyling,isLongFormSurvey:z.isLongFormSurvey(c.studyType)})),S=d.length,a=r.length,y=e._(null),[s,g]=e.h(!1),[u,C]=e.h(!1);return e.p(()=>{const c=y.current,v=new ResizeObserver(_=>{window.requestAnimationFrame(()=>{c&&(g(Math.round(_[0].contentRect.width)<c.scrollWidth),C(Math.round(_[0].contentRect.width)<c.scrollWidth))})});return c&&v.observe(c),()=>{c&&v.unobserve(c)}},[]),e.u("div",{className:"ul-card--matrix_question_container",children:[e.u("div",{className:e.cc("ul-card--matrix_container",s&&"ul-matrix-scroll-gradient"),onScroll:()=>{(()=>{const c=y.current;c&&g(c.clientWidth+Math.abs(c.scrollLeft)<c.scrollWidth)})()},ref:y,children:e.u("div",{className:e.cc(f&&"ul-card--matrix_grid_longform","ul-card--matrix_grid"),style:`--numColumns: ${a}; --numRows: ${S+1};`,children:[e.u("div",{})," ",r.map(c=>e.u("div",{className:"ul-matrix-column-label",children:c.label},c.label)),d.map(c=>e.u(e.g,{children:[e.u("div",{"aria-label":c.label,className:"ul-matrix-row-label",children:c.label},c.label),e.u("div",{className:"ul-matrix-row-options",role:"radiogroup",children:r.map((v,_)=>{const w=_===a-1;return e.u("div",{className:e.cc("ul-matrix-option-wrapper",w&&"ul-matrix-last-option"),children:e.u(p.Option,{allowTextEntry:!1,ariaLabel:`${c.label}-${v.label}`,border:n,choiceStyle:{background:"transparent",border:"none",marginBottom:"0",padding:"0"},error:!1,id:`${c.id}-${v.value}`,isRadio:!0,isSelected:t[c.id]===v.value,onUserInputChanged:()=>o(c.id,v.value),useMobileStyling:l})},v.value)})})]}))]})}),(s||u)&&e.u("button",{className:u&&!s?"ul-matrix-scroll-arrow left":"ul-matrix-scroll-arrow",onClick:u&&!s?c=>{c.preventDefault();const v=y.current;if(v){const _=getComputedStyle(v).direction==="rtl";v.scrollTo({left:_?v.scrollWidth-v.clientWidth:0,behavior:"smooth"})}}:c=>{c.preventDefault();const v=y.current;if(v){const _=getComputedStyle(v).direction==="rtl";v.scrollTo({left:_?v.clientWidth-v.scrollWidth:v.scrollWidth,behavior:"smooth"})}},children:u&&!s?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:r,message:o,next:d,options:t,properties:n,questionId:l,type:f,showIndividualSubmit:S=!1,onSubmitButtonClick:a})=>{const{useMobileStyling:y,isLongFormSurvey:s,focusedQuestionId:g,setFocusedQuestionId:u}=e.useConfig(b=>({useMobileStyling:b.useMobileStyling,isLongFormSurvey:z.isLongFormSurvey(b.studyType),focusedQuestionId:b.focusedQuestionId,setFocusedQuestionId:b.setFocusedQuestionId})),C=n.matrixColumn,c=n.required,v=s&&g===l,_=b=>{b.preventDefault(),b.stopPropagation(),d({value:R,questionId:l,type:f},!0),a&&a()},w=t.reduce((b,L)=>(b[L.id]=null,b),{}),[R,D]=e.h(w),N=b=>c&&Object.values(b).every(L=>L==null),I=(b,L)=>{s&&d({value:{...R,[b]:L},questionId:l,type:f},!N({...R,[b]:L})),D(M=>({...M,[b]:L}))},O=n.displayMatrixAsAccordion||y;return e.u("form",{className:e.cc(r,!s&&"ul-card__matrix","fade-in-transition",s&&!v&&"ul-card--unfocused"),id:"text-form",onClick:()=>{v&&u(l)},onSubmit:_,children:[e.u(p.Header,{message:o,properties:n}),e.u(p.MobileEmbedView,{properties:n,defaultBody:()=>e.u(e.g,{children:[e.u(p.QuestionBodyWrapper,{children:[O?e.u(Fe,{columns:C,onSelect:I,options:t,selectedOptions:R}):e.u(Qe,{columns:C,onSelect:I,options:t,selectedOptions:R}),S&&e.u(p.LongformSubmitButton,{handleSubmit:_,isSubmitDisabled:N(R)})]}),!s&&e.u(p.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-card__button-wrapper",children:e.u(p.Button,{disabled:N(R),children:e.getButtonText(n)})})})]})})]},l)},Ce=({className:r,message:o,onSubmit:d,options:t=[],properties:n,questionId:l,type:f,showIndividualSubmit:S=!1,onSubmitButtonClick:a})=>{const{border:y,useMobileStyling:s,isLongFormSurvey:g,focusedQuestionId:u,setFocusedQuestionId:C}=e.useConfig(x=>({border:x.border,useMobileStyling:x.useMobileStyling,isLongFormSurvey:z.isLongFormSurvey(x.studyType),focusedQuestionId:x.focusedQuestionId,setFocusedQuestionId:x.setFocusedQuestionId})),c=g&&u===l,v=t.reduce((x,q)=>(x[q.id]={isSelected:!1},x),{}),[_,w]=e.h(v),R=f==="multiplechoice",D=n.required,N=t.find(x=>{var q;return(q=x.optionProperties)==null?void 0:q.noneOfTheAbove}),I=x=>Object.entries(x).some(([q,F])=>{var G;const W=t.find(Z=>`${Z.id}`===q),A=F.userText===void 0||F.userText.trim()==="";return((G=W==null?void 0:W.optionProperties)==null?void 0:G.allowsTextEntry)&&A&&F.isSelected}),O=x=>Object.values(x).filter(q=>q.isSelected).length,b=n.minSelect&&n.minSelect>0&&n.maxSelectMode===p.MaxSelectModes.Range&&O(_)<n.minSelect&&(D||O(_)>0),L=x=>I(x)||D&&!O(x)||!(q=>{const{minSelect:F=0,maxSelect:W=1/0,maxSelectMode:A}=n,G=O(q);switch(A){case p.MaxSelectModes.Maximum:return G<=W;case p.MaxSelectModes.Range:return G===0||G>=F;default:return!0}})(x),M=Object.entries(_).some(([x,q])=>{var F,W;return q.isSelected&&((W=(F=t.find(A=>`${A.id}`===x))==null?void 0:F.optionProperties)==null?void 0:W.allowsTextEntry)}),h=S&&(!R||M),i=x=>{P(x.id,x.selected,x.userText,x.noneOfTheAbove),x.selected&&g&&!R&&!c&&C(l)},m=x=>{var q;return(n==null?void 0:n.maxSelectMode)!==p.MaxSelectModes.Unlimited&&O(_)===(n==null?void 0:n.maxSelect)&&!((q=_[x])!=null&&q.isSelected)},k=t.map(({id:x,label:q,value:F,optionProperties:W})=>{var X,J;const A=`${x}`,{allowsTextEntry:G,noneOfTheAbove:Z}={allowsTextEntry:!1,noneOfTheAbove:!1,...W};return e.u(p.Option,{allowTextEntry:G,border:y,disabled:m(A),error:(j=_,I(j)),id:A,isRadio:R,isSelected:!!((X=_[A])!=null&&X.isSelected),label:q,noneOfTheAbove:Z,onUserInputChanged:i,promptText:"Please specify",text:(J=_[x])==null?void 0:J.userText,useMobileStyling:s,value:F},A);var j}),E=x=>{x.preventDefault(),x.stopPropagation(),d(_,!0),a&&a()},P=(x,q,F,W)=>{const A=Object.assign({},_);if((R||W)&&q)for(const j of Object.values(A))j.isSelected=!1,delete j.userText;else N&&!W&&_[N.id].isSelected&&(A[N.id].isSelected=!1);A[x]={isSelected:q,userText:F};const G=R&&Object.entries(A).some(([j,X])=>{var J,ne;return X.isSelected&&((ne=(J=t.find(ie=>`${ie.id}`===j))==null?void 0:J.optionProperties)==null?void 0:ne.allowsTextEntry)}),Z=!L(A);g&&(d(A,Z),R&&!G&&Z&&a&&a()),w(A)};return e.u("form",{className:e.cc(r,"ul-card--multiple","fade-in-transition",g&&!c&&"ul-card--unfocused"),id:"text-form",onClick:f==="multipleselect"?()=>{g&&u!==l&&f==="multipleselect"&&C(l)}:void 0,onSubmit:E,children:[e.u(p.Header,{message:o,properties:n}),e.u(p.MobileEmbedView,{properties:n,defaultBody:()=>e.u(e.g,{children:[e.u(p.QuestionBodyWrapper,{children:[n.isDropdown?e.u(p.Select,{disabledOptions:t.filter(x=>m(x.id)),dropdownFooter:b?e.u("div",{className:"ul-card__min-select-counter",style:{marginLeft:"16px"},children:[O(_),"/",n.minSelect]}):void 0,isMultiSelect:!R,multiselectText:n.dropdownMultiselectedText??"choices selected",onChange:x=>{const q={..._};for(const F of t)x.includes(F)?q[F.id].isSelected=!0:q[F.id].isSelected=!1;g&&d(q,!L(q)),w(q)},options:t,placeholderText:n.dropdownPlaceholderText??(R?"Select choice":"Select choice(s)"),value:t.filter(x=>_[x.id].isSelected)}):e.u("div",{className:e.cc(e.getClasses("ul-card__choices",s)),role:R?"radiogroup":"group",children:[k,!!b&&e.u("div",{className:"ul-card__min-select-counter",children:[O(_),"/",n.minSelect]})]}),h&&e.u(p.LongformSubmitButton,{handleSubmit:E,isSubmitDisabled:L(_)})]}),!g&&e.u(p.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-card__button-wrapper",children:e.u(p.Button,{disabled:L(_),onClick:E,children:e.getButtonText(n)})})})]})})]},l)},$e=r=>{const{questionId:o,type:d,next:t,options:n}=r,{setFocusedQuestionId:l}=e.useConfig(f=>({setFocusedQuestionId:f.setFocusedQuestionId}));return e.u(Ce,{...r,onSubmit:(f,S)=>{var C;const a=Object.entries(f).find(([,c])=>c.isSelected)||[void 0,void 0],[y,s]=a,g=n.find(c=>`${c.id}`===y);!((C=g==null?void 0:g.optionProperties)!=null&&C.allowsTextEntry)||s!=null&&s.userText&&s.userText.trim()!==""||l(o);const u=s!=null&&s.userText?{[y]:{userText:s.userText}}:null;t({value:g&&y?{[y]:g.value}:{},secondaryValue:u,questionId:o,type:d},S)}})},Ve=r=>{const{questionId:o,type:d,next:t}=r;return e.u(Ce,{...r,onSubmit:(n,l)=>{const f=Object.entries(n).reduce((a,[y,s])=>(a[y]=s.isSelected,a),{}),S=Object.entries(n).reduce((a,[y,s])=>{if(!s.userText)return a;const g=a||{};return g[y]={userText:s.userText},g},null);t({value:f,secondaryValue:S,questionId:o,type:d},l)}})},We=({className:r,labels:o,message:d,properties:t,next:n,questionId:l,type:f})=>{const[S,a]=e.h(null),{border:y,useMobileStyling:s,viewDocument:g,isLongFormSurvey:u,focusedQuestionId:C}=e.useConfig(D=>({border:D.border,useMobileStyling:D.useMobileStyling,viewDocument:D.viewDocument,isLongFormSurvey:z.isLongFormSurvey(D.studyType),focusedQuestionId:D.focusedQuestionId})),c=u&&C===l,v=o&&o.left,_=o&&o.right,w=[...Array(11)].map((D,N)=>e.u("button",{className:e.cc(e.getClasses("nps-number",s),e.getClasses(`nps-number-${N}`,s)),id:`option-${N}`,onClick:I=>{u&&(I.preventDefault(),I.stopPropagation(),a(N)),n({value:N,questionId:l,type:f},!0)},onKeyDown:I=>{var b,L;const O=g.querySelectorAll("button.nps-number");I.key==="ArrowRight"?(b=O[N+1])==null||b.focus():I.key==="ArrowLeft"?(L=O[N-1])==null||L.focus():I.key!=="Enter"&&I.key!==" "||(u&&(I.preventDefault(),I.stopPropagation(),a(N)),n({value:N,questionId:l,type:f},!0))},onPointerDown:I=>{I.currentTarget.style.zIndex="2",I.currentTarget.style.borderColor=y},onPointerLeave:I=>{I.currentTarget.style.zIndex="auto",I.currentTarget.style.borderColor=te.DEFAULT_BORDER_COLOR},style:S===N?{backgroundColor:y,color:"#fff"}:void 0,tabIndex:0,children:N},N)),R=D=>{D.preventDefault(),D.stopPropagation(),n({value:null,questionId:l,type:f},!0)};return e.u("form",{className:e.cc(r,"ul-card--nps","fade-in-transition",u&&!c&&"ul-card--unfocused"),children:[e.u(p.Header,{message:d,properties:t}),e.u(p.MobileEmbedView,{properties:t,defaultBody:()=>e.u(e.g,{children:[e.u(p.QuestionBodyWrapper,{children:[e.u("div",{className:"ul-card--nps__numbers",children:w}),e.u("div",{className:"ul-card--nps__labels",children:[e.u("span",{children:v}),e.u("span",{children:_})]})]}),!t.required&&!u&&e.u(p.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-vertical-centered-container",children:e.u(p.Button,{onClick:R,children:e.getButtonText(t)})})})]})})]},l)},Ge=({className:r,message:o,next:d,properties:t,questionId:n,type:l,showIndividualSubmit:f=!1,onSubmitButtonClick:S})=>{const{border:a,useMobileStyling:y,update:s,isLongFormSurvey:g,focusedQuestionId:u,setFocusedQuestionId:C,isPreview:c}=e.useConfig(i=>({border:i.border,useMobileStyling:i.useMobileStyling,update:i.update,isLongFormSurvey:z.isLongFormSurvey(i.studyType),focusedQuestionId:i.focusedQuestionId,setFocusedQuestionId:i.setFocusedQuestionId,isPreview:i.isPreview})),[v,_]=e.h(""),w=e._(null),R=g&&u===n;e.p(()=>{var i,m;g&&!c&&(R?(i=w.current)==null||i.focus():(m=w.current)==null||m.blur())},[g,R,c]);const D=v.trim(),N=t.required===!0&&!D,I=p.useAutoSize(w,()=>s()),O=i=>{const{value:m}=i.currentTarget;if(I(),i.preventDefault(),i.stopPropagation(),_(m),g){const k=m.trim().length>0;d({value:m,questionId:n,type:l},k)}},b=i=>{i.preventDefault(),i.stopPropagation(),d({value:v,questionId:n,type:l},!t.required||D.length>0),S&&S()},L=t&&t.openTextPlaceholder?t.openTextPlaceholder:"",M=i=>{i.currentTarget.style.borderColor=a,C(n)},h=i=>{i.currentTarget.style.borderColor=te.DEFAULT_BORDER_COLOR};return e.u("form",{className:e.cc(r,"ul-card-text","fade-in-transition",g&&!R&&"ul-card--unfocused"),id:"text-form",onClick:()=>{g&&u!==n&&C(n)},children:[e.u(p.Header,{message:o,properties:t}),e.u(p.MobileEmbedView,{defaultBody:()=>e.u("div",{className:"ul-card-text",children:e.u(p.QuestionBodyWrapper,{children:[e.u("div",{className:"ul-card-text__container",children:e.u("textarea",{"aria-describedby":"ul-caption","aria-labelledby":"ul-question","aria-multiline":"true","aria-placeholder":L,className:e.cc(e.getClasses("ul-card-text__input",y)),"data-gramm":"false",maxLength:5e3,name:"text",onBlur:h,onChange:O,onFocus:M,placeholder:L,ref:w,role:"textbox",tabIndex:0})}),t.footerHtml&&e.u("div",{className:"footer",dangerouslySetInnerHTML:{__html:t.footerHtml}}),f&&e.u(p.LongformSubmitButton,{handleSubmit:b,isSubmitDisabled:N}),e.u(p.QuestionBodyFooterContainer,{children:!g&&e.u(p.Button,{disabled:N,onClick:b,children:e.getButtonText(t)})})]})}),properties:t})]},n)},ue=1,_e=2,xe=3,oe=r=>r.type==="av_permission",he=r=>r.type==="screen_permission",ke=(r,o)=>r===void 0?ue:r?((d,t)=>!(oe(t)?t.permissionDescriptors:[]).includes("camera")||d.getVideoTracks().length>0)(r,o)?xe:ue:_e,be={avStream:null,currentPage:null,mediaRecordingUids:null,nextQuestion:()=>{},passthroughData:void 0,recordingMediaTypes:void 0,screenPermissionRequested:!1,type:void 0},K=e.create(r=>({...be,reset:()=>{r(be)},updatePage:o=>{r(o)}}));function de({currentPage:r,pages:o}){const{avStream:d,recordingMediaTypes:t,updatePage:n}=K.getState(),{recorderEventEmitter:l}=e.useConfig.getState();l.emit("av.permission",{"permission.descriptors":r.permissionDescriptors,"stream.ready":(f,S)=>{if(d===f)return;let a=r;if(f&&!r.permissionDescriptors.includes("camera")){const y=o.indexOf(r),s=S!=null&&S.active?y+2:y+1;S!=null&&S.active&&t&&l.emit("begin.recording",{"recording.media.types":t,"start.recording.callback":g=>n({mediaRecordingUids:g})}),a=o[s]}n({currentPage:a,avStream:f})}})}function ce({status:r}){const{nextQuestion:o,passthroughData:d,mediaRecordingUids:t,reset:n}=K.getState(),{recorderEventEmitter:l,handleUploadUpdate:f,index:S}=e.useConfig.getState(),a={value:{taskStatus:r},type:"recordedtask",questionId:(d==null?void 0:d.questionId)||1};d&&l.emit("finish.task",{"begin.callback":y=>{f({mediaRecordingUid:y,isSubmitted:!0,progressPct:0,isComplete:!1})},"progress.callback":(y,s)=>{f({mediaRecordingUid:y,progressPct:s.detail,isSubmitted:!1,isComplete:!1})},"upload.callback":y=>{y&&f({mediaRecordingUid:y,isComplete:!0,isSubmitted:!0,progressPct:100})},"passthrough.data":d,"current.index":S,"task.response":a,"task.complete.callback":y=>{a.value.taskDurationMillisecond=y,t&&(a.value.mediaRecordingUids=t),n(),o(a)}})}function pe({pages:r,setIsRequestingPermission:o}){const{recorderEventEmitter:d,eventEmitFn:t}=e.useConfig.getState(),{updatePage:n,currentPage:l,recordingMediaTypes:f,screenPermissionRequested:S}=K.getState();if(!l)return;const a=r.indexOf(l);switch(l.type){case"av_permission":{const y=S?a+2:a+1;return S&&f&&d.emit("begin.recording",{"recording.media.types":f,"start.recording.callback":s=>{n({mediaRecordingUids:s})}}),void n({currentPage:r[y]})}case"screen_permission":return void d.emit("screen.permission",{"screen.permission.requested":o,"stream.ready.callback":(y,s)=>{const g=s?r[a+1]:l;s&&f&&d.emit("begin.recording",{"recording.media.types":f,"start.recording.callback":u=>{n({captureStream:s,mediaRecordingUids:u})}}),n({currentPage:g,screenPermissionRequested:!0,captureStream:s})}});case"start_task":return t("recorded.task.start"),d.emit("recorded.task.start"),d.emit("start.task"),void n({currentPage:r[a+1],screenPermissionRequested:!0});case"complete_task":return}}const Ie="ul-permission-graphics-container",Te="ul-permission-body",Re=e.cc(Ie,"ul_recorded-task-inset-spacing"),se=e.cc("ul-horizontal-button-container","ul-horizontal-button-container-left"),Ne=({richTextBody:r})=>e.u("div",{className:"ul-rich-text-body",dangerouslySetInnerHTML:{__html:r},id:"ul-task-detail-container"}),le=({required:r,skipButtonText:o,bottom:d=!1})=>r?null:e.u(p.Button,{className:e.cc(d&&"ul-skip-button-below","ul-button-inactive"),onClick:ce.bind(null,{status:"abandoned"}),children:o||"Skip"}),me=r=>{const{avStream:o,captureStream:d,recordingMediaTypes:t,updatePage:n}=K.getState(),l=(t==null?void 0:t.includes("audio"))||(t==null?void 0:t.includes("video"));e.p(()=>{const f=setInterval(()=>{l&&o&&!o.active?n({avStream:null,currentPage:r[0]}):d&&d.active||n({captureStream:void 0,currentPage:r[l?1:0]})},1e3);return()=>clearInterval(f)},[o,d,l,r,t,n])},je=({content:r,pages:o,required:d})=>{const{buttonText:t,skipButtonText:n,taskDetail:l}=r;return me(o),e.u("div",{className:"ul-task-page",children:[l&&e.u(Ne,{richTextBody:l}),e.u("div",{className:se,children:[e.u(p.Button,{onClick:pe.bind(null,{pages:o}),children:t}),e.u(le,{required:d,skipButtonText:n})]})]},"start-task")},Ze=({content:r,pages:o,properties:d})=>{const{buttonText:t,skipButtonText:n}=r;me(o);const l=e.u(p.MobileEmbedView,{properties:d,defaultBody:()=>e.u("div",{className:se,children:[e.u(p.Button,{className:"ul-complete-task-button",onClick:ce.bind(null,{status:"completed"}),children:t}),e.u(p.Button,{className:e.cc("ul-button-inactive"),onClick:ce.bind(null,{status:"given.up"}),children:n})]})});return e.u("div",{className:"ul-task-page",children:[r.taskDetail&&e.u(Ne,{richTextBody:r.taskDetail}),l]},"complete-task")},ze=({content:r,pages:o,required:d})=>{const{buttonText:t,skipButtonText:n}=r,[l]=e.useConfig(a=>[a.tabTitle]),[f,S]=e.h(!1);return e.u("div",{children:[e.u("div",{className:Re,children:[e.u("p",{style:{marginTop:"auto"},children:r.selectTabText}),e.u("div",{className:"ul-select-tab-container",children:e.u("p",{className:Te,children:l})})]}),e.u("div",{className:d?"":se,children:[e.u(p.Button,{disabled:f,onClick:pe.bind(null,{pages:o,setIsRequestingPermission:S}),children:t}),e.u(le,{required:d,skipButtonText:n})]})]})},Ye=({content:r})=>e.u("div",{className:e.cc(Ie,"ul_permission_svg_container","ul_recorded-task-inset-spacing","ul-center-horizontally"),dangerouslySetInnerHTML:{__html:r.svg}},"ul-permission-request-graphic"),Ke=({content:r,pages:o,required:d})=>{const{permissionDeniedHeadline:t,permissionDeniedBody:n,skipButtonText:l,tryAgainButtonText:f}=r,S=oe(o[0])?o[0]:null;return e.p(()=>{const a=setInterval(()=>{S!==null&&de({currentPage:S,pages:o})},1e3);return()=>clearInterval(a)},[S,o]),S?e.u("div",{children:[e.u("div",{className:Re,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:Te,children:n})]})}),e.u("div",{className:se,children:[e.u(p.Button,{onClick:de.bind(null,{currentPage:S,pages:o}),children:f}),e.u(le,{required:d,skipButtonText:l})]})]}):null},Xe=({stream:r})=>e.u("video",{autoPlay:!0,className:e.cc("ul_recorded-task-inset-spacing"),id:"ul-record-task-video-preview",muted:!0,ref:o=>{o&&(o.srcObject=r||null)}}),Je=({content:r,pages:o,required:d})=>{const{skipButtonText:t}=r,{avStream:n}=K.getState();return me(o),e.u("div",{children:[e.u(Xe,{stream:n}),e.u("div",{className:"ul-vertical-button-container-center",children:[e.u(p.Button,{onClick:pe.bind(null,{pages:o}),children:r.buttonText}),e.u(le,{bottom:!0,required:d,skipButtonText:t})]})]})},et=({properties:r})=>{const{pages:o,required:d}=r,{avStream:t,currentPage:n}=K.getState();if(n===void 0)return null;switch(n==null?void 0:n.type){case"av_permission":{const l=ke(t,n);return l===ue?e.u(Ye,{content:n}):l===_e?e.u(Ke,{content:n,pages:o,required:d}):e.u(Je,{content:n,pages:o,required:d})}case"screen_permission":return e.u(ze,{content:n,pages:o,required:d});case"start_task":return e.u(je,{content:n,pages:o,required:d});case"complete_task":return e.u(Ze,{content:n,pages:o,properties:r});default:return null}},tt=({className:r,properties:o,next:d,questionId:t})=>{const n=e.useConfig(),{surveyId:l,responseGroupUid:f,userId:S}=n,a=K(),{screenPermissionRequested:y}=a,s=K(v=>v.avStream);let g=K(v=>v.currentPage);g||(g=function({pages:v,userId:_,responseGroupUid:w,surveyId:R,questionId:D,next:N}){const{updatePage:I}=K.getState(),{eventEmitFn:O,recorderEventEmitter:b}=e.useConfig.getState(),L={questionId:D,surveyId:R,visitorId:_,responseGroupUid:w};let M=0;b.emit("recorded.task.permission.screen"),O("recorded.task.permission.screen"),b.emit("permission.status",{"permission.status.callback":(i,m,k,E)=>{const P=v[M],{type:x}=P,q=["screen"];if(oe(P)){const{permissionDescriptors:F}=P,W=F==null?void 0:F.includes("microphone"),A=F==null?void 0:F.includes("camera");W&&q.push("audio"),A&&q.push("video"),(i!=null&&i.active&&!A||i!=null&&i.active&&m)&&M++}he(v[M])&&k&&(M++,b.emit("begin.recording",{"recording.media.types":q,"start.recording.callback":F=>I({mediaRecordingUids:F})})),I({currentPage:v[M],avStream:i,screenPermissionRequested:k,nextQuestion:N,type:x,passthroughData:L,recordingMediaTypes:q,captureStream:E})}});const h=v[M];return h.type==="av_permission"&&de({currentPage:h,pages:v}),h}({questionId:t,surveyId:l,next:v=>{d(v,!0)},pages:o.pages,responseGroupUid:f,userId:S}));let u=g.headline,C=g.captionText;const c=ke(s,g);return he(g)&&y&&(u=g.permissionDeniedHeadline,C=g.permissionDeniedCaptionText),oe(g)&&c===xe&&(u=g.permissionGrantedHeadline,C=g.permissionGrantedCaptionText),e.u("div",{className:e.cc(r,"ul-center-horizontally","fade-in-transition"),children:[e.u(p.Header,{message:u,properties:{captionText:C}}),e.u(p.QuestionBodyWrapper,{children:e.u(et,{properties:o})})]})},rt=({className:r,message:o,next:d,properties:t,questionId:n,type:l})=>{const{visitorAttributes:f,isLongFormSurvey:S}=e.useConfig(c=>({visitorAttributes:c.visitorAttributes,isLongFormSurvey:z.isLongFormSurvey(c.studyType)})),a=(c,v=!1)=>{d({value:v?{skipped:!0}:void 0,questionId:n,type:l},!0)},y=c=>{c.key!=="Enter"&&c.key!==" "||d({value:void 0,questionId:n,type:l},!0)},s=p.getAttributedUrl(t&&t.buttonUrl,f),g=S&&t.promptActionType===p.PromptActionTypeEnum.NO_BUTTON?()=>e.u(e.g,{}):()=>e.u(p.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-card-button-group",children:[e.u("a",{className:"ul-card-text__button ul-card__text-url-prompt-button",href:s,id:"ul-card-text__button",onClick:a,onKeyPress:y,rel:"noreferrer",role:s?"link":"button",tabIndex:0,target:"_blank",children:e.getButtonText(t)}),t.required===!1&&e.u("button",{className:"ul-card-skip__button",onClick:c=>a(0,!0),children:e.getSkipButtonText(t)})]})});return e.u("div",{className:e.cc(r,"ul-card__text-url-prompt","fade-in-transition"),children:[e.u(p.Header,{message:o,properties:{questionHtml:t.questionHtml}}),e.u(p.QuestionBodyWrapper,{children:(u=t==null?void 0:t.richTextBody,C=t==null?void 0:t.body,u?e.u("div",{className:"ul-rich-text-body",dangerouslySetInnerHTML:{__html:u},id:"ul-card__text-url-body-container"}):C?e.u("div",{className:"ul-rich-text-body",id:"ul-card__text-url-body-container",children:(C?C.split(/\n\s*\n/g):[]).map((c,v)=>e.u("p",{children:c},v))}):null)}),e.u(p.MobileEmbedView,{defaultBody:g,properties:t})]},n);var u,C},nt=({className:r,questionId:o})=>{const{border:d,destroy:t,endCard:n,forceBrandedLogo:l}=e.useConfig(a=>({border:a.border,destroy:a.destroy,endCard:a.endCard,forceBrandedLogo:a.forceBrandedLogo}));e.p(()=>{setTimeout(()=>{t(te.APP_ID)},l?4e3:2e3)},[t,l]);const f=n&&n.subheader?e.u("p",{className:"ul-caption",children:n.subheader}):null,S=n&&n.headline?n.headline:"";return e.u("div",{className:e.cc(r,"ul-card--thanks","fade-in-transition"),children:e.u("div",{children:e.u("div",{className:"ul-card--thanks-content",children:[e.u("div",{className:"ul-thanks-check",children:e.u("svg",{"aria-labelledby":"title",fill:"none",height:"99",viewBox:"0 0 81 99",width:"81",xmlns:"http://www.w3.org/2000/svg",children:[e.u("path",{clipRule:"evenodd",d:"M40.5 77C60.9345 77 77.5 60.4345 77.5 40C77.5 19.5655 60.9345 3 40.5 3C20.0655 3 3.5 19.5655 3.5 40C3.5 60.4345 20.0655 77 40.5 77ZM80.5 40C80.5 62.0914 62.5914 80 40.5 80C18.4086 80 0.5 62.0914 0.5 40C0.5 17.9086 18.4086 0 40.5 0C62.5914 0 80.5 17.9086 80.5 40Z",fill:d,fillRule:"evenodd"}),e.u("path",{clipRule:"evenodd",d:"M55.025 22.9046C55.6299 23.4705 55.6616 24.4198 55.0956 25.0247C54.8724 25.2634 54.6109 25.5285 54.3157 25.8277C52.2547 27.9168 48.5549 31.667 44.8135 39.6658C43.2818 42.9406 42.0864 45.8386 41.0823 48.2729C40.6539 49.3116 40.2603 50.2659 39.8902 51.129C39.287 52.5359 38.7248 53.7508 38.1744 54.625C37.8997 55.0613 37.5806 55.4905 37.2017 55.8245C36.8201 56.1607 36.2613 56.5 35.5457 56.5C34.6742 56.5 34.0892 55.9692 33.7774 55.6083C33.4502 55.2296 33.1752 54.7511 32.9396 54.301C32.7305 53.9013 32.5088 53.4367 32.2797 52.9565C32.2429 52.8794 32.2059 52.8019 32.1688 52.7243C31.8942 52.1499 31.5959 51.534 31.2537 50.8868C29.8886 48.305 27.8539 45.2878 24.2343 43.1382C23.522 42.7152 23.2875 41.7949 23.7105 41.0826C24.1335 40.3703 25.0539 40.1358 25.7662 40.5588C30.0556 43.1062 32.4149 46.6647 33.9058 49.4845C34.2776 50.1876 34.5973 50.8487 34.8753 51.4302C34.9147 51.5124 34.9529 51.5926 34.9902 51.6707C35.2222 52.1567 35.4164 52.5637 35.5978 52.9102C35.6151 52.9434 35.6321 52.9754 35.6485 53.0061C36.0565 52.3531 36.5341 51.3434 37.133 49.9468C37.4781 49.1418 37.8572 48.2229 38.2761 47.2074C39.2886 44.7532 40.5339 41.7347 42.0961 38.3948C46.0591 29.9221 50.0641 25.8648 52.1535 23.7482C52.4423 23.4556 52.6944 23.2002 52.9048 22.9753C53.4708 22.3703 54.42 22.3387 55.025 22.9046ZM35.1994 53.5892C35.1994 53.5892 35.2 53.5888 35.2012 53.5879C35.2 53.5889 35.1994 53.5893 35.1994 53.5892ZM36.0666 53.6682C36.0732 53.674 36.0765 53.6775 36.0765 53.6777C36.0765 53.678 36.0732 53.6751 36.0666 53.6682Z",fill:d,fillRule:"evenodd"}),e.u("path",{d:"M69.5 97C69.5 98.1046 56.2924 99 40 99C23.7076 99 10.5 98.1046 10.5 97C10.5 95.8954 23.7076 95 40 95C56.2924 95 69.5 95.8954 69.5 97Z",fill:"black",fillOpacity:"0.2"})]})}),e.u(p.Header,{message:S}),f]})})},o)},ee="ul-card-video__player_recorder",ve="ul-video-btn",ae=0,fe=1,it=({className:r,message:o,next:d,properties:t,questionId:n,type:l})=>{const{apiURL:f,envId:S,handleUploadUpdate:a,headers:y,responseGroupUid:s,surveyId:g,update:u,viewDocument:C,visitorId:c}=e.useConfig(i=>({apiURL:i.apiURL,envId:i.envId,handleUploadUpdate:i.handleUploadUpdate,headers:i.headers,responseGroupUid:i.responseGroupUid,surveyId:i.surveyId,update:i.update,viewDocument:i.viewDocument,visitorId:i.userId})),[v,_]=e.h(!1),[w,R]=e.h(null),[D,N]=e.h(null),[I,O]=e.h(ae),b=e._(null),L=t&&t.videoUrl;e.p(()=>{const i=b.current,m=new ResizeObserver(()=>{u()});return i&&m.observe(i),()=>{i&&m.unobserve(i)}},[u]);const M=(i,m)=>{i===p.RECORDER.UPLOAD_STARTED?(R(m[p.RECORDER.UPLOAD_ID]),N(m[p.RECORDER.MEDIA_RECORDING_UID]),_(!0)):i===p.RECORDER.DELETE?(R(null),N(null),_(!1)):i===p.RECORDER.UPLOAD_PROGRESS?isNaN(m[p.RECORDER.UPLOAD_PROGRESS_PCT])?a({mediaRecordingUid:m[p.RECORDER.MEDIA_RECORDING_UID],isComplete:!0}):a({mediaRecordingUid:m[p.RECORDER.MEDIA_RECORDING_UID],progressPct:m[p.RECORDER.UPLOAD_PROGRESS_PCT]}):i===p.RECORDER.UPLOAD_FINISHED&&a({mediaRecordingUid:m[p.RECORDER.MEDIA_RECORDING_UID],isComplete:!0})},h=i=>{i.preventDefault(),i.stopPropagation(),document.getElementById(ee)&&p.stopRecording(ee),w&&D?(a({mediaRecordingUid:D,isSubmitted:!0}),d({value:{mediaRecordingUid:D},questionId:n,type:l},!0)):d({value:null,questionId:n,type:l},!0)};return e.u("form",{className:e.cc(r,"ul-card--video","fade-in-transition"),id:"ul-video-interview-form",children:[e.u(p.Header,{message:o,properties:t}),e.u(p.QuestionBodyWrapper,{children:[e.u("div",{id:"ul-question-player-container",ref:b,style:{display:I===ae?"":"none"},children:[e.u("div",{id:ee,ref:i=>{if(i&&i.children.length===0&&!t.hideRecordedPrompt){const m=p.videoPlayer(ee,{src:L,type:"application/x-mpegURL"},void 0,t.mediaType===p.RECORDER.MEDIA_TYPE_AUDIO,f,C);i.appendChild(m)}}}),e.u(p.MobileEmbedView,{defaultBody:()=>e.u("button",{className:`${ve} ul-record-response-btn`,onClick:i=>{i.preventDefault(),i.stopPropagation(),document.getElementById(ee)&&p.pauseQuestionPlayer(ee),O(fe)}}),properties:t})]}),e.u("div",{style:{display:I===fe?"block":"none"},children:[e.u("button",{className:`${ve} ul-back-question-btn`,onClick:i=>{i.preventDefault(),i.stopPropagation(),O(ae)},style:{display:t.hideRecordedPrompt?"none":"block"}}),e.u("div",{id:"ul-recorder-player-container",ref:i=>{if(i&&i.children.length===0){const m=p.videoRecorderPlayer(ee,{surveyId:g,responseGroupUid:s,questionId:n,visitorId:c,envId:S},f,M,void 0,{...y,"x-ul-video-recorder-origin":"sdk"},t.mediaType===p.RECORDER.MEDIA_TYPE_AUDIO,C);i.appendChild(m)}}})]})]}),e.u(p.QuestionBodyFooterContainer,{children:[e.u(p.Button,{disabled:!v,onClick:h,children:e.getButtonText(t)}),e.u("button",{className:"ul-card-text__button ul-button-inactive ul-card-skip__button",id:"ul-card-video__skip_button",onClick:h,style:{display:t.required?"none":"block",...v?{display:"none"}:{}},children:e.getSkipButtonText(t)})]})]})},ot=({className:r})=>{const{uploadProgress:o}=e.useConfig(l=>({uploadProgress:l.uploadProgress}));let d,t;Object.values(o).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 n=Math.round(Math.min(99,...Object.values(o).filter(l=>l.isSubmitted).map(l=>l.progressPct||0)));return e.u("div",{className:e.cc(r,"ul-card--uploading","fade-in-transition"),children:[e.u("div",{"aria-busy":"true","aria-label":"Processing...","aria-live":"polite",className:"ul-loading-spinner-container",role:"progressbar",children:e.u("div",{className:"ul-loading-spinner",children:[e.u("div",{className:"first"}),e.u("div",{className:"second"}),e.u("div",{className:"third"}),e.u("div",{className:"fourth"})]})}),e.u(p.Header,{message:`${d} (${n}% complete)`}),e.u("p",{className:"ul-caption",children:t})]})},Le=e.F$1(void 0),st=({value:r,children:o})=>e.u(Le.Provider,{value:r,children:o}),lt=({isRightLabel:r,isLeftLabel:o})=>r?e.MaxDiffChoice.RIGHT:o?e.MaxDiffChoice.LEFT:null,at="Best",ut="Worst",dt=({className:r,labels:o,message:d,properties:t,options:n,questionId:l,type:f,next:S})=>{var D,N,I,O;const[a,y]=e.h(n.map((b,L)=>({...b,label:b.label===""?`Item ${L+1}`:b.label,isRightLabel:!1,isLeftLabel:!1}))),s=(()=>{const b=e.q(Le);if(b===void 0)throw new Error("usePreviousResponses must be used within a PreviousResponsesProvider");return b})(),g={padding:"12px",display:"flex",cursor:"pointer",width:"86px"},[u,C]=e.h(!1);e.p(()=>{const b=a.findIndex(P=>P.isRightLabel),L=a.findIndex(P=>P.isLeftLabel),M=b!==-1&&L!==-1;C(M);const h=!t.required||t.required&&M,i=a.map(P=>({id:P.id,option:P.label,selected:lt(P)})),m=Math.floor(l),k=Object.keys(s).filter(P=>P.startsWith(m.toString())).map(Number).sort((P,x)=>P-x).at(-1),E=[];if(typeof k=="number"){const P=s[k],x=JSON.parse(P);E.push(...x)}E.push(i),setTimeout(()=>{S({value:E,questionId:l,type:f},h,M),C(!1)},M?500:0)},[a]);const{border:c,useMobileStyling:v}=e.useConfig(b=>({border:b.border,useMobileStyling:b.useMobileStyling})),_=(b,L)=>()=>{u||y(M=>((h,i,m)=>h.map(k=>k.id===i?{...k,isRightLabel:m===e.MaxDiffChoice.RIGHT,isLeftLabel:m===e.MaxDiffChoice.LEFT}:m===e.MaxDiffChoice.RIGHT&&k.isRightLabel||m===e.MaxDiffChoice.LEFT&&k.isLeftLabel?{...k,isRightLabel:!1,isLeftLabel:!1}:k))(M,b,L))},w=(D=t.ratingIcons)==null?void 0:D[0].svg,R=(N=t.ratingIcons)==null?void 0:N[1].svg;return e.u("form",{className:e.cc(r,"ul-card-maxdiff","fade-in-transition"),children:[e.u(p.Header,{message:d,properties:t}),e.u(p.QuestionBodyWrapper,{children:e.u("div",{className:"ul-card--maxdiff__question-inner-container",children:[e.u("div",{className:"ul-card-maxdiff__labels-row",children:[e.u("div",{className:"ul-card-maxdiff__label",children:(o==null?void 0:o.left)||((I=t==null?void 0:t.labels)==null?void 0:I.left)||at}),e.u("div",{className:"ul-card-maxdiff__label",children:(o==null?void 0:o.right)||((O=t==null?void 0:t.labels)==null?void 0:O.right)||ut})]}),a.map(({id:b,label:L,isLeftLabel:M,isRightLabel:h})=>e.u("div",{className:"ul-card-maxdiff__option-row",children:[e.u("div",{className:"ul-card-maxdiff__option-control "+(R?"smiley":""),children:R?e.u("span",{"aria-pressed":M,className:M?"ul-card-maxdiff__option-btn ul-card-maxdiff__option-selected good":"ul-card-maxdiff__option-btn",dangerouslySetInnerHTML:{__html:R},id:`smiley-good-${b}`,onClick:_(b,e.MaxDiffChoice.LEFT),tabIndex:0,type:"button"}):e.u(p.Option,{allowTextEntry:!1,ariaLabel:`bestLabel-${L}`,border:c,choiceStyle:g,error:!1,id:`${b}`,isRadio:!0,isSelected:M,onUserInputChanged:_(b,e.MaxDiffChoice.LEFT),useMobileStyling:v})}),e.u("div",{className:"ul-card-maxdiff__option-label",children:L}),e.u("div",{className:"ul-card-maxdiff__option-control "+(w?"smiley":""),children:w?e.u("span",{"aria-pressed":h,className:h?"ul-card-maxdiff__option-btn ul-card-maxdiff__option-selected bad":"ul-card-maxdiff__option-btn",dangerouslySetInnerHTML:{__html:w},id:`smiley-bad-${b}`,onClick:_(b,e.MaxDiffChoice.RIGHT),tabIndex:0,type:"button"}):e.u(p.Option,{allowTextEntry:!1,ariaLabel:`worstLabel-${L}`,border:c,choiceStyle:g,error:!1,id:`${b}`,isRadio:!0,isSelected:h,onUserInputChanged:_(b,e.MaxDiffChoice.RIGHT),useMobileStyling:v})})]},b))]})})]},l)},ct=({className:r,labels:o,message:d,next:t,properties:n,questionId:l,type:f,onSubmitButtonClick:S,options:a,showIndividualSubmit:y=!1})=>{const s=e._(null),g=e._(0),u=e._(0),C=e._(null),c=e._(!1),v=e._([]),[_,w]=e.h(()=>(n==null?void 0:n.required)===!0),[R,D]=e.h(()=>a.map(T=>({...T,rank:null}))),N=e.F(()=>Array.from({length:a.length},(T,Q)=>Q+1),[a.length]),{isLongFormSurvey:I,focusedQuestionId:O,setFocusedQuestionId:b,useMobileStyling:L,isPreview:M,headers:h}=e.useConfig(T=>({useMobileStyling:T.useMobileStyling,isLongFormSurvey:z.isLongFormSurvey(T.studyType),focusedQuestionId:T.focusedQuestionId,setFocusedQuestionId:T.setFocusedQuestionId,isPreview:T.isPreview,headers:T.headers})),i=(h==null?void 0:h["userleap-platform"])==="android",m=L&&!M&&!i,k=!m&&!i,E=I&&O===l,P=T=>{T.preventDefault(),j(R),S&&S()},x=(T,Q)=>{D(U=>{const B=parseInt(Q),H=U.map($=>({...$}));H.some($=>$.rank==null)&&H.forEach(($,re)=>$.rank=re+1);const Y=H.findIndex($=>$.id===T);if(Y===-1)return U;const V=H[Y].rank;return B<V?H.forEach($=>{$.id!==T&&$.rank>=B&&$.rank<V&&($.rank=$.rank+1)}):B>V&&H.forEach($=>{$.id!==T&&$.rank>V&&$.rank<=B&&($.rank=$.rank-1)}),H[Y].rank=B,H.sort(($,re)=>$.rank-re.rank),X(H),H})},q=(T,Q)=>{for(let U=0;U<v.current.length;U++){const B=v.current[U];if(!B||B===C.current)continue;const H=B.getBoundingClientRect();if(T>=H.left&&T<=H.right&&Q>=H.top&&Q<=H.bottom)return{element:B,index:U}}return null},F=T=>Q=>{if(!m)return;Q.preventDefault(),Q.stopPropagation(),c.current=!0,s.current=T;const U=Q.touches[0];g.current=U.clientY,u.current=U.clientY;const B=Q.currentTarget.closest(".ul-card-rank__option");B&&(C.current=B,B.classList.add("is-dragging"))},W=T=>{if(!m||!c.current||s.current===null)return;T.preventDefault(),T.stopPropagation();const Q=T.touches[0];u.current=Q.clientY;const U=u.current-g.current;C.current&&(C.current.style.transform=`translateY(${U}px)`,C.current.style.zIndex="1000"),v.current.forEach(H=>{H&&H!==C.current&&H.classList.remove("is-drop-target")});const B=q(Q.clientX,Q.clientY);B&&B.element.classList.add("is-drop-target")},A=T=>{if(!m||!c.current||s.current===null)return;T.preventDefault(),T.stopPropagation();const Q=T.changedTouches[0],U=q(Q.clientX,Q.clientY);C.current&&(C.current.style.transform="",C.current.style.zIndex="",C.current.classList.remove("is-dragging")),v.current.forEach(B=>{B&&B.classList.remove("is-drop-target")}),U&&U.index!==s.current&&G(s.current,U.index),s.current=null,C.current=null,c.current=!1},G=(T,Q)=>{D(U=>{const B=U.map(Y=>({...Y})),[H]=B.splice(T,1);return B.splice(Q,0,H),B.forEach((Y,V)=>{Y.rank=V+1}),X(B),B})},Z=T=>{T.preventDefault(),T.dataTransfer&&(T.dataTransfer.dropEffect="move")},j=T=>{const Q={};T.reduce((U,B)=>(U[B.id]=B.rank,U),Q),t({value:Q,questionId:l,type:f},!0)},X=T=>{w(!1),I&&j(T)},{left:J,right:ne}=o,ie=a.length,we=T=>{T.preventDefault(),T.currentTarget.classList.add("is-drop-target")},De=T=>{T.currentTarget.classList.remove("is-drop-target")},Be=T=>{s.current=null,T.currentTarget.classList.remove("is-dragging")};return e.u("form",{className:e.cc(r,"ul-card-rank","fade-in-transition",I&&!E&&"ul-card--unfocused"),onClick:I?()=>{I&&O!==l&&b(l)}:void 0,onSubmit:P,children:[e.u(p.Header,{message:d,properties:n}),e.u(p.MobileEmbedView,{properties:n,defaultBody:()=>i?e.u(e.g,{children:[e.u(p.QuestionBodyWrapper,{children:[e.u("div",{className:"ul-card--rank__question-inner-container",children:[e.u("div",{className:"ul-card-rank__labels",children:e.u("span",{children:["1 - ",J]})}),e.u("ol",{className:"ul-card-rank__list",children:R.map(({id:T,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[${T}]`,onChange:B=>x(T,B.currentTarget.value),value:U??"",children:[U==null&&e.u("option",{className:"ul-card-rank__select-option",disabled:!0,value:"",children:"-"}),N.map(B=>e.u("option",{className:"ul-card-rank__select-option",value:B,children:B},`${B}-${l}`))]}),e.u("span",{children:Q})]},T))}),e.u("div",{className:"ul-card-rank__labels",children:e.u("span",{children:[ie," - ",ne]})})]}),y&&e.u(p.LongformSubmitButton,{handleSubmit:P,isSubmitDisabled:_})]}),!I&&e.u(p.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-card__button-wrapper",children:e.u(p.Button,{disabled:_,children:e.getButtonText(n)})})})]}):e.u(e.g,{children:[e.u(p.QuestionBodyWrapper,{children:[e.u("div",{className:"ul-card--rank__question-inner-container",children:[e.u("div",{className:"ul-card-rank__labels",children:e.u("span",{children:["1 - ",J]})}),e.u("ol",{className:"ul-card-rank__list",onDragOver:i?void 0:Z,children:R.map(({id:T,label:Q,rank:U},B)=>{return e.u("li",{className:"ul-card-rank__option",draggable:!!k||void 0,onDragEnd:k?Be:void 0,onDragEnter:k?we:void 0,onDragLeave:k?De:void 0,onDragStart:k?(Y=B,V=>{s.current=Y,V.dataTransfer&&(V.dataTransfer.effectAllowed="move",V.dataTransfer.setData("text/plain",String(Y)),V.currentTarget.classList.add("is-dragging"))}):void 0,onDrop:k?(H=B,V=>{var re,ge;V.preventDefault(),V.currentTarget.classList.remove("is-drop-target");const $=s.current;s.current=null,(ge=(re=V.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:V=>v.current[B]=V,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[${T}]`,onChange:V=>x(T,V.currentTarget.value),value:U??"",children:[U==null&&e.u("option",{className:"ul-card-rank__select-option",disabled:!0,value:"",children:"-"}),N.map(V=>e.u("option",{className:"ul-card-rank__select-option",value:V,children:V},`${V}-${l}`))]}),e.u("span",{children:Q}),!i&&e.u("button",{"aria-label":`Drag ${Q} to reorder`,className:"ul-card-rank__drag-btn",onTouchEnd:m?A:void 0,onTouchMove:m?W:void 0,onTouchStart:m?F(B):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"})})})]},T);var H,Y})}),e.u("div",{className:"ul-card-rank__labels",children:e.u("span",{children:[ie," - ",ne]})})]}),y&&e.u(p.LongformSubmitButton,{handleSubmit:P,isSubmitDisabled:_})]}),!I&&e.u(p.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-card__button-wrapper",children:e.u(p.Button,{disabled:_,children:e.getButtonText(n)})})})]})})]},l)},pt=new Set(["open","matrix","multipleselect","multiplechoice","rankorder"]),ye=({cardInstance:r,moveToNextQuestion:o,showIndividualSubmit:d,submitQuestion:t,updateCardValues:n})=>{const{isLongFormSurvey:l}=e.useConfig(u=>({isLongFormSurvey:z.isLongFormSurvey(u.studyType)}));if(!r)return null;const{name:f,type:S,props:a}=r,y=d&&pt.has(S),s={className:"ul-card",next:(u,C,c=!0)=>t(u,C&&c),questionId:f,type:S,showIndividualSubmit:d,...y?{next:(u,C)=>{n(u.questionId,u,C??!0)},onSubmitButtonClick:()=>o(f)}:{}},g=(()=>{switch(S){case"consentlegal":return e.u(Me,{...s,...a});case"likert":return e.u(qe,{...s,...a});case"matrix":return e.u(He,{...s,...a});case"maxdiff":return e.u(dt,{...s,...a});case"multiplechoice":return e.u($e,{...s,...a});case"multipleselect":return e.u(Ve,{...s,...a});case"nps":return e.u(We,{...s,...a});case"open":return e.u(Ge,{...s,...a});case"rankorder":return e.u(ct,{...s,...a});case"recordedtask":return e.u(tt,{...s,...a});case"texturlprompt":return e.u(rt,{...s,...a});case"thanks":return e.u(nt,{...s,...a});case"uploading":return e.u(ot,{...s,...a});case"videovoice":return e.u(it,{...s,...a});default:return null}})();return g?l?e.u("div",{className:"ul-card-scroll-wrapper",children:g},f):g:null},mt=({isSubmitDisabled:r=!1,onSubmit:o,buttonText:d})=>{var C;const{cards:t,forceBrandedLogo:n,index:l,marketingUrl:f,showSurveyBrand:S,slugName:a,surveyId:y,useMobileStyling:s}=e.useConfig(c=>({cards:c.cards,forceBrandedLogo:c.forceBrandedLogo,index:c.index,marketingUrl:c.marketingUrl,showSurveyBrand:c.showSurveyBrand,slugName:c.slugName,surveyId:c.surveyId,useMobileStyling:c.useMobileStyling})),g=((C=t[l])==null?void 0:C.type)==="thanks",u=e.buildMarketingUrl({marketingUrl:f,slugName:a,surveyId:y,forceBrandedLogo:n});return e.u("footer",{className:e.cc("long-form-question-footer-container",s&&"long-form-question-footer-container--mobile",g&&"long-form-question-footer-container-center"),children:[g&&n?e.u(e.ThankYouLink,{marketingUrlLink:u}):e.u("div",{className:"long-form-question-footer-container-logo",children:S?e.u(e.SprigBrandLogo,{forceBrandedLogo:n,marketingUrlLink:u}):null}),!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(p.Button,{className:e.cc("long-form-button",r&&"sprig-button-disabled"),disabled:r,onClick:o,children:e.u("span",{className:"long-form-button-text-container",children:d??e.u(e.Arrow,{stroke:"white"})})})})]})};exports.PageCard=({cards:r,next:o,previousResponses:d})=>{var M;const[t,n]=e.h({}),[l,f]=e.h({}),S=e.F(()=>({...d,...e.buildReadableResponseMap(r.map(h=>{var i,m;return{...h,value:((i=t[h.name])==null?void 0:i.value)??null,secondaryValue:((m=t[h.name])==null?void 0:m.secondaryValue)??null}}))}),[d,t,r]),a=e.pipeReadableResponsesIntoCards(r,S),{isLongFormSurvey:y,focusedQuestionId:s,setFocusedQuestionId:g}=e.useConfig(h=>({isLongFormSurvey:z.isLongFormSurvey(h.studyType),focusedQuestionId:h.focusedQuestionId,setFocusedQuestionId:h.setFocusedQuestionId})),u=e._(null),C=e._(!1),c=e._(null),v=e.T(h=>{var E,P;C.current=!0;const i=r.findIndex(x=>x.name===h);if(!y||h===null||i===-1)return void(C.current=!1);const m=(E=u.current)==null?void 0:E.querySelectorAll(".ul-card-scroll-wrapper")[i],k=(P=u.current)==null?void 0:P.closest(".ul-card__container");if(m&&k){if(m&&k){const x=m.getBoundingClientRect(),q=k.getBoundingClientRect(),F=x.top-q.top+k.scrollTop,W=F+x.height/2,A=window.innerHeight-157;let G;x.height>=A?G=F:G=W-k.clientHeight/2;const Z=k.clientHeight,j=k.scrollHeight-Z,X=Math.max(0,Math.min(G,j));k.scrollTo({top:X,behavior:"smooth"}),setTimeout(()=>{C.current=!1},500)}}else C.current=!1},[y,r]);function _(h,i){return h.map(m=>i[m.name])}e.p(()=>{s!==null&&r.findIndex(h=>h.name===s)!==-1||g(r[0].name)},[r,s,g]);const w=h=>{if(!y)return;const i=r.findIndex(m=>m.name===h)+1;if(i<r.length){const m=r[i].name;g(m)}else g(h)};e.p(()=>{y&&s!==null&&(c.current!==s?v(s):c.current=null)},[s,y,v]);const R=e.T(()=>{var q,F;if(C.current)return;const h=(q=u.current)==null?void 0:q.closest(".ul-card__container");if(!h)return;const i=(F=u.current)==null?void 0:F.querySelectorAll(".ul-card-scroll-wrapper");if(!i||i.length===0)return;const m=h.getBoundingClientRect(),k=m.top+m.height/2;let E=0,P=1/0;i.forEach((W,A)=>{const G=W.getBoundingClientRect(),Z=G.top+G.height/2,j=Math.abs(k-Z);j<P&&(P=j,E=A)});const x=r[E];c.current=x.name,g(x.name)},[r,g]);e.p(()=>{var i;if(!y)return;const h=((i=u.current)==null?void 0:i.closest(".ul-card__container"))||null;return h&&h.addEventListener("scroll",R,{passive:!0}),()=>{h&&h.removeEventListener("scroll",R)}},[R,y]);const D=e.F(()=>Object.values(l).every((h,i)=>{var k;const m=r[i];return!(!(m!=null&&m.props)||!("properties"in m.props)||((k=m.props.properties)==null?void 0:k.required)!==!1)||h}),[l,r]),N=async(h,i,m)=>{return f(E=>({...E,[h]:m})),await(k=E=>({...E,[h]:i}),new Promise(E=>{n(P=>{const x=k(P);return E(x),x})}));var k};e.p(()=>{if(!y)return;const h={};r.forEach(i=>{var k,E;const m=i;(E=(k=m.props)==null?void 0:k.properties)!=null&&E.required||(h[m.name]={value:null,questionId:m.name,type:m.type})}),n(h),f({})},[r,y]);const I=async(h,i)=>{if(y){const m=await N(h.questionId,h,i),k=O(h.type),E=b(h.type);if(k&&w(h.questionId),E&&i){const P=_(r,m);o(P)}}else o([h])},O=h=>new Set(["nps","likert","multiplechoice"]).has(h),b=h=>new Set(["videovoice","consentlegal","texturlprompt","maxdiff"]).has(h),L=((M=r[0])==null?void 0:M.type)==="thanks";return y?e.u("div",{className:"ul-card-list-container--longform",ref:u,children:[e.u(st,{value:d,children:a.map((h,i)=>e.u(ye,{cardInstance:h,moveToNextQuestion:w,showIndividualSubmit:y&&r.length>1&&i<r.length-1,submitQuestion:I,updateCardValues:N},(h==null?void 0:h.name)||i))}),!L&&e.u(mt,{isSubmitDisabled:Object.keys(t).length<r.length||!D,onSubmit:function(){const h=_(r,t);o(h)}})]}):e.u(e.g,{children:a.map((h,i)=>e.u(ye,{cardInstance:h,moveToNextQuestion:w,showIndividualSubmit:y&&r.length>1&&i<r.length-1,submitQuestion:I,updateCardValues:N},(h==null?void 0:h.name)||i))})};