freemium-survey-components 1.0.313 → 1.0.314

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/lib/index.cjs.js +1 -1
  2. package/lib/index.esm.js +1 -1
  3. package/lib/types/components/emailembed/emailembed.stories.d.ts +1 -0
  4. package/lib/types/components/range/range.stories.d.ts +1 -0
  5. package/lib/types/components/tooltip/index.d.ts +2 -0
  6. package/lib/types/components/tooltip/tooltip.stories.d.ts +1 -0
  7. package/package.json +1 -1
  8. package/freemium-survey-components-1.0.312.tgz +0 -0
  9. package/storybook-static/0.69c24e403daf7f8dd680.manager.bundle.js +0 -2
  10. package/storybook-static/0.69c24e403daf7f8dd680.manager.bundle.js.LICENSE.txt +0 -8
  11. package/storybook-static/0.7f12979c.iframe.bundle.js +0 -1
  12. package/storybook-static/1.20e11f6b0b225d564a30.manager.bundle.js +0 -1
  13. package/storybook-static/5.7c8cecf8b94a5a1971bc.manager.bundle.js +0 -2
  14. package/storybook-static/5.7c8cecf8b94a5a1971bc.manager.bundle.js.LICENSE.txt +0 -31
  15. package/storybook-static/6.c3bda7dd382836fcac8e.manager.bundle.js +0 -1
  16. package/storybook-static/7.df67a6a68c867dd5351a.manager.bundle.js +0 -1
  17. package/storybook-static/8.b2edfe14666dec599d2a.manager.bundle.js +0 -2
  18. package/storybook-static/8.b2edfe14666dec599d2a.manager.bundle.js.LICENSE.txt +0 -12
  19. package/storybook-static/9.6122be73f96b7d77e12a.manager.bundle.js +0 -1
  20. package/storybook-static/favicon.ico +0 -0
  21. package/storybook-static/iframe.html +0 -364
  22. package/storybook-static/index.html +0 -59
  23. package/storybook-static/main.37c043038a281877195d.manager.bundle.js +0 -1
  24. package/storybook-static/main.78f8a09b.iframe.bundle.js +0 -3
  25. package/storybook-static/main.78f8a09b.iframe.bundle.js.LICENSE.txt +0 -1
  26. package/storybook-static/main.78f8a09b.iframe.bundle.js.map +0 -1
  27. package/storybook-static/project.json +0 -1
  28. package/storybook-static/runtime~main.7faaec1ed7121cec4b1e.manager.bundle.js +0 -1
  29. package/storybook-static/runtime~main.f0c88c55.iframe.bundle.js +0 -1
  30. package/storybook-static/vendors~main.48a4b5f3.iframe.bundle.js +0 -3
  31. package/storybook-static/vendors~main.48a4b5f3.iframe.bundle.js.LICENSE.txt +0 -128
  32. package/storybook-static/vendors~main.48a4b5f3.iframe.bundle.js.map +0 -1
  33. package/storybook-static/vendors~main.a666c92e8db31f797b0e.manager.bundle.js +0 -2
  34. package/storybook-static/vendors~main.a666c92e8db31f797b0e.manager.bundle.js.LICENSE.txt +0 -104
package/lib/index.cjs.js CHANGED
@@ -24,4 +24,4 @@ const h_=({addFilter:e,utils:t})=>{const{Type:n,isString:r,replaceInString:o,gue
24
24
  * FilePondPluginFileValidateSize 2.2.8
25
25
  * Licensed under MIT, https://opensource.org/licenses/MIT/
26
26
  * Please visit https://pqina.nl/filepond/ for details.
27
- */;const g_=({addFilter:e,utils:t})=>{const{Type:n,replaceInString:r,toNaturalFileSize:o}=t;return e("ALLOW_HOPPER_ITEM",((e,{query:t})=>{if(!t("GET_ALLOW_FILE_SIZE_VALIDATION"))return!0;const n=t("GET_MAX_FILE_SIZE");if(null!==n&&e.size>n)return!1;const r=t("GET_MIN_FILE_SIZE");return!(null!==r&&e.size<r)})),e("LOAD_FILE",((e,{query:t})=>new Promise(((n,i)=>{if(!t("GET_ALLOW_FILE_SIZE_VALIDATION"))return n(e);const a=t("GET_FILE_VALIDATE_SIZE_FILTER");if(a&&!a(e))return n(e);const s=t("GET_MAX_FILE_SIZE");if(null!==s&&e.size>s)return void i({status:{main:t("GET_LABEL_MAX_FILE_SIZE_EXCEEDED"),sub:r(t("GET_LABEL_MAX_FILE_SIZE"),{filesize:o(s,".",t("GET_FILE_SIZE_BASE"),t("GET_FILE_SIZE_LABELS",t))})}});const l=t("GET_MIN_FILE_SIZE");if(null!==l&&e.size<l)return void i({status:{main:t("GET_LABEL_MIN_FILE_SIZE_EXCEEDED"),sub:r(t("GET_LABEL_MIN_FILE_SIZE"),{filesize:o(l,".",t("GET_FILE_SIZE_BASE"),t("GET_FILE_SIZE_LABELS",t))})}});const c=t("GET_MAX_TOTAL_FILE_SIZE");if(null!==c){if(t("GET_ACTIVE_ITEMS").reduce(((e,t)=>e+t.fileSize),0)>c)return void i({status:{main:t("GET_LABEL_MAX_TOTAL_FILE_SIZE_EXCEEDED"),sub:r(t("GET_LABEL_MAX_TOTAL_FILE_SIZE"),{filesize:o(c,".",t("GET_FILE_SIZE_BASE"),t("GET_FILE_SIZE_LABELS",t))})}})}n(e)})))),{options:{allowFileSizeValidation:[!0,n.BOOLEAN],maxFileSize:[null,n.INT],minFileSize:[null,n.INT],maxTotalFileSize:[null,n.INT],fileValidateSizeFilter:[null,n.FUNCTION],labelMinFileSizeExceeded:["File is too small",n.STRING],labelMinFileSize:["Minimum file size is {filesize}",n.STRING],labelMaxFileSizeExceeded:["File is too large",n.STRING],labelMaxFileSize:["Maximum file size is {filesize}",n.STRING],labelMaxTotalFileSizeExceeded:["Maximum total size exceeded",n.STRING],labelMaxTotalFileSize:["Maximum total file size is {filesize}",n.STRING]}}};"undefined"!=typeof window&&void 0!==window.document&&document.dispatchEvent(new CustomEvent("FilePond:pluginloaded",{detail:g_}));I(".PinturaModal {\n z-index: 2147483648 !important;\n}\n\n.freemium-survey-components .file-upload-container {\n flex: 1;\n display: flex;\n position: relative;\n z-index: 4;\n flex-direction: column;\n align-items: center;\n padding: 20px;\n grid-row-gap: 12px;\n row-gap: 12px;\n border: 2px dashed var(--file-upload-border-color);\n border-radius: 5px;\n background-color: #fafafa;\n color: var(--question-secondary-color);\n outline: none;\n transition: border 0.24s ease-in-out;\n width: 100%;\n cursor: pointer;\n margin-bottom: 20px;\n}\n.freemium-survey-components .file-upload-container.push-backward {\n z-index: 0 !important;\n}\n.freemium-survey-components .file-upload-container .drop-your-file-container {\n color: #12344d;\n font-size: 14px;\n margin: 0 0 8px 0 !important;\n font-size: 14px;\n font-weight: 500;\n}\n.freemium-survey-components .file-upload-container .link {\n font-weight: 500;\n font-size: 13px;\n line-height: 20px;\n text-align: center;\n color: var(--input-highlight-color);\n text-decoration: underline;\n margin-left: 1px;\n}\n.freemium-survey-components .file-upload-container p.max-size {\n margin: 0 0 8px 0 !important;\n font-size: 12px;\n font-weight: 500;\n color: #92a2b1;\n}\n.freemium-survey-components .file-upload-container p.support.file-formats {\n margin: 0 !important;\n font-size: 12px;\n font-weight: 500;\n color: var(--question-secondary-color);\n max-width: 80%;\n color: #92a2b1;\n line-height: 2;\n}\n.freemium-survey-components .filepond--item {\n height: 200px !important;\n}\n.freemium-survey-components .filepond--panel-center.filepond--item-panel {\n height: 16px !important;\n}\n.freemium-survey-components .filepond--wrapper {\n margin-bottom: 5px;\n}\n.freemium-survey-components .filepond--file-poster-wrapper {\n height: 200px;\n}\n.freemium-survey-components .filepond--panel-bottom.filepond--item-panel {\n top: 18%;\n transform: none !important;\n}\n.freemium-survey-components .filepond--root.filepond--hopper {\n position: absolute !important;\n width: 100%;\n height: 100% !important;\n z-index: 2;\n}\n.freemium-survey-components .filepond--drop-label label {\n display: none !important;\n}\n.freemium-survey-components .filepond--panel.filepond--panel-root {\n display: none;\n}\n.freemium-survey-components [data-filepond-item-state*=error] .filepond--item-panel,\n.freemium-survey-components [data-filepond-item-state*=invalid] .filepond--item-panel {\n background-color: #c82124;\n}\n.freemium-survey-components .filepond--file-status {\n max-width: 522px;\n min-width: 202px;\n}\n.freemium-survey-components .filepond--file-status-sub {\n max-width: 95%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.freemium-survey-components .filepond--file-info {\n max-width: 50%;\n}\n.freemium-survey-components.standard-survey-style .filepond--root.filepond--hopper {\n width: 90%;\n height: 70% !important;\n}\n.freemium-survey-components.widget-survey-components .filepond--root.filepond--hopper {\n width: 90%;\n height: 54% !important;\n}\n.freemium-survey-components.widget-survey-components .filepond--file-status {\n max-width: 60%;\n}\n.freemium-survey-components.mobile-preview .filepond--file-status {\n max-width: 76%;\n min-width: 100px;\n}\n.freemium-survey-components.mobile-preview .filepond--item {\n height: 50px;\n}\n.freemium-survey-components.mobile-preview .filepond--file-status-sub {\n display: none;\n}"),u.registerPlugin(g_,h_,f_,WS),yS(vS,xS,bS,wS);const y_=t.forwardRef((({onClick:e,maxFileSize:r=16,visible:o=!0,supportedFileFormats:i,translationVariables:a},s)=>{const[l,c]=t.useState(!1);return n.createElement("div",{ref:s,className:"file-upload-container",onClick:e,style:{visibility:o?"visible":"hidden"},onDragOver:e=>{e.preventDefault(),e.target.classList.add("push-backward")}}," ",n.createElement(T,{name:"file-upload-icon"}),n.createElement("p",{className:"drop-your-file-container"},`${a?.drop_your_file}`||"Drop your file here, or Browse"),n.createElement("p",{className:"max-size"},((e,t,n)=>{if(n&&e&&t)return e.replace(t,n)})(a?.max_file_size,"{{max_file_size}}",String(r))||`Maximum file size : ${r} MB`),n.createElement("p",{className:"support file-formats"},a?.supported_file_formats||"Supported file formats: "," ",(i=i.join(", ")).trim()?n.createElement(n.Fragment,null,l?i:i.slice(0,20)," ",n.createElement("span",{onClick:()=>c(!l),style:{color:"#2C5CC5",textDecoration:"underline",cursor:"pointer"}},l?a?.show_less||"Show less":a?.show_more||"Show more")):"No formats selected"),n.createElement("div",{className:"filepond--drip"}))})),v_=({survey:e,question:r,onChangeHandler:o,onFileUpload:i,setErrors:a,errors:s,translationVariables:l,assetUrl:c})=>{const[d,p]=t.useState([]),[m,f]=t.useState([]),h=t.useRef(),g=r.type_info?.file_field?.max_file_size||10,y=t.useRef(null),v=t.useRef();let b=!1;const x=async e=>{try{if(b)return void console.log("Upload is already in progress");if(v.current&&D(y.current)||e){const t=e??v.current.getFiles()?.[0]?.file;if(console.log("currentFile",t),t&&i){b=!0;const e=await i(t.type,t.size,r?.id||"");if(e.startsWith("http")&&c){const n=await fetch(e,{method:"PUT",headers:{"Content-Type":t.type,"Content-Disposition":"attachment"},body:t}),r=new URL(e),i=`${c}${r.pathname}`;n.ok?o([t.name,i]):console.error("Error uploading file")}else console.error("Error fetching pre-signed url");b=!1}}}catch(e){console.error("error in uploading file",e,"stringified error",JSON.stringify(e))}};return n.useEffect((()=>{(()=>{const e=r.type_info?.file_field?.allowed_file_types,t=Object.keys(P).map((t=>{if((e||[]).includes(t))return P[t].concat(",")})).join(" ").trim().slice(0,-1);f(t.split(", "))})()}),[]),n.createElement(n.Fragment,null,n.createElement(u.FilePond,{files:d,ref:v,onerror:e=>{console.log("file upload error",e),y.current=e,a({...s,fileUploadErrors:{[r.name]:e}})},required:!0,onaddfile:()=>{x()},credits:!1,allowMultiple:!0,allowFileTypeValidation:!0,acceptedFileTypes:m,fileValidateTypeDetectType:(e,t)=>new Promise(((t,n)=>{const r=e.name.split(".");t(`.${r[r.length-1].toLowerCase()}`)})),onpreparefile:(e,t)=>{const n=new FileReader;n.onloadend=()=>{const t=n.result??"",r=new Blob([t],{type:e.fileType}),o=new File([r],e.filename,{type:e.fileType});x(o)},n.readAsArrayBuffer(t)},imageEditor:{legacyDataToImageState:ek,createEditor:MS,imageReader:[fS,{}],imageWriter:[hS,{}],imageProcessor:rg,imageEditorAfterWriteImage:({src:e,dest:t,imageState:n})=>new Promise(((r,o)=>{rg(e,{imageReader:fS(),imageWriter:hS({targetSize:{width:128,height:15,fit:"cover"}}),imageState:n}).then((n=>{r([{name:"input_",file:e},{name:"output_",file:t},{name:"thumb_",file:n.dest}])})).catch(o)})),editorOptions:{utils:["crop","finetune","filter","annotate"],imageOrienter:{read:al,apply:wl},shapePreprocessor:RS(),...$S,...kS,...gS,locale:{...ES,...PS,..._S,...SS,...TS,...CS}}},allowFileSizeValidation:!0,maxFileSize:`${g}MB`,onupdatefiles:e=>{h.current?.classList.remove("push-backward"),e.length&&p(e)},onremovefile:()=>{p([]),a({...s,fileUploadErrors:{}}),y.current=null,o(null)},maxFiles:1,name:`${r.id}-files`}),n.createElement(y_,{ref:h,onClick:e=>{const t=e.target;t.className&&!t.className.includes("format-type-toggler")&&v.current.browse()},visible:!d.length,maxFileSize:g,translationVariables:{...l,tTimeZones:[{id:"",offset:"",timeZone:""}]},supportedFileFormats:m}))};I('.freemium-survey-components .input-container {\n align-items: flex-start;\n margin-bottom: 15px;\n}\n.freemium-survey-components .contact-form-input {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: center;\n}\n.freemium-survey-components .contact-form-input .contact-form-inp {\n width: 45%;\n}\n.freemium-survey-components .contact-form-input .contact-form-dropdown {\n width: 45%;\n}\n.freemium-survey-components .contact-form-input .contact-form-checkbox {\n width: 45%;\n}\n.freemium-survey-components .contact-form-input .date-time-field {\n width: 45%;\n}\n.freemium-survey-components .contact-form-inp .input-basic {\n border: 1px solid #cfd7df;\n box-shadow: none;\n}\n.freemium-survey-components .contact-form-inp .input-basic .input-basic:hover {\n border-color: #cfd7df;\n}\n.freemium-survey-components .contact-form-inp .input-basic .input-basic[focus-within] {\n border-color: #cfd7df;\n}\n.freemium-survey-components .contact-form-inp .input-basic .input-basic:focus-within {\n border-color: #cfd7df;\n}\n.freemium-survey-components .contact-form-inp .textarea-container .input-label {\n text-align: left;\n}\n.freemium-survey-components .contact-form-dropdown {\n text-align: left;\n}\n.freemium-survey-components .contact-form-dropdown .dropdown-container {\n width: 100%;\n height: 60px;\n}\n.freemium-survey-components .contact-form-dropdown .dropdown-input-basic {\n font-weight: 0;\n font-size: 14px;\n}\n.freemium-survey-components .contact-form-dropdown .dropdown-trigger-container {\n border: 1px solid #cfd7df;\n}\n.freemium-survey-components .contact-form-checkbox .checkbox-label {\n border: 1px solid #cfd7df;\n min-width: none;\n}\n.freemium-survey-components .date-time-wrapper {\n width: 100%;\n}\n.freemium-survey-components .date-time-wrapper .date-time-input-container-form-field {\n display: flex;\n justify-content: space-between;\n padding: 0 10px;\n align-items: center;\n border-radius: 4px;\n background: #fff;\n width: 100%;\n border: 1px solid #cfd7df;\n cursor: pointer;\n height: 35px;\n}\n.freemium-survey-components .date-time-field {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n margin-bottom: 15px;\n}\n.freemium-survey-components .date-time-field .date-time-label {\n padding-bottom: 8px;\n padding-left: 2px;\n font-size: 0.75em;\n font-weight: 400;\n}\n.freemium-survey-components .date-time-field .date-time-label.required::after {\n content: "*";\n position: relative;\n top: 2px;\n font-weight: 500;\n font-size: 0.85em;\n padding-left: 3px;\n color: #d72d30;\n}\n.freemium-survey-components .checkbox-label {\n margin: 10px 0px;\n padding: 10px 10px;\n font-size: 14px;\n min-width: 40%;\n}\n\n.freemium-survey-components.mobile-preview .contact-form-inp {\n flex-direction: column;\n}\n.freemium-survey-components.mobile-preview .input-container {\n width: 100%;\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components .contact-form-inp {\n flex-direction: column;\n }\n .freemium-survey-components .input-container {\n width: 100%;\n }\n}\n.widget-survey-components.compact-style .contact-form-inp {\n flex-direction: column;\n}\n.widget-survey-components.compact-style .input-container {\n width: 100%;\n}');const b_=({question:e,autoFocusDelay:t,onChangeHandler:r,formValues:o,fieldErrors:i})=>{const a=e.type_info?.contact_form?.layout,s=e.type_info?.contact_form?.fields;return n.createElement(n.Fragment,null,n.createElement("div",{className:"HORIZONTAL"===a?"contact-form-input":""},s?.map(((a,s)=>{switch(a?.type){case"paragraph":return n.createElement("div",{className:"contact-form-inp"},n.createElement(Wn,{key:s,autoFocusDelay:t,label:a?.label||"",isRequired:!!a.required,value:a.id&&o[e.name]?.[a.id]||"",onChange:t=>{a.id&&r({...o[e.name],[a.id]:t.target.value||null})},isErrored:!(!a.id||!o?.[e.name]?.[a.id])&&!!i?.[a?.id||""],errorText:a.id&&o[e.name]?.[a.id]?i?.[a?.id]:""}));case"dropdown":return n.createElement("div",{className:"contact-form-dropdown"},n.createElement(Yn,{isRequired:a?.required||!1,itemToString:e=>e?.value||"",onChangeHandler:t=>{a.id&&r({...o[e.name],[a.id]:t})},saveOthersValue:()=>{},items:a?.choices,label:a?.label||""}));case"checkbox":const[l,c]=n.useState(!1);return n.createElement("div",{className:"contact-form-checkbox"},n.createElement(Qn,{checked:l,name:a?.label||"",isRequired:a?.required||!1,onChange:()=>{c(!l),a.id&&r({...o[e.name],[a.id]:!l})}},a?.label||""));case"date_time":return n.createElement("div",{className:"date-time-field"},n.createElement("span",{className:"date-time-label "+(a.required?"required":"")},a?.label||""),n.createElement(Gs,{allow_future_date:!1,date_time_format:"MMM dd,yyyy",is_24hrs_time_format:!1,question_format:"DATE",question:e,onValueChange:r,formValues:o,value:a?.id&&o[e?.name]?.[a?.id]||"",field:a,type:"CONTACT_FORM"}));default:return n.createElement("div",{className:"contact-form-inp"},n.createElement(Hn,{key:s,setFocus:0===s,autoFocusDelay:t,onKeyDown:e=>{"phone_number"===a?.type&&j(e),"number"===a?.type&&U(e)},label:a?.label||"",type:"number"===a?.type?"number":"text",isRequired:!!a.required,value:a.id&&o[e.name]?.[a.id]||"",onChange:t=>{a.id&&r({...o[e.name],[a.id]:t.target.value||null})},isErrored:!(!a.id||!o?.[e.name]?.[a.id])&&!!i?.[a?.id||""],errorText:a.id&&o[e.name]?.[a.id]?i?.[a?.id]:""}))}}))))},x_=({survey:e,question:t,formValues:r,othersMeta:o,onChangeHandler:i,saveOthersValue:a,autoFocusDelay:s,isFinalQn:l,isWidget:c,isMobile:u,initialPivotAnswer:d,isInitialTransition:p,formQuestionErrors:m,contactFormErrors:f,activeIndexOfRenderedStatement:h=0,textboxQuestionErrors:g,fileUploadErrors:y,onFileUpload:v,widgetStyle:b="default",setErrors:x,translationVariables:w,assetUrl:$})=>{const k=t?.type_info?.footer_text?n.createElement("div",{className:"footer",role:"note",dangerouslySetInnerHTML:{__html:t?.type_info?.footer_text}}):n.createElement(n.Fragment,null);if((c||u)&&"MATRIX_RATING_SCALE"===t?.type_info?.question_type)return n.createElement(n.Fragment,null,n.createElement(Ys,{type_info:t?.type_info||{},onChangeHandler:e=>{i(e?.filter((e=>(e.rating_labels||[]).length>0)))},isMobile:u,value:r[t.name]||[],statementIndex:h,widgetStyle:b}),k);switch(t?.type_info?.question_type){case"MATRIX_RATING_SCALE":return n.createElement(n.Fragment,null,n.createElement(Ws,{type_info:t?.type_info||{},onChangeHandler:e=>{i(e?.filter((e=>(e.rating_labels||[]).length>0)))},value:r[t.name]||[]}),k);case"RANGE":return n.createElement(n.Fragment,null,n.createElement(W,{question:t,onChangeHandler:i,isWidget:c,isMobile:u,widgetStyle:b,value:r[t.name],initialPivotAnswer:d,isInitialTransition:p}),p&&void 0!==d||k);case"CHECKBOX":case"MULTI_SELECT":return n.createElement(n.Fragment,null,n.createElement(Kn,{name:t.name,values:r[t.name],othersValue:o[t.name],options:t?.choices||[],onChangeHandler:i,saveOthersValue:a,isOthersOption:!!(t?.choices||[]).find((e=>e.meta?.is_others)),othersRequired:!!t?.type_info.meta?.othersRequired,autoFocusDelay:s}),k);case"RADIO":case"DROPDOWN":return n.createElement(n.Fragment,null,n.createElement(Jn,{autoFocusDelay:s,name:t.name,onChangeHandler:i,displayFormat:t?.type_info?.meta?.display_format||"LIST",saveOthersValue:a,options:t?.choices||[],value:r[t.name],othersValue:o[t.name],isOthersOption:!!(t?.choices||[]).find((e=>e.meta?.is_others)),othersRequired:!!t?.type_info.meta?.othersRequired,isFinalQn:l}),k);case"TEXT":return n.createElement(n.Fragment,null,n.createElement(Xs,{question:t,autoFocusDelay:s,formValues:r,onChangeHandler:i,textboxErrors:g||"",setFocus:!0}),k);case"NUMBER":return n.createElement(n.Fragment,null,n.createElement(Ks,{question:t,autoFocusDelay:s,formValues:r,onChangeHandler:i}),k);case"FORM_FIELD":return n.createElement(n.Fragment,null,n.createElement(Hs,{question:t,isRequired:!!t.required,autoFocusDelay:s,onChangeHandler:i,formValues:r,fieldErrors:m?.[t.name]||{}}),k);case"CONTACT_FORM":return n.createElement(n.Fragment,null,n.createElement(b_,{question:t,autoFocusDelay:s,onChangeHandler:i,formValues:r,fieldErrors:f?.[t.name]||{}}),k);case"PARAGRAPH":return n.createElement(n.Fragment,null,n.createElement(Wn,{autoFocusDelay:s,label:"",isRequired:!!t.required,placeholder:t?.type_info?.meta?.placeholder??"",value:r[t.name]||"",onChange:e=>i(e.target.value)}),k);case"BOOLEAN":return n.createElement(n.Fragment,null,n.createElement(O,{type_info:t?.type_info,onSelect:i,value:r[t.name],initialPivotAnswer:d,isInitialTransition:p}),k);case"MESSAGE":return k;case"CONSENT":return n.createElement(n.Fragment,null,n.createElement(Qs,{question:t,onChange:i,value:r[t.name]}),k);case"SLIDER":const h=t?.type_info.meta?.slider;return n.createElement(n.Fragment,null,n.createElement(ba,{defaultValue:[r[t.name]??h?.opening_position],min:h?.min,max:h?.max,onValueChange:([e])=>i(e),isInput:h?.numerical_input_box,gridLines:h?.grid_lines,stopAtGrid:h?.stop_at_grid_lines,allowDecimals:h?.allow_decimal,decimalPoints:h?.decimal_points,isMobile:u}),k);case"RANK_ORDER":return n.createElement(n.Fragment,null,n.createElement(Ni,{valueItems:r[t.name],items:t?.choices||[],onReorder:i}),k);case"DATE_TIME":return n.createElement(n.Fragment,null,n.createElement(Gs,{allow_future_date:t.type_info.meta?.allow_future_date||!1,date_time_format:t.type_info.meta?.format,is_24hrs_time_format:t.type_info.meta?.time_format||!1,time_zone:t.type_info.meta?.time_zone||!1,question_format:t.type_info.meta?.question_format||"DATE_TIME",onValueChange:i,value:r[t.name]||"",formValues:r,translationVariables:w}),k);case"FILE":return n.createElement(v_,{errors:y,setErrors:x,onChangeHandler:i,question:t,survey:e,onFileUpload:v,translationVariables:w,assetUrl:$});default:return console.error(`Question type ${t?.type_info?.question_type} not found`),null}};var w_=p((function(e,t){var n="__lodash_hash_undefined__",r=9007199254740991,o="[object Arguments]",i="[object Boolean]",a="[object Date]",s="[object Function]",l="[object GeneratorFunction]",c="[object Map]",u="[object Number]",p="[object Object]",m="[object Promise]",f="[object RegExp]",h="[object Set]",g="[object String]",y="[object Symbol]",v="[object WeakMap]",b="[object ArrayBuffer]",x="[object DataView]",w="[object Float32Array]",$="[object Float64Array]",k="[object Int8Array]",E="[object Int16Array]",C="[object Int32Array]",P="[object Uint8Array]",S="[object Uint8ClampedArray]",_="[object Uint16Array]",T="[object Uint32Array]",M=/\w*$/,R=/^\[object .+?Constructor\]$/,I=/^(?:0|[1-9]\d*)$/,A={};A[o]=A["[object Array]"]=A[b]=A[x]=A[i]=A[a]=A[w]=A[$]=A[k]=A[E]=A[C]=A[c]=A[u]=A[p]=A[f]=A[h]=A[g]=A[y]=A[P]=A[S]=A[_]=A[T]=!0,A["[object Error]"]=A[s]=A[v]=!1;var O="object"==typeof d&&d&&d.Object===Object&&d,L="object"==typeof self&&self&&self.Object===Object&&self,z=O||L||Function("return this")(),D=t&&!t.nodeType&&t,B=D&&e&&!e.nodeType&&e,N=B&&B.exports===D;function F(e,t){return e.set(t[0],t[1]),e}function Z(e,t){return e.add(t),e}function q(e,t,n,r){var o=-1,i=e?e.length:0;for(r&&i&&(n=e[++o]);++o<i;)n=t(n,e[o],o,e);return n}function U(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(e){}return t}function j(e){var t=-1,n=Array(e.size);return e.forEach((function(e,r){n[++t]=[r,e]})),n}function V(e,t){return function(n){return e(t(n))}}function G(e){var t=-1,n=Array(e.size);return e.forEach((function(e){n[++t]=e})),n}var H,W=Array.prototype,Y=Function.prototype,X=Object.prototype,K=z["__core-js_shared__"],Q=(H=/[^.]+$/.exec(K&&K.keys&&K.keys.IE_PROTO||""))?"Symbol(src)_1."+H:"",J=Y.toString,ee=X.hasOwnProperty,te=X.toString,ne=RegExp("^"+J.call(ee).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),re=N?z.Buffer:void 0,oe=z.Symbol,ie=z.Uint8Array,ae=V(Object.getPrototypeOf,Object),se=Object.create,le=X.propertyIsEnumerable,ce=W.splice,ue=Object.getOwnPropertySymbols,de=re?re.isBuffer:void 0,pe=V(Object.keys,Object),me=Be(z,"DataView"),fe=Be(z,"Map"),he=Be(z,"Promise"),ge=Be(z,"Set"),ye=Be(z,"WeakMap"),ve=Be(Object,"create"),be=Ue(me),xe=Ue(fe),we=Ue(he),$e=Ue(ge),ke=Ue(ye),Ee=oe?oe.prototype:void 0,Ce=Ee?Ee.valueOf:void 0;function Pe(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function Se(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function _e(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function Te(e){this.__data__=new Se(e)}function Me(e,t){var n=Ve(e)||function(e){return function(e){return function(e){return!!e&&"object"==typeof e}(e)&&Ge(e)}(e)&&ee.call(e,"callee")&&(!le.call(e,"callee")||te.call(e)==o)}(e)?function(e,t){for(var n=-1,r=Array(e);++n<e;)r[n]=t(n);return r}(e.length,String):[],r=n.length,i=!!r;for(var a in e)!t&&!ee.call(e,a)||i&&("length"==a||Ze(a,r))||n.push(a);return n}function Re(e,t,n){var r=e[t];ee.call(e,t)&&je(r,n)&&(void 0!==n||t in e)||(e[t]=n)}function Ie(e,t){for(var n=e.length;n--;)if(je(e[n][0],t))return n;return-1}function Ae(e,t,n,r,d,m,v){var R;if(r&&(R=m?r(e,d,m,v):r(e)),void 0!==R)return R;if(!Ye(e))return e;var I=Ve(e);if(I){if(R=function(e){var t=e.length,n=e.constructor(t);t&&"string"==typeof e[0]&&ee.call(e,"index")&&(n.index=e.index,n.input=e.input);return n}(e),!t)return function(e,t){var n=-1,r=e.length;t||(t=Array(r));for(;++n<r;)t[n]=e[n];return t}(e,R)}else{var O=Fe(e),L=O==s||O==l;if(He(e))return function(e,t){if(t)return e.slice();var n=new e.constructor(e.length);return e.copy(n),n}(e,t);if(O==p||O==o||L&&!m){if(U(e))return m?e:{};if(R=function(e){return"function"!=typeof e.constructor||qe(e)?{}:(t=ae(e),Ye(t)?se(t):{});var t}(L?{}:e),!t)return function(e,t){return ze(e,Ne(e),t)}(e,function(e,t){return e&&ze(t,Xe(t),e)}(R,e))}else{if(!A[O])return m?e:{};R=function(e,t,n,r){var o=e.constructor;switch(t){case b:return Le(e);case i:case a:return new o(+e);case x:return function(e,t){var n=t?Le(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.byteLength)}(e,r);case w:case $:case k:case E:case C:case P:case S:case _:case T:return function(e,t){var n=t?Le(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.length)}(e,r);case c:return function(e,t,n){var r=t?n(j(e),!0):j(e);return q(r,F,new e.constructor)}(e,r,n);case u:case g:return new o(e);case f:return function(e){var t=new e.constructor(e.source,M.exec(e));return t.lastIndex=e.lastIndex,t}(e);case h:return function(e,t,n){var r=t?n(G(e),!0):G(e);return q(r,Z,new e.constructor)}(e,r,n);case y:return s=e,Ce?Object(Ce.call(s)):{}}var s}(e,O,Ae,t)}}v||(v=new Te);var z=v.get(e);if(z)return z;if(v.set(e,R),!I)var D=n?function(e){return function(e,t,n){var r=t(e);return Ve(e)?r:function(e,t){for(var n=-1,r=t.length,o=e.length;++n<r;)e[o+n]=t[n];return e}(r,n(e))}(e,Xe,Ne)}(e):Xe(e);return function(e,t){for(var n=-1,r=e?e.length:0;++n<r&&!1!==t(e[n],n,e););}(D||e,(function(o,i){D&&(o=e[i=o]),Re(R,i,Ae(o,t,n,r,i,e,v))})),R}function Oe(e){return!(!Ye(e)||(t=e,Q&&Q in t))&&(We(e)||U(e)?ne:R).test(Ue(e));var t}function Le(e){var t=new e.constructor(e.byteLength);return new ie(t).set(new ie(e)),t}function ze(e,t,n,r){n||(n={});for(var o=-1,i=t.length;++o<i;){var a=t[o],s=r?r(n[a],e[a],a,n,e):void 0;Re(n,a,void 0===s?e[a]:s)}return n}function De(e,t){var n,r,o=e.__data__;return("string"==(r=typeof(n=t))||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==n:null===n)?o["string"==typeof t?"string":"hash"]:o.map}function Be(e,t){var n=function(e,t){return null==e?void 0:e[t]}(e,t);return Oe(n)?n:void 0}Pe.prototype.clear=function(){this.__data__=ve?ve(null):{}},Pe.prototype.delete=function(e){return this.has(e)&&delete this.__data__[e]},Pe.prototype.get=function(e){var t=this.__data__;if(ve){var r=t[e];return r===n?void 0:r}return ee.call(t,e)?t[e]:void 0},Pe.prototype.has=function(e){var t=this.__data__;return ve?void 0!==t[e]:ee.call(t,e)},Pe.prototype.set=function(e,t){return this.__data__[e]=ve&&void 0===t?n:t,this},Se.prototype.clear=function(){this.__data__=[]},Se.prototype.delete=function(e){var t=this.__data__,n=Ie(t,e);return!(n<0)&&(n==t.length-1?t.pop():ce.call(t,n,1),!0)},Se.prototype.get=function(e){var t=this.__data__,n=Ie(t,e);return n<0?void 0:t[n][1]},Se.prototype.has=function(e){return Ie(this.__data__,e)>-1},Se.prototype.set=function(e,t){var n=this.__data__,r=Ie(n,e);return r<0?n.push([e,t]):n[r][1]=t,this},_e.prototype.clear=function(){this.__data__={hash:new Pe,map:new(fe||Se),string:new Pe}},_e.prototype.delete=function(e){return De(this,e).delete(e)},_e.prototype.get=function(e){return De(this,e).get(e)},_e.prototype.has=function(e){return De(this,e).has(e)},_e.prototype.set=function(e,t){return De(this,e).set(e,t),this},Te.prototype.clear=function(){this.__data__=new Se},Te.prototype.delete=function(e){return this.__data__.delete(e)},Te.prototype.get=function(e){return this.__data__.get(e)},Te.prototype.has=function(e){return this.__data__.has(e)},Te.prototype.set=function(e,t){var n=this.__data__;if(n instanceof Se){var r=n.__data__;if(!fe||r.length<199)return r.push([e,t]),this;n=this.__data__=new _e(r)}return n.set(e,t),this};var Ne=ue?V(ue,Object):function(){return[]},Fe=function(e){return te.call(e)};function Ze(e,t){return!!(t=null==t?r:t)&&("number"==typeof e||I.test(e))&&e>-1&&e%1==0&&e<t}function qe(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||X)}function Ue(e){if(null!=e){try{return J.call(e)}catch(e){}try{return e+""}catch(e){}}return""}function je(e,t){return e===t||e!=e&&t!=t}(me&&Fe(new me(new ArrayBuffer(1)))!=x||fe&&Fe(new fe)!=c||he&&Fe(he.resolve())!=m||ge&&Fe(new ge)!=h||ye&&Fe(new ye)!=v)&&(Fe=function(e){var t=te.call(e),n=t==p?e.constructor:void 0,r=n?Ue(n):void 0;if(r)switch(r){case be:return x;case xe:return c;case we:return m;case $e:return h;case ke:return v}return t});var Ve=Array.isArray;function Ge(e){return null!=e&&function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=r}(e.length)&&!We(e)}var He=de||function(){return!1};function We(e){var t=Ye(e)?te.call(e):"";return t==s||t==l}function Ye(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function Xe(e){return Ge(e)?Me(e):function(e){if(!qe(e))return pe(e);var t=[];for(var n in Object(e))ee.call(e,n)&&"constructor"!=n&&t.push(n);return t}(e)}e.exports=function(e){return Ae(e,!0,!0)}}));const $_=(e,r)=>{const o=n.useMemo((()=>(e=>({...e,blocks:e?.blocks?.map((e=>({...e,display_logic:e.display_logic&&0!==e.display_logic.length?e.display_logic:[{order:1,display_type:"SHOW",logic_type:"BASED_ON_RATING_GROUP"}]}))),question_details:{...e.question_details,questions:e?.question_details?.questions?.map((e=>({...e,type_info:{...e.type_info||{},matrix_properties:{...e.type_info?.matrix_properties||{},statements:e?.type_info?.matrix_properties?.statements?.filter((e=>e.is_active)),rating_labels:e?.type_info?.matrix_properties?.rating_labels?.filter((e=>e.is_active))}},choices:e?.choices?.map(((e,t)=>e.meta?.is_deleted||"Others"!==e.value||!z(e.meta)&&!z(e.meta?.is_others)?{...e,id:e.id??String(t)}:{...e,meta:{is_others:!0,show_comment_box:!0},id:e.id??String(t)}))})))}}))(e)),[e]),{filteredSurvey:i,filteredAnswers:a}=t.useMemo((()=>{const e=w_(o),t=(e.question_details?.questions||[]).filter((e=>!e.type_info?.meta?.is_deleted)),{others_meta:n,...i}=r||{others_meta:{}},a=t.reduce(((e,t)=>null!==i[t.name]&&void 0!==i[t.name]?{...e,[t.name]:i[t.name]}:e),{}),s=(o?.blocks||[]).map((e=>({...e,question_names:e.question_name?[e.question_name]:e.category?.map((e=>e.question_name))})));return{filteredSurvey:{...e,question_details:{questions:t},blocks:s},filteredAnswers:{...a,others_meta:n}}}),[o,r]);return{survey:i,answers:a}},k_=({questions:e})=>e.find((e=>e.type_info?.pivot_question))??e.find((e=>"RANGE"===e.type_info?.question_type))??e[0],E_=(e,t)=>{const n=e.type_info?.scale_properties?.range;return Math.min(n?.[n?.length-1].max??10,Math.max(n?.[0].min??0,t))},C_=({blocks:e,activeIndexOfBlocks:t,renderedBlocks:n,activeIndexOfRenderedBlocks:r,questions:o})=>{const{question:{dependent_blocks:i}}=n[r],a=i?.some((({choice_id:e})=>!!e))??!1;return(t===e.length-1||1===i?.length&&!a&&("TY"===i?.[0].next_block||__({blocks:e,questions:o,nextBlockName:i?.[0].next_block||""})))&&r===n.length-1},P_=({pivotQn:e,pivotQnAnswer:t,block:n,questions:r})=>{if(n?.category?.length){const o=e?.type_info?.scale_properties?.range?.find((e=>(e.min??0)<=t&&t<=(e.max??10))),i=n?.category.find((e=>e.id===o?.id)),a=i?.question_name;return r.find((e=>e.name===a))}return r.find((e=>e.name===n?.question_name))},S_=({activeBlock:e,answers:t,blocks:n,activeIndexOfBlocks:r,questions:o,fromTY:i=!1})=>{const a=e.question.dependent_blocks||[],s=t.formValues[e.question.name];let l;if(l="RANGE"===e.question.type_info?.question_type?e.question.type_info?.pivot_question&&2===a.length?a.find((e=>e.values?.includes(String(s))||e.values?.includes(String(Boolean(s)))))?.next_block:a.find((e=>(s??-1)>=(e?.values?.[0]??0)&&(s??-1)<=(e?.values?.[1]??10)))?.next_block:1===a.length?a[0].next_block:a.find((e=>e.values?.includes(String(s))||e.choice_id?.includes(String(s))))?.next_block,l){if(("TY"===l||__({nextBlockName:l,blocks:n,questions:o}))&&!i)return 1/0;const e=n.find((e=>e.name===l));if((e?.category||[]).length>0){const r=k_({questions:o});if(!!z(t?.formValues?.[r.name])){const t=o.find((t=>t.name===e?.category?.[0]?.question_name))?.dependent_blocks?.[0].next_block,r=n.findIndex((e=>e.name===t));return r>=0?r:1/0}}const r=n.findIndex((e=>e.name===l));return r>=0?r:1/0}return r+1},__=({nextBlockName:e,blocks:t,questions:n})=>{let r=t.find((t=>t.name===e))?.question_name;return r||(r=t.find((t=>t.name===e))?.question_names[0]),"THANK_YOU"===n.find((e=>e.name===r))?.type_info?.question_type},T_=({activeBlock:e,blocks:t,answers:n,questions:r,renderedBlocks:o,contactData:i,activeIndexOfBlocks:a})=>{let s=S_({activeBlock:e,answers:n,blocks:t,activeIndexOfBlocks:a,questions:r,fromTY:!0}),l=M_({nextBlockIndex:s,blocks:t,answers:n,questions:r,contactData:i});for(;!l&&s!==t.length-1;)s+=1,l=M_({nextBlockIndex:s,blocks:t,answers:n,questions:r,contactData:i});return t[s]},M_=({nextBlockIndex:e,blocks:t,answers:n,questions:r,contactData:o})=>{const i=[],a=t[e]?.display_logic??[];return a.length?a.forEach((e=>{const{sub_type:t,logic_type:a,based_on_contact_field_name:s,matrix_rating_scale_statement_id:l,rank_order_choice_id:c}=e,u=e.based_on_question_name??"",d=r.find((e=>e.name===u));let p=e.expected_value??[],m=e.operator,f=n.formValues[u];if("RATING_GROUP"===t){const e=r.find((e=>e.name===u))?.type_info?.scale_properties?.range?.find((e=>(e.min??0)<=Number(f??-1)&&Number(f??-1)<=(e.max??10)));f=e?.label}if(l){const e=(f||[]).find((e=>e.statement_id===l))?.rating_labels||[];f=e.map((e=>e.id))}if("BASED_ON_CONTACT_FIELD"===a&&(f=o?o[s||""]:""),c&&Array.isArray(f)&&(f=[...f].findIndex((e=>e===c))+1),"DATE_TIME"===d?.type_info?.question_type&&("IS"===m||"IS_NOT"===m)){const{newOperator:e,newExpectedValue:t,newAnswer:n}=(({expValue:e,answer:t})=>{const n=new Date;let r={newOperator:null,newExpectedValue:[],newAnswer:t};const o=new Date(t);switch(e){case"Last 7 days":r={...r,newOperator:"BETWEEN",newExpectedValue:[new Date(n.setDate(n.getDate()-7)).toString(),(new Date).toString()]};break;case"Last 30 days":r={...r,newOperator:"BETWEEN",newExpectedValue:[new Date(n.setDate(n.getDate()-30)).toString(),(new Date).toString()]};break;case"Next 7 days":r={...r,newOperator:"BETWEEN",newExpectedValue:[new Date(n.setDate(n.getDate()+7)).toString(),(new Date).toString()]};break;case"Next 30 days":r={...r,newOperator:"BETWEEN",newExpectedValue:[new Date(n.setDate(n.getDate()+30)).toString(),(new Date).toString()]};break;case"Today":r={...r,newExpectedValue:[new Date],newAnswer:new Date(t)};break;case"Yesterday":r={...r,newExpectedValue:[new Date(n.setDate(n.getDate()-1)).toString()],newAnswer:o}}return r})({expValue:p[0],answer:f});p=t,m=e||m,f=n}let h=!0;switch(m){case"IS":h=p[0]==f;break;case"IS_NOT":h=p[0]!=f;break;case"EMPTY":h=D(f);break;case"NOT_EMPTY":h=!D(f);break;case"LESSER_THAN":h=Number(f)<Number(p[0]??-1);break;case"GREATER_THAN":h=Number(f)>Number(p[0]??-1);break;case"LESSER_THAN_OR_EQUALS":h=Number(f)<=Number(p[0]??-1);break;case"GREATER_THAN_OR_EQUALS":h=Number(f)>=Number(p[0]??-1);break;case"INCLUDES":h=Array.isArray(f)?f.some((e=>p.includes(e))):!!f&&p.includes(String(f));break;case"NOT_INCLUDES":Array.isArray(f)?h=f.some((e=>!p.includes(e))):f&&(h=!p.includes(String(f)));break;case"CONTAINS":h=String(f).includes(String(p[0]));break;case"NOT_CONTAINS":h=!String(f).includes(String(p[0]));break;case"BETWEEN":let e=p[0],t=p[1];"string"==typeof f?(e=new Date(e),t=new Date(t),f=new Date(f),e>t&&(e=new Date(p[1]),t=new Date(p[0]))):(e=Number(e),t=Number(t),f=Number(f),e>t&&(e=Number(p[1]),t=Number(p[0]))),h=f>e&&f<t;break;case"STARTS_WITH":h=String(f)?.startsWith(p[0]);break;case"ENDS_WITH":h=String(f)?.endsWith(p[0]);break;case"AFTER":h=new Date(String(f))>new Date(p[0]);break;case"BEFORE":h=new Date(String(f))<new Date(p[0])}"HIDE"===e.display_type&&(h=!h),i.push(h)})):i.push(!0),i.every((e=>e))},R_=({renderedBlocks:e,activeBlock:t,blocks:n,activeIndexOfBlocks:r,answers:o,questions:i,contactData:a})=>{const s=I_({activeBlock:t,blocks:n,activeIndexOfBlocks:r,answers:o,questions:i}),l=M_({nextBlockIndex:s,blocks:n,answers:o,questions:i,contactData:a});if(s>=n.length)return 1/0;if(l)return __({blocks:n,questions:i,nextBlockName:n[s].name||""})?1/0:s;{const t=P_({pivotQn:k_({questions:i}),pivotQnAnswer:o.formValues[n[0].question_name??""],block:n[s],questions:i});return R_({activeBlock:{...n[s],question:t},blocks:n,activeIndexOfBlocks:s,answers:o,renderedBlocks:e,questions:i})}},I_=({activeBlock:e,blocks:t,activeIndexOfBlocks:n,answers:r,questions:o})=>{if((({activeBlock:e,answers:t})=>{const n=t.formValues[e.question.name];return D(n)})({activeBlock:e,answers:r}))return n+1;if(1===e.question.dependent_blocks?.length){const n=e.question.dependent_blocks?.[0];if("TY"===n?.next_block||__({blocks:t,questions:o,nextBlockName:n?.next_block||""}))return 1/0;const r=t.findIndex((e=>e.name===n?.next_block));return r>=0?r:1/0}return(e.question.dependent_blocks?.length??0)>1?S_({activeBlock:e,answers:r,blocks:t,activeIndexOfBlocks:n,questions:o}):n+1},A_=({question:e,answers:t})=>!D(t.formValues[e.name])&&e?.type_info?.question_type&&f.includes(e?.type_info?.question_type)&&!("DROPDOWN"===e.type_info?.question_type&&t.formValues[e.name]===y)||t.commitDirtyValue,O_=({blocks:e,activeIndexOfBlocks:t,renderedBlocks:n,activeIndexOfRenderedBlocks:r,answers:o,questions:i})=>{const{question:a}=n[r];if(a){const s=C_({blocks:e,activeIndexOfBlocks:t,renderedBlocks:n,activeIndexOfRenderedBlocks:r,questions:i}),l=A_({question:a,answers:o});return!s&&l||a?.type_info?.question_type&&["MESSAGE"].includes(a?.type_info?.question_type)||"CONSENT"===a?.type_info?.question_type&&"BUTTON"===a?.type_info?.meta?.display_format||"CONSENT"===a?.type_info?.question_type&&"CHECKBOX"===a?.type_info?.meta?.display_format&&s&&l}return!1},L_=(e,{answers:t,blocks:n,activeIndexOfBlocks:r,renderedBlocks:o,initialStatementHasAnswer:i,activeIndexOfRenderedBlocks:a,activeIndexOfRenderedStatement:s=0,surveyStyle:l,isMobile:c,isWidget:u,blockIndex:d,questions:p})=>{const m=C_({blocks:n,activeIndexOfBlocks:r,renderedBlocks:o,activeIndexOfRenderedBlocks:a,questions:p}),v=o[a],b=v.question,x=b?.type_info?.matrix_properties?.statements||[];switch(e){case"next-statement":return"MATRIX_RATING_SCALE"===b.type_info?.question_type&&(!(!u&&!c)&&(s<x.length-1&&("MULTIPLE_ANSWERS"===b?.type_info?.matrix_properties?.type||i)));case"next":return"CONSENT"===b.type_info?.question_type?"CHECKBOX"===b.type_info?.meta?.display_format&&!m:"MATRIX_RATING_SCALE"===b.type_info?.question_type?!m&&d===a&&(!u&&!c||s===(b.type_info.matrix_properties?.statements||[]).length-1):(b.type_info?.question_type&&!f.includes(b.type_info?.question_type)||"DROPDOWN"===b.type_info?.question_type&&(t.formValues[b.name]===y||"standard"===l&&0===a))&&!m&&d===a;case"skip":return"FORM_FIELD"===b.type_info?.question_type||"CONTACT_FORM"===b.type_info?.question_type?!m&&d===a&&(()=>{const e=b.type_info?.question_type;let t=!0;return("FORM_FIELD"===e?b?.type_info?.form_fields?.fields:b?.type_info?.contact_form?.fields)?.map((e=>{e?.required&&(t=!1)})),t})():"MATRIX_RATING_SCALE"===b.type_info?.question_type?!(v.required||c||u||m):!v.required&&!m&&d===a&&b?.type_info?.question_type&&!g.includes(b?.type_info?.question_type)||!v.required&&!m&&"CONSENT"===b?.type_info?.question_type;case"skip-statement":return!(v.required||m&&!(s<x.length-1)||"MATRIX_RATING_SCALE"!==b.type_info?.question_type||!c&&!u);case"submit":return"CONSENT"===b?.type_info?.question_type?m&&"CHECKBOX"===b?.type_info?.meta?.display_format:"MATRIX_RATING_SCALE"===b?.type_info?.question_type?m&&(!u&&!c||s===(b?.type_info?.matrix_properties?.statements||[]).length-1):m&&b?.type_info?.question_type&&!h.includes(b?.type_info?.question_type);case"navigation":return(u||"card"===l)&&!(0===a&&1===o.length);case"clear-selection":return null!=d&&d!==a&&"DROPDOWN"===o[d].question.type_info?.question_type&&t.formValues[o[d].question.name];case"message":return b?.type_info?.scale_properties?.labels&&"MESSAGE"===b?.type_info?.question_type;case"consent":return b?.type_info?.scale_properties?.labels&&"CONSENT"===b?.type_info?.question_type}},z_=(e,t)=>{const n=e.question.choices?.find((e=>e.meta?.is_others))?.id||"";return("MULTI_SELECT"===e.question.type_info?.question_type&&t.formValues[e.question.name]?.includes(n)||"DROPDOWN"===e.question.type_info?.question_type&&t.formValues[e.question.name]===n)&&D(t.others[e.question.name])},D_=(e,{answers:t,blocks:n,activeIndexOfBlocks:r,renderedBlocks:o,activeIndexOfRenderedBlocks:i,isSubmitting:a,activeIndexOfRenderedStatement:s,isWidget:l,isMobile:c})=>{const u=o[i];switch(e){case"next-statement":const e=(u?.question?.type_info?.matrix_properties?.statements||[])[s];return!(t.formValues[u?.question.name]||[]).find((t=>t.statement_id===e?.id))?.rating_labels?.length;case"next":if("MATRIX_RATING_SCALE"===u.question.type_info?.question_type){const e=u?.question?.type_info?.matrix_properties?.statements||[],n=t.formValues[u?.question.name]||[];if(l||c){const t=e[s];return!n.find((e=>e.statement_id===t?.id))?.rating_labels?.length}{const t={};return n.forEach((e=>{e.statement_id&&e.rating_labels?.length&&(t[e.statement_id]=!0)})),u.required?!e.every((e=>e.id&&!!t[e.id])):!e.some((e=>e.id&&!!t[e.id]))}}return!("CONSENT"===u.question?.type_info?.question_type&&!u.required)&&(D(t?.formValues[u.question.name])||u.question.type_info?.meta?.othersRequired&&z_(u,t)||("FORM_FIELD"===u.question?.type_info?.question_type||"CONTACT_FORM"===u.question?.type_info?.question_type)&&(({block:e,answer:t})=>{const n=e?.question,r=e.question?.type_info?.question_type,o={};let i=!0;return("FORM_FIELD"===r?n?.type_info?.form_fields?.fields:n?.type_info?.contact_form?.fields)?.forEach((e=>{e?.required&&D(t?.[e?.id||1])?o[e?.id]=!0:o[e?.id]=!1})),Object.values(o).forEach((e=>{!0===e&&(i=!1)})),!i})({block:u,answer:t?.formValues[u.question.name]}));case"submit":return"CONSENT"===u.question.type_info?.question_type?!!u.required&&!t?.formValues[u.question.name]:(u.required||u.question.type_info?.pivot_question)&&D(t?.formValues[u.question.name])||u.question?.type_info?.meta?.othersRequired&&z_(u,t)||a||(({answer:e,block:t,mobileOrWidget:n,activeIndexOfRenderedStatement:r=0})=>{if("MATRIX_RATING_SCALE"!==t?.question?.type_info?.question_type||!t.required)return!1;const o={};if(e?.forEach((e=>{e.statement_id&&e.rating_labels?.length&&(o[e.statement_id]=!0)})),n){const e=t?.question?.type_info?.matrix_properties?.statements?.find(((e,t)=>t===r));return!!e?.id&&!o[e?.id]}return!(t?.question?.type_info?.matrix_properties?.statements||[]).filter((e=>e.is_active)).every((e=>e.id&&!!o[e.id]))})({block:u,activeIndexOfRenderedStatement:s,mobileOrWidget:l||c,answer:t?.formValues[u.question.name]});case"navigation-prev":return 0==i;case"navigation-next":return i>=o.length-1;default:return!1}},B_=({renderedBlocks:e,activeIndexOfRenderedBlocks:t,answers:n})=>{const r=N_({renderedBlocks:e,activeIndexOfRenderedBlocks:t}).reduce(((e,t)=>(void 0!==n.formValues[t.question.name]&&(e[t.question.name]=n.formValues[t.question.name]),e)),{});return{...n,formValues:r}},N_=({renderedBlocks:e,activeIndexOfRenderedBlocks:t})=>e.slice(0,t+1),F_=({blocks:e,answerStatus:t,questions:n,responses:r})=>{const o=["COMPLETE","PARTIAL_COMPLETE"].includes(t??""),{others_meta:i={},...a}=r||{};if(D(a))return{renderedBlocks:[],activeIndexOfRenderedStatement:0,activeIndexOfRenderedBlocks:0,pivot:null,answers:{formValues:{},others:{},commitDirtyValue:!1},isInitialTransition:!0,isConsideredCompleted:o};const s=e.filter((e=>e.question_names?.some((e=>null!=r?.[e])))).map((e=>{const t=e.question_names?.find((e=>null!=r?.[e])),o=n.find((e=>e.name===t&&"MESSAGE"!==e?.type_info?.question_type));return{...e,question:o}})),l=Math.max(s.length-1,0),c=e?.findIndex((e=>e.name===s[l].name)),u=k_({questions:n}),d={question:u,answer:a[u.name]},p=(({blocks:e,answers:t,questions:n,activeBlock:r,activeIndexOfBlocks:o,pivot:i})=>{const a=I_({activeBlock:r,blocks:e,activeIndexOfBlocks:o,answers:t,questions:n});if(a>-1){const t=P_({pivotQn:i?.question,pivotQnAnswer:i?.answer,block:e?.[a],questions:n});return{...e?.[a],question:t}}return null})({activeBlock:s[l],blocks:e,answers:{formValues:a||{},others:i||{},commitDirtyValue:!0},pivot:d,questions:n,activeIndexOfBlocks:c});return{renderedBlocks:p?.question?.name?[...s,p]:s,activeIndexOfRenderedStatement:0,activeIndexOfRenderedBlocks:l+1===s.length?l:l+1,pivot:{question:u,answer:a?.[u.name]},isInitialTransition:!1,answers:{others:i,formValues:a,commitDirtyValue:!1},isConsideredCompleted:o,...o?{activeIndexOfRenderedBlocks:0,isInitialTransition:!0}:{}}},Z_=e=>{switch(e){case"EMAIL":return/^([a-zA-Z0-9._%-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,})$/;case"NUMBER":case"PHONE":case"PHONE_NUMBER":return/^[0-9 ()+-]*$/;case"URL":return/^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/}},q_=({fields:e,answers:t,errorSetter:n,questionName:r,errors:o,translationVariables:i})=>{let a=!0;const s={...o?.[r]};return e.forEach((e=>{const n=Z_(e?.type);e?.required&&!t[e.id]?(s[e?.id]=i?.required_field||"This is a required field",a=!1):(e?.required||t[e.id])&&n&&!n.test(t[e.id])?(s[e?.id]=i?.valid_data||"Enter valid data",a=!1):delete s[e?.id]})),n({...o,formErrors:{[r]:s}}),a},U_=({type:e,answer:t,errorSetter:n,questionName:r,errors:o,translationVariables:i})=>{let a=!0,s="";const l=Z_(e);return t&&l&&!l.test(t)?(s=i?.valid_data||"Enter valid data",a=!1):s="",n({...o,textBoxErrors:{[r]:s}}),a},j_=({fields:e,answers:t,errorSetter:n,questionName:r,errors:o,translationVariables:i})=>{let a=!0;const s={...o?.[r]};return e.forEach((e=>{const n=Z_(e?.type.toUpperCase());e?.required&&!t[e.id]?(s[e?.id]=i?.required_field||"This is a required field",a=!1):(e?.required||t[e.id])&&n&&!n.test(t[e.id])?(s[e?.id]=i?.valid_data||"Enter valid data",a=!1):delete s[e?.id]})),n({...o,contactFormErrors:{[r]:s}}),a},V_=({errors:e})=>D(e),G_=e=>{const r=e.survey.question_details?.questions||[],o=e?.contactData||{},i=e?.translationVariables||{},[a]=t.useState(e.survey.blocks?.filter((e=>"TY"!==e.name&&!e.is_deleted))),s=t.useMemo((()=>F_({blocks:a,questions:r,responses:e.answers,answerStatus:e.answerStatus||"PARTIAL"})),[a,r,e.answers]),[l,c]=t.useState({formErrors:{},textBoxErrors:{},fileUploadErrors:{},contactFormErrors:{}}),[u,d]=t.useState(s.answers),[p,m]=t.useState(s.renderedBlocks),[f,h]=t.useState(s.activeIndexOfRenderedBlocks),[g,y]=t.useState(s.activeIndexOfRenderedStatement),[v,b]=t.useState(!1),[x,w]=t.useState(!1),$=t.useRef(s.pivot),k=t.useRef(!1),E=t.useRef(((s.isConsideredCompleted||"PARTIAL"===e.answerStatus)&&e.canResubmit)??!1),C=t.useRef(),P=t.useRef(s.isInitialTransition),S=p[f],_=n.useMemo((()=>p.length>0?a?.findIndex((e=>e.name===p[f]?.name)):0),[f]);t.useEffect((()=>{if(s.isConsideredCompleted&&P.current&&e.canResubmit)return;const{others_meta:t,...n}=e.answers||{};if(!a||!a.length||!D(n))return;$.current={...$.current,question:k_({questions:r})},null!=e.initialPivotAnswer&&($.current={...$.current,answer:E_($.current.question,e.initialPivotAnswer)},d({...u,formValues:{...u.formValues,[$.current.question.name]:$.current.answer}}));const o=P_({pivotQn:$.current.question,pivotQnAnswer:$.current.answer,block:a[0],questions:r});m([{...a[0],question:o}])}),[a,e.initialPivotAnswer]),t.useEffect((()=>{s.isConsideredCompleted&&P.current&&e.canResubmit||p.length&&(p.length>1&&(P.current=!1),h(p.length-1))}),[p]),t.useEffect((()=>{if(!(s.isConsideredCompleted&&P.current&&e.canResubmit)&&!D(u.formValues)&&A()&&a)if(O_({blocks:a,activeIndexOfBlocks:_,renderedBlocks:p,activeIndexOfRenderedBlocks:f,answers:u,questions:r})){const t=()=>{b(!1);const e=R_({renderedBlocks:p,activeBlock:S,blocks:a,activeIndexOfBlocks:_,answers:u,questions:r,contactData:o});if(e===1/0)return void setTimeout((()=>{z("COMPLETE"),w(!0)}));setTimeout((()=>{z()}));const t=P_({pivotQn:$.current?.question,pivotQnAnswer:$.current?.answer,block:a?.[e],questions:r}),n=N_({renderedBlocks:p,activeIndexOfRenderedBlocks:f});m([...n,{...a?.[e],question:t}]),setTimeout((()=>{y(0)}),0)};null!=e.initialPivotAnswer&&1==p.length?C.current?(clearTimeout(C.current),C.current=null,t()):C.current=setTimeout((()=>{}),1500):t()}else"MATRIX_RATING_SCALE"===S?.question?.type_info?.question_type&&z()}),[u,a]),t.useEffect((()=>{s.isConsideredCompleted&&P.current&&e.canResubmit||!D(u.formValues)&&k.current&&(v?M():T(),k.current=!1)}),[v]);const T=()=>{v?(k.current=!0,b(!1)):h(f+1),y(0)},M=()=>{g>0?I():(v?h(f-1):(k.current=!0,b(!0)),y(0))},R=()=>{y((e=>e+1))},I=()=>{y((e=>e-1))},A=()=>{if(S.question_name)switch(S.question?.type_info?.question_type){case"FORM_FIELD":return q_({fields:S.question?.type_info?.form_fields?.fields,answers:u.formValues?.[S.question_name]||{},errorSetter:c,questionName:S.question_name,errors:l,translationVariables:i});case"TEXT":return U_({type:S.question?.type_info?.text_field?.text_type,answer:u.formValues?.[S.question_name]||"",errorSetter:c,questionName:S.question_name,errors:l,translationVariables:i});case"CONTACT_FORM":return j_({fields:S.question?.type_info?.contact_form?.fields,answers:u.formValues?.[S.question_name]||{},errorSetter:c,questionName:S.question_name,errors:l,translationVariables:i});case"FILE":return V_({errors:l.fileUploadErrors})}return!0},O=(e,t,n=!1)=>{P.current=!1,e.question.name===$.current?.question.name&&$.current&&($.current={...$.current,answer:t});let r=u;E.current||!n&&!A_({question:e.question,answers:u})||(r=B_({renderedBlocks:p,activeIndexOfRenderedBlocks:f,answers:u})),d({...r,formValues:{...r.formValues,...null!=t&&{[e.question.name]:t}},commitDirtyValue:n}),"SINGLE_ANSWER"===S.question.type_info?.matrix_properties?.type&&g<(S.question?.type_info?.matrix_properties?.statements||[]).length-1&&setTimeout((()=>{R?.()}),0)},L=()=>{b(!1);const e=S.question;if(E.current||f===p.length-1)d({...u,formValues:{...u.formValues,[e.name]:null},commitDirtyValue:!0});else{const t=B_({renderedBlocks:p,activeIndexOfRenderedBlocks:f,answers:u}),n=N_({renderedBlocks:p,activeIndexOfRenderedBlocks:f});m(n),d({...t,formValues:{...t.formValues,[e.name]:null},commitDirtyValue:!0})}},z=(t="PARTIAL")=>{let n=()=>{};if(!A())return;const r={...u.formValues};"COMPLETE"===t&&(n=()=>{w(!0),E.current=!1},"CONSENT"===S.question?.type_info?.question_type&&"CHECKBOX"===S.question?.type_info?.meta?.display_format&&S.question_name&&D(u.formValues[S.question_name])&&!S.required&&(r[S.question_name]=!1,d((e=>({...e,formValues:{...e.formValues,[S.question?.name]:!1},commitDirtyValue:!1}))))),S.question_name&&void 0===r[S.question_name]&&(r[S.question_name]=null),e.onSubmit({...r,others_meta:u.others},n,t,E.current?"EDIT":"CREATE")},B=n.useMemo((()=>{if("MATRIX_RATING_SCALE"!==S?.question?.type_info?.question_type)return!1;const e=(S?.question?.type_info?.matrix_properties?.statements||[])[g];return((u.formValues[S?.question.name]||[]).find((t=>t.statement_id===e?.id))?.rating_labels||[]).length>0}),[g,f]);return{blocks:a,questions:r,renderedBlocks:p,activeBlock:S,activeIndexOfBlocks:_,initialStatementHasAnswer:B,activeIndexOfRenderedStatement:g,navigateToNextStatement:R,navigateToPreviousStatement:I,activeIndexOfRenderedBlocks:f,isSurveyCompleted:x,isReverseAnimation:v,isNavigating:k.current,pivot:$.current,answers:u,isInitialTransition:P.current,translationVariables:i,formQuestionErrors:l.formErrors,textboxQuestionErrors:l.textBoxErrors,fileUploadErrors:l.fileUploadErrors,contactFormErrors:l.contactFormErrors,setErrors:c,navigateToNextBlock:T,navigateToPreviousBlock:M,saveFormValues:O,saveOthersValue:(e,t)=>{if(null===t){const t={...u.others};delete t[e],d({...u,commitDirtyValue:!1,others:t})}else d({...u,commitDirtyValue:!1,others:{...u.others,[e]:t}})},skipBlock:L,skipStatement:()=>{if(e.isMobile||e.isWidget){const e=S?.question?.type_info?.matrix_properties?.statements||[],t=e[g],n=u.formValues[S?.question.name]||[],r=g<e.length-1;O(S,n.filter((e=>e.statement_id!==t.id)),!r),r&&"MULTIPLE_ANSWERS"===S?.question?.type_info?.matrix_properties?.type&&setTimeout((()=>{R?.()}),0)}else L()},onSubmitHandler:z,navigateToStart:()=>{E.current=!0,w(!1),h(0),y(0)},resetSurvey:()=>{w(!1),h(0),P.current=!0,d({formValues:{},others:{},commitDirtyValue:!1}),y(0)}}};I(':root {\n --default-brand-color: #264966;\n --default-question-text-color: #3a4b67;\n --default-question-background-color: #fff;\n --default-background-color: #f8f8f8;\n --default-button-text-color: #fff;\n --default-secondary-button-text-color: #000;\n --default-input-placeholder-color: #92a2b1;\n --compact-widget-max-height: 560px;\n --default-widget-max-height: 400px;\n --cozy-widget-max-height: 380px;\n --secondary-button-linear-gradient: linear-gradient(\n 180deg,\n #ffffff 0%,\n #f5f7f9 100%\n );\n}\n\n.freemium-survey-components.card-survey-style .questions {\n flex: 1;\n}\n\n.freemium-survey-components strong {\n font-weight: bold;\n}\n.freemium-survey-components.card-survey-style {\n padding-top: 20px;\n display: flex;\n flex-direction: column;\n grid-gap: 40px;\n gap: 40px;\n height: 100%;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation {\n white-space: nowrap;\n border-radius: 3px;\n border: 1px solid #efefef;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button {\n width: 38px;\n text-align: -webkit-center;\n height: 38px;\n background-color: #fff;\n border: none;\n cursor: pointer;\n border-radius: 0 3px 3px 0;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button svg {\n margin-top: 5px;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button:first-of-type {\n border-right: 1px solid #efefef;\n border-radius: 3px 0 0 3px;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button:focus {\n position: relative;\n z-index: 1;\n}\n.freemium-survey-components.card-survey-style .question-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n text-align: center;\n width: 100%;\n max-width: 700px;\n margin: 0 auto;\n background: var(--default-question-background-color);\n background: var(--question-background-color, var(--default-question-background-color));\n border-radius: 4px;\n transition: transform 500ms ease 0ms, opacity 200ms ease 0ms;\n box-shadow: 0px 12px 70px 0px rgba(18, 52, 77, 0.05), 0px 2px 20px 0px rgba(18, 52, 77, 0.05);\n padding: 28px;\n grid-gap: 32px;\n gap: 32px;\n position: relative;\n height: -moz-fit-content;\n height: fit-content;\n transition: opacity 50ms ease-out;\n overflow: auto;\n}\n.freemium-survey-components.card-survey-style .hide-question-container {\n opacity: 0;\n}\n.freemium-survey-components.card-survey-style .question-text.required > p:nth-last-child(1)::after {\n content: "*";\n color: rgb(215, 45, 48);\n margin-left: 4px;\n}\n.freemium-survey-components.card-survey-style .question-text {\n font-size: 16px;\n font-weight: 600;\n line-height: 1.8;\n width: 100%;\n text-align: left;\n color: var(--default-question-text-color);\n color: var(--question-text-color, var(--default-question-text-color));\n}\n.freemium-survey-components.card-survey-style .question-text p {\n text-align: left;\n}\n.freemium-survey-components.card-survey-style .question-text a {\n color: var(--link-color);\n text-decoration: underline;\n}\n.freemium-survey-components.card-survey-style .autofocus-button {\n border: none;\n width: 0;\n height: 0;\n opacity: 0;\n margin-top: -12px;\n margin-left: -12px;\n position: absolute;\n}\n.freemium-survey-components.card-survey-style .fade-enter .question-container {\n opacity: 0;\n transform: translateY(15px);\n}\n.freemium-survey-components.card-survey-style .fade-enter-active .question-container {\n opacity: 1;\n transform: translateY(0);\n}\n.freemium-survey-components.card-survey-style .fade-exit .question-container {\n opacity: 1;\n transform: translateY(0);\n}\n.freemium-survey-components.card-survey-style .fade-exit-active .question-container {\n opacity: 0.05;\n transform: translateY(-15px);\n}\n.freemium-survey-components.card-survey-style .fade-reverse-enter .question-container {\n opacity: 0;\n transform: translateY(-15px);\n}\n.freemium-survey-components.card-survey-style .fade-reverse-enter-active .question-container {\n opacity: 1;\n transform: translateY(0);\n}\n.freemium-survey-components.card-survey-style .fade-reverse-exit .question-container {\n opacity: 1;\n transform: translateY(0);\n}\n.freemium-survey-components.card-survey-style .fade-reverse-exit-active .question-container {\n opacity: 0.05;\n transform: translateY(15px);\n}\n.freemium-survey-components.card-survey-style .fade-enter-active .question-container,\n.freemium-survey-components.card-survey-style .fade-exit-active .question-container,\n.freemium-survey-components.card-survey-style .fade-reverse-enter-active .question-container,\n.freemium-survey-components.card-survey-style .fade-reverse-exit-active .question-container {\n transition: opacity 200ms, transform 200ms;\n pointer-events: none;\n}\n.freemium-survey-components.card-survey-style .question-footer {\n display: flex;\n grid-gap: 40px;\n gap: 40px;\n width: 100%;\n align-items: center;\n}\n.freemium-survey-components.card-survey-style .question-footer:empty {\n display: none;\n}\n.freemium-survey-components.card-survey-style .question-footer:only-child {\n margin-left: auto;\n}\n.freemium-survey-components.card-survey-style .action-buttons {\n display: flex;\n grid-gap: 20px;\n gap: 20px;\n flex-direction: row-reverse;\n width: 100%;\n}\n.freemium-survey-components.card-survey-style .action-buttons:empty {\n display: none;\n}\n.freemium-survey-components.card-survey-style .skip-button {\n font-weight: 500;\n color: #3a4b67;\n cursor: pointer;\n background: transparent;\n border: none;\n min-width: 40px;\n padding: 8px 16px;\n border-radius: 4px;\n color: var(--default-secondary-button-text-color);\n color: var(--secondary-button-text-color, var(--default-secondary-button-text-color));\n letter-spacing: 0.05em;\n line-height: 1.5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n}\n.freemium-survey-components.card-survey-style .skip-button:hover {\n background-color: #f3f3f3;\n transform: translateY(-4px);\n}\n.freemium-survey-components.card-survey-style .secondary-button {\n border: 1px solid #cfd7df;\n background-image: linear-gradient(\n 180deg,\n #ffffff 0%,\n #f5f7f9 100%\n );\n background-image: var(--secondary-button-linear-gradient);\n box-shadow: 0 1px 0 0 rgba(24, 50, 71, 0.05);\n color: #12344d;\n background-color: #ffffff;\n width: 215px;\n}\n.freemium-survey-components.card-survey-style .secondary-button:hover {\n background-color: #f5f7f9;\n background-image: none;\n}\n.freemium-survey-components.card-survey-style .next-button {\n color: var(--default-button-text-color);\n color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components.card-survey-style .submit {\n max-width: 700px;\n text-align: left;\n background: transparent;\n box-shadow: none;\n color: var(--default-button-text-color);\n color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components.card-survey-style .thankyou {\n display: flex;\n align-items: center;\n justify-content: center;\n grid-gap: 20px;\n gap: 20px;\n min-height: 180px;\n}\n.freemium-survey-components.card-survey-style .thankyou .heading {\n font-weight: 500;\n font-size: 22px;\n}\n.freemium-survey-components.card-survey-style .thankyou .thankyou-logo-img {\n height: 100px;\n width: auto;\n}\n.freemium-survey-components.card-survey-style .thankyou .text {\n white-space: pre-wrap;\n font-weight: 500;\n font-size: 14px;\n line-height: 1.6;\n color: #475867;\n width: 75%;\n}\n.freemium-survey-components.card-survey-style .thankyou .redirection-text {\n color: #929292;\n margin-bottom: 12px;\n font-weight: 300;\n}\n.freemium-survey-components.card-survey-style .thankyou .link {\n width: 100%;\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #666;\n font-weight: 500;\n text-decoration: underline;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container {\n display: flex;\n grid-gap: 10px;\n gap: 10px;\n flex-wrap: wrap;\n justify-content: center;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-link {\n background: #f5f7f9;\n padding: 20px 0px;\n border-radius: 10px;\n width: 300px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-link .links {\n display: flex;\n grid-gap: 10px;\n gap: 10px;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-link .link-image-url {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 45px;\n width: 45px;\n background: #fff;\n border-radius: 8px;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-link .link-page-name {\n padding: 0px 20px 0px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #fff;\n height: 45px;\n border-radius: 8px;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .title-text {\n padding-bottom: 14px;\n font-size: 14px;\n font-weight: 500;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-custom-button-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 300px;\n border-radius: 10px;\n padding: 20px 0px;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-custom-button-container .button_text {\n display: flex;\n justify-content: center;\n align-items: center;\n grid-gap: 10px;\n gap: 10px;\n height: 45px;\n padding: 0px 20px;\n background: #4560f6;\n color: #fff;\n font-weight: 700px;\n border-radius: 8px;\n}\n.freemium-survey-components.card-survey-style .thankyou .wrap-up-actions {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n}\n.freemium-survey-components.card-survey-style .thankyou .wrap-up-actions button.action-button {\n width: unset;\n letter-spacing: 0.05em;\n line-height: 1.5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n background-color: #e5f2fd;\n margin: 6px;\n}\n.freemium-survey-components.card-survey-style .thankyou .wrap-up-actions button.action-button:hover {\n transform: translateY(-4px);\n}\n.freemium-survey-components.card-survey-style .thankyou button.action-button {\n font-weight: 600;\n font-size: 14px;\n line-height: 20px;\n color: #2c5cc5;\n border: none;\n background: none;\n padding: 8px 12px;\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.freemium-survey-components.card-survey-style .thankyou button.action-button svg {\n margin-right: 8px;\n}\n.freemium-survey-components.card-survey-style .responsive-text-field {\n width: 100%;\n}\n.freemium-survey-components.card-survey-style .responsive-text-field .textarea-container {\n display: none;\n}\n.freemium-survey-components.card-survey-style .message-container:empty {\n display: none;\n}\n\n@media (max-width: 550px) {\n div.freemium-survey-components.card-survey-style .responsive-text-field .input-container {\n display: none;\n }\n div.freemium-survey-components.card-survey-style .responsive-input-field .input-container input {\n min-height: 40px;\n }\n div.freemium-survey-components.card-survey-style .responsive-text-field .textarea-container {\n display: flex;\n }\n div.freemium-survey-components.card-survey-style .responsive-text-field .textarea-container textarea {\n min-height: 80px;\n height: 80px;\n }\n div.freemium-survey-components.card-survey-style .question-footer {\n flex-direction: column-reverse;\n grid-gap: 0;\n gap: 0;\n }\n div.freemium-survey-components.card-survey-style .question-footer > *:first-child {\n margin-bottom: 0px;\n }\n div.freemium-survey-components.card-survey-style .question-footer > * {\n margin-bottom: 20px;\n }\n div.freemium-survey-components.card-survey-style .freemium-survey-step-navigation {\n width: 100%;\n }\n div.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button {\n width: 50%;\n }\n div.freemium-survey-components.card-survey-style .action-buttons {\n flex-direction: column;\n width: 100%;\n }\n div.freemium-survey-components.card-survey-style .action-buttons button {\n max-width: unset;\n }\n div.freemium-survey-components.card-survey-style .action-button {\n max-width: unset;\n width: 100%;\n }\n div.freemium-survey-components.card-survey-style .thankyou .text {\n width: auto;\n }\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .responsive-text-field .input-container {\n display: none;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .responsive-input-field .input-container input {\n min-height: 40px;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .responsive-text-field .textarea-container {\n display: flex;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .responsive-text-field .textarea-container textarea {\n min-height: 80px;\n height: 80px;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .question-footer {\n flex-direction: column-reverse;\n grid-gap: 0;\n gap: 0;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .question-footer > *:first-child {\n margin-bottom: 0px;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .question-footer > * {\n margin-bottom: 20px;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .freemium-survey-step-navigation {\n width: 100%;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .freemium-survey-step-navigation .navigation-button {\n width: 50%;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .action-buttons {\n flex-direction: column;\n width: 100%;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .action-buttons button {\n max-width: unset;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .action-button {\n max-width: unset;\n width: 100%;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .thankyou .text {\n width: auto;\n}\n\n.freemium-survey-components.mobile-preview .thankyou .text {\n width: unset;\n}');const H_=({thankYouQuestion:e,preview:r,placeholders:o,canResubmit:i,resetSurvey:a,navigateToStart:s,isMobile:l,allowMultipleSubmission:c,pivot:u,rangeToRender:d,translationVariables:p})=>{const{redirectUrl:m,redirectDelay:f,show_custom_button:h,show_review_links:g,show_social_links:y,image_url:v}=e.type_info?.meta??{},[b,x]=t.useState(f??10);return t.useEffect((()=>{if(!r&&m){const e=setInterval((()=>x((e=>e>1?e-1:(window.location.href=m??"",0)))),1e3);return()=>clearInterval(e)}}),[]),n.createElement("div",{className:"question-container thankyou"},v&&n.createElement("img",{className:"thankyou-logo-img",src:v,alt:"thankyou_logo"}),n.createElement("div",{className:"heading"},e?.type_info?.header_text??(p?.thank_you||"Thank you!")),n.createElement("div",{className:"text",dangerouslySetInnerHTML:{__html:N({questionText:e.text,placeholders:o,npsRating:u?.answer,ratingLabel:z(u?.answer)?"":d?.find((e=>e?.value===String(u?.answer)))?.text??"",preference:u?.question.type_info?.scale_properties?.labels?.preference,isPreview:r})}}),(i||c)&&n.createElement("div",{className:("wrap-up-actions "+(l?"mobile":"")).trim()},i&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:()=>s()},n.createElement(T,{name:"edit"}),p?.edit_response||"Edit your response"),c&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:a},n.createElement(T,{name:"reload"}),p?.another_response||"Submit another response")),m&&n.createElement("div",{style:{width:"100%"}},n.createElement("div",{className:"redirection-text"},q(b,p?.redirect_msg),n.createElement("br",null)),n.createElement("a",{className:"link",href:m},m)),n.createElement(Oa,{show_custom_button:h,show_review_links:g,show_social_links:y}))},W_=({activeIndexOfBlocks:e,activeIndexOfRenderedBlocks:t,renderedBlocks:r,blocks:o,initialStatementHasAnswer:i,activeIndexOfRenderedStatement:a,answers:s,navigateToPreviousBlock:l,navigateToNextBlock:c,translationVariables:u})=>n.createElement("div",{className:"freemium-survey-step-navigation","data-navigation-element":"1"},n.createElement("button",{disabled:D_("navigation-prev",{blocks:o,answers:s,renderedBlocks:r,initialStatementHasAnswer:i,activeIndexOfBlocks:e,activeIndexOfRenderedBlocks:t,activeIndexOfRenderedStatement:a}),className:"navigation-button",onClick:l,title:a>0?u?.prev_statement||"go to previous statement":u?.prev_question||"go to previous question"},n.createElement(T,{name:"arrow-previous"})),n.createElement("button",{className:"navigation-button",disabled:D_("navigation-next",{blocks:o,answers:s,renderedBlocks:r,activeIndexOfBlocks:e,initialStatementHasAnswer:i,activeIndexOfRenderedBlocks:t,activeIndexOfRenderedStatement:a}),title:u?.next_question||"Go to next question",onClick:c},n.createElement(T,{name:"arrow-next"}))),Y_=e=>{const{isWidget:r,surveyStyle:o,initialStatementHasAnswer:i,answers:a,renderedBlocks:s,blocks:l,activeIndexOfBlocks:c,activeIndexOfRenderedStatement:u=0,activeIndexOfRenderedBlocks:d,saveFormValues:p,onSubmitHandler:m,skipBlock:f,skipStatement:h,navigateToNextBlock:g,navigateToPreviousBlock:y,isInitialTransition:v,initialPivotAnswer:b,translationVariables:x,isMobile:w,navigateToNextStatement:$,formQuestionErrors:k,textboxQuestionErrors:E,contactFormErrors:P,fileUploadErrors:S,questions:_}=e,[T,M]=t.useState(!1),R={answers:a,blocks:l,activeIndexOfBlocks:c,activeIndexOfRenderedBlocks:d,activeIndexOfRenderedStatement:u,isMobile:w,renderedBlocks:s,initialStatementHasAnswer:i,surveyStyle:o,isWidget:r,blockIndex:d,questions:_},I={answers:a,blocks:l,activeIndexOfBlocks:c,isMobile:w,activeIndexOfRenderedBlocks:d,initialStatementHasAnswer:i,activeIndexOfRenderedStatement:u,renderedBlocks:s,isSubmitting:T,isWidget:r},{question:A}=s[d],O=A?.type_info?.meta?.display_format;return n.createElement(n.Fragment,null,(L_("navigation",R)||L_("next",R)||L_("next-statement",R)||L_("consent",R)||L_("submit",R)||L_("skip",R)||L_("skip-statement",R)||L_("message",R))&&n.createElement("div",{className:"question-footer"},L_("navigation",R)&&n.createElement(W_,{answers:a,activeIndexOfBlocks:c,activeIndexOfRenderedBlocks:d,renderedBlocks:s,initialStatementHasAnswer:i,blocks:l,activeIndexOfRenderedStatement:u,navigateToNextBlock:g,navigateToPreviousBlock:y,translationVariables:x}),n.createElement("div",{className:"action-buttons"},L_("next",R)&&n.createElement(rr,{onClick:()=>{p(s[d],"CHECKBOX"===A?.type_info?.meta?.display_format&&"CONSENT"===A?.type_info?.question_type?a.formValues[A.name]??!1:null,!0)},disabled:D_("next",I),className:"next-button"},x?.next||"Next"),L_("next-statement",R)&&n.createElement(rr,{onClick:()=>{$?.()},disabled:!!D_("next-statement",I),className:"next-button"},x?.next||"Next"),L_("consent",R)&&"BUTTON"===O&&C.map((e=>n.createElement(rr,{key:d+String(e.recordAs),onClick:()=>{p(s[d],e.recordAs,!0)},disabled:D_("consent",I),className:(e.recordAs?"next":"secondary")+"-button"},A?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue))),L_("submit",R)&&n.createElement("div",{className:"submit"},n.createElement(rr,{disabled:D_("submit",I),onClick:()=>{D(k?.[A.name])&&D(E?.[A.name])&&D(S?.[A.name])&&D(P?.[A.name])&&(M(!0),m("COMPLETE"))}},T?x?.submitting||"Submitting":x?.submit_survey||"Submit survey")),L_("skip",R)&&n.createElement("button",{className:"skip-button",onClick:f,"aria-label":"skip question"},x?.skip||"Skip"),L_("skip-statement",R)&&n.createElement("button",{className:"skip-button",onClick:h,"aria-label":"skip statement"},x?.skip||"Skip"),L_("message",R)&&n.createElement(rr,{onClick:f,disabled:D_("message",I),className:"next-button"},A?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"))))},X_=e=>{const{blocks:o,renderedBlocks:i,activeBlock:a,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:l,isSurveyCompleted:c,isReverseAnimation:u,saveFormValues:d,saveOthersValue:p,skipBlock:m,skipStatement:f,onSubmitHandler:h,navigateToNextBlock:g,navigateToPreviousBlock:y,answers:v,questions:b,pivot:x,isInitialTransition:w,resetSurvey:$,activeIndexOfRenderedStatement:k,navigateToNextStatement:E,navigateToPreviousStatement:C,navigateToStart:P,translationVariables:S,initialStatementHasAnswer:_,formQuestionErrors:T,textboxQuestionErrors:M,contactFormErrors:R,fileUploadErrors:I,setErrors:A}=G_(e),O=D(v.formValues)&&e.survey.prompt_settings?.is_enabled&&e.preview,[L,F]=t.useState(O),Z=n.useMemo((()=>B(x?.question)),[x?.question]);return t.useEffect((()=>{a&&e.onBlockChange?.(a)}),[a,e]),t.useEffect((()=>{e.getSurveyProgress?.({totalBlocks:o.length,isSurveyCompleted:c,activeIndexOfBlocks:s})}),[o.length,c,s]),a&&a.question?n.createElement("div",{className:`freemium-survey-components ${e.isMobile?"mobile-preview":""} ${e.surveyStyle}-survey-style`,id:"freemium-survey"},n.createElement(r.SwitchTransition,{mode:"out-in"},n.createElement(r.CSSTransition,{key:l+String(c)+String(L),addEndListener:(e,t)=>{e.addEventListener("transitionend",t,!1)},classNames:u?"fade-reverse":"fade"},n.createElement("div",{className:"questions"},c?n.createElement(H_,{thankYouQuestion:P_({pivotQn:x?.question,pivotQnAnswer:x?.answer,block:T_({activeBlock:a,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:v,questions:b,activeIndexOfBlocks:s,renderedBlocks:i,contactData:e.contactData}),questions:b}),canResubmit:e.canResubmit,allowMultipleSubmission:e.allowMultipleSubmission,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",P):P()},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",$):$()},preview:!!e.preview,placeholders:e.placeholders,isMobile:e.isMobile,pivot:x,rangeToRender:Z,translationVariables:S}):n.createElement("div",{id:`${a.question.name}`,className:"question-container","data-test-question-name":a.question.name},L&&e.survey.prompt_settings?n.createElement(Aa,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt?.(t),1===t&&F(!1)},placeholders:e.placeholders}):n.createElement(n.Fragment,null,n.createElement("div",{className:("question-text "+(!a.question.type_info?.pivot_question&&a.required?"required":"")).trim(),dangerouslySetInnerHTML:{__html:N({questionText:a?.question.text,placeholders:e.placeholders,npsRating:x?.answer,ratingLabel:z(x?.answer)?"":Z?.find((e=>e?.value===String(x?.answer)))?.text??"",preference:x?.question.type_info?.scale_properties?.labels?.preference,isPreview:!!e.preview})},"aria-label":`question-${l}`,role:"heading","aria-level":1}),n.createElement("div",{onTransitionEndCapture:e=>e.stopPropagation(),style:{width:"100%",position:"relative"}},n.createElement(x_,{assetUrl:e.assetUrl,setErrors:A,onFileUpload:e.onFileUpload,survey:e.survey,question:a.question,isFinalQn:C_({blocks:o,activeIndexOfBlocks:s,renderedBlocks:i,activeIndexOfRenderedBlocks:l,questions:b}),formValues:v.formValues,othersMeta:v.others,autoFocusDelay:"standard"===e.surveyStyle?350:0,activeIndexOfRenderedStatement:k,saveOthersValue:p,onChangeHandler:e=>{d(a,e)},isMobile:!!e.isMobile,initialPivotAnswer:e.initialPivotAnswer,isInitialTransition:w,formQuestionErrors:T,textboxQuestionErrors:M,fileUploadErrors:I,contactFormErrors:R,translationVariables:S})),n.createElement(Y_,{isWidget:!1,surveyStyle:e.surveyStyle,answers:v,renderedBlocks:i,blocks:o,activeIndexOfRenderedStatement:k,initialStatementHasAnswer:_,navigateToNextStatement:E,navigateToPreviousStatement:C,activeIndexOfRenderedBlocks:l,activeIndexOfBlocks:s,saveFormValues:d,skipBlock:m,skipStatement:f,onSubmitHandler:h,navigateToPreviousBlock:y,navigateToNextBlock:g,isInitialTransition:w,initialPivotAnswer:e.initialPivotAnswer,isMobile:!!e.isMobile,translationVariables:S,formQuestionErrors:T,textboxQuestionErrors:M,fileUploadErrors:I,contactFormErrors:R,questions:b})))))),n.createElement(wa,{...e.footerProps})):null};I(':root {\n --default-brand-color: #264966;\n --default-question-text-color: #3a4b67;\n --default-question-background-color: #fff;\n --default-background-color: #f8f8f8;\n --default-button-text-color: #fff;\n --default-secondary-button-text-color: #000;\n --default-input-placeholder-color: #92a2b1;\n --compact-widget-max-height: 480px;\n --default-widget-max-height: 460px;\n --cozy-widget-max-height: 380px;\n}\n\n.freemium-survey-step-navigation {\n border-radius: 3px;\n border: 1px solid #efefef;\n white-space: nowrap;\n}\n.freemium-survey-step-navigation .navigation-button {\n width: 38px;\n text-align: -webkit-center;\n height: 38px;\n background-color: #fff;\n border: none;\n cursor: pointer;\n border-radius: 0 3px 3px 0;\n}\n.freemium-survey-step-navigation .navigation-button:first-of-type {\n border-right: 1px solid #efefef;\n border-radius: 3px 0 0 3px;\n}\n.freemium-survey-step-navigation .navigation-button:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.freemium-survey-step-navigation .navigation-button:focus {\n position: relative;\n z-index: 1;\n}\n\n.freemium-survey-components.standard-survey-style {\n display: flex;\n flex-direction: column;\n grid-gap: 40px;\n gap: 40px;\n height: 100%;\n}\n.freemium-survey-components.standard-survey-style > div {\n flex: 1;\n}\n.freemium-survey-components.standard-survey-style .question-container {\n display: flex;\n flex-direction: column;\n text-align: center;\n max-width: 700px;\n margin: 0 auto;\n background: var(--default-question-background-color);\n background: var(--question-background-color, var(--default-question-background-color));\n border-radius: 4px;\n transition: transform 500ms ease 0ms, opacity 800ms ease 0ms;\n box-shadow: 0px 12px 70px 0px rgba(18, 52, 77, 0.05), 0px 2px 20px 0px rgba(18, 52, 77, 0.05);\n margin-bottom: 28px;\n padding: 28px;\n grid-gap: 28px;\n gap: 28px;\n position: relative;\n height: -moz-fit-content;\n height: fit-content;\n overflow: auto;\n opacity: 1;\n}\n.freemium-survey-components.standard-survey-style .question-container:last-child {\n margin-bottom: 0px;\n}\n.freemium-survey-components.standard-survey-style .hide-question-container {\n pointer-events: none;\n opacity: 0;\n}\n.freemium-survey-components.standard-survey-style .question-text.required > p:nth-last-child(1)::after {\n content: "*";\n color: rgb(215, 45, 48);\n margin-left: 4px;\n}\n.freemium-survey-components.standard-survey-style .question-text {\n font-size: 16px;\n font-weight: 600;\n line-height: 1.8;\n width: 100%;\n text-align: left;\n color: var(--default-question-text-color);\n color: var(--question-text-color, var(--default-question-text-color));\n}\n.freemium-survey-components.standard-survey-style .question-text p {\n text-align: left;\n}\n.freemium-survey-components.standard-survey-style .question-text a {\n color: var(--link-color);\n text-decoration: underline;\n}\n.freemium-survey-components.standard-survey-style .autofocus-button {\n border: none;\n width: 0;\n height: 0;\n opacity: 0;\n margin-top: -12px;\n margin-left: -12px;\n position: absolute;\n}\n.freemium-survey-components.standard-survey-style .footer {\n padding: 0;\n}\n.freemium-survey-components.standard-survey-style .question-footer {\n display: flex;\n justify-content: flex-end;\n grid-gap: 40px;\n gap: 40px;\n width: 100%;\n align-items: center;\n}\n.freemium-survey-components.standard-survey-style .question-footer:empty {\n display: none;\n}\n.freemium-survey-components.standard-survey-style .action-buttons {\n display: flex;\n grid-gap: 20px;\n gap: 20px;\n flex-direction: row-reverse;\n}\n.freemium-survey-components.standard-survey-style .action-buttons:empty {\n display: none;\n}\n.freemium-survey-components.standard-survey-style .sec-button {\n font-weight: 500;\n color: #3a4b67;\n cursor: pointer;\n background: transparent;\n border: none;\n min-width: 40px;\n padding: 8px 16px;\n border-radius: 4px;\n color: var(--default-secondary-button-text-color);\n color: var(--secondary-button-text-color, var(--default-secondary-button-text-color));\n letter-spacing: 0.05rem;\n line-height: 1.5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n}\n.freemium-survey-components.standard-survey-style .sec-button:hover {\n background-color: #f3f3f3;\n transform: translateY(-4px);\n}\n.freemium-survey-components.standard-survey-style .next-button {\n color: var(--default-button-text-color);\n color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components.standard-survey-style .secondary-button {\n border: 1px solid #cfd7df;\n background-image: var(--secondary-button-linear-gradient);\n box-shadow: 0 1px 0 0 rgba(24, 50, 71, 0.05);\n color: #12344d;\n background-color: #ffffff;\n width: 215px;\n}\n.freemium-survey-components.standard-survey-style .secondary-button:hover {\n background-color: #f5f7f9;\n background-image: none;\n}\n.freemium-survey-components.standard-survey-style .submit {\n max-width: 700px;\n margin: 0 auto;\n text-align: left;\n background: transparent;\n box-shadow: none;\n display: flex;\n flex-direction: row-reverse;\n color: var(--default-button-text-color);\n color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components.standard-survey-style .fade-enter {\n opacity: 0;\n transform: translateY(40px);\n}\n.freemium-survey-components.standard-survey-style .fade-enter-active {\n opacity: 1;\n transform: translateY(0);\n}\n.freemium-survey-components.standard-survey-style .fade-exit {\n opacity: 1;\n transform: translateY(0);\n}\n.freemium-survey-components.standard-survey-style .fade-exit-active {\n opacity: 0;\n transform: translateY(-40px);\n}\n.freemium-survey-components.standard-survey-style .fade-enter,\n.freemium-survey-components.standard-survey-style .fade-enter-active,\n.freemium-survey-components.standard-survey-style .fade-exit,\n.freemium-survey-components.standard-survey-style .fade-exit-active {\n transition: all ease 400ms;\n pointer-events: none;\n}\n.freemium-survey-components.standard-survey-style .thankyou {\n display: flex;\n align-items: center;\n justify-content: center;\n grid-gap: 20px;\n gap: 20px;\n min-height: 180px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .heading {\n font-weight: 500;\n font-size: 22px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .thankyou-logo-img {\n height: 100px;\n width: auto;\n}\n.freemium-survey-components.standard-survey-style .thankyou .text {\n white-space: pre-wrap;\n font-weight: 500;\n font-size: 14px;\n line-height: 1.6;\n color: #475867;\n width: 75%;\n}\n.freemium-survey-components.standard-survey-style .thankyou .redirection-text {\n color: #929292;\n margin-bottom: 12px;\n font-weight: 300;\n}\n.freemium-survey-components.standard-survey-style .thankyou .link {\n width: 100%;\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #666;\n font-weight: 500;\n text-decoration: underline;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container {\n display: flex;\n grid-gap: 10px;\n gap: 10px;\n flex-wrap: wrap;\n justify-content: center;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-link {\n background: #f5f7f9;\n padding: 20px 0px;\n border-radius: 10px;\n width: 300px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-link .links {\n display: flex;\n grid-gap: 10px;\n gap: 10px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-link .link-image-url {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 45px;\n width: 45px;\n background: #fff;\n border-radius: 8px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-link .link-page-name {\n padding: 0px 20px 0px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #fff;\n height: 45px;\n border-radius: 8px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .title-text {\n padding-bottom: 14px;\n font-size: 14px;\n font-weight: 500;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-custom-button-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 300px;\n border-radius: 10px;\n padding: 20px 0px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-custom-button-container .button_text {\n display: flex;\n justify-content: center;\n align-items: center;\n grid-gap: 10px;\n gap: 10px;\n height: 45px;\n padding: 0px 20px;\n background: #4560f6;\n color: #fff;\n font-weight: 700px;\n border-radius: 8px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .wrap-up-actions {\n display: flex;\n}\n.freemium-survey-components.standard-survey-style .thankyou .wrap-up-actions.mobile {\n flex-direction: column;\n align-items: center;\n}\n.freemium-survey-components.standard-survey-style .thankyou .wrap-up-actions.mobile button.action-button {\n justify-content: center;\n letter-spacing: 0.05em;\n line-height: 1.5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n background-color: #e5f2fd;\n margin: 6px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .wrap-up-actions.mobile button.action-button:hover {\n transform: translateY(-4px);\n}\n.freemium-survey-components.standard-survey-style .thankyou button.action-button {\n font-weight: 600;\n font-size: 14px;\n line-height: 20px;\n color: #2c5cc5;\n border: none;\n background: none;\n padding: 8px 12px;\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.freemium-survey-components.standard-survey-style .thankyou button.action-button svg {\n margin-right: 8px;\n}\n.freemium-survey-components.standard-survey-style .responsive-text-field {\n width: 100%;\n}\n.freemium-survey-components.standard-survey-style .responsive-text-field .textarea-container {\n display: none;\n}\n.freemium-survey-components.standard-survey-style .message-container:empty {\n display: none;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .action-buttons {\n flex-direction: column;\n width: 100%;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .action-buttons button {\n max-width: unset;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .action-button {\n max-width: unset;\n width: 100%;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .thankyou .text {\n width: auto;\n}\n@media (max-width: 550px) {\n .freemium-survey-components.standard-survey-style .action-buttons {\n flex-direction: column;\n width: 100%;\n }\n .freemium-survey-components.standard-survey-style .action-buttons button {\n max-width: unset;\n }\n .freemium-survey-components.standard-survey-style .action-button {\n max-width: unset;\n width: 100%;\n }\n .freemium-survey-components.standard-survey-style .thankyou .text {\n width: auto;\n }\n}\n\n@media (max-width: 550px) {\n .freemium-survey-component .responsive-text-field .input-container {\n display: none;\n }\n .freemium-survey-component .responsive-text-field .textarea-container {\n display: flex;\n }\n .freemium-survey-component .responsive-text-field .textarea-container textarea {\n min-height: 80px;\n height: 80px;\n }\n .freemium-survey-component .responsive-input-field .input-container input {\n min-height: 40px;\n }\n}\n.freemium-survey-components.mobile-preview .thankyou .text {\n width: unset;\n}');const K_=["next","next-statement","skip","submit","navigation","clear-selection","message","consent"],Q_=({thankYouQuestion:e,preview:r,placeholders:o,canResubmit:i,allowMultipleSubmission:a,navigateToStart:s,resetSurvey:l,isMobile:c,pivot:u,rangeToRender:d,translationVariables:p})=>{const{redirectUrl:m,redirectDelay:f,image_url:h,show_custom_button:g,show_review_links:y,show_social_links:v}=e.type_info?.meta??{},[b,x]=t.useState(f??10);return t.useEffect((()=>{if(!r&&m){const e=setInterval((()=>x((e=>e>1?e-1:(window.location.href=m??"",0)))),1e3);return()=>clearInterval(e)}}),[]),n.createElement("div",{className:"question-container thankyou"},h&&n.createElement("img",{className:"thankyou-logo-img",src:h,alt:"thankyou_logo"}),n.createElement("div",{className:"heading"},e?.type_info?.header_text??(p?.thank_you||"Thank you!")),n.createElement("div",{className:"text",dangerouslySetInnerHTML:{__html:N({questionText:e.text,placeholders:o,npsRating:u?.answer,ratingLabel:z(u?.answer)?"":d?.find((e=>e?.value===String(u?.answer)))?.text??"",preference:u?.question.type_info?.scale_properties?.labels?.preference,isPreview:r})}}),(i||a)&&n.createElement("div",{className:("wrap-up-actions "+(c?"mobile":"")).trim()},i&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:()=>s()},n.createElement(T,{name:"edit"}),p?.edit_response||"Edit your response"),a&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:l},n.createElement(T,{name:"reload"}),p?.another_response||"Submit another response")),m&&n.createElement("div",{style:{width:"100%"}},n.createElement("div",{className:"redirection-text"},q(b,p?.redirect_msg),n.createElement("br",null)),n.createElement("a",{className:"link",href:m},m)),n.createElement(Oa,{show_custom_button:g,show_review_links:y,show_social_links:v}))},J_=e=>{const{blockIndex:t,isWidget:r,surveyStyle:o,answers:i,renderedBlocks:a,navigateToNextStatement:s,blocks:l,isMobile:c,activeIndexOfBlocks:u,activeIndexOfRenderedBlocks:d,translationVariables:p,saveFormValues:m,skipBlock:f,clearRadioSelection:h,initialStatementHasAnswer:g,initialPivotAnswer:y,questions:v}=e,b={answers:i,blocks:l,blockIndex:t,activeIndexOfBlocks:u,isMobile:c,initialStatementHasAnswer:g,activeIndexOfRenderedBlocks:d,activeIndexOfRenderedStatement:0,renderedBlocks:a,surveyStyle:o,isWidget:r,questions:v},x={answers:i,blocks:l,activeIndexOfBlocks:u,initialStatementHasAnswer:g,isMobile:c,activeIndexOfRenderedBlocks:d,activeIndexOfRenderedStatement:0,renderedBlocks:a},w={};K_.forEach((e=>{w[e]=!!L_(e,b)}));const{question:$}=a[t??d],k=$?.type_info?.meta?.display_format;return w?.next||w?.["next-statement"]||w?.skip||w?.consent||w?.["clear-selection"]||w?.message?n.createElement("div",{className:"question-footer"},n.createElement("div",{className:"action-buttons"},w?.next&&n.createElement(rr,{onClick:()=>{m(a[d],"CHECKBOX"===$?.type_info?.meta?.display_format&&"CONSENT"===$?.type_info?.question_type?i.formValues[$.name]??!1:null,!0)},disabled:!!D_("next",x),className:"next-button"},p?.next||"Next"),w?.["next-statement"]&&n.createElement(rr,{onClick:()=>{s?.()},disabled:!!D_("next-statement",x),className:"next-button"},p?.next||"Next"),w?.consent&&"BUTTON"===k&&C.map((e=>n.createElement(rr,{key:d+String(e.recordAs),onClick:()=>{m(a[d],e.recordAs,!0)},disabled:D_("consent",x),className:(e.recordAs?"next":"secondary")+"-button"},$?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue))),w.skip&&n.createElement("button",{className:"sec-button",onClick:f,"aria-label":"skip question"},p?.skip||"Skip"),w?.["clear-selection"]&&n.createElement("button",{className:"sec-button",onClick:()=>h(t)},p?.clear_selection||"Clear selection"),w?.message&&n.createElement(rr,{onClick:f,disabled:D_("message",x),className:"next-button"},$?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"))):null},eT=e=>{const{blocks:o,renderedBlocks:i,activeBlock:a,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:l,isSurveyCompleted:c,translationVariables:u,saveFormValues:d,saveOthersValue:p,skipBlock:m,skipStatement:f,clearRadioSelection:h,onSubmitHandler:g,answers:y,questions:v,resetSurvey:b,initialStatementHasAnswer:x,navigateToStart:w,activeIndexOfRenderedStatement:$,navigateToNextStatement:k,navigateToPreviousStatement:E,pivot:C,formQuestionErrors:P,textboxQuestionErrors:S,contactFormErrors:_,fileUploadErrors:T,setErrors:M}=(e=>{const r=e.survey.question_details?.questions||[],o=e.contactData||{},i=e.translationVariables||{},[a]=t.useState(e.survey?.blocks?.filter((e=>"TY"!==e.name&&!e.is_deleted))),[s,l]=t.useState({formErrors:{},textBoxErrors:{},fileUploadErrors:{},contactFormErrors:{}}),c=t.useMemo((()=>F_({blocks:a,questions:r,responses:e.answers,answerStatus:e.answerStatus||"PARTIAL"})),[a,r,e.answers]),[u,d]=t.useState(c.renderedBlocks),[p,m]=t.useState(c.activeIndexOfRenderedBlocks),[f,h]=t.useState(c.activeIndexOfRenderedStatement),g=t.useRef(c.pivot),y=t.useRef(c.isInitialTransition),[v,b]=t.useState(c.answers),x=t.useRef(),w=t.useRef(((c.isConsideredCompleted||"PARTIAL"===e.answerStatus)&&e.canResubmit)??!1),[$,k]=t.useState(!1),E=t.useRef(null),C=u[p],P=n.useMemo((()=>u.length>0?a?.findIndex((e=>e.name===u[p]?.name)):0),[p]);t.useEffect((()=>{if(c.isConsideredCompleted&&y.current&&e.canResubmit)return;const{others_meta:t,...n}=e.answers;if(!a||!a.length||!D(n))return;g.current={...g.current,question:k_({questions:r})},null!=e.initialPivotAnswer&&(g.current={...g.current,answer:E_(g.current.question,e.initialPivotAnswer)},b({...v,formValues:{...v.formValues,[g.current.question.name]:g.current.answer}}));const o=P_({pivotQn:g.current.question,pivotQnAnswer:g.current.answer,block:a[0],questions:r});d([{...a[0],question:o}])}),[a,e.initialPivotAnswer]),t.useEffect((()=>{c.isConsideredCompleted&&y.current&&e.canResubmit||(u.length&&m(u.length-1),E.current?.scrollIntoView({block:"start",behavior:"smooth"}))}),[u]),t.useEffect((()=>{if(!(c.isConsideredCompleted&&y.current&&e.canResubmit)&&!D(v.formValues)&&a&&S())if(O_({blocks:a,activeIndexOfBlocks:P,renderedBlocks:u,activeIndexOfRenderedBlocks:p,answers:v,questions:r})){const t=()=>{const e=R_({renderedBlocks:u,activeBlock:C,blocks:a,activeIndexOfBlocks:P,answers:v,questions:r,contactData:o});if(e===1/0)return void setTimeout((()=>{_("COMPLETE"),k(!0)}));setTimeout((()=>{_()}));const t=P_({pivotQn:g.current?.question,pivotQnAnswer:g.current?.answer,block:a?.[e],questions:r}),n=N_({renderedBlocks:u,activeIndexOfRenderedBlocks:p});d([...n,{...a?.[e],question:t}])};null!=e.initialPivotAnswer&&1==u.length?x.current?(clearTimeout(x.current),x.current=null,t()):x.current=setTimeout((()=>{}),1500):t()}else"MATRIX_RATING_SCALE"===C?.question?.type_info?.question_type&&_()}),[v,a]);const S=()=>{if(C.question_name)switch(C.question?.type_info?.question_type){case"FORM_FIELD":return q_({fields:C.question?.type_info?.form_fields?.fields,answers:v.formValues?.[C.question_name]||{},errorSetter:l,questionName:C.question_name,errors:s,translationVariables:i});case"TEXT":return U_({type:C.question?.type_info?.text_field?.text_type,answer:v.formValues?.[C.question_name]||"",errorSetter:l,questionName:C.question_name,errors:s,translationVariables:i});case"CONTACT_FORM":return j_({fields:C.question?.type_info?.contact_form?.fields,answers:v.formValues?.[C.question_name]||{},errorSetter:l,questionName:C.question_name,errors:s,translationVariables:i});case"FILE":return V_({errors:s.fileUploadErrors})}return!0},_=(t="PARTIAL")=>{let n=()=>{};if(!S())return;const r={...v.formValues};"COMPLETE"===t&&(n=()=>{k(!0),w.current=!1},"CONSENT"===C.question?.type_info?.question_type&&"CHECKBOX"===C.question?.type_info?.meta?.display_format&&C.question_name&&D(v.formValues[C.question_name])&&!C.required&&(r[C.question_name]=!1,b((e=>({...e,formValues:{...e.formValues,[C.question?.name]:!1},commitDirtyValue:!1}))))),C.question_name&&void 0===r[C.question_name]&&(r[C.question_name]=null),e.onSubmit({...r,others_meta:v.others},n,t,w.current?"EDIT":"CREATE")},T=()=>{const e=C.question;if(w.current||p===u.length-1)b({...v,formValues:{...v.formValues,[e.name]:null},commitDirtyValue:!0});else{const t=B_({renderedBlocks:u,activeIndexOfRenderedBlocks:p,answers:v}),n=N_({renderedBlocks:u,activeIndexOfRenderedBlocks:p});d(n),b({...t,formValues:{...t.formValues,[e.name]:null},commitDirtyValue:!0})}},M=()=>{h((e=>e+1))},R=(e,t,n=!1,r=p)=>{y.current=!1,e.question.name===g.current?.question.name&&(g.current={...g.current,answer:t});let o=v;w.current||!n&&!A_({question:e.question,answers:v})||(o=B_({renderedBlocks:u,activeIndexOfRenderedBlocks:r,answers:v})),r!==p&&m(r),b({...o,formValues:{...o.formValues,...null!=t&&{[e.question.name]:t}},commitDirtyValue:n}),"SINGLE_ANSWER"===C.question.type_info?.matrix_properties?.type&&f<(C.question?.type_info?.matrix_properties?.statements||[]).length-1&&setTimeout((()=>{M?.()}),0)},I=n.useMemo((()=>{if("MATRIX_RATING_SCALE"!==C?.question?.type_info?.question_type)return!1;const e=(C?.question?.type_info?.matrix_properties?.statements||[])[f];return((v.formValues[C?.question.name]||[]).find((t=>t.statement_id===e?.id))?.rating_labels||[]).length>0}),[f,p]);return{blocks:a,questions:r,renderedBlocks:u,initialStatementHasAnswer:I,activeBlock:C,activeIndexOfBlocks:P,activeIndexOfRenderedBlocks:p,activeIndexOfRenderedStatement:f,navigateToNextStatement:M,navigateToPreviousStatement:()=>{h((e=>e-1))},isSurveyCompleted:$,pivot:g.current,answers:v,translationVariables:i,formQuestionErrors:s.formErrors,textboxQuestionErrors:s.textBoxErrors,fileUploadErrors:s.fileUploadErrors,contactFormErrors:s.contactFormErrors,setErrors:l,saveFormValues:R,saveOthersValue:(e,t,n=p)=>{if(n!==p&&m(n),null===t){const t={...v.others};delete t[e],b({...v,commitDirtyValue:!1,others:t})}else b({...v,commitDirtyValue:!1,others:{...v.others,[e]:t}})},skipBlock:T,skipStatement:()=>{if(e.isMobile||e.isWidget){const e=C?.question?.type_info?.matrix_properties?.statements||[],t=e[f],n=v.formValues[C?.question.name]||[],r=f<e.length-1;R(C,n.filter((e=>e.statement_id!==t.id)),!r),r&&"MULTIPLE_ANSWERS"===C?.question?.type_info?.matrix_properties?.type&&setTimeout((()=>{M?.()}),0)}else T()},clearRadioSelection:e=>{e!==p&&m(e);const t=u[e].question;delete v.formValues[t.name],delete v.others[t.name];const n=B_({renderedBlocks:u,activeIndexOfRenderedBlocks:e,answers:v}),r=N_({renderedBlocks:u,activeIndexOfRenderedBlocks:e});d(r),b({...n,commitDirtyValue:!1})},onSubmitHandler:_,navigateToStart:()=>{w.current=!0,k(!1)},resetSurvey:()=>{k(!1);const e=P_({pivotQn:g.current?.question,pivotQnAnswer:g.current?.answer,block:a[0],questions:r});d([{...a[0],question:e}]),m(0),b({formValues:{},others:{},commitDirtyValue:!1})}}})(e),R=t.useRef(null),[I,A]=t.useState(!1),O=n.useMemo((()=>B(C?.question)),[C?.question]),L=D(y.formValues)&&e.survey.prompt_settings?.is_enabled&&e.preview,[F,Z]=t.useState(L);if(t.useEffect((()=>{R.current?.scrollIntoView({block:"start",behavior:"smooth"})}),[i]),t.useEffect((()=>{e.getSurveyProgress?.({totalBlocks:o.length,isSurveyCompleted:c,activeIndexOfBlocks:s})}),[o.length,c,s]),!a||!a.question)return null;const{question:q}=i[l];return n.createElement("div",{className:`freemium-survey-components ${e.isMobile?"mobile-preview":""} standard-survey-style`,id:"freemium-survey"},n.createElement(r.SwitchTransition,{mode:"out-in"},n.createElement(r.CSSTransition,{key:String(c)+String(F),addEndListener:(e,t)=>{e.addEventListener("transitionend",t,!1)},classNames:"fade"},n.createElement("div",null,F&&e.survey.prompt_settings?n.createElement("div",{className:"questions"},n.createElement("div",{className:"question-container"},n.createElement(Aa,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt?.(t),1===t&&Z(!1)},placeholders:e.placeholders}))):n.createElement(n.Fragment,null,c?n.createElement(Q_,{thankYouQuestion:P_({pivotQn:C?.question,pivotQnAnswer:C?.answer,block:T_({activeBlock:a,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:y,questions:v,activeIndexOfBlocks:s,renderedBlocks:i,contactData:e.contactData}),questions:v}),preview:!!e.preview,placeholders:e.placeholders,pivot:{...C,question:C?.question||{name:""},answer:C?.answer},rangeToRender:O,canResubmit:e.canResubmit,isMobile:e.isMobile,allowMultipleSubmission:e.allowMultipleSubmission,translationVariables:u,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",(()=>{A(!1),w()})):(A(!1),w())},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",(()=>{A(!1),b()})):(A(!1),b())}}):n.createElement(n.Fragment,null,n.createElement("div",{onTransitionEndCapture:e=>e.stopPropagation(),className:"questions"},i.map(((t,r)=>n.createElement("div",{key:t.question.name,ref:R,className:"question-container"},n.createElement("div",{className:`question-text ${!a.question.type_info?.pivot_question&&a.required?"required":""} ${0===r?"nps":""}`.trim(),dangerouslySetInnerHTML:{__html:N({questionText:t.question.text,placeholders:e.placeholders,npsRating:C?.answer,ratingLabel:z(C?.answer)?"":O?.find((e=>e?.value===String(C?.answer)))?.text??"",preference:C?.question.type_info?.scale_properties?.labels?.preference,isPreview:!!e.preview})},"aria-label":`question-${r}`,role:"heading","aria-level":1}),n.createElement(x_,{assetUrl:e.assetUrl,fileUploadErrors:T,setErrors:M,onFileUpload:e.onFileUpload,survey:e.survey,question:t.question,isFinalQn:C_({blocks:o,activeIndexOfBlocks:s,renderedBlocks:i,activeIndexOfRenderedBlocks:l,questions:v}),formValues:y.formValues,othersMeta:y.others,isMobile:!!e.isMobile,autoFocusDelay:"standard"===e.surveyStyle?350:20,activeIndexOfRenderedStatement:$,saveOthersValue:(e,t)=>{p(e,t,r)},onChangeHandler:e=>{d(t,e,!1,r)},initialPivotAnswer:e.initialPivotAnswer,formQuestionErrors:P,textboxQuestionErrors:S,contactFormErrors:_,translationVariables:u}),n.createElement(J_,{isWidget:!1,surveyStyle:e.surveyStyle,answers:y,renderedBlocks:i,blocks:o,blockIndex:r,activeIndexOfRenderedBlocks:l,initialStatementHasAnswer:x,navigateToNextStatement:k,navigateToPreviousStatement:E,activeIndexOfBlocks:s,saveFormValues:d,isMobile:!!e.isMobile,skipBlock:m,skipStatement:f,clearRadioSelection:h,onSubmitHandler:g,initialPivotAnswer:e.initialPivotAnswer,translationVariables:u,formQuestionErrors:P,textboxQuestionErrors:S,contactFormErrors:_,fileUploadErrors:T,questions:v})))),L_("submit",{answers:y,blocks:o,activeIndexOfBlocks:s,initialStatementHasAnswer:x,isMobile:!!e.isMobile,activeIndexOfRenderedBlocks:l,renderedBlocks:i,surveyStyle:e.surveyStyle,isWidget:!1,questions:v})&&n.createElement("div",{className:"submit"},n.createElement(rr,{disabled:!!D_("submit",{answers:y,blocks:o,initialStatementHasAnswer:x,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:l,renderedBlocks:i,activeIndexOfRenderedStatement:$,isSubmitting:I}),onClick:()=>{D(P?.[q.name])&&D(S?.[q.name])&&D(T?.[q.name])&&D(_?.[q.name])&&(A(!0),g("COMPLETE"))}},I?"Submitting":"Submit survey")))))))),n.createElement(wa,{...e.footerProps}))};I(':root {\n --default-brand-color: #264966;\n --default-question-text-color: #3a4b67;\n --default-question-background-color: #fff;\n --default-background-color: #f8f8f8;\n --default-button-text-color: #fff;\n --default-secondary-button-text-color: #000;\n --default-input-placeholder-color: #92a2b1;\n --secondary-button-linear-gradient: linear-gradient(\n 180deg,\n #ffffff 0%,\n #f5f7f9 100%\n );\n}\n\n.freemium-survey-components.widget-survey-components {\n overflow: hidden;\n}\n.freemium-survey-components.widget-survey-components * {\n scrollbar-color: rgba(216, 216, 216, 0.5) transparent !important;\n}\n.freemium-survey-components.widget-survey-components * ::-webkit-scrollbar {\n height: auto;\n height: initial;\n width: 6px;\n}\n.freemium-survey-components.widget-survey-components * ::-webkit-scrollbar-track {\n background: transparent !important;\n}\n.freemium-survey-components.widget-survey-components * ::-webkit-scrollbar-thumb {\n border-radius: 5px;\n background: rgba(216, 216, 216, 0.5) !important;\n}\n.freemium-survey-components.widget-survey-components p {\n margin: 0;\n}\n.freemium-survey-components.widget-survey-components .questions {\n min-width: 100%;\n max-width: 100%;\n background: var(--default-question-background-color);\n background: var(--question-background-color, var(--default-question-background-color));\n position: relative;\n display: flex;\n justify-content: row;\n align-items: flex-end;\n height: 100%;\n transition: height 200ms ease;\n}\n.freemium-survey-components.widget-survey-components .question-container {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n text-align: center;\n max-height: 100%;\n min-width: 100%;\n max-width: 700px;\n margin: 0 auto;\n box-shadow: 0px 12px 15px rgba(18, 52, 77, 0.03);\n padding: 28px 0;\n padding-top: 0;\n grid-gap: 28px;\n gap: 28px;\n overflow: auto;\n}\n.freemium-survey-components.widget-survey-components .prompt-container {\n align-items: center;\n justify-content: center;\n padding: 0;\n}\n.freemium-survey-components.widget-survey-components .question-wrapper {\n width: 100%;\n padding: 4px 28px;\n}\n.freemium-survey-components.widget-survey-components .question-wrapper .button-container {\n margin-bottom: 20px;\n}\n.freemium-survey-components.widget-survey-components .question-wrapper .footer {\n text-align: center;\n font-size: 12px;\n color: var(--question-text-color);\n}\n.freemium-survey-components.widget-survey-components .prompt-declined {\n text-align: center !important;\n}\n.freemium-survey-components.widget-survey-components .hide-question-container {\n opacity: 0;\n}\n.freemium-survey-components.widget-survey-components .question-text {\n font-size: 16px;\n font-weight: 600;\n line-height: 1.8;\n width: 100%;\n text-align: left;\n padding: 0 28px;\n color: var(--default-question-text-color);\n color: var(--question-text-color, var(--default-question-text-color));\n}\n.freemium-survey-components.widget-survey-components .question-text p {\n all: inherit;\n padding: 0;\n}\n.freemium-survey-components.widget-survey-components .question-text a {\n color: var(--link-color);\n text-decoration: underline;\n}\n.freemium-survey-components.widget-survey-components .question-text.required > p:nth-last-child(1)::after {\n content: "*";\n color: rgb(215, 45, 48);\n margin-left: 4px;\n}\n.freemium-survey-components.widget-survey-components .autofocus-button {\n border: none;\n width: 0;\n height: 0;\n opacity: 0;\n margin-top: -12px;\n margin-left: -12px;\n position: absolute;\n}\n.freemium-survey-components.widget-survey-components .fade-enter {\n opacity: 1;\n transform: translateX(80px);\n position: absolute;\n}\n.freemium-survey-components.widget-survey-components .fade-enter-active {\n position: absolute;\n opacity: 1;\n transform: translateX(0);\n}\n.freemium-survey-components.widget-survey-components .fade-enter-done {\n position: absolute;\n}\n.freemium-survey-components.widget-survey-components .fade-exit {\n opacity: 0.05;\n pointer-events: none;\n transform: translateX(0);\n}\n.freemium-survey-components.widget-survey-components .fade-exit-active {\n pointer-events: none;\n opacity: 0;\n transform: translateX(-80px);\n}\n.freemium-survey-components.widget-survey-components .fade-reverse-enter {\n opacity: 0;\n position: absolute;\n transform: translateX(-80px);\n}\n.freemium-survey-components.widget-survey-components .fade-reverse-enter-active {\n opacity: 1;\n position: absolute;\n transform: translateX(0);\n}\n.freemium-survey-components.widget-survey-components .fade-reverse-exit {\n opacity: 0.05;\n transform: translateX(0);\n}\n.freemium-survey-components.widget-survey-components .fade-reverse-exit-active {\n opacity: 0;\n transform: translateX(80px);\n}\n.freemium-survey-components.widget-survey-components .fade-enter-active,\n.freemium-survey-components.widget-survey-components .fade-reverse-enter-active,\n.freemium-survey-components.widget-survey-components .fade-reverse-exit-active,\n.freemium-survey-components.widget-survey-components .fade-exit-active {\n transition: opacity 200ms, transform 200ms;\n}\n.freemium-survey-components.widget-survey-components .question-footer {\n margin: 0px auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n position: sticky;\n padding: 0 28px;\n bottom: -28px;\n background: var(--default-question-background-color);\n background: var(--question-background-color, var(--default-question-background-color));\n grid-gap: 40px;\n gap: 40px;\n width: 100%;\n}\n.freemium-survey-components.widget-survey-components .question-footer:empty {\n display: none;\n}\n.freemium-survey-components.widget-survey-components .question-footer:only-child {\n margin-left: auto;\n}\n.freemium-survey-components.widget-survey-components .freemium-survey-step-navigation {\n white-space: nowrap;\n border-radius: 3px;\n border: 1px solid #efefef;\n}\n.freemium-survey-components.widget-survey-components .freemium-survey-step-navigation .navigation-button {\n width: 38px;\n text-align: -webkit-center;\n height: 40px;\n background-color: #fff;\n border: none;\n cursor: pointer;\n border-radius: 0 3px 3px 0;\n}\n.freemium-survey-components.widget-survey-components .freemium-survey-step-navigation .navigation-button:first-of-type {\n border-right: 1px solid #efefef;\n border-radius: 3px 0 0 3px;\n}\n.freemium-survey-components.widget-survey-components .freemium-survey-step-navigation .navigation-button:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.freemium-survey-components.widget-survey-components .freemium-survey-step-navigation .navigation-button:focus {\n position: relative;\n z-index: 1;\n}\n.freemium-survey-components.widget-survey-components .action-buttons {\n display: flex;\n grid-gap: 20px;\n gap: 20px;\n width: 100%;\n}\n.freemium-survey-components.widget-survey-components .action-buttons:empty {\n display: none;\n}\n.freemium-survey-components.widget-survey-components .skip-button {\n font-weight: 500;\n cursor: pointer;\n color: #3a4b67;\n background: transparent;\n border: none;\n min-width: 40px;\n padding: 8px 16px;\n border-radius: 4px;\n color: var(--default-secondary-button-text-color);\n color: var(--secondary-button-text-color, var(--default-secondary-button-text-color));\n letter-spacing: 0.05rem;\n line-height: 1.5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n}\n.freemium-survey-components.widget-survey-components .skip-button:hover {\n background-color: #f3f3f3;\n transform: translateY(-4px);\n}\n.freemium-survey-components.widget-survey-components .next-button,\n.freemium-survey-components.widget-survey-components .submit {\n color: var(--default-button-text-color);\n color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components.widget-survey-components .secondary-button {\n border: 1px solid #cfd7df;\n background-image: linear-gradient(\n 180deg,\n #ffffff 0%,\n #f5f7f9 100%\n );\n background-image: var(--secondary-button-linear-gradient);\n box-shadow: 0 1px 0 0 rgba(24, 50, 71, 0.05);\n color: #12344d;\n background-color: #ffffff;\n width: 100%;\n}\n.freemium-survey-components.widget-survey-components .secondary-button:hover {\n background-color: #f5f7f9;\n background-image: none;\n}\n.freemium-survey-components.widget-survey-components .thankyou {\n display: flex;\n align-items: center;\n justify-content: center;\n grid-gap: 20px;\n gap: 20px;\n min-height: 180px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .heading {\n font-weight: 500;\n font-size: 22px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .text {\n white-space: pre-wrap;\n font-weight: 500;\n font-size: 14px;\n line-height: 1.6;\n color: #475867;\n}\n.freemium-survey-components.widget-survey-components .thankyou .redirection-text {\n color: #929292;\n margin-bottom: 12px;\n font-weight: 300;\n}\n.freemium-survey-components.widget-survey-components .thankyou .link {\n width: 100%;\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #666;\n font-weight: 500;\n text-decoration: underline;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions {\n display: flex;\n}\n.freemium-survey-components.widget-survey-components .thankyou .thank-you-image {\n justify-content: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions.mobile {\n flex-direction: column;\n align-items: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions.mobile button.action-button {\n justify-content: center;\n margin-bottom: 8px;\n letter-spacing: 0.05em;\n line-height: 1.5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n background-color: #e5f2fd;\n margin: 6px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions.mobile button.action-button:hover {\n transform: translateY(-4px);\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container {\n display: flex;\n grid-gap: 10px;\n gap: 10px;\n flex-wrap: wrap;\n justify-content: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-link {\n background: #f5f7f9;\n padding: 20px 0px;\n border-radius: 10px;\n width: 300px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-link .links {\n display: flex;\n grid-gap: 10px;\n gap: 10px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-link .link-image-url {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 45px;\n width: 45px;\n background: #fff;\n border-radius: 8px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-link .link-page-name {\n padding: 0px 20px 0px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #fff;\n height: 45px;\n border-radius: 8px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .title-text {\n padding-bottom: 14px;\n font-size: 14px;\n font-weight: 500;\n letter-spacing: 0.4px;\n font-style: normal;\n font-weight: 600;\n color: #213249;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-custom-button-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 300px;\n border-radius: 10px;\n padding: 20px 0px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-custom-button-container .button_text {\n display: flex;\n justify-content: center;\n align-items: center;\n grid-gap: 10px;\n gap: 10px;\n height: 45px;\n padding: 0px 20px;\n background: #4560f6;\n color: #fff;\n font-weight: 700px;\n border-radius: 8px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions button.action-button {\n width: unset;\n letter-spacing: 0.05em;\n line-height: 1.5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n background-color: #e5f2fd;\n margin: 6px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions button.action-button:hover {\n transform: translateY(-4px);\n}\n.freemium-survey-components.widget-survey-components .thankyou button.action-button {\n font-weight: 600;\n font-size: 14px;\n line-height: 20px;\n color: #2c5cc5;\n border: none;\n background: none;\n padding: 8px 12px;\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou button.action-button svg {\n margin-right: 8px;\n}\n.freemium-survey-components.widget-survey-components .responsive-text-field .input-container {\n display: none;\n}\n.freemium-survey-components.widget-survey-components .responsive-text-field .textarea-container {\n display: flex;\n}\n.freemium-survey-components.widget-survey-components .responsive-text-field .textarea-container textarea {\n min-height: 80px;\n height: 80px;\n}\n.freemium-survey-components.widget-survey-components .responsive-input-field .input-container input {\n min-height: 40px;\n}\n.freemium-survey-components.widget-survey-components .message-container:empty {\n display: none;\n}\n\n.freemium-survey-components.widget-survey-components.compact-style .question-container {\n grid-gap: 20px;\n gap: 20px;\n max-width: 100%;\n}\n.freemium-survey-components.widget-survey-components.compact-style .question-footer {\n flex-direction: column;\n grid-gap: 20px;\n gap: 20px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .question-footer .compact-footer-layout {\n display: flex;\n justify-content: space-between;\n width: 100%;\n align-items: center;\n}\n.freemium-survey-components.widget-survey-components.compact-style .question-footer .compact-footer-layout:empty {\n display: none;\n}\n.freemium-survey-components.widget-survey-components.compact-style .question-footer .action-buttons {\n grid-gap: 32px;\n gap: 32px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .question-footer .submit,\n.freemium-survey-components.widget-survey-components.compact-style .question-footer .action-button {\n max-width: unset;\n width: 100%;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container {\n max-height: 470px;\n min-height: 150px;\n overflow: auto;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .heading,\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .text {\n width: 100%;\n word-break: break-word;\n margin-bottom: 10px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .thankyou-logo-img {\n max-height: 50px;\n max-width: 50px;\n margin: auto auto 10px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .wrap-up-actions.mobile button.action-button {\n margin-bottom: 0px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .show-link-container {\n border-top: 2px solid #f5f7f9;\n grid-gap: 0px;\n gap: 0px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .show-link-container .show-link {\n background: transparent;\n padding: 10px 0px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .show-link-container .show-link .link-image-url {\n border: 1px solid #f3f3f3;\n box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .show-link-container .show-link .link-page-name {\n border: 1px solid #f3f3f3;\n box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .show-custom-button-container {\n padding: 10px 0px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou .text {\n width: 86%;\n margin: auto;\n}\n.freemium-survey-components.widget-survey-components.compact-style .range-container .range-scale .labels.labels-5 {\n justify-content: space-between;\n grid-gap: unset;\n gap: unset;\n}\n\n.freemium-survey-components.widget-survey-components.default-style .question-footer {\n justify-content: space-between;\n}\n.freemium-survey-components.widget-survey-components.default-style .wrap-up-actions {\n margin-bottom: 10px;\n}\n.freemium-survey-components.widget-survey-components.default-style .thankyou-container {\n max-height: 450px;\n}\n.freemium-survey-components.widget-survey-components.default-style .thankyou-container .wrap-up-actions {\n display: flex;\n justify-content: center;\n}\n.freemium-survey-components.widget-survey-components.default-style .thankyou-container .thankyou-logo-img {\n height: 100px;\n width: auto;\n margin: auto auto 10px;\n}\n.freemium-survey-components.widget-survey-components.default-style .thankyou-container .text {\n margin: 10px;\n}\n.freemium-survey-components.widget-survey-components.default-style .radio-group {\n flex-direction: column;\n flex-wrap: nowrap;\n}\n.freemium-survey-components.widget-survey-components.default-style .radio-group .radio-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9em;\n color: #3a4b67;\n}\n.freemium-survey-components.widget-survey-components.default-style .checkbox-group .checkbox-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9em;\n}\n.freemium-survey-components.widget-survey-components.default-style textarea {\n min-height: 84px;\n}\n.freemium-survey-components.widget-survey-components.default-style .end-max-length {\n font-size: 0.8em;\n font-weight: 300;\n padding: 4px;\n}\n\n.freemium-survey-components.widget-survey-components.cozy-style {\n max-width: 1000px;\n min-width: 600px;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .question-text {\n font-size: 16px;\n text-align: left;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .question-text p {\n text-align: left;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .question-footer {\n justify-content: space-between;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n grid-gap: 25px;\n gap: 25px;\n width: 80%;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .heading,\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .text {\n text-align: left;\n word-break: break-word;\n margin: 10px;\n box-sizing: border-box;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .thankyou-image {\n text-align: center;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .thankyou-logo-img {\n height: 100px;\n width: auto;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container {\n display: flex;\n align-items: baseline;\n justify-content: flex-start;\n margin: 10px;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container .show-link {\n background: transparent;\n display: flex;\n align-items: baseline;\n width: -moz-fit-content;\n width: fit-content;\n padding-right: 20px;\n border-right: 1px solid #f3f3f3;\n border-radius: 0;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container .show-link .link-image-url,\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container .show-link .link-page-name {\n border: 1px solid #f3f3f3;\n box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container .show-custom-button-container {\n justify-content: right;\n align-items: baseline;\n width: -moz-fit-content;\n width: fit-content;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container .show-custom-button-container .button_text {\n justify-content: right;\n align-items: right;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .range-container .widget {\n display: flex;\n justify-content: center;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .range-container .button-container {\n width: 90%;\n min-width: 600px;\n margin: 0 auto;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .action-button {\n line-height: 1.2;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .radio-group {\n flex-direction: row;\n flex-wrap: wrap;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .radio-group .radio-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9em;\n color: #3a4b67;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .checkbox-group {\n flex-direction: row;\n flex-wrap: wrap;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .checkbox-group .checkbox-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9em;\n}\n.freemium-survey-components.widget-survey-components.cozy-style textarea {\n min-height: 60px;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .end-max-length {\n font-size: 0.8em;\n font-weight: 300;\n padding: 4px;\n}\n\n.freemium-survey-components.mobile-preview .thankyou .text {\n width: unset;\n}\n.freemium-survey-components.mobile-preview .thankyou .thankyou-logo-img {\n height: 100px;\n width: auto;\n}\n.freemium-survey-components.mobile-preview .thankyou .show-link-container {\n border-top: 2px solid #f5f7f9;\n}\n.freemium-survey-components.mobile-preview .thankyou .show-link-container .show-link {\n background: transparent;\n}\n.freemium-survey-components.mobile-preview .thankyou .show-link-container .show-link .link-image-url {\n border: 1px solid #f3f3f3;\n box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);\n}\n.freemium-survey-components.mobile-preview .thankyou .show-link-container .show-link .link-page-name {\n border: 1px solid #f3f3f3;\n box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);\n}\n.freemium-survey-components.mobile-preview .range-container .range-scale .labels.labels-5 {\n justify-content: space-between;\n grid-gap: unset;\n gap: unset;\n}');const tT=({thankYouQuestion:e,placeholders:t,canResubmit:r,navigateToStart:o,resetSurvey:i,widgetStyle:a,allowMultipleSubmission:s,pivot:l,rangeToRender:c,translationVariables:u})=>{const{show_custom_button:d,show_review_links:p,show_social_links:m,image_url:f}=e.type_info?.meta??{};return n.createElement("div",{className:"thankyou-container"},f&&n.createElement("img",{className:"thankyou-logo-img",src:f,alt:"thankyou_logo"}),n.createElement("div",null,n.createElement("div",{className:f?"heading":"heading thankyou-image"},e?.type_info?.header_text??(u?.thank_you||"Thank you!")),n.createElement("div",{className:f?"text":"text thankyou-image",dangerouslySetInnerHTML:{__html:N({questionText:e.text,placeholders:t,npsRating:l?.answer,ratingLabel:z(l?.answer)?"":c?.find((e=>e?.value===String(l?.answer)))?.text??"",preference:l?.question.type_info?.scale_properties?.labels?.preference})}}),(r||s)&&n.createElement("div",{className:`wrap-up-actions ${f?"":"thank-you-image"} ${"compact"===a?"mobile":""}`.trim()},r&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:o},n.createElement(T,{name:"edit"}),u?.edit_response||"Edit your response"),s&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:i},n.createElement(T,{name:"reload"}),u?.another_response||"Submit another response")),n.createElement(Oa,{show_custom_button:d,show_review_links:p,show_social_links:m})))},nT=({activeIndexOfBlocks:e,activeIndexOfRenderedBlocks:t,renderedBlocks:r,blocks:o,answers:i,initialStatementHasAnswer:a,translationVariables:s,activeIndexOfRenderedStatement:l,navigateToPreviousBlock:c,navigateToNextBlock:u})=>{const d={blocks:o,renderedBlocks:r,activeIndexOfBlocks:e,initialStatementHasAnswer:a,activeIndexOfRenderedBlocks:t,activeIndexOfRenderedStatement:l,answers:i};return n.createElement("div",{className:"freemium-survey-step-navigation","data-navigation-element":"1"},n.createElement("button",{disabled:!!D_("navigation-prev",d),className:"navigation-button",onClick:c,title:l>0?s?.prev_statement||"go to previous statement":s?.prev_question||"go to previous question"},n.createElement(T,{name:"arrow-previous"})),n.createElement("button",{className:"navigation-button",disabled:!!D_("navigation-next",d),onClick:u,title:s?.next_question||"go to next question"},n.createElement(T,{name:"arrow-next"})))},rT=e=>{const{isWidget:r,widgetStyle:o,answers:i,initialStatementHasAnswer:a,renderedBlocks:s,blocks:l,activeIndexOfBlocks:c,navigateToNextStatement:u,activeIndexOfRenderedBlocks:d,translationVariables:p,saveFormValues:m,activeIndexOfRenderedStatement:f=0,onSubmitHandler:h,skipBlock:g,skipStatement:y,navigateToNextBlock:v,navigateToPreviousBlock:b,formQuestionErrors:x,textboxQuestionErrors:w,fileUploadErrors:$,contactFormErrors:k,questions:E}=e,[P,S]=t.useState(!1),_={answers:i,blocks:l,isMobile:!1,activeIndexOfBlocks:c,activeIndexOfRenderedBlocks:d,initialStatementHasAnswer:a,activeIndexOfRenderedStatement:f,renderedBlocks:s,isWidget:r,blockIndex:d,questions:E},T={answers:i,blocks:l,isWidget:r,isMobile:!1,activeIndexOfBlocks:c,activeIndexOfRenderedStatement:f,initialStatementHasAnswer:a,activeIndexOfRenderedBlocks:d,renderedBlocks:s,isSubmitting:P},{question:M}=s[d],R=M?.type_info?.question_type,I=(e=!1)=>{const t=e?[...C].reverse():[...C];return L_("consent",_)&&"BUTTON"===O&&t.map((e=>n.createElement(rr,{key:d+String(e.id),onClick:()=>{m(s[d],e.recordAs,!0)},disabled:D_("consent",T),className:(e.recordAs?"next":"secondary")+"-button"},M?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue)))},A="compact"===o&&(L_("navigation",_)&&L_("skip",_)||"CONSENT"===R||"MESSAGE"===R),O=M?.type_info?.meta?.display_format;return n.createElement(n.Fragment,null,(L_("navigation",_)||L_("next",_)||L_("next-statement",_)||L_("consent",_)||L_("submit",_)||L_("skip",_)||L_("skip-statement",_)||L_("message",_))&&n.createElement("div",{className:"question-footer"},A?n.createElement(n.Fragment,null,L_("next",_)&&n.createElement(rr,{onClick:()=>{m(s[d],"CHECKBOX"===M?.type_info?.meta?.display_format&&"CONSENT"===M?.type_info?.question_type?i.formValues[M.name]??!1:null,!0)},disabled:!!D_("next",T),className:"next-button"},p?.next||"Next"),L_("message",_)&&n.createElement(rr,{onClick:g,disabled:D_("message",T),className:"next-button"},M?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"),L_("submit",_)&&n.createElement("div",{className:"submit"},n.createElement(rr,{disabled:!!D_("submit",T),onClick:()=>{D(x?.[M.name])&&D(w?.[M.name])&&D($?.[M.name])&&D(k?.[M.name])&&(S(!0),h("COMPLETE"))}},P?p?.submitting||"Submitting":p?.submit_survey||"Submit survey")),L_("next-statement",_)&&n.createElement(rr,{onClick:()=>{u?.()},disabled:!!D_("next-statement",T),className:"next-button"},p?.next||"Next"),I(),n.createElement("div",{className:"compact-footer-layout"},n.createElement(nT,{answers:i,activeIndexOfBlocks:c,activeIndexOfRenderedBlocks:d,renderedBlocks:s,initialStatementHasAnswer:a,blocks:l,activeIndexOfRenderedStatement:f,translationVariables:p,navigateToNextBlock:v,navigateToPreviousBlock:b}),"MESSAGE"!==R&&!l[c].required&&n.createElement("button",{className:"skip-button",onClick:g,"aria-label":"skip question"},p?.skip||"Skip"))):n.createElement("div",{className:"action-buttons"},L_("navigation",_)&&n.createElement("div",{style:{marginRight:"auto"}},n.createElement(nT,{answers:i,activeIndexOfBlocks:c,activeIndexOfRenderedBlocks:d,activeIndexOfRenderedStatement:f,renderedBlocks:s,blocks:l,initialStatementHasAnswer:a,translationVariables:p,navigateToNextBlock:v,navigateToPreviousBlock:b})),n.createElement("div",{style:{flex:1}}),L_("skip",_)&&n.createElement("button",{className:"skip-button",onClick:g,"aria-label":"skip question"},p?.skip||"Skip"),L_("skip-statement",_)&&n.createElement("button",{className:"skip-button",onClick:y,"aria-label":"skip statement"},p?.skip||"Skip"),I(!0),L_("next",_)&&n.createElement(rr,{onClick:()=>{m(s[d],"CHECKBOX"===M?.type_info?.meta?.display_format&&"CONSENT"===M?.type_info?.question_type?i.formValues[M.name]??!1:null,!0)},disabled:!!D_("next",T),className:"next-button"},p?.next||"Next"),L_("next-statement",_)&&n.createElement(rr,{onClick:()=>{u?.()},disabled:!!D_("next-statement",T),className:"next-button"},p?.next||"Next"),L_("submit",_)&&n.createElement("div",{className:"submit"},n.createElement(rr,{disabled:!!D_("submit",T),onClick:()=>{S(!0),h("COMPLETE")}},P?p?.submitting||"Submitting":p?.submit_survey||"Submit survey")),L_("message",_)&&n.createElement(rr,{onClick:g,disabled:D_("message",T),className:"next-button"},M?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"))))},oT=e=>{const{blocks:o,renderedBlocks:i,activeBlock:a,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:l,isSurveyCompleted:c,isReverseAnimation:u,translationVariables:d,saveFormValues:p,saveOthersValue:m,skipBlock:f,skipStatement:h,initialStatementHasAnswer:g,onSubmitHandler:y,navigateToNextBlock:v,activeIndexOfRenderedStatement:x,navigateToNextStatement:w,navigateToPreviousStatement:$,navigateToPreviousBlock:k,answers:E,questions:C,resetSurvey:P,navigateToStart:S,pivot:_,formQuestionErrors:T,textboxQuestionErrors:M,fileUploadErrors:R,contactFormErrors:I,setErrors:A}=G_({...e,isWidget:!0}),[O,L]=t.useState(null),F=t.useRef(0),Z=n.useMemo((()=>B(_?.question)),[_?.question]),q=D(E.formValues)&&e.survey.prompt_settings?.is_enabled,[U,j]=t.useState(q),V=t.useRef(q?-1:l),G=()=>{if(O){O.style.minHeight="unset",O.style.maxHeight="unset",O.style.height="min-content",O.style.position="static";const t=Math.min(O?.scrollHeight+2,b[e.widgetStyle]);O.style.height=t+"px",O.style.minHeight=t+"px",F.current=t}};if(t.useMemo((()=>{G()}),[O]),t.useEffect((()=>{"MATRIX_RATING_SCALE"===a?.question?.type_info?.question_type&&setTimeout((()=>{G()}),0)}),[x]),t.useEffect((()=>{e.setCurrentSurveyState?.({question:i[l]?.question,npsScore:_?.answer})}),[l,_?.answer]),t.useEffect((()=>{l!==V.current&&(V.current=-1)}),[l]),!a||!a?.question)return null;e.widgetHeaderQuerySelector&&document.querySelector(e.widgetHeaderQuerySelector);const H=c?o.length:s+(c?1:0),W=c?100:(H>0?100/o.length:0)*H;return n.createElement("div",{className:`freemium-survey-components widget-survey-components\n ${e.widgetStyle}-style `,id:"freemium-survey"},c||U?null:n.createElement("div",{className:"widget-progressbar"},n.createElement("div",{className:"progress-completion"},W.toFixed(),"%"),n.createElement(tr,{totalSteps:o.length,completedSteps:s+(c?1:0),isWidget:!0})),n.createElement("div",{className:"questions",style:{height:F.current,...q&&U||V.current===l?{transition:"none"}:{}}},n.createElement(r.TransitionGroup,{component:null},n.createElement(r.CSSTransition,{key:l+String(c)+String(U),unmountOnExit:!0,addEndListener:(e,t)=>{e.addEventListener("transitionend",t,!1)},classNames:u?"fade-reverse":"fade"},n.createElement("div",{ref:e=>e?L(e):null,id:`${a.question.name}`,className:`question-container ${c?"thankyou":""} ${U?"prompt-container":""}`,"data-test-question-name":a.question.name},U&&e.survey.prompt_settings?n.createElement(Aa,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt(t),1===t&&j(!1)},placeholders:e.placeholders}):n.createElement(n.Fragment,null,c?n.createElement(tT,{thankYouQuestion:P_({pivotQn:_?.question,pivotQnAnswer:_?.answer,block:T_({activeBlock:a,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:E,questions:C,activeIndexOfBlocks:s,renderedBlocks:i,contactData:e.contactData}),questions:C}),placeholders:e.placeholders,canResubmit:e.canResubmit,widgetStyle:e.widgetStyle,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",S):S()},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",P):P()},allowMultipleSubmission:e.allowMultipleSubmission,pivot:_,rangeToRender:Z,translationVariables:d}):n.createElement(n.Fragment,null,n.createElement("div",{className:`question-text ${!a.question.type_info?.pivot_question&&a.required?"required":""} ${"RANGE"===a?.question?.type_info?.question_type?"range-question-text":""}`.trim(),dangerouslySetInnerHTML:{__html:N({questionText:a?.question.text,placeholders:e.placeholders,npsRating:_?.answer,ratingLabel:z(_?.answer)?"":Z?.find((e=>e?.value===String(_?.answer)))?.text??"",preference:_?.question.type_info?.scale_properties?.labels?.preference})},"aria-label":`question-${l}`,role:"heading","aria-level":1}),n.createElement("div",{className:"question-wrapper",onTransitionEndCapture:e=>e.stopPropagation()},n.createElement(x_,{assetUrl:e.assetUrl,fileUploadErrors:R,setErrors:A,onFileUpload:e.onFileUpload,survey:e.survey,question:a.question,isFinalQn:C_({blocks:o,activeIndexOfBlocks:s,renderedBlocks:i,activeIndexOfRenderedBlocks:l,questions:C}),formValues:E.formValues,widgetStyle:e.widgetStyle,isMobile:!1,othersMeta:E.others,autoFocusDelay:0,activeIndexOfRenderedStatement:x,isWidget:!0,saveOthersValue:m,onChangeHandler:e=>{p(a,e)},formQuestionErrors:T,textboxQuestionErrors:M,contactFormErrors:I,translationVariables:d})),n.createElement(rT,{isWidget:!0,widgetStyle:e.widgetStyle,surveyStyle:"standard",answers:E,isMobile:!1,renderedBlocks:i,initialStatementHasAnswer:g,activeIndexOfRenderedStatement:x,blocks:o,activeIndexOfRenderedBlocks:l,navigateToNextStatement:w,navigateToPreviousStatement:$,activeIndexOfBlocks:s,translationVariables:d,saveFormValues:p,skipBlock:f,skipStatement:h,onSubmitHandler:y,navigateToPreviousBlock:k,navigateToNextBlock:v,formQuestionErrors:T,textboxQuestionErrors:M,fileUploadErrors:R,contactFormErrors:I,questions:C}))))))))};I('#freshworks-survey-widget {\n --container-width: 350px;\n --widget-header-height: 36px;\n --widget-footer-height: 38px;\n}\n#freshworks-survey-widget * {\n box-sizing: border-box;\n}\n#freshworks-survey-widget, #freshworks-survey-widget ~ * {\n font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;\n}\n#freshworks-survey-widget input,\n#freshworks-survey-widget select,\n#freshworks-survey-widget textarea,\n#freshworks-survey-widget button {\n font-family: inherit;\n}\n@keyframes mountWidget {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n#freshworks-survey-widget div.widget-survey-components {\n border: none;\n}\n#freshworks-survey-widget .freemium-survey-components {\n width: 100%;\n height: 100%;\n min-height: inherit;\n}\n#freshworks-survey-widget .default-container-style {\n right: calc(50% - var(--container-width) / 2);\n}\n#freshworks-survey-widget .compact-container-style {\n right: 40px;\n}\n#freshworks-survey-widget .compact-container-style .widget-footer {\n padding: 8px 16px;\n}\n#freshworks-survey-widget .compact-container-style .header-content.minimized {\n padding-left: 16px;\n}\n#freshworks-survey-widget .compact-container-style .prompt-question .actions {\n flex-wrap: wrap;\n justify-content: center;\n grid-gap: 12px;\n gap: 12px;\n max-width: 80%;\n display: inline-flex;\n}\n#freshworks-survey-widget .cozy-container-style {\n max-width: 1000px;\n min-width: 800px;\n left: 50%;\n transform: translate(-50%, 0);\n}\n#freshworks-survey-widget .surveyserv-widget-container {\n position: fixed;\n bottom: 0;\n border-radius: 4px 4px 0 0;\n z-index: 2147483647;\n display: flex;\n flex-direction: column;\n background-color: #fff;\n background-color: var(--question-background-color, #fff);\n width: var(--container-width);\n box-shadow: 0px 7px 13px rgba(18, 52, 77, 0.19);\n transition: opacity 0.25s ease, height var(--height-transition-duration) ease;\n animation: mountWidget 0.5s ease;\n height: auto;\n}\n#freshworks-survey-widget .surveyserv-widget-container.widget-mobile {\n right: 12px;\n}\n#freshworks-survey-widget .widget-header {\n height: var(--widget-header-height);\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-direction: row-reverse;\n grid-gap: 8px;\n gap: 8px;\n background-color: #fff;\n background-color: var(--question-background-color, #fff);\n border-radius: inherit;\n position: relative;\n}\n#freshworks-survey-widget .widget-header .icons {\n height: 100%;\n display: flex;\n padding-top: 2px;\n padding-right: 2px;\n}\n#freshworks-survey-widget .widget-header .icon {\n cursor: pointer;\n height: 100%;\n width: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n background-color: transparent;\n border: none;\n}\n#freshworks-survey-widget .widget-header .icon:hover .icon-tooltip {\n display: block;\n animation: mountWidget 0.4s ease;\n opacity: 1;\n}\n#freshworks-survey-widget .widget-header .icon:hover .icon-tooltip:hover {\n display: none;\n}\n#freshworks-survey-widget .widget-header .minimize-btn:hover {\n background-color: #f5f5f5;\n border-radius: 4px;\n}\n#freshworks-survey-widget .widget-header .icon-tooltip {\n background: rgba(18, 52, 77, 0.8901960784);\n color: #fff;\n letter-spacing: 0.5px;\n padding: 4px 8px;\n border-radius: 4px;\n font-weight: 500;\n font-size: 0.9em;\n position: absolute;\n right: 48px;\n top: 12px;\n white-space: nowrap;\n z-index: 1;\n transition: opacity ease 0.2s;\n display: none;\n opacity: 0;\n}\n#freshworks-survey-widget .widget-header.minimized {\n min-height: var(--widget-header-height);\n width: 100%;\n flex-direction: row;\n}\n#freshworks-survey-widget .header-content.minimized {\n opacity: 0;\n text-overflow: ellipsis;\n width: calc(100% - 72px);\n padding-left: 28px;\n overflow: hidden;\n white-space: nowrap;\n animation: mountWidget 0.8s ease forwards;\n animation-delay: 0.3s;\n font-weight: 500;\n line-height: 1.8;\n text-align: left;\n color: var(--default-question-text-color);\n color: var(--question-text-color, var(--default-question-text-color));\n}\n#freshworks-survey-widget .header-content.minimized p {\n all: inherit !important;\n width: 100% !important;\n padding: 0 !important;\n margin: 0 !important;\n}\n#freshworks-survey-widget .widget-main {\n opacity: 1;\n flex-grow: 1;\n transition: opacity 0.25s ease, height var(--height-transition-duration) ease;\n padding-top: 4px;\n}\n#freshworks-survey-widget .widget-main.minimized {\n opacity: 0;\n height: 0;\n border-radius: 3px 3px 0 0;\n}\n#freshworks-survey-widget .widget-footer {\n height: var(--widget-footer-height);\n font-size: 12px;\n display: flex;\n padding: 8px 28px;\n justify-content: space-between;\n align-items: center;\n color: rgba(18, 52, 77, 0.831372549);\n background-color: rgba(187, 187, 187, 0.1);\n letter-spacing: 0.2px;\n}\n#freshworks-survey-widget .widget-footer .fw-link {\n display: flex;\n align-items: center;\n grid-gap: 6px;\n gap: 6px;\n}\n#freshworks-survey-widget .widget-footer .emoji {\n position: relative;\n top: -1px;\n left: -2px;\n}\n#freshworks-survey-widget .widget-footer .footer-text {\n display: flex;\n align-items: center;\n line-height: 20px;\n grid-gap: 5px;\n gap: 5px;\n}\n#freshworks-survey-widget .widget-footer .footer-text svg {\n width: 76px;\n height: 20px;\n margin-top: 6px;\n}\n#freshworks-survey-widget .widget-footer.minimized {\n justify-content: center;\n}\n#freshworks-survey-widget .widget-progressbar {\n position: absolute;\n top: 9px;\n left: 18px;\n font-size: 12px;\n line-height: 20px;\n width: 120px;\n font-weight: 600;\n display: flex;\n align-items: center;\n}\n#freshworks-survey-widget .widget-progressbar .progressbar-container {\n position: static;\n width: 60px;\n height: 3px;\n background-color: #ebeff3;\n border-radius: 10px;\n}\n#freshworks-survey-widget .widget-progressbar .progress-completion {\n height: 20px;\n margin-right: 6px;\n}\n#freshworks-survey-widget .title,\n#freshworks-survey-widget .description {\n text-align: center;\n}\n#freshworks-survey-widget .description {\n color: #666;\n line-height: 1.2;\n}\n#freshworks-survey-widget .close-widget {\n position: absolute;\n z-index: 10;\n background-color: #fff;\n flex-direction: column;\n display: flex;\n top: 40px;\n right: 12px;\n box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);\n border-radius: 2px;\n padding: 4px;\n}\n#freshworks-survey-widget .close-widget button {\n cursor: pointer;\n border: none;\n background-color: transparent;\n padding: 8px 12px;\n border-radius: 2px;\n font-size: 14px;\n}\n#freshworks-survey-widget .close-widget button:hover {\n background-color: #f3f3f3;\n}\n#freshworks-survey-widget .close-widget.top {\n top: -72px;\n}');const iT=({survey:e,preview:r,placeholders:o,contactData:i,overRideComponent:a,onSubmit:s,onDismiss:l,onClose:c,isMobile:u,surveyType:d,unsubscribeUrl:p,isSurveyCompleted:m,children:f=null,answerStatus:h,loadSurveyCollapsed:g=!1,handleAction:y,answers:v,onAnsweringPrompt:b,allowMultipleSubmission:w,canResubmit:$,translationVariables:k,assetUrl:E,surveyPoweredBy:C})=>{const P=e.question_details?.questions||[],[S,_]=t.useState(),[M,R]=t.useState(!1),[I,A]=t.useState(g),[O,L]=t.useState(0),{ui_theme:z}=e,[B,Z]=t.useState(null),[q,U]=t.useState(null),j=n.useMemo((()=>((e=[])=>{const t=e.sort(((e,t)=>Number(e.order)-Number(t.order)));return t.find((e=>!e.is_deleted))??t[0]})(e.blocks||[])),[e.blocks]),G=j?.question_name?j?.question_name??"":j?.category?.[0].question_name??"",H=P.find((e=>e.name===G)),W=()=>{R(!0),setTimeout((()=>{c?.()}),300)},Y=t.useRef(null);return n.createElement("div",{className:`surveyserv-widget-container ${u?"widget-mobile":""} ${d}-container-style ${I?"minimized":""}`,style:{opacity:M?0:1,"--container-width":`${x[d]}`,"--height-transition-duration":"600ms",...F(z||{})}},n.createElement("header",{id:"surveyserv-widget-header",className:"widget-header "+(I?"minimized":"")},I&&n.createElement("span",{className:"header-content minimized",dangerouslySetInnerHTML:{__html:N({questionText:(!S&&e.prompt_settings?.is_enabled?e.prompt_settings.text:q?.question?.text)??V(H?.text||""),placeholders:{...o,"{{nps.rating}}":String(q?.npsScore??"")}})}}),n.createElement("div",{className:"icons"},!m&&n.createElement("button",{onClick:()=>{I?(A(!I),setTimeout((()=>{L(0)}),700)):(L(B?.clientHeight??0),setTimeout((()=>{A(!I)}),0))},className:"icon minimize-btn",title:I?k?.maximize||"Maximize widget":k?.minimize||"Minimize widget"},I?n.createElement(T,{name:"widget-maximize"}):n.createElement(T,{name:"widget-minimize"})),n.createElement("button",{ref:Y,onClick:()=>{m||l(),W()},title:k?.dismiss||"Dismiss widget",className:"icon minimize-btn"},n.createElement(T,{name:"widget-close"})))),f,n.createElement("main",{ref:e=>Z(e),className:("widget-main "+(I?"minimized":"")).trim(),style:{height:I?0:O||"auto"}},a?n.createElement(n.Fragment,null,a):n.createElement(oT,{assetUrl:E,answers:v,widgetStyle:d,answerStatus:h,survey:e,placeholders:o,isMobile:!!u,contactData:i,allowMultipleSubmission:w,canResubmit:$,onSubmit:s,setCurrentSurveyState:U,widgetHeaderQuerySelector:I?void 0:"#surveyserv-widget-header",onAnsweringPrompt:t=>{b?.(t),_(t),0==t&&D(e.prompt_settings?.declined_message)&&W()},handleAction:y,translationVariables:k})),n.createElement("footer",{className:("widget-footer "+(I?"minimized":"")).trim()},p&&!I&&n.createElement("a",{href:p,target:"_blank",rel:"noopener noreferrer",onClick:e=>{r&&e.preventDefault(),e.stopPropagation(),W()}},k?.unsubscribe||"Unsubscribe"),n.createElement("div",{className:"footer-text"},n.createElement(xa,{surveyPoweredBy:C}))))};I('.whatsapp-container {\n --message-margin: 40px;\n --message-border: 6px;\n --message-bg: #fff;\n --message-color: #0096de;\n --message-disabled-color: #aaa;\n --answers-bg: #d3ffc8;\n --answers-color: #000;\n --answers-radius: 6px;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n font-size: 14px;\n position: relative;\n width: 340px;\n height: 574px;\n background-image: url("https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/whatsapp-bg.svg");\n background-repeat: no-repeat;\n background-size: contain;\n margin: 0 auto;\n}\n.whatsapp-container.instagram {\n --message-bg: none;\n --answers-bg: #4d5bff;\n --answers-color: #fff;\n --answers-radius: 21px;\n background-image: url("https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/instagram-bg.svg");\n}\n.whatsapp-container.instagram .msg-container {\n position: relative;\n}\n.whatsapp-container.instagram .choices {\n display: none;\n flex-direction: row;\n position: absolute;\n bottom: 0;\n margin-right: 0;\n width: 93%;\n}\n.whatsapp-container.instagram .choices:before {\n content: "";\n display: block;\n width: 100%;\n position: absolute;\n top: 0px;\n border-top: 1px solid #e8e8e8;\n}\n.whatsapp-container.instagram .choices .choice {\n border: 1px solid #0584fe;\n border-radius: 50px;\n color: #0584fe;\n box-shadow: none;\n}\n.whatsapp-container.instagram .choices.one-line .range-choice,\n.whatsapp-container.instagram .choices.one-line .choice {\n flex-grow: 0;\n}\n.whatsapp-container.instagram .question-container {\n background: #efefef;\n padding: 2px;\n border-radius: 21px;\n}\n.whatsapp-container.instagram .question-container .options-popup {\n display: flex;\n overflow: auto;\n flex-direction: row;\n padding: 5px 0px 2px;\n box-shadow: none;\n border-top: 1px solid #e8e8e8;\n border-radius: 0;\n left: 7px;\n min-height: 50px;\n bottom: 0px;\n}\n.whatsapp-container.instagram .question-container .options-popup footer,\n.whatsapp-container.instagram .question-container .options-popup header {\n display: none;\n}\n.whatsapp-container.instagram .question-container .options-popup main {\n display: flex;\n padding: 0;\n}\n.whatsapp-container.instagram .question-container .options-popup main .option-row {\n border: 1px solid #0584fe;\n border-radius: 50px;\n margin: 5px;\n padding: 5px 10px;\n}\n.whatsapp-container.instagram .question-container .options-popup main .option-row button {\n color: var(--message-color);\n display: flex;\n}\n.whatsapp-container.instagram .question-container .choices-button.choice {\n font-weight: 700;\n font-size: 13.4838px;\n line-height: 16px;\n letter-spacing: -0.03em;\n color: #333333;\n border: none;\n width: auto;\n padding: 8px;\n border-radius: 10px;\n margin: 5px 10px 10px;\n box-shadow: none;\n}\n.whatsapp-container.instagram .question-container .choices-button.choice svg {\n display: none;\n}\n.whatsapp-container.instagram .question-container .question-text-container {\n box-shadow: none;\n}\n.whatsapp-container.instagram .question-container.active {\n margin-bottom: 40px;\n}\n.whatsapp-container.instagram .question-container.active .choices {\n display: flex;\n overflow: auto;\n padding-top: 10px;\n background: #fff;\n}\n.whatsapp-container.instagram .question-container.active .choices .choice button {\n white-space: nowrap;\n}\n.whatsapp-container.instagram .question-container.active .choices.multi-choice {\n padding-bottom: 0;\n}\n.whatsapp-container.instagram .question-container.active .choices.multi-choice::before {\n content: none;\n}\n.whatsapp-container.instagram .textarea-container {\n background: #fff;\n margin-right: 23px;\n}\n.whatsapp-container.instagram .textarea-container textarea {\n background: #e8e8e8;\n border-radius: 18px;\n}\n.whatsapp-container.instagram .answers {\n box-shadow: none;\n}\n.whatsapp-container .msg-container {\n margin-top: 80px;\n margin-left: 18px;\n margin-right: 20px;\n flex-grow: 1;\n padding: 8px;\n overflow: hidden;\n display: flex;\n}\n.whatsapp-container .scroll-wrapper {\n display: flex;\n flex-direction: column;\n align-items: baseline;\n grid-gap: 12px;\n gap: 12px;\n overflow: scroll;\n}\n.whatsapp-container .question-text.required::after {\n content: "*";\n color: rgb(215, 45, 48);\n margin-left: 4px;\n}\n.whatsapp-container .question-text {\n font-size: 16px;\n line-height: 18px;\n padding: 12px;\n background-color: var(--message-bg);\n border-radius: var(--message-border);\n}\n.whatsapp-container .question-text p {\n text-align: left;\n}\n.whatsapp-container .question-text a {\n color: var(--link-color);\n text-decoration: underline;\n}\n.whatsapp-container .question-container {\n margin-right: var(--message-margin);\n grid-gap: 2px;\n gap: 2px;\n display: flex;\n flex-direction: column;\n pointer-events: none;\n text-align: left;\n}\n.whatsapp-container .question-container .question-text-container {\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n}\n.whatsapp-container .question-container.active {\n pointer-events: initial;\n}\n.whatsapp-container .question-container.active .choice {\n color: var(--message-color);\n}\n.whatsapp-container .question-container.active .choice button {\n color: var(--message-color);\n}\n.whatsapp-container .question-container.active .choice svg:not(#star) {\n fill: var(--message-color);\n}\n.whatsapp-container .question-container.active.open-modal {\n margin-bottom: 45px;\n}\n.whatsapp-container .question-container#new {\n margin-bottom: 10px;\n}\n.whatsapp-container .answers-container {\n width: 100%;\n display: flex;\n justify-content: end;\n text-align: left;\n}\n.whatsapp-container .answers {\n background: var(--answers-bg);\n margin-left: var(--message-margin);\n border-radius: var(--answers-radius);\n color: var(--answers-color);\n padding: 12px;\n width: -moz-fit-content;\n width: fit-content;\n min-width: 80px;\n font-size: 16px;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n}\n.whatsapp-container .answers .reply-block {\n background: rgba(0, 0, 0, 0.08);\n margin: -6px -6px 4px;\n padding: 5px 8px;\n border-radius: 6px;\n border-left: 3px solid #2c5cc5;\n}\n.whatsapp-container .answers .reply-block .user {\n color: #2c5cc5;\n font-weight: 600;\n margin-bottom: 3px;\n}\n.whatsapp-container .answers:empty {\n display: none;\n}\n.whatsapp-container .answers .answer-text {\n display: flex;\n align-items: center;\n}\n.whatsapp-container .answers .answer-text span {\n white-space: nowrap;\n}\n.whatsapp-container .options-popup {\n position: absolute;\n z-index: 1;\n border-radius: 12px 12px 30px 30px;\n background-color: #fff;\n box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.06);\n padding: 12px 8px;\n bottom: 15px;\n left: 18px;\n right: 22px;\n transform: translateY(80px);\n transition: all linear 0.3s;\n opacity: 0;\n}\n.whatsapp-container .fade-enter-active {\n transform: translateY(0px);\n opacity: 1;\n}\n.whatsapp-container .fade-enter-done {\n transform: translateY(0px);\n opacity: 1;\n}\n.whatsapp-container .fade-exit-active {\n opacity: 0;\n transform: translateY(80px);\n}\n.whatsapp-container .fade-exit-done {\n opacity: 0;\n transform: translateY(80px);\n}\n.whatsapp-container .option-row {\n padding-bottom: 16px;\n}\n.whatsapp-container .option-row button {\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n width: 100%;\n}\n.whatsapp-container .option-row button span {\n white-space: nowrap;\n margin-left: 5px;\n}\n.whatsapp-container header {\n text-align: center;\n display: flex;\n align-items: center;\n padding-bottom: 20px;\n position: relative;\n}\n.whatsapp-container main {\n padding: 0 8px;\n}\n.whatsapp-container .close {\n background: transparent;\n border: none;\n width: 32px;\n height: 32px;\n position: absolute;\n}\n.whatsapp-container .choices-button {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n grid-gap: 12px;\n gap: 12px;\n}\n.whatsapp-container .choices {\n display: flex;\n flex-direction: column;\n grid-gap: 2px;\n gap: 2px;\n list-style-type: none;\n padding-bottom: 5px;\n}\n.whatsapp-container .choices.multi-choice .choice button {\n white-space: normal;\n}\n.whatsapp-container .choices.one-line {\n flex-direction: row;\n}\n.whatsapp-container .choices.one-line .range-choice,\n.whatsapp-container .choices.one-line .choice {\n flex-grow: 1;\n}\n.whatsapp-container .choice {\n background-color: var(--message-bg);\n padding: 8px 12px;\n border-radius: var(--message-border);\n text-align: center;\n color: var(--message-disabled-color);\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n}\n.whatsapp-container .choice button {\n color: var(--message-disabled-color);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n white-space: nowrap;\n}\n.whatsapp-container .choice svg:not(#star) {\n fill: var(--message-disabled-color);\n}\n.whatsapp-container .range-choice {\n padding-top: 4px;\n padding-bottom: 4px;\n}\n.whatsapp-container h4 {\n margin: 0 auto;\n font-weight: 500;\n}\n.whatsapp-container footer {\n color: #979797;\n font-size: 12px;\n text-align: center;\n padding: 12px 0;\n}\n.whatsapp-container button {\n background: transparent;\n border: 0;\n cursor: pointer;\n}\n.whatsapp-container .textarea-container {\n display: flex;\n grid-gap: 8px;\n gap: 8px;\n margin-left: 12px;\n margin-right: 16px;\n margin-bottom: 26px;\n margin-top: 10px;\n margin: 0 21px 15px 18px;\n padding: 10px 12px;\n align-items: end;\n background: #f6f6f6;\n border-radius: 0 0 30px 30px;\n}\n.whatsapp-container textarea {\n resize: none;\n min-height: 40px;\n max-height: 100px;\n border-radius: 20px;\n padding: 12px;\n resize: none;\n border: none;\n width: 100%;\n}\n.whatsapp-container textarea:focus {\n outline: none;\n}\n.whatsapp-container textarea::-moz-placeholder {\n line-height: 16px;\n padding-left: 2px;\n}\n.whatsapp-container textarea::placeholder {\n line-height: 16px;\n padding-left: 2px;\n}');const aT=({children:e,title:t,closeModal:o,isModalOpen:i})=>n.createElement(r.CSSTransition,{in:i,unmountOnExit:!0,timeout:500,classNames:"fade",key:t},n.createElement("div",{className:"options-popup",style:{}},n.createElement("header",null,n.createElement("button",{onClick:o,className:"close"},n.createElement(T,{name:"widget-close"})),n.createElement("h4",null,t)),n.createElement("main",null,e),n.createElement("footer",null,"Tab an item to select it"))),sT=({question:e,saveFormValues:r})=>{const[o,i]=t.useState(!1),{range:a}=e?.type_info?.scale_properties||{},s=Number(a?.[0]?.min),l=Number(a?.[a.length-1]?.max),c="descending"===e?.type_info?.scale_properties?.order,u=[...e?.type_info?.scale_properties?.labels?.values||[]],d=e?.type_info?.scale_properties?.labels?.preference;c&&u.reverse();const p=t.useRef(Array.from({length:l+(0===s?1:0)},((e,t)=>c?l-t:t+s)));return p.current.length<=3?n.createElement("ul",{className:`choices ${("THUMBS"===e?.type_info?.type_variant||"all"!==e?.type_info?.scale_properties?.labels?.preference)&&"one-line"}`},p.current.map(((t,o)=>"THUMBS"===e?.type_info?.type_variant?n.createElement("li",{className:"choice range-choice",key:`thumbs-${t}-${o}`},n.createElement("button",{onClick:()=>{r(t)}},n.createElement(T,{name:t?"whatsapp-thumbs-up":"whatsapp-thumbs-down"}),"all"===e?.type_info?.scale_properties?.labels?.preference&&e?.type_info?.scale_properties?.labels?.values?.[t])):n.createElement("li",{className:"choice range-choice",key:`choice-${t}-${o}`},n.createElement("button",{onClick:()=>{r(t)}},Array.from({length:t},((e,t)=>n.createElement(T,{name:"whatsapp-star",id:`choice-${t}`})))," ","all"===e?.type_info?.scale_properties?.labels?.preference&&e?.type_info?.scale_properties?.labels?.values?.[t-1]))))):n.createElement(n.Fragment,null,n.createElement("button",{onClick:()=>i(!0),className:"choices-button choice"},n.createElement(T,{name:"whatsapp-choices"}),"Rate Support"),n.createElement(aT,{title:"Rate Support",isModalOpen:o,closeModal:()=>i(!1)},p.current.map(((e,t)=>n.createElement("div",{className:"option-row"},n.createElement("button",{onClick:()=>{r(e),i(!1)}},Array.from({length:e},((e,t)=>n.createElement(T,{name:"whatsapp-star",id:`qus-${t}`})))," ","all"===d||"edges"===d&&(0===t||t===u.length-1)?n.createElement("span",null,u[e-1]):null))))))},lT=({question:e,saveFormValues:r,type:o})=>{const[i,a]=t.useState(!1);return n.createElement(n.Fragment,null,n.createElement("button",{onClick:()=>a(!0),className:"choices-button choice"},n.createElement(T,{name:"whatsapp-choices"}),"Select answer"),n.createElement(aT,{title:"Select a choice",isModalOpen:i,closeModal:()=>a(!1)},n.createElement("ul",{className:`choices multi-choice ${o}`},e.choices.map(((e,t)=>n.createElement("li",{className:"choice",style:{boxShadow:"none"},key:`${e}-${t}`},n.createElement("button",{onClick:()=>{r(e.id),a(!1)}},e.value)))))))},cT=e=>{const r=t.useRef(null);return((e,n)=>{t.useEffect((()=>{if(e){e.style.height="0px";const t=e.scrollHeight;e.style.height=t+"px"}}),[e,n])})(r.current,String(e.value)??""),t.useEffect((()=>{e.autoFocus&&r.current?.focus()}),[e.autoFocus]),n.createElement("div",{className:"textarea-container"},n.createElement("textarea",{placeholder:"Type a message",ref:r,rows:1,onChange:e.onChange,value:e.value}),n.createElement("button",{onClick:()=>{e.onSubmit(),r.current&&(r.current.value="")}},n.createElement(T,{name:"whatsapp-send"})))},uT=({text:e,placeholders:t,pivot:r,rangeToRender:o})=>n.createElement("div",{className:"question-text-container"},n.createElement("div",{className:"question-text",dangerouslySetInnerHTML:{__html:N({questionText:e,placeholders:t,npsRating:r?.answer,ratingLabel:z(r?.answer)?"":o?.find((e=>e?.value===String(r?.answer)))?.text??"",preference:r?.question.type_info?.scale_properties?.labels?.preference,isPreview:!0})},role:"heading","aria-level":1})),dT=({block:e,saveFormValues:t,type:r})=>{const{question_type:o}=e.question?.type_info;switch(o){case"RANGE":return n.createElement(sT,{question:e.question,saveFormValues:e=>t(e,!0)});case"DROPDOWN":case"MULTI_CHOICE":case"MULTI_SELECT":return n.createElement(lT,{question:e.question,saveFormValues:e=>t(e,!0),type:r});case"PARAGRAPH":case"INPUT":return null;default:return console.error(`Question type ${o} not supported`),null}},pT=({config:e,placeholders:r,onSelect:o,promptAccepted:i,type:a})=>{const s=t.useMemo((()=>e.reverse_order?e.choices?.reverse():e.choices),[e]);return n.createElement(n.Fragment,null,n.createElement("div",{className:"question-container "+(null==i?"active":"")},n.createElement(uT,{text:e.text,placeholders:r}),n.createElement("ul",{className:"choices one-line"},s?.map(((e,t)=>n.createElement("li",{className:"choice",key:`prompt-${e}-${t}`},n.createElement("button",{className:"action",onClick:()=>{o(Number(e.id))}},n.createElement(T,{name:Number(e.id)?"whatsapp-thumbs-up":"whatsapp-thumbs-down"}),e.value)))))),void 0!==i&&n.createElement("div",{className:"answers-container"},n.createElement("div",{className:"answers"},"whatsapp"===a&&n.createElement("div",{className:"reply-block"},n.createElement("p",{className:"user"},"Acme.inc"),n.createElement("p",{className:"question",dangerouslySetInnerHTML:{__html:N({questionText:e.text,placeholders:r})}})),n.createElement("div",{className:"answer-text"},n.createElement(T,{name:Number(i)?"whatsapp-thumbs-up":"whatsapp-thumbs-down"}),s.find((e=>e.id==i))?.value))),!1===i&&e.is_declined&&e.declined_message&&n.createElement("div",{className:"question-container"},n.createElement(uT,{text:e.declined_message,placeholders:r})))},mT=e=>{const{activeBlock:r,activeIndexOfBlocks:o,activeIndexOfRenderedBlocks:i,answers:a,saveFormValues:s,blocks:l,questions:c,renderedBlocks:u,onSubmitHandler:d,isSurveyCompleted:p,pivot:f}=G_(e),{type:h="whatsapp"}=e,{question_type:g}=r?.question.type_info??{},y=n.useMemo((()=>B(f?.question)),[f?.question]),v=t.useRef(null),[b,x]=t.useState(void 0);return t.useEffect((()=>{v.current&&v.current.scroll({top:1e4,behavior:"smooth"})}),[r,a,p]),r&&r.question?n.createElement("div",{className:`${h} whatsapp-container`},n.createElement("div",{className:"msg-container"},n.createElement("div",{className:"scroll-wrapper",ref:v},e.survey.prompt_settings?n.createElement(pT,{config:e.survey.prompt_settings,onSelect:e=>{x(1===e)},promptAccepted:b,placeholders:e.placeholders,type:h}):null,!e.survey.prompt_settings||b?u.map(((t,g)=>n.createElement(n.Fragment,null,n.createElement("div",{className:"question-container "+(p||g!==u.length-1?"":"active")},n.createElement(uT,{text:t.question.text,placeholders:e.placeholders,pivot:f,rangeToRender:y}),n.createElement(dT,{block:t,placeholders:e.placeholders,saveFormValues:(e,n)=>{s(t,e,n),setTimeout((()=>{!0===n&&C_({blocks:l,activeIndexOfBlocks:o,renderedBlocks:u,activeIndexOfRenderedBlocks:i,questions:c})&&d("COMPLETE")}))},type:h})),t.name===r.name&&!a.commitDirtyValue||m.isNil(a.formValues[t.question.name])?null:n.createElement("div",{className:"answers-container"},n.createElement("div",{className:"answers"},"THUMBS"===t.question.type_info?.type_variant?n.createElement(n.Fragment,null,"whatsapp"===h&&n.createElement("div",{className:"reply-block"},n.createElement("p",{className:"user"},"Acme.inc"),n.createElement("p",{className:"question",dangerouslySetInnerHTML:{__html:N({questionText:t.question.text||"",placeholders:e.placeholders,npsRating:f?.answer,ratingLabel:m.isNil(f?.answer)?"":y?.find((e=>e?.value===String(f?.answer)))?.text??"",preference:f?.question.type_info?.scale_properties?.labels?.preference,isPreview:!0})}})),n.createElement("div",{className:"answer-text"},n.createElement(T,{name:Number(a.formValues[t.question.name])?"whatsapp-thumbs-up":"whatsapp-thumbs-down"}),"all"===t.question.type_info?.scale_properties?.labels?.preference&&t.question.type_info?.scale_properties?.labels?.values?.[Number(a.formValues[t.question.name])])):"EMOJI"===t.question.type_info?.type_variant||"STAR"===t.question.type_info?.type_variant?n.createElement(n.Fragment,null,"whatsapp"===h&&a.formValues[t.question.name]&&n.createElement("div",{className:"reply-block"},n.createElement("p",{className:"user"},"Acme.inc"),n.createElement("p",{className:"question",dangerouslySetInnerHTML:{__html:N({questionText:t.question.text||"",placeholders:e.placeholders,npsRating:f?.answer,ratingLabel:m.isNil(f?.answer)?"":y?.find((e=>e?.value===String(f?.answer)))?.text??"",preference:f?.question.type_info?.scale_properties?.labels?.preference,isPreview:!0})}})),n.createElement("div",{className:"answer-text"},Array.from({length:Number(a.formValues[t.question.name])},((e,t)=>n.createElement(T,{name:"whatsapp-star",id:`ans-${t}`})))," ",n.createElement("span",null,t.question.type_info?.scale_properties?.labels?.values?.[Number(a.formValues[t.question.name])-1]))):("DROPDOWN"===t.question.type_info?.question_type||"MULTI_SELECT"===t.question.type_info?.question_type)&&t.question.choices?.find((e=>e.id===a.formValues[t.question.name]))?.value||a.formValues[t.question.name]))))):null,p&&n.createElement("div",{className:"question-container",id:"new"},n.createElement(uT,{text:P_({pivotQn:f?.question,pivotQnAnswer:f?.answer,block:e.survey.blocks?.find((e=>"TY"===e.name)),questions:c})?.text,placeholders:e.placeholders,pivot:f,rangeToRender:y})))),n.createElement(cT,{onChange:e=>{"PARAGRAPH"!==g||p||s(r,e.target.value)},value:"PARAGRAPH"===g&&!p&&a.formValues[r.question.name]?a.formValues[r.question.name]:"",activeBlock:!0,autoFocus:"PARAGRAPH"===g,onSubmit:()=>{s(r,null,!0),r.name===l[l.length-1].name&&d("COMPLETE")}})):null};exports.BUTTON_SIZE_VARIANTS={LARGE:"large",MINI:"mini",NORMAL:"normal"},exports.Binary=O,exports.Button=rr,exports.ChannelPreview=e=>{const{survey:t,answers:r}=$_(e.survey,e.answers);return"whatsapp"===e.channel?n.createElement(mT,{...e,survey:t,answers:r}):"instagram"===e.channel?n.createElement(mT,{type:"instagram",...e,survey:t,answers:r}):(console.error(`Channel ${e.channel} not supported`),null)},exports.Checkbox=Qn,exports.CheckboxGroup=Kn,exports.Dropdown=Yn,exports.Input=Hn,exports.ProgressBar=tr,exports.Radio=er,exports.RadioGroup=Jn,exports.Range=W,exports.RankOrder=Ni,exports.Slider=ba,exports.Survey=e=>{const{survey:t,answers:r}=$_(e.survey,e.answers),[o,i]=n.useState(!1);return n.useEffect((()=>{"undefined"!=typeof window&&i(window.matchMedia("(max-width: 550px)").matches)}),[]),n.createElement(n.Fragment,null,"standard"===e.surveyStyle?n.createElement(eT,{...e,answers:r,survey:t,isMobile:o||!!e.isMobile,initialPivotAnswer:Z(e.answers)?e.initialPivotAnswer:void 0}):n.createElement(X_,{...e,answers:r,survey:t,isMobile:o||!!e.isMobile,surveyStyle:"card",initialPivotAnswer:Z(e.answers)?e.initialPivotAnswer:void 0}))},exports.SurveyFooter=wa,exports.SurveyProgress=({isSurveyCompleted:e,totalBlocks:t,completedText:r,activeIndexOfBlocks:o})=>{const i=e?t:o+(e?1:0),a=e?100:(i>0?100/t:0)*i;return n.createElement("div",{className:"survey-progress"},n.createElement("span",{className:"progress-completion"},a.toFixed(),"%  "),r||"survey completed",n.createElement(tr,{totalSteps:t,completedSteps:i}))},exports.TextArea=Wn,exports.WebInAppSurvey=e=>{const{survey:t,answers:r}=$_(e.survey,e.answers),[o,i]=n.useState(!1),[a,s]=n.useState(!1);return n.useEffect((()=>{"undefined"!=typeof window&&i(window.matchMedia("(max-width: 550px)").matches)}),[]),n.useEffect((()=>{"undefined"!=typeof window&&s(window.matchMedia("(max-width: 1080px)").matches)}),[]),n.createElement(iT,{...e,survey:t,answers:r,isMobile:o,surveyType:o?"compact":a?"default":e.surveyType})},exports.getEmailEmbedCodeForQuestion=e=>{const{emailEmbedChannelInfo:t,survey:n,question:r,collectorId:o,customDomain:i,disabled:a,publicSurveyUrl:s}=e,l=r?.type_info?.scale_properties?.labels?.preference,c=r?.type_info?.footer_text,u=r?.type_info?.scale_properties?.range||[],d=document.getElementsByClassName("email-embed-question")[0],p=d&&d?.parentElement?d.parentElement?.getBoundingClientRect().width:window.innerWidth??-1,m=p>612?612:p,f=(({scale:e,width:t})=>{const n=t/(e+2)>Pa?Pa:t/(e+2);return t>=520?{3:{size:n,space:8,padding:8},4:{size:n,space:2,padding:6},5:{size:n,space:2,padding:6},6:{size:n,space:2,padding:6},7:{size:n,space:1,padding:6},8:{size:n,space:1,padding:6},9:{size:n,space:1,padding:6},10:{size:n,space:0,padding:4}}[e]:{3:{size:n,space:8,padding:8},4:{size:n,space:2,padding:6},5:{size:n,space:2,padding:3},6:{size:n,space:2,padding:2},7:{size:n,space:1,padding:2},8:{size:n,space:1,padding:2},9:{size:n,space:1,padding:0},10:{size:n,space:0,padding:0}}[e]})({scale:u[u.length-1].max,width:m}),h=f.size,g=Ra({collectorId:o,disabled:a,publicSurveyUrl:s,contact_fields:t?.contact_fields||[],customDomain:i,initialPivotAnswer:"",surveyId:n?.id||""}).trim();return`\n <table\n class="email-embed-question"\n style="\n background-color:${n?.ui_theme?.question_background_color||"#FFFFFF"} !important;\n max-width : ${128+11*h}px !important;\n box-shadow: rgba(18, 52, 77, 0.1) 0px 2px 16px !important;\n border-radius: 4px !important;\n border-spacing: 16px !important;\n margin: ${t?.align_center?"20px auto":"20px 0"} !important;\n "\n >\n <tbody>\n <tr>\n <td\n style="\n color: ${n?.ui_theme?.question_text_color||ka} !important;\n padding: 16px 8px !important;\n font-weight: 400 !important;\n font-size: 16px !important;\n text-align: ${t?.align_center?"center":"left"} !important;\n "\n >${r?.text?.trim()}</td>\n </tr>\n ${t?.display?.show_button?`\n <tr>\n <td\n style="\n color: ${n?.ui_theme?.question_text_color||ka} !important;\n padding: 16px 8px !important;\n font-weight: 400 !important;\n font-size: 16px !important;\n text-align: ${t?.align_center?"center":"left"} !important;\n "\n >\n <a\n href=${g}\n target="_blank"\n style="\n pointer-events: ${a?"none":"unset"} !important;\n "\n >\n <button\n style="\n cursor: pointer !important;\n box-shadow: 0 0 0 8px #F0F0F0 !important;\n color: #FFF !important;\n font-size: 14px !important;\n font-style: normal !important;\n font-weight: 600 !important;\n line-height: 20px !important;\n padding: 6px 12px !important;\n border-radius: 4px !important;\n border: 1px solid #C82124 !important;\n background: linear-gradient(180deg, #D72D30 2.56%, #C82124 95.75%) !important;\n "\n >\n ${t?.display?.text}\n </button>\n </a>\n </td>\n </tr>\n `:`\n ${r?.type_info?.type_variant&&"RANGE"===r?.type_info?.question_type&&"all"!==l&&["NUMBER","EMOJI","STAR"].includes(r.type_info.type_variant)?Ia({...e,dimentions:f}):""}\n ${r?.type_info?.type_variant&&"RANGE"===r?.type_info?.question_type&&"all"===l&&["NUMBER","EMOJI","STAR"].includes(r.type_info.type_variant)?(({emailEmbedChannelInfo:e,collectorId:t,survey:n,dimentions:r,question:o,assetUrl:i,publicSurveyUrl:a,customDomain:s,disabled:l,width:c})=>{const u=r?.size??Pa,d=_a(o?.type_info?.scale_properties?.button_style?.shape||"square"),p=o?.type_info?.scale_properties?.range||[],m=Number(p[p.length-1]?.max),f=B(o||{name:""}),h=o?.type_info?.type_variant;return`\n <tr>\n <td\n style="\n padding: 0 !important;\n text-align: center !important;\n "\n >\n ${f.map((r=>`\n <a\n style="\n text-decoration: unset !important;\n display: inline-block !important;\n min-width: 100px !important;\n width: ${(({scale:e,width:t})=>({3:t/(e+1.5),4:t/(e+1.25),5:t/(e+1),6:t/(e+.5),7:t/(e+0)}[e]))({scale:m,width:c})}px !important;\n vertical-align: top !important;\n padding: 0 4px !important;\n pointer-events: ${l?"none":"unset"} !important;\n "\n href="${Ra({collectorId:t,disabled:l,publicSurveyUrl:a,contact_fields:e?.contact_fields||[],customDomain:s,initialPivotAnswer:`${r.position}`,surveyId:n?.id||""}).trim()}"\n target="_blank"\n >\n <table\n style="\n border-spacing: 0 !important;\n margin: 0px auto 8px auto !important;\n "\n >\n <tbody>\n <tr>\n <td\n style="\n padding: 0 !important;\n text-align: center !important;\n "\n >\n ${"NUMBER"===o?.type_info?.type_variant?`\n <div\n style="\n border-radius: ${d} !important;\n color: ${n?.ui_theme?.question_text_color||Ea} !important;\n background-color: ${Ta({position:r.position,question:o||{name:""}})} !important;\n font-size: 16px !important;\n font-weight: 600 !important;\n width: ${u}px !important;\n display: block !important;\n margin: 0 auto !important;\n height: ${u}px !important;\n line-height: ${u}px !important;\n "\n >${r.value}</div>\n `:""}\n ${o?.type_info?.type_variant&&["EMOJI","STAR"].includes(o?.type_info?.type_variant)?`\n <img\n src="${Ma({position:r.position,assetUrl:i,max:f.length,type_variant:h})}"\n style="\n width: ${u}px !important;\n height: ${u}px !important;\n display: block !important;\n margin: 0 auto !important;\n "\n width="${u}px"\n height="${u}px"\n />`:""}\n </td>\n </tr>\n <tr>\n <td\n style="\n padding: 12px 0 0 0 !important;\n text-align: center !important;\n font-weight: 400 !important;\n color: ${Ea} !important;\n font-size: 12px !important;\n word-break: break-word !important;\n "\n >${r.text}</td>\n </tr>\n </tbody>\n </table>\n </a>`)).join("")}\n </td>\n </tr>`})({...e,dimentions:f,width:m}):""}\n ${"RANGE"===r?.type_info?.question_type&&"TEXT"===r.type_info.type_variant?(({emailEmbedChannelInfo:e,collectorId:t,publicSurveyUrl:n,survey:r,question:o,disabled:i,customDomain:a})=>{const s=_a(o?.type_info?.scale_properties?.button_style?.shape||"square");return`\n <tr>\n <td\n style="\n padding: 0 !important;\n text-align: center !important;\n "\n >\n ${B(o||{name:""}).map((l=>`\n <a\n style="\n text-decoration: unset !important;\n display: inline-block !important;\n vertical-align: top !important;\n pointer-events: ${i?"none":"unset"} !important;\n "\n href="${Ra({collectorId:t,disabled:i,publicSurveyUrl:n,contact_fields:e?.contact_fields||[],customDomain:a,initialPivotAnswer:`${l.position}`,surveyId:r?.id||""}).trim()}"\n target="_blank"\n >\n <div\n style="\n border-radius: ${s} !important;\n color: ${r?.ui_theme?.question_text_color||Ea} !important;\n background-color: ${Ta({position:l.position,question:o||{name:""}})} !important;\n height: 58px !important;\n width: 102px !important;\n margin: 4px !important;\n display: block !important;\n cursor: cursor !important;\n "\n >\n <table\n style="\n border-spacing: 8px 4px !important;\n height: 100% !important;\n width: 100% !important;\n "\n >\n <tbody>\n <tr>\n <td\n style="\n padding: 0 !important;\n font-size: 14px !important;\n line-height: 16px !important;\n word-break: break-word !important;\n "\n >${l.text}</td>\n </tr>\n </tbody>\n </table>\n </div>\n </a>`)).join("")}\n </td>\n </tr>`})({...e,dimentions:f}):""}\n ${"BOOLEAN"===r?.type_info?.question_type?(({emailEmbedChannelInfo:e,disabled:t,assetUrl:n,collectorId:r,survey:o,question:i,customDomain:a,publicSurveyUrl:s})=>{const l=i?.type_info?.type_variant,c=i?.type_info?.question_type,u=B(i||{name:""});let d=0;return u.forEach((e=>{e.text.length>d&&(d=e.text.length)})),`\n <tr>\n <td\n style="\n padding: 0 !important;\n text-align: center !important;\n "\n >\n ${u.map((i=>`\n <a\n style="\n text-decoration: unset !important;\n display: inline-block !important;\n vertical-align: top !important;\n height: 54px !important;\n width: ${7*d+96}px !important;\n min-width: 140px !important;\n margin: 6px !important;\n border-radius: 5px !important;\n background-color: #f2f2f2 !important;\n color: ${o?.ui_theme?.question_text_color||Ea} !important;\n pointer-events: ${t?"none":"unset"} !important;\n "\n href="${Ra({collectorId:r,publicSurveyUrl:s,disabled:t,contact_fields:e?.contact_fields||[],customDomain:a,initialPivotAnswer:`${i.position}`,surveyId:o?.id||""}).trim()}"\n target="_blank"\n >\n <table\n style="\n border-spacing: 8px !important;\n margin: 0 auto !important;\n height: 100% !important;\n "\n >\n <tbody>\n <tr>\n ${"TEXT"!==l?`\n <td\n style="\n padding: 0 !important;\n "\n >\n <img\n src="${Ma({position:i.position,assetUrl:n,max:u.length,question_type:c,type_variant:l})}"\n width="18px"\n style="\n vertical-align: middle !important;\n "\n />\n </td>`:""}\n <td\n style="\n padding: 0 !important;\n "\n >\n <span\n style="\n display: inline-block !important;\n vertical-align: baseline !important;\n font-size: 14px !important;\n font-weight: 500 !important;\n line-height: 16px !important;\n "\n >${i.text}</span>\n </td>\n </tr>\n </tbody>\n </table>\n </a>`)).join("")}\n </td>\n </tr>`})({...e,dimentions:f}):""}\n ${"RANGE"===r?.type_info?.question_type&&"edges"===l?(({question:e,width:t})=>{const n=B(e||{name:""});return`\n <tr>\n <td\n style="\n text-align: center !important;\n padding: 8px ${(({scale:e,width:t})=>t<320?8:{3:t/(2*e),4:t/(2*e),5:t/(3*e),6:t/(3*e),7:t/(4*e),8:t/(4*e),9:t/(5*e),10:t/(5*e)}[e])({scale:n.length,width:t})}px !important;\n vertical-align: baseline !important;\n "\n >\n <table\n style="\n border-spacing: 0px !important;\n margin: 0 auto !important;\n width: 100% !important;\n "\n >\n <tbody>\n <tr>\n <td style="text-align: left !important;">\n <span \n style="\n font-weight: 500 !important;\n color: ${Ea} !important;\n font-size: 12px !important;\n "\n >${n[0].value} - ${n[0].text}</span>\n </td>\n <td style="text-align: right !important;">\n <span\n style="\n font-weight: 500 !important;\n color: ${Ea} !important;\n font-size: 12px !important;\n "\n >${n[n.length-1].value} - ${n[n.length-1].text}\n </span>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n `.trim()})({question:r,width:m}):""}\n `}\n ${c&&t?.show_footer?`\n <tr>\n <td\n style="\n color: ${n?.ui_theme?.question_text_color||ka} !important;\n padding: 16px 8px 4px 8px !important;\n font-size: 12px !important;\n border-top: 1px solid ${Ca} !important;\n text-align: center !important;\n "\n >${c}</td>\n </tr>`:""}\n ${t?.show_link?`\n <tr>\n <td\n style="\n color: ${n?.ui_theme?.question_text_color||ka} !important;\n padding: 16px 8px 4px 8px !important;\n font-size: 12px !important;\n border-top: 1px solid ${Ca} !important;\n text-align: center !important;\n "\n >\n If you face any issues while responding to the survey, please copy and paste the following link into your web browser:&nbsp;\n <a\n style="\n text-decoration: unset !important;\n color: ${$a} !important;\n pointer-events: ${a?"none":"unset"} !important;\n "\n href=${a?"#":g}\n target="_blank"\n >\n ${Ra({collectorId:o,disabled:!1,publicSurveyUrl:s,contact_fields:t?.contact_fields||[],customDomain:i,initialPivotAnswer:"",surveyId:n?.id||""}).trim()}\n </a>\n </td>\n </tr>`:""}\n </tbody>\n \n </table>\n `};
27
+ */;const g_=({addFilter:e,utils:t})=>{const{Type:n,replaceInString:r,toNaturalFileSize:o}=t;return e("ALLOW_HOPPER_ITEM",((e,{query:t})=>{if(!t("GET_ALLOW_FILE_SIZE_VALIDATION"))return!0;const n=t("GET_MAX_FILE_SIZE");if(null!==n&&e.size>n)return!1;const r=t("GET_MIN_FILE_SIZE");return!(null!==r&&e.size<r)})),e("LOAD_FILE",((e,{query:t})=>new Promise(((n,i)=>{if(!t("GET_ALLOW_FILE_SIZE_VALIDATION"))return n(e);const a=t("GET_FILE_VALIDATE_SIZE_FILTER");if(a&&!a(e))return n(e);const s=t("GET_MAX_FILE_SIZE");if(null!==s&&e.size>s)return void i({status:{main:t("GET_LABEL_MAX_FILE_SIZE_EXCEEDED"),sub:r(t("GET_LABEL_MAX_FILE_SIZE"),{filesize:o(s,".",t("GET_FILE_SIZE_BASE"),t("GET_FILE_SIZE_LABELS",t))})}});const l=t("GET_MIN_FILE_SIZE");if(null!==l&&e.size<l)return void i({status:{main:t("GET_LABEL_MIN_FILE_SIZE_EXCEEDED"),sub:r(t("GET_LABEL_MIN_FILE_SIZE"),{filesize:o(l,".",t("GET_FILE_SIZE_BASE"),t("GET_FILE_SIZE_LABELS",t))})}});const c=t("GET_MAX_TOTAL_FILE_SIZE");if(null!==c){if(t("GET_ACTIVE_ITEMS").reduce(((e,t)=>e+t.fileSize),0)>c)return void i({status:{main:t("GET_LABEL_MAX_TOTAL_FILE_SIZE_EXCEEDED"),sub:r(t("GET_LABEL_MAX_TOTAL_FILE_SIZE"),{filesize:o(c,".",t("GET_FILE_SIZE_BASE"),t("GET_FILE_SIZE_LABELS",t))})}})}n(e)})))),{options:{allowFileSizeValidation:[!0,n.BOOLEAN],maxFileSize:[null,n.INT],minFileSize:[null,n.INT],maxTotalFileSize:[null,n.INT],fileValidateSizeFilter:[null,n.FUNCTION],labelMinFileSizeExceeded:["File is too small",n.STRING],labelMinFileSize:["Minimum file size is {filesize}",n.STRING],labelMaxFileSizeExceeded:["File is too large",n.STRING],labelMaxFileSize:["Maximum file size is {filesize}",n.STRING],labelMaxTotalFileSizeExceeded:["Maximum total size exceeded",n.STRING],labelMaxTotalFileSize:["Maximum total file size is {filesize}",n.STRING]}}};"undefined"!=typeof window&&void 0!==window.document&&document.dispatchEvent(new CustomEvent("FilePond:pluginloaded",{detail:g_}));I(".PinturaModal {\n z-index: 2147483648 !important;\n}\n\n.freemium-survey-components .file-upload-container {\n flex: 1;\n display: flex;\n position: relative;\n z-index: 4;\n flex-direction: column;\n align-items: center;\n padding: 20px;\n grid-row-gap: 12px;\n row-gap: 12px;\n border: 2px dashed var(--file-upload-border-color);\n border-radius: 5px;\n background-color: #fafafa;\n color: var(--question-secondary-color);\n outline: none;\n transition: border 0.24s ease-in-out;\n width: 100%;\n cursor: pointer;\n margin-bottom: 20px;\n}\n.freemium-survey-components .file-upload-container.push-backward {\n z-index: 0 !important;\n}\n.freemium-survey-components .file-upload-container .drop-your-file-container {\n color: #12344d;\n font-size: 14px;\n margin: 0 0 8px 0 !important;\n font-size: 14px;\n font-weight: 500;\n}\n.freemium-survey-components .file-upload-container .link {\n font-weight: 500;\n font-size: 13px;\n line-height: 20px;\n text-align: center;\n color: var(--input-highlight-color);\n text-decoration: underline;\n margin-left: 1px;\n}\n.freemium-survey-components .file-upload-container p.max-size {\n margin: 0 0 8px 0 !important;\n font-size: 12px;\n font-weight: 500;\n color: #92a2b1;\n}\n.freemium-survey-components .file-upload-container p.support.file-formats {\n margin: 0 !important;\n font-size: 12px;\n font-weight: 500;\n color: var(--question-secondary-color);\n max-width: 80%;\n color: #92a2b1;\n line-height: 2;\n}\n.freemium-survey-components .filepond--item {\n height: 200px !important;\n}\n.freemium-survey-components .filepond--panel-center.filepond--item-panel {\n height: 16px !important;\n}\n.freemium-survey-components .filepond--wrapper {\n margin-bottom: 5px;\n}\n.freemium-survey-components .filepond--file-poster-wrapper {\n height: 200px;\n}\n.freemium-survey-components .filepond--panel-bottom.filepond--item-panel {\n top: 18%;\n transform: none !important;\n}\n.freemium-survey-components .filepond--root.filepond--hopper {\n position: absolute !important;\n width: 100%;\n height: 100% !important;\n z-index: 2;\n}\n.freemium-survey-components .filepond--drop-label label {\n display: none !important;\n}\n.freemium-survey-components .filepond--panel.filepond--panel-root {\n display: none;\n}\n.freemium-survey-components [data-filepond-item-state*=error] .filepond--item-panel,\n.freemium-survey-components [data-filepond-item-state*=invalid] .filepond--item-panel {\n background-color: #c82124;\n}\n.freemium-survey-components .filepond--file-status {\n max-width: 522px;\n min-width: 202px;\n}\n.freemium-survey-components .filepond--file-status-sub {\n max-width: 95%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.freemium-survey-components .filepond--file-info {\n max-width: 50%;\n}\n.freemium-survey-components.standard-survey-style .filepond--root.filepond--hopper {\n width: 90%;\n height: 70% !important;\n}\n.freemium-survey-components.widget-survey-components .filepond--root.filepond--hopper {\n width: 90%;\n height: 54% !important;\n}\n.freemium-survey-components.widget-survey-components .filepond--file-status {\n max-width: 60%;\n}\n.freemium-survey-components.mobile-preview .filepond--file-status {\n max-width: 76%;\n min-width: 100px;\n}\n.freemium-survey-components.mobile-preview .filepond--item {\n height: 50px;\n}\n.freemium-survey-components.mobile-preview .filepond--file-status-sub {\n display: none;\n}"),u.registerPlugin(g_,h_,f_,WS),yS(vS,xS,bS,wS);const y_=t.forwardRef((({onClick:e,maxFileSize:r=16,visible:o=!0,supportedFileFormats:i,translationVariables:a},s)=>{const[l,c]=t.useState(!1);return n.createElement("div",{ref:s,className:"file-upload-container",onClick:e,style:{visibility:o?"visible":"hidden"},onDragOver:e=>{e.preventDefault(),e.target.classList.add("push-backward")}}," ",n.createElement(T,{name:"file-upload-icon"}),n.createElement("p",{className:"drop-your-file-container"},`${a?.drop_your_file}`||"Drop your file here, or Browse"),n.createElement("p",{className:"max-size"},((e,t,n)=>{if(n&&e&&t)return e.replace(t,n)})(a?.max_file_size,"{{max_file_size}}",String(r))||`Maximum file size : ${r} MB`),n.createElement("p",{className:"support file-formats"},a?.supported_file_formats||"Supported file formats: "," ",(i=i.join(", ")).trim()?n.createElement(n.Fragment,null,l?i:i.slice(0,20)," ",n.createElement("span",{onClick:()=>c(!l),style:{color:"#2C5CC5",textDecoration:"underline",cursor:"pointer"}},l?a?.show_less||"Show less":a?.show_more||"Show more")):"No formats selected"),n.createElement("div",{className:"filepond--drip"}))})),v_=({survey:e,question:r,onChangeHandler:o,onFileUpload:i,setErrors:a,errors:s,translationVariables:l,assetUrl:c})=>{const[d,p]=t.useState([]),[m,f]=t.useState([]),h=t.useRef(),g=r.type_info?.file_field?.max_file_size||10,y=t.useRef(null),v=t.useRef();let b=!1;const x=async e=>{try{if(b)return void console.log("Upload is already in progress");if(v.current&&D(y.current)||e){const t=e??v.current.getFiles()?.[0]?.file;if(console.log("currentFile",t),t&&i){b=!0;const e=await i(t.type,t.size,r?.id||"");if(e.startsWith("http")&&c){const n=await fetch(e,{method:"PUT",headers:{"Content-Type":t.type,"Content-Disposition":"attachment"},body:t}),r=new URL(e),i=`${c}${r.pathname}`;n.ok?o([t.name,i]):console.error("Error uploading file")}else console.error("Error fetching pre-signed url");b=!1}}}catch(e){console.error("error in uploading file",e,"stringified error",JSON.stringify(e))}};return n.useEffect((()=>{(()=>{const e=r.type_info?.file_field?.allowed_file_types,t=Object.keys(P).map((t=>{if((e||[]).includes(t))return P[t].concat(",")})).join(" ").trim().slice(0,-1);f(t.split(", "))})()}),[]),n.createElement(n.Fragment,null,n.createElement(u.FilePond,{files:d,ref:v,onerror:e=>{console.log("file upload error",e),y.current=e,a({...s,fileUploadErrors:{[r.name]:e}})},required:!0,onaddfile:()=>{x()},credits:!1,allowMultiple:!0,allowFileTypeValidation:!0,acceptedFileTypes:m,fileValidateTypeDetectType:(e,t)=>new Promise(((t,n)=>{const r=e.name.split(".");t(`.${r[r.length-1].toLowerCase()}`)})),onpreparefile:(e,t)=>{const n=new FileReader;n.onloadend=()=>{const t=n.result??"",r=new Blob([t],{type:e.fileType}),o=new File([r],e.filename,{type:e.fileType});x(o)},n.readAsArrayBuffer(t)},imageEditor:{legacyDataToImageState:ek,createEditor:MS,imageReader:[fS,{}],imageWriter:[hS,{}],imageProcessor:rg,imageEditorAfterWriteImage:({src:e,dest:t,imageState:n})=>new Promise(((r,o)=>{rg(e,{imageReader:fS(),imageWriter:hS({targetSize:{width:128,height:15,fit:"cover"}}),imageState:n}).then((n=>{r([{name:"input_",file:e},{name:"output_",file:t},{name:"thumb_",file:n.dest}])})).catch(o)})),editorOptions:{utils:["crop","finetune","filter","annotate"],imageOrienter:{read:al,apply:wl},shapePreprocessor:RS(),...$S,...kS,...gS,locale:{...ES,...PS,..._S,...SS,...TS,...CS}}},allowFileSizeValidation:!0,maxFileSize:`${g}MB`,onupdatefiles:e=>{h.current?.classList.remove("push-backward"),e.length&&p(e)},onremovefile:()=>{p([]),a({...s,fileUploadErrors:{}}),y.current=null,o(null)},maxFiles:1,name:`${r.id}-files`}),n.createElement(y_,{ref:h,onClick:e=>{const t=e.target;t.className&&!t.className.includes("format-type-toggler")&&v.current.browse()},visible:!d.length,maxFileSize:g,translationVariables:{...l,tTimeZones:[{id:"",offset:"",timeZone:""}]},supportedFileFormats:m}))};I('.freemium-survey-components .input-container {\n align-items: flex-start;\n margin-bottom: 15px;\n}\n.freemium-survey-components .contact-form-input {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: center;\n}\n.freemium-survey-components .contact-form-input .contact-form-inp {\n width: 45%;\n}\n.freemium-survey-components .contact-form-input .contact-form-dropdown {\n width: 45%;\n}\n.freemium-survey-components .contact-form-input .contact-form-checkbox {\n width: 45%;\n}\n.freemium-survey-components .contact-form-input .date-time-field {\n width: 45%;\n}\n.freemium-survey-components .contact-form-inp .input-basic {\n border: 1px solid #cfd7df;\n box-shadow: none;\n}\n.freemium-survey-components .contact-form-inp .input-basic .input-basic:hover {\n border-color: #cfd7df;\n}\n.freemium-survey-components .contact-form-inp .input-basic .input-basic[focus-within] {\n border-color: #cfd7df;\n}\n.freemium-survey-components .contact-form-inp .input-basic .input-basic:focus-within {\n border-color: #cfd7df;\n}\n.freemium-survey-components .contact-form-inp .textarea-container .input-label {\n text-align: left;\n}\n.freemium-survey-components .contact-form-dropdown {\n text-align: left;\n}\n.freemium-survey-components .contact-form-dropdown .dropdown-container {\n width: 100%;\n height: 60px;\n}\n.freemium-survey-components .contact-form-dropdown .dropdown-input-basic {\n font-weight: 0;\n font-size: 14px;\n}\n.freemium-survey-components .contact-form-dropdown .dropdown-trigger-container {\n border: 1px solid #cfd7df;\n}\n.freemium-survey-components .contact-form-checkbox .checkbox-label {\n border: 1px solid #cfd7df;\n min-width: none;\n}\n.freemium-survey-components .date-time-wrapper {\n width: 100%;\n}\n.freemium-survey-components .date-time-wrapper .date-time-input-container-form-field {\n display: flex;\n justify-content: space-between;\n padding: 0 10px;\n align-items: center;\n border-radius: 4px;\n background: #fff;\n width: 100%;\n border: 1px solid #cfd7df;\n cursor: pointer;\n height: 35px;\n}\n.freemium-survey-components .date-time-field {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n margin-bottom: 15px;\n}\n.freemium-survey-components .date-time-field .date-time-label {\n padding-bottom: 8px;\n padding-left: 2px;\n font-size: 0.75em;\n font-weight: 400;\n}\n.freemium-survey-components .date-time-field .date-time-label.required::after {\n content: "*";\n position: relative;\n top: 2px;\n font-weight: 500;\n font-size: 0.85em;\n padding-left: 3px;\n color: #d72d30;\n}\n.freemium-survey-components .checkbox-label {\n margin: 10px 0px;\n padding: 10px 10px;\n font-size: 14px;\n min-width: 40%;\n}\n\n.freemium-survey-components.mobile-preview .contact-form-inp {\n flex-direction: column;\n}\n.freemium-survey-components.mobile-preview .input-container {\n width: 100%;\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components .contact-form-inp {\n flex-direction: column;\n }\n .freemium-survey-components .input-container {\n width: 100%;\n }\n}\n.widget-survey-components.compact-style .contact-form-inp {\n flex-direction: column;\n}\n.widget-survey-components.compact-style .input-container {\n width: 100%;\n}');const b_=({question:e,autoFocusDelay:t,onChangeHandler:r,formValues:o,fieldErrors:i})=>{const a=e.type_info?.contact_form?.layout,s=e.type_info?.contact_form?.fields;return n.createElement(n.Fragment,null,n.createElement("div",{className:"HORIZONTAL"===a?"contact-form-input":""},s?.map(((a,s)=>{switch(a?.type){case"paragraph":return n.createElement("div",{className:"contact-form-inp"},n.createElement(Wn,{key:s,autoFocusDelay:t,label:a?.label||"",isRequired:!!a.required,value:a.id&&o[e.name]?.[a.id]||"",onChange:t=>{a.id&&r({...o[e.name],[a.id]:t.target.value||null})},isErrored:!(!a.id||!o?.[e.name]?.[a.id])&&!!i?.[a?.id||""],errorText:a.id&&o[e.name]?.[a.id]?i?.[a?.id]:""}));case"dropdown":return n.createElement("div",{className:"contact-form-dropdown"},n.createElement(Yn,{isRequired:a?.required||!1,itemToString:e=>e?.value||"",onChangeHandler:t=>{a.id&&r({...o[e.name],[a.id]:t})},saveOthersValue:()=>{},items:a?.choices,label:a?.label||""}));case"checkbox":const[l,c]=n.useState(!1);return n.createElement("div",{className:"contact-form-checkbox"},n.createElement(Qn,{checked:l,name:a?.label||"",isRequired:a?.required||!1,onChange:()=>{c(!l),a.id&&r({...o[e.name],[a.id]:!l})}},a?.label||""));case"date_time":return n.createElement("div",{className:"date-time-field"},n.createElement("span",{className:"date-time-label "+(a.required?"required":"")},a?.label||""),n.createElement(Gs,{allow_future_date:!1,date_time_format:"MMM dd,yyyy",is_24hrs_time_format:!1,question_format:"DATE",question:e,onValueChange:r,formValues:o,value:a?.id&&o[e?.name]?.[a?.id]||"",field:a,type:"CONTACT_FORM"}));default:return n.createElement("div",{className:"contact-form-inp"},n.createElement(Hn,{key:s,setFocus:0===s,autoFocusDelay:t,onKeyDown:e=>{"phone_number"===a?.type&&j(e),"number"===a?.type&&U(e)},label:a?.label||"",type:"number"===a?.type?"number":"text",isRequired:!!a.required,value:a.id&&o[e.name]?.[a.id]||"",onChange:t=>{a.id&&r({...o[e.name],[a.id]:t.target.value||null})},isErrored:!(!a.id||!o?.[e.name]?.[a.id])&&!!i?.[a?.id||""],errorText:a.id&&o[e.name]?.[a.id]?i?.[a?.id]:""}))}}))))},x_=({survey:e,question:t,formValues:r,othersMeta:o,onChangeHandler:i,saveOthersValue:a,autoFocusDelay:s,isFinalQn:l,isWidget:c,isMobile:u,initialPivotAnswer:d,isInitialTransition:p,formQuestionErrors:m,contactFormErrors:f,activeIndexOfRenderedStatement:h=0,textboxQuestionErrors:g,fileUploadErrors:y,onFileUpload:v,widgetStyle:b="default",setErrors:x,translationVariables:w,assetUrl:$})=>{const k=t?.type_info?.footer_text?n.createElement("div",{className:"footer",role:"note",dangerouslySetInnerHTML:{__html:t?.type_info?.footer_text}}):n.createElement(n.Fragment,null);if((c||u)&&"MATRIX_RATING_SCALE"===t?.type_info?.question_type)return n.createElement(n.Fragment,null,n.createElement(Ys,{type_info:t?.type_info||{},onChangeHandler:e=>{i(e?.filter((e=>(e.rating_labels||[]).length>0)))},isMobile:u,value:r[t.name]||[],statementIndex:h,widgetStyle:b}),k);switch(t?.type_info?.question_type){case"MATRIX_RATING_SCALE":return n.createElement(n.Fragment,null,n.createElement(Ws,{type_info:t?.type_info||{},onChangeHandler:e=>{i(e?.filter((e=>(e.rating_labels||[]).length>0)))},value:r[t.name]||[]}),k);case"RANGE":return n.createElement(n.Fragment,null,n.createElement(W,{question:t,onChangeHandler:i,isWidget:c,isMobile:u,widgetStyle:b,value:r[t.name],initialPivotAnswer:d,isInitialTransition:p}),p&&void 0!==d||k);case"CHECKBOX":case"MULTI_SELECT":return n.createElement(n.Fragment,null,n.createElement(Kn,{name:t.name,values:r[t.name],othersValue:o[t.name],options:t?.choices||[],onChangeHandler:i,saveOthersValue:a,isOthersOption:!!(t?.choices||[]).find((e=>e.meta?.is_others)),othersRequired:!!t?.type_info.meta?.othersRequired,autoFocusDelay:s}),k);case"RADIO":case"DROPDOWN":return n.createElement(n.Fragment,null,n.createElement(Jn,{autoFocusDelay:s,name:t.name,onChangeHandler:i,displayFormat:t?.type_info?.meta?.display_format||"LIST",saveOthersValue:a,options:t?.choices||[],value:r[t.name],othersValue:o[t.name],isOthersOption:!!(t?.choices||[]).find((e=>e.meta?.is_others)),othersRequired:!!t?.type_info.meta?.othersRequired,isFinalQn:l}),k);case"TEXT":return n.createElement(n.Fragment,null,n.createElement(Xs,{question:t,autoFocusDelay:s,formValues:r,onChangeHandler:i,textboxErrors:g||"",setFocus:!0}),k);case"NUMBER":return n.createElement(n.Fragment,null,n.createElement(Ks,{question:t,autoFocusDelay:s,formValues:r,onChangeHandler:i}),k);case"FORM_FIELD":return n.createElement(n.Fragment,null,n.createElement(Hs,{question:t,isRequired:!!t.required,autoFocusDelay:s,onChangeHandler:i,formValues:r,fieldErrors:m?.[t.name]||{}}),k);case"CONTACT_FORM":return n.createElement(n.Fragment,null,n.createElement(b_,{question:t,autoFocusDelay:s,onChangeHandler:i,formValues:r,fieldErrors:f?.[t.name]||{}}),k);case"PARAGRAPH":return n.createElement(n.Fragment,null,n.createElement(Wn,{autoFocusDelay:s,label:"",isRequired:!!t.required,placeholder:t?.type_info?.meta?.placeholder??"",value:r[t.name]||"",onChange:e=>i(e.target.value)}),k);case"BOOLEAN":return n.createElement(n.Fragment,null,n.createElement(O,{type_info:t?.type_info,onSelect:i,value:r[t.name],initialPivotAnswer:d,isInitialTransition:p}),k);case"MESSAGE":return k;case"CONSENT":return n.createElement(n.Fragment,null,n.createElement(Qs,{question:t,onChange:i,value:r[t.name]}),k);case"SLIDER":const h=t?.type_info.meta?.slider;return n.createElement(n.Fragment,null,n.createElement(ba,{defaultValue:[r[t.name]??h?.opening_position],min:h?.min,max:h?.max,onValueChange:([e])=>i(e),isInput:h?.numerical_input_box,gridLines:h?.grid_lines,stopAtGrid:h?.stop_at_grid_lines,allowDecimals:h?.allow_decimal,decimalPoints:h?.decimal_points,isMobile:u}),k);case"RANK_ORDER":return n.createElement(n.Fragment,null,n.createElement(Ni,{valueItems:r[t.name],items:t?.choices||[],onReorder:i}),k);case"DATE_TIME":return n.createElement(n.Fragment,null,n.createElement(Gs,{allow_future_date:t.type_info.meta?.allow_future_date||!1,date_time_format:t.type_info.meta?.format,is_24hrs_time_format:t.type_info.meta?.time_format||!1,time_zone:t.type_info.meta?.time_zone||!1,question_format:t.type_info.meta?.question_format||"DATE_TIME",onValueChange:i,value:r[t.name]||"",formValues:r,translationVariables:w}),k);case"FILE":return n.createElement(v_,{errors:y,setErrors:x,onChangeHandler:i,question:t,survey:e,onFileUpload:v,translationVariables:w,assetUrl:$});default:return console.error(`Question type ${t?.type_info?.question_type} not found`),null}};var w_=p((function(e,t){var n="__lodash_hash_undefined__",r=9007199254740991,o="[object Arguments]",i="[object Boolean]",a="[object Date]",s="[object Function]",l="[object GeneratorFunction]",c="[object Map]",u="[object Number]",p="[object Object]",m="[object Promise]",f="[object RegExp]",h="[object Set]",g="[object String]",y="[object Symbol]",v="[object WeakMap]",b="[object ArrayBuffer]",x="[object DataView]",w="[object Float32Array]",$="[object Float64Array]",k="[object Int8Array]",E="[object Int16Array]",C="[object Int32Array]",P="[object Uint8Array]",S="[object Uint8ClampedArray]",_="[object Uint16Array]",T="[object Uint32Array]",M=/\w*$/,R=/^\[object .+?Constructor\]$/,I=/^(?:0|[1-9]\d*)$/,A={};A[o]=A["[object Array]"]=A[b]=A[x]=A[i]=A[a]=A[w]=A[$]=A[k]=A[E]=A[C]=A[c]=A[u]=A[p]=A[f]=A[h]=A[g]=A[y]=A[P]=A[S]=A[_]=A[T]=!0,A["[object Error]"]=A[s]=A[v]=!1;var O="object"==typeof d&&d&&d.Object===Object&&d,L="object"==typeof self&&self&&self.Object===Object&&self,z=O||L||Function("return this")(),D=t&&!t.nodeType&&t,B=D&&e&&!e.nodeType&&e,N=B&&B.exports===D;function F(e,t){return e.set(t[0],t[1]),e}function Z(e,t){return e.add(t),e}function q(e,t,n,r){var o=-1,i=e?e.length:0;for(r&&i&&(n=e[++o]);++o<i;)n=t(n,e[o],o,e);return n}function U(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(e){}return t}function j(e){var t=-1,n=Array(e.size);return e.forEach((function(e,r){n[++t]=[r,e]})),n}function V(e,t){return function(n){return e(t(n))}}function G(e){var t=-1,n=Array(e.size);return e.forEach((function(e){n[++t]=e})),n}var H,W=Array.prototype,Y=Function.prototype,X=Object.prototype,K=z["__core-js_shared__"],Q=(H=/[^.]+$/.exec(K&&K.keys&&K.keys.IE_PROTO||""))?"Symbol(src)_1."+H:"",J=Y.toString,ee=X.hasOwnProperty,te=X.toString,ne=RegExp("^"+J.call(ee).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),re=N?z.Buffer:void 0,oe=z.Symbol,ie=z.Uint8Array,ae=V(Object.getPrototypeOf,Object),se=Object.create,le=X.propertyIsEnumerable,ce=W.splice,ue=Object.getOwnPropertySymbols,de=re?re.isBuffer:void 0,pe=V(Object.keys,Object),me=Be(z,"DataView"),fe=Be(z,"Map"),he=Be(z,"Promise"),ge=Be(z,"Set"),ye=Be(z,"WeakMap"),ve=Be(Object,"create"),be=Ue(me),xe=Ue(fe),we=Ue(he),$e=Ue(ge),ke=Ue(ye),Ee=oe?oe.prototype:void 0,Ce=Ee?Ee.valueOf:void 0;function Pe(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function Se(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function _e(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function Te(e){this.__data__=new Se(e)}function Me(e,t){var n=Ve(e)||function(e){return function(e){return function(e){return!!e&&"object"==typeof e}(e)&&Ge(e)}(e)&&ee.call(e,"callee")&&(!le.call(e,"callee")||te.call(e)==o)}(e)?function(e,t){for(var n=-1,r=Array(e);++n<e;)r[n]=t(n);return r}(e.length,String):[],r=n.length,i=!!r;for(var a in e)!t&&!ee.call(e,a)||i&&("length"==a||Ze(a,r))||n.push(a);return n}function Re(e,t,n){var r=e[t];ee.call(e,t)&&je(r,n)&&(void 0!==n||t in e)||(e[t]=n)}function Ie(e,t){for(var n=e.length;n--;)if(je(e[n][0],t))return n;return-1}function Ae(e,t,n,r,d,m,v){var R;if(r&&(R=m?r(e,d,m,v):r(e)),void 0!==R)return R;if(!Ye(e))return e;var I=Ve(e);if(I){if(R=function(e){var t=e.length,n=e.constructor(t);t&&"string"==typeof e[0]&&ee.call(e,"index")&&(n.index=e.index,n.input=e.input);return n}(e),!t)return function(e,t){var n=-1,r=e.length;t||(t=Array(r));for(;++n<r;)t[n]=e[n];return t}(e,R)}else{var O=Fe(e),L=O==s||O==l;if(He(e))return function(e,t){if(t)return e.slice();var n=new e.constructor(e.length);return e.copy(n),n}(e,t);if(O==p||O==o||L&&!m){if(U(e))return m?e:{};if(R=function(e){return"function"!=typeof e.constructor||qe(e)?{}:(t=ae(e),Ye(t)?se(t):{});var t}(L?{}:e),!t)return function(e,t){return ze(e,Ne(e),t)}(e,function(e,t){return e&&ze(t,Xe(t),e)}(R,e))}else{if(!A[O])return m?e:{};R=function(e,t,n,r){var o=e.constructor;switch(t){case b:return Le(e);case i:case a:return new o(+e);case x:return function(e,t){var n=t?Le(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.byteLength)}(e,r);case w:case $:case k:case E:case C:case P:case S:case _:case T:return function(e,t){var n=t?Le(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.length)}(e,r);case c:return function(e,t,n){var r=t?n(j(e),!0):j(e);return q(r,F,new e.constructor)}(e,r,n);case u:case g:return new o(e);case f:return function(e){var t=new e.constructor(e.source,M.exec(e));return t.lastIndex=e.lastIndex,t}(e);case h:return function(e,t,n){var r=t?n(G(e),!0):G(e);return q(r,Z,new e.constructor)}(e,r,n);case y:return s=e,Ce?Object(Ce.call(s)):{}}var s}(e,O,Ae,t)}}v||(v=new Te);var z=v.get(e);if(z)return z;if(v.set(e,R),!I)var D=n?function(e){return function(e,t,n){var r=t(e);return Ve(e)?r:function(e,t){for(var n=-1,r=t.length,o=e.length;++n<r;)e[o+n]=t[n];return e}(r,n(e))}(e,Xe,Ne)}(e):Xe(e);return function(e,t){for(var n=-1,r=e?e.length:0;++n<r&&!1!==t(e[n],n,e););}(D||e,(function(o,i){D&&(o=e[i=o]),Re(R,i,Ae(o,t,n,r,i,e,v))})),R}function Oe(e){return!(!Ye(e)||(t=e,Q&&Q in t))&&(We(e)||U(e)?ne:R).test(Ue(e));var t}function Le(e){var t=new e.constructor(e.byteLength);return new ie(t).set(new ie(e)),t}function ze(e,t,n,r){n||(n={});for(var o=-1,i=t.length;++o<i;){var a=t[o],s=r?r(n[a],e[a],a,n,e):void 0;Re(n,a,void 0===s?e[a]:s)}return n}function De(e,t){var n,r,o=e.__data__;return("string"==(r=typeof(n=t))||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==n:null===n)?o["string"==typeof t?"string":"hash"]:o.map}function Be(e,t){var n=function(e,t){return null==e?void 0:e[t]}(e,t);return Oe(n)?n:void 0}Pe.prototype.clear=function(){this.__data__=ve?ve(null):{}},Pe.prototype.delete=function(e){return this.has(e)&&delete this.__data__[e]},Pe.prototype.get=function(e){var t=this.__data__;if(ve){var r=t[e];return r===n?void 0:r}return ee.call(t,e)?t[e]:void 0},Pe.prototype.has=function(e){var t=this.__data__;return ve?void 0!==t[e]:ee.call(t,e)},Pe.prototype.set=function(e,t){return this.__data__[e]=ve&&void 0===t?n:t,this},Se.prototype.clear=function(){this.__data__=[]},Se.prototype.delete=function(e){var t=this.__data__,n=Ie(t,e);return!(n<0)&&(n==t.length-1?t.pop():ce.call(t,n,1),!0)},Se.prototype.get=function(e){var t=this.__data__,n=Ie(t,e);return n<0?void 0:t[n][1]},Se.prototype.has=function(e){return Ie(this.__data__,e)>-1},Se.prototype.set=function(e,t){var n=this.__data__,r=Ie(n,e);return r<0?n.push([e,t]):n[r][1]=t,this},_e.prototype.clear=function(){this.__data__={hash:new Pe,map:new(fe||Se),string:new Pe}},_e.prototype.delete=function(e){return De(this,e).delete(e)},_e.prototype.get=function(e){return De(this,e).get(e)},_e.prototype.has=function(e){return De(this,e).has(e)},_e.prototype.set=function(e,t){return De(this,e).set(e,t),this},Te.prototype.clear=function(){this.__data__=new Se},Te.prototype.delete=function(e){return this.__data__.delete(e)},Te.prototype.get=function(e){return this.__data__.get(e)},Te.prototype.has=function(e){return this.__data__.has(e)},Te.prototype.set=function(e,t){var n=this.__data__;if(n instanceof Se){var r=n.__data__;if(!fe||r.length<199)return r.push([e,t]),this;n=this.__data__=new _e(r)}return n.set(e,t),this};var Ne=ue?V(ue,Object):function(){return[]},Fe=function(e){return te.call(e)};function Ze(e,t){return!!(t=null==t?r:t)&&("number"==typeof e||I.test(e))&&e>-1&&e%1==0&&e<t}function qe(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||X)}function Ue(e){if(null!=e){try{return J.call(e)}catch(e){}try{return e+""}catch(e){}}return""}function je(e,t){return e===t||e!=e&&t!=t}(me&&Fe(new me(new ArrayBuffer(1)))!=x||fe&&Fe(new fe)!=c||he&&Fe(he.resolve())!=m||ge&&Fe(new ge)!=h||ye&&Fe(new ye)!=v)&&(Fe=function(e){var t=te.call(e),n=t==p?e.constructor:void 0,r=n?Ue(n):void 0;if(r)switch(r){case be:return x;case xe:return c;case we:return m;case $e:return h;case ke:return v}return t});var Ve=Array.isArray;function Ge(e){return null!=e&&function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=r}(e.length)&&!We(e)}var He=de||function(){return!1};function We(e){var t=Ye(e)?te.call(e):"";return t==s||t==l}function Ye(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function Xe(e){return Ge(e)?Me(e):function(e){if(!qe(e))return pe(e);var t=[];for(var n in Object(e))ee.call(e,n)&&"constructor"!=n&&t.push(n);return t}(e)}e.exports=function(e){return Ae(e,!0,!0)}}));const $_=(e,r)=>{const o=n.useMemo((()=>(e=>({...e,blocks:e?.blocks?.map((e=>({...e,display_logic:e.display_logic&&0!==e.display_logic.length?e.display_logic:[{order:1,display_type:"SHOW",logic_type:"BASED_ON_RATING_GROUP"}]}))),question_details:{...e.question_details,questions:e?.question_details?.questions?.map((e=>({...e,type_info:{...e.type_info||{},matrix_properties:{...e.type_info?.matrix_properties||{},statements:e?.type_info?.matrix_properties?.statements?.filter((e=>e.is_active)),rating_labels:e?.type_info?.matrix_properties?.rating_labels?.filter((e=>e.is_active))}},choices:e?.choices?.map(((e,t)=>e.meta?.is_deleted||"Others"!==e.value||!z(e.meta)&&!z(e.meta?.is_others)?{...e,id:e.id??String(t)}:{...e,meta:{is_others:!0,show_comment_box:!0},id:e.id??String(t)}))})))}}))(e)),[e]),{filteredSurvey:i,filteredAnswers:a}=t.useMemo((()=>{const e=w_(o),t=(e.question_details?.questions||[]).filter((e=>!e.type_info?.meta?.is_deleted)),{others_meta:n,...i}=r||{others_meta:{}},a=t.reduce(((e,t)=>null!==i[t.name]&&void 0!==i[t.name]?{...e,[t.name]:i[t.name]}:e),{}),s=(o?.blocks||[]).map((e=>({...e,question_names:e.question_name?[e.question_name]:e.category?.map((e=>e.question_name))})));return{filteredSurvey:{...e,question_details:{questions:t},blocks:s},filteredAnswers:{...a,others_meta:n}}}),[o,r]);return{survey:i,answers:a}},k_=({questions:e})=>e.find((e=>e.type_info?.pivot_question))??e.find((e=>"RANGE"===e.type_info?.question_type))??e[0],E_=(e,t)=>{const n=e.type_info?.scale_properties?.range;return Math.min(n?.[n?.length-1].max??10,Math.max(n?.[0].min??0,t))},C_=({blocks:e,activeIndexOfBlocks:t,renderedBlocks:n,activeIndexOfRenderedBlocks:r,questions:o})=>{const{question:{dependent_blocks:i}}=n[r],a=i?.some((({choice_id:e})=>!!e))??!1;return(t===e.length-1||1===i?.length&&!a&&("TY"===i?.[0].next_block||__({blocks:e,questions:o,nextBlockName:i?.[0].next_block||""})))&&r===n.length-1},P_=({pivotQn:e,pivotQnAnswer:t,block:n,questions:r})=>{if(n?.category?.length){const o=e?.type_info?.scale_properties?.range?.find((e=>(e.min??0)<=t&&t<=(e.max??10))),i=n?.category.find((e=>e.id===o?.id)),a=i?.question_name;return r.find((e=>e.name===a))}return r.find((e=>e.name===n?.question_name))},S_=({activeBlock:e,answers:t,blocks:n,activeIndexOfBlocks:r,questions:o,fromTY:i=!1})=>{const a=e.question.dependent_blocks||[],s=t.formValues[e.question.name];let l;if(l="RANGE"===e.question.type_info?.question_type?e.question.type_info?.pivot_question&&2===a.length?a.find((e=>e.values?.includes(String(s))||e.values?.includes(String(Boolean(s)))))?.next_block:a.find((e=>(s??-1)>=(e?.values?.[0]??0)&&(s??-1)<=(e?.values?.[1]??10)))?.next_block:1===a.length?a[0].next_block:a.find((e=>e.values?.includes(String(s))||e.choice_id?.includes(String(s))))?.next_block,l){if(("TY"===l||__({nextBlockName:l,blocks:n,questions:o}))&&!i)return 1/0;const e=n.find((e=>e.name===l));if((e?.category||[]).length>0){const r=k_({questions:o});if(!!z(t?.formValues?.[r.name])){const t=o.find((t=>t.name===e?.category?.[0]?.question_name))?.dependent_blocks?.[0].next_block,r=n.findIndex((e=>e.name===t));return r>=0?r:1/0}}const r=n.findIndex((e=>e.name===l));return r>=0?r:1/0}return r+1},__=({nextBlockName:e,blocks:t,questions:n})=>{let r=t.find((t=>t.name===e))?.question_name;return r||(r=t.find((t=>t.name===e))?.question_names[0]),"THANK_YOU"===n.find((e=>e.name===r))?.type_info?.question_type},T_=({activeBlock:e,blocks:t,answers:n,questions:r,renderedBlocks:o,contactData:i,activeIndexOfBlocks:a})=>{let s=S_({activeBlock:e,answers:n,blocks:t,activeIndexOfBlocks:a,questions:r,fromTY:!0}),l=M_({nextBlockIndex:s,blocks:t,answers:n,questions:r,contactData:i});for(;!l&&s!==t.length-1;)s+=1,l=M_({nextBlockIndex:s,blocks:t,answers:n,questions:r,contactData:i});return t[s]},M_=({nextBlockIndex:e,blocks:t,answers:n,questions:r,contactData:o})=>{const i=[],a=t[e]?.display_logic??[];return a.length?a.forEach((e=>{const{sub_type:t,logic_type:a,based_on_contact_field_name:s,matrix_rating_scale_statement_id:l,rank_order_choice_id:c}=e,u=e.based_on_question_name??"",d=r.find((e=>e.name===u));let p=e.expected_value??[],m=e.operator,f=n.formValues[u];if("RATING_GROUP"===t){const e=r.find((e=>e.name===u))?.type_info?.scale_properties?.range?.find((e=>(e.min??0)<=Number(f??-1)&&Number(f??-1)<=(e.max??10)));f=e?.label}if(l){const e=(f||[]).find((e=>e.statement_id===l))?.rating_labels||[];f=e.map((e=>e.id))}if("BASED_ON_CONTACT_FIELD"===a&&(f=o?o[s||""]:""),c&&Array.isArray(f)&&(f=[...f].findIndex((e=>e===c))+1),"DATE_TIME"===d?.type_info?.question_type&&("IS"===m||"IS_NOT"===m)){const{newOperator:e,newExpectedValue:t,newAnswer:n}=(({expValue:e,answer:t})=>{const n=new Date;let r={newOperator:null,newExpectedValue:[],newAnswer:t};const o=new Date(t);switch(e){case"Last 7 days":r={...r,newOperator:"BETWEEN",newExpectedValue:[new Date(n.setDate(n.getDate()-7)).toString(),(new Date).toString()]};break;case"Last 30 days":r={...r,newOperator:"BETWEEN",newExpectedValue:[new Date(n.setDate(n.getDate()-30)).toString(),(new Date).toString()]};break;case"Next 7 days":r={...r,newOperator:"BETWEEN",newExpectedValue:[new Date(n.setDate(n.getDate()+7)).toString(),(new Date).toString()]};break;case"Next 30 days":r={...r,newOperator:"BETWEEN",newExpectedValue:[new Date(n.setDate(n.getDate()+30)).toString(),(new Date).toString()]};break;case"Today":r={...r,newExpectedValue:[new Date],newAnswer:new Date(t)};break;case"Yesterday":r={...r,newExpectedValue:[new Date(n.setDate(n.getDate()-1)).toString()],newAnswer:o}}return r})({expValue:p[0],answer:f});p=t,m=e||m,f=n}let h=!0;switch(m){case"IS":h=p[0]==f;break;case"IS_NOT":h=p[0]!=f;break;case"EMPTY":h=D(f);break;case"NOT_EMPTY":h=!D(f);break;case"LESSER_THAN":h=Number(f)<Number(p[0]??-1);break;case"GREATER_THAN":h=Number(f)>Number(p[0]??-1);break;case"LESSER_THAN_OR_EQUALS":h=Number(f)<=Number(p[0]??-1);break;case"GREATER_THAN_OR_EQUALS":h=Number(f)>=Number(p[0]??-1);break;case"INCLUDES":h=Array.isArray(f)?f.some((e=>p.includes(e))):!!f&&p.includes(String(f));break;case"NOT_INCLUDES":Array.isArray(f)?h=f.some((e=>!p.includes(e))):f&&(h=!p.includes(String(f)));break;case"CONTAINS":h=String(f).includes(String(p[0]));break;case"NOT_CONTAINS":h=!String(f).includes(String(p[0]));break;case"BETWEEN":let e=p[0],t=p[1];"string"==typeof f?(e=new Date(e),t=new Date(t),f=new Date(f),e>t&&(e=new Date(p[1]),t=new Date(p[0]))):(e=Number(e),t=Number(t),f=Number(f),e>t&&(e=Number(p[1]),t=Number(p[0]))),h=f>e&&f<t;break;case"STARTS_WITH":h=String(f)?.startsWith(p[0]);break;case"ENDS_WITH":h=String(f)?.endsWith(p[0]);break;case"AFTER":h=new Date(String(f))>new Date(p[0]);break;case"BEFORE":h=new Date(String(f))<new Date(p[0])}"HIDE"===e.display_type&&(h=!h),i.push(h)})):i.push(!0),i.every((e=>e))},R_=({renderedBlocks:e,activeBlock:t,blocks:n,activeIndexOfBlocks:r,answers:o,questions:i,contactData:a})=>{const s=I_({activeBlock:t,blocks:n,activeIndexOfBlocks:r,answers:o,questions:i}),l=M_({nextBlockIndex:s,blocks:n,answers:o,questions:i,contactData:a});if(s>=n.length)return 1/0;if(l)return __({blocks:n,questions:i,nextBlockName:n[s].name||""})?1/0:s;{const t=P_({pivotQn:k_({questions:i}),pivotQnAnswer:o.formValues[n[0].question_name??""],block:n[s],questions:i});return R_({activeBlock:{...n[s],question:t},blocks:n,activeIndexOfBlocks:s,answers:o,renderedBlocks:e,questions:i})}},I_=({activeBlock:e,blocks:t,activeIndexOfBlocks:n,answers:r,questions:o})=>{if((({activeBlock:e,answers:t})=>{const n=t.formValues[e.question.name];return D(n)})({activeBlock:e,answers:r}))return n+1;if(1===e.question.dependent_blocks?.length){const n=e.question.dependent_blocks?.[0];if("TY"===n?.next_block||__({blocks:t,questions:o,nextBlockName:n?.next_block||""}))return 1/0;const r=t.findIndex((e=>e.name===n?.next_block));return r>=0?r:1/0}return(e.question.dependent_blocks?.length??0)>1?S_({activeBlock:e,answers:r,blocks:t,activeIndexOfBlocks:n,questions:o}):n+1},A_=({question:e,answers:t})=>!D(t.formValues[e.name])&&e?.type_info?.question_type&&f.includes(e?.type_info?.question_type)&&!("DROPDOWN"===e.type_info?.question_type&&t.formValues[e.name]===y)||t.commitDirtyValue,O_=({blocks:e,activeIndexOfBlocks:t,renderedBlocks:n,activeIndexOfRenderedBlocks:r,answers:o,questions:i})=>{const{question:a}=n[r];if(a){const s=C_({blocks:e,activeIndexOfBlocks:t,renderedBlocks:n,activeIndexOfRenderedBlocks:r,questions:i}),l=A_({question:a,answers:o});return!s&&l||a?.type_info?.question_type&&["MESSAGE"].includes(a?.type_info?.question_type)||"CONSENT"===a?.type_info?.question_type&&"BUTTON"===a?.type_info?.meta?.display_format||"CONSENT"===a?.type_info?.question_type&&"CHECKBOX"===a?.type_info?.meta?.display_format&&s&&l}return!1},L_=(e,{answers:t,blocks:n,activeIndexOfBlocks:r,renderedBlocks:o,initialStatementHasAnswer:i,activeIndexOfRenderedBlocks:a,activeIndexOfRenderedStatement:s=0,surveyStyle:l,isMobile:c,isWidget:u,blockIndex:d,questions:p})=>{const m=C_({blocks:n,activeIndexOfBlocks:r,renderedBlocks:o,activeIndexOfRenderedBlocks:a,questions:p}),v=o[a],b=v.question,x=b?.type_info?.matrix_properties?.statements||[];switch(e){case"next-statement":return"MATRIX_RATING_SCALE"===b.type_info?.question_type&&(!(!u&&!c)&&(s<x.length-1&&("MULTIPLE_ANSWERS"===b?.type_info?.matrix_properties?.type||i)));case"next":return"CONSENT"===b.type_info?.question_type?"CHECKBOX"===b.type_info?.meta?.display_format&&!m:"MATRIX_RATING_SCALE"===b.type_info?.question_type?!m&&d===a&&(!u&&!c||s===(b.type_info.matrix_properties?.statements||[]).length-1):(b.type_info?.question_type&&!f.includes(b.type_info?.question_type)||"DROPDOWN"===b.type_info?.question_type&&(t.formValues[b.name]===y||"standard"===l&&0===a))&&!m&&d===a;case"skip":return"FORM_FIELD"===b.type_info?.question_type||"CONTACT_FORM"===b.type_info?.question_type?!m&&d===a&&(()=>{const e=b.type_info?.question_type;let t=!0;return("FORM_FIELD"===e?b?.type_info?.form_fields?.fields:b?.type_info?.contact_form?.fields)?.map((e=>{e?.required&&(t=!1)})),t})():"MATRIX_RATING_SCALE"===b.type_info?.question_type?!(v.required||c||u||m):!v.required&&!m&&d===a&&b?.type_info?.question_type&&!g.includes(b?.type_info?.question_type)||!v.required&&!m&&"CONSENT"===b?.type_info?.question_type;case"skip-statement":return!(v.required||m&&!(s<x.length-1)||"MATRIX_RATING_SCALE"!==b.type_info?.question_type||!c&&!u);case"submit":return"CONSENT"===b?.type_info?.question_type?m&&"CHECKBOX"===b?.type_info?.meta?.display_format:"MATRIX_RATING_SCALE"===b?.type_info?.question_type?m&&(!u&&!c||s===(b?.type_info?.matrix_properties?.statements||[]).length-1):m&&b?.type_info?.question_type&&!h.includes(b?.type_info?.question_type);case"navigation":return(u||"card"===l)&&!(0===a&&1===o.length);case"clear-selection":return null!=d&&d!==a&&"DROPDOWN"===o[d].question.type_info?.question_type&&t.formValues[o[d].question.name];case"message":return b?.type_info?.scale_properties?.labels&&"MESSAGE"===b?.type_info?.question_type;case"consent":return b?.type_info?.scale_properties?.labels&&"CONSENT"===b?.type_info?.question_type}},z_=(e,t)=>{const n=e.question.choices?.find((e=>e.meta?.is_others))?.id||"";return("MULTI_SELECT"===e.question.type_info?.question_type&&t.formValues[e.question.name]?.includes(n)||"DROPDOWN"===e.question.type_info?.question_type&&t.formValues[e.question.name]===n)&&D(t.others[e.question.name])},D_=(e,{answers:t,blocks:n,activeIndexOfBlocks:r,renderedBlocks:o,activeIndexOfRenderedBlocks:i,isSubmitting:a,activeIndexOfRenderedStatement:s,isWidget:l,isMobile:c})=>{const u=o[i];switch(e){case"next-statement":const e=(u?.question?.type_info?.matrix_properties?.statements||[])[s];return!(t.formValues[u?.question.name]||[]).find((t=>t.statement_id===e?.id))?.rating_labels?.length;case"next":if("MATRIX_RATING_SCALE"===u.question.type_info?.question_type){const e=u?.question?.type_info?.matrix_properties?.statements||[],n=t.formValues[u?.question.name]||[];if(l||c){const t=e[s];return!n.find((e=>e.statement_id===t?.id))?.rating_labels?.length}{const t={};return n.forEach((e=>{e.statement_id&&e.rating_labels?.length&&(t[e.statement_id]=!0)})),u.required?!e.every((e=>e.id&&!!t[e.id])):!e.some((e=>e.id&&!!t[e.id]))}}return!("CONSENT"===u.question?.type_info?.question_type&&!u.required)&&(D(t?.formValues[u.question.name])||u.question.type_info?.meta?.othersRequired&&z_(u,t)||("FORM_FIELD"===u.question?.type_info?.question_type||"CONTACT_FORM"===u.question?.type_info?.question_type)&&(({block:e,answer:t})=>{const n=e?.question,r=e.question?.type_info?.question_type,o={};let i=!0;return("FORM_FIELD"===r?n?.type_info?.form_fields?.fields:n?.type_info?.contact_form?.fields)?.forEach((e=>{e?.required&&D(t?.[e?.id||1])?o[e?.id]=!0:o[e?.id]=!1})),Object.values(o).forEach((e=>{!0===e&&(i=!1)})),!i})({block:u,answer:t?.formValues[u.question.name]}));case"submit":return"CONSENT"===u.question.type_info?.question_type?!!u.required&&!t?.formValues[u.question.name]:(u.required||u.question.type_info?.pivot_question)&&D(t?.formValues[u.question.name])||u.question?.type_info?.meta?.othersRequired&&z_(u,t)||a||(({answer:e,block:t,mobileOrWidget:n,activeIndexOfRenderedStatement:r=0})=>{if("MATRIX_RATING_SCALE"!==t?.question?.type_info?.question_type||!t.required)return!1;const o={};if(e?.forEach((e=>{e.statement_id&&e.rating_labels?.length&&(o[e.statement_id]=!0)})),n){const e=t?.question?.type_info?.matrix_properties?.statements?.find(((e,t)=>t===r));return!!e?.id&&!o[e?.id]}return!(t?.question?.type_info?.matrix_properties?.statements||[]).filter((e=>e.is_active)).every((e=>e.id&&!!o[e.id]))})({block:u,activeIndexOfRenderedStatement:s,mobileOrWidget:l||c,answer:t?.formValues[u.question.name]});case"navigation-prev":return 0==i;case"navigation-next":return i>=o.length-1;default:return!1}},B_=({renderedBlocks:e,activeIndexOfRenderedBlocks:t,answers:n})=>{const r=N_({renderedBlocks:e,activeIndexOfRenderedBlocks:t}).reduce(((e,t)=>(void 0!==n.formValues[t.question.name]&&(e[t.question.name]=n.formValues[t.question.name]),e)),{});return{...n,formValues:r}},N_=({renderedBlocks:e,activeIndexOfRenderedBlocks:t})=>e.slice(0,t+1),F_=({blocks:e,answerStatus:t,questions:n,responses:r})=>{const o=["COMPLETE","PARTIAL_COMPLETE"].includes(t??""),{others_meta:i={},...a}=r||{};if(D(a))return{renderedBlocks:[],activeIndexOfRenderedStatement:0,activeIndexOfRenderedBlocks:0,pivot:null,answers:{formValues:{},others:{},commitDirtyValue:!1},isInitialTransition:!0,isConsideredCompleted:o};const s=e.filter((e=>e.question_names?.some((e=>null!=r?.[e])))).map((e=>{const t=e.question_names?.find((e=>null!=r?.[e])),o=n.find((e=>e.name===t&&"MESSAGE"!==e?.type_info?.question_type));return{...e,question:o}})),l=Math.max(s.length-1,0),c=e?.findIndex((e=>e.name===s[l].name)),u=k_({questions:n}),d={question:u,answer:a[u.name]},p=(({blocks:e,answers:t,questions:n,activeBlock:r,activeIndexOfBlocks:o,pivot:i})=>{const a=I_({activeBlock:r,blocks:e,activeIndexOfBlocks:o,answers:t,questions:n});if(a>-1){const t=P_({pivotQn:i?.question,pivotQnAnswer:i?.answer,block:e?.[a],questions:n});return{...e?.[a],question:t}}return null})({activeBlock:s[l],blocks:e,answers:{formValues:a||{},others:i||{},commitDirtyValue:!0},pivot:d,questions:n,activeIndexOfBlocks:c});return{renderedBlocks:p?.question?.name?[...s,p]:s,activeIndexOfRenderedStatement:0,activeIndexOfRenderedBlocks:l+1===s.length?l:l+1,pivot:{question:u,answer:a?.[u.name]},isInitialTransition:!1,answers:{others:i,formValues:a,commitDirtyValue:!1},isConsideredCompleted:o,...o?{activeIndexOfRenderedBlocks:0,isInitialTransition:!0}:{}}},Z_=e=>{switch(e){case"EMAIL":return/^([a-zA-Z0-9._%-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,})$/;case"NUMBER":case"PHONE":case"PHONE_NUMBER":return/^[0-9 ()+-]*$/;case"URL":return/^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/}},q_=({fields:e,answers:t,errorSetter:n,questionName:r,errors:o,translationVariables:i})=>{let a=!0;const s={...o?.[r]};return e.forEach((e=>{const n=Z_(e?.type);e?.required&&!t[e.id]?(s[e?.id]=i?.required_field||"This is a required field",a=!1):(e?.required||t[e.id])&&n&&!n.test(t[e.id])?(s[e?.id]=i?.valid_data||"Enter valid data",a=!1):delete s[e?.id]})),n({...o,formErrors:{[r]:s}}),a},U_=({type:e,answer:t,errorSetter:n,questionName:r,errors:o,translationVariables:i})=>{let a=!0,s="";const l=Z_(e);return t&&l&&!l.test(t)?(s=i?.valid_data||"Enter valid data",a=!1):s="",n({...o,textBoxErrors:{[r]:s}}),a},j_=({fields:e,answers:t,errorSetter:n,questionName:r,errors:o,translationVariables:i})=>{let a=!0;const s={...o?.[r]};return e.forEach((e=>{const n=Z_(e?.type.toUpperCase());e?.required&&!t[e.id]?(s[e?.id]=i?.required_field||"This is a required field",a=!1):(e?.required||t[e.id])&&n&&!n.test(t[e.id])?(s[e?.id]=i?.valid_data||"Enter valid data",a=!1):delete s[e?.id]})),n({...o,contactFormErrors:{[r]:s}}),a},V_=({errors:e})=>D(e),G_=e=>{const r=e.survey.question_details?.questions||[],o=e?.contactData||{},i=e?.translationVariables||{},[a]=t.useState(e.survey.blocks?.filter((e=>"TY"!==e.name&&!e.is_deleted))),s=t.useMemo((()=>F_({blocks:a,questions:r,responses:e.answers,answerStatus:e.answerStatus||"PARTIAL"})),[a,r,e.answers]),[l,c]=t.useState({formErrors:{},textBoxErrors:{},fileUploadErrors:{},contactFormErrors:{}}),[u,d]=t.useState(s.answers),[p,m]=t.useState(s.renderedBlocks),[f,h]=t.useState(s.activeIndexOfRenderedBlocks),[g,y]=t.useState(s.activeIndexOfRenderedStatement),[v,b]=t.useState(!1),[x,w]=t.useState(!1),$=t.useRef(s.pivot),k=t.useRef(!1),E=t.useRef(((s.isConsideredCompleted||"PARTIAL"===e.answerStatus)&&e.canResubmit)??!1),C=t.useRef(),P=t.useRef(s.isInitialTransition),S=p[f],_=n.useMemo((()=>p.length>0?a?.findIndex((e=>e.name===p[f]?.name)):0),[f]);t.useEffect((()=>{if(s.isConsideredCompleted&&P.current&&e.canResubmit)return;const{others_meta:t,...n}=e.answers||{};if(!a||!a.length||!D(n))return;$.current={...$.current,question:k_({questions:r})},null!=e.initialPivotAnswer&&($.current={...$.current,answer:E_($.current.question,e.initialPivotAnswer)},d({...u,formValues:{...u.formValues,[$.current.question.name]:$.current.answer}}));const o=P_({pivotQn:$.current.question,pivotQnAnswer:$.current.answer,block:a[0],questions:r});m([{...a[0],question:o}])}),[a,e.initialPivotAnswer]),t.useEffect((()=>{s.isConsideredCompleted&&P.current&&e.canResubmit||p.length&&(p.length>1&&(P.current=!1),h(p.length-1))}),[p]),t.useEffect((()=>{if(!(s.isConsideredCompleted&&P.current&&e.canResubmit)&&!D(u.formValues)&&A()&&a)if(O_({blocks:a,activeIndexOfBlocks:_,renderedBlocks:p,activeIndexOfRenderedBlocks:f,answers:u,questions:r})){const t=()=>{b(!1);const e=R_({renderedBlocks:p,activeBlock:S,blocks:a,activeIndexOfBlocks:_,answers:u,questions:r,contactData:o});if(e===1/0)return void setTimeout((()=>{z("COMPLETE"),w(!0)}));setTimeout((()=>{z()}));const t=P_({pivotQn:$.current?.question,pivotQnAnswer:$.current?.answer,block:a?.[e],questions:r}),n=N_({renderedBlocks:p,activeIndexOfRenderedBlocks:f});m([...n,{...a?.[e],question:t}]),setTimeout((()=>{y(0)}),0)};null!=e.initialPivotAnswer&&1==p.length?C.current?(clearTimeout(C.current),C.current=null,t()):C.current=setTimeout((()=>{}),1500):t()}else"MATRIX_RATING_SCALE"===S?.question?.type_info?.question_type&&z()}),[u,a]),t.useEffect((()=>{s.isConsideredCompleted&&P.current&&e.canResubmit||!D(u.formValues)&&k.current&&(v?M():T(),k.current=!1)}),[v]);const T=()=>{v?(k.current=!0,b(!1)):h(f+1),y(0)},M=()=>{g>0?I():(v?h(f-1):(k.current=!0,b(!0)),y(0))},R=()=>{y((e=>e+1))},I=()=>{y((e=>e-1))},A=()=>{if(S.question_name)switch(S.question?.type_info?.question_type){case"FORM_FIELD":return q_({fields:S.question?.type_info?.form_fields?.fields,answers:u.formValues?.[S.question_name]||{},errorSetter:c,questionName:S.question_name,errors:l,translationVariables:i});case"TEXT":return U_({type:S.question?.type_info?.text_field?.text_type,answer:u.formValues?.[S.question_name]||"",errorSetter:c,questionName:S.question_name,errors:l,translationVariables:i});case"CONTACT_FORM":return j_({fields:S.question?.type_info?.contact_form?.fields,answers:u.formValues?.[S.question_name]||{},errorSetter:c,questionName:S.question_name,errors:l,translationVariables:i});case"FILE":return V_({errors:l.fileUploadErrors})}return!0},O=(e,t,n=!1)=>{P.current=!1,e.question.name===$.current?.question.name&&$.current&&($.current={...$.current,answer:t});let r=u;E.current||!n&&!A_({question:e.question,answers:u})||(r=B_({renderedBlocks:p,activeIndexOfRenderedBlocks:f,answers:u})),d({...r,formValues:{...r.formValues,...null!=t&&{[e.question.name]:t}},commitDirtyValue:n}),"SINGLE_ANSWER"===S.question.type_info?.matrix_properties?.type&&g<(S.question?.type_info?.matrix_properties?.statements||[]).length-1&&setTimeout((()=>{R?.()}),0)},L=()=>{b(!1);const e=S.question;if(E.current||f===p.length-1)d({...u,formValues:{...u.formValues,[e.name]:null},commitDirtyValue:!0});else{const t=B_({renderedBlocks:p,activeIndexOfRenderedBlocks:f,answers:u}),n=N_({renderedBlocks:p,activeIndexOfRenderedBlocks:f});m(n),d({...t,formValues:{...t.formValues,[e.name]:null},commitDirtyValue:!0})}},z=(t="PARTIAL")=>{let n=()=>{};if(!A())return;const r={...u.formValues};"COMPLETE"===t&&(n=()=>{w(!0),E.current=!1},"CONSENT"===S.question?.type_info?.question_type&&"CHECKBOX"===S.question?.type_info?.meta?.display_format&&S.question_name&&D(u.formValues[S.question_name])&&!S.required&&(r[S.question_name]=!1,d((e=>({...e,formValues:{...e.formValues,[S.question?.name]:!1},commitDirtyValue:!1}))))),S.question_name&&void 0===r[S.question_name]&&(r[S.question_name]=null),e.onSubmit({...r,others_meta:u.others},n,t,E.current?"EDIT":"CREATE")},B=n.useMemo((()=>{if("MATRIX_RATING_SCALE"!==S?.question?.type_info?.question_type)return!1;const e=(S?.question?.type_info?.matrix_properties?.statements||[])[g];return((u.formValues[S?.question.name]||[]).find((t=>t.statement_id===e?.id))?.rating_labels||[]).length>0}),[g,f]);return{blocks:a,questions:r,renderedBlocks:p,activeBlock:S,activeIndexOfBlocks:_,initialStatementHasAnswer:B,activeIndexOfRenderedStatement:g,navigateToNextStatement:R,navigateToPreviousStatement:I,activeIndexOfRenderedBlocks:f,isSurveyCompleted:x,isReverseAnimation:v,isNavigating:k.current,pivot:$.current,answers:u,isInitialTransition:P.current,translationVariables:i,formQuestionErrors:l.formErrors,textboxQuestionErrors:l.textBoxErrors,fileUploadErrors:l.fileUploadErrors,contactFormErrors:l.contactFormErrors,setErrors:c,navigateToNextBlock:T,navigateToPreviousBlock:M,saveFormValues:O,saveOthersValue:(e,t)=>{if(null===t){const t={...u.others};delete t[e],d({...u,commitDirtyValue:!1,others:t})}else d({...u,commitDirtyValue:!1,others:{...u.others,[e]:t}})},skipBlock:L,skipStatement:()=>{if(e.isMobile||e.isWidget){const e=S?.question?.type_info?.matrix_properties?.statements||[],t=e[g],n=u.formValues[S?.question.name]||[],r=g<e.length-1;O(S,n.filter((e=>e.statement_id!==t.id)),!r),r&&"MULTIPLE_ANSWERS"===S?.question?.type_info?.matrix_properties?.type&&setTimeout((()=>{R?.()}),0)}else L()},onSubmitHandler:z,navigateToStart:()=>{E.current=!0,w(!1),h(0),y(0)},resetSurvey:()=>{w(!1),h(0),P.current=!0,d({formValues:{},others:{},commitDirtyValue:!1}),y(0)}}};I(':root {\n --default-brand-color: #264966;\n --default-question-text-color: #3a4b67;\n --default-question-background-color: #fff;\n --default-background-color: #f8f8f8;\n --default-button-text-color: #fff;\n --default-secondary-button-text-color: #000;\n --default-input-placeholder-color: #92a2b1;\n --compact-widget-max-height: 560px;\n --default-widget-max-height: 400px;\n --cozy-widget-max-height: 380px;\n --secondary-button-linear-gradient: linear-gradient(\n 180deg,\n #ffffff 0%,\n #f5f7f9 100%\n );\n}\n\n.freemium-survey-components.card-survey-style .questions {\n flex: 1;\n}\n\n.freemium-survey-components strong {\n font-weight: bold;\n}\n.freemium-survey-components.card-survey-style {\n padding-top: 20px;\n display: flex;\n flex-direction: column;\n grid-gap: 40px;\n gap: 40px;\n height: 100%;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation {\n white-space: nowrap;\n border-radius: 3px;\n border: 1px solid #efefef;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button {\n width: 38px;\n text-align: -webkit-center;\n height: 38px;\n background-color: #fff;\n border: none;\n cursor: pointer;\n border-radius: 0 3px 3px 0;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button svg {\n margin-top: 5px;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button:first-of-type {\n border-right: 1px solid #efefef;\n border-radius: 3px 0 0 3px;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button:focus {\n position: relative;\n z-index: 1;\n}\n.freemium-survey-components.card-survey-style .question-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n text-align: center;\n width: 100%;\n max-width: 700px;\n margin: 0 auto;\n background: var(--default-question-background-color);\n background: var(--question-background-color, var(--default-question-background-color));\n border-radius: 4px;\n transition: transform 500ms ease 0ms, opacity 200ms ease 0ms;\n box-shadow: 0px 12px 70px 0px rgba(18, 52, 77, 0.05), 0px 2px 20px 0px rgba(18, 52, 77, 0.05);\n padding: 28px;\n grid-gap: 32px;\n gap: 32px;\n position: relative;\n height: -moz-fit-content;\n height: fit-content;\n transition: opacity 50ms ease-out;\n overflow: auto;\n}\n.freemium-survey-components.card-survey-style .hide-question-container {\n opacity: 0;\n}\n.freemium-survey-components.card-survey-style .question-text.required > p:nth-last-child(1)::after {\n content: "*";\n color: rgb(215, 45, 48);\n margin-left: 4px;\n}\n.freemium-survey-components.card-survey-style .question-text {\n font-size: 16px;\n font-weight: 600;\n line-height: 1.8;\n width: 100%;\n text-align: left;\n color: var(--default-question-text-color);\n color: var(--question-text-color, var(--default-question-text-color));\n}\n.freemium-survey-components.card-survey-style .question-text p {\n text-align: left;\n}\n.freemium-survey-components.card-survey-style .question-text a {\n color: var(--link-color);\n text-decoration: underline;\n}\n.freemium-survey-components.card-survey-style .autofocus-button {\n border: none;\n width: 0;\n height: 0;\n opacity: 0;\n margin-top: -12px;\n margin-left: -12px;\n position: absolute;\n}\n.freemium-survey-components.card-survey-style .fade-enter .question-container {\n opacity: 0;\n transform: translateY(15px);\n}\n.freemium-survey-components.card-survey-style .fade-enter-active .question-container {\n opacity: 1;\n transform: translateY(0);\n}\n.freemium-survey-components.card-survey-style .fade-exit .question-container {\n opacity: 1;\n transform: translateY(0);\n}\n.freemium-survey-components.card-survey-style .fade-exit-active .question-container {\n opacity: 0.05;\n transform: translateY(-15px);\n}\n.freemium-survey-components.card-survey-style .fade-reverse-enter .question-container {\n opacity: 0;\n transform: translateY(-15px);\n}\n.freemium-survey-components.card-survey-style .fade-reverse-enter-active .question-container {\n opacity: 1;\n transform: translateY(0);\n}\n.freemium-survey-components.card-survey-style .fade-reverse-exit .question-container {\n opacity: 1;\n transform: translateY(0);\n}\n.freemium-survey-components.card-survey-style .fade-reverse-exit-active .question-container {\n opacity: 0.05;\n transform: translateY(15px);\n}\n.freemium-survey-components.card-survey-style .fade-enter-active .question-container,\n.freemium-survey-components.card-survey-style .fade-exit-active .question-container,\n.freemium-survey-components.card-survey-style .fade-reverse-enter-active .question-container,\n.freemium-survey-components.card-survey-style .fade-reverse-exit-active .question-container {\n transition: opacity 200ms, transform 200ms;\n pointer-events: none;\n}\n.freemium-survey-components.card-survey-style .question-footer {\n display: flex;\n grid-gap: 40px;\n gap: 40px;\n width: 100%;\n align-items: center;\n}\n.freemium-survey-components.card-survey-style .question-footer:empty {\n display: none;\n}\n.freemium-survey-components.card-survey-style .question-footer:only-child {\n margin-left: auto;\n}\n.freemium-survey-components.card-survey-style .action-buttons {\n display: flex;\n grid-gap: 20px;\n gap: 20px;\n flex-direction: row-reverse;\n width: 100%;\n}\n.freemium-survey-components.card-survey-style .action-buttons:empty {\n display: none;\n}\n.freemium-survey-components.card-survey-style .skip-button {\n font-weight: 500;\n color: #3a4b67;\n cursor: pointer;\n background: transparent;\n border: none;\n min-width: 40px;\n padding: 8px 16px;\n border-radius: 4px;\n color: var(--default-secondary-button-text-color);\n color: var(--secondary-button-text-color, var(--default-secondary-button-text-color));\n letter-spacing: 0.05em;\n line-height: 1.5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n}\n.freemium-survey-components.card-survey-style .skip-button:hover {\n background-color: #f3f3f3;\n transform: translateY(-4px);\n}\n.freemium-survey-components.card-survey-style .secondary-button {\n border: 1px solid #cfd7df;\n background-image: linear-gradient(\n 180deg,\n #ffffff 0%,\n #f5f7f9 100%\n );\n background-image: var(--secondary-button-linear-gradient);\n box-shadow: 0 1px 0 0 rgba(24, 50, 71, 0.05);\n color: #12344d;\n background-color: #ffffff;\n width: 215px;\n}\n.freemium-survey-components.card-survey-style .secondary-button:hover {\n background-color: #f5f7f9;\n background-image: none;\n}\n.freemium-survey-components.card-survey-style .next-button {\n color: var(--default-button-text-color);\n color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components.card-survey-style .submit {\n max-width: 700px;\n text-align: left;\n background: transparent;\n box-shadow: none;\n color: var(--default-button-text-color);\n color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components.card-survey-style .thankyou {\n display: flex;\n align-items: center;\n justify-content: center;\n grid-gap: 20px;\n gap: 20px;\n min-height: 180px;\n}\n.freemium-survey-components.card-survey-style .thankyou .heading {\n font-weight: 500;\n font-size: 22px;\n}\n.freemium-survey-components.card-survey-style .thankyou .thankyou-logo-img {\n height: 100px;\n width: auto;\n}\n.freemium-survey-components.card-survey-style .thankyou .text {\n white-space: pre-wrap;\n font-weight: 500;\n font-size: 14px;\n line-height: 1.6;\n color: #475867;\n width: 75%;\n}\n.freemium-survey-components.card-survey-style .thankyou .redirection-text {\n color: #929292;\n margin-bottom: 12px;\n font-weight: 300;\n}\n.freemium-survey-components.card-survey-style .thankyou .link {\n width: 100%;\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #666;\n font-weight: 500;\n text-decoration: underline;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container {\n display: flex;\n grid-gap: 10px;\n gap: 10px;\n flex-wrap: wrap;\n justify-content: center;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-link {\n background: #f5f7f9;\n padding: 20px 0px;\n border-radius: 10px;\n width: 300px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-link .links {\n display: flex;\n grid-gap: 10px;\n gap: 10px;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-link .link-image-url {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 45px;\n width: 45px;\n background: #fff;\n border-radius: 8px;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-link .link-page-name {\n padding: 0px 20px 0px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #fff;\n height: 45px;\n border-radius: 8px;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .title-text {\n padding-bottom: 14px;\n font-size: 14px;\n font-weight: 500;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-custom-button-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 300px;\n border-radius: 10px;\n padding: 20px 0px;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-custom-button-container .button_text {\n display: flex;\n justify-content: center;\n align-items: center;\n grid-gap: 10px;\n gap: 10px;\n height: 45px;\n padding: 0px 20px;\n background: #4560f6;\n color: #fff;\n font-weight: 700px;\n border-radius: 8px;\n}\n.freemium-survey-components.card-survey-style .thankyou .wrap-up-actions {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n}\n.freemium-survey-components.card-survey-style .thankyou .wrap-up-actions button.action-button {\n width: unset;\n letter-spacing: 0.05em;\n line-height: 1.5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n background-color: #e5f2fd;\n margin: 6px;\n}\n.freemium-survey-components.card-survey-style .thankyou .wrap-up-actions button.action-button:hover {\n transform: translateY(-4px);\n}\n.freemium-survey-components.card-survey-style .thankyou button.action-button {\n font-weight: 600;\n font-size: 14px;\n line-height: 20px;\n color: #2c5cc5;\n border: none;\n background: none;\n padding: 8px 12px;\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.freemium-survey-components.card-survey-style .thankyou button.action-button svg {\n margin-right: 8px;\n}\n.freemium-survey-components.card-survey-style .responsive-text-field {\n width: 100%;\n}\n.freemium-survey-components.card-survey-style .responsive-text-field .textarea-container {\n display: none;\n}\n.freemium-survey-components.card-survey-style .message-container:empty {\n display: none;\n}\n\n@media (max-width: 550px) {\n div.freemium-survey-components.card-survey-style .responsive-text-field .input-container {\n display: none;\n }\n div.freemium-survey-components.card-survey-style .responsive-input-field .input-container input {\n min-height: 40px;\n }\n div.freemium-survey-components.card-survey-style .responsive-text-field .textarea-container {\n display: flex;\n }\n div.freemium-survey-components.card-survey-style .responsive-text-field .textarea-container textarea {\n min-height: 80px;\n height: 80px;\n }\n div.freemium-survey-components.card-survey-style .question-footer {\n flex-direction: column-reverse;\n grid-gap: 0;\n gap: 0;\n }\n div.freemium-survey-components.card-survey-style .question-footer > *:first-child {\n margin-bottom: 0px;\n }\n div.freemium-survey-components.card-survey-style .question-footer > * {\n margin-bottom: 20px;\n }\n div.freemium-survey-components.card-survey-style .freemium-survey-step-navigation {\n width: 100%;\n }\n div.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button {\n width: 50%;\n }\n div.freemium-survey-components.card-survey-style .action-buttons {\n flex-direction: column;\n width: 100%;\n }\n div.freemium-survey-components.card-survey-style .action-buttons button {\n max-width: unset;\n }\n div.freemium-survey-components.card-survey-style .action-button {\n max-width: unset;\n width: 100%;\n }\n div.freemium-survey-components.card-survey-style .thankyou .text {\n width: auto;\n }\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .responsive-text-field .input-container {\n display: none;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .responsive-input-field .input-container input {\n min-height: 40px;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .responsive-text-field .textarea-container {\n display: flex;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .responsive-text-field .textarea-container textarea {\n min-height: 80px;\n height: 80px;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .question-footer {\n flex-direction: column-reverse;\n grid-gap: 0;\n gap: 0;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .question-footer > *:first-child {\n margin-bottom: 0px;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .question-footer > * {\n margin-bottom: 20px;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .freemium-survey-step-navigation {\n width: 100%;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .freemium-survey-step-navigation .navigation-button {\n width: 50%;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .action-buttons {\n flex-direction: column;\n width: 100%;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .action-buttons button {\n max-width: unset;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .action-button {\n max-width: unset;\n width: 100%;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .thankyou .text {\n width: auto;\n}\n\n.freemium-survey-components.mobile-preview .thankyou .text {\n width: unset;\n}');const H_=({thankYouQuestion:e,preview:r,placeholders:o,canResubmit:i,resetSurvey:a,navigateToStart:s,isMobile:l,allowMultipleSubmission:c,pivot:u,rangeToRender:d,translationVariables:p})=>{const{redirectUrl:m,redirectDelay:f,show_custom_button:h,show_review_links:g,show_social_links:y,image_url:v}=e.type_info?.meta??{},[b,x]=t.useState(f??10);return t.useEffect((()=>{if(!r&&m){const e=setInterval((()=>x((e=>e>1?e-1:(window.location.href=m??"",0)))),1e3);return()=>clearInterval(e)}}),[]),n.createElement("div",{className:"question-container thankyou"},v&&n.createElement("img",{className:"thankyou-logo-img",src:v,alt:"thankyou_logo"}),n.createElement("div",{className:"heading"},e?.type_info?.header_text??(p?.thank_you||"Thank you!")),n.createElement("div",{className:"text",dangerouslySetInnerHTML:{__html:N({questionText:e.text,placeholders:o,npsRating:u?.answer,ratingLabel:z(u?.answer)?"":d?.find((e=>e?.value===String(u?.answer)))?.text??"",preference:u?.question.type_info?.scale_properties?.labels?.preference,isPreview:r})}}),(i||c)&&n.createElement("div",{className:("wrap-up-actions "+(l?"mobile":"")).trim()},i&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:()=>s()},n.createElement(T,{name:"edit"}),p?.edit_response||"Edit your response"),c&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:a},n.createElement(T,{name:"reload"}),p?.another_response||"Submit another response")),m&&n.createElement("div",{style:{width:"100%"}},n.createElement("div",{className:"redirection-text"},q(b,p?.redirect_msg),n.createElement("br",null)),n.createElement("a",{className:"link",href:m},m)),n.createElement(Oa,{show_custom_button:h,show_review_links:g,show_social_links:y}))},W_=({activeIndexOfBlocks:e,activeIndexOfRenderedBlocks:t,renderedBlocks:r,blocks:o,initialStatementHasAnswer:i,activeIndexOfRenderedStatement:a,answers:s,navigateToPreviousBlock:l,navigateToNextBlock:c,translationVariables:u})=>n.createElement("div",{className:"freemium-survey-step-navigation","data-navigation-element":"1"},n.createElement("button",{disabled:D_("navigation-prev",{blocks:o,answers:s,renderedBlocks:r,initialStatementHasAnswer:i,activeIndexOfBlocks:e,activeIndexOfRenderedBlocks:t,activeIndexOfRenderedStatement:a}),className:"navigation-button",onClick:l,title:a>0?u?.prev_statement||"go to previous statement":u?.prev_question||"go to previous question"},n.createElement(T,{name:"arrow-previous"})),n.createElement("button",{className:"navigation-button",disabled:D_("navigation-next",{blocks:o,answers:s,renderedBlocks:r,activeIndexOfBlocks:e,initialStatementHasAnswer:i,activeIndexOfRenderedBlocks:t,activeIndexOfRenderedStatement:a}),title:u?.next_question||"Go to next question",onClick:c},n.createElement(T,{name:"arrow-next"}))),Y_=e=>{const{isWidget:r,surveyStyle:o,initialStatementHasAnswer:i,answers:a,renderedBlocks:s,blocks:l,activeIndexOfBlocks:c,activeIndexOfRenderedStatement:u=0,activeIndexOfRenderedBlocks:d,saveFormValues:p,onSubmitHandler:m,skipBlock:f,skipStatement:h,navigateToNextBlock:g,navigateToPreviousBlock:y,isInitialTransition:v,initialPivotAnswer:b,translationVariables:x,isMobile:w,navigateToNextStatement:$,formQuestionErrors:k,textboxQuestionErrors:E,contactFormErrors:P,fileUploadErrors:S,questions:_}=e,[T,M]=t.useState(!1),R={answers:a,blocks:l,activeIndexOfBlocks:c,activeIndexOfRenderedBlocks:d,activeIndexOfRenderedStatement:u,isMobile:w,renderedBlocks:s,initialStatementHasAnswer:i,surveyStyle:o,isWidget:r,blockIndex:d,questions:_},I={answers:a,blocks:l,activeIndexOfBlocks:c,isMobile:w,activeIndexOfRenderedBlocks:d,initialStatementHasAnswer:i,activeIndexOfRenderedStatement:u,renderedBlocks:s,isSubmitting:T,isWidget:r},{question:A}=s[d],O=A?.type_info?.meta?.display_format;return n.createElement(n.Fragment,null,(L_("navigation",R)||L_("next",R)||L_("next-statement",R)||L_("consent",R)||L_("submit",R)||L_("skip",R)||L_("skip-statement",R)||L_("message",R))&&n.createElement("div",{className:"question-footer"},L_("navigation",R)&&n.createElement(W_,{answers:a,activeIndexOfBlocks:c,activeIndexOfRenderedBlocks:d,renderedBlocks:s,initialStatementHasAnswer:i,blocks:l,activeIndexOfRenderedStatement:u,navigateToNextBlock:g,navigateToPreviousBlock:y,translationVariables:x}),n.createElement("div",{className:"action-buttons"},L_("next",R)&&n.createElement(rr,{onClick:()=>{p(s[d],"CHECKBOX"===A?.type_info?.meta?.display_format&&"CONSENT"===A?.type_info?.question_type?a.formValues[A.name]??!1:null,!0)},disabled:D_("next",I),className:"next-button"},x?.next||"Next"),L_("next-statement",R)&&n.createElement(rr,{onClick:()=>{$?.()},disabled:!!D_("next-statement",I),className:"next-button"},x?.next||"Next"),L_("consent",R)&&"BUTTON"===O&&C.map((e=>n.createElement(rr,{key:d+String(e.recordAs),onClick:()=>{p(s[d],e.recordAs,!0)},disabled:D_("consent",I),className:(e.recordAs?"next":"secondary")+"-button"},A?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue))),L_("submit",R)&&n.createElement("div",{className:"submit"},n.createElement(rr,{disabled:D_("submit",I),onClick:()=>{D(k?.[A.name])&&D(E?.[A.name])&&D(S?.[A.name])&&D(P?.[A.name])&&(M(!0),m("COMPLETE"))}},T?x?.submitting||"Submitting":x?.submit_survey||"Submit survey")),L_("skip",R)&&n.createElement("button",{className:"skip-button",onClick:f,"aria-label":"skip question"},x?.skip||"Skip"),L_("skip-statement",R)&&n.createElement("button",{className:"skip-button",onClick:h,"aria-label":"skip statement"},x?.skip||"Skip"),L_("message",R)&&n.createElement(rr,{onClick:f,disabled:D_("message",I),className:"next-button"},A?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"))))},X_=e=>{const{blocks:o,renderedBlocks:i,activeBlock:a,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:l,isSurveyCompleted:c,isReverseAnimation:u,saveFormValues:d,saveOthersValue:p,skipBlock:m,skipStatement:f,onSubmitHandler:h,navigateToNextBlock:g,navigateToPreviousBlock:y,answers:v,questions:b,pivot:x,isInitialTransition:w,resetSurvey:$,activeIndexOfRenderedStatement:k,navigateToNextStatement:E,navigateToPreviousStatement:C,navigateToStart:P,translationVariables:S,initialStatementHasAnswer:_,formQuestionErrors:T,textboxQuestionErrors:M,contactFormErrors:R,fileUploadErrors:I,setErrors:A}=G_(e),O=D(v.formValues)&&e.survey.prompt_settings?.is_enabled&&e.preview,[L,F]=t.useState(O),Z=n.useMemo((()=>B(x?.question)),[x?.question]);return t.useEffect((()=>{a&&e.onBlockChange?.(a)}),[a,e]),t.useEffect((()=>{e.getSurveyProgress?.({totalBlocks:o.length,isSurveyCompleted:c,activeIndexOfBlocks:s})}),[o.length,c,s]),a&&a.question?n.createElement("div",{className:`freemium-survey-components ${e.isMobile?"mobile-preview":""} ${e.surveyStyle}-survey-style`,id:"freemium-survey"},n.createElement(r.SwitchTransition,{mode:"out-in"},n.createElement(r.CSSTransition,{key:l+String(c)+String(L),addEndListener:(e,t)=>{e.addEventListener("transitionend",t,!1)},classNames:u?"fade-reverse":"fade"},n.createElement("div",{className:"questions"},c?n.createElement(H_,{thankYouQuestion:P_({pivotQn:x?.question,pivotQnAnswer:x?.answer,block:T_({activeBlock:a,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:v,questions:b,activeIndexOfBlocks:s,renderedBlocks:i,contactData:e.contactData}),questions:b}),canResubmit:e.canResubmit,allowMultipleSubmission:e.allowMultipleSubmission,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",P):P()},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",$):$()},preview:!!e.preview,placeholders:e.placeholders,isMobile:e.isMobile,pivot:x,rangeToRender:Z,translationVariables:S}):n.createElement("div",{id:`${a.question.name}`,className:"question-container","data-test-question-name":a.question.name},L&&e.survey.prompt_settings?n.createElement(Aa,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt?.(t),1===t&&F(!1)},placeholders:e.placeholders}):n.createElement(n.Fragment,null,n.createElement("div",{className:("question-text "+(!a.question.type_info?.pivot_question&&a.required?"required":"")).trim(),dangerouslySetInnerHTML:{__html:N({questionText:a?.question.text,placeholders:e.placeholders,npsRating:x?.answer,ratingLabel:z(x?.answer)?"":Z?.find((e=>e?.value===String(x?.answer)))?.text??"",preference:x?.question.type_info?.scale_properties?.labels?.preference,isPreview:!!e.preview})},"aria-label":`question-${l}`,role:"heading","aria-level":1}),n.createElement("div",{onTransitionEndCapture:e=>e.stopPropagation(),style:{width:"100%",position:"relative"}},n.createElement(x_,{assetUrl:e.assetUrl,setErrors:A,onFileUpload:e.onFileUpload,survey:e.survey,question:a.question,isFinalQn:C_({blocks:o,activeIndexOfBlocks:s,renderedBlocks:i,activeIndexOfRenderedBlocks:l,questions:b}),formValues:v.formValues,othersMeta:v.others,autoFocusDelay:"standard"===e.surveyStyle?350:0,activeIndexOfRenderedStatement:k,saveOthersValue:p,onChangeHandler:e=>{d(a,e)},isMobile:!!e.isMobile,initialPivotAnswer:e.initialPivotAnswer,isInitialTransition:w,formQuestionErrors:T,textboxQuestionErrors:M,fileUploadErrors:I,contactFormErrors:R,translationVariables:S})),n.createElement(Y_,{isWidget:!1,surveyStyle:e.surveyStyle,answers:v,renderedBlocks:i,blocks:o,activeIndexOfRenderedStatement:k,initialStatementHasAnswer:_,navigateToNextStatement:E,navigateToPreviousStatement:C,activeIndexOfRenderedBlocks:l,activeIndexOfBlocks:s,saveFormValues:d,skipBlock:m,skipStatement:f,onSubmitHandler:h,navigateToPreviousBlock:y,navigateToNextBlock:g,isInitialTransition:w,initialPivotAnswer:e.initialPivotAnswer,isMobile:!!e.isMobile,translationVariables:S,formQuestionErrors:T,textboxQuestionErrors:M,fileUploadErrors:I,contactFormErrors:R,questions:b})))))),n.createElement(wa,{...e.footerProps})):null};I(':root {\n --default-brand-color: #264966;\n --default-question-text-color: #3a4b67;\n --default-question-background-color: #fff;\n --default-background-color: #f8f8f8;\n --default-button-text-color: #fff;\n --default-secondary-button-text-color: #000;\n --default-input-placeholder-color: #92a2b1;\n --compact-widget-max-height: 480px;\n --default-widget-max-height: 460px;\n --cozy-widget-max-height: 380px;\n}\n\n.freemium-survey-step-navigation {\n border-radius: 3px;\n border: 1px solid #efefef;\n white-space: nowrap;\n}\n.freemium-survey-step-navigation .navigation-button {\n width: 38px;\n text-align: -webkit-center;\n height: 38px;\n background-color: #fff;\n border: none;\n cursor: pointer;\n border-radius: 0 3px 3px 0;\n}\n.freemium-survey-step-navigation .navigation-button:first-of-type {\n border-right: 1px solid #efefef;\n border-radius: 3px 0 0 3px;\n}\n.freemium-survey-step-navigation .navigation-button:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.freemium-survey-step-navigation .navigation-button:focus {\n position: relative;\n z-index: 1;\n}\n\n.freemium-survey-components.standard-survey-style {\n display: flex;\n flex-direction: column;\n grid-gap: 40px;\n gap: 40px;\n height: 100%;\n}\n.freemium-survey-components.standard-survey-style > div {\n flex: 1;\n}\n.freemium-survey-components.standard-survey-style .question-container {\n display: flex;\n flex-direction: column;\n text-align: center;\n max-width: 700px;\n margin: 0 auto;\n background: var(--default-question-background-color);\n background: var(--question-background-color, var(--default-question-background-color));\n border-radius: 4px;\n transition: transform 500ms ease 0ms, opacity 800ms ease 0ms;\n box-shadow: 0px 12px 70px 0px rgba(18, 52, 77, 0.05), 0px 2px 20px 0px rgba(18, 52, 77, 0.05);\n margin-bottom: 28px;\n padding: 28px;\n grid-gap: 28px;\n gap: 28px;\n position: relative;\n height: -moz-fit-content;\n height: fit-content;\n overflow: auto;\n opacity: 1;\n}\n.freemium-survey-components.standard-survey-style .question-container:last-child {\n margin-bottom: 0px;\n}\n.freemium-survey-components.standard-survey-style .hide-question-container {\n pointer-events: none;\n opacity: 0;\n}\n.freemium-survey-components.standard-survey-style .question-text.required > p:nth-last-child(1)::after {\n content: "*";\n color: rgb(215, 45, 48);\n margin-left: 4px;\n}\n.freemium-survey-components.standard-survey-style .question-text {\n font-size: 16px;\n font-weight: 600;\n line-height: 1.8;\n width: 100%;\n text-align: left;\n color: var(--default-question-text-color);\n color: var(--question-text-color, var(--default-question-text-color));\n}\n.freemium-survey-components.standard-survey-style .question-text p {\n text-align: left;\n}\n.freemium-survey-components.standard-survey-style .question-text a {\n color: var(--link-color);\n text-decoration: underline;\n}\n.freemium-survey-components.standard-survey-style .autofocus-button {\n border: none;\n width: 0;\n height: 0;\n opacity: 0;\n margin-top: -12px;\n margin-left: -12px;\n position: absolute;\n}\n.freemium-survey-components.standard-survey-style .footer {\n padding: 0;\n width: 100%;\n}\n.freemium-survey-components.standard-survey-style .question-footer {\n display: flex;\n justify-content: flex-end;\n grid-gap: 40px;\n gap: 40px;\n width: 100%;\n align-items: center;\n}\n.freemium-survey-components.standard-survey-style .question-footer:empty {\n display: none;\n}\n.freemium-survey-components.standard-survey-style .action-buttons {\n display: flex;\n grid-gap: 20px;\n gap: 20px;\n flex-direction: row-reverse;\n}\n.freemium-survey-components.standard-survey-style .action-buttons:empty {\n display: none;\n}\n.freemium-survey-components.standard-survey-style .sec-button {\n font-weight: 500;\n color: #3a4b67;\n cursor: pointer;\n background: transparent;\n border: none;\n min-width: 40px;\n padding: 8px 16px;\n border-radius: 4px;\n color: var(--default-secondary-button-text-color);\n color: var(--secondary-button-text-color, var(--default-secondary-button-text-color));\n letter-spacing: 0.05rem;\n line-height: 1.5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n}\n.freemium-survey-components.standard-survey-style .sec-button:hover {\n background-color: #f3f3f3;\n transform: translateY(-4px);\n}\n.freemium-survey-components.standard-survey-style .next-button {\n color: var(--default-button-text-color);\n color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components.standard-survey-style .secondary-button {\n border: 1px solid #cfd7df;\n background-image: var(--secondary-button-linear-gradient);\n box-shadow: 0 1px 0 0 rgba(24, 50, 71, 0.05);\n color: #12344d;\n background-color: #ffffff;\n width: 215px;\n}\n.freemium-survey-components.standard-survey-style .secondary-button:hover {\n background-color: #f5f7f9;\n background-image: none;\n}\n.freemium-survey-components.standard-survey-style .submit {\n max-width: 700px;\n margin: 0 auto;\n text-align: left;\n background: transparent;\n box-shadow: none;\n display: flex;\n flex-direction: row-reverse;\n color: var(--default-button-text-color);\n color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components.standard-survey-style .fade-enter {\n opacity: 0;\n transform: translateY(40px);\n}\n.freemium-survey-components.standard-survey-style .fade-enter-active {\n opacity: 1;\n transform: translateY(0);\n}\n.freemium-survey-components.standard-survey-style .fade-exit {\n opacity: 1;\n transform: translateY(0);\n}\n.freemium-survey-components.standard-survey-style .fade-exit-active {\n opacity: 0;\n transform: translateY(-40px);\n}\n.freemium-survey-components.standard-survey-style .fade-enter,\n.freemium-survey-components.standard-survey-style .fade-enter-active,\n.freemium-survey-components.standard-survey-style .fade-exit,\n.freemium-survey-components.standard-survey-style .fade-exit-active {\n transition: all ease 400ms;\n pointer-events: none;\n}\n.freemium-survey-components.standard-survey-style .thankyou {\n display: flex;\n align-items: center;\n justify-content: center;\n grid-gap: 20px;\n gap: 20px;\n min-height: 180px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .heading {\n font-weight: 500;\n font-size: 22px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .thankyou-logo-img {\n height: 100px;\n width: auto;\n}\n.freemium-survey-components.standard-survey-style .thankyou .text {\n white-space: pre-wrap;\n font-weight: 500;\n font-size: 14px;\n line-height: 1.6;\n color: #475867;\n width: 75%;\n}\n.freemium-survey-components.standard-survey-style .thankyou .redirection-text {\n color: #929292;\n margin-bottom: 12px;\n font-weight: 300;\n}\n.freemium-survey-components.standard-survey-style .thankyou .link {\n width: 100%;\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #666;\n font-weight: 500;\n text-decoration: underline;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container {\n display: flex;\n grid-gap: 10px;\n gap: 10px;\n flex-wrap: wrap;\n justify-content: center;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-link {\n background: #f5f7f9;\n padding: 20px 0px;\n border-radius: 10px;\n width: 300px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-link .links {\n display: flex;\n grid-gap: 10px;\n gap: 10px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-link .link-image-url {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 45px;\n width: 45px;\n background: #fff;\n border-radius: 8px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-link .link-page-name {\n padding: 0px 20px 0px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #fff;\n height: 45px;\n border-radius: 8px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .title-text {\n padding-bottom: 14px;\n font-size: 14px;\n font-weight: 500;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-custom-button-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 300px;\n border-radius: 10px;\n padding: 20px 0px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-custom-button-container .button_text {\n display: flex;\n justify-content: center;\n align-items: center;\n grid-gap: 10px;\n gap: 10px;\n height: 45px;\n padding: 0px 20px;\n background: #4560f6;\n color: #fff;\n font-weight: 700px;\n border-radius: 8px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .wrap-up-actions {\n display: flex;\n}\n.freemium-survey-components.standard-survey-style .thankyou .wrap-up-actions.mobile {\n flex-direction: column;\n align-items: center;\n}\n.freemium-survey-components.standard-survey-style .thankyou .wrap-up-actions.mobile button.action-button {\n justify-content: center;\n letter-spacing: 0.05em;\n line-height: 1.5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n background-color: #e5f2fd;\n margin: 6px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .wrap-up-actions.mobile button.action-button:hover {\n transform: translateY(-4px);\n}\n.freemium-survey-components.standard-survey-style .thankyou button.action-button {\n font-weight: 600;\n font-size: 14px;\n line-height: 20px;\n color: #2c5cc5;\n border: none;\n background: none;\n padding: 8px 12px;\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.freemium-survey-components.standard-survey-style .thankyou button.action-button svg {\n margin-right: 8px;\n}\n.freemium-survey-components.standard-survey-style .responsive-text-field {\n width: 100%;\n}\n.freemium-survey-components.standard-survey-style .responsive-text-field .textarea-container {\n display: none;\n}\n.freemium-survey-components.standard-survey-style .message-container:empty {\n display: none;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .action-buttons {\n flex-direction: column;\n width: 100%;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .action-buttons button {\n max-width: unset;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .action-button {\n max-width: unset;\n width: 100%;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .thankyou .text {\n width: auto;\n}\n@media (max-width: 550px) {\n .freemium-survey-components.standard-survey-style .action-buttons {\n flex-direction: column;\n width: 100%;\n }\n .freemium-survey-components.standard-survey-style .action-buttons button {\n max-width: unset;\n }\n .freemium-survey-components.standard-survey-style .action-button {\n max-width: unset;\n width: 100%;\n }\n .freemium-survey-components.standard-survey-style .thankyou .text {\n width: auto;\n }\n}\n\n@media (max-width: 550px) {\n .freemium-survey-component .responsive-text-field .input-container {\n display: none;\n }\n .freemium-survey-component .responsive-text-field .textarea-container {\n display: flex;\n }\n .freemium-survey-component .responsive-text-field .textarea-container textarea {\n min-height: 80px;\n height: 80px;\n }\n .freemium-survey-component .responsive-input-field .input-container input {\n min-height: 40px;\n }\n}\n.freemium-survey-components.mobile-preview .thankyou .text {\n width: unset;\n}');const K_=["next","next-statement","skip","submit","navigation","clear-selection","message","consent"],Q_=({thankYouQuestion:e,preview:r,placeholders:o,canResubmit:i,allowMultipleSubmission:a,navigateToStart:s,resetSurvey:l,isMobile:c,pivot:u,rangeToRender:d,translationVariables:p})=>{const{redirectUrl:m,redirectDelay:f,image_url:h,show_custom_button:g,show_review_links:y,show_social_links:v}=e.type_info?.meta??{},[b,x]=t.useState(f??10);return t.useEffect((()=>{if(!r&&m){const e=setInterval((()=>x((e=>e>1?e-1:(window.location.href=m??"",0)))),1e3);return()=>clearInterval(e)}}),[]),n.createElement("div",{className:"question-container thankyou"},h&&n.createElement("img",{className:"thankyou-logo-img",src:h,alt:"thankyou_logo"}),n.createElement("div",{className:"heading"},e?.type_info?.header_text??(p?.thank_you||"Thank you!")),n.createElement("div",{className:"text",dangerouslySetInnerHTML:{__html:N({questionText:e.text,placeholders:o,npsRating:u?.answer,ratingLabel:z(u?.answer)?"":d?.find((e=>e?.value===String(u?.answer)))?.text??"",preference:u?.question.type_info?.scale_properties?.labels?.preference,isPreview:r})}}),(i||a)&&n.createElement("div",{className:("wrap-up-actions "+(c?"mobile":"")).trim()},i&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:()=>s()},n.createElement(T,{name:"edit"}),p?.edit_response||"Edit your response"),a&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:l},n.createElement(T,{name:"reload"}),p?.another_response||"Submit another response")),m&&n.createElement("div",{style:{width:"100%"}},n.createElement("div",{className:"redirection-text"},q(b,p?.redirect_msg),n.createElement("br",null)),n.createElement("a",{className:"link",href:m},m)),n.createElement(Oa,{show_custom_button:g,show_review_links:y,show_social_links:v}))},J_=e=>{const{blockIndex:t,isWidget:r,surveyStyle:o,answers:i,renderedBlocks:a,navigateToNextStatement:s,blocks:l,isMobile:c,activeIndexOfBlocks:u,activeIndexOfRenderedBlocks:d,translationVariables:p,saveFormValues:m,skipBlock:f,clearRadioSelection:h,initialStatementHasAnswer:g,initialPivotAnswer:y,questions:v}=e,b={answers:i,blocks:l,blockIndex:t,activeIndexOfBlocks:u,isMobile:c,initialStatementHasAnswer:g,activeIndexOfRenderedBlocks:d,activeIndexOfRenderedStatement:0,renderedBlocks:a,surveyStyle:o,isWidget:r,questions:v},x={answers:i,blocks:l,activeIndexOfBlocks:u,initialStatementHasAnswer:g,isMobile:c,activeIndexOfRenderedBlocks:d,activeIndexOfRenderedStatement:0,renderedBlocks:a},w={};K_.forEach((e=>{w[e]=!!L_(e,b)}));const{question:$}=a[t??d],k=$?.type_info?.meta?.display_format;return w?.next||w?.["next-statement"]||w?.skip||w?.consent||w?.["clear-selection"]||w?.message?n.createElement("div",{className:"question-footer"},n.createElement("div",{className:"action-buttons"},w?.next&&n.createElement(rr,{onClick:()=>{m(a[d],"CHECKBOX"===$?.type_info?.meta?.display_format&&"CONSENT"===$?.type_info?.question_type?i.formValues[$.name]??!1:null,!0)},disabled:!!D_("next",x),className:"next-button"},p?.next||"Next"),w?.["next-statement"]&&n.createElement(rr,{onClick:()=>{s?.()},disabled:!!D_("next-statement",x),className:"next-button"},p?.next||"Next"),w?.consent&&"BUTTON"===k&&C.map((e=>n.createElement(rr,{key:d+String(e.recordAs),onClick:()=>{m(a[d],e.recordAs,!0)},disabled:D_("consent",x),className:(e.recordAs?"next":"secondary")+"-button"},$?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue))),w.skip&&n.createElement("button",{className:"sec-button",onClick:f,"aria-label":"skip question"},p?.skip||"Skip"),w?.["clear-selection"]&&n.createElement("button",{className:"sec-button",onClick:()=>h(t)},p?.clear_selection||"Clear selection"),w?.message&&n.createElement(rr,{onClick:f,disabled:D_("message",x),className:"next-button"},$?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"))):null},eT=e=>{const{blocks:o,renderedBlocks:i,activeBlock:a,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:l,isSurveyCompleted:c,translationVariables:u,saveFormValues:d,saveOthersValue:p,skipBlock:m,skipStatement:f,clearRadioSelection:h,onSubmitHandler:g,answers:y,questions:v,resetSurvey:b,initialStatementHasAnswer:x,navigateToStart:w,activeIndexOfRenderedStatement:$,navigateToNextStatement:k,navigateToPreviousStatement:E,pivot:C,formQuestionErrors:P,textboxQuestionErrors:S,contactFormErrors:_,fileUploadErrors:T,setErrors:M}=(e=>{const r=e.survey.question_details?.questions||[],o=e.contactData||{},i=e.translationVariables||{},[a]=t.useState(e.survey?.blocks?.filter((e=>"TY"!==e.name&&!e.is_deleted))),[s,l]=t.useState({formErrors:{},textBoxErrors:{},fileUploadErrors:{},contactFormErrors:{}}),c=t.useMemo((()=>F_({blocks:a,questions:r,responses:e.answers,answerStatus:e.answerStatus||"PARTIAL"})),[a,r,e.answers]),[u,d]=t.useState(c.renderedBlocks),[p,m]=t.useState(c.activeIndexOfRenderedBlocks),[f,h]=t.useState(c.activeIndexOfRenderedStatement),g=t.useRef(c.pivot),y=t.useRef(c.isInitialTransition),[v,b]=t.useState(c.answers),x=t.useRef(),w=t.useRef(((c.isConsideredCompleted||"PARTIAL"===e.answerStatus)&&e.canResubmit)??!1),[$,k]=t.useState(!1),E=t.useRef(null),C=u[p],P=n.useMemo((()=>u.length>0?a?.findIndex((e=>e.name===u[p]?.name)):0),[p]);t.useEffect((()=>{if(c.isConsideredCompleted&&y.current&&e.canResubmit)return;const{others_meta:t,...n}=e.answers;if(!a||!a.length||!D(n))return;g.current={...g.current,question:k_({questions:r})},null!=e.initialPivotAnswer&&(g.current={...g.current,answer:E_(g.current.question,e.initialPivotAnswer)},b({...v,formValues:{...v.formValues,[g.current.question.name]:g.current.answer}}));const o=P_({pivotQn:g.current.question,pivotQnAnswer:g.current.answer,block:a[0],questions:r});d([{...a[0],question:o}])}),[a,e.initialPivotAnswer]),t.useEffect((()=>{c.isConsideredCompleted&&y.current&&e.canResubmit||(u.length&&m(u.length-1),E.current?.scrollIntoView({block:"start",behavior:"smooth"}))}),[u]),t.useEffect((()=>{if(!(c.isConsideredCompleted&&y.current&&e.canResubmit)&&!D(v.formValues)&&a&&S())if(O_({blocks:a,activeIndexOfBlocks:P,renderedBlocks:u,activeIndexOfRenderedBlocks:p,answers:v,questions:r})){const t=()=>{const e=R_({renderedBlocks:u,activeBlock:C,blocks:a,activeIndexOfBlocks:P,answers:v,questions:r,contactData:o});if(e===1/0)return void setTimeout((()=>{_("COMPLETE"),k(!0)}));setTimeout((()=>{_()}));const t=P_({pivotQn:g.current?.question,pivotQnAnswer:g.current?.answer,block:a?.[e],questions:r}),n=N_({renderedBlocks:u,activeIndexOfRenderedBlocks:p});d([...n,{...a?.[e],question:t}])};null!=e.initialPivotAnswer&&1==u.length?x.current?(clearTimeout(x.current),x.current=null,t()):x.current=setTimeout((()=>{}),1500):t()}else"MATRIX_RATING_SCALE"===C?.question?.type_info?.question_type&&_()}),[v,a]);const S=()=>{if(C.question_name)switch(C.question?.type_info?.question_type){case"FORM_FIELD":return q_({fields:C.question?.type_info?.form_fields?.fields,answers:v.formValues?.[C.question_name]||{},errorSetter:l,questionName:C.question_name,errors:s,translationVariables:i});case"TEXT":return U_({type:C.question?.type_info?.text_field?.text_type,answer:v.formValues?.[C.question_name]||"",errorSetter:l,questionName:C.question_name,errors:s,translationVariables:i});case"CONTACT_FORM":return j_({fields:C.question?.type_info?.contact_form?.fields,answers:v.formValues?.[C.question_name]||{},errorSetter:l,questionName:C.question_name,errors:s,translationVariables:i});case"FILE":return V_({errors:s.fileUploadErrors})}return!0},_=(t="PARTIAL")=>{let n=()=>{};if(!S())return;const r={...v.formValues};"COMPLETE"===t&&(n=()=>{k(!0),w.current=!1},"CONSENT"===C.question?.type_info?.question_type&&"CHECKBOX"===C.question?.type_info?.meta?.display_format&&C.question_name&&D(v.formValues[C.question_name])&&!C.required&&(r[C.question_name]=!1,b((e=>({...e,formValues:{...e.formValues,[C.question?.name]:!1},commitDirtyValue:!1}))))),C.question_name&&void 0===r[C.question_name]&&(r[C.question_name]=null),e.onSubmit({...r,others_meta:v.others},n,t,w.current?"EDIT":"CREATE")},T=()=>{const e=C.question;if(w.current||p===u.length-1)b({...v,formValues:{...v.formValues,[e.name]:null},commitDirtyValue:!0});else{const t=B_({renderedBlocks:u,activeIndexOfRenderedBlocks:p,answers:v}),n=N_({renderedBlocks:u,activeIndexOfRenderedBlocks:p});d(n),b({...t,formValues:{...t.formValues,[e.name]:null},commitDirtyValue:!0})}},M=()=>{h((e=>e+1))},R=(e,t,n=!1,r=p)=>{y.current=!1,e.question.name===g.current?.question.name&&(g.current={...g.current,answer:t});let o=v;w.current||!n&&!A_({question:e.question,answers:v})||(o=B_({renderedBlocks:u,activeIndexOfRenderedBlocks:r,answers:v})),r!==p&&m(r),b({...o,formValues:{...o.formValues,...null!=t&&{[e.question.name]:t}},commitDirtyValue:n}),"SINGLE_ANSWER"===C.question.type_info?.matrix_properties?.type&&f<(C.question?.type_info?.matrix_properties?.statements||[]).length-1&&setTimeout((()=>{M?.()}),0)},I=n.useMemo((()=>{if("MATRIX_RATING_SCALE"!==C?.question?.type_info?.question_type)return!1;const e=(C?.question?.type_info?.matrix_properties?.statements||[])[f];return((v.formValues[C?.question.name]||[]).find((t=>t.statement_id===e?.id))?.rating_labels||[]).length>0}),[f,p]);return{blocks:a,questions:r,renderedBlocks:u,initialStatementHasAnswer:I,activeBlock:C,activeIndexOfBlocks:P,activeIndexOfRenderedBlocks:p,activeIndexOfRenderedStatement:f,navigateToNextStatement:M,navigateToPreviousStatement:()=>{h((e=>e-1))},isSurveyCompleted:$,pivot:g.current,answers:v,translationVariables:i,formQuestionErrors:s.formErrors,textboxQuestionErrors:s.textBoxErrors,fileUploadErrors:s.fileUploadErrors,contactFormErrors:s.contactFormErrors,setErrors:l,saveFormValues:R,saveOthersValue:(e,t,n=p)=>{if(n!==p&&m(n),null===t){const t={...v.others};delete t[e],b({...v,commitDirtyValue:!1,others:t})}else b({...v,commitDirtyValue:!1,others:{...v.others,[e]:t}})},skipBlock:T,skipStatement:()=>{if(e.isMobile||e.isWidget){const e=C?.question?.type_info?.matrix_properties?.statements||[],t=e[f],n=v.formValues[C?.question.name]||[],r=f<e.length-1;R(C,n.filter((e=>e.statement_id!==t.id)),!r),r&&"MULTIPLE_ANSWERS"===C?.question?.type_info?.matrix_properties?.type&&setTimeout((()=>{M?.()}),0)}else T()},clearRadioSelection:e=>{e!==p&&m(e);const t=u[e].question;delete v.formValues[t.name],delete v.others[t.name];const n=B_({renderedBlocks:u,activeIndexOfRenderedBlocks:e,answers:v}),r=N_({renderedBlocks:u,activeIndexOfRenderedBlocks:e});d(r),b({...n,commitDirtyValue:!1})},onSubmitHandler:_,navigateToStart:()=>{w.current=!0,k(!1)},resetSurvey:()=>{k(!1);const e=P_({pivotQn:g.current?.question,pivotQnAnswer:g.current?.answer,block:a[0],questions:r});d([{...a[0],question:e}]),m(0),b({formValues:{},others:{},commitDirtyValue:!1})}}})(e),R=t.useRef(null),[I,A]=t.useState(!1),O=n.useMemo((()=>B(C?.question)),[C?.question]),L=D(y.formValues)&&e.survey.prompt_settings?.is_enabled&&e.preview,[F,Z]=t.useState(L);if(t.useEffect((()=>{R.current?.scrollIntoView({block:"start",behavior:"smooth"})}),[i]),t.useEffect((()=>{e.getSurveyProgress?.({totalBlocks:o.length,isSurveyCompleted:c,activeIndexOfBlocks:s})}),[o.length,c,s]),!a||!a.question)return null;const{question:q}=i[l];return n.createElement("div",{className:`freemium-survey-components ${e.isMobile?"mobile-preview":""} standard-survey-style`,id:"freemium-survey"},n.createElement(r.SwitchTransition,{mode:"out-in"},n.createElement(r.CSSTransition,{key:String(c)+String(F),addEndListener:(e,t)=>{e.addEventListener("transitionend",t,!1)},classNames:"fade"},n.createElement("div",null,F&&e.survey.prompt_settings?n.createElement("div",{className:"questions"},n.createElement("div",{className:"question-container"},n.createElement(Aa,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt?.(t),1===t&&Z(!1)},placeholders:e.placeholders}))):n.createElement(n.Fragment,null,c?n.createElement(Q_,{thankYouQuestion:P_({pivotQn:C?.question,pivotQnAnswer:C?.answer,block:T_({activeBlock:a,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:y,questions:v,activeIndexOfBlocks:s,renderedBlocks:i,contactData:e.contactData}),questions:v}),preview:!!e.preview,placeholders:e.placeholders,pivot:{...C,question:C?.question||{name:""},answer:C?.answer},rangeToRender:O,canResubmit:e.canResubmit,isMobile:e.isMobile,allowMultipleSubmission:e.allowMultipleSubmission,translationVariables:u,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",(()=>{A(!1),w()})):(A(!1),w())},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",(()=>{A(!1),b()})):(A(!1),b())}}):n.createElement(n.Fragment,null,n.createElement("div",{onTransitionEndCapture:e=>e.stopPropagation(),className:"questions"},i.map(((t,r)=>n.createElement("div",{key:t.question.name,ref:R,className:"question-container"},n.createElement("div",{className:`question-text ${!a.question.type_info?.pivot_question&&a.required?"required":""} ${0===r?"nps":""}`.trim(),dangerouslySetInnerHTML:{__html:N({questionText:t.question.text,placeholders:e.placeholders,npsRating:C?.answer,ratingLabel:z(C?.answer)?"":O?.find((e=>e?.value===String(C?.answer)))?.text??"",preference:C?.question.type_info?.scale_properties?.labels?.preference,isPreview:!!e.preview})},"aria-label":`question-${r}`,role:"heading","aria-level":1}),n.createElement(x_,{assetUrl:e.assetUrl,fileUploadErrors:T,setErrors:M,onFileUpload:e.onFileUpload,survey:e.survey,question:t.question,isFinalQn:C_({blocks:o,activeIndexOfBlocks:s,renderedBlocks:i,activeIndexOfRenderedBlocks:l,questions:v}),formValues:y.formValues,othersMeta:y.others,isMobile:!!e.isMobile,autoFocusDelay:"standard"===e.surveyStyle?350:20,activeIndexOfRenderedStatement:$,saveOthersValue:(e,t)=>{p(e,t,r)},onChangeHandler:e=>{d(t,e,!1,r)},initialPivotAnswer:e.initialPivotAnswer,formQuestionErrors:P,textboxQuestionErrors:S,contactFormErrors:_,translationVariables:u}),n.createElement(J_,{isWidget:!1,surveyStyle:e.surveyStyle,answers:y,renderedBlocks:i,blocks:o,blockIndex:r,activeIndexOfRenderedBlocks:l,initialStatementHasAnswer:x,navigateToNextStatement:k,navigateToPreviousStatement:E,activeIndexOfBlocks:s,saveFormValues:d,isMobile:!!e.isMobile,skipBlock:m,skipStatement:f,clearRadioSelection:h,onSubmitHandler:g,initialPivotAnswer:e.initialPivotAnswer,translationVariables:u,formQuestionErrors:P,textboxQuestionErrors:S,contactFormErrors:_,fileUploadErrors:T,questions:v})))),L_("submit",{answers:y,blocks:o,activeIndexOfBlocks:s,initialStatementHasAnswer:x,isMobile:!!e.isMobile,activeIndexOfRenderedBlocks:l,renderedBlocks:i,surveyStyle:e.surveyStyle,isWidget:!1,questions:v})&&n.createElement("div",{className:"submit"},n.createElement(rr,{disabled:!!D_("submit",{answers:y,blocks:o,initialStatementHasAnswer:x,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:l,renderedBlocks:i,activeIndexOfRenderedStatement:$,isSubmitting:I}),onClick:()=>{D(P?.[q.name])&&D(S?.[q.name])&&D(T?.[q.name])&&D(_?.[q.name])&&(A(!0),g("COMPLETE"))}},I?"Submitting":"Submit survey")))))))),n.createElement(wa,{...e.footerProps}))};I(':root {\n --default-brand-color: #264966;\n --default-question-text-color: #3a4b67;\n --default-question-background-color: #fff;\n --default-background-color: #f8f8f8;\n --default-button-text-color: #fff;\n --default-secondary-button-text-color: #000;\n --default-input-placeholder-color: #92a2b1;\n --secondary-button-linear-gradient: linear-gradient(\n 180deg,\n #ffffff 0%,\n #f5f7f9 100%\n );\n}\n\n.freemium-survey-components.widget-survey-components {\n overflow: hidden;\n}\n.freemium-survey-components.widget-survey-components * {\n scrollbar-color: rgba(216, 216, 216, 0.5) transparent !important;\n}\n.freemium-survey-components.widget-survey-components * ::-webkit-scrollbar {\n height: auto;\n height: initial;\n width: 6px;\n}\n.freemium-survey-components.widget-survey-components * ::-webkit-scrollbar-track {\n background: transparent !important;\n}\n.freemium-survey-components.widget-survey-components * ::-webkit-scrollbar-thumb {\n border-radius: 5px;\n background: rgba(216, 216, 216, 0.5) !important;\n}\n.freemium-survey-components.widget-survey-components p {\n margin: 0;\n}\n.freemium-survey-components.widget-survey-components .questions {\n min-width: 100%;\n max-width: 100%;\n background: var(--default-question-background-color);\n background: var(--question-background-color, var(--default-question-background-color));\n position: relative;\n display: flex;\n justify-content: row;\n align-items: flex-end;\n height: 100%;\n transition: height 200ms ease;\n}\n.freemium-survey-components.widget-survey-components .question-container {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n text-align: center;\n max-height: 100%;\n min-width: 100%;\n max-width: 700px;\n margin: 0 auto;\n box-shadow: 0px 12px 15px rgba(18, 52, 77, 0.03);\n padding: 28px 0;\n padding-top: 0;\n grid-gap: 28px;\n gap: 28px;\n overflow: auto;\n}\n.freemium-survey-components.widget-survey-components .prompt-container {\n align-items: center;\n justify-content: center;\n padding: 0;\n}\n.freemium-survey-components.widget-survey-components .question-wrapper {\n width: 100%;\n padding: 4px 28px;\n}\n.freemium-survey-components.widget-survey-components .question-wrapper .button-container {\n margin-bottom: 20px;\n}\n.freemium-survey-components.widget-survey-components .question-wrapper .footer {\n text-align: center;\n font-size: 12px;\n color: var(--question-text-color);\n}\n.freemium-survey-components.widget-survey-components .prompt-declined {\n text-align: center !important;\n}\n.freemium-survey-components.widget-survey-components .hide-question-container {\n opacity: 0;\n}\n.freemium-survey-components.widget-survey-components .question-text {\n font-size: 16px;\n font-weight: 600;\n line-height: 1.8;\n width: 100%;\n text-align: left;\n padding: 0 28px;\n color: var(--default-question-text-color);\n color: var(--question-text-color, var(--default-question-text-color));\n}\n.freemium-survey-components.widget-survey-components .question-text p {\n all: inherit;\n padding: 0;\n}\n.freemium-survey-components.widget-survey-components .question-text a {\n color: var(--link-color);\n text-decoration: underline;\n}\n.freemium-survey-components.widget-survey-components .question-text.required > p:nth-last-child(1)::after {\n content: "*";\n color: rgb(215, 45, 48);\n margin-left: 4px;\n}\n.freemium-survey-components.widget-survey-components .autofocus-button {\n border: none;\n width: 0;\n height: 0;\n opacity: 0;\n margin-top: -12px;\n margin-left: -12px;\n position: absolute;\n}\n.freemium-survey-components.widget-survey-components .fade-enter {\n opacity: 1;\n transform: translateX(80px);\n position: absolute;\n}\n.freemium-survey-components.widget-survey-components .fade-enter-active {\n position: absolute;\n opacity: 1;\n transform: translateX(0);\n}\n.freemium-survey-components.widget-survey-components .fade-enter-done {\n position: absolute;\n}\n.freemium-survey-components.widget-survey-components .fade-exit {\n opacity: 0.05;\n pointer-events: none;\n transform: translateX(0);\n}\n.freemium-survey-components.widget-survey-components .fade-exit-active {\n pointer-events: none;\n opacity: 0;\n transform: translateX(-80px);\n}\n.freemium-survey-components.widget-survey-components .fade-reverse-enter {\n opacity: 0;\n position: absolute;\n transform: translateX(-80px);\n}\n.freemium-survey-components.widget-survey-components .fade-reverse-enter-active {\n opacity: 1;\n position: absolute;\n transform: translateX(0);\n}\n.freemium-survey-components.widget-survey-components .fade-reverse-exit {\n opacity: 0.05;\n transform: translateX(0);\n}\n.freemium-survey-components.widget-survey-components .fade-reverse-exit-active {\n opacity: 0;\n transform: translateX(80px);\n}\n.freemium-survey-components.widget-survey-components .fade-enter-active,\n.freemium-survey-components.widget-survey-components .fade-reverse-enter-active,\n.freemium-survey-components.widget-survey-components .fade-reverse-exit-active,\n.freemium-survey-components.widget-survey-components .fade-exit-active {\n transition: opacity 200ms, transform 200ms;\n}\n.freemium-survey-components.widget-survey-components .question-footer {\n margin: 0px auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n position: sticky;\n padding: 0 28px;\n bottom: -28px;\n background: var(--default-question-background-color);\n background: var(--question-background-color, var(--default-question-background-color));\n grid-gap: 40px;\n gap: 40px;\n width: 100%;\n}\n.freemium-survey-components.widget-survey-components .question-footer:empty {\n display: none;\n}\n.freemium-survey-components.widget-survey-components .question-footer:only-child {\n margin-left: auto;\n}\n.freemium-survey-components.widget-survey-components .freemium-survey-step-navigation {\n white-space: nowrap;\n border-radius: 3px;\n border: 1px solid #efefef;\n}\n.freemium-survey-components.widget-survey-components .freemium-survey-step-navigation .navigation-button {\n width: 38px;\n text-align: -webkit-center;\n height: 40px;\n background-color: #fff;\n border: none;\n cursor: pointer;\n border-radius: 0 3px 3px 0;\n}\n.freemium-survey-components.widget-survey-components .freemium-survey-step-navigation .navigation-button:first-of-type {\n border-right: 1px solid #efefef;\n border-radius: 3px 0 0 3px;\n}\n.freemium-survey-components.widget-survey-components .freemium-survey-step-navigation .navigation-button:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.freemium-survey-components.widget-survey-components .freemium-survey-step-navigation .navigation-button:focus {\n position: relative;\n z-index: 1;\n}\n.freemium-survey-components.widget-survey-components .action-buttons {\n display: flex;\n grid-gap: 20px;\n gap: 20px;\n width: 100%;\n}\n.freemium-survey-components.widget-survey-components .action-buttons:empty {\n display: none;\n}\n.freemium-survey-components.widget-survey-components .skip-button {\n font-weight: 500;\n cursor: pointer;\n color: #3a4b67;\n background: transparent;\n border: none;\n min-width: 40px;\n padding: 8px 16px;\n border-radius: 4px;\n color: var(--default-secondary-button-text-color);\n color: var(--secondary-button-text-color, var(--default-secondary-button-text-color));\n letter-spacing: 0.05rem;\n line-height: 1.5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n}\n.freemium-survey-components.widget-survey-components .skip-button:hover {\n background-color: #f3f3f3;\n transform: translateY(-4px);\n}\n.freemium-survey-components.widget-survey-components .next-button,\n.freemium-survey-components.widget-survey-components .submit {\n color: var(--default-button-text-color);\n color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components.widget-survey-components .secondary-button {\n border: 1px solid #cfd7df;\n background-image: linear-gradient(\n 180deg,\n #ffffff 0%,\n #f5f7f9 100%\n );\n background-image: var(--secondary-button-linear-gradient);\n box-shadow: 0 1px 0 0 rgba(24, 50, 71, 0.05);\n color: #12344d;\n background-color: #ffffff;\n width: 100%;\n}\n.freemium-survey-components.widget-survey-components .secondary-button:hover {\n background-color: #f5f7f9;\n background-image: none;\n}\n.freemium-survey-components.widget-survey-components .thankyou {\n display: flex;\n align-items: center;\n justify-content: center;\n grid-gap: 20px;\n gap: 20px;\n min-height: 180px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .heading {\n font-weight: 500;\n font-size: 22px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .text {\n white-space: pre-wrap;\n font-weight: 500;\n font-size: 14px;\n line-height: 1.6;\n color: #475867;\n}\n.freemium-survey-components.widget-survey-components .thankyou .redirection-text {\n color: #929292;\n margin-bottom: 12px;\n font-weight: 300;\n}\n.freemium-survey-components.widget-survey-components .thankyou .link {\n width: 100%;\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #666;\n font-weight: 500;\n text-decoration: underline;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions {\n display: flex;\n}\n.freemium-survey-components.widget-survey-components .thankyou .thank-you-image {\n justify-content: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions.mobile {\n flex-direction: column;\n align-items: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions.mobile button.action-button {\n justify-content: center;\n margin-bottom: 8px;\n letter-spacing: 0.05em;\n line-height: 1.5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n background-color: #e5f2fd;\n margin: 6px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions.mobile button.action-button:hover {\n transform: translateY(-4px);\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container {\n display: flex;\n grid-gap: 10px;\n gap: 10px;\n flex-wrap: wrap;\n justify-content: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-link {\n background: #f5f7f9;\n padding: 20px 0px;\n border-radius: 10px;\n width: 300px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-link .links {\n display: flex;\n grid-gap: 10px;\n gap: 10px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-link .link-image-url {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 45px;\n width: 45px;\n background: #fff;\n border-radius: 8px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-link .link-page-name {\n padding: 0px 20px 0px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #fff;\n height: 45px;\n border-radius: 8px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .title-text {\n padding-bottom: 14px;\n font-size: 14px;\n font-weight: 500;\n letter-spacing: 0.4px;\n font-style: normal;\n font-weight: 600;\n color: #213249;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-custom-button-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 300px;\n border-radius: 10px;\n padding: 20px 0px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-custom-button-container .button_text {\n display: flex;\n justify-content: center;\n align-items: center;\n grid-gap: 10px;\n gap: 10px;\n height: 45px;\n padding: 0px 20px;\n background: #4560f6;\n color: #fff;\n font-weight: 700px;\n border-radius: 8px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions button.action-button {\n width: unset;\n letter-spacing: 0.05em;\n line-height: 1.5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n background-color: #e5f2fd;\n margin: 6px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions button.action-button:hover {\n transform: translateY(-4px);\n}\n.freemium-survey-components.widget-survey-components .thankyou button.action-button {\n font-weight: 600;\n font-size: 14px;\n line-height: 20px;\n color: #2c5cc5;\n border: none;\n background: none;\n padding: 8px 12px;\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou button.action-button svg {\n margin-right: 8px;\n}\n.freemium-survey-components.widget-survey-components .responsive-text-field .input-container {\n display: none;\n}\n.freemium-survey-components.widget-survey-components .responsive-text-field .textarea-container {\n display: flex;\n}\n.freemium-survey-components.widget-survey-components .responsive-text-field .textarea-container textarea {\n min-height: 80px;\n height: 80px;\n}\n.freemium-survey-components.widget-survey-components .responsive-input-field .input-container input {\n min-height: 40px;\n}\n.freemium-survey-components.widget-survey-components .message-container:empty {\n display: none;\n}\n\n.freemium-survey-components.widget-survey-components.compact-style .question-container {\n grid-gap: 20px;\n gap: 20px;\n max-width: 100%;\n}\n.freemium-survey-components.widget-survey-components.compact-style .question-footer {\n flex-direction: column;\n grid-gap: 20px;\n gap: 20px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .question-footer .compact-footer-layout {\n display: flex;\n justify-content: space-between;\n width: 100%;\n align-items: center;\n}\n.freemium-survey-components.widget-survey-components.compact-style .question-footer .compact-footer-layout:empty {\n display: none;\n}\n.freemium-survey-components.widget-survey-components.compact-style .question-footer .action-buttons {\n grid-gap: 32px;\n gap: 32px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .question-footer .submit,\n.freemium-survey-components.widget-survey-components.compact-style .question-footer .action-button {\n max-width: unset;\n width: 100%;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container {\n max-height: 470px;\n min-height: 150px;\n overflow: auto;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .heading,\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .text {\n width: 100%;\n word-break: break-word;\n margin-bottom: 10px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .thankyou-logo-img {\n max-height: 50px;\n max-width: 50px;\n margin: auto auto 10px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .wrap-up-actions.mobile button.action-button {\n margin-bottom: 0px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .show-link-container {\n border-top: 2px solid #f5f7f9;\n grid-gap: 0px;\n gap: 0px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .show-link-container .show-link {\n background: transparent;\n padding: 10px 0px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .show-link-container .show-link .link-image-url {\n border: 1px solid #f3f3f3;\n box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .show-link-container .show-link .link-page-name {\n border: 1px solid #f3f3f3;\n box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .show-custom-button-container {\n padding: 10px 0px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou .text {\n width: 86%;\n margin: auto;\n}\n.freemium-survey-components.widget-survey-components.compact-style .range-container .range-scale .labels.labels-5 {\n justify-content: space-between;\n grid-gap: unset;\n gap: unset;\n}\n\n.freemium-survey-components.widget-survey-components.default-style .question-footer {\n justify-content: space-between;\n}\n.freemium-survey-components.widget-survey-components.default-style .wrap-up-actions {\n margin-bottom: 10px;\n}\n.freemium-survey-components.widget-survey-components.default-style .thankyou-container {\n max-height: 450px;\n}\n.freemium-survey-components.widget-survey-components.default-style .thankyou-container .wrap-up-actions {\n display: flex;\n justify-content: center;\n}\n.freemium-survey-components.widget-survey-components.default-style .thankyou-container .thankyou-logo-img {\n height: 100px;\n width: auto;\n margin: auto auto 10px;\n}\n.freemium-survey-components.widget-survey-components.default-style .thankyou-container .text {\n margin: 10px;\n}\n.freemium-survey-components.widget-survey-components.default-style .radio-group {\n flex-direction: column;\n flex-wrap: nowrap;\n}\n.freemium-survey-components.widget-survey-components.default-style .radio-group .radio-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9em;\n color: #3a4b67;\n}\n.freemium-survey-components.widget-survey-components.default-style .checkbox-group .checkbox-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9em;\n}\n.freemium-survey-components.widget-survey-components.default-style textarea {\n min-height: 84px;\n}\n.freemium-survey-components.widget-survey-components.default-style .end-max-length {\n font-size: 0.8em;\n font-weight: 300;\n padding: 4px;\n}\n\n.freemium-survey-components.widget-survey-components.cozy-style {\n max-width: 1000px;\n min-width: 600px;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .question-text {\n font-size: 16px;\n text-align: left;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .question-text p {\n text-align: left;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .question-footer {\n justify-content: space-between;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n grid-gap: 25px;\n gap: 25px;\n width: 80%;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .heading,\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .text {\n text-align: left;\n word-break: break-word;\n margin: 10px;\n box-sizing: border-box;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .thankyou-image {\n text-align: center;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .thankyou-logo-img {\n height: 100px;\n width: auto;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container {\n display: flex;\n align-items: baseline;\n justify-content: flex-start;\n margin: 10px;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container .show-link {\n background: transparent;\n display: flex;\n align-items: baseline;\n width: -moz-fit-content;\n width: fit-content;\n padding-right: 20px;\n border-right: 1px solid #f3f3f3;\n border-radius: 0;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container .show-link .link-image-url,\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container .show-link .link-page-name {\n border: 1px solid #f3f3f3;\n box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container .show-custom-button-container {\n justify-content: right;\n align-items: baseline;\n width: -moz-fit-content;\n width: fit-content;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container .show-custom-button-container .button_text {\n justify-content: right;\n align-items: right;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .range-container .widget {\n display: flex;\n justify-content: center;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .range-container .button-container {\n width: 90%;\n min-width: 600px;\n margin: 0 auto;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .action-button {\n line-height: 1.2;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .radio-group {\n flex-direction: row;\n flex-wrap: wrap;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .radio-group .radio-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9em;\n color: #3a4b67;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .checkbox-group {\n flex-direction: row;\n flex-wrap: wrap;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .checkbox-group .checkbox-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9em;\n}\n.freemium-survey-components.widget-survey-components.cozy-style textarea {\n min-height: 60px;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .end-max-length {\n font-size: 0.8em;\n font-weight: 300;\n padding: 4px;\n}\n\n.freemium-survey-components.mobile-preview .thankyou .text {\n width: unset;\n}\n.freemium-survey-components.mobile-preview .thankyou .thankyou-logo-img {\n height: 100px;\n width: auto;\n}\n.freemium-survey-components.mobile-preview .thankyou .show-link-container {\n border-top: 2px solid #f5f7f9;\n}\n.freemium-survey-components.mobile-preview .thankyou .show-link-container .show-link {\n background: transparent;\n}\n.freemium-survey-components.mobile-preview .thankyou .show-link-container .show-link .link-image-url {\n border: 1px solid #f3f3f3;\n box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);\n}\n.freemium-survey-components.mobile-preview .thankyou .show-link-container .show-link .link-page-name {\n border: 1px solid #f3f3f3;\n box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);\n}\n.freemium-survey-components.mobile-preview .range-container .range-scale .labels.labels-5 {\n justify-content: space-between;\n grid-gap: unset;\n gap: unset;\n}');const tT=({thankYouQuestion:e,placeholders:t,canResubmit:r,navigateToStart:o,resetSurvey:i,widgetStyle:a,allowMultipleSubmission:s,pivot:l,rangeToRender:c,translationVariables:u})=>{const{show_custom_button:d,show_review_links:p,show_social_links:m,image_url:f}=e.type_info?.meta??{};return n.createElement("div",{className:"thankyou-container"},f&&n.createElement("img",{className:"thankyou-logo-img",src:f,alt:"thankyou_logo"}),n.createElement("div",null,n.createElement("div",{className:f?"heading":"heading thankyou-image"},e?.type_info?.header_text??(u?.thank_you||"Thank you!")),n.createElement("div",{className:f?"text":"text thankyou-image",dangerouslySetInnerHTML:{__html:N({questionText:e.text,placeholders:t,npsRating:l?.answer,ratingLabel:z(l?.answer)?"":c?.find((e=>e?.value===String(l?.answer)))?.text??"",preference:l?.question.type_info?.scale_properties?.labels?.preference})}}),(r||s)&&n.createElement("div",{className:`wrap-up-actions ${f?"":"thank-you-image"} ${"compact"===a?"mobile":""}`.trim()},r&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:o},n.createElement(T,{name:"edit"}),u?.edit_response||"Edit your response"),s&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:i},n.createElement(T,{name:"reload"}),u?.another_response||"Submit another response")),n.createElement(Oa,{show_custom_button:d,show_review_links:p,show_social_links:m})))},nT=({activeIndexOfBlocks:e,activeIndexOfRenderedBlocks:t,renderedBlocks:r,blocks:o,answers:i,initialStatementHasAnswer:a,translationVariables:s,activeIndexOfRenderedStatement:l,navigateToPreviousBlock:c,navigateToNextBlock:u})=>{const d={blocks:o,renderedBlocks:r,activeIndexOfBlocks:e,initialStatementHasAnswer:a,activeIndexOfRenderedBlocks:t,activeIndexOfRenderedStatement:l,answers:i};return n.createElement("div",{className:"freemium-survey-step-navigation","data-navigation-element":"1"},n.createElement("button",{disabled:!!D_("navigation-prev",d),className:"navigation-button",onClick:c,title:l>0?s?.prev_statement||"go to previous statement":s?.prev_question||"go to previous question"},n.createElement(T,{name:"arrow-previous"})),n.createElement("button",{className:"navigation-button",disabled:!!D_("navigation-next",d),onClick:u,title:s?.next_question||"go to next question"},n.createElement(T,{name:"arrow-next"})))},rT=e=>{const{isWidget:r,widgetStyle:o,answers:i,initialStatementHasAnswer:a,renderedBlocks:s,blocks:l,activeIndexOfBlocks:c,navigateToNextStatement:u,activeIndexOfRenderedBlocks:d,translationVariables:p,saveFormValues:m,activeIndexOfRenderedStatement:f=0,onSubmitHandler:h,skipBlock:g,skipStatement:y,navigateToNextBlock:v,navigateToPreviousBlock:b,formQuestionErrors:x,textboxQuestionErrors:w,fileUploadErrors:$,contactFormErrors:k,questions:E}=e,[P,S]=t.useState(!1),_={answers:i,blocks:l,isMobile:!1,activeIndexOfBlocks:c,activeIndexOfRenderedBlocks:d,initialStatementHasAnswer:a,activeIndexOfRenderedStatement:f,renderedBlocks:s,isWidget:r,blockIndex:d,questions:E},T={answers:i,blocks:l,isWidget:r,isMobile:!1,activeIndexOfBlocks:c,activeIndexOfRenderedStatement:f,initialStatementHasAnswer:a,activeIndexOfRenderedBlocks:d,renderedBlocks:s,isSubmitting:P},{question:M}=s[d],R=M?.type_info?.question_type,I=(e=!1)=>{const t=e?[...C].reverse():[...C];return L_("consent",_)&&"BUTTON"===O&&t.map((e=>n.createElement(rr,{key:d+String(e.id),onClick:()=>{m(s[d],e.recordAs,!0)},disabled:D_("consent",T),className:(e.recordAs?"next":"secondary")+"-button"},M?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue)))},A="compact"===o&&(L_("navigation",_)&&L_("skip",_)||"CONSENT"===R||"MESSAGE"===R),O=M?.type_info?.meta?.display_format;return n.createElement(n.Fragment,null,(L_("navigation",_)||L_("next",_)||L_("next-statement",_)||L_("consent",_)||L_("submit",_)||L_("skip",_)||L_("skip-statement",_)||L_("message",_))&&n.createElement("div",{className:"question-footer"},A?n.createElement(n.Fragment,null,L_("next",_)&&n.createElement(rr,{onClick:()=>{m(s[d],"CHECKBOX"===M?.type_info?.meta?.display_format&&"CONSENT"===M?.type_info?.question_type?i.formValues[M.name]??!1:null,!0)},disabled:!!D_("next",T),className:"next-button"},p?.next||"Next"),L_("message",_)&&n.createElement(rr,{onClick:g,disabled:D_("message",T),className:"next-button"},M?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"),L_("submit",_)&&n.createElement("div",{className:"submit"},n.createElement(rr,{disabled:!!D_("submit",T),onClick:()=>{D(x?.[M.name])&&D(w?.[M.name])&&D($?.[M.name])&&D(k?.[M.name])&&(S(!0),h("COMPLETE"))}},P?p?.submitting||"Submitting":p?.submit_survey||"Submit survey")),L_("next-statement",_)&&n.createElement(rr,{onClick:()=>{u?.()},disabled:!!D_("next-statement",T),className:"next-button"},p?.next||"Next"),I(),n.createElement("div",{className:"compact-footer-layout"},n.createElement(nT,{answers:i,activeIndexOfBlocks:c,activeIndexOfRenderedBlocks:d,renderedBlocks:s,initialStatementHasAnswer:a,blocks:l,activeIndexOfRenderedStatement:f,translationVariables:p,navigateToNextBlock:v,navigateToPreviousBlock:b}),"MESSAGE"!==R&&!l[c].required&&n.createElement("button",{className:"skip-button",onClick:g,"aria-label":"skip question"},p?.skip||"Skip"))):n.createElement("div",{className:"action-buttons"},L_("navigation",_)&&n.createElement("div",{style:{marginRight:"auto"}},n.createElement(nT,{answers:i,activeIndexOfBlocks:c,activeIndexOfRenderedBlocks:d,activeIndexOfRenderedStatement:f,renderedBlocks:s,blocks:l,initialStatementHasAnswer:a,translationVariables:p,navigateToNextBlock:v,navigateToPreviousBlock:b})),n.createElement("div",{style:{flex:1}}),L_("skip",_)&&n.createElement("button",{className:"skip-button",onClick:g,"aria-label":"skip question"},p?.skip||"Skip"),L_("skip-statement",_)&&n.createElement("button",{className:"skip-button",onClick:y,"aria-label":"skip statement"},p?.skip||"Skip"),I(!0),L_("next",_)&&n.createElement(rr,{onClick:()=>{m(s[d],"CHECKBOX"===M?.type_info?.meta?.display_format&&"CONSENT"===M?.type_info?.question_type?i.formValues[M.name]??!1:null,!0)},disabled:!!D_("next",T),className:"next-button"},p?.next||"Next"),L_("next-statement",_)&&n.createElement(rr,{onClick:()=>{u?.()},disabled:!!D_("next-statement",T),className:"next-button"},p?.next||"Next"),L_("submit",_)&&n.createElement("div",{className:"submit"},n.createElement(rr,{disabled:!!D_("submit",T),onClick:()=>{S(!0),h("COMPLETE")}},P?p?.submitting||"Submitting":p?.submit_survey||"Submit survey")),L_("message",_)&&n.createElement(rr,{onClick:g,disabled:D_("message",T),className:"next-button"},M?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"))))},oT=e=>{const{blocks:o,renderedBlocks:i,activeBlock:a,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:l,isSurveyCompleted:c,isReverseAnimation:u,translationVariables:d,saveFormValues:p,saveOthersValue:m,skipBlock:f,skipStatement:h,initialStatementHasAnswer:g,onSubmitHandler:y,navigateToNextBlock:v,activeIndexOfRenderedStatement:x,navigateToNextStatement:w,navigateToPreviousStatement:$,navigateToPreviousBlock:k,answers:E,questions:C,resetSurvey:P,navigateToStart:S,pivot:_,formQuestionErrors:T,textboxQuestionErrors:M,fileUploadErrors:R,contactFormErrors:I,setErrors:A}=G_({...e,isWidget:!0}),[O,L]=t.useState(null),F=t.useRef(0),Z=n.useMemo((()=>B(_?.question)),[_?.question]),q=D(E.formValues)&&e.survey.prompt_settings?.is_enabled,[U,j]=t.useState(q),V=t.useRef(q?-1:l),G=()=>{if(O){O.style.minHeight="unset",O.style.maxHeight="unset",O.style.height="min-content",O.style.position="static";const t=Math.min(O?.scrollHeight+2,b[e.widgetStyle]);O.style.height=t+"px",O.style.minHeight=t+"px",F.current=t}};if(t.useMemo((()=>{G()}),[O]),t.useEffect((()=>{"MATRIX_RATING_SCALE"===a?.question?.type_info?.question_type&&setTimeout((()=>{G()}),0)}),[x]),t.useEffect((()=>{e.setCurrentSurveyState?.({question:i[l]?.question,npsScore:_?.answer})}),[l,_?.answer]),t.useEffect((()=>{l!==V.current&&(V.current=-1)}),[l]),!a||!a?.question)return null;e.widgetHeaderQuerySelector&&document.querySelector(e.widgetHeaderQuerySelector);const H=c?o.length:s+(c?1:0),W=c?100:(H>0?100/o.length:0)*H;return n.createElement("div",{className:`freemium-survey-components widget-survey-components\n ${e.widgetStyle}-style `,id:"freemium-survey"},c||U?null:n.createElement("div",{className:"widget-progressbar"},n.createElement("div",{className:"progress-completion"},W.toFixed(),"%"),n.createElement(tr,{totalSteps:o.length,completedSteps:s+(c?1:0),isWidget:!0})),n.createElement("div",{className:"questions",style:{height:F.current,...q&&U||V.current===l?{transition:"none"}:{}}},n.createElement(r.TransitionGroup,{component:null},n.createElement(r.CSSTransition,{key:l+String(c)+String(U),unmountOnExit:!0,addEndListener:(e,t)=>{e.addEventListener("transitionend",t,!1)},classNames:u?"fade-reverse":"fade"},n.createElement("div",{ref:e=>e?L(e):null,id:`${a.question.name}`,className:`question-container ${c?"thankyou":""} ${U?"prompt-container":""}`,"data-test-question-name":a.question.name},U&&e.survey.prompt_settings?n.createElement(Aa,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt(t),1===t&&j(!1)},placeholders:e.placeholders}):n.createElement(n.Fragment,null,c?n.createElement(tT,{thankYouQuestion:P_({pivotQn:_?.question,pivotQnAnswer:_?.answer,block:T_({activeBlock:a,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:E,questions:C,activeIndexOfBlocks:s,renderedBlocks:i,contactData:e.contactData}),questions:C}),placeholders:e.placeholders,canResubmit:e.canResubmit,widgetStyle:e.widgetStyle,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",S):S()},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",P):P()},allowMultipleSubmission:e.allowMultipleSubmission,pivot:_,rangeToRender:Z,translationVariables:d}):n.createElement(n.Fragment,null,n.createElement("div",{className:`question-text ${!a.question.type_info?.pivot_question&&a.required?"required":""} ${"RANGE"===a?.question?.type_info?.question_type?"range-question-text":""}`.trim(),dangerouslySetInnerHTML:{__html:N({questionText:a?.question.text,placeholders:e.placeholders,npsRating:_?.answer,ratingLabel:z(_?.answer)?"":Z?.find((e=>e?.value===String(_?.answer)))?.text??"",preference:_?.question.type_info?.scale_properties?.labels?.preference})},"aria-label":`question-${l}`,role:"heading","aria-level":1}),n.createElement("div",{className:"question-wrapper",onTransitionEndCapture:e=>e.stopPropagation()},n.createElement(x_,{assetUrl:e.assetUrl,fileUploadErrors:R,setErrors:A,onFileUpload:e.onFileUpload,survey:e.survey,question:a.question,isFinalQn:C_({blocks:o,activeIndexOfBlocks:s,renderedBlocks:i,activeIndexOfRenderedBlocks:l,questions:C}),formValues:E.formValues,widgetStyle:e.widgetStyle,isMobile:!1,othersMeta:E.others,autoFocusDelay:0,activeIndexOfRenderedStatement:x,isWidget:!0,saveOthersValue:m,onChangeHandler:e=>{p(a,e)},formQuestionErrors:T,textboxQuestionErrors:M,contactFormErrors:I,translationVariables:d})),n.createElement(rT,{isWidget:!0,widgetStyle:e.widgetStyle,surveyStyle:"standard",answers:E,isMobile:!1,renderedBlocks:i,initialStatementHasAnswer:g,activeIndexOfRenderedStatement:x,blocks:o,activeIndexOfRenderedBlocks:l,navigateToNextStatement:w,navigateToPreviousStatement:$,activeIndexOfBlocks:s,translationVariables:d,saveFormValues:p,skipBlock:f,skipStatement:h,onSubmitHandler:y,navigateToPreviousBlock:k,navigateToNextBlock:v,formQuestionErrors:T,textboxQuestionErrors:M,fileUploadErrors:R,contactFormErrors:I,questions:C}))))))))};I('#freshworks-survey-widget {\n --container-width: 350px;\n --widget-header-height: 36px;\n --widget-footer-height: 38px;\n}\n#freshworks-survey-widget * {\n box-sizing: border-box;\n}\n#freshworks-survey-widget, #freshworks-survey-widget ~ * {\n font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;\n}\n#freshworks-survey-widget input,\n#freshworks-survey-widget select,\n#freshworks-survey-widget textarea,\n#freshworks-survey-widget button {\n font-family: inherit;\n}\n@keyframes mountWidget {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n#freshworks-survey-widget div.widget-survey-components {\n border: none;\n}\n#freshworks-survey-widget .freemium-survey-components {\n width: 100%;\n height: 100%;\n min-height: inherit;\n}\n#freshworks-survey-widget .default-container-style {\n right: calc(50% - var(--container-width) / 2);\n}\n#freshworks-survey-widget .compact-container-style {\n right: 40px;\n}\n#freshworks-survey-widget .compact-container-style .widget-footer {\n padding: 8px 16px;\n}\n#freshworks-survey-widget .compact-container-style .header-content.minimized {\n padding-left: 16px;\n}\n#freshworks-survey-widget .compact-container-style .prompt-question .actions {\n flex-wrap: wrap;\n justify-content: center;\n grid-gap: 12px;\n gap: 12px;\n max-width: 80%;\n display: inline-flex;\n}\n#freshworks-survey-widget .cozy-container-style {\n max-width: 1000px;\n min-width: 800px;\n left: 50%;\n transform: translate(-50%, 0);\n}\n#freshworks-survey-widget .surveyserv-widget-container {\n position: fixed;\n bottom: 0;\n border-radius: 4px 4px 0 0;\n z-index: 2147483647;\n display: flex;\n flex-direction: column;\n background-color: #fff;\n background-color: var(--question-background-color, #fff);\n width: var(--container-width);\n box-shadow: 0px 7px 13px rgba(18, 52, 77, 0.19);\n transition: opacity 0.25s ease, height var(--height-transition-duration) ease;\n animation: mountWidget 0.5s ease;\n height: auto;\n}\n#freshworks-survey-widget .surveyserv-widget-container.widget-mobile {\n right: 12px;\n}\n#freshworks-survey-widget .widget-header {\n height: var(--widget-header-height);\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-direction: row-reverse;\n grid-gap: 8px;\n gap: 8px;\n background-color: #fff;\n background-color: var(--question-background-color, #fff);\n border-radius: inherit;\n position: relative;\n}\n#freshworks-survey-widget .widget-header .icons {\n height: 100%;\n display: flex;\n padding-top: 2px;\n padding-right: 2px;\n}\n#freshworks-survey-widget .widget-header .icon {\n cursor: pointer;\n height: 100%;\n width: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n background-color: transparent;\n border: none;\n}\n#freshworks-survey-widget .widget-header .icon:hover .icon-tooltip {\n display: block;\n animation: mountWidget 0.4s ease;\n opacity: 1;\n}\n#freshworks-survey-widget .widget-header .icon:hover .icon-tooltip:hover {\n display: none;\n}\n#freshworks-survey-widget .widget-header .minimize-btn:hover {\n background-color: #f5f5f5;\n border-radius: 4px;\n}\n#freshworks-survey-widget .widget-header .icon-tooltip {\n background: rgba(18, 52, 77, 0.8901960784);\n color: #fff;\n letter-spacing: 0.5px;\n padding: 4px 8px;\n border-radius: 4px;\n font-weight: 500;\n font-size: 0.9em;\n position: absolute;\n right: 48px;\n top: 12px;\n white-space: nowrap;\n z-index: 1;\n transition: opacity ease 0.2s;\n display: none;\n opacity: 0;\n}\n#freshworks-survey-widget .widget-header.minimized {\n min-height: var(--widget-header-height);\n width: 100%;\n flex-direction: row;\n}\n#freshworks-survey-widget .header-content.minimized {\n opacity: 0;\n text-overflow: ellipsis;\n width: calc(100% - 72px);\n padding-left: 28px;\n overflow: hidden;\n white-space: nowrap;\n animation: mountWidget 0.8s ease forwards;\n animation-delay: 0.3s;\n font-weight: 500;\n line-height: 1.8;\n text-align: left;\n color: var(--default-question-text-color);\n color: var(--question-text-color, var(--default-question-text-color));\n}\n#freshworks-survey-widget .header-content.minimized p {\n all: inherit !important;\n width: 100% !important;\n padding: 0 !important;\n margin: 0 !important;\n}\n#freshworks-survey-widget .widget-main {\n opacity: 1;\n flex-grow: 1;\n transition: opacity 0.25s ease, height var(--height-transition-duration) ease;\n padding-top: 4px;\n}\n#freshworks-survey-widget .widget-main.minimized {\n opacity: 0;\n height: 0;\n border-radius: 3px 3px 0 0;\n}\n#freshworks-survey-widget .widget-footer {\n height: var(--widget-footer-height);\n font-size: 12px;\n display: flex;\n padding: 8px 28px;\n justify-content: space-between;\n align-items: center;\n color: rgba(18, 52, 77, 0.831372549);\n background-color: rgba(187, 187, 187, 0.1);\n letter-spacing: 0.2px;\n}\n#freshworks-survey-widget .widget-footer .fw-link {\n display: flex;\n align-items: center;\n grid-gap: 6px;\n gap: 6px;\n}\n#freshworks-survey-widget .widget-footer .emoji {\n position: relative;\n top: -1px;\n left: -2px;\n}\n#freshworks-survey-widget .widget-footer .footer-text {\n display: flex;\n align-items: center;\n line-height: 20px;\n grid-gap: 5px;\n gap: 5px;\n}\n#freshworks-survey-widget .widget-footer .footer-text svg {\n width: 76px;\n height: 20px;\n margin-top: 6px;\n}\n#freshworks-survey-widget .widget-footer.minimized {\n justify-content: center;\n}\n#freshworks-survey-widget .widget-progressbar {\n position: absolute;\n top: 9px;\n left: 18px;\n font-size: 12px;\n line-height: 20px;\n width: 120px;\n font-weight: 600;\n display: flex;\n align-items: center;\n}\n#freshworks-survey-widget .widget-progressbar .progressbar-container {\n position: static;\n width: 60px;\n height: 3px;\n background-color: #ebeff3;\n border-radius: 10px;\n}\n#freshworks-survey-widget .widget-progressbar .progress-completion {\n height: 20px;\n margin-right: 6px;\n}\n#freshworks-survey-widget .title,\n#freshworks-survey-widget .description {\n text-align: center;\n}\n#freshworks-survey-widget .description {\n color: #666;\n line-height: 1.2;\n}\n#freshworks-survey-widget .close-widget {\n position: absolute;\n z-index: 10;\n background-color: #fff;\n flex-direction: column;\n display: flex;\n top: 40px;\n right: 12px;\n box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);\n border-radius: 2px;\n padding: 4px;\n}\n#freshworks-survey-widget .close-widget button {\n cursor: pointer;\n border: none;\n background-color: transparent;\n padding: 8px 12px;\n border-radius: 2px;\n font-size: 14px;\n}\n#freshworks-survey-widget .close-widget button:hover {\n background-color: #f3f3f3;\n}\n#freshworks-survey-widget .close-widget.top {\n top: -72px;\n}');const iT=({survey:e,preview:r,placeholders:o,contactData:i,overRideComponent:a,onSubmit:s,onDismiss:l,onClose:c,isMobile:u,surveyType:d,unsubscribeUrl:p,isSurveyCompleted:m,children:f=null,answerStatus:h,loadSurveyCollapsed:g=!1,handleAction:y,answers:v,onAnsweringPrompt:b,allowMultipleSubmission:w,canResubmit:$,translationVariables:k,assetUrl:E,surveyPoweredBy:C})=>{const P=e.question_details?.questions||[],[S,_]=t.useState(),[M,R]=t.useState(!1),[I,A]=t.useState(g),[O,L]=t.useState(0),{ui_theme:z}=e,[B,Z]=t.useState(null),[q,U]=t.useState(null),j=n.useMemo((()=>((e=[])=>{const t=e.sort(((e,t)=>Number(e.order)-Number(t.order)));return t.find((e=>!e.is_deleted))??t[0]})(e.blocks||[])),[e.blocks]),G=j?.question_name?j?.question_name??"":j?.category?.[0].question_name??"",H=P.find((e=>e.name===G)),W=()=>{R(!0),setTimeout((()=>{c?.()}),300)},Y=t.useRef(null);return n.createElement("div",{className:`surveyserv-widget-container ${u?"widget-mobile":""} ${d}-container-style ${I?"minimized":""}`,style:{opacity:M?0:1,"--container-width":`${x[d]}`,"--height-transition-duration":"600ms",...F(z||{})}},n.createElement("header",{id:"surveyserv-widget-header",className:"widget-header "+(I?"minimized":"")},I&&n.createElement("span",{className:"header-content minimized",dangerouslySetInnerHTML:{__html:N({questionText:(!S&&e.prompt_settings?.is_enabled?e.prompt_settings.text:q?.question?.text)??V(H?.text||""),placeholders:{...o,"{{nps.rating}}":String(q?.npsScore??"")}})}}),n.createElement("div",{className:"icons"},!m&&n.createElement("button",{onClick:()=>{I?(A(!I),setTimeout((()=>{L(0)}),700)):(L(B?.clientHeight??0),setTimeout((()=>{A(!I)}),0))},className:"icon minimize-btn",title:I?k?.maximize||"Maximize widget":k?.minimize||"Minimize widget"},I?n.createElement(T,{name:"widget-maximize"}):n.createElement(T,{name:"widget-minimize"})),n.createElement("button",{ref:Y,onClick:()=>{m||l(),W()},title:k?.dismiss||"Dismiss widget",className:"icon minimize-btn"},n.createElement(T,{name:"widget-close"})))),f,n.createElement("main",{ref:e=>Z(e),className:("widget-main "+(I?"minimized":"")).trim(),style:{height:I?0:O||"auto"}},a?n.createElement(n.Fragment,null,a):n.createElement(oT,{assetUrl:E,answers:v,widgetStyle:d,answerStatus:h,survey:e,placeholders:o,isMobile:!!u,contactData:i,allowMultipleSubmission:w,canResubmit:$,onSubmit:s,setCurrentSurveyState:U,widgetHeaderQuerySelector:I?void 0:"#surveyserv-widget-header",onAnsweringPrompt:t=>{b?.(t),_(t),0==t&&D(e.prompt_settings?.declined_message)&&W()},handleAction:y,translationVariables:k})),n.createElement("footer",{className:("widget-footer "+(I?"minimized":"")).trim()},p&&!I&&n.createElement("a",{href:p,target:"_blank",rel:"noopener noreferrer",onClick:e=>{r&&e.preventDefault(),e.stopPropagation(),W()}},k?.unsubscribe||"Unsubscribe"),n.createElement("div",{className:"footer-text"},n.createElement(xa,{surveyPoweredBy:C}))))};I('.whatsapp-container {\n --message-margin: 40px;\n --message-border: 6px;\n --message-bg: #fff;\n --message-color: #0096de;\n --message-disabled-color: #aaa;\n --answers-bg: #d3ffc8;\n --answers-color: #000;\n --answers-radius: 6px;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n font-size: 14px;\n position: relative;\n width: 340px;\n height: 574px;\n background-image: url("https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/whatsapp-bg.svg");\n background-repeat: no-repeat;\n background-size: contain;\n margin: 0 auto;\n}\n.whatsapp-container.instagram {\n --message-bg: none;\n --answers-bg: #4d5bff;\n --answers-color: #fff;\n --answers-radius: 21px;\n background-image: url("https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/instagram-bg.svg");\n}\n.whatsapp-container.instagram .msg-container {\n position: relative;\n}\n.whatsapp-container.instagram .choices {\n display: none;\n flex-direction: row;\n position: absolute;\n bottom: 0;\n margin-right: 0;\n width: 93%;\n}\n.whatsapp-container.instagram .choices:before {\n content: "";\n display: block;\n width: 100%;\n position: absolute;\n top: 0px;\n border-top: 1px solid #e8e8e8;\n}\n.whatsapp-container.instagram .choices .choice {\n border: 1px solid #0584fe;\n border-radius: 50px;\n color: #0584fe;\n box-shadow: none;\n}\n.whatsapp-container.instagram .choices.one-line .range-choice,\n.whatsapp-container.instagram .choices.one-line .choice {\n flex-grow: 0;\n}\n.whatsapp-container.instagram .question-container {\n background: #efefef;\n padding: 2px;\n border-radius: 21px;\n}\n.whatsapp-container.instagram .question-container .options-popup {\n display: flex;\n overflow: auto;\n flex-direction: row;\n padding: 5px 0px 2px;\n box-shadow: none;\n border-top: 1px solid #e8e8e8;\n border-radius: 0;\n left: 7px;\n min-height: 50px;\n bottom: 0px;\n}\n.whatsapp-container.instagram .question-container .options-popup footer,\n.whatsapp-container.instagram .question-container .options-popup header {\n display: none;\n}\n.whatsapp-container.instagram .question-container .options-popup main {\n display: flex;\n padding: 0;\n}\n.whatsapp-container.instagram .question-container .options-popup main .option-row {\n border: 1px solid #0584fe;\n border-radius: 50px;\n margin: 5px;\n padding: 5px 10px;\n}\n.whatsapp-container.instagram .question-container .options-popup main .option-row button {\n color: var(--message-color);\n display: flex;\n}\n.whatsapp-container.instagram .question-container .choices-button.choice {\n font-weight: 700;\n font-size: 13.4838px;\n line-height: 16px;\n letter-spacing: -0.03em;\n color: #333333;\n border: none;\n width: auto;\n padding: 8px;\n border-radius: 10px;\n margin: 5px 10px 10px;\n box-shadow: none;\n}\n.whatsapp-container.instagram .question-container .choices-button.choice svg {\n display: none;\n}\n.whatsapp-container.instagram .question-container .question-text-container {\n box-shadow: none;\n}\n.whatsapp-container.instagram .question-container.active {\n margin-bottom: 40px;\n}\n.whatsapp-container.instagram .question-container.active .choices {\n display: flex;\n overflow: auto;\n padding-top: 10px;\n background: #fff;\n}\n.whatsapp-container.instagram .question-container.active .choices .choice button {\n white-space: nowrap;\n}\n.whatsapp-container.instagram .question-container.active .choices.multi-choice {\n padding-bottom: 0;\n}\n.whatsapp-container.instagram .question-container.active .choices.multi-choice::before {\n content: none;\n}\n.whatsapp-container.instagram .textarea-container {\n background: #fff;\n margin-right: 23px;\n}\n.whatsapp-container.instagram .textarea-container textarea {\n background: #e8e8e8;\n border-radius: 18px;\n}\n.whatsapp-container.instagram .answers {\n box-shadow: none;\n}\n.whatsapp-container .msg-container {\n margin-top: 80px;\n margin-left: 18px;\n margin-right: 20px;\n flex-grow: 1;\n padding: 8px;\n overflow: hidden;\n display: flex;\n}\n.whatsapp-container .scroll-wrapper {\n display: flex;\n flex-direction: column;\n align-items: baseline;\n grid-gap: 12px;\n gap: 12px;\n overflow: scroll;\n}\n.whatsapp-container .question-text.required::after {\n content: "*";\n color: rgb(215, 45, 48);\n margin-left: 4px;\n}\n.whatsapp-container .question-text {\n font-size: 16px;\n line-height: 18px;\n padding: 12px;\n background-color: var(--message-bg);\n border-radius: var(--message-border);\n}\n.whatsapp-container .question-text p {\n text-align: left;\n}\n.whatsapp-container .question-text a {\n color: var(--link-color);\n text-decoration: underline;\n}\n.whatsapp-container .question-container {\n margin-right: var(--message-margin);\n grid-gap: 2px;\n gap: 2px;\n display: flex;\n flex-direction: column;\n pointer-events: none;\n text-align: left;\n}\n.whatsapp-container .question-container .question-text-container {\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n}\n.whatsapp-container .question-container.active {\n pointer-events: initial;\n}\n.whatsapp-container .question-container.active .choice {\n color: var(--message-color);\n}\n.whatsapp-container .question-container.active .choice button {\n color: var(--message-color);\n}\n.whatsapp-container .question-container.active .choice svg:not(#star) {\n fill: var(--message-color);\n}\n.whatsapp-container .question-container.active.open-modal {\n margin-bottom: 45px;\n}\n.whatsapp-container .question-container#new {\n margin-bottom: 10px;\n}\n.whatsapp-container .answers-container {\n width: 100%;\n display: flex;\n justify-content: end;\n text-align: left;\n}\n.whatsapp-container .answers {\n background: var(--answers-bg);\n margin-left: var(--message-margin);\n border-radius: var(--answers-radius);\n color: var(--answers-color);\n padding: 12px;\n width: -moz-fit-content;\n width: fit-content;\n min-width: 80px;\n font-size: 16px;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n}\n.whatsapp-container .answers .reply-block {\n background: rgba(0, 0, 0, 0.08);\n margin: -6px -6px 4px;\n padding: 5px 8px;\n border-radius: 6px;\n border-left: 3px solid #2c5cc5;\n}\n.whatsapp-container .answers .reply-block .user {\n color: #2c5cc5;\n font-weight: 600;\n margin-bottom: 3px;\n}\n.whatsapp-container .answers:empty {\n display: none;\n}\n.whatsapp-container .answers .answer-text {\n display: flex;\n align-items: center;\n}\n.whatsapp-container .answers .answer-text span {\n white-space: nowrap;\n}\n.whatsapp-container .options-popup {\n position: absolute;\n z-index: 1;\n border-radius: 12px 12px 30px 30px;\n background-color: #fff;\n box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.06);\n padding: 12px 8px;\n bottom: 15px;\n left: 18px;\n right: 22px;\n transform: translateY(80px);\n transition: all linear 0.3s;\n opacity: 0;\n}\n.whatsapp-container .fade-enter-active {\n transform: translateY(0px);\n opacity: 1;\n}\n.whatsapp-container .fade-enter-done {\n transform: translateY(0px);\n opacity: 1;\n}\n.whatsapp-container .fade-exit-active {\n opacity: 0;\n transform: translateY(80px);\n}\n.whatsapp-container .fade-exit-done {\n opacity: 0;\n transform: translateY(80px);\n}\n.whatsapp-container .option-row {\n padding-bottom: 16px;\n}\n.whatsapp-container .option-row button {\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n width: 100%;\n}\n.whatsapp-container .option-row button span {\n white-space: nowrap;\n margin-left: 5px;\n}\n.whatsapp-container header {\n text-align: center;\n display: flex;\n align-items: center;\n padding-bottom: 20px;\n position: relative;\n}\n.whatsapp-container main {\n padding: 0 8px;\n}\n.whatsapp-container .close {\n background: transparent;\n border: none;\n width: 32px;\n height: 32px;\n position: absolute;\n}\n.whatsapp-container .choices-button {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n grid-gap: 12px;\n gap: 12px;\n}\n.whatsapp-container .choices {\n display: flex;\n flex-direction: column;\n grid-gap: 2px;\n gap: 2px;\n list-style-type: none;\n padding-bottom: 5px;\n}\n.whatsapp-container .choices.multi-choice .choice button {\n white-space: normal;\n}\n.whatsapp-container .choices.one-line {\n flex-direction: row;\n}\n.whatsapp-container .choices.one-line .range-choice,\n.whatsapp-container .choices.one-line .choice {\n flex-grow: 1;\n}\n.whatsapp-container .choice {\n background-color: var(--message-bg);\n padding: 8px 12px;\n border-radius: var(--message-border);\n text-align: center;\n color: var(--message-disabled-color);\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n}\n.whatsapp-container .choice button {\n color: var(--message-disabled-color);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n white-space: nowrap;\n}\n.whatsapp-container .choice svg:not(#star) {\n fill: var(--message-disabled-color);\n}\n.whatsapp-container .range-choice {\n padding-top: 4px;\n padding-bottom: 4px;\n}\n.whatsapp-container h4 {\n margin: 0 auto;\n font-weight: 500;\n}\n.whatsapp-container footer {\n color: #979797;\n font-size: 12px;\n text-align: center;\n padding: 12px 0;\n}\n.whatsapp-container button {\n background: transparent;\n border: 0;\n cursor: pointer;\n}\n.whatsapp-container .textarea-container {\n display: flex;\n grid-gap: 8px;\n gap: 8px;\n margin-left: 12px;\n margin-right: 16px;\n margin-bottom: 26px;\n margin-top: 10px;\n margin: 0 21px 15px 18px;\n padding: 10px 12px;\n align-items: end;\n background: #f6f6f6;\n border-radius: 0 0 30px 30px;\n}\n.whatsapp-container textarea {\n resize: none;\n min-height: 40px;\n max-height: 100px;\n border-radius: 20px;\n padding: 12px;\n resize: none;\n border: none;\n width: 100%;\n}\n.whatsapp-container textarea:focus {\n outline: none;\n}\n.whatsapp-container textarea::-moz-placeholder {\n line-height: 16px;\n padding-left: 2px;\n}\n.whatsapp-container textarea::placeholder {\n line-height: 16px;\n padding-left: 2px;\n}');const aT=({children:e,title:t,closeModal:o,isModalOpen:i})=>n.createElement(r.CSSTransition,{in:i,unmountOnExit:!0,timeout:500,classNames:"fade",key:t},n.createElement("div",{className:"options-popup",style:{}},n.createElement("header",null,n.createElement("button",{onClick:o,className:"close"},n.createElement(T,{name:"widget-close"})),n.createElement("h4",null,t)),n.createElement("main",null,e),n.createElement("footer",null,"Tab an item to select it"))),sT=({question:e,saveFormValues:r})=>{const[o,i]=t.useState(!1),{range:a}=e?.type_info?.scale_properties||{},s=Number(a?.[0]?.min),l=Number(a?.[a.length-1]?.max),c="descending"===e?.type_info?.scale_properties?.order,u=[...e?.type_info?.scale_properties?.labels?.values||[]],d=e?.type_info?.scale_properties?.labels?.preference;c&&u.reverse();const p=t.useRef(Array.from({length:l+(0===s?1:0)},((e,t)=>c?l-t:t+s)));return p.current.length<=3?n.createElement("ul",{className:`choices ${("THUMBS"===e?.type_info?.type_variant||"all"!==e?.type_info?.scale_properties?.labels?.preference)&&"one-line"}`},p.current.map(((t,o)=>"THUMBS"===e?.type_info?.type_variant?n.createElement("li",{className:"choice range-choice",key:`thumbs-${t}-${o}`},n.createElement("button",{onClick:()=>{r(t)}},n.createElement(T,{name:t?"whatsapp-thumbs-up":"whatsapp-thumbs-down"}),"all"===e?.type_info?.scale_properties?.labels?.preference&&e?.type_info?.scale_properties?.labels?.values?.[t])):n.createElement("li",{className:"choice range-choice",key:`choice-${t}-${o}`},n.createElement("button",{onClick:()=>{r(t)}},Array.from({length:t},((e,t)=>n.createElement(T,{name:"whatsapp-star",id:`choice-${t}`})))," ","all"===e?.type_info?.scale_properties?.labels?.preference&&e?.type_info?.scale_properties?.labels?.values?.[t-1]))))):n.createElement(n.Fragment,null,n.createElement("button",{onClick:()=>i(!0),className:"choices-button choice"},n.createElement(T,{name:"whatsapp-choices"}),"Rate Support"),n.createElement(aT,{title:"Rate Support",isModalOpen:o,closeModal:()=>i(!1)},p.current.map(((e,t)=>n.createElement("div",{className:"option-row"},n.createElement("button",{onClick:()=>{r(e),i(!1)}},Array.from({length:e},((e,t)=>n.createElement(T,{name:"whatsapp-star",id:`qus-${t}`})))," ","all"===d||"edges"===d&&(0===t||t===u.length-1)?n.createElement("span",null,u[e-1]):null))))))},lT=({question:e,saveFormValues:r,type:o})=>{const[i,a]=t.useState(!1);return n.createElement(n.Fragment,null,n.createElement("button",{onClick:()=>a(!0),className:"choices-button choice"},n.createElement(T,{name:"whatsapp-choices"}),"Select answer"),n.createElement(aT,{title:"Select a choice",isModalOpen:i,closeModal:()=>a(!1)},n.createElement("ul",{className:`choices multi-choice ${o}`},e.choices.map(((e,t)=>n.createElement("li",{className:"choice",style:{boxShadow:"none"},key:`${e}-${t}`},n.createElement("button",{onClick:()=>{r(e.id),a(!1)}},e.value)))))))},cT=e=>{const r=t.useRef(null);return((e,n)=>{t.useEffect((()=>{if(e){e.style.height="0px";const t=e.scrollHeight;e.style.height=t+"px"}}),[e,n])})(r.current,String(e.value)??""),t.useEffect((()=>{e.autoFocus&&r.current?.focus()}),[e.autoFocus]),n.createElement("div",{className:"textarea-container"},n.createElement("textarea",{placeholder:"Type a message",ref:r,rows:1,onChange:e.onChange,value:e.value}),n.createElement("button",{onClick:()=>{e.onSubmit(),r.current&&(r.current.value="")}},n.createElement(T,{name:"whatsapp-send"})))},uT=({text:e,placeholders:t,pivot:r,rangeToRender:o})=>n.createElement("div",{className:"question-text-container"},n.createElement("div",{className:"question-text",dangerouslySetInnerHTML:{__html:N({questionText:e,placeholders:t,npsRating:r?.answer,ratingLabel:z(r?.answer)?"":o?.find((e=>e?.value===String(r?.answer)))?.text??"",preference:r?.question.type_info?.scale_properties?.labels?.preference,isPreview:!0})},role:"heading","aria-level":1})),dT=({block:e,saveFormValues:t,type:r})=>{const{question_type:o}=e.question?.type_info;switch(o){case"RANGE":return n.createElement(sT,{question:e.question,saveFormValues:e=>t(e,!0)});case"DROPDOWN":case"MULTI_CHOICE":case"MULTI_SELECT":return n.createElement(lT,{question:e.question,saveFormValues:e=>t(e,!0),type:r});case"PARAGRAPH":case"INPUT":return null;default:return console.error(`Question type ${o} not supported`),null}},pT=({config:e,placeholders:r,onSelect:o,promptAccepted:i,type:a})=>{const s=t.useMemo((()=>e.reverse_order?e.choices?.reverse():e.choices),[e]);return n.createElement(n.Fragment,null,n.createElement("div",{className:"question-container "+(null==i?"active":"")},n.createElement(uT,{text:e.text,placeholders:r}),n.createElement("ul",{className:"choices one-line"},s?.map(((e,t)=>n.createElement("li",{className:"choice",key:`prompt-${e}-${t}`},n.createElement("button",{className:"action",onClick:()=>{o(Number(e.id))}},n.createElement(T,{name:Number(e.id)?"whatsapp-thumbs-up":"whatsapp-thumbs-down"}),e.value)))))),void 0!==i&&n.createElement("div",{className:"answers-container"},n.createElement("div",{className:"answers"},"whatsapp"===a&&n.createElement("div",{className:"reply-block"},n.createElement("p",{className:"user"},"Acme.inc"),n.createElement("p",{className:"question",dangerouslySetInnerHTML:{__html:N({questionText:e.text,placeholders:r})}})),n.createElement("div",{className:"answer-text"},n.createElement(T,{name:Number(i)?"whatsapp-thumbs-up":"whatsapp-thumbs-down"}),s.find((e=>e.id==i))?.value))),!1===i&&e.is_declined&&e.declined_message&&n.createElement("div",{className:"question-container"},n.createElement(uT,{text:e.declined_message,placeholders:r})))},mT=e=>{const{activeBlock:r,activeIndexOfBlocks:o,activeIndexOfRenderedBlocks:i,answers:a,saveFormValues:s,blocks:l,questions:c,renderedBlocks:u,onSubmitHandler:d,isSurveyCompleted:p,pivot:f}=G_(e),{type:h="whatsapp"}=e,{question_type:g}=r?.question.type_info??{},y=n.useMemo((()=>B(f?.question)),[f?.question]),v=t.useRef(null),[b,x]=t.useState(void 0);return t.useEffect((()=>{v.current&&v.current.scroll({top:1e4,behavior:"smooth"})}),[r,a,p]),r&&r.question?n.createElement("div",{className:`${h} whatsapp-container`},n.createElement("div",{className:"msg-container"},n.createElement("div",{className:"scroll-wrapper",ref:v},e.survey.prompt_settings?n.createElement(pT,{config:e.survey.prompt_settings,onSelect:e=>{x(1===e)},promptAccepted:b,placeholders:e.placeholders,type:h}):null,!e.survey.prompt_settings||b?u.map(((t,g)=>n.createElement(n.Fragment,null,n.createElement("div",{className:"question-container "+(p||g!==u.length-1?"":"active")},n.createElement(uT,{text:t.question.text,placeholders:e.placeholders,pivot:f,rangeToRender:y}),n.createElement(dT,{block:t,placeholders:e.placeholders,saveFormValues:(e,n)=>{s(t,e,n),setTimeout((()=>{!0===n&&C_({blocks:l,activeIndexOfBlocks:o,renderedBlocks:u,activeIndexOfRenderedBlocks:i,questions:c})&&d("COMPLETE")}))},type:h})),t.name===r.name&&!a.commitDirtyValue||m.isNil(a.formValues[t.question.name])?null:n.createElement("div",{className:"answers-container"},n.createElement("div",{className:"answers"},"THUMBS"===t.question.type_info?.type_variant?n.createElement(n.Fragment,null,"whatsapp"===h&&n.createElement("div",{className:"reply-block"},n.createElement("p",{className:"user"},"Acme.inc"),n.createElement("p",{className:"question",dangerouslySetInnerHTML:{__html:N({questionText:t.question.text||"",placeholders:e.placeholders,npsRating:f?.answer,ratingLabel:m.isNil(f?.answer)?"":y?.find((e=>e?.value===String(f?.answer)))?.text??"",preference:f?.question.type_info?.scale_properties?.labels?.preference,isPreview:!0})}})),n.createElement("div",{className:"answer-text"},n.createElement(T,{name:Number(a.formValues[t.question.name])?"whatsapp-thumbs-up":"whatsapp-thumbs-down"}),"all"===t.question.type_info?.scale_properties?.labels?.preference&&t.question.type_info?.scale_properties?.labels?.values?.[Number(a.formValues[t.question.name])])):"EMOJI"===t.question.type_info?.type_variant||"STAR"===t.question.type_info?.type_variant?n.createElement(n.Fragment,null,"whatsapp"===h&&a.formValues[t.question.name]&&n.createElement("div",{className:"reply-block"},n.createElement("p",{className:"user"},"Acme.inc"),n.createElement("p",{className:"question",dangerouslySetInnerHTML:{__html:N({questionText:t.question.text||"",placeholders:e.placeholders,npsRating:f?.answer,ratingLabel:m.isNil(f?.answer)?"":y?.find((e=>e?.value===String(f?.answer)))?.text??"",preference:f?.question.type_info?.scale_properties?.labels?.preference,isPreview:!0})}})),n.createElement("div",{className:"answer-text"},Array.from({length:Number(a.formValues[t.question.name])},((e,t)=>n.createElement(T,{name:"whatsapp-star",id:`ans-${t}`})))," ",n.createElement("span",null,t.question.type_info?.scale_properties?.labels?.values?.[Number(a.formValues[t.question.name])-1]))):("DROPDOWN"===t.question.type_info?.question_type||"MULTI_SELECT"===t.question.type_info?.question_type)&&t.question.choices?.find((e=>e.id===a.formValues[t.question.name]))?.value||a.formValues[t.question.name]))))):null,p&&n.createElement("div",{className:"question-container",id:"new"},n.createElement(uT,{text:P_({pivotQn:f?.question,pivotQnAnswer:f?.answer,block:e.survey.blocks?.find((e=>"TY"===e.name)),questions:c})?.text,placeholders:e.placeholders,pivot:f,rangeToRender:y})))),n.createElement(cT,{onChange:e=>{"PARAGRAPH"!==g||p||s(r,e.target.value)},value:"PARAGRAPH"===g&&!p&&a.formValues[r.question.name]?a.formValues[r.question.name]:"",activeBlock:!0,autoFocus:"PARAGRAPH"===g,onSubmit:()=>{s(r,null,!0),r.name===l[l.length-1].name&&d("COMPLETE")}})):null};exports.BUTTON_SIZE_VARIANTS={LARGE:"large",MINI:"mini",NORMAL:"normal"},exports.Binary=O,exports.Button=rr,exports.ChannelPreview=e=>{const{survey:t,answers:r}=$_(e.survey,e.answers);return"whatsapp"===e.channel?n.createElement(mT,{...e,survey:t,answers:r}):"instagram"===e.channel?n.createElement(mT,{type:"instagram",...e,survey:t,answers:r}):(console.error(`Channel ${e.channel} not supported`),null)},exports.Checkbox=Qn,exports.CheckboxGroup=Kn,exports.Dropdown=Yn,exports.Input=Hn,exports.ProgressBar=tr,exports.Radio=er,exports.RadioGroup=Jn,exports.Range=W,exports.RankOrder=Ni,exports.Slider=ba,exports.Survey=e=>{const{survey:t,answers:r}=$_(e.survey,e.answers),[o,i]=n.useState(!1);return n.useEffect((()=>{"undefined"!=typeof window&&i(window.matchMedia("(max-width: 550px)").matches)}),[]),n.createElement(n.Fragment,null,"standard"===e.surveyStyle?n.createElement(eT,{...e,answers:r,survey:t,isMobile:o||!!e.isMobile,initialPivotAnswer:Z(e.answers)?e.initialPivotAnswer:void 0}):n.createElement(X_,{...e,answers:r,survey:t,isMobile:o||!!e.isMobile,surveyStyle:"card",initialPivotAnswer:Z(e.answers)?e.initialPivotAnswer:void 0}))},exports.SurveyFooter=wa,exports.SurveyProgress=({isSurveyCompleted:e,totalBlocks:t,completedText:r,activeIndexOfBlocks:o})=>{const i=e?t:o+(e?1:0),a=e?100:(i>0?100/t:0)*i;return n.createElement("div",{className:"survey-progress"},n.createElement("span",{className:"progress-completion"},a.toFixed(),"%  "),r||"survey completed",n.createElement(tr,{totalSteps:t,completedSteps:i}))},exports.TextArea=Wn,exports.WebInAppSurvey=e=>{const{survey:t,answers:r}=$_(e.survey,e.answers),[o,i]=n.useState(!1),[a,s]=n.useState(!1);return n.useEffect((()=>{"undefined"!=typeof window&&i(window.matchMedia("(max-width: 550px)").matches)}),[]),n.useEffect((()=>{"undefined"!=typeof window&&s(window.matchMedia("(max-width: 1080px)").matches)}),[]),n.createElement(iT,{...e,survey:t,answers:r,isMobile:o,surveyType:o?"compact":a?"default":e.surveyType})},exports.getEmailEmbedCodeForQuestion=e=>{const{emailEmbedChannelInfo:t,survey:n,question:r,collectorId:o,customDomain:i,disabled:a,publicSurveyUrl:s}=e,l=r?.type_info?.scale_properties?.labels?.preference,c=r?.type_info?.footer_text,u=r?.type_info?.scale_properties?.range||[],d=document.getElementsByClassName("email-embed-question")[0],p=d&&d?.parentElement?d.parentElement?.getBoundingClientRect().width:window.innerWidth??-1,m=p>612?612:p,f=(({scale:e,width:t})=>{const n=t/(e+2)>Pa?Pa:t/(e+2);return t>=520?{3:{size:n,space:8,padding:8},4:{size:n,space:2,padding:6},5:{size:n,space:2,padding:6},6:{size:n,space:2,padding:6},7:{size:n,space:1,padding:6},8:{size:n,space:1,padding:6},9:{size:n,space:1,padding:6},10:{size:n,space:0,padding:4}}[e]:{3:{size:n,space:8,padding:8},4:{size:n,space:2,padding:6},5:{size:n,space:2,padding:3},6:{size:n,space:2,padding:2},7:{size:n,space:1,padding:2},8:{size:n,space:1,padding:2},9:{size:n,space:1,padding:0},10:{size:n,space:0,padding:0}}[e]})({scale:u[u.length-1].max,width:m}),h=f.size,g=Ra({collectorId:o,disabled:a,publicSurveyUrl:s,contact_fields:t?.contact_fields||[],customDomain:i,initialPivotAnswer:"",surveyId:n?.id||""}).trim();return`\n <table\n class="email-embed-question"\n style="\n background-color:${n?.ui_theme?.question_background_color||"#FFFFFF"} !important;\n max-width : ${128+11*h}px !important;\n box-shadow: rgba(18, 52, 77, 0.1) 0px 2px 16px !important;\n border-radius: 4px !important;\n border-spacing: 16px !important;\n margin: ${t?.align_center?"20px auto":"20px 0"} !important;\n "\n >\n <tbody>\n <tr>\n <td\n style="\n color: ${n?.ui_theme?.question_text_color||ka} !important;\n padding: 16px 8px !important;\n font-weight: 400 !important;\n font-size: 16px !important;\n text-align: ${t?.align_center?"center":"left"} !important;\n "\n >${r?.text?.trim()}</td>\n </tr>\n ${t?.display?.show_button?`\n <tr>\n <td\n style="\n color: ${n?.ui_theme?.question_text_color||ka} !important;\n padding: 16px 8px !important;\n font-weight: 400 !important;\n font-size: 16px !important;\n text-align: ${t?.align_center?"center":"left"} !important;\n "\n >\n <a\n href=${g}\n target="_blank"\n style="\n pointer-events: ${a?"none":"unset"} !important;\n "\n >\n <button\n style="\n cursor: pointer !important;\n box-shadow: 0 0 0 8px #F0F0F0 !important;\n color: #FFF !important;\n font-size: 14px !important;\n font-style: normal !important;\n font-weight: 600 !important;\n line-height: 20px !important;\n padding: 6px 12px !important;\n border-radius: 4px !important;\n border: 1px solid #C82124 !important;\n background: linear-gradient(180deg, #D72D30 2.56%, #C82124 95.75%) !important;\n "\n >\n ${t?.display?.text}\n </button>\n </a>\n </td>\n </tr>\n `:`\n ${r?.type_info?.type_variant&&"RANGE"===r?.type_info?.question_type&&"all"!==l&&["NUMBER","EMOJI","STAR"].includes(r.type_info.type_variant)?Ia({...e,dimentions:f}):""}\n ${r?.type_info?.type_variant&&"RANGE"===r?.type_info?.question_type&&"all"===l&&["NUMBER","EMOJI","STAR"].includes(r.type_info.type_variant)?(({emailEmbedChannelInfo:e,collectorId:t,survey:n,dimentions:r,question:o,assetUrl:i,publicSurveyUrl:a,customDomain:s,disabled:l,width:c})=>{const u=r?.size??Pa,d=_a(o?.type_info?.scale_properties?.button_style?.shape||"square"),p=o?.type_info?.scale_properties?.range||[],m=Number(p[p.length-1]?.max),f=B(o||{name:""}),h=o?.type_info?.type_variant;return`\n <tr>\n <td\n style="\n padding: 0 !important;\n text-align: center !important;\n "\n >\n ${f.map((r=>`\n <a\n style="\n text-decoration: unset !important;\n display: inline-block !important;\n min-width: 100px !important;\n width: ${(({scale:e,width:t})=>({3:t/(e+1.5),4:t/(e+1.25),5:t/(e+1),6:t/(e+.5),7:t/(e+0)}[e]))({scale:m,width:c})}px !important;\n vertical-align: top !important;\n padding: 0 4px !important;\n pointer-events: ${l?"none":"unset"} !important;\n "\n href="${Ra({collectorId:t,disabled:l,publicSurveyUrl:a,contact_fields:e?.contact_fields||[],customDomain:s,initialPivotAnswer:`${r.position}`,surveyId:n?.id||""}).trim()}"\n target="_blank"\n >\n <table\n style="\n border-spacing: 0 !important;\n margin: 0px auto 8px auto !important;\n "\n >\n <tbody>\n <tr>\n <td\n style="\n padding: 0 !important;\n text-align: center !important;\n "\n >\n ${"NUMBER"===o?.type_info?.type_variant?`\n <div\n style="\n border-radius: ${d} !important;\n color: ${n?.ui_theme?.question_text_color||Ea} !important;\n background-color: ${Ta({position:r.position,question:o||{name:""}})} !important;\n font-size: 16px !important;\n font-weight: 600 !important;\n width: ${u}px !important;\n display: block !important;\n margin: 0 auto !important;\n height: ${u}px !important;\n line-height: ${u}px !important;\n "\n >${r.value}</div>\n `:""}\n ${o?.type_info?.type_variant&&["EMOJI","STAR"].includes(o?.type_info?.type_variant)?`\n <img\n src="${Ma({position:r.position,assetUrl:i,max:f.length,type_variant:h})}"\n style="\n width: ${u}px !important;\n height: ${u}px !important;\n display: block !important;\n margin: 0 auto !important;\n "\n width="${u}px"\n height="${u}px"\n />`:""}\n </td>\n </tr>\n <tr>\n <td\n style="\n padding: 12px 0 0 0 !important;\n text-align: center !important;\n font-weight: 400 !important;\n color: ${Ea} !important;\n font-size: 12px !important;\n word-break: break-word !important;\n "\n >${r.text}</td>\n </tr>\n </tbody>\n </table>\n </a>`)).join("")}\n </td>\n </tr>`})({...e,dimentions:f,width:m}):""}\n ${"RANGE"===r?.type_info?.question_type&&"TEXT"===r.type_info.type_variant?(({emailEmbedChannelInfo:e,collectorId:t,publicSurveyUrl:n,survey:r,question:o,disabled:i,customDomain:a})=>{const s=_a(o?.type_info?.scale_properties?.button_style?.shape||"square");return`\n <tr>\n <td\n style="\n padding: 0 !important;\n text-align: center !important;\n "\n >\n ${B(o||{name:""}).map((l=>`\n <a\n style="\n text-decoration: unset !important;\n display: inline-block !important;\n vertical-align: top !important;\n pointer-events: ${i?"none":"unset"} !important;\n "\n href="${Ra({collectorId:t,disabled:i,publicSurveyUrl:n,contact_fields:e?.contact_fields||[],customDomain:a,initialPivotAnswer:`${l.position}`,surveyId:r?.id||""}).trim()}"\n target="_blank"\n >\n <div\n style="\n border-radius: ${s} !important;\n color: ${r?.ui_theme?.question_text_color||Ea} !important;\n background-color: ${Ta({position:l.position,question:o||{name:""}})} !important;\n height: 58px !important;\n width: 102px !important;\n margin: 4px !important;\n display: block !important;\n cursor: cursor !important;\n "\n >\n <table\n style="\n border-spacing: 8px 4px !important;\n height: 100% !important;\n width: 100% !important;\n "\n >\n <tbody>\n <tr>\n <td\n style="\n padding: 0 !important;\n font-size: 14px !important;\n line-height: 16px !important;\n word-break: break-word !important;\n "\n >${l.text}</td>\n </tr>\n </tbody>\n </table>\n </div>\n </a>`)).join("")}\n </td>\n </tr>`})({...e,dimentions:f}):""}\n ${"BOOLEAN"===r?.type_info?.question_type?(({emailEmbedChannelInfo:e,disabled:t,assetUrl:n,collectorId:r,survey:o,question:i,customDomain:a,publicSurveyUrl:s})=>{const l=i?.type_info?.type_variant,c=i?.type_info?.question_type,u=B(i||{name:""});let d=0;return u.forEach((e=>{e.text.length>d&&(d=e.text.length)})),`\n <tr>\n <td\n style="\n padding: 0 !important;\n text-align: center !important;\n "\n >\n ${u.map((i=>`\n <a\n style="\n text-decoration: unset !important;\n display: inline-block !important;\n vertical-align: top !important;\n height: 54px !important;\n width: ${7*d+96}px !important;\n min-width: 140px !important;\n margin: 6px !important;\n border-radius: 5px !important;\n background-color: #f2f2f2 !important;\n color: ${o?.ui_theme?.question_text_color||Ea} !important;\n pointer-events: ${t?"none":"unset"} !important;\n "\n href="${Ra({collectorId:r,publicSurveyUrl:s,disabled:t,contact_fields:e?.contact_fields||[],customDomain:a,initialPivotAnswer:`${i.position}`,surveyId:o?.id||""}).trim()}"\n target="_blank"\n >\n <table\n style="\n border-spacing: 8px !important;\n margin: 0 auto !important;\n height: 100% !important;\n "\n >\n <tbody>\n <tr>\n ${"TEXT"!==l?`\n <td\n style="\n padding: 0 !important;\n "\n >\n <img\n src="${Ma({position:i.position,assetUrl:n,max:u.length,question_type:c,type_variant:l})}"\n width="18px"\n style="\n vertical-align: middle !important;\n "\n />\n </td>`:""}\n <td\n style="\n padding: 0 !important;\n "\n >\n <span\n style="\n display: inline-block !important;\n vertical-align: baseline !important;\n font-size: 14px !important;\n font-weight: 500 !important;\n line-height: 16px !important;\n "\n >${i.text}</span>\n </td>\n </tr>\n </tbody>\n </table>\n </a>`)).join("")}\n </td>\n </tr>`})({...e,dimentions:f}):""}\n ${"RANGE"===r?.type_info?.question_type&&"edges"===l?(({question:e,width:t})=>{const n=B(e||{name:""});return`\n <tr>\n <td\n style="\n text-align: center !important;\n padding: 8px ${(({scale:e,width:t})=>t<320?8:{3:t/(2*e),4:t/(2*e),5:t/(3*e),6:t/(3*e),7:t/(4*e),8:t/(4*e),9:t/(5*e),10:t/(5*e)}[e])({scale:n.length,width:t})}px !important;\n vertical-align: baseline !important;\n "\n >\n <table\n style="\n border-spacing: 0px !important;\n margin: 0 auto !important;\n width: 100% !important;\n "\n >\n <tbody>\n <tr>\n <td style="text-align: left !important;">\n <span \n style="\n font-weight: 500 !important;\n color: ${Ea} !important;\n font-size: 12px !important;\n "\n >${n[0].value} - ${n[0].text}</span>\n </td>\n <td style="text-align: right !important;">\n <span\n style="\n font-weight: 500 !important;\n color: ${Ea} !important;\n font-size: 12px !important;\n "\n >${n[n.length-1].value} - ${n[n.length-1].text}\n </span>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n `.trim()})({question:r,width:m}):""}\n `}\n ${c&&t?.show_footer?`\n <tr>\n <td\n style="\n color: ${n?.ui_theme?.question_text_color||ka} !important;\n padding: 16px 8px 4px 8px !important;\n font-size: 12px !important;\n border-top: 1px solid ${Ca} !important;\n text-align: center !important;\n "\n >${c}</td>\n </tr>`:""}\n ${t?.show_link?`\n <tr>\n <td\n style="\n color: ${n?.ui_theme?.question_text_color||ka} !important;\n padding: 16px 8px 4px 8px !important;\n font-size: 12px !important;\n border-top: 1px solid ${Ca} !important;\n text-align: center !important;\n "\n >\n If you face any issues while responding to the survey, please copy and paste the following link into your web browser:&nbsp;\n <a\n style="\n text-decoration: unset !important;\n color: ${$a} !important;\n pointer-events: ${a?"none":"unset"} !important;\n "\n href=${a?"#":g}\n target="_blank"\n >\n ${Ra({collectorId:o,disabled:!1,publicSurveyUrl:s,contact_fields:t?.contact_fields||[],customDomain:i,initialPivotAnswer:"",surveyId:n?.id||""}).trim()}\n </a>\n </td>\n </tr>`:""}\n </tbody>\n \n </table>\n `};