@sprig-technologies/sprig-bundled 2.39.0 → 2.39.2

package/dist/index-CT-LOL3r.cjs

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