freemium-survey-components 1.0.321 → 1.0.322

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 (14) hide show
  1. package/lib/index.cjs.js +1 -1
  2. package/lib/index.esm.js +1 -1
  3. package/lib/types/components/tooltip/index.d.ts +2 -0
  4. package/lib/types/survey/utils/logics.d.ts +2 -1
  5. package/package.json +1 -1
  6. package/lib/types/components/emailembed/range.stories.d.ts +0 -31
  7. package/lib/types/components/icons/emoji.d.ts +0 -8
  8. package/lib/types/components/matrix/range.stories.d.ts +0 -0
  9. package/lib/types/components/matrix/utils.d.ts +0 -3
  10. package/lib/types/components/matrix-widget/matrix.stories.d.ts +0 -0
  11. package/lib/types/components/range copy/range.stories.d.ts +0 -1
  12. package/lib/types/components/utils.d.ts +0 -2
  13. package/lib/types/survey/eux.stories.d.ts +0 -0
  14. /package/lib/types/components/{matrix copy/matrix.stories.d.ts → tooltip/tooltip.stories.d.ts} +0 -0
package/lib/index.cjs.js CHANGED
@@ -24,4 +24,4 @@ const Jj=({addFilter:e,utils:t})=>{const{Type:n,isString:i,replaceInString:a,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 Qj=({addFilter:e,utils:t})=>{const{Type:n,replaceInString:i,toNaturalFileSize:a}=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 i=t("GET_MIN_FILE_SIZE");return!(null!==i&&e.size<i)})),e("LOAD_FILE",((e,{query:t})=>new Promise(((n,r)=>{if(!t("GET_ALLOW_FILE_SIZE_VALIDATION"))return n(e);const o=t("GET_FILE_VALIDATE_SIZE_FILTER");if(o&&!o(e))return n(e);const s=t("GET_MAX_FILE_SIZE");if(null!==s&&e.size>s)return void r({status:{main:t("GET_LABEL_MAX_FILE_SIZE_EXCEEDED"),sub:i(t("GET_LABEL_MAX_FILE_SIZE"),{filesize:a(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 r({status:{main:t("GET_LABEL_MIN_FILE_SIZE_EXCEEDED"),sub:i(t("GET_LABEL_MIN_FILE_SIZE"),{filesize:a(l,".",t("GET_FILE_SIZE_BASE"),t("GET_FILE_SIZE_LABELS",t))})}});const u=t("GET_MAX_TOTAL_FILE_SIZE");if(null!==u){if(t("GET_ACTIVE_ITEMS").reduce(((e,t)=>e+t.fileSize),0)>u)return void r({status:{main:t("GET_LABEL_MAX_TOTAL_FILE_SIZE_EXCEEDED"),sub:i(t("GET_LABEL_MAX_TOTAL_FILE_SIZE"),{filesize:a(u,".",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:Qj}));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}"),d.registerPlugin(Qj,Jj,Kj,Aj),ej(tj,ij,nj,aj);const eO=t.forwardRef((({onClick:e,maxFileSize:i=16,visible:a=!0,supportedFileFormats:r,translationVariables:o},s)=>{const[l,u]=t.useState(!1);o?.drop_your_file?o?.drop_your_file:n.createElement(n.Fragment,null);return n.createElement("div",{ref:s,className:"file-upload-container",onClick:e,style:{visibility:a?"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"},o?.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)})(o?.max_file_size,"{{max_file_size}}",String(i))||`Maximum file size : ${i} MB`),n.createElement("p",{className:"support file-formats"},o?.supported_file_formats||"Supported file formats: "," ",(r=r.join(", ")).trim()?n.createElement(n.Fragment,null,l?r:r.slice(0,20)," ",n.createElement("span",{onClick:()=>u(!l),style:{color:"#2C5CC5",textDecoration:"underline",cursor:"pointer"}},l?o?.show_less||"Show less":o?.show_more||"Show more")):"No formats selected"),n.createElement("div",{className:"filepond--drip"}))})),tO=({survey:e,question:i,onChangeHandler:a,onFileUpload:r,setErrors:o,errors:s,translationVariables:l,assetUrl:u,value:c})=>{const[m,p]=t.useState([]),[f,h]=t.useState([]),g=t.useRef(),v=i.type_info?.file_field?.max_file_size||10,y=t.useRef(null),b=t.useRef();n.useEffect((()=>{const e=sessionStorage.getItem(`uploadedFile-${i?.name}`),t=e?JSON.parse(e):"";t?.source&&(t.options={...t.options,file:{name:c?.[0],size:t.fileSize}},p([t]))}),[]);let w=!1;const x=async(e,t)=>{try{if(w)return void console.log("Upload is already in progress");if(b.current&&O(y.current)||e){const n=e??b.current.getFiles()?.[0]?.file;if(console.log("current file",n),n&&r){w=!0;const e=await r(n.type,n.size,i?.id||"");if(t&&t(!0,50,100),e.startsWith("http")&&u){const t=await fetch(e,{method:"PUT",headers:{"Content-Type":n.type,"Content-Disposition":"attachment"},body:n}),r=new URL(e),o=`${u}${r.pathname}`;if(!t.ok)throw console.error("Error uploading file"),new Error("Error uploading file");sessionStorage.setItem(`uploadedFile-${i?.name}`,JSON.stringify({source:o,options:{type:"local"},fileSize:b.current.getFiles()?.[0]?.fileSize})),a([n.name,o])}else a([null,null]),console.error("Error fetching pre-signed url");w=!1}}}catch(e){throw console.error("error in uploading file",e,"stringified error",JSON.stringify(e)),new Error("Error uploading file")}};return n.useEffect((()=>{(()=>{const e=i.type_info?.file_field?.allowed_file_types,t=Object.keys(C).map((t=>{if((e||[]).includes(t))return C[t].concat(",")})).join(" ").trim().slice(0,-1);h(t.split(", "))})()}),[]),n.createElement(n.Fragment,null,n.createElement(d.FilePond,{files:m,server:{process:async(e,t,n,i,a,r)=>{r(!0,0,100);try{await x(t,r),r(!0,100,100),i(t.name)}catch(e){a("An error occurred during upload")}}},ref:b,onerror:e=>{console.log("file upload error",e),y.current=e,o({...s,fileUploadErrors:{[i.name]:e}})},required:!0,credits:!1,allowMultiple:!0,allowFileTypeValidation:!0,acceptedFileTypes:f,fileValidateTypeDetectType:(e,t)=>new Promise(((t,n)=>{const i=e.name.split(".");t(`.${i[i.length-1].toLowerCase()}`)})),onpreparefile:(e,t)=>{const n=new FileReader;n.onloadend=()=>{const t=n.result??"",i=new Blob([t],{type:e.fileType}),a=new File([i],e.filename,{type:e.fileType});x(a)},n.readAsArrayBuffer(t)},imageEditor:{legacyDataToImageState:OA,createEditor:pj,imageReader:[Kz,{}],imageWriter:[Jz,{}],imageProcessor:DM,imageEditorAfterWriteImage:({src:e,dest:t,imageState:n})=>new Promise(((i,a)=>{DM(e,{imageReader:Kz(),imageWriter:Jz({targetSize:{width:128,height:15,fit:"cover"}}),imageState:n}).then((n=>{i([{name:"input_",file:e},{name:"output_",file:t},{name:"thumb_",file:n.dest}])})).catch(a)})),editorOptions:{utils:["crop","finetune","filter","annotate"],imageOrienter:{read:qg,apply:rv},shapePreprocessor:fj(),...rj,...oj,...Qz,locale:{...sj,...uj,...cj,...dj,...mj,...lj}}},allowFileSizeValidation:!0,maxFileSize:`${v}MB`,onupdatefiles:e=>{g.current?.classList.remove("push-backward"),e.length&&p(e)},onremovefile:()=>{p([]),o({...s,fileUploadErrors:{}}),y.current=null,a(null)},maxFiles:1,name:`${i.id}-files`}),n.createElement(eO,{ref:g,onClick:e=>{const t=e.target;"path"!==t?.tagName&&(!t?.className||t?.className instanceof SVGAnimatedString||t.className.includes("format-type-toggler"))||b.current.browse()},visible:!m.length,maxFileSize:v,translationVariables:{...l,tTimeZones:[{id:"",offset:"",timeZone:""}]},supportedFileFormats:f}))};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 nO=({question:e,autoFocusDelay:t,onChangeHandler:i,formValues:a,fieldErrors:r})=>{const o=e.type_info?.contact_form?.layout,s=e.type_info?.contact_form?.fields;return n.createElement(n.Fragment,null,n.createElement("div",{className:"HORIZONTAL"===o?"contact-form-input":""},s?.map(((o,s)=>{switch(o?.type){case"paragraph":return n.createElement("div",{className:"contact-form-inp"},n.createElement(Xn,{key:s,autoFocusDelay:t,label:o?.label||"",isRequired:!!o.required,value:o.id&&a[e.name]?.[o.id]||"",onChange:t=>{o.id&&i({...a[e.name],[o.id]:t.target.value||null})},isErrored:!(!o.id||!a?.[e.name]?.[o.id])&&!!r?.[o?.id||""],errorText:o.id&&a[e.name]?.[o.id]?r?.[o?.id]:""}));case"dropdown":return n.createElement("div",{className:"contact-form-dropdown"},n.createElement(Vn,{isRequired:o?.required||!1,itemToString:e=>e?.value||"",onChangeHandler:t=>{o.id&&i({...a[e.name],[o.id]:t})},saveOthersValue:()=>{},items:o?.choices,label:o?.label||""}));case"checkbox":const[l,u]=n.useState(!1);return n.createElement("div",{className:"contact-form-checkbox"},n.createElement(Jn,{checked:l,name:o?.label||"",isRequired:o?.required||!1,onChange:()=>{u(!l),o.id&&i({...a[e.name],[o.id]:!l})}},o?.label||""));case"date_time":return n.createElement("div",{className:"date-time-field"},n.createElement("span",{className:"date-time-label "+(o.required?"required":"")},o?.label||""),n.createElement(_g,{allow_future_date:!1,date_time_format:"MMM dd,yyyy",is_24hrs_time_format:!1,question_format:"DATE",question:e,onValueChange:i,formValues:a,value:o?.id&&a[e?.name]?.[o?.id]||"",field:o,type:"CONTACT_FORM"}));default:return n.createElement("div",{className:"contact-form-inp"},n.createElement(Un,{key:s,setFocus:0===s,autoFocusDelay:t,onKeyDown:e=>{"phone_number"===o?.type&&q(e),"number"===o?.type&&H(e)},label:o?.label||"",type:"number"===o?.type?"number":"text",isRequired:!!o.required,value:o.id&&a[e.name]?.[o.id]||"",onChange:t=>{o.id&&i({...a[e.name],[o.id]:t.target.value||null})},isErrored:!(!o.id||!a?.[e.name]?.[o.id])&&!!r?.[o?.id||""],errorText:o.id&&a[e.name]?.[o.id]?r?.[o?.id]:""}))}}))))},iO=({survey:e,question:t,formValues:i,othersMeta:a,onChangeHandler:r,saveOthersValue:o,autoFocusDelay:s,isFinalQn:l,isWidget:u,isMobile:d,initialPivotAnswer:c,isInitialTransition:m,formQuestionErrors:p,contactFormErrors:f,activeIndexOfRenderedStatement:h=0,textboxQuestionErrors:g,fileUploadErrors:v,onFileUpload:y,widgetStyle:b="default",setErrors:w,translationVariables:x,assetUrl:k})=>{const P=t?.type_info?.footer_text&&t.type_info.meta?.question_hint?n.createElement("div",{className:"footer",role:"note",dangerouslySetInnerHTML:{__html:t?.type_info?.footer_text}}):n.createElement(n.Fragment,null);if((u||d)&&"MATRIX_RATING_SCALE"===t?.type_info?.question_type)return n.createElement(n.Fragment,null,n.createElement(Wg,{type_info:t?.type_info||{},onChangeHandler:e=>{r(e?.filter((e=>(e.rating_labels||[]).length>0)))},isMobile:d,value:i[t.name]||[],statementIndex:h,widgetStyle:b}),P);switch(t?.type_info?.question_type){case"MATRIX_RATING_SCALE":return n.createElement(n.Fragment,null,n.createElement(Ig,{type_info:t?.type_info||{},onChangeHandler:e=>{r(e?.filter((e=>(e.rating_labels||[]).length>0)))},value:i[t.name]||[]}),P);case"RANGE":return n.createElement(n.Fragment,null,n.createElement(X,{question:t,onChangeHandler:r,isWidget:u,isMobile:d,widgetStyle:b,value:i[t.name],initialPivotAnswer:c,isInitialTransition:m}),P);case"CHECKBOX":case"MULTI_SELECT":return n.createElement(n.Fragment,null,n.createElement(Kn,{name:t.name,values:i[t.name],othersValue:a[t.name],options:t?.choices||[],onChangeHandler:r,saveOthersValue:o,isOthersOption:!!(t?.choices||[]).find((e=>e.meta?.is_others)),othersRequired:!!t?.type_info.meta?.othersRequired,autoFocusDelay:s,translationVariables:x}),P);case"RADIO":case"DROPDOWN":return n.createElement(n.Fragment,null,n.createElement(Qn,{autoFocusDelay:s,name:t.name,onChangeHandler:r,displayFormat:t?.type_info?.meta?.display_format||"LIST",saveOthersValue:o,options:t?.choices||[],value:i[t.name],othersValue:a[t.name],isOthersOption:!!(t?.choices||[]).find((e=>e.meta?.is_others)),othersRequired:!!t?.type_info.meta?.othersRequired,isFinalQn:l,translationVariables:x}),P);case"TEXT":return n.createElement(n.Fragment,null,n.createElement(Rg,{question:t,autoFocusDelay:s,formValues:i,onChangeHandler:r,textboxErrors:g||"",setFocus:!0}),P);case"NUMBER":return n.createElement(n.Fragment,null,n.createElement(zg,{question:t,autoFocusDelay:s,formValues:i,onChangeHandler:r}),P);case"FORM_FIELD":return n.createElement(n.Fragment,null,n.createElement(Ag,{question:t,isRequired:!!t.required,autoFocusDelay:s,onChangeHandler:r,formValues:i,fieldErrors:p?.[t.name]||{},language:e?.language||"en"}),P);case"CONTACT_FORM":return n.createElement(n.Fragment,null,n.createElement(nO,{question:t,autoFocusDelay:s,onChangeHandler:r,formValues:i,fieldErrors:f?.[t.name]||{}}),P);case"PARAGRAPH":return n.createElement(n.Fragment,null,n.createElement(Xn,{autoFocusDelay:s,label:"",isRequired:!!t.required,placeholder:t?.type_info?.meta?.placeholder??"",value:i[t.name]||"",onChange:e=>r(e.target.value)}),P);case"BOOLEAN":return n.createElement(n.Fragment,null,n.createElement(R,{type_info:t?.type_info,onSelect:r,value:i[t.name],initialPivotAnswer:c,isInitialTransition:m}),P);case"MESSAGE":return P;case"CONSENT":return n.createElement(n.Fragment,null,n.createElement(jg,{question:t,onChange:r,value:i[t.name]}),P);case"SLIDER":const h=t?.type_info.meta?.slider;return n.createElement(n.Fragment,null,n.createElement(bo,{defaultValue:[i[t.name]??h?.opening_position],min:h?.min,max:h?.max,onValueChange:([e])=>r(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:d||"compact"===b}),P);case"RANK_ORDER":return n.createElement(n.Fragment,null,n.createElement(Nr,{valueItems:i[t.name],items:t?.choices||[],onReorder:r}),P);case"DATE_TIME":return n.createElement(n.Fragment,null,n.createElement(_g,{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:r,value:i[t.name]||"",formValues:i,translationVariables:x,language:e?.language||"en"}),P);case"FILE":return n.createElement(tO,{errors:v,setErrors:w,onChangeHandler:r,question:t,survey:e,onFileUpload:y,value:i[t.name]||"",translationVariables:x,assetUrl:k});default:return console.error(`Question type ${t?.type_info?.question_type} not found`),null}};var aO=m((function(e,t){var n="__lodash_hash_undefined__",i=9007199254740991,a="[object Arguments]",r="[object Boolean]",o="[object Date]",s="[object Function]",l="[object GeneratorFunction]",u="[object Map]",d="[object Number]",m="[object Object]",p="[object Promise]",f="[object RegExp]",h="[object Set]",g="[object String]",v="[object Symbol]",y="[object WeakMap]",b="[object ArrayBuffer]",w="[object DataView]",x="[object Float32Array]",k="[object Float64Array]",P="[object Int8Array]",M="[object Int16Array]",$="[object Int32Array]",C="[object Uint8Array]",E="[object Uint8ClampedArray]",S="[object Uint16Array]",T="[object Uint32Array]",_=/\w*$/,A=/^\[object .+?Constructor\]$/,I=/^(?:0|[1-9]\d*)$/,W={};W[a]=W["[object Array]"]=W[b]=W[w]=W[r]=W[o]=W[x]=W[k]=W[P]=W[M]=W[$]=W[u]=W[d]=W[m]=W[f]=W[h]=W[g]=W[v]=W[C]=W[E]=W[S]=W[T]=!0,W["[object Error]"]=W[s]=W[y]=!1;var R="object"==typeof c&&c&&c.Object===Object&&c,z="object"==typeof self&&self&&self.Object===Object&&self,j=R||z||Function("return this")(),O=t&&!t.nodeType&&t,N=O&&e&&!e.nodeType&&e,L=N&&N.exports===O;function D(e,t){return e.set(t[0],t[1]),e}function F(e,t){return e.add(t),e}function B(e,t,n,i){var a=-1,r=e?e.length:0;for(i&&r&&(n=e[++a]);++a<r;)n=t(n,e[a],a,e);return n}function H(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(e){}return t}function q(e){var t=-1,n=Array(e.size);return e.forEach((function(e,i){n[++t]=[i,e]})),n}function Z(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 U,X=Array.prototype,V=Function.prototype,Y=Object.prototype,K=j["__core-js_shared__"],J=(U=/[^.]+$/.exec(K&&K.keys&&K.keys.IE_PROTO||""))?"Symbol(src)_1."+U:"",Q=V.toString,ee=Y.hasOwnProperty,te=Y.toString,ne=RegExp("^"+Q.call(ee).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),ie=L?j.Buffer:void 0,ae=j.Symbol,re=j.Uint8Array,oe=Z(Object.getPrototypeOf,Object),se=Object.create,le=Y.propertyIsEnumerable,ue=X.splice,de=Object.getOwnPropertySymbols,ce=ie?ie.isBuffer:void 0,me=Z(Object.keys,Object),pe=Ne(j,"DataView"),fe=Ne(j,"Map"),he=Ne(j,"Promise"),ge=Ne(j,"Set"),ve=Ne(j,"WeakMap"),ye=Ne(Object,"create"),be=He(pe),we=He(fe),xe=He(he),ke=He(ge),Pe=He(ve),Me=ae?ae.prototype:void 0,$e=Me?Me.valueOf:void 0;function Ce(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var i=e[t];this.set(i[0],i[1])}}function Ee(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var i=e[t];this.set(i[0],i[1])}}function Se(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var i=e[t];this.set(i[0],i[1])}}function Te(e){this.__data__=new Ee(e)}function _e(e,t){var n=Ze(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)==a)}(e)?function(e,t){for(var n=-1,i=Array(e);++n<e;)i[n]=t(n);return i}(e.length,String):[],i=n.length,r=!!i;for(var o in e)!t&&!ee.call(e,o)||r&&("length"==o||Fe(o,i))||n.push(o);return n}function Ae(e,t,n){var i=e[t];ee.call(e,t)&&qe(i,n)&&(void 0!==n||t in e)||(e[t]=n)}function Ie(e,t){for(var n=e.length;n--;)if(qe(e[n][0],t))return n;return-1}function We(e,t,n,i,c,p,y){var A;if(i&&(A=p?i(e,c,p,y):i(e)),void 0!==A)return A;if(!Ve(e))return e;var I=Ze(e);if(I){if(A=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,i=e.length;t||(t=Array(i));for(;++n<i;)t[n]=e[n];return t}(e,A)}else{var R=De(e),z=R==s||R==l;if(Ue(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(R==m||R==a||z&&!p){if(H(e))return p?e:{};if(A=function(e){return"function"!=typeof e.constructor||Be(e)?{}:(t=oe(e),Ve(t)?se(t):{});var t}(z?{}:e),!t)return function(e,t){return je(e,Le(e),t)}(e,function(e,t){return e&&je(t,Ye(t),e)}(A,e))}else{if(!W[R])return p?e:{};A=function(e,t,n,i){var a=e.constructor;switch(t){case b:return ze(e);case r:case o:return new a(+e);case w:return function(e,t){var n=t?ze(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.byteLength)}(e,i);case x:case k:case P:case M:case $:case C:case E:case S:case T:return function(e,t){var n=t?ze(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.length)}(e,i);case u:return function(e,t,n){var i=t?n(q(e),!0):q(e);return B(i,D,new e.constructor)}(e,i,n);case d:case g:return new a(e);case f:return function(e){var t=new e.constructor(e.source,_.exec(e));return t.lastIndex=e.lastIndex,t}(e);case h:return function(e,t,n){var i=t?n(G(e),!0):G(e);return B(i,F,new e.constructor)}(e,i,n);case v:return s=e,$e?Object($e.call(s)):{}}var s}(e,R,We,t)}}y||(y=new Te);var j=y.get(e);if(j)return j;if(y.set(e,A),!I)var O=n?function(e){return function(e,t,n){var i=t(e);return Ze(e)?i:function(e,t){for(var n=-1,i=t.length,a=e.length;++n<i;)e[a+n]=t[n];return e}(i,n(e))}(e,Ye,Le)}(e):Ye(e);return function(e,t){for(var n=-1,i=e?e.length:0;++n<i&&!1!==t(e[n],n,e););}(O||e,(function(a,r){O&&(a=e[r=a]),Ae(A,r,We(a,t,n,i,r,e,y))})),A}function Re(e){return!(!Ve(e)||(t=e,J&&J in t))&&(Xe(e)||H(e)?ne:A).test(He(e));var t}function ze(e){var t=new e.constructor(e.byteLength);return new re(t).set(new re(e)),t}function je(e,t,n,i){n||(n={});for(var a=-1,r=t.length;++a<r;){var o=t[a],s=i?i(n[o],e[o],o,n,e):void 0;Ae(n,o,void 0===s?e[o]:s)}return n}function Oe(e,t){var n,i,a=e.__data__;return("string"==(i=typeof(n=t))||"number"==i||"symbol"==i||"boolean"==i?"__proto__"!==n:null===n)?a["string"==typeof t?"string":"hash"]:a.map}function Ne(e,t){var n=function(e,t){return null==e?void 0:e[t]}(e,t);return Re(n)?n:void 0}Ce.prototype.clear=function(){this.__data__=ye?ye(null):{}},Ce.prototype.delete=function(e){return this.has(e)&&delete this.__data__[e]},Ce.prototype.get=function(e){var t=this.__data__;if(ye){var i=t[e];return i===n?void 0:i}return ee.call(t,e)?t[e]:void 0},Ce.prototype.has=function(e){var t=this.__data__;return ye?void 0!==t[e]:ee.call(t,e)},Ce.prototype.set=function(e,t){return this.__data__[e]=ye&&void 0===t?n:t,this},Ee.prototype.clear=function(){this.__data__=[]},Ee.prototype.delete=function(e){var t=this.__data__,n=Ie(t,e);return!(n<0)&&(n==t.length-1?t.pop():ue.call(t,n,1),!0)},Ee.prototype.get=function(e){var t=this.__data__,n=Ie(t,e);return n<0?void 0:t[n][1]},Ee.prototype.has=function(e){return Ie(this.__data__,e)>-1},Ee.prototype.set=function(e,t){var n=this.__data__,i=Ie(n,e);return i<0?n.push([e,t]):n[i][1]=t,this},Se.prototype.clear=function(){this.__data__={hash:new Ce,map:new(fe||Ee),string:new Ce}},Se.prototype.delete=function(e){return Oe(this,e).delete(e)},Se.prototype.get=function(e){return Oe(this,e).get(e)},Se.prototype.has=function(e){return Oe(this,e).has(e)},Se.prototype.set=function(e,t){return Oe(this,e).set(e,t),this},Te.prototype.clear=function(){this.__data__=new Ee},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 Ee){var i=n.__data__;if(!fe||i.length<199)return i.push([e,t]),this;n=this.__data__=new Se(i)}return n.set(e,t),this};var Le=de?Z(de,Object):function(){return[]},De=function(e){return te.call(e)};function Fe(e,t){return!!(t=null==t?i:t)&&("number"==typeof e||I.test(e))&&e>-1&&e%1==0&&e<t}function Be(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||Y)}function He(e){if(null!=e){try{return Q.call(e)}catch(e){}try{return e+""}catch(e){}}return""}function qe(e,t){return e===t||e!=e&&t!=t}(pe&&De(new pe(new ArrayBuffer(1)))!=w||fe&&De(new fe)!=u||he&&De(he.resolve())!=p||ge&&De(new ge)!=h||ve&&De(new ve)!=y)&&(De=function(e){var t=te.call(e),n=t==m?e.constructor:void 0,i=n?He(n):void 0;if(i)switch(i){case be:return w;case we:return u;case xe:return p;case ke:return h;case Pe:return y}return t});var Ze=Array.isArray;function Ge(e){return null!=e&&function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=i}(e.length)&&!Xe(e)}var Ue=ce||function(){return!1};function Xe(e){var t=Ve(e)?te.call(e):"";return t==s||t==l}function Ve(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function Ye(e){return Ge(e)?_e(e):function(e){if(!Be(e))return me(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 We(e,!0,!0)}}));const rO=(e,i)=>{const a=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||!j(e.meta)&&!j(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:r,filteredAnswers:o}=t.useMemo((()=>{const e=aO(a),t=(e.question_details?.questions||[]).filter((e=>!e.type_info?.meta?.is_deleted)),{others_meta:n,...r}=i||{others_meta:{}},o=t.reduce(((e,t)=>null!==r[t.name]&&void 0!==r[t.name]?{...e,[t.name]:r[t.name]}:e),{}),s=(a?.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:{...o,others_meta:n}}}),[a,i]);return{survey:r,answers:o}},oO=({questions:e})=>e.find((e=>e.type_info?.pivot_question))??e.find((e=>"RANGE"===e.type_info?.question_type))??e[0],sO=(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))},lO=({blocks:e,activeIndexOfBlocks:t,renderedBlocks:n,activeIndexOfRenderedBlocks:i,questions:a})=>{const{question:{dependent_blocks:r}}=n[i],o=r?.some((({choice_id:e})=>!!e))??!1;return(t===e.length-1||1===r?.length&&!o&&("TY"===r?.[0].next_block||cO({blocks:e,questions:a,nextBlockName:r?.[0].next_block||""})))&&i===n.length-1},uO=({pivotQn:e,pivotQnAnswer:t,block:n,questions:i})=>{if(n?.category?.length){const a=e?.type_info?.scale_properties?.range?.find((e=>(e.min??0)<=t&&t<=(e.max??10))),r=n?.category.find((e=>e.id===a?.id)),o=r?.question_name;return i.find((e=>e.name===o))}return i.find((e=>e.name===n?.question_name))},dO=({activeBlock:e,answers:t,blocks:n,activeIndexOfBlocks:i,questions:a,fromTY:r=!1})=>{const o=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===o.length?o.find((e=>e.values?.includes(String(s))||e.values?.includes(String(Boolean(s)))))?.next_block:o.find((e=>(s??-1)>=(e?.values?.[0]??0)&&(s??-1)<=(e?.values?.[1]??10)))?.next_block:1===o.length?o[0].next_block:o.find((e=>e.values?.includes(String(s))||e.choice_id?.includes(String(s))))?.next_block,l){if(("TY"===l||cO({nextBlockName:l,blocks:n,questions:a}))&&!r)return 1/0;const e=n.find((e=>e.name===l));if((e?.category||[]).length>0){const i=oO({questions:a});if(!!j(t?.formValues?.[i.name])){const t=a.find((t=>t.name===e?.category?.[0]?.question_name))?.dependent_blocks?.[0].next_block,i=n.findIndex((e=>e.name===t));return i>=0?i:1/0}}const i=n.findIndex((e=>e.name===l));return i>=0?i:1/0}return i+1},cO=({nextBlockName:e,blocks:t,questions:n})=>{let i=t.find((t=>t.name===e))?.question_name;return i||(i=t.find((t=>t.name===e))?.question_names[0]),"THANK_YOU"===n.find((e=>e.name===i))?.type_info?.question_type},mO=({activeBlock:e,blocks:t,answers:n,questions:i,renderedBlocks:a,contactData:r,activeIndexOfBlocks:o})=>{let s=dO({activeBlock:e,answers:n,blocks:t,activeIndexOfBlocks:o,questions:i,fromTY:!0}),l=pO({nextBlockIndex:s,blocks:t,answers:n,questions:i,contactData:r});for(;!l&&s!==t.length-1;)s+=1,l=pO({nextBlockIndex:s,blocks:t,answers:n,questions:i,contactData:r});return t[s]},pO=({nextBlockIndex:e,blocks:t,answers:n,questions:i,contactData:a})=>{const r=[],o=t[e]?.display_logic??[];return o.length?o.forEach((e=>{const{sub_type:t,logic_type:o,based_on_contact_field_name:s,matrix_rating_scale_statement_id:l,rank_order_choice_id:u}=e,d=e.based_on_question_name??"",c=i.find((e=>e.name===d));let m=e.expected_value??[],p=e.operator,f=n.formValues[d];if("RATING_GROUP"===t){const e=i.find((e=>e.name===d))?.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"===o&&(f=a?a[s||""]:""),u&&Array.isArray(f)&&(f=[...f].findIndex((e=>e===u))+1),"DATE_TIME"===c?.type_info?.question_type&&("IS"===p||"IS_NOT"===p)){const{newOperator:e,newExpectedValue:t,newAnswer:n}=(({expValue:e,answer:t})=>{const n=new Date;let i={newOperator:null,newExpectedValue:[],newAnswer:t};const a=new Date(t);switch(e){case"Last 7 days":i={...i,newOperator:"BETWEEN",newExpectedValue:[new Date(n.setDate(n.getDate()-7)).toString(),(new Date).toString()]};break;case"Last 30 days":i={...i,newOperator:"BETWEEN",newExpectedValue:[new Date(n.setDate(n.getDate()-30)).toString(),(new Date).toString()]};break;case"Next 7 days":i={...i,newOperator:"BETWEEN",newExpectedValue:[new Date(n.setDate(n.getDate()+7)).toString(),(new Date).toString()]};break;case"Next 30 days":i={...i,newOperator:"BETWEEN",newExpectedValue:[new Date(n.setDate(n.getDate()+30)).toString(),(new Date).toString()]};break;case"Today":i={...i,newExpectedValue:[new Date],newAnswer:new Date(t)};break;case"Yesterday":i={...i,newExpectedValue:[new Date(n.setDate(n.getDate()-1)).toString()],newAnswer:a}}return i})({expValue:m[0],answer:f});m=t,p=e||p,f=n}let h=!0;switch(p){case"IS":h=m[0]==f;break;case"IS_NOT":h=m[0]!=f;break;case"EMPTY":h=O(f);break;case"NOT_EMPTY":h=!O(f);break;case"LESSER_THAN":h=Number(f)<Number(m[0]??-1);break;case"GREATER_THAN":h=Number(f)>Number(m[0]??-1);break;case"LESSER_THAN_OR_EQUALS":h=Number(f)<=Number(m[0]??-1);break;case"GREATER_THAN_OR_EQUALS":h=Number(f)>=Number(m[0]??-1);break;case"INCLUDES":h=Array.isArray(f)?f.some((e=>m.includes(e))):!!f&&m.includes(String(f));break;case"NOT_INCLUDES":Array.isArray(f)?h=f.some((e=>!m.includes(e))):f&&(h=!m.includes(String(f)));break;case"CONTAINS":h=String(f).includes(String(m[0]));break;case"NOT_CONTAINS":h=!String(f).includes(String(m[0]));break;case"BETWEEN":let e=m[0],t=m[1];"string"==typeof f?(e=new Date(e),t=new Date(t),f=new Date(f),e>t&&(e=new Date(m[1]),t=new Date(m[0]))):(e=Number(e),t=Number(t),f=Number(f),e>t&&(e=Number(m[1]),t=Number(m[0]))),h=f>e&&f<t;break;case"STARTS_WITH":h=String(f)?.startsWith(m[0]);break;case"ENDS_WITH":h=String(f)?.endsWith(m[0]);break;case"AFTER":h=new Date(String(f))>new Date(m[0]);break;case"BEFORE":h=new Date(String(f))<new Date(m[0])}"HIDE"===e.display_type&&(h=!h),r.push(h)})):r.push(!0),r.every((e=>e))},fO=({renderedBlocks:e,activeBlock:t,blocks:n,activeIndexOfBlocks:i,answers:a,questions:r,contactData:o})=>{const s=hO({activeBlock:t,blocks:n,activeIndexOfBlocks:i,answers:a,questions:r}),l=pO({nextBlockIndex:s,blocks:n,answers:a,questions:r,contactData:o});if(s>=n.length)return 1/0;if(l)return cO({blocks:n,questions:r,nextBlockName:n[s].name||""})?1/0:s;{const t=uO({pivotQn:oO({questions:r}),pivotQnAnswer:a.formValues[n[0].question_name??""],block:n[s],questions:r});return fO({activeBlock:{...n[s],question:t},blocks:n,activeIndexOfBlocks:s,answers:a,renderedBlocks:e,questions:r})}},hO=({activeBlock:e,blocks:t,activeIndexOfBlocks:n,answers:i,questions:a})=>{if((({activeBlock:e,answers:t})=>{const n=t.formValues[e.question.name];return O(n)})({activeBlock:e,answers:i}))return n+1;if(1===e.question.dependent_blocks?.length){const n=e.question.dependent_blocks?.[0];if("TY"===n?.next_block||cO({blocks:t,questions:a,nextBlockName:n?.next_block||""}))return 1/0;const i=t.findIndex((e=>e.name===n?.next_block));return i>=0?i:1/0}return(e.question.dependent_blocks?.length??0)>1?dO({activeBlock:e,answers:i,blocks:t,activeIndexOfBlocks:n,questions:a}):n+1},gO=({question:e,answers:t})=>!O(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]===v)||t.commitDirtyValue,vO=({blocks:e,activeIndexOfBlocks:t,renderedBlocks:n,activeIndexOfRenderedBlocks:i,answers:a,questions:r})=>{const{question:o}=n[i];if(o){const s=lO({blocks:e,activeIndexOfBlocks:t,renderedBlocks:n,activeIndexOfRenderedBlocks:i,questions:r}),l=gO({question:o,answers:a});return!s&&l||o?.type_info?.question_type&&["MESSAGE"].includes(o?.type_info?.question_type)||"CONSENT"===o?.type_info?.question_type&&"BUTTON"===o?.type_info?.meta?.display_format||"CONSENT"===o?.type_info?.question_type&&"CHECKBOX"===o?.type_info?.meta?.display_format&&s&&l}return!1},yO=(e,{answers:t,blocks:n,activeIndexOfBlocks:i,renderedBlocks:a,initialStatementHasAnswer:r,activeIndexOfRenderedBlocks:o,activeIndexOfRenderedStatement:s=0,surveyStyle:l,isMobile:u,isWidget:d,blockIndex:c,questions:m})=>{const p=lO({blocks:n,activeIndexOfBlocks:i,renderedBlocks:a,activeIndexOfRenderedBlocks:o,questions:m}),y=a[o],b=y.question,w=b?.type_info?.matrix_properties?.statements||[];switch(e){case"next-statement":return"MATRIX_RATING_SCALE"===b.type_info?.question_type&&(!(!d&&!u)&&(s<w.length-1&&("MULTIPLE_ANSWERS"===b?.type_info?.matrix_properties?.type||r)));case"next":return"CONSENT"===b.type_info?.question_type?"CHECKBOX"===b.type_info?.meta?.display_format&&!p:"MATRIX_RATING_SCALE"===b.type_info?.question_type?!p&&c===o&&(!d&&!u||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]===v||"standard"===l&&0===o))&&!p&&c===o;case"skip":return"FORM_FIELD"===b.type_info?.question_type||"CONTACT_FORM"===b.type_info?.question_type?!p&&c===o&&(()=>{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?!(y.required||u||d||p):!y.required&&!p&&c===o&&b?.type_info?.question_type&&!g.includes(b?.type_info?.question_type)||!y.required&&!p&&"CONSENT"===b?.type_info?.question_type;case"skip-statement":return!(y.required||p&&!(s<w.length-1)||"MATRIX_RATING_SCALE"!==b.type_info?.question_type||!u&&!d);case"submit":return"CONSENT"===b?.type_info?.question_type?p&&"CHECKBOX"===b?.type_info?.meta?.display_format:"MATRIX_RATING_SCALE"===b?.type_info?.question_type?p&&(!d&&!u||s===(b?.type_info?.matrix_properties?.statements||[]).length-1):p&&b?.type_info?.question_type&&!h.includes(b?.type_info?.question_type);case"navigation":return(d||"card"===l)&&!(0===o&&1===a.length);case"clear-selection":return null!=c&&c!==o&&"DROPDOWN"===a[c].question.type_info?.question_type&&t.formValues[a[c].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}},bO=(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)&&O(t.others[e.question.name])},wO=({block:e,answer:t})=>{const n=e?.question,i=e.question?.type_info?.question_type,a={};let r=!0;return("FORM_FIELD"===i?n?.type_info?.form_fields?.fields:n?.type_info?.contact_form?.fields)?.forEach((e=>{e?.required&&O(t?.[e?.id||1])?a[e?.id]=!0:a[e?.id]=!1})),Object.values(a).forEach((e=>{!0===e&&(r=!1)})),!r},xO=(e,{answers:t,blocks:n,activeIndexOfBlocks:i,renderedBlocks:a,activeIndexOfRenderedBlocks:r,isSubmitting:o,activeIndexOfRenderedStatement:s,isWidget:l,isMobile:u})=>{const d=a[r];switch(e){case"next-statement":const e=(d?.question?.type_info?.matrix_properties?.statements||[])[s];return!(t.formValues[d?.question.name]||[]).find((t=>t.statement_id===e?.id))?.rating_labels?.length;case"next":if("MATRIX_RATING_SCALE"===d.question.type_info?.question_type){const e=d?.question?.type_info?.matrix_properties?.statements||[],n=t.formValues[d?.question.name]||[];if(l||u){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)})),d.required?!e.every((e=>e.id&&!!t[e.id])):!e.some((e=>e.id&&!!t[e.id]))}}return!("CONSENT"===d.question?.type_info?.question_type&&!d.required)&&(O(t?.formValues[d.question.name])||d.question.type_info?.meta?.othersRequired&&bO(d,t)||("FORM_FIELD"===d.question?.type_info?.question_type||"CONTACT_FORM"===d.question?.type_info?.question_type)&&wO({block:d,answer:t?.formValues[d.question.name]}));case"submit":return"CONSENT"===d.question.type_info?.question_type?!!d.required&&!t?.formValues[d.question.name]:(d.required||d.question.type_info?.pivot_question)&&O(t?.formValues[d.question.name])||d.question?.type_info?.meta?.othersRequired&&bO(d,t)||("FORM_FIELD"===d.question?.type_info?.question_type||"CONTACT_FORM"===d.question?.type_info?.question_type)&&wO({block:d,answer:t?.formValues[d.question.name]})||o||(({answer:e,block:t,mobileOrWidget:n,activeIndexOfRenderedStatement:i=0})=>{if("MATRIX_RATING_SCALE"!==t?.question?.type_info?.question_type||!t.required)return!1;const a={};if(e?.forEach((e=>{e.statement_id&&e.rating_labels?.length&&(a[e.statement_id]=!0)})),n){const e=t?.question?.type_info?.matrix_properties?.statements?.find(((e,t)=>t===i));return!!e?.id&&!a[e?.id]}return!(t?.question?.type_info?.matrix_properties?.statements||[]).filter((e=>e.is_active)).every((e=>e.id&&!!a[e.id]))})({block:d,activeIndexOfRenderedStatement:s,mobileOrWidget:l||u,answer:t?.formValues[d.question.name]});case"navigation-prev":return 0==r;case"navigation-next":return r>=a.length-1;default:return!1}},kO=({renderedBlocks:e,activeIndexOfRenderedBlocks:t,answers:n})=>{const i=PO({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:i}},PO=({renderedBlocks:e,activeIndexOfRenderedBlocks:t})=>e.slice(0,t+1),MO=({blocks:e,answerStatus:t,questions:n,responses:i})=>{const a=["COMPLETE","PARTIAL_COMPLETE"].includes(t??""),{others_meta:r={},...o}=i||{};if(O(o))return{renderedBlocks:[],activeIndexOfRenderedStatement:0,activeIndexOfRenderedBlocks:0,pivot:null,answers:{formValues:{},others:{},commitDirtyValue:!1},isInitialTransition:!0,isConsideredCompleted:a};const s=e.filter((e=>e.question_names?.some((e=>null!=i?.[e])))).map((e=>{const t=e.question_names?.find((e=>null!=i?.[e])),a=n.find((e=>e.name===t&&"MESSAGE"!==e?.type_info?.question_type));return{...e,question:a}})),l=Math.max(s.length-1,0),u=e?.findIndex((e=>e.name===s[l].name)),d=oO({questions:n}),c={question:d,answer:o[d.name]},m=(({blocks:e,answers:t,questions:n,activeBlock:i,activeIndexOfBlocks:a,pivot:r})=>{const o=hO({activeBlock:i,blocks:e,activeIndexOfBlocks:a,answers:t,questions:n});if(o>-1){const t=uO({pivotQn:r?.question,pivotQnAnswer:r?.answer,block:e?.[o],questions:n});return{...e?.[o],question:t}}return null})({activeBlock:s[l],blocks:e,answers:{formValues:o||{},others:r||{},commitDirtyValue:!0},pivot:c,questions:n,activeIndexOfBlocks:u});return{renderedBlocks:m?.question?.name?[...s,m]:s,activeIndexOfRenderedStatement:0,activeIndexOfRenderedBlocks:l+1===s.length?l:l+1,pivot:{question:d,answer:o?.[d.name]},isInitialTransition:!1,answers:{others:r,formValues:o,commitDirtyValue:!1},isConsideredCompleted:a,...a?{activeIndexOfRenderedBlocks:0,isInitialTransition:!0}:{}}},$O=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\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/}},CO=({fields:e,answers:t,errorSetter:n,questionName:i,errors:a,translationVariables:r})=>{let o=!0;const s={...a?.[i]};return e.forEach((e=>{const n=$O(e?.type);e?.required&&!t[e.id]?(s[e?.id]=r?.required_field||"This is a required field",o=!1):(e?.required||t[e.id])&&n&&!n.test(t[e.id])?(s[e?.id]=r?.valid_data||"Enter valid data",o=!1):delete s[e?.id]})),n({...a,formErrors:{[i]:s}}),o},EO=({type:e,answer:t,errorSetter:n,questionName:i,errors:a,translationVariables:r})=>{let o=!0,s="";const l=$O(e);return t&&l&&!l.test(t)?(s=r?.valid_data||"Enter valid data",o=!1):s="",n({...a,textBoxErrors:{[i]:s}}),o},SO=({fields:e,answers:t,errorSetter:n,questionName:i,errors:a,translationVariables:r})=>{let o=!0;const s={...a?.[i]};return e.forEach((e=>{const n=$O(e?.type.toUpperCase());e?.required&&!t[e.id]?(s[e?.id]=r?.required_field||"This is a required field",o=!1):(e?.required||t[e.id])&&n&&!n.test(t[e.id])?(s[e?.id]=r?.valid_data||"Enter valid data",o=!1):delete s[e?.id]})),n({...a,contactFormErrors:{[i]:s}}),o},TO=({errors:e})=>O(e),_O=e=>{const i=e.survey.question_details?.questions||[],a=e?.contactData||{},r=e?.translationVariables||{},[o]=t.useState(e.survey.blocks?.filter((e=>"TY"!==e.name&&!e.is_deleted))),s=t.useMemo((()=>MO({blocks:o,questions:i,responses:e.answers,answerStatus:e.answerStatus||"PARTIAL"})),[o,i,e.answers]),[l,u]=t.useState({formErrors:{},textBoxErrors:{},fileUploadErrors:{},contactFormErrors:{}}),[d,c]=t.useState(s.answers),[m,p]=t.useState(s.renderedBlocks),[f,h]=t.useState(s.activeIndexOfRenderedBlocks),[g,v]=t.useState(s.activeIndexOfRenderedStatement),[y,b]=t.useState(!1),[w,x]=t.useState(!1),k=t.useRef(s.pivot),P=t.useRef(!1),M=t.useRef(((s.isConsideredCompleted||"PARTIAL"===e.answerStatus)&&e.canResubmit)??!1),$=t.useRef(),C=t.useRef(s.isInitialTransition),E=m[f],S=n.useMemo((()=>m.length>0?o?.findIndex((e=>e.name===m[f]?.name)):0),[f]);t.useEffect((()=>{if(s.isConsideredCompleted&&C.current&&e.canResubmit)return;const{others_meta:t,...n}=e.answers||{};if(!o||!o.length||!O(n))return;k.current={...k.current,question:oO({questions:i})},null!=e.initialPivotAnswer&&(k.current={...k.current,answer:sO(k.current.question,e.initialPivotAnswer)},c({...d,formValues:{...d.formValues,[k.current.question.name]:k.current.answer}}));const a=uO({pivotQn:k.current.question,pivotQnAnswer:k.current.answer,block:o[0],questions:i});p([{...o[0],question:a}])}),[o,e.initialPivotAnswer]),t.useEffect((()=>{s.isConsideredCompleted&&C.current&&e.canResubmit||m.length&&(m.length>1&&(C.current=!1),h(m.length-1))}),[m]),t.useEffect((()=>{if(!(s.isConsideredCompleted&&C.current&&e.canResubmit)&&!O(d.formValues)&&W()&&o)if(vO({blocks:o,activeIndexOfBlocks:S,renderedBlocks:m,activeIndexOfRenderedBlocks:f,answers:d,questions:i})){const t=()=>{b(!1);const e=fO({renderedBlocks:m,activeBlock:E,blocks:o,activeIndexOfBlocks:S,answers:d,questions:i,contactData:a});if(e===1/0)return void setTimeout((()=>{j("COMPLETE"),x(!0)}));setTimeout((()=>{j()}));const t=uO({pivotQn:k.current?.question,pivotQnAnswer:k.current?.answer,block:o?.[e],questions:i}),n=PO({renderedBlocks:m,activeIndexOfRenderedBlocks:f});p([...n,{...o?.[e],question:t}]),setTimeout((()=>{v(0)}),0)};null!=e.initialPivotAnswer&&1==m.length?$.current?(clearTimeout($.current),$.current=null,t()):$.current=setTimeout((()=>{}),1500):t()}else"MATRIX_RATING_SCALE"===E?.question?.type_info?.question_type&&j()}),[d,o]),t.useEffect((()=>{s.isConsideredCompleted&&C.current&&e.canResubmit||!O(d.formValues)&&P.current&&(y?_():T(),P.current=!1)}),[y]);const T=()=>{y?(P.current=!0,b(!1)):h(f+1),v(0)},_=()=>{g>0?I():(y?h(f-1):(P.current=!0,b(!0)),v(0))},A=()=>{v((e=>e+1))},I=()=>{v((e=>e-1))},W=()=>{if(E.question_name)switch(E.question?.type_info?.question_type){case"FORM_FIELD":return CO({fields:E.question?.type_info?.form_fields?.fields,answers:d.formValues?.[E.question_name]||{},errorSetter:u,questionName:E.question_name,errors:l,translationVariables:r});case"TEXT":return EO({type:E.question?.type_info?.text_field?.text_type,answer:d.formValues?.[E.question_name]||"",errorSetter:u,questionName:E.question_name,errors:l,translationVariables:r});case"CONTACT_FORM":return SO({fields:E.question?.type_info?.contact_form?.fields,answers:d.formValues?.[E.question_name]||{},errorSetter:u,questionName:E.question_name,errors:l,translationVariables:r});case"FILE":return TO({errors:l.fileUploadErrors})}return!0},R=(e,t,n=!1)=>{C.current=!1,e.question.name===k.current?.question.name&&k.current&&(k.current={...k.current,answer:t});let i=d;M.current||!n&&!gO({question:e.question,answers:d})||(i=kO({renderedBlocks:m,activeIndexOfRenderedBlocks:f,answers:d})),c({...i,formValues:{...i.formValues,...null!=t&&{[e.question.name]:t}},commitDirtyValue:n}),"SINGLE_ANSWER"===E.question.type_info?.matrix_properties?.type&&g<(E.question?.type_info?.matrix_properties?.statements||[]).length-1&&setTimeout((()=>{A?.()}),0)},z=()=>{b(!1);const e=E.question;if(M.current||f===m.length-1)c({...d,formValues:{...d.formValues,[e.name]:null},commitDirtyValue:!0});else{const t=kO({renderedBlocks:m,activeIndexOfRenderedBlocks:f,answers:d}),n=PO({renderedBlocks:m,activeIndexOfRenderedBlocks:f});p(n),c({...t,formValues:{...t.formValues,[e.name]:null},commitDirtyValue:!0})}},j=(t="PARTIAL")=>{let n=()=>{};if(!W())return;const i={...d.formValues};"COMPLETE"===t&&(n=()=>{x(!0),M.current=!1},"CONSENT"===E.question?.type_info?.question_type&&"CHECKBOX"===E.question?.type_info?.meta?.display_format&&E.question_name&&O(d.formValues[E.question_name])&&!E.required&&(i[E.question_name]=!1,c((e=>({...e,formValues:{...e.formValues,[E.question?.name]:!1},commitDirtyValue:!1}))))),E.question_name&&void 0===i[E.question_name]&&(i[E.question_name]=null),e.onSubmit({...i,others_meta:d.others},n,t,M.current?"EDIT":"CREATE")},N=n.useMemo((()=>{if("MATRIX_RATING_SCALE"!==E?.question?.type_info?.question_type)return!1;const e=(E?.question?.type_info?.matrix_properties?.statements||[])[g];return((d.formValues[E?.question.name]||[]).find((t=>t.statement_id===e?.id))?.rating_labels||[]).length>0}),[g,f]);return{blocks:o,questions:i,renderedBlocks:m,activeBlock:E,activeIndexOfBlocks:S,initialStatementHasAnswer:N,activeIndexOfRenderedStatement:g,navigateToNextStatement:A,navigateToPreviousStatement:I,activeIndexOfRenderedBlocks:f,isSurveyCompleted:w,isReverseAnimation:y,isNavigating:P.current,pivot:k.current,answers:d,isInitialTransition:C.current,translationVariables:r,formQuestionErrors:l.formErrors,textboxQuestionErrors:l.textBoxErrors,fileUploadErrors:l.fileUploadErrors,contactFormErrors:l.contactFormErrors,setErrors:u,navigateToNextBlock:T,navigateToPreviousBlock:_,saveFormValues:R,saveOthersValue:(e,t)=>{if(null===t){const t={...d.others};delete t[e],c({...d,commitDirtyValue:!1,others:t})}else c({...d,commitDirtyValue:!1,others:{...d.others,[e]:t}})},skipBlock:z,skipStatement:()=>{if(e.isMobile||e.isWidget){const e=E?.question?.type_info?.matrix_properties?.statements||[],t=e[g],n=d.formValues[E?.question.name]||[],i=g<e.length-1;R(E,n.filter((e=>e.statement_id!==t.id)),!i),i&&"MULTIPLE_ANSWERS"===E?.question?.type_info?.matrix_properties?.type&&setTimeout((()=>{A?.()}),0)}else z()},onSubmitHandler:j,navigateToStart:()=>{M.current=!0,x(!1),h(0),v(0)},resetSurvey:()=>{x(!1),h(0),C.current=!0,c({formValues:{},others:{},commitDirtyValue:!1}),sessionStorage.removeItem("uploadedFile"),v(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 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: calc(100% - 32px);\n margin: 16px;\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 AO=({thankYouQuestion:e,preview:i,placeholders:a,canResubmit:r,resetSurvey:o,navigateToStart:s,isMobile:l,allowMultipleSubmission:u,pivot:d,rangeToRender:c,translationVariables:m})=>{const{redirectUrl:p,redirectDelay:f,show_custom_button:h,show_review_links:g,show_social_links:v,image_url:y}=e?.type_info?.meta??{},[b,w]=t.useState(f??10);return t.useEffect((()=>{if(!i&&p){const e=setInterval((()=>w((e=>e>1?e-1:(window.location.href=p??"",0)))),1e3);return()=>clearInterval(e)}}),[]),n.createElement("div",{className:"question-container thankyou"},y&&n.createElement("img",{className:"thankyou-logo-img",src:y,alt:"thankyou_logo"}),n.createElement("div",{className:"heading"},e?.type_info?.header_text??(m?.thank_you||"Thank you!")),n.createElement("div",{className:"text",dangerouslySetInnerHTML:{__html:L({questionText:e.text,placeholders:a,npsRating:d?.answer,ratingLabel:j(d?.answer)?"":c?.find((e=>e?.value===String(d?.answer)))?.text??"",preference:d?.question.type_info?.scale_properties?.labels?.preference,isPreview:i})}}),(r||u)&&n.createElement("div",{className:("wrap-up-actions "+(l?"mobile":"")).trim()},r&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:()=>s()},n.createElement(T,{name:"edit"}),m?.edit_response||"Edit your response"),u&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:o},n.createElement(T,{name:"reload"}),m?.another_response||"Submit another response")),p&&n.createElement("div",{style:{width:"100%"}},n.createElement("div",{className:"redirection-text"},B(b,m?.redirect_msg),n.createElement("br",null)),n.createElement("a",{className:"link",href:p},p)),n.createElement(Wo,{show_custom_button:h,show_review_links:g,show_social_links:v}))},IO=({activeIndexOfBlocks:e,activeIndexOfRenderedBlocks:t,renderedBlocks:i,blocks:a,initialStatementHasAnswer:r,activeIndexOfRenderedStatement:o,answers:s,navigateToPreviousBlock:l,navigateToNextBlock:u,translationVariables:d})=>n.createElement("div",{className:"freemium-survey-step-navigation","data-navigation-element":"1"},n.createElement("button",{disabled:xO("navigation-prev",{blocks:a,answers:s,renderedBlocks:i,initialStatementHasAnswer:r,activeIndexOfBlocks:e,activeIndexOfRenderedBlocks:t,activeIndexOfRenderedStatement:o}),className:"navigation-button",onClick:l,title:o>0?d?.prev_statement||"go to previous statement":d?.prev_question||"go to previous question"},n.createElement(T,{name:"arrow-previous"})),n.createElement("button",{className:"navigation-button",disabled:xO("navigation-next",{blocks:a,answers:s,renderedBlocks:i,activeIndexOfBlocks:e,initialStatementHasAnswer:r,activeIndexOfRenderedBlocks:t,activeIndexOfRenderedStatement:o}),title:d?.next_question||"Go to next question",onClick:u},n.createElement(T,{name:"arrow-next"}))),WO=e=>{const{isWidget:i,surveyStyle:a,initialStatementHasAnswer:r,answers:o,renderedBlocks:s,blocks:l,activeIndexOfBlocks:u,activeIndexOfRenderedStatement:d=0,activeIndexOfRenderedBlocks:c,saveFormValues:m,onSubmitHandler:p,skipBlock:f,skipStatement:h,navigateToNextBlock:g,navigateToPreviousBlock:v,isInitialTransition:y,initialPivotAnswer:b,translationVariables:w,isMobile:x,navigateToNextStatement:k,formQuestionErrors:P,textboxQuestionErrors:M,contactFormErrors:C,fileUploadErrors:E,questions:S}=e,[T,_]=t.useState(!1),A={answers:o,blocks:l,activeIndexOfBlocks:u,activeIndexOfRenderedBlocks:c,activeIndexOfRenderedStatement:d,isMobile:x,renderedBlocks:s,initialStatementHasAnswer:r,surveyStyle:a,isWidget:i,blockIndex:c,questions:S},I={answers:o,blocks:l,activeIndexOfBlocks:u,isMobile:x,activeIndexOfRenderedBlocks:c,initialStatementHasAnswer:r,activeIndexOfRenderedStatement:d,renderedBlocks:s,isSubmitting:T,isWidget:i},{question:W}=s[c],R=W?.type_info?.meta?.display_format;return n.createElement(n.Fragment,null,(yO("navigation",A)||yO("next",A)||yO("next-statement",A)||yO("consent",A)||yO("submit",A)||yO("skip",A)||yO("skip-statement",A)||yO("message",A))&&n.createElement("div",{className:"question-footer"},yO("navigation",A)&&n.createElement(IO,{answers:o,activeIndexOfBlocks:u,activeIndexOfRenderedBlocks:c,renderedBlocks:s,initialStatementHasAnswer:r,blocks:l,activeIndexOfRenderedStatement:d,navigateToNextBlock:g,navigateToPreviousBlock:v,translationVariables:w}),n.createElement("div",{className:"action-buttons"},yO("next",A)&&n.createElement(ii,{onClick:()=>{m(s[c],"CHECKBOX"===W?.type_info?.meta?.display_format&&"CONSENT"===W?.type_info?.question_type?o.formValues[W.name]??!1:null,!0)},disabled:xO("next",I),className:"next-button"},w?.next||"Next"),yO("next-statement",A)&&n.createElement(ii,{onClick:()=>{k?.()},disabled:!!xO("next-statement",I),className:"next-button"},w?.next||"Next"),yO("consent",A)&&"BUTTON"===R&&$.map((e=>n.createElement(ii,{key:c+String(e.recordAs),onClick:()=>{m(s[c],e.recordAs,!0)},disabled:xO("consent",I),className:(e.recordAs?"next":"secondary")+"-button"},W?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue))),yO("submit",A)&&n.createElement("div",{className:"submit"},n.createElement(ii,{disabled:xO("submit",I),onClick:()=>{O(P?.[W.name])&&O(M?.[W.name])&&O(E?.[W.name])&&O(C?.[W.name])&&(_(!0),p("COMPLETE"))}},T?w?.submitting||"Submitting":w?.submit_survey||"Submit survey")),yO("skip",A)&&n.createElement("button",{className:"skip-button",onClick:f,"aria-label":"skip question"},w?.skip||"Skip"),yO("skip-statement",A)&&n.createElement("button",{className:"skip-button",onClick:h,"aria-label":"skip statement"},w?.skip||"Skip"),yO("message",A)&&n.createElement(ii,{onClick:f,disabled:xO("message",I),className:"next-button"},W?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"))))},RO=e=>{const{blocks:a,renderedBlocks:r,activeBlock:o,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:l,isSurveyCompleted:u,isReverseAnimation:d,saveFormValues:c,saveOthersValue:m,skipBlock:p,skipStatement:f,onSubmitHandler:h,navigateToNextBlock:g,navigateToPreviousBlock:v,answers:y,questions:b,pivot:w,isInitialTransition:x,resetSurvey:k,activeIndexOfRenderedStatement:P,navigateToNextStatement:M,navigateToPreviousStatement:$,navigateToStart:C,translationVariables:E,initialStatementHasAnswer:S,formQuestionErrors:T,textboxQuestionErrors:_,contactFormErrors:A,fileUploadErrors:I,setErrors:W}=_O(e),R=O(y.formValues)&&e.survey.prompt_settings?.is_enabled&&e.preview,[z,D]=t.useState(R),F=n.useMemo((()=>N(w?.question)),[w?.question]);return t.useEffect((()=>{o&&e.onBlockChange?.(o)}),[o,e]),t.useEffect((()=>{e.getSurveyProgress?.({totalBlocks:a.length,isSurveyCompleted:u,activeIndexOfBlocks:s})}),[a.length,u,s]),o&&o.question?n.createElement("div",{className:`freemium-survey-components ${e.isMobile?"mobile-preview":""} ${e.surveyStyle}-survey-style`,id:"freemium-survey"},n.createElement(i.SwitchTransition,{mode:"out-in"},n.createElement(i.CSSTransition,{key:l+String(u)+String(z),addEndListener:(e,t)=>{e.addEventListener("transitionend",t,!1)},classNames:d?"fade-reverse":"fade"},n.createElement("div",{className:"questions"},u?n.createElement(AO,{thankYouQuestion:uO({pivotQn:w?.question,pivotQnAnswer:w?.answer,block:mO({activeBlock:o,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:y,questions:b,activeIndexOfBlocks:s,renderedBlocks:r,contactData:e.contactData}),questions:b}),canResubmit:e.canResubmit,allowMultipleSubmission:e.allowMultipleSubmission,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",C):C()},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",k):k()},preview:!!e.preview,placeholders:e.placeholders,isMobile:e.isMobile,pivot:w,rangeToRender:F,translationVariables:E}):n.createElement("div",{id:`${o.question.name}`,className:"question-container","data-test-question-name":o.question.name},z&&e.survey.prompt_settings?n.createElement(Io,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt?.(t),1===t&&D(!1)},placeholders:e.placeholders,isPreview:!!e.preview}):n.createElement(n.Fragment,null,n.createElement("div",{className:("question-text "+(!o.question.type_info?.pivot_question&&o.required?"required":"")).trim(),dangerouslySetInnerHTML:{__html:L({questionText:o?.question.text,placeholders:e.placeholders,npsRating:w?.answer,ratingLabel:j(w?.answer)?"":F?.find((e=>e?.value===String(w?.answer)))?.text??"",preference:w?.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(iO,{assetUrl:e.assetUrl,setErrors:W,onFileUpload:e.onFileUpload,survey:e.survey,question:o.question,isFinalQn:lO({blocks:a,activeIndexOfBlocks:s,renderedBlocks:r,activeIndexOfRenderedBlocks:l,questions:b}),formValues:y.formValues,othersMeta:y.others,autoFocusDelay:"standard"===e.surveyStyle?350:0,activeIndexOfRenderedStatement:P,saveOthersValue:m,onChangeHandler:e=>{c(o,e)},isMobile:!!e.isMobile,initialPivotAnswer:e.initialPivotAnswer,isInitialTransition:x,formQuestionErrors:T,textboxQuestionErrors:_,fileUploadErrors:I,contactFormErrors:A,translationVariables:E})),n.createElement(WO,{isWidget:!1,surveyStyle:e.surveyStyle,answers:y,renderedBlocks:r,blocks:a,activeIndexOfRenderedStatement:P,initialStatementHasAnswer:S,navigateToNextStatement:M,navigateToPreviousStatement:$,activeIndexOfRenderedBlocks:l,activeIndexOfBlocks:s,saveFormValues:c,skipBlock:p,skipStatement:f,onSubmitHandler:h,navigateToPreviousBlock:v,navigateToNextBlock:g,isInitialTransition:x,initialPivotAnswer:e.initialPivotAnswer,isMobile:!!e.isMobile,translationVariables:E,formQuestionErrors:T,textboxQuestionErrors:_,fileUploadErrors:I,contactFormErrors:A,questions:b})))))),n.createElement(xo,{...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 zO=["next","next-statement","skip","submit","navigation","clear-selection","message","consent"],jO=({thankYouQuestion:e,preview:i,placeholders:a,canResubmit:r,allowMultipleSubmission:o,navigateToStart:s,resetSurvey:l,isMobile:u,pivot:d,rangeToRender:c,translationVariables:m})=>{const{redirectUrl:p,redirectDelay:f,image_url:h,show_custom_button:g,show_review_links:v,show_social_links:y}=e?.type_info?.meta??{},[b,w]=t.useState(f??10);return t.useEffect((()=>{if(!i&&p){const e=setInterval((()=>w((e=>e>1?e-1:(window.location.href=p??"",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??(m?.thank_you||"Thank you!")),n.createElement("div",{className:"text",dangerouslySetInnerHTML:{__html:L({questionText:e.text,placeholders:a,npsRating:d?.answer,ratingLabel:j(d?.answer)?"":c?.find((e=>e?.value===String(d?.answer)))?.text??"",preference:d?.question.type_info?.scale_properties?.labels?.preference,isPreview:i})}}),(r||o)&&n.createElement("div",{className:("wrap-up-actions "+(u?"mobile":"")).trim()},r&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:()=>s()},n.createElement(T,{name:"edit"}),m?.edit_response||"Edit your response"),o&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:l},n.createElement(T,{name:"reload"}),m?.another_response||"Submit another response")),p&&n.createElement("div",{style:{width:"100%"}},n.createElement("div",{className:"redirection-text"},B(b,m?.redirect_msg),n.createElement("br",null)),n.createElement("a",{className:"link",href:p},p)),n.createElement(Wo,{show_custom_button:g,show_review_links:v,show_social_links:y}))},OO=e=>{const{blockIndex:t,isWidget:i,surveyStyle:a,answers:r,renderedBlocks:o,navigateToNextStatement:s,blocks:l,isMobile:u,activeIndexOfBlocks:d,activeIndexOfRenderedBlocks:c,translationVariables:m,saveFormValues:p,skipBlock:f,clearRadioSelection:h,initialStatementHasAnswer:g,initialPivotAnswer:v,questions:y}=e,b={answers:r,blocks:l,blockIndex:t,activeIndexOfBlocks:d,isMobile:u,initialStatementHasAnswer:g,activeIndexOfRenderedBlocks:c,activeIndexOfRenderedStatement:0,renderedBlocks:o,surveyStyle:a,isWidget:i,questions:y},w={answers:r,blocks:l,activeIndexOfBlocks:d,initialStatementHasAnswer:g,isMobile:u,activeIndexOfRenderedBlocks:c,activeIndexOfRenderedStatement:0,renderedBlocks:o},x={};zO.forEach((e=>{x[e]=!!yO(e,b)}));const{question:k}=o[t??c],P=k?.type_info?.meta?.display_format;return x?.next||x?.["next-statement"]||x?.skip||x?.consent||x?.["clear-selection"]||x?.message?n.createElement("div",{className:"question-footer"},n.createElement("div",{className:"action-buttons"},x?.next&&n.createElement(ii,{onClick:()=>{p(o[c],"CHECKBOX"===k?.type_info?.meta?.display_format&&"CONSENT"===k?.type_info?.question_type?r.formValues[k.name]??!1:null,!0)},disabled:!!xO("next",w),className:"next-button"},m?.next||"Next"),x?.["next-statement"]&&n.createElement(ii,{onClick:()=>{s?.()},disabled:!!xO("next-statement",w),className:"next-button"},m?.next||"Next"),x?.consent&&"BUTTON"===P&&$.map((e=>n.createElement(ii,{key:c+String(e.recordAs),onClick:()=>{p(o[c],e.recordAs,!0)},disabled:xO("consent",w),className:(e.recordAs?"next":"secondary")+"-button"},k?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue))),x.skip&&n.createElement("button",{className:"sec-button",onClick:f,"aria-label":"skip question"},m?.skip||"Skip"),x?.["clear-selection"]&&n.createElement("button",{className:"sec-button",onClick:()=>h(t)},m?.clear_selection||"Clear selection"),x?.message&&n.createElement(ii,{onClick:f,disabled:xO("message",w),className:"next-button"},k?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"))):null},NO=e=>{const{blocks:a,renderedBlocks:r,activeBlock:o,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:l,isSurveyCompleted:u,translationVariables:d,saveFormValues:c,saveOthersValue:m,skipBlock:p,skipStatement:f,clearRadioSelection:h,onSubmitHandler:g,answers:v,questions:y,resetSurvey:b,initialStatementHasAnswer:w,navigateToStart:x,activeIndexOfRenderedStatement:k,navigateToNextStatement:P,navigateToPreviousStatement:M,pivot:$,formQuestionErrors:C,textboxQuestionErrors:E,contactFormErrors:S,fileUploadErrors:T,setErrors:_}=(e=>{const i=e.survey.question_details?.questions||[],a=e.contactData||{},r=e.translationVariables||{},[o]=t.useState(e.survey?.blocks?.filter((e=>"TY"!==e.name&&!e.is_deleted))),[s,l]=t.useState({formErrors:{},textBoxErrors:{},fileUploadErrors:{},contactFormErrors:{}}),u=t.useMemo((()=>MO({blocks:o,questions:i,responses:e.answers,answerStatus:e.answerStatus||"PARTIAL"})),[o,i,e.answers]),[d,c]=t.useState(u.renderedBlocks),[m,p]=t.useState(u.activeIndexOfRenderedBlocks),[f,h]=t.useState(u.activeIndexOfRenderedStatement),g=t.useRef(u.pivot),v=t.useRef(u.isInitialTransition),[y,b]=t.useState(u.answers),w=t.useRef(),x=t.useRef(((u.isConsideredCompleted||"PARTIAL"===e.answerStatus)&&e.canResubmit)??!1),[k,P]=t.useState(!1),M=t.useRef(null),$=d[m],C=n.useMemo((()=>d.length>0?o?.findIndex((e=>e.name===d[m]?.name)):0),[m]);t.useEffect((()=>{if(u.isConsideredCompleted&&v.current&&e.canResubmit)return;const{others_meta:t,...n}=e.answers;if(!o||!o.length||!O(n))return;g.current={...g.current,question:oO({questions:i})},null!=e.initialPivotAnswer&&(g.current={...g.current,answer:sO(g.current.question,e.initialPivotAnswer)},b({...y,formValues:{...y.formValues,[g.current.question.name]:g.current.answer}}));const a=uO({pivotQn:g.current.question,pivotQnAnswer:g.current.answer,block:o[0],questions:i});c([{...o[0],question:a}])}),[o,e.initialPivotAnswer]),t.useEffect((()=>{u.isConsideredCompleted&&v.current&&e.canResubmit||(d.length&&p(d.length-1),M.current?.scrollIntoView({block:"start",behavior:"smooth"}))}),[d]),t.useEffect((()=>{if(!(u.isConsideredCompleted&&v.current&&e.canResubmit)&&!O(y.formValues)&&o&&E())if(vO({blocks:o,activeIndexOfBlocks:C,renderedBlocks:d,activeIndexOfRenderedBlocks:m,answers:y,questions:i})){const t=()=>{const e=fO({renderedBlocks:d,activeBlock:$,blocks:o,activeIndexOfBlocks:C,answers:y,questions:i,contactData:a});if(e===1/0)return void setTimeout((()=>{S("COMPLETE"),P(!0)}));setTimeout((()=>{S()}));const t=uO({pivotQn:g.current?.question,pivotQnAnswer:g.current?.answer,block:o?.[e],questions:i}),n=PO({renderedBlocks:d,activeIndexOfRenderedBlocks:m});c([...n,{...o?.[e],question:t}])};null!=e.initialPivotAnswer&&1==d.length?w.current?(clearTimeout(w.current),w.current=null,t()):w.current=setTimeout((()=>{}),1500):t()}else"MATRIX_RATING_SCALE"===$?.question?.type_info?.question_type&&S()}),[y,o]);const E=()=>{if($.question_name)switch($.question?.type_info?.question_type){case"FORM_FIELD":return CO({fields:$.question?.type_info?.form_fields?.fields,answers:y.formValues?.[$.question_name]||{},errorSetter:l,questionName:$.question_name,errors:s,translationVariables:r});case"TEXT":return EO({type:$.question?.type_info?.text_field?.text_type,answer:y.formValues?.[$.question_name]||"",errorSetter:l,questionName:$.question_name,errors:s,translationVariables:r});case"CONTACT_FORM":return SO({fields:$.question?.type_info?.contact_form?.fields,answers:y.formValues?.[$.question_name]||{},errorSetter:l,questionName:$.question_name,errors:s,translationVariables:r});case"FILE":return TO({errors:s.fileUploadErrors})}return!0},S=(t="PARTIAL")=>{let n=()=>{};if(!E())return;const i={...y.formValues};"COMPLETE"===t&&(n=()=>{P(!0),x.current=!1},"CONSENT"===$.question?.type_info?.question_type&&"CHECKBOX"===$.question?.type_info?.meta?.display_format&&$.question_name&&O(y.formValues[$.question_name])&&!$.required&&(i[$.question_name]=!1,b((e=>({...e,formValues:{...e.formValues,[$.question?.name]:!1},commitDirtyValue:!1}))))),$.question_name&&void 0===i[$.question_name]&&(i[$.question_name]=null),e.onSubmit({...i,others_meta:y.others},n,t,x.current?"EDIT":"CREATE")},T=()=>{const e=$.question;if(x.current||m===d.length-1)b({...y,formValues:{...y.formValues,[e.name]:null},commitDirtyValue:!0});else{const t=kO({renderedBlocks:d,activeIndexOfRenderedBlocks:m,answers:y}),n=PO({renderedBlocks:d,activeIndexOfRenderedBlocks:m});c(n),b({...t,formValues:{...t.formValues,[e.name]:null},commitDirtyValue:!0})}},_=()=>{h((e=>e+1))},A=(e,t,n=!1,i=m)=>{v.current=!1,e.question.name===g.current?.question.name&&(g.current={...g.current,answer:t});let a=y;x.current||!n&&!gO({question:e.question,answers:y})||(a=kO({renderedBlocks:d,activeIndexOfRenderedBlocks:i,answers:y})),i!==m&&p(i),b({...a,formValues:{...a.formValues,...null!=t&&{[e.question.name]:t}},commitDirtyValue:n}),"SINGLE_ANSWER"===$.question.type_info?.matrix_properties?.type&&f<($.question?.type_info?.matrix_properties?.statements||[]).length-1&&setTimeout((()=>{_?.()}),0)},I=n.useMemo((()=>{if("MATRIX_RATING_SCALE"!==$?.question?.type_info?.question_type)return!1;const e=($?.question?.type_info?.matrix_properties?.statements||[])[f];return((y.formValues[$?.question.name]||[]).find((t=>t.statement_id===e?.id))?.rating_labels||[]).length>0}),[f,m]);return{blocks:o,questions:i,renderedBlocks:d,initialStatementHasAnswer:I,activeBlock:$,activeIndexOfBlocks:C,activeIndexOfRenderedBlocks:m,activeIndexOfRenderedStatement:f,navigateToNextStatement:_,navigateToPreviousStatement:()=>{h((e=>e-1))},isSurveyCompleted:k,pivot:g.current,answers:y,translationVariables:r,formQuestionErrors:s.formErrors,textboxQuestionErrors:s.textBoxErrors,fileUploadErrors:s.fileUploadErrors,contactFormErrors:s.contactFormErrors,setErrors:l,saveFormValues:A,saveOthersValue:(e,t,n=m)=>{if(n!==m&&p(n),null===t){const t={...y.others};delete t[e],b({...y,commitDirtyValue:!1,others:t})}else b({...y,commitDirtyValue:!1,others:{...y.others,[e]:t}})},skipBlock:T,skipStatement:()=>{if(e.isMobile||e.isWidget){const e=$?.question?.type_info?.matrix_properties?.statements||[],t=e[f],n=y.formValues[$?.question.name]||[],i=f<e.length-1;A($,n.filter((e=>e.statement_id!==t.id)),!i),i&&"MULTIPLE_ANSWERS"===$?.question?.type_info?.matrix_properties?.type&&setTimeout((()=>{_?.()}),0)}else T()},clearRadioSelection:e=>{e!==m&&p(e);const t=d[e].question;delete y.formValues[t.name],delete y.others[t.name];const n=kO({renderedBlocks:d,activeIndexOfRenderedBlocks:e,answers:y}),i=PO({renderedBlocks:d,activeIndexOfRenderedBlocks:e});c(i),b({...n,commitDirtyValue:!1})},onSubmitHandler:S,navigateToStart:()=>{x.current=!0,P(!1)},resetSurvey:()=>{P(!1);const e=uO({pivotQn:g.current?.question,pivotQnAnswer:g.current?.answer,block:o[0],questions:i});c([{...o[0],question:e}]),p(0),b({formValues:{},others:{},commitDirtyValue:!1})}}})(e),A=t.useRef(null),[I,W]=t.useState(!1),R=n.useMemo((()=>N($?.question)),[$?.question]),z=O(v.formValues)&&e.survey.prompt_settings?.is_enabled&&e.preview,[D,F]=t.useState(z);if(t.useEffect((()=>{A.current?.scrollIntoView({block:"start",behavior:"smooth"})}),[r]),t.useEffect((()=>{e.getSurveyProgress?.({totalBlocks:a.length,isSurveyCompleted:u,activeIndexOfBlocks:s})}),[a.length,u,s]),!o||!o.question)return null;const{question:B}=r[l];return n.createElement("div",{className:`freemium-survey-components ${e.isMobile?"mobile-preview":""} standard-survey-style`,id:"freemium-survey"},n.createElement(i.SwitchTransition,{mode:"out-in"},n.createElement(i.CSSTransition,{key:String(u)+String(D),addEndListener:(e,t)=>{e.addEventListener("transitionend",t,!1)},classNames:"fade"},n.createElement("div",null,D&&e.survey.prompt_settings?n.createElement("div",{className:"questions"},n.createElement("div",{className:"question-container"},n.createElement(Io,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt?.(t),1===t&&F(!1)},placeholders:e.placeholders,isPreview:!!e.preview}))):n.createElement(n.Fragment,null,u?n.createElement(jO,{thankYouQuestion:uO({pivotQn:$?.question,pivotQnAnswer:$?.answer,block:mO({activeBlock:o,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:v,questions:y,activeIndexOfBlocks:s,renderedBlocks:r,contactData:e.contactData}),questions:y}),preview:!!e.preview,placeholders:e.placeholders,pivot:{...$,question:$?.question||{name:""},answer:$?.answer},rangeToRender:R,canResubmit:e.canResubmit,isMobile:e.isMobile,allowMultipleSubmission:e.allowMultipleSubmission,translationVariables:d,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",(()=>{W(!1),x()})):(W(!1),x())},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",(()=>{W(!1),b()})):(W(!1),b())}}):n.createElement(n.Fragment,null,n.createElement("div",{onTransitionEndCapture:e=>e.stopPropagation(),className:"questions"},r.map(((t,i)=>n.createElement("div",{key:t.question.name,ref:A,className:"question-container"},n.createElement("div",{className:`question-text ${!o.question.type_info?.pivot_question&&o.required?"required":""} ${0===i?"nps":""}`.trim(),dangerouslySetInnerHTML:{__html:L({questionText:t.question.text,placeholders:e.placeholders,npsRating:$?.answer,ratingLabel:j($?.answer)?"":R?.find((e=>e?.value===String($?.answer)))?.text??"",preference:$?.question.type_info?.scale_properties?.labels?.preference,isPreview:!!e.preview})},"aria-label":`question-${i}`,role:"heading","aria-level":1}),n.createElement(iO,{assetUrl:e.assetUrl,fileUploadErrors:T,setErrors:_,onFileUpload:e.onFileUpload,survey:e.survey,question:t.question,isFinalQn:lO({blocks:a,activeIndexOfBlocks:s,renderedBlocks:r,activeIndexOfRenderedBlocks:l,questions:y}),formValues:v.formValues,othersMeta:v.others,isMobile:!!e.isMobile,autoFocusDelay:"standard"===e.surveyStyle?350:20,activeIndexOfRenderedStatement:k,saveOthersValue:(e,t)=>{m(e,t,i)},onChangeHandler:e=>{c(t,e,!1,i)},initialPivotAnswer:e.initialPivotAnswer,formQuestionErrors:C,textboxQuestionErrors:E,contactFormErrors:S,translationVariables:d}),n.createElement(OO,{isWidget:!1,surveyStyle:e.surveyStyle,answers:v,renderedBlocks:r,blocks:a,blockIndex:i,activeIndexOfRenderedBlocks:l,initialStatementHasAnswer:w,navigateToNextStatement:P,navigateToPreviousStatement:M,activeIndexOfBlocks:s,saveFormValues:c,isMobile:!!e.isMobile,skipBlock:p,skipStatement:f,clearRadioSelection:h,onSubmitHandler:g,initialPivotAnswer:e.initialPivotAnswer,translationVariables:d,formQuestionErrors:C,textboxQuestionErrors:E,contactFormErrors:S,fileUploadErrors:T,questions:y})))),yO("submit",{answers:v,blocks:a,activeIndexOfBlocks:s,initialStatementHasAnswer:w,isMobile:!!e.isMobile,activeIndexOfRenderedBlocks:l,renderedBlocks:r,surveyStyle:e.surveyStyle,isWidget:!1,questions:y})&&n.createElement("div",{className:"submit"},n.createElement(ii,{disabled:!!xO("submit",{answers:v,blocks:a,initialStatementHasAnswer:w,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:l,renderedBlocks:r,activeIndexOfRenderedStatement:k,isSubmitting:I}),onClick:()=>{O(C?.[B.name])&&O(E?.[B.name])&&O(T?.[B.name])&&O(S?.[B.name])&&(W(!0),g("COMPLETE"))}},I?"Submitting":"Submit survey")))))))),n.createElement(xo,{...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 LO=({thankYouQuestion:e,placeholders:t,canResubmit:i,navigateToStart:a,resetSurvey:r,widgetStyle:o,allowMultipleSubmission:s,pivot:l,rangeToRender:u,translationVariables:d})=>{const{show_custom_button:c,show_review_links:m,show_social_links:p,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??(d?.thank_you||"Thank you!")),n.createElement("div",{className:f?"text":"text thankyou-image",dangerouslySetInnerHTML:{__html:L({questionText:e.text,placeholders:t,npsRating:l?.answer,ratingLabel:j(l?.answer)?"":u?.find((e=>e?.value===String(l?.answer)))?.text??"",preference:l?.question.type_info?.scale_properties?.labels?.preference})}}),(i||s)&&n.createElement("div",{className:`wrap-up-actions ${f?"":"thank-you-image"} ${"compact"===o?"mobile":""}`.trim()},i&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:a},n.createElement(T,{name:"edit"}),d?.edit_response||"Edit your response"),s&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:r},n.createElement(T,{name:"reload"}),d?.another_response||"Submit another response")),n.createElement(Wo,{show_custom_button:c,show_review_links:m,show_social_links:p})))},DO=({activeIndexOfBlocks:e,activeIndexOfRenderedBlocks:t,renderedBlocks:i,blocks:a,answers:r,initialStatementHasAnswer:o,translationVariables:s,activeIndexOfRenderedStatement:l,navigateToPreviousBlock:u,navigateToNextBlock:d})=>{const c={blocks:a,renderedBlocks:i,activeIndexOfBlocks:e,initialStatementHasAnswer:o,activeIndexOfRenderedBlocks:t,activeIndexOfRenderedStatement:l,answers:r};return n.createElement("div",{className:"freemium-survey-step-navigation","data-navigation-element":"1"},n.createElement("button",{disabled:!!xO("navigation-prev",c),className:"navigation-button",onClick:u,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:!!xO("navigation-next",c),onClick:d,title:s?.next_question||"go to next question"},n.createElement(T,{name:"arrow-next"})))},FO=e=>{const{isWidget:i,widgetStyle:a,answers:r,initialStatementHasAnswer:o,renderedBlocks:s,blocks:l,activeIndexOfBlocks:u,navigateToNextStatement:d,activeIndexOfRenderedBlocks:c,translationVariables:m,saveFormValues:p,activeIndexOfRenderedStatement:f=0,onSubmitHandler:h,skipBlock:g,skipStatement:v,navigateToNextBlock:y,navigateToPreviousBlock:b,formQuestionErrors:w,textboxQuestionErrors:x,fileUploadErrors:k,contactFormErrors:P,questions:M}=e,[C,E]=t.useState(!1),S={answers:r,blocks:l,isMobile:!1,activeIndexOfBlocks:u,activeIndexOfRenderedBlocks:c,initialStatementHasAnswer:o,activeIndexOfRenderedStatement:f,renderedBlocks:s,isWidget:i,blockIndex:c,questions:M},T={answers:r,blocks:l,isWidget:i,isMobile:!1,activeIndexOfBlocks:u,activeIndexOfRenderedStatement:f,initialStatementHasAnswer:o,activeIndexOfRenderedBlocks:c,renderedBlocks:s,isSubmitting:C},{question:_}=s[c],A=_?.type_info?.question_type,I=(e=!1)=>{const t=e?[...$].reverse():[...$];return yO("consent",S)&&"BUTTON"===R&&t.map((e=>n.createElement(ii,{key:c+String(e.id),onClick:()=>{p(s[c],e.recordAs,!0)},disabled:xO("consent",T),className:(e.recordAs?"next":"secondary")+"-button"},_?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue)))},W="compact"===a&&(yO("navigation",S)&&yO("skip",S)||"CONSENT"===A||"MESSAGE"===A),R=_?.type_info?.meta?.display_format;return n.createElement(n.Fragment,null,(yO("navigation",S)||yO("next",S)||yO("next-statement",S)||yO("consent",S)||yO("submit",S)||yO("skip",S)||yO("skip-statement",S)||yO("message",S))&&n.createElement("div",{className:"question-footer"},W?n.createElement(n.Fragment,null,yO("next",S)&&n.createElement(ii,{onClick:()=>{p(s[c],"CHECKBOX"===_?.type_info?.meta?.display_format&&"CONSENT"===_?.type_info?.question_type?r.formValues[_.name]??!1:null,!0)},disabled:!!xO("next",T),className:"next-button"},m?.next||"Next"),yO("message",S)&&n.createElement(ii,{onClick:g,disabled:xO("message",T),className:"next-button"},_?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"),yO("submit",S)&&n.createElement("div",{className:"submit"},n.createElement(ii,{disabled:!!xO("submit",T),onClick:()=>{O(w?.[_.name])&&O(x?.[_.name])&&O(k?.[_.name])&&O(P?.[_.name])&&(E(!0),h("COMPLETE"))}},C?m?.submitting||"Submitting":m?.submit_survey||"Submit survey")),yO("next-statement",S)&&n.createElement(ii,{onClick:()=>{d?.()},disabled:!!xO("next-statement",T),className:"next-button"},m?.next||"Next"),I(),n.createElement("div",{className:"compact-footer-layout"},n.createElement(DO,{answers:r,activeIndexOfBlocks:u,activeIndexOfRenderedBlocks:c,renderedBlocks:s,initialStatementHasAnswer:o,blocks:l,activeIndexOfRenderedStatement:f,translationVariables:m,navigateToNextBlock:y,navigateToPreviousBlock:b}),"MESSAGE"!==A&&!l[u].required&&n.createElement("button",{className:"skip-button",onClick:g,"aria-label":"skip question"},m?.skip||"Skip"))):n.createElement("div",{className:"action-buttons"},yO("navigation",S)&&n.createElement("div",{style:{marginRight:"auto"}},n.createElement(DO,{answers:r,activeIndexOfBlocks:u,activeIndexOfRenderedBlocks:c,activeIndexOfRenderedStatement:f,renderedBlocks:s,blocks:l,initialStatementHasAnswer:o,translationVariables:m,navigateToNextBlock:y,navigateToPreviousBlock:b})),n.createElement("div",{style:{flex:1}}),yO("skip",S)&&n.createElement("button",{className:"skip-button",onClick:g,"aria-label":"skip question"},m?.skip||"Skip"),yO("skip-statement",S)&&n.createElement("button",{className:"skip-button",onClick:v,"aria-label":"skip statement"},m?.skip||"Skip"),I(!0),yO("next",S)&&n.createElement(ii,{onClick:()=>{p(s[c],"CHECKBOX"===_?.type_info?.meta?.display_format&&"CONSENT"===_?.type_info?.question_type?r.formValues[_.name]??!1:null,!0)},disabled:!!xO("next",T),className:"next-button"},m?.next||"Next"),yO("next-statement",S)&&n.createElement(ii,{onClick:()=>{d?.()},disabled:!!xO("next-statement",T),className:"next-button"},m?.next||"Next"),yO("submit",S)&&n.createElement("div",{className:"submit"},n.createElement(ii,{disabled:!!xO("submit",T),onClick:()=>{O(w?.[_.name])&&O(x?.[_.name])&&O(k?.[_.name])&&O(P?.[_.name])&&(E(!0),h("COMPLETE"))}},C?m?.submitting||"Submitting":m?.submit_survey||"Submit survey")),yO("message",S)&&n.createElement(ii,{onClick:g,disabled:xO("message",T),className:"next-button"},_?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"))))},BO=e=>{const{blocks:a,renderedBlocks:r,activeBlock:o,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:l,isSurveyCompleted:u,isReverseAnimation:d,translationVariables:c,saveFormValues:m,saveOthersValue:p,skipBlock:f,skipStatement:h,initialStatementHasAnswer:g,onSubmitHandler:v,navigateToNextBlock:y,activeIndexOfRenderedStatement:w,navigateToNextStatement:x,navigateToPreviousStatement:k,navigateToPreviousBlock:P,answers:M,questions:$,resetSurvey:C,navigateToStart:E,pivot:S,formQuestionErrors:T,textboxQuestionErrors:_,fileUploadErrors:A,contactFormErrors:I,setErrors:W}=_O({...e,isWidget:!0}),[R,z]=t.useState(null),D=t.useRef(0),F=n.useMemo((()=>N(S?.question)),[S?.question]),B=O(M.formValues)&&e.survey.prompt_settings?.is_enabled,[H,q]=t.useState(B),Z=t.useRef(B?-1:l),G=()=>{if(R){R.style.minHeight="unset",R.style.maxHeight="unset",R.style.height="min-content",R.style.position="static";const t=Math.min(R?.scrollHeight+2,b[e.widgetStyle]);R.style.height=t+"px",R.style.minHeight=t+"px",D.current=t}};if(t.useMemo((()=>{G()}),[R]),t.useEffect((()=>{"MATRIX_RATING_SCALE"===o?.question?.type_info?.question_type&&setTimeout((()=>{G()}),0)}),[w]),t.useEffect((()=>{e.loadAsNewSurvey&&e.handleAction&&e.handleAction("RE_SUBMIT",C)}),[]),t.useEffect((()=>{e.setCurrentSurveyState?.({question:r[l]?.question,npsScore:S?.answer})}),[l,S?.answer]),t.useEffect((()=>{l!==Z.current&&(Z.current=-1)}),[l]),!o||!o?.question)return null;e.widgetHeaderQuerySelector&&document.querySelector(e.widgetHeaderQuerySelector);const U=u?a.length:s+(u?1:0),X=u?100:(U>0?100/a.length:0)*U;return n.createElement("div",{className:`freemium-survey-components widget-survey-components\n ${e.widgetStyle}-style `,id:"freemium-survey"},u||H?null:n.createElement("div",{className:"widget-progressbar"},n.createElement("div",{className:"progress-completion"},X.toFixed(),"%"),n.createElement(ti,{totalSteps:a.length,completedSteps:s+(u?1:0),isWidget:!0})),n.createElement("div",{className:"questions",style:{height:D.current,...B&&H||Z.current===l?{transition:"none"}:{}}},n.createElement(i.TransitionGroup,{component:null},n.createElement(i.CSSTransition,{key:l+String(u)+String(H),unmountOnExit:!0,addEndListener:(e,t)=>{e.addEventListener("transitionend",t,!1)},classNames:d?"fade-reverse":"fade"},n.createElement("div",{ref:e=>e?z(e):null,id:`${o.question.name}`,className:`question-container ${u?"thankyou":""} ${H?"prompt-container":""}`,"data-test-question-name":o.question.name},H&&e.survey.prompt_settings?n.createElement(Io,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt(t),1===t&&q(!1)},placeholders:e.placeholders}):n.createElement(n.Fragment,null,u?n.createElement(LO,{thankYouQuestion:uO({pivotQn:S?.question,pivotQnAnswer:S?.answer,block:mO({activeBlock:o,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:M,questions:$,activeIndexOfBlocks:s,renderedBlocks:r,contactData:e.contactData}),questions:$}),placeholders:e.placeholders,canResubmit:e.canResubmit,widgetStyle:e.widgetStyle,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",E):E()},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",C):C()},allowMultipleSubmission:e.allowMultipleSubmission,pivot:S,rangeToRender:F,translationVariables:c}):n.createElement(n.Fragment,null,n.createElement("div",{className:`question-text ${!o.question.type_info?.pivot_question&&o.required?"required":""} ${"RANGE"===o?.question?.type_info?.question_type?"range-question-text":""}`.trim(),dangerouslySetInnerHTML:{__html:L({questionText:o?.question.text,placeholders:e.placeholders,npsRating:S?.answer,ratingLabel:j(S?.answer)?"":F?.find((e=>e?.value===String(S?.answer)))?.text??"",preference:S?.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(iO,{assetUrl:e.assetUrl,fileUploadErrors:A,setErrors:W,onFileUpload:e.onFileUpload,survey:e.survey,question:o.question,isFinalQn:lO({blocks:a,activeIndexOfBlocks:s,renderedBlocks:r,activeIndexOfRenderedBlocks:l,questions:$}),formValues:M.formValues,widgetStyle:e.widgetStyle,isMobile:!1,othersMeta:M.others,autoFocusDelay:0,activeIndexOfRenderedStatement:w,isWidget:!0,saveOthersValue:p,onChangeHandler:e=>{m(o,e)},formQuestionErrors:T,textboxQuestionErrors:_,contactFormErrors:I,translationVariables:c})),n.createElement(FO,{isWidget:!0,widgetStyle:e.widgetStyle,surveyStyle:"standard",answers:M,isMobile:!1,renderedBlocks:r,initialStatementHasAnswer:g,activeIndexOfRenderedStatement:w,blocks:a,activeIndexOfRenderedBlocks:l,navigateToNextStatement:x,navigateToPreviousStatement:k,activeIndexOfBlocks:s,translationVariables:c,saveFormValues:m,skipBlock:f,skipStatement:h,onSubmitHandler:v,navigateToPreviousBlock:P,navigateToNextBlock:y,formQuestionErrors:T,textboxQuestionErrors:_,fileUploadErrors:A,contactFormErrors:I,questions:$}))))))))};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 HO=({survey:e,preview:i,placeholders:a,contactData:r,overRideComponent:o,onSubmit:s,onDismiss:l,onClose:u,isMobile:d,surveyType:c,unsubscribeUrl:m,isSurveyCompleted:p,children:f=null,answerStatus:h,loadSurveyCollapsed:g=!1,handleAction:v,answers:y,onAnsweringPrompt:b,allowMultipleSubmission:x,loadAsNewSurvey:k,canResubmit:P,translationVariables:M,assetUrl:$,surveyPoweredBy:C,onFileUpload:E})=>{const S=e.question_details?.questions||[],[_,A]=t.useState(),[I,W]=t.useState(!1),[R,z]=t.useState(g),[j,N]=t.useState(0),{ui_theme:F}=e,[B,H]=t.useState(null),[q,G]=t.useState(null),U=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]),X=U?.question_name?U?.question_name??"":U?.category?.[0].question_name??"",V=S.find((e=>e.name===X)),Y=()=>{W(!0),setTimeout((()=>{u?.()}),300)},K=t.useRef(null);return n.createElement("div",{className:`surveyserv-widget-container ${d?"widget-mobile":""} ${c}-container-style ${R?"minimized":""}`,style:{opacity:I?0:1,"--container-width":`${w[c]}`,"--height-transition-duration":"600ms",...D(F||{})}},n.createElement("header",{id:"surveyserv-widget-header",className:"widget-header "+(R?"minimized":"")},R&&n.createElement("span",{className:"header-content minimized",dangerouslySetInnerHTML:{__html:L({questionText:(!_&&e.prompt_settings?.is_enabled?e.prompt_settings.text:q?.question?.text)??Z(V?.text||""),placeholders:{...a,"{{nps.rating}}":String(q?.npsScore??"")}})}}),n.createElement("div",{className:"icons"},!p&&n.createElement("button",{onClick:()=>{R?(z(!R),setTimeout((()=>{N(0)}),700)):(N(B?.clientHeight??0),setTimeout((()=>{z(!R)}),0))},className:"icon minimize-btn",title:R?M?.maximize||"Maximize widget":M?.minimize||"Minimize widget"},R?n.createElement(T,{name:"widget-maximize"}):n.createElement(T,{name:"widget-minimize"})),n.createElement("button",{ref:K,onClick:()=>{p||l(),Y()},title:M?.dismiss||"Dismiss widget",className:"icon minimize-btn"},n.createElement(T,{name:"widget-close"})))),f,n.createElement("main",{ref:e=>H(e),className:("widget-main "+(R?"minimized":"")).trim(),style:{height:R?0:j||"auto"}},o?n.createElement(n.Fragment,null,o):n.createElement(BO,{assetUrl:$,answers:y,widgetStyle:c,answerStatus:h,survey:e,placeholders:a,isMobile:!!d,contactData:r,onFileUpload:E,allowMultipleSubmission:x,loadAsNewSurvey:k,canResubmit:P,onSubmit:s,setCurrentSurveyState:G,widgetHeaderQuerySelector:R?void 0:"#surveyserv-widget-header",onAnsweringPrompt:t=>{b?.(t),A(t),0==t&&O(e.prompt_settings?.declined_message)&&Y()},handleAction:v,translationVariables:M})),n.createElement("footer",{className:("widget-footer "+(R?"minimized":"")).trim()},m&&!R&&n.createElement("a",{href:m,target:"_blank",rel:"noopener noreferrer",onClick:e=>{i&&e.preventDefault(),e.stopPropagation(),Y()}},M?.unsubscribe||"Unsubscribe"),n.createElement("div",{className:"footer-text"},n.createElement(wo,{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 qO=({children:e,title:t,closeModal:a,isModalOpen:r})=>n.createElement(i.CSSTransition,{in:r,unmountOnExit:!0,timeout:500,classNames:"fade",key:t},n.createElement("div",{className:"options-popup",style:{}},n.createElement("header",null,n.createElement("button",{onClick:a,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"))),ZO=({question:e,saveFormValues:i})=>{const[a,r]=t.useState(!1),{range:o}=e?.type_info?.scale_properties||{},s=Number(o?.[0]?.min),l=Number(o?.[o.length-1]?.max),u="descending"===e?.type_info?.scale_properties?.order,d=[...e?.type_info?.scale_properties?.labels?.values||[]],c=e?.type_info?.scale_properties?.labels?.preference;u&&d.reverse();const m=t.useRef(Array.from({length:l+(0===s?1:0)},((e,t)=>u?l-t:t+s)));return m.current.length<=3?n.createElement("ul",{className:`choices ${("THUMBS"===e?.type_info?.type_variant||"all"!==e?.type_info?.scale_properties?.labels?.preference)&&"one-line"}`},m.current.map(((t,a)=>"THUMBS"===e?.type_info?.type_variant?n.createElement("li",{className:"choice range-choice",key:`thumbs-${t}-${a}`},n.createElement("button",{onClick:()=>{i(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}-${a}`},n.createElement("button",{onClick:()=>{i(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:()=>r(!0),className:"choices-button choice"},n.createElement(T,{name:"whatsapp-choices"}),"Rate Support"),n.createElement(qO,{title:"Rate Support",isModalOpen:a,closeModal:()=>r(!1)},m.current.map(((e,t)=>n.createElement("div",{className:"option-row"},n.createElement("button",{onClick:()=>{i(e),r(!1)}},Array.from({length:e},((e,t)=>n.createElement(T,{name:"whatsapp-star",id:`qus-${t}`})))," ","all"===c||"edges"===c&&(0===t||t===d.length-1)?n.createElement("span",null,d[e-1]):null))))))},GO=({question:e,saveFormValues:i,type:a})=>{const[r,o]=t.useState(!1);return n.createElement(n.Fragment,null,n.createElement("button",{onClick:()=>o(!0),className:"choices-button choice"},n.createElement(T,{name:"whatsapp-choices"}),"Select answer"),n.createElement(qO,{title:"Select a choice",isModalOpen:r,closeModal:()=>o(!1)},n.createElement("ul",{className:`choices multi-choice ${a}`},e.choices.map(((e,t)=>n.createElement("li",{className:"choice",style:{boxShadow:"none"},key:`${e}-${t}`},n.createElement("button",{onClick:()=>{i(e.id),o(!1)}},e.value)))))))},UO=e=>{const i=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])})(i.current,String(e.value)??""),t.useEffect((()=>{e.autoFocus&&i.current?.focus()}),[e.autoFocus]),n.createElement("div",{className:"textarea-container"},n.createElement("textarea",{placeholder:"Type a message",ref:i,rows:1,onChange:e.onChange,value:e.value}),n.createElement("button",{onClick:()=>{e.onSubmit(),i.current&&(i.current.value="")}},n.createElement(T,{name:"whatsapp-send"})))},XO=({text:e,placeholders:t,pivot:i,rangeToRender:a})=>n.createElement("div",{className:"question-text-container"},n.createElement("div",{className:"question-text",dangerouslySetInnerHTML:{__html:L({questionText:e,placeholders:t,npsRating:i?.answer,ratingLabel:j(i?.answer)?"":a?.find((e=>e?.value===String(i?.answer)))?.text??"",preference:i?.question.type_info?.scale_properties?.labels?.preference,isPreview:!0})},role:"heading","aria-level":1})),VO=({block:e,saveFormValues:t,type:i})=>{const{question_type:a}=e.question?.type_info;switch(a){case"RANGE":return n.createElement(ZO,{question:e.question,saveFormValues:e=>t(e,!0)});case"DROPDOWN":case"MULTI_CHOICE":case"MULTI_SELECT":return n.createElement(GO,{question:e.question,saveFormValues:e=>t(e,!0),type:i});case"PARAGRAPH":case"INPUT":return null;default:return console.error(`Question type ${a} not supported`),null}},YO=({config:e,placeholders:i,onSelect:a,promptAccepted:r,type:o})=>{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==r?"active":"")},n.createElement(XO,{text:e.text,placeholders:i}),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:()=>{a(Number(e.id))}},n.createElement(T,{name:Number(e.id)?"whatsapp-thumbs-up":"whatsapp-thumbs-down"}),e.value)))))),void 0!==r&&n.createElement("div",{className:"answers-container"},n.createElement("div",{className:"answers"},"whatsapp"===o&&n.createElement("div",{className:"reply-block"},n.createElement("p",{className:"user"},"Acme.inc"),n.createElement("p",{className:"question",dangerouslySetInnerHTML:{__html:L({questionText:e.text,placeholders:i})}})),n.createElement("div",{className:"answer-text"},n.createElement(T,{name:Number(r)?"whatsapp-thumbs-up":"whatsapp-thumbs-down"}),s.find((e=>e.id==r))?.value))),!1===r&&e.is_declined&&e.declined_message&&n.createElement("div",{className:"question-container"},n.createElement(XO,{text:e.declined_message,placeholders:i})))},KO=e=>{const{activeBlock:i,activeIndexOfBlocks:a,activeIndexOfRenderedBlocks:r,answers:o,saveFormValues:s,blocks:l,questions:u,renderedBlocks:d,onSubmitHandler:c,isSurveyCompleted:m,pivot:f}=_O(e),{type:h="whatsapp"}=e,{question_type:g}=i?.question.type_info??{},v=n.useMemo((()=>N(f?.question)),[f?.question]),y=t.useRef(null),[b,w]=t.useState(void 0);return t.useEffect((()=>{y.current&&y.current.scroll({top:1e4,behavior:"smooth"})}),[i,o,m]),i&&i.question?n.createElement("div",{className:`${h} whatsapp-container`},n.createElement("div",{className:"msg-container"},n.createElement("div",{className:"scroll-wrapper",ref:y},e.survey.prompt_settings?n.createElement(YO,{config:e.survey.prompt_settings,onSelect:e=>{w(1===e)},promptAccepted:b,placeholders:e.placeholders,type:h}):null,!e.survey.prompt_settings||b?d.map(((t,g)=>n.createElement(n.Fragment,null,n.createElement("div",{className:"question-container "+(m||g!==d.length-1?"":"active")},n.createElement(XO,{text:t.question.text,placeholders:e.placeholders,pivot:f,rangeToRender:v}),n.createElement(VO,{block:t,placeholders:e.placeholders,saveFormValues:(e,n)=>{s(t,e,n),setTimeout((()=>{!0===n&&lO({blocks:l,activeIndexOfBlocks:a,renderedBlocks:d,activeIndexOfRenderedBlocks:r,questions:u})&&c("COMPLETE")}))},type:h})),t.name===i.name&&!o.commitDirtyValue||p.isNil(o.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:L({questionText:t.question.text||"",placeholders:e.placeholders,npsRating:f?.answer,ratingLabel:p.isNil(f?.answer)?"":v?.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(o.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(o.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&&o.formValues[t.question.name]&&n.createElement("div",{className:"reply-block"},n.createElement("p",{className:"user"},"Acme.inc"),n.createElement("p",{className:"question",dangerouslySetInnerHTML:{__html:L({questionText:t.question.text||"",placeholders:e.placeholders,npsRating:f?.answer,ratingLabel:p.isNil(f?.answer)?"":v?.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(o.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(o.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===o.formValues[t.question.name]))?.value||o.formValues[t.question.name]))))):null,m&&n.createElement("div",{className:"question-container",id:"new"},n.createElement(XO,{text:uO({pivotQn:f?.question,pivotQnAnswer:f?.answer,block:e.survey.blocks?.find((e=>"TY"===e.name)),questions:u})?.text,placeholders:e.placeholders,pivot:f,rangeToRender:v})))),n.createElement(UO,{onChange:e=>{"PARAGRAPH"!==g||m||s(i,e.target.value)},value:"PARAGRAPH"===g&&!m&&o.formValues[i.question.name]?o.formValues[i.question.name]:"",activeBlock:!0,autoFocus:"PARAGRAPH"===g,onSubmit:()=>{s(i,null,!0),i.name===l[l.length-1].name&&c("COMPLETE")}})):null};exports.BUTTON_SIZE_VARIANTS={LARGE:"large",MINI:"mini",NORMAL:"normal"},exports.Binary=R,exports.Button=ii,exports.ChannelPreview=e=>{const{survey:t,answers:i}=rO(e.survey,e.answers);return"whatsapp"===e.channel?n.createElement(KO,{...e,survey:t,answers:i}):"instagram"===e.channel?n.createElement(KO,{type:"instagram",...e,survey:t,answers:i}):(console.error(`Channel ${e.channel} not supported`),null)},exports.Checkbox=Jn,exports.CheckboxGroup=Kn,exports.Dropdown=Vn,exports.Input=Un,exports.ProgressBar=ti,exports.Radio=ei,exports.RadioGroup=Qn,exports.Range=X,exports.RankOrder=Nr,exports.Slider=bo,exports.Survey=e=>{const{survey:t,answers:i}=rO(e.survey,e.answers),[a,r]=n.useState(!1);return n.useEffect((()=>{"undefined"!=typeof window&&r(window.matchMedia("(max-width: 550px)").matches),sessionStorage.removeItem("uploadedFile")}),[]),n.createElement(n.Fragment,null,"standard"===e.surveyStyle?n.createElement(NO,{...e,answers:i,survey:t,isMobile:a||!!e.isMobile,initialPivotAnswer:F(e.answers)?e.initialPivotAnswer:void 0}):n.createElement(RO,{...e,answers:i,survey:t,isMobile:a||!!e.isMobile,surveyStyle:"card",initialPivotAnswer:F(e.answers)?e.initialPivotAnswer:void 0}))},exports.SurveyFooter=xo,exports.SurveyProgress=({isSurveyCompleted:e,totalBlocks:t,completedText:i,activeIndexOfBlocks:a})=>{const r=e?t:a+(e?1:0),o=e?100:(r>0?100/t:0)*r;return n.createElement("div",{className:"survey-progress"},n.createElement("span",{className:"progress-completion"},o.toFixed(),"%  "),i||"survey completed",n.createElement(ti,{totalSteps:t,completedSteps:r}))},exports.TextArea=Xn,exports.WebInAppSurvey=e=>{const{survey:t,answers:i}=rO(e.survey,e.answers),[a,r]=n.useState(!1),[o,s]=n.useState(!1);return n.useEffect((()=>{"undefined"!=typeof window&&r(window.matchMedia("(max-width: 550px)").matches)}),[]),n.useEffect((()=>{"undefined"!=typeof window&&s(window.matchMedia("(max-width: 1080px)").matches)}),[]),n.createElement(HO,{...e,survey:t,answers:i,isMobile:a,surveyType:a?"compact":o?"default":e.surveyType})},exports.getEmailEmbedCodeForQuestion=e=>{const{emailEmbedChannelInfo:t,survey:n,question:i,collectorId:a,customDomain:r,disabled:o,publicSurveyUrl:s}=e,l=i?.type_info?.scale_properties?.labels?.preference,u=i?.type_info?.footer_text,d=Ao({collectorId:a,disabled:o,publicSurveyUrl:s,contact_fields:t?.contact_fields||[],customDomain:r,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 min-width : min(100%, 320px) !important;\n max-width : 612px !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||Po} !important;\n padding: 16px 8px 0 8px !important;\n font-weight: 400 !important;\n font-size: 16px !important;\n text-align: ${t?.align_center?"center":"left"} !important;\n "\n >${i?.text?.trim()}</td>\n ${t?.display?.show_button?`\n <tr>\n <td\n style="\n color: ${n?.ui_theme?.question_text_color||Po} !important;\n padding: 16px 8px 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=${d}\n target="_blank"\n style="\n pointer-events: ${o?"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 ${i?.type_info?.type_variant&&"RANGE"===i?.type_info?.question_type&&"all"!==l&&["NUMBER","EMOJI","STAR"].includes(i.type_info.type_variant)?(({emailEmbedChannelInfo:e,collectorId:t,survey:n,question:i,publicSurveyUrl:a,assetUrl:r,disabled:o,customDomain:s})=>{const l=So(i?.type_info?.scale_properties?.button_style?.shape||"square"),u=N(i||{name:""}),d=i?.type_info?.type_variant,c=u.length,m={3:10,4:8.5,5:8,6:7.5,7:7,8:6.5,9:6,10:5.5,11:5};return`\n <tr>\n <td\n style="\n padding: 16px 0 8px 0 !important;\n text-align: center !important;\n "\n >\n <table\n style="\n border-spacing: 0px !important;\n margin: 0 auto !important;\n width: ${{3:50,4:70,5:80,6:80,7:80,8:100,9:100,10:100,11:100}[c]}% !important;\n "\n >\n <tbody>\n <tr>\n ${u.map((p=>`\n <td\n style="\n padding: 0px !important;\n text-align: center !important;\n "\n >\n <a\n style="\n text-decoration: unset !important;\n pointer-events: ${o?"none":"unset"} !important;\n display: block !important;\n width: fit-content !important;\n margin: 0 auto !important;\n "\n href="${Ao({collectorId:t,disabled:o,publicSurveyUrl:a,contact_fields:e?.contact_fields||[],customDomain:s,initialPivotAnswer:`${p.position}`,surveyId:n?.id||""}).trim()}"\n target="_blank"\n >\n ${"NUMBER"===i?.type_info?.type_variant?`\n <div\n style="\n border-radius: ${l} !important;\n color: ${n?.ui_theme?.question_text_color||Mo} !important;\n background-color: ${To({position:p.position,question:i||{name:""}})} !important;\n font-size: min(${Co/3}px, ${m[c]/2}vw) !important;\n font-weight: 600 !important;\n width: min(44px, ${m[c]}vw) !important;\n height: min(44px, ${m[c]}vw) !important;\n line-height: min(44px, ${m[c]}vw) !important;\n "\n >${p.value}</div>`:""}\n ${i?.type_info?.type_variant&&["EMOJI","STAR"].includes(i?.type_info?.type_variant)?`\n <img\n src="${_o({position:p.position,assetUrl:r,max:u.length,type_variant:d})}"\n style="\n max-width: unset !important;\n width: min(44px, ${m[c]}vw) !important;\n height: min(44px, ${m[c]}vw) !important;\n display: block !important;\n "\n />`:""}\n </a>\n </td>`)).join("")}\n </tr>\n </tbody>\n </table>\n </td>\n </tr>`})(e):""}\n ${i?.type_info?.type_variant&&"RANGE"===i?.type_info?.question_type&&"all"===l&&["NUMBER","EMOJI","STAR"].includes(i.type_info.type_variant)?(({emailEmbedChannelInfo:e,collectorId:t,survey:n,question:i,assetUrl:a,publicSurveyUrl:r,customDomain:o,disabled:s})=>{const l=So(i?.type_info?.scale_properties?.button_style?.shape||"square"),u=N(i||{name:""}),d=i?.type_info?.type_variant;return`\n <tr>\n <td\n style="\n padding: 0 !important;\n text-align: center !important;\n "\n >\n ${u.map((c=>`\n <a\n style="\n text-decoration: unset !important;\n display: inline-block !important;\n min-width: 100px !important;\n width: 100px !important;\n vertical-align: top !important;\n padding: 0 !important;\n margin: 12px 6px !important;\n pointer-events: ${s?"none":"unset"} !important;\n "\n href="${Ao({collectorId:t,disabled:s,publicSurveyUrl:r,contact_fields:e?.contact_fields||[],customDomain:o,initialPivotAnswer:`${c.position}`,surveyId:n?.id||""}).trim()}"\n target="_blank"\n >\n <table\n style="\n border-spacing: 0 !important;\n margin: 0 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"===i?.type_info?.type_variant?`\n <div\n style="\n border-radius: ${l} !important;\n color: ${n?.ui_theme?.question_text_color||Mo} !important;\n background-color: ${To({position:c.position,question:i||{name:""}})} !important;\n font-size: 16px !important;\n font-weight: 600 !important;\n width: 44px !important;\n display: block !important;\n margin: 0 auto !important;\n height: 44px !important;\n line-height: 44px !important;\n "\n >${c.value}</div>\n `:""}\n ${i?.type_info?.type_variant&&["EMOJI","STAR"].includes(i?.type_info?.type_variant)?`\n <img\n src="${_o({position:c.position,assetUrl:a,max:u.length,type_variant:d})}"\n style="\n width: 44px !important;\n height: 44px !important;\n display: block !important;\n margin: 0 auto !important;\n "\n width="44px"\n height="44px"\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: ${Mo} !important;\n font-size: 12px !important;\n word-break: break-word !important;\n "\n >${c.text}</td>\n </tr>\n </tbody>\n </table>\n </a>`)).join("")}\n </td>\n </tr>`})(e):""}\n ${"RANGE"===i?.type_info?.question_type&&"TEXT"===i.type_info.type_variant?(({emailEmbedChannelInfo:e,collectorId:t,publicSurveyUrl:n,survey:i,question:a,disabled:r,customDomain:o})=>{const s=So(a?.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 ${N(a||{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: ${r?"none":"unset"} !important;\n "\n href="${Ao({collectorId:t,disabled:r,publicSurveyUrl:n,contact_fields:e?.contact_fields||[],customDomain:o,initialPivotAnswer:`${l.position}`,surveyId:i?.id||""}).trim()}"\n target="_blank"\n >\n <div\n style="\n border-radius: ${s} !important;\n color: ${i?.ui_theme?.question_text_color||Mo} !important;\n background-color: ${To({position:l.position,question:a||{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):""}\n ${"BOOLEAN"===i?.type_info?.question_type?(({emailEmbedChannelInfo:e,disabled:t,assetUrl:n,collectorId:i,survey:a,question:r,customDomain:o,publicSurveyUrl:s})=>{const l=r?.type_info?.type_variant,u=r?.type_info?.question_type,d=N(r||{name:""});let c=0;return d.forEach((e=>{e.text.length>c&&(c=e.text.length)})),`\n <tr>\n <td\n style="\n padding: 0 !important;\n text-align: center !important;\n "\n >\n ${d.map((r=>`\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*c+96}px !important;\n min-width: 140px !important;\n margin: 6px !important;\n border-radius: 5px !important;\n background-color: #f2f2f2 !important;\n color: ${a?.ui_theme?.question_text_color||Mo} !important;\n pointer-events: ${t?"none":"unset"} !important;\n "\n href="${Ao({collectorId:i,publicSurveyUrl:s,disabled:t,contact_fields:e?.contact_fields||[],customDomain:o,initialPivotAnswer:`${r.position}`,surveyId:a?.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="${_o({position:r.position,assetUrl:n,max:d.length,question_type:u,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 >${r.text}</span>\n </td>\n </tr>\n </tbody>\n </table>\n </a>`)).join("")}\n </td>\n </tr>`})(e):""}\n ${"RANGE"===i?.type_info?.question_type&&"edges"===l?(({question:e})=>{const t=N(e||{name:""});return`\n <tr>\n <td\n style="\n text-align: center !important;\n padding: 8px ${{3:8,4:7,5:6,6:5,7:4,8:0,9:0,10:0,11:0}[t.length]}vw !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: ${Mo} !important;\n font-size: 12px !important;\n "\n >${t[0].value} - ${t[0].text}</span>\n </td>\n <td style="text-align: right !important;">\n <span\n style="\n font-weight: 500 !important;\n color: ${Mo} !important;\n font-size: 12px !important;\n "\n >${t[t.length-1].value} - ${t[t.length-1].text}\n </span>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n `.trim()})({question:i}):""}\n `}\n ${u&&t?.show_footer?`\n <tr>\n <td\n style="\n color: ${n?.ui_theme?.question_text_color||Po} !important;\n padding: 16px 8px 0 8px !important;\n font-size: 12px !important;\n border-top: 1px solid ${$o} !important;\n text-align: center !important;\n "\n >${u}</td>\n </tr>`:""}\n ${t?.show_link?`\n <tr>\n <td\n style="\n color: ${n?.ui_theme?.question_text_color||Po} !important;\n padding: 16px 8px 0 8px !important;\n font-size: 12px !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: ${ko} !important;\n pointer-events: ${o?"none":"unset"} !important;\n word-break: break-all !important;\n "\n href=${o?"#":d}\n target="_blank"\n >\n ${Ao({collectorId:a,disabled:!1,publicSurveyUrl:s,contact_fields:t?.contact_fields||[],customDomain:r,initialPivotAnswer:"",surveyId:n?.id||""}).trim()}\n </a>\n </td>\n </tr>`:""}\n </tbody>\n </table>\n `};
27
+ */;const Qj=({addFilter:e,utils:t})=>{const{Type:n,replaceInString:i,toNaturalFileSize:a}=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 i=t("GET_MIN_FILE_SIZE");return!(null!==i&&e.size<i)})),e("LOAD_FILE",((e,{query:t})=>new Promise(((n,r)=>{if(!t("GET_ALLOW_FILE_SIZE_VALIDATION"))return n(e);const o=t("GET_FILE_VALIDATE_SIZE_FILTER");if(o&&!o(e))return n(e);const s=t("GET_MAX_FILE_SIZE");if(null!==s&&e.size>s)return void r({status:{main:t("GET_LABEL_MAX_FILE_SIZE_EXCEEDED"),sub:i(t("GET_LABEL_MAX_FILE_SIZE"),{filesize:a(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 r({status:{main:t("GET_LABEL_MIN_FILE_SIZE_EXCEEDED"),sub:i(t("GET_LABEL_MIN_FILE_SIZE"),{filesize:a(l,".",t("GET_FILE_SIZE_BASE"),t("GET_FILE_SIZE_LABELS",t))})}});const u=t("GET_MAX_TOTAL_FILE_SIZE");if(null!==u){if(t("GET_ACTIVE_ITEMS").reduce(((e,t)=>e+t.fileSize),0)>u)return void r({status:{main:t("GET_LABEL_MAX_TOTAL_FILE_SIZE_EXCEEDED"),sub:i(t("GET_LABEL_MAX_TOTAL_FILE_SIZE"),{filesize:a(u,".",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:Qj}));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}"),d.registerPlugin(Qj,Jj,Kj,Aj),ej(tj,ij,nj,aj);const eO=t.forwardRef((({onClick:e,maxFileSize:i=16,visible:a=!0,supportedFileFormats:r,translationVariables:o},s)=>{const[l,u]=t.useState(!1),d=o?.drop_your_file?o?.drop_your_file:n.createElement(n.Fragment,null,"Drop your file here, or Browse");return n.createElement("div",{ref:s,className:"file-upload-container",onClick:e,style:{visibility:a?"visible":"hidden"},onDragOver:e=>{e.preventDefault(),e.target.classList.add("push-backward")}}," ",n.createElement(T,{name:"file-upload-icon"}),"string"!=typeof d?n.createElement("p",null,d):n.createElement("p",{className:"drop-your-file-container",dangerouslySetInnerHTML:{__html:d}}),n.createElement("p",{className:"max-size"},((e,t,n)=>{if(n&&e&&t)return e.replace(t,n)})(o?.max_file_size,"{{max_file_size}}",String(i))||`Maximum file size : ${i} MB`),n.createElement("p",{className:"support file-formats"},o?.supported_file_formats||"Supported file formats: "," ",(r=r.join(", ")).trim()?n.createElement(n.Fragment,null,l?r:r.slice(0,20)," ",n.createElement("span",{onClick:()=>u(!l),style:{color:"#2C5CC5",textDecoration:"underline",cursor:"pointer"}},l?o?.show_less||"Show less":o?.show_more||"Show more")):"No formats selected"),n.createElement("div",{className:"filepond--drip"}))})),tO=({survey:e,question:i,onChangeHandler:a,onFileUpload:r,setErrors:o,errors:s,translationVariables:l,assetUrl:u,value:c})=>{const[m,p]=t.useState([]),[f,h]=t.useState([]),g=t.useRef(),v=i.type_info?.file_field?.max_file_size||10,y=t.useRef(null),b=t.useRef();n.useEffect((()=>{const e=sessionStorage.getItem(`uploadedFile-${i?.name}`),t=e?JSON.parse(e):"";t?.source&&(t.options={...t.options,file:{name:c?.[0],size:t.fileSize}},p([t]))}),[]);let w=!1;const x=async(e,t)=>{try{if(w)return void console.log("Upload is already in progress");if(b.current&&O(y.current)||e){const n=e??b.current.getFiles()?.[0]?.file;if(console.log("current file",n),n&&r){w=!0;const e=await r(n.type,n.size,i?.id||"");if(t&&t(!0,50,100),e.startsWith("http")&&u){const t=await fetch(e,{method:"PUT",headers:{"Content-Type":n.type,"Content-Disposition":"attachment"},body:n}),r=new URL(e),o=`${u}${r.pathname}`;if(!t.ok)throw console.error("Error uploading file"),new Error("Error uploading file");sessionStorage.setItem(`uploadedFile-${i?.name}`,JSON.stringify({source:o,options:{type:"local"},fileSize:b.current.getFiles()?.[0]?.fileSize})),a([n.name,o])}else a([null,null]),console.error("Error fetching pre-signed url");w=!1}}}catch(e){throw console.error("error in uploading file",e,"stringified error",JSON.stringify(e)),new Error("Error uploading file")}};return n.useEffect((()=>{(()=>{const e=i.type_info?.file_field?.allowed_file_types,t=Object.keys(C).map((t=>{if((e||[]).includes(t))return C[t].concat(",")})).join(" ").trim().slice(0,-1);h(t.split(", "))})()}),[]),n.createElement(n.Fragment,null,n.createElement(d.FilePond,{files:m,server:{process:async(e,t,n,i,a,r)=>{r(!0,0,100);try{await x(t,r),r(!0,100,100),i(t.name)}catch(e){a("An error occurred during upload")}}},ref:b,onerror:e=>{console.log("file upload error",e),y.current=e,o({...s,fileUploadErrors:{[i.name]:e}})},required:!0,credits:!1,allowMultiple:!0,allowFileTypeValidation:!0,acceptedFileTypes:f,fileValidateTypeDetectType:(e,t)=>new Promise(((t,n)=>{const i=e.name.split(".");t(`.${i[i.length-1].toLowerCase()}`)})),onpreparefile:(e,t)=>{const n=new FileReader;n.onloadend=()=>{const t=n.result??"",i=new Blob([t],{type:e.fileType}),a=new File([i],e.filename,{type:e.fileType});x(a)},n.readAsArrayBuffer(t)},imageEditor:{legacyDataToImageState:OA,createEditor:pj,imageReader:[Kz,{}],imageWriter:[Jz,{}],imageProcessor:DM,imageEditorAfterWriteImage:({src:e,dest:t,imageState:n})=>new Promise(((i,a)=>{DM(e,{imageReader:Kz(),imageWriter:Jz({targetSize:{width:128,height:15,fit:"cover"}}),imageState:n}).then((n=>{i([{name:"input_",file:e},{name:"output_",file:t},{name:"thumb_",file:n.dest}])})).catch(a)})),editorOptions:{utils:["crop","finetune","filter","annotate"],imageOrienter:{read:qg,apply:rv},shapePreprocessor:fj(),...rj,...oj,...Qz,locale:{...sj,...uj,...cj,...dj,...mj,...lj}}},allowFileSizeValidation:!0,maxFileSize:`${v}MB`,onupdatefiles:e=>{g.current?.classList.remove("push-backward"),e.length&&p(e)},onremovefile:()=>{p([]),o({...s,fileUploadErrors:{}}),y.current=null,a(null)},maxFiles:1,name:`${i.id}-files`}),n.createElement(eO,{ref:g,onClick:e=>{const t=e.target;"path"!==t?.tagName&&(!t?.className||t?.className instanceof SVGAnimatedString||t.className.includes("format-type-toggler"))||b.current.browse()},visible:!m.length,maxFileSize:v,translationVariables:{...l,tTimeZones:[{id:"",offset:"",timeZone:""}]},supportedFileFormats:f}))};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\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 nO=({question:e,autoFocusDelay:t,onChangeHandler:i,formValues:a,fieldErrors:r})=>{const o=e.type_info?.contact_form?.layout,s=e.type_info?.contact_form?.fields;return n.createElement(n.Fragment,null,n.createElement("div",{className:"HORIZONTAL"===o?"contact-form-input":""},s?.map(((o,s)=>{switch(o?.type){case"paragraph":return n.createElement("div",{className:"contact-form-inp"},n.createElement(Xn,{key:s,autoFocusDelay:t,label:o?.label||"",isRequired:!!o.required,value:o.id&&a[e.name]?.[o.id]||"",onChange:t=>{o.id&&i({...a[e.name],[o.id]:t.target.value||null})},isErrored:!(!o.id||!a?.[e.name]?.[o.id])&&!!r?.[o?.id||""],errorText:o.id&&a[e.name]?.[o.id]?r?.[o?.id]:""}));case"dropdown":return n.createElement("div",{className:"contact-form-dropdown"},n.createElement(Vn,{isRequired:o?.required||!1,itemToString:e=>e?.value||"",onChangeHandler:t=>{o.id&&i({...a[e.name],[o.id]:t})},saveOthersValue:()=>{},items:o?.choices,label:o?.label||""}));case"checkbox":const[l,u]=n.useState(!1);return n.createElement("div",{className:"contact-form-checkbox"},n.createElement(Jn,{checked:l,name:o?.label||"",isRequired:o?.required||!1,onChange:()=>{u(!l),o.id&&i({...a[e.name],[o.id]:!l})}},o?.label||""));case"date_time":return n.createElement("div",{className:"date-time-field"},n.createElement("span",{className:"date-time-label "+(o.required?"required":"")},o?.label||""),n.createElement(_g,{allow_future_date:!1,date_time_format:"MMM dd,yyyy",is_24hrs_time_format:!1,question_format:"DATE",question:e,onValueChange:i,formValues:a,value:o?.id&&a[e?.name]?.[o?.id]||"",field:o,type:"CONTACT_FORM"}));default:return n.createElement("div",{className:"contact-form-inp"},n.createElement(Un,{key:s,setFocus:0===s,autoFocusDelay:t,onKeyDown:e=>{"phone_number"===o?.type&&q(e),"number"===o?.type&&H(e)},label:o?.label||"",type:"number"===o?.type?"number":"text",isRequired:!!o.required,value:o.id&&a[e.name]?.[o.id]||"",onChange:t=>{o.id&&i({...a[e.name],[o.id]:t.target.value||null})},isErrored:!(!o.id||!a?.[e.name]?.[o.id])&&!!r?.[o?.id||""],errorText:o.id&&a[e.name]?.[o.id]?r?.[o?.id]:""}))}}))))},iO=({survey:e,question:t,formValues:i,othersMeta:a,onChangeHandler:r,saveOthersValue:o,autoFocusDelay:s,isFinalQn:l,isWidget:u,isMobile:d,initialPivotAnswer:c,isInitialTransition:m,formQuestionErrors:p,contactFormErrors:f,activeIndexOfRenderedStatement:h=0,textboxQuestionErrors:g,fileUploadErrors:v,onFileUpload:y,widgetStyle:b="default",setErrors:w,translationVariables:x,assetUrl:k})=>{const P=t?.type_info?.footer_text&&t.type_info.meta?.question_hint?n.createElement("div",{className:"footer",role:"note",dangerouslySetInnerHTML:{__html:t?.type_info?.footer_text}}):n.createElement(n.Fragment,null);if((u||d)&&"MATRIX_RATING_SCALE"===t?.type_info?.question_type)return n.createElement(n.Fragment,null,n.createElement(Wg,{type_info:t?.type_info||{},onChangeHandler:e=>{r(e?.filter((e=>(e.rating_labels||[]).length>0)))},isMobile:d,value:i[t.name]||[],statementIndex:h,widgetStyle:b}),P);switch(t?.type_info?.question_type){case"MATRIX_RATING_SCALE":return n.createElement(n.Fragment,null,n.createElement(Ig,{type_info:t?.type_info||{},onChangeHandler:e=>{r(e?.filter((e=>(e.rating_labels||[]).length>0)))},value:i[t.name]||[]}),P);case"RANGE":return n.createElement(n.Fragment,null,n.createElement(X,{question:t,onChangeHandler:r,isWidget:u,isMobile:d,widgetStyle:b,value:i[t.name],initialPivotAnswer:c,isInitialTransition:m}),P);case"CHECKBOX":case"MULTI_SELECT":return n.createElement(n.Fragment,null,n.createElement(Kn,{name:t.name,values:i[t.name],othersValue:a[t.name],options:t?.choices||[],onChangeHandler:r,saveOthersValue:o,isOthersOption:!!(t?.choices||[]).find((e=>e.meta?.is_others)),othersRequired:!!t?.type_info.meta?.othersRequired,autoFocusDelay:s,translationVariables:x}),P);case"RADIO":case"DROPDOWN":return n.createElement(n.Fragment,null,n.createElement(Qn,{autoFocusDelay:s,name:t.name,onChangeHandler:r,displayFormat:t?.type_info?.meta?.display_format||"LIST",saveOthersValue:o,options:t?.choices||[],value:i[t.name],othersValue:a[t.name],isOthersOption:!!(t?.choices||[]).find((e=>e.meta?.is_others)),othersRequired:!!t?.type_info.meta?.othersRequired,isFinalQn:l,translationVariables:x}),P);case"TEXT":return n.createElement(n.Fragment,null,n.createElement(Rg,{question:t,autoFocusDelay:s,formValues:i,onChangeHandler:r,textboxErrors:g||"",setFocus:!0}),P);case"NUMBER":return n.createElement(n.Fragment,null,n.createElement(zg,{question:t,autoFocusDelay:s,formValues:i,onChangeHandler:r}),P);case"FORM_FIELD":return n.createElement(n.Fragment,null,n.createElement(Ag,{question:t,isRequired:!!t.required,autoFocusDelay:s,onChangeHandler:r,formValues:i,fieldErrors:p?.[t.name]||{},language:e?.language||"en"}),P);case"CONTACT_FORM":return n.createElement(n.Fragment,null,n.createElement(nO,{question:t,autoFocusDelay:s,onChangeHandler:r,formValues:i,fieldErrors:f?.[t.name]||{}}),P);case"PARAGRAPH":return n.createElement(n.Fragment,null,n.createElement(Xn,{autoFocusDelay:s,label:"",isRequired:!!t.required,placeholder:t?.type_info?.meta?.placeholder??"",value:i[t.name]||"",onChange:e=>r(e.target.value)}),P);case"BOOLEAN":return n.createElement(n.Fragment,null,n.createElement(R,{type_info:t?.type_info,onSelect:r,value:i[t.name],initialPivotAnswer:c,isInitialTransition:m}),P);case"MESSAGE":return P;case"CONSENT":return n.createElement(n.Fragment,null,n.createElement(jg,{question:t,onChange:r,value:i[t.name]}),P);case"SLIDER":const h=t?.type_info.meta?.slider;return n.createElement(n.Fragment,null,n.createElement(bo,{defaultValue:[i[t.name]??h?.opening_position],min:h?.min,max:h?.max,onValueChange:([e])=>r(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:d||"compact"===b}),P);case"RANK_ORDER":return n.createElement(n.Fragment,null,n.createElement(Nr,{valueItems:i[t.name],items:t?.choices||[],onReorder:r}),P);case"DATE_TIME":return n.createElement(n.Fragment,null,n.createElement(_g,{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:r,value:i[t.name]||"",formValues:i,translationVariables:x,language:e?.language||"en"}),P);case"FILE":return n.createElement(tO,{errors:v,setErrors:w,onChangeHandler:r,question:t,survey:e,onFileUpload:y,value:i[t.name]||"",translationVariables:x,assetUrl:k});default:return console.error(`Question type ${t?.type_info?.question_type} not found`),null}};var aO=m((function(e,t){var n="__lodash_hash_undefined__",i=9007199254740991,a="[object Arguments]",r="[object Boolean]",o="[object Date]",s="[object Function]",l="[object GeneratorFunction]",u="[object Map]",d="[object Number]",m="[object Object]",p="[object Promise]",f="[object RegExp]",h="[object Set]",g="[object String]",v="[object Symbol]",y="[object WeakMap]",b="[object ArrayBuffer]",w="[object DataView]",x="[object Float32Array]",k="[object Float64Array]",P="[object Int8Array]",M="[object Int16Array]",$="[object Int32Array]",C="[object Uint8Array]",E="[object Uint8ClampedArray]",S="[object Uint16Array]",T="[object Uint32Array]",_=/\w*$/,A=/^\[object .+?Constructor\]$/,I=/^(?:0|[1-9]\d*)$/,W={};W[a]=W["[object Array]"]=W[b]=W[w]=W[r]=W[o]=W[x]=W[k]=W[P]=W[M]=W[$]=W[u]=W[d]=W[m]=W[f]=W[h]=W[g]=W[v]=W[C]=W[E]=W[S]=W[T]=!0,W["[object Error]"]=W[s]=W[y]=!1;var R="object"==typeof c&&c&&c.Object===Object&&c,z="object"==typeof self&&self&&self.Object===Object&&self,j=R||z||Function("return this")(),O=t&&!t.nodeType&&t,N=O&&e&&!e.nodeType&&e,L=N&&N.exports===O;function D(e,t){return e.set(t[0],t[1]),e}function F(e,t){return e.add(t),e}function B(e,t,n,i){var a=-1,r=e?e.length:0;for(i&&r&&(n=e[++a]);++a<r;)n=t(n,e[a],a,e);return n}function H(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(e){}return t}function q(e){var t=-1,n=Array(e.size);return e.forEach((function(e,i){n[++t]=[i,e]})),n}function Z(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 U,X=Array.prototype,V=Function.prototype,Y=Object.prototype,K=j["__core-js_shared__"],J=(U=/[^.]+$/.exec(K&&K.keys&&K.keys.IE_PROTO||""))?"Symbol(src)_1."+U:"",Q=V.toString,ee=Y.hasOwnProperty,te=Y.toString,ne=RegExp("^"+Q.call(ee).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),ie=L?j.Buffer:void 0,ae=j.Symbol,re=j.Uint8Array,oe=Z(Object.getPrototypeOf,Object),se=Object.create,le=Y.propertyIsEnumerable,ue=X.splice,de=Object.getOwnPropertySymbols,ce=ie?ie.isBuffer:void 0,me=Z(Object.keys,Object),pe=Ne(j,"DataView"),fe=Ne(j,"Map"),he=Ne(j,"Promise"),ge=Ne(j,"Set"),ve=Ne(j,"WeakMap"),ye=Ne(Object,"create"),be=He(pe),we=He(fe),xe=He(he),ke=He(ge),Pe=He(ve),Me=ae?ae.prototype:void 0,$e=Me?Me.valueOf:void 0;function Ce(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var i=e[t];this.set(i[0],i[1])}}function Ee(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var i=e[t];this.set(i[0],i[1])}}function Se(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var i=e[t];this.set(i[0],i[1])}}function Te(e){this.__data__=new Ee(e)}function _e(e,t){var n=Ze(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)==a)}(e)?function(e,t){for(var n=-1,i=Array(e);++n<e;)i[n]=t(n);return i}(e.length,String):[],i=n.length,r=!!i;for(var o in e)!t&&!ee.call(e,o)||r&&("length"==o||Fe(o,i))||n.push(o);return n}function Ae(e,t,n){var i=e[t];ee.call(e,t)&&qe(i,n)&&(void 0!==n||t in e)||(e[t]=n)}function Ie(e,t){for(var n=e.length;n--;)if(qe(e[n][0],t))return n;return-1}function We(e,t,n,i,c,p,y){var A;if(i&&(A=p?i(e,c,p,y):i(e)),void 0!==A)return A;if(!Ve(e))return e;var I=Ze(e);if(I){if(A=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,i=e.length;t||(t=Array(i));for(;++n<i;)t[n]=e[n];return t}(e,A)}else{var R=De(e),z=R==s||R==l;if(Ue(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(R==m||R==a||z&&!p){if(H(e))return p?e:{};if(A=function(e){return"function"!=typeof e.constructor||Be(e)?{}:(t=oe(e),Ve(t)?se(t):{});var t}(z?{}:e),!t)return function(e,t){return je(e,Le(e),t)}(e,function(e,t){return e&&je(t,Ye(t),e)}(A,e))}else{if(!W[R])return p?e:{};A=function(e,t,n,i){var a=e.constructor;switch(t){case b:return ze(e);case r:case o:return new a(+e);case w:return function(e,t){var n=t?ze(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.byteLength)}(e,i);case x:case k:case P:case M:case $:case C:case E:case S:case T:return function(e,t){var n=t?ze(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.length)}(e,i);case u:return function(e,t,n){var i=t?n(q(e),!0):q(e);return B(i,D,new e.constructor)}(e,i,n);case d:case g:return new a(e);case f:return function(e){var t=new e.constructor(e.source,_.exec(e));return t.lastIndex=e.lastIndex,t}(e);case h:return function(e,t,n){var i=t?n(G(e),!0):G(e);return B(i,F,new e.constructor)}(e,i,n);case v:return s=e,$e?Object($e.call(s)):{}}var s}(e,R,We,t)}}y||(y=new Te);var j=y.get(e);if(j)return j;if(y.set(e,A),!I)var O=n?function(e){return function(e,t,n){var i=t(e);return Ze(e)?i:function(e,t){for(var n=-1,i=t.length,a=e.length;++n<i;)e[a+n]=t[n];return e}(i,n(e))}(e,Ye,Le)}(e):Ye(e);return function(e,t){for(var n=-1,i=e?e.length:0;++n<i&&!1!==t(e[n],n,e););}(O||e,(function(a,r){O&&(a=e[r=a]),Ae(A,r,We(a,t,n,i,r,e,y))})),A}function Re(e){return!(!Ve(e)||(t=e,J&&J in t))&&(Xe(e)||H(e)?ne:A).test(He(e));var t}function ze(e){var t=new e.constructor(e.byteLength);return new re(t).set(new re(e)),t}function je(e,t,n,i){n||(n={});for(var a=-1,r=t.length;++a<r;){var o=t[a],s=i?i(n[o],e[o],o,n,e):void 0;Ae(n,o,void 0===s?e[o]:s)}return n}function Oe(e,t){var n,i,a=e.__data__;return("string"==(i=typeof(n=t))||"number"==i||"symbol"==i||"boolean"==i?"__proto__"!==n:null===n)?a["string"==typeof t?"string":"hash"]:a.map}function Ne(e,t){var n=function(e,t){return null==e?void 0:e[t]}(e,t);return Re(n)?n:void 0}Ce.prototype.clear=function(){this.__data__=ye?ye(null):{}},Ce.prototype.delete=function(e){return this.has(e)&&delete this.__data__[e]},Ce.prototype.get=function(e){var t=this.__data__;if(ye){var i=t[e];return i===n?void 0:i}return ee.call(t,e)?t[e]:void 0},Ce.prototype.has=function(e){var t=this.__data__;return ye?void 0!==t[e]:ee.call(t,e)},Ce.prototype.set=function(e,t){return this.__data__[e]=ye&&void 0===t?n:t,this},Ee.prototype.clear=function(){this.__data__=[]},Ee.prototype.delete=function(e){var t=this.__data__,n=Ie(t,e);return!(n<0)&&(n==t.length-1?t.pop():ue.call(t,n,1),!0)},Ee.prototype.get=function(e){var t=this.__data__,n=Ie(t,e);return n<0?void 0:t[n][1]},Ee.prototype.has=function(e){return Ie(this.__data__,e)>-1},Ee.prototype.set=function(e,t){var n=this.__data__,i=Ie(n,e);return i<0?n.push([e,t]):n[i][1]=t,this},Se.prototype.clear=function(){this.__data__={hash:new Ce,map:new(fe||Ee),string:new Ce}},Se.prototype.delete=function(e){return Oe(this,e).delete(e)},Se.prototype.get=function(e){return Oe(this,e).get(e)},Se.prototype.has=function(e){return Oe(this,e).has(e)},Se.prototype.set=function(e,t){return Oe(this,e).set(e,t),this},Te.prototype.clear=function(){this.__data__=new Ee},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 Ee){var i=n.__data__;if(!fe||i.length<199)return i.push([e,t]),this;n=this.__data__=new Se(i)}return n.set(e,t),this};var Le=de?Z(de,Object):function(){return[]},De=function(e){return te.call(e)};function Fe(e,t){return!!(t=null==t?i:t)&&("number"==typeof e||I.test(e))&&e>-1&&e%1==0&&e<t}function Be(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||Y)}function He(e){if(null!=e){try{return Q.call(e)}catch(e){}try{return e+""}catch(e){}}return""}function qe(e,t){return e===t||e!=e&&t!=t}(pe&&De(new pe(new ArrayBuffer(1)))!=w||fe&&De(new fe)!=u||he&&De(he.resolve())!=p||ge&&De(new ge)!=h||ve&&De(new ve)!=y)&&(De=function(e){var t=te.call(e),n=t==m?e.constructor:void 0,i=n?He(n):void 0;if(i)switch(i){case be:return w;case we:return u;case xe:return p;case ke:return h;case Pe:return y}return t});var Ze=Array.isArray;function Ge(e){return null!=e&&function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=i}(e.length)&&!Xe(e)}var Ue=ce||function(){return!1};function Xe(e){var t=Ve(e)?te.call(e):"";return t==s||t==l}function Ve(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function Ye(e){return Ge(e)?_e(e):function(e){if(!Be(e))return me(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 We(e,!0,!0)}}));const rO=(e,i)=>{const a=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||!j(e.meta)&&!j(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:r,filteredAnswers:o}=t.useMemo((()=>{const e=aO(a),t=(e.question_details?.questions||[]).filter((e=>!e.type_info?.meta?.is_deleted)),{others_meta:n,...r}=i||{others_meta:{}},o=t.reduce(((e,t)=>null!==r[t.name]&&void 0!==r[t.name]?{...e,[t.name]:r[t.name]}:e),{}),s=(a?.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:{...o,others_meta:n}}}),[a,i]);return{survey:r,answers:o}},oO=({questions:e,blocks:t})=>e.find((e=>e.type_info?.pivot_question))??e.find((e=>e.name===t[0].question_name))??e.find((e=>"RANGE"===e.type_info?.question_type))??e[0],sO=(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))},lO=({blocks:e,activeIndexOfBlocks:t,renderedBlocks:n,activeIndexOfRenderedBlocks:i,questions:a})=>{const{question:{dependent_blocks:r}}=n[i],o=r?.some((({choice_id:e})=>!!e))??!1;return(t===e.length-1||1===r?.length&&!o&&("TY"===r?.[0].next_block||cO({blocks:e,questions:a,nextBlockName:r?.[0].next_block||""})))&&i===n.length-1},uO=({pivotQn:e,pivotQnAnswer:t,block:n,questions:i})=>{if(n?.category?.length){const a=e?.type_info?.scale_properties?.range?.find((e=>(e.min??0)<=t&&t<=(e.max??10))),r=n?.category.find((e=>e.id===a?.id)),o=r?.question_name;return i.find((e=>e.name===o))}return i.find((e=>e.name===n?.question_name))},dO=({activeBlock:e,answers:t,blocks:n,activeIndexOfBlocks:i,questions:a,fromTY:r=!1})=>{const o=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===o.length?o.find((e=>e.values?.includes(String(s))||e.values?.includes(String(Boolean(s)))))?.next_block:o.find((e=>(s??-1)>=(e?.values?.[0]??0)&&(s??-1)<=(e?.values?.[1]??10)))?.next_block:1===o.length?o[0].next_block:o.find((e=>e.values?.includes(String(s))||e.choice_id?.includes(String(s))))?.next_block,l){if(("TY"===l||cO({nextBlockName:l,blocks:n,questions:a}))&&!r)return 1/0;const e=n.find((e=>e.name===l));if((e?.category||[]).length>0){const i=oO({questions:a,blocks:n});if(!!j(t?.formValues?.[i.name])){const t=a.find((t=>t.name===e?.category?.[0]?.question_name))?.dependent_blocks?.[0].next_block,i=n.findIndex((e=>e.name===t));return i>=0?i:1/0}}const i=n.findIndex((e=>e.name===l));return i>=0?i:1/0}return i+1},cO=({nextBlockName:e,blocks:t,questions:n})=>{let i=t.find((t=>t.name===e))?.question_name;return i||(i=t.find((t=>t.name===e))?.question_names[0]),"THANK_YOU"===n.find((e=>e.name===i))?.type_info?.question_type},mO=({activeBlock:e,blocks:t,answers:n,questions:i,renderedBlocks:a,contactData:r,activeIndexOfBlocks:o})=>{let s=dO({activeBlock:e,answers:n,blocks:t,activeIndexOfBlocks:o,questions:i,fromTY:!0}),l=pO({nextBlockIndex:s,blocks:t,answers:n,questions:i,contactData:r});for(;!l&&s!==t.length-1;)s+=1,l=pO({nextBlockIndex:s,blocks:t,answers:n,questions:i,contactData:r});return t[s]},pO=({nextBlockIndex:e,blocks:t,answers:n,questions:i,contactData:a})=>{const r=[],o=t[e]?.display_logic??[];return o.length?o.forEach((e=>{const{sub_type:t,logic_type:o,based_on_contact_field_name:s,matrix_rating_scale_statement_id:l,rank_order_choice_id:u}=e,d=e.based_on_question_name??"",c=i.find((e=>e.name===d));let m=e.expected_value??[],p=e.operator,f=n.formValues[d];if("RATING_GROUP"===t){const e=i.find((e=>e.name===d))?.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"===o&&(f=a?a[s||""]:""),u&&Array.isArray(f)&&(f=[...f].findIndex((e=>e===u))+1),"DATE_TIME"===c?.type_info?.question_type&&("IS"===p||"IS_NOT"===p)){const{newOperator:e,newExpectedValue:t,newAnswer:n}=(({expValue:e,answer:t})=>{const n=new Date;let i={newOperator:null,newExpectedValue:[],newAnswer:t};const a=new Date(t);switch(e){case"Last 7 days":i={...i,newOperator:"BETWEEN",newExpectedValue:[new Date(n.setDate(n.getDate()-7)).toString(),(new Date).toString()]};break;case"Last 30 days":i={...i,newOperator:"BETWEEN",newExpectedValue:[new Date(n.setDate(n.getDate()-30)).toString(),(new Date).toString()]};break;case"Next 7 days":i={...i,newOperator:"BETWEEN",newExpectedValue:[new Date(n.setDate(n.getDate()+7)).toString(),(new Date).toString()]};break;case"Next 30 days":i={...i,newOperator:"BETWEEN",newExpectedValue:[new Date(n.setDate(n.getDate()+30)).toString(),(new Date).toString()]};break;case"Today":i={...i,newExpectedValue:[new Date],newAnswer:new Date(t)};break;case"Yesterday":i={...i,newExpectedValue:[new Date(n.setDate(n.getDate()-1)).toString()],newAnswer:a}}return i})({expValue:m[0],answer:f});m=t,p=e||p,f=n}let h=!0;switch(p){case"IS":h=m[0]==f;break;case"IS_NOT":h=m[0]!=f;break;case"EMPTY":h=O(f);break;case"NOT_EMPTY":h=!O(f);break;case"LESSER_THAN":h=Number(f)<Number(m[0]??-1);break;case"GREATER_THAN":h=Number(f)>Number(m[0]??-1);break;case"LESSER_THAN_OR_EQUALS":h=Number(f)<=Number(m[0]??-1);break;case"GREATER_THAN_OR_EQUALS":h=Number(f)>=Number(m[0]??-1);break;case"INCLUDES":h=Array.isArray(f)?f.some((e=>m.includes(e))):!!f&&m.includes(String(f));break;case"NOT_INCLUDES":Array.isArray(f)?h=f.some((e=>!m.includes(e))):f&&(h=!m.includes(String(f)));break;case"CONTAINS":h=String(f).includes(String(m[0]));break;case"NOT_CONTAINS":h=!String(f).includes(String(m[0]));break;case"BETWEEN":let e=m[0],t=m[1];"string"==typeof f?(e=new Date(e),t=new Date(t),f=new Date(f),e>t&&(e=new Date(m[1]),t=new Date(m[0]))):(e=Number(e),t=Number(t),f=Number(f),e>t&&(e=Number(m[1]),t=Number(m[0]))),h=f>e&&f<t;break;case"STARTS_WITH":h=String(f)?.startsWith(m[0]);break;case"ENDS_WITH":h=String(f)?.endsWith(m[0]);break;case"AFTER":h=new Date(String(f))>new Date(m[0]);break;case"BEFORE":h=new Date(String(f))<new Date(m[0])}"HIDE"===e.display_type&&(h=!h),r.push(h)})):r.push(!0),r.every((e=>e))},fO=({renderedBlocks:e,activeBlock:t,blocks:n,activeIndexOfBlocks:i,answers:a,questions:r,contactData:o})=>{const s=hO({activeBlock:t,blocks:n,activeIndexOfBlocks:i,answers:a,questions:r}),l=pO({nextBlockIndex:s,blocks:n,answers:a,questions:r,contactData:o});if(s>=n.length)return 1/0;if(l)return cO({blocks:n,questions:r,nextBlockName:n[s].name||""})?1/0:s;{const t=uO({pivotQn:oO({questions:r,blocks:n}),pivotQnAnswer:a.formValues[n[0].question_name??""],block:n[s],questions:r});return fO({activeBlock:{...n[s],question:t},blocks:n,activeIndexOfBlocks:s,answers:a,renderedBlocks:e,questions:r})}},hO=({activeBlock:e,blocks:t,activeIndexOfBlocks:n,answers:i,questions:a})=>{if((({activeBlock:e,answers:t})=>{const n=t.formValues[e.question.name];return O(n)})({activeBlock:e,answers:i}))return n+1;if(1===e.question.dependent_blocks?.length){const n=e.question.dependent_blocks?.[0];if("TY"===n?.next_block||cO({blocks:t,questions:a,nextBlockName:n?.next_block||""}))return 1/0;const i=t.findIndex((e=>e.name===n?.next_block));return i>=0?i:1/0}return(e.question.dependent_blocks?.length??0)>1?dO({activeBlock:e,answers:i,blocks:t,activeIndexOfBlocks:n,questions:a}):n+1},gO=({question:e,answers:t})=>!O(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]===v)||t.commitDirtyValue,vO=({blocks:e,activeIndexOfBlocks:t,renderedBlocks:n,activeIndexOfRenderedBlocks:i,answers:a,questions:r})=>{const{question:o}=n[i];if(o){const s=lO({blocks:e,activeIndexOfBlocks:t,renderedBlocks:n,activeIndexOfRenderedBlocks:i,questions:r}),l=gO({question:o,answers:a});return!s&&l||o?.type_info?.question_type&&["MESSAGE"].includes(o?.type_info?.question_type)||"CONSENT"===o?.type_info?.question_type&&"BUTTON"===o?.type_info?.meta?.display_format||"CONSENT"===o?.type_info?.question_type&&"CHECKBOX"===o?.type_info?.meta?.display_format&&s&&l}return!1},yO=(e,{answers:t,blocks:n,activeIndexOfBlocks:i,renderedBlocks:a,initialStatementHasAnswer:r,activeIndexOfRenderedBlocks:o,activeIndexOfRenderedStatement:s=0,surveyStyle:l,isMobile:u,isWidget:d,blockIndex:c,questions:m})=>{const p=lO({blocks:n,activeIndexOfBlocks:i,renderedBlocks:a,activeIndexOfRenderedBlocks:o,questions:m}),y=a[o],b=y.question,w=b?.type_info?.matrix_properties?.statements||[];switch(e){case"next-statement":return"MATRIX_RATING_SCALE"===b.type_info?.question_type&&(!(!d&&!u)&&(s<w.length-1&&("MULTIPLE_ANSWERS"===b?.type_info?.matrix_properties?.type||r)));case"next":return"CONSENT"===b.type_info?.question_type?"CHECKBOX"===b.type_info?.meta?.display_format&&!p:"MATRIX_RATING_SCALE"===b.type_info?.question_type?!p&&c===o&&(!d&&!u||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]===v||"standard"===l&&0===o))&&!p&&c===o;case"skip":return"FORM_FIELD"===b.type_info?.question_type||"CONTACT_FORM"===b.type_info?.question_type?!p&&c===o&&(()=>{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?!(y.required||u||d||p):!y.required&&!p&&c===o&&b?.type_info?.question_type&&!g.includes(b?.type_info?.question_type)||!y.required&&!p&&"CONSENT"===b?.type_info?.question_type;case"skip-statement":return!(y.required||p&&!(s<w.length-1)||"MATRIX_RATING_SCALE"!==b.type_info?.question_type||!u&&!d);case"submit":return"CONSENT"===b?.type_info?.question_type?p&&"CHECKBOX"===b?.type_info?.meta?.display_format:"MATRIX_RATING_SCALE"===b?.type_info?.question_type?p&&(!d&&!u||s===(b?.type_info?.matrix_properties?.statements||[]).length-1):p&&b?.type_info?.question_type&&!h.includes(b?.type_info?.question_type);case"navigation":return(d||"card"===l)&&!(0===o&&1===a.length);case"clear-selection":return null!=c&&c!==o&&"DROPDOWN"===a[c].question.type_info?.question_type&&t.formValues[a[c].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}},bO=(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)&&O(t.others[e.question.name])},wO=({block:e,answer:t})=>{const n=e?.question,i=e.question?.type_info?.question_type,a={};let r=!0;return("FORM_FIELD"===i?n?.type_info?.form_fields?.fields:n?.type_info?.contact_form?.fields)?.forEach((e=>{e?.required&&O(t?.[e?.id||1])?a[e?.id]=!0:a[e?.id]=!1})),Object.values(a).forEach((e=>{!0===e&&(r=!1)})),!r},xO=(e,{answers:t,blocks:n,activeIndexOfBlocks:i,renderedBlocks:a,activeIndexOfRenderedBlocks:r,isSubmitting:o,activeIndexOfRenderedStatement:s,isWidget:l,isMobile:u})=>{const d=a[r];switch(e){case"next-statement":const e=(d?.question?.type_info?.matrix_properties?.statements||[])[s];return!(t.formValues[d?.question.name]||[]).find((t=>t.statement_id===e?.id))?.rating_labels?.length;case"next":if("MATRIX_RATING_SCALE"===d.question.type_info?.question_type){const e=d?.question?.type_info?.matrix_properties?.statements||[],n=t.formValues[d?.question.name]||[];if(l||u){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)})),d.required?!e.every((e=>e.id&&!!t[e.id])):!e.some((e=>e.id&&!!t[e.id]))}}return!("CONSENT"===d.question?.type_info?.question_type&&!d.required)&&(O(t?.formValues[d.question.name])||d.question.type_info?.meta?.othersRequired&&bO(d,t)||("FORM_FIELD"===d.question?.type_info?.question_type||"CONTACT_FORM"===d.question?.type_info?.question_type)&&wO({block:d,answer:t?.formValues[d.question.name]}));case"submit":return"CONSENT"===d.question.type_info?.question_type?!!d.required&&!t?.formValues[d.question.name]:(d.required||d.question.type_info?.pivot_question)&&O(t?.formValues[d.question.name])||d.question?.type_info?.meta?.othersRequired&&bO(d,t)||("FORM_FIELD"===d.question?.type_info?.question_type||"CONTACT_FORM"===d.question?.type_info?.question_type)&&wO({block:d,answer:t?.formValues[d.question.name]})||o||(({answer:e,block:t,mobileOrWidget:n,activeIndexOfRenderedStatement:i=0})=>{if("MATRIX_RATING_SCALE"!==t?.question?.type_info?.question_type||!t.required)return!1;const a={};if(e?.forEach((e=>{e.statement_id&&e.rating_labels?.length&&(a[e.statement_id]=!0)})),n){const e=t?.question?.type_info?.matrix_properties?.statements?.find(((e,t)=>t===i));return!!e?.id&&!a[e?.id]}return!(t?.question?.type_info?.matrix_properties?.statements||[]).filter((e=>e.is_active)).every((e=>e.id&&!!a[e.id]))})({block:d,activeIndexOfRenderedStatement:s,mobileOrWidget:l||u,answer:t?.formValues[d.question.name]});case"navigation-prev":return 0==r;case"navigation-next":return r>=a.length-1;default:return!1}},kO=({renderedBlocks:e,activeIndexOfRenderedBlocks:t,answers:n})=>{const i=PO({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:i}},PO=({renderedBlocks:e,activeIndexOfRenderedBlocks:t})=>e.slice(0,t+1),MO=({blocks:e,answerStatus:t,questions:n,responses:i})=>{const a=["COMPLETE","PARTIAL_COMPLETE"].includes(t??""),{others_meta:r={},...o}=i||{};if(O(o))return{renderedBlocks:[],activeIndexOfRenderedStatement:0,activeIndexOfRenderedBlocks:0,pivot:null,answers:{formValues:{},others:{},commitDirtyValue:!1},isInitialTransition:!0,isConsideredCompleted:a};const s=e.filter((e=>e.question_names?.some((e=>null!=i?.[e])))).map((e=>{const t=e.question_names?.find((e=>null!=i?.[e])),a=n.find((e=>e.name===t&&"MESSAGE"!==e?.type_info?.question_type));return{...e,question:a}})),l=Math.max(s.length-1,0),u=e?.findIndex((e=>e.name===s[l].name)),d=oO({questions:n,blocks:e}),c={question:d,answer:o[d.name]},m=(({blocks:e,answers:t,questions:n,activeBlock:i,activeIndexOfBlocks:a,pivot:r})=>{const o=hO({activeBlock:i,blocks:e,activeIndexOfBlocks:a,answers:t,questions:n});if(o>-1){const t=uO({pivotQn:r?.question,pivotQnAnswer:r?.answer,block:e?.[o],questions:n});return{...e?.[o],question:t}}return null})({activeBlock:s[l],blocks:e,answers:{formValues:o||{},others:r||{},commitDirtyValue:!0},pivot:c,questions:n,activeIndexOfBlocks:u});return{renderedBlocks:m?.question?.name?[...s,m]:s,activeIndexOfRenderedStatement:0,activeIndexOfRenderedBlocks:l+1===s.length?l:l+1,pivot:{question:d,answer:o?.[d.name]},isInitialTransition:!1,answers:{others:r,formValues:o,commitDirtyValue:!1},isConsideredCompleted:a,...a?{activeIndexOfRenderedBlocks:0,isInitialTransition:!0}:{}}},$O=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\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/}},CO=({fields:e,answers:t,errorSetter:n,questionName:i,errors:a,translationVariables:r})=>{let o=!0;const s={...a?.[i]};return e.forEach((e=>{const n=$O(e?.type);e?.required&&!t[e.id]?(s[e?.id]=r?.required_field||"This is a required field",o=!1):(e?.required||t[e.id])&&n&&!n.test(t[e.id])?(s[e?.id]=r?.valid_data||"Enter valid data",o=!1):delete s[e?.id]})),n({...a,formErrors:{[i]:s}}),o},EO=({type:e,answer:t,errorSetter:n,questionName:i,errors:a,translationVariables:r})=>{let o=!0,s="";const l=$O(e);return t&&l&&!l.test(t)?(s=r?.valid_data||"Enter valid data",o=!1):s="",n({...a,textBoxErrors:{[i]:s}}),o},SO=({fields:e,answers:t,errorSetter:n,questionName:i,errors:a,translationVariables:r})=>{let o=!0;const s={...a?.[i]};return e.forEach((e=>{const n=$O(e?.type.toUpperCase());e?.required&&!t[e.id]?(s[e?.id]=r?.required_field||"This is a required field",o=!1):(e?.required||t[e.id])&&n&&!n.test(t[e.id])?(s[e?.id]=r?.valid_data||"Enter valid data",o=!1):delete s[e?.id]})),n({...a,contactFormErrors:{[i]:s}}),o},TO=({errors:e})=>O(e),_O=e=>{const i=e.survey.question_details?.questions||[],a=e?.contactData||{},r=e?.translationVariables||{},[o]=t.useState(e.survey.blocks?.filter((e=>"TY"!==e.name&&!e.is_deleted))),s=t.useMemo((()=>MO({blocks:o,questions:i,responses:e.answers,answerStatus:e.answerStatus||"PARTIAL"})),[o,i,e.answers]),[l,u]=t.useState({formErrors:{},textBoxErrors:{},fileUploadErrors:{},contactFormErrors:{}}),[d,c]=t.useState(s.answers),[m,p]=t.useState(s.renderedBlocks),[f,h]=t.useState(s.activeIndexOfRenderedBlocks),[g,v]=t.useState(s.activeIndexOfRenderedStatement),[y,b]=t.useState(!1),[w,x]=t.useState(!1),k=t.useRef(s.pivot),P=t.useRef(!1),M=t.useRef(((s.isConsideredCompleted||"PARTIAL"===e.answerStatus)&&e.canResubmit)??!1),$=t.useRef(),C=t.useRef(s.isInitialTransition),E=m[f],S=n.useMemo((()=>m.length>0?o?.findIndex((e=>e.name===m[f]?.name)):0),[f]);t.useEffect((()=>{if(s.isConsideredCompleted&&C.current&&e.canResubmit)return;const{others_meta:t,...n}=e.answers||{};if(!o||!o.length||!O(n))return;k.current={...k.current,question:oO({questions:i,blocks:o})},null!=e.initialPivotAnswer&&(k.current={...k.current,answer:sO(k.current.question,e.initialPivotAnswer)},c({...d,formValues:{...d.formValues,[k.current.question.name]:k.current.answer}}));const a=uO({pivotQn:k.current.question,pivotQnAnswer:k.current.answer,block:o[0],questions:i});p([{...o[0],question:a}])}),[o,e.initialPivotAnswer]),t.useEffect((()=>{s.isConsideredCompleted&&C.current&&e.canResubmit||m.length&&(m.length>1&&(C.current=!1),h(m.length-1))}),[m]),t.useEffect((()=>{if(!(s.isConsideredCompleted&&C.current&&e.canResubmit)&&!O(d.formValues)&&W()&&o)if(vO({blocks:o,activeIndexOfBlocks:S,renderedBlocks:m,activeIndexOfRenderedBlocks:f,answers:d,questions:i})){const t=()=>{b(!1);const e=fO({renderedBlocks:m,activeBlock:E,blocks:o,activeIndexOfBlocks:S,answers:d,questions:i,contactData:a});if(e===1/0)return void setTimeout((()=>{j("COMPLETE"),x(!0)}));setTimeout((()=>{j()}));const t=uO({pivotQn:k.current?.question,pivotQnAnswer:k.current?.answer,block:o?.[e],questions:i}),n=PO({renderedBlocks:m,activeIndexOfRenderedBlocks:f});p([...n,{...o?.[e],question:t}]),setTimeout((()=>{v(0)}),0)};null!=e.initialPivotAnswer&&1==m.length?$.current?(clearTimeout($.current),$.current=null,t()):$.current=setTimeout((()=>{}),1500):t()}else"MATRIX_RATING_SCALE"===E?.question?.type_info?.question_type&&j()}),[d,o]),t.useEffect((()=>{s.isConsideredCompleted&&C.current&&e.canResubmit||!O(d.formValues)&&P.current&&(y?_():T(),P.current=!1)}),[y]);const T=()=>{y?(P.current=!0,b(!1)):h(f+1),v(0)},_=()=>{g>0?I():(y?h(f-1):(P.current=!0,b(!0)),v(0))},A=()=>{v((e=>e+1))},I=()=>{v((e=>e-1))},W=()=>{if(E.question_name)switch(E.question?.type_info?.question_type){case"FORM_FIELD":return CO({fields:E.question?.type_info?.form_fields?.fields,answers:d.formValues?.[E.question_name]||{},errorSetter:u,questionName:E.question_name,errors:l,translationVariables:r});case"TEXT":return EO({type:E.question?.type_info?.text_field?.text_type,answer:d.formValues?.[E.question_name]||"",errorSetter:u,questionName:E.question_name,errors:l,translationVariables:r});case"CONTACT_FORM":return SO({fields:E.question?.type_info?.contact_form?.fields,answers:d.formValues?.[E.question_name]||{},errorSetter:u,questionName:E.question_name,errors:l,translationVariables:r});case"FILE":return TO({errors:l.fileUploadErrors})}return!0},R=(e,t,n=!1)=>{C.current=!1,e.question.name===k.current?.question.name&&k.current&&(k.current={...k.current,answer:t});let i=d;M.current||!n&&!gO({question:e.question,answers:d})||(i=kO({renderedBlocks:m,activeIndexOfRenderedBlocks:f,answers:d})),c({...i,formValues:{...i.formValues,...null!=t&&{[e.question.name]:t}},commitDirtyValue:n}),"SINGLE_ANSWER"===E.question.type_info?.matrix_properties?.type&&g<(E.question?.type_info?.matrix_properties?.statements||[]).length-1&&setTimeout((()=>{A?.()}),0)},z=()=>{b(!1);const e=E.question;if(M.current||f===m.length-1)c({...d,formValues:{...d.formValues,[e.name]:null},commitDirtyValue:!0});else{const t=kO({renderedBlocks:m,activeIndexOfRenderedBlocks:f,answers:d}),n=PO({renderedBlocks:m,activeIndexOfRenderedBlocks:f});p(n),c({...t,formValues:{...t.formValues,[e.name]:null},commitDirtyValue:!0})}},j=(t="PARTIAL")=>{let n=()=>{};if(!W())return;const i={...d.formValues};"COMPLETE"===t&&(n=()=>{x(!0),M.current=!1},"CONSENT"===E.question?.type_info?.question_type&&"CHECKBOX"===E.question?.type_info?.meta?.display_format&&E.question_name&&O(d.formValues[E.question_name])&&!E.required&&(i[E.question_name]=!1,c((e=>({...e,formValues:{...e.formValues,[E.question?.name]:!1},commitDirtyValue:!1}))))),E.question_name&&void 0===i[E.question_name]&&(i[E.question_name]=null),e.onSubmit({...i,others_meta:d.others},n,t,M.current?"EDIT":"CREATE")},N=n.useMemo((()=>{if("MATRIX_RATING_SCALE"!==E?.question?.type_info?.question_type)return!1;const e=(E?.question?.type_info?.matrix_properties?.statements||[])[g];return((d.formValues[E?.question.name]||[]).find((t=>t.statement_id===e?.id))?.rating_labels||[]).length>0}),[g,f]);return{blocks:o,questions:i,renderedBlocks:m,activeBlock:E,activeIndexOfBlocks:S,initialStatementHasAnswer:N,activeIndexOfRenderedStatement:g,navigateToNextStatement:A,navigateToPreviousStatement:I,activeIndexOfRenderedBlocks:f,isSurveyCompleted:w,isReverseAnimation:y,isNavigating:P.current,pivot:k.current,answers:d,isInitialTransition:C.current,translationVariables:r,formQuestionErrors:l.formErrors,textboxQuestionErrors:l.textBoxErrors,fileUploadErrors:l.fileUploadErrors,contactFormErrors:l.contactFormErrors,setErrors:u,navigateToNextBlock:T,navigateToPreviousBlock:_,saveFormValues:R,saveOthersValue:(e,t)=>{if(null===t){const t={...d.others};delete t[e],c({...d,commitDirtyValue:!1,others:t})}else c({...d,commitDirtyValue:!1,others:{...d.others,[e]:t}})},skipBlock:z,skipStatement:()=>{if(e.isMobile||e.isWidget){const e=E?.question?.type_info?.matrix_properties?.statements||[],t=e[g],n=d.formValues[E?.question.name]||[],i=g<e.length-1;R(E,n.filter((e=>e.statement_id!==t.id)),!i),i&&"MULTIPLE_ANSWERS"===E?.question?.type_info?.matrix_properties?.type&&setTimeout((()=>{A?.()}),0)}else z()},onSubmitHandler:j,navigateToStart:()=>{M.current=!0,x(!1),h(0),v(0)},resetSurvey:()=>{x(!1),h(0),C.current=!0,c({formValues:{},others:{},commitDirtyValue:!1}),sessionStorage.removeItem("uploadedFile"),v(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 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: calc(100% - 32px);\n margin: 16px;\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 AO=({thankYouQuestion:e,preview:i,placeholders:a,canResubmit:r,resetSurvey:o,navigateToStart:s,isMobile:l,allowMultipleSubmission:u,pivot:d,rangeToRender:c,translationVariables:m})=>{const{redirectUrl:p,redirectDelay:f,show_custom_button:h,show_review_links:g,show_social_links:v,image_url:y}=e?.type_info?.meta??{},[b,w]=t.useState(f??10);return t.useEffect((()=>{if(!i&&p){const e=setInterval((()=>w((e=>e>1?e-1:(window.location.href=p??"",0)))),1e3);return()=>clearInterval(e)}}),[]),n.createElement("div",{className:"question-container thankyou"},y&&n.createElement("img",{className:"thankyou-logo-img",src:y,alt:"thankyou_logo"}),n.createElement("div",{className:"heading"},e?.type_info?.header_text??(m?.thank_you||"Thank you!")),n.createElement("div",{className:"text",dangerouslySetInnerHTML:{__html:L({questionText:e.text,placeholders:a,npsRating:d?.answer,ratingLabel:j(d?.answer)?"":c?.find((e=>e?.value===String(d?.answer)))?.text??"",preference:d?.question.type_info?.scale_properties?.labels?.preference,isPreview:i})}}),(r||u)&&n.createElement("div",{className:("wrap-up-actions "+(l?"mobile":"")).trim()},r&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:()=>s()},n.createElement(T,{name:"edit"}),m?.edit_response||"Edit your response"),u&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:o},n.createElement(T,{name:"reload"}),m?.another_response||"Submit another response")),p&&n.createElement("div",{style:{width:"100%"}},n.createElement("div",{className:"redirection-text"},B(b,m?.redirect_msg),n.createElement("br",null)),n.createElement("a",{className:"link",href:p},p)),n.createElement(Wo,{show_custom_button:h,show_review_links:g,show_social_links:v}))},IO=({activeIndexOfBlocks:e,activeIndexOfRenderedBlocks:t,renderedBlocks:i,blocks:a,initialStatementHasAnswer:r,activeIndexOfRenderedStatement:o,answers:s,navigateToPreviousBlock:l,navigateToNextBlock:u,translationVariables:d})=>n.createElement("div",{className:"freemium-survey-step-navigation","data-navigation-element":"1"},n.createElement("button",{disabled:xO("navigation-prev",{blocks:a,answers:s,renderedBlocks:i,initialStatementHasAnswer:r,activeIndexOfBlocks:e,activeIndexOfRenderedBlocks:t,activeIndexOfRenderedStatement:o}),className:"navigation-button",onClick:l,title:o>0?d?.prev_statement||"go to previous statement":d?.prev_question||"go to previous question"},n.createElement(T,{name:"arrow-previous"})),n.createElement("button",{className:"navigation-button",disabled:xO("navigation-next",{blocks:a,answers:s,renderedBlocks:i,activeIndexOfBlocks:e,initialStatementHasAnswer:r,activeIndexOfRenderedBlocks:t,activeIndexOfRenderedStatement:o}),title:d?.next_question||"Go to next question",onClick:u},n.createElement(T,{name:"arrow-next"}))),WO=e=>{const{isWidget:i,surveyStyle:a,initialStatementHasAnswer:r,answers:o,renderedBlocks:s,blocks:l,activeIndexOfBlocks:u,activeIndexOfRenderedStatement:d=0,activeIndexOfRenderedBlocks:c,saveFormValues:m,onSubmitHandler:p,skipBlock:f,skipStatement:h,navigateToNextBlock:g,navigateToPreviousBlock:v,isInitialTransition:y,initialPivotAnswer:b,translationVariables:w,isMobile:x,navigateToNextStatement:k,formQuestionErrors:P,textboxQuestionErrors:M,contactFormErrors:C,fileUploadErrors:E,questions:S}=e,[T,_]=t.useState(!1),A={answers:o,blocks:l,activeIndexOfBlocks:u,activeIndexOfRenderedBlocks:c,activeIndexOfRenderedStatement:d,isMobile:x,renderedBlocks:s,initialStatementHasAnswer:r,surveyStyle:a,isWidget:i,blockIndex:c,questions:S},I={answers:o,blocks:l,activeIndexOfBlocks:u,isMobile:x,activeIndexOfRenderedBlocks:c,initialStatementHasAnswer:r,activeIndexOfRenderedStatement:d,renderedBlocks:s,isSubmitting:T,isWidget:i},{question:W}=s[c],R=W?.type_info?.meta?.display_format;return n.createElement(n.Fragment,null,(yO("navigation",A)||yO("next",A)||yO("next-statement",A)||yO("consent",A)||yO("submit",A)||yO("skip",A)||yO("skip-statement",A)||yO("message",A))&&n.createElement("div",{className:"question-footer"},yO("navigation",A)&&n.createElement(IO,{answers:o,activeIndexOfBlocks:u,activeIndexOfRenderedBlocks:c,renderedBlocks:s,initialStatementHasAnswer:r,blocks:l,activeIndexOfRenderedStatement:d,navigateToNextBlock:g,navigateToPreviousBlock:v,translationVariables:w}),n.createElement("div",{className:"action-buttons"},yO("next",A)&&n.createElement(ii,{onClick:()=>{m(s[c],"CHECKBOX"===W?.type_info?.meta?.display_format&&"CONSENT"===W?.type_info?.question_type?o.formValues[W.name]??!1:null,!0)},disabled:xO("next",I),className:"next-button"},w?.next||"Next"),yO("next-statement",A)&&n.createElement(ii,{onClick:()=>{k?.()},disabled:!!xO("next-statement",I),className:"next-button"},w?.next||"Next"),yO("consent",A)&&"BUTTON"===R&&$.map((e=>n.createElement(ii,{key:c+String(e.recordAs),onClick:()=>{m(s[c],e.recordAs,!0)},disabled:xO("consent",I),className:(e.recordAs?"next":"secondary")+"-button"},W?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue))),yO("submit",A)&&n.createElement("div",{className:"submit"},n.createElement(ii,{disabled:xO("submit",I),onClick:()=>{O(P?.[W.name])&&O(M?.[W.name])&&O(E?.[W.name])&&O(C?.[W.name])&&(_(!0),p("COMPLETE"))}},T?w?.submitting||"Submitting":w?.submit_survey||"Submit survey")),yO("skip",A)&&n.createElement("button",{className:"skip-button",onClick:f,"aria-label":"skip question"},w?.skip||"Skip"),yO("skip-statement",A)&&n.createElement("button",{className:"skip-button",onClick:h,"aria-label":"skip statement"},w?.skip||"Skip"),yO("message",A)&&n.createElement(ii,{onClick:f,disabled:xO("message",I),className:"next-button"},W?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"))))},RO=e=>{const{blocks:a,renderedBlocks:r,activeBlock:o,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:l,isSurveyCompleted:u,isReverseAnimation:d,saveFormValues:c,saveOthersValue:m,skipBlock:p,skipStatement:f,onSubmitHandler:h,navigateToNextBlock:g,navigateToPreviousBlock:v,answers:y,questions:b,pivot:w,isInitialTransition:x,resetSurvey:k,activeIndexOfRenderedStatement:P,navigateToNextStatement:M,navigateToPreviousStatement:$,navigateToStart:C,translationVariables:E,initialStatementHasAnswer:S,formQuestionErrors:T,textboxQuestionErrors:_,contactFormErrors:A,fileUploadErrors:I,setErrors:W}=_O(e),R=O(y.formValues)&&e.survey.prompt_settings?.is_enabled&&e.preview,[z,D]=t.useState(R),F=n.useMemo((()=>N(w?.question)),[w?.question]);return t.useEffect((()=>{o&&e.onBlockChange?.(o)}),[o,e]),t.useEffect((()=>{e.getSurveyProgress?.({totalBlocks:a.length,isSurveyCompleted:u,activeIndexOfBlocks:s})}),[a.length,u,s]),o&&o.question?n.createElement("div",{className:`freemium-survey-components ${e.isMobile?"mobile-preview":""} ${e.surveyStyle}-survey-style`,id:"freemium-survey"},n.createElement(i.SwitchTransition,{mode:"out-in"},n.createElement(i.CSSTransition,{key:l+String(u)+String(z),addEndListener:(e,t)=>{e.addEventListener("transitionend",t,!1)},classNames:d?"fade-reverse":"fade"},n.createElement("div",{className:"questions"},u?n.createElement(AO,{thankYouQuestion:uO({pivotQn:w?.question,pivotQnAnswer:w?.answer,block:mO({activeBlock:o,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:y,questions:b,activeIndexOfBlocks:s,renderedBlocks:r,contactData:e.contactData}),questions:b}),canResubmit:e.canResubmit,allowMultipleSubmission:e.allowMultipleSubmission,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",C):C()},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",k):k()},preview:!!e.preview,placeholders:e.placeholders,isMobile:e.isMobile,pivot:w,rangeToRender:F,translationVariables:E}):n.createElement("div",{id:`${o.question.name}`,className:"question-container","data-test-question-name":o.question.name},z&&e.survey.prompt_settings?n.createElement(Io,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt?.(t),1===t&&D(!1)},placeholders:e.placeholders,isPreview:!!e.preview}):n.createElement(n.Fragment,null,n.createElement("div",{className:("question-text "+(!o.question.type_info?.pivot_question&&o.required?"required":"")).trim(),dangerouslySetInnerHTML:{__html:L({questionText:o?.question.text,placeholders:e.placeholders,npsRating:w?.answer,ratingLabel:j(w?.answer)?"":F?.find((e=>e?.value===String(w?.answer)))?.text??"",preference:w?.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(iO,{assetUrl:e.assetUrl,setErrors:W,onFileUpload:e.onFileUpload,survey:e.survey,question:o.question,isFinalQn:lO({blocks:a,activeIndexOfBlocks:s,renderedBlocks:r,activeIndexOfRenderedBlocks:l,questions:b}),formValues:y.formValues,othersMeta:y.others,autoFocusDelay:"standard"===e.surveyStyle?350:0,activeIndexOfRenderedStatement:P,saveOthersValue:m,onChangeHandler:e=>{c(o,e)},isMobile:!!e.isMobile,initialPivotAnswer:e.initialPivotAnswer,isInitialTransition:x,formQuestionErrors:T,textboxQuestionErrors:_,fileUploadErrors:I,contactFormErrors:A,translationVariables:E})),n.createElement(WO,{isWidget:!1,surveyStyle:e.surveyStyle,answers:y,renderedBlocks:r,blocks:a,activeIndexOfRenderedStatement:P,initialStatementHasAnswer:S,navigateToNextStatement:M,navigateToPreviousStatement:$,activeIndexOfRenderedBlocks:l,activeIndexOfBlocks:s,saveFormValues:c,skipBlock:p,skipStatement:f,onSubmitHandler:h,navigateToPreviousBlock:v,navigateToNextBlock:g,isInitialTransition:x,initialPivotAnswer:e.initialPivotAnswer,isMobile:!!e.isMobile,translationVariables:E,formQuestionErrors:T,textboxQuestionErrors:_,fileUploadErrors:I,contactFormErrors:A,questions:b})))))),n.createElement(xo,{...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 zO=["next","next-statement","skip","submit","navigation","clear-selection","message","consent"],jO=({thankYouQuestion:e,preview:i,placeholders:a,canResubmit:r,allowMultipleSubmission:o,navigateToStart:s,resetSurvey:l,isMobile:u,pivot:d,rangeToRender:c,translationVariables:m})=>{const{redirectUrl:p,redirectDelay:f,image_url:h,show_custom_button:g,show_review_links:v,show_social_links:y}=e?.type_info?.meta??{},[b,w]=t.useState(f??10);return t.useEffect((()=>{if(!i&&p){const e=setInterval((()=>w((e=>e>1?e-1:(window.location.href=p??"",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??(m?.thank_you||"Thank you!")),n.createElement("div",{className:"text",dangerouslySetInnerHTML:{__html:L({questionText:e.text,placeholders:a,npsRating:d?.answer,ratingLabel:j(d?.answer)?"":c?.find((e=>e?.value===String(d?.answer)))?.text??"",preference:d?.question.type_info?.scale_properties?.labels?.preference,isPreview:i})}}),(r||o)&&n.createElement("div",{className:("wrap-up-actions "+(u?"mobile":"")).trim()},r&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:()=>s()},n.createElement(T,{name:"edit"}),m?.edit_response||"Edit your response"),o&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:l},n.createElement(T,{name:"reload"}),m?.another_response||"Submit another response")),p&&n.createElement("div",{style:{width:"100%"}},n.createElement("div",{className:"redirection-text"},B(b,m?.redirect_msg),n.createElement("br",null)),n.createElement("a",{className:"link",href:p},p)),n.createElement(Wo,{show_custom_button:g,show_review_links:v,show_social_links:y}))},OO=e=>{const{blockIndex:t,isWidget:i,surveyStyle:a,answers:r,renderedBlocks:o,navigateToNextStatement:s,blocks:l,isMobile:u,activeIndexOfBlocks:d,activeIndexOfRenderedBlocks:c,translationVariables:m,saveFormValues:p,skipBlock:f,clearRadioSelection:h,initialStatementHasAnswer:g,initialPivotAnswer:v,questions:y}=e,b={answers:r,blocks:l,blockIndex:t,activeIndexOfBlocks:d,isMobile:u,initialStatementHasAnswer:g,activeIndexOfRenderedBlocks:c,activeIndexOfRenderedStatement:0,renderedBlocks:o,surveyStyle:a,isWidget:i,questions:y},w={answers:r,blocks:l,activeIndexOfBlocks:d,initialStatementHasAnswer:g,isMobile:u,activeIndexOfRenderedBlocks:c,activeIndexOfRenderedStatement:0,renderedBlocks:o},x={};zO.forEach((e=>{x[e]=!!yO(e,b)}));const{question:k}=o[t??c],P=k?.type_info?.meta?.display_format;return x?.next||x?.["next-statement"]||x?.skip||x?.consent||x?.["clear-selection"]||x?.message?n.createElement("div",{className:"question-footer"},n.createElement("div",{className:"action-buttons"},x?.next&&n.createElement(ii,{onClick:()=>{p(o[c],"CHECKBOX"===k?.type_info?.meta?.display_format&&"CONSENT"===k?.type_info?.question_type?r.formValues[k.name]??!1:null,!0)},disabled:!!xO("next",w),className:"next-button"},m?.next||"Next"),x?.["next-statement"]&&n.createElement(ii,{onClick:()=>{s?.()},disabled:!!xO("next-statement",w),className:"next-button"},m?.next||"Next"),x?.consent&&"BUTTON"===P&&$.map((e=>n.createElement(ii,{key:c+String(e.recordAs),onClick:()=>{p(o[c],e.recordAs,!0)},disabled:xO("consent",w),className:(e.recordAs?"next":"secondary")+"-button"},k?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue))),x.skip&&n.createElement("button",{className:"sec-button",onClick:f,"aria-label":"skip question"},m?.skip||"Skip"),x?.["clear-selection"]&&n.createElement("button",{className:"sec-button",onClick:()=>h(t)},m?.clear_selection||"Clear selection"),x?.message&&n.createElement(ii,{onClick:f,disabled:xO("message",w),className:"next-button"},k?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"))):null},NO=e=>{const{blocks:a,renderedBlocks:r,activeBlock:o,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:l,isSurveyCompleted:u,translationVariables:d,saveFormValues:c,saveOthersValue:m,skipBlock:p,skipStatement:f,clearRadioSelection:h,onSubmitHandler:g,answers:v,questions:y,resetSurvey:b,initialStatementHasAnswer:w,navigateToStart:x,activeIndexOfRenderedStatement:k,navigateToNextStatement:P,navigateToPreviousStatement:M,pivot:$,formQuestionErrors:C,textboxQuestionErrors:E,contactFormErrors:S,fileUploadErrors:T,setErrors:_}=(e=>{const i=e.survey.question_details?.questions||[],a=e.contactData||{},r=e.translationVariables||{},[o]=t.useState(e.survey?.blocks?.filter((e=>"TY"!==e.name&&!e.is_deleted))),[s,l]=t.useState({formErrors:{},textBoxErrors:{},fileUploadErrors:{},contactFormErrors:{}}),u=t.useMemo((()=>MO({blocks:o,questions:i,responses:e.answers,answerStatus:e.answerStatus||"PARTIAL"})),[o,i,e.answers]),[d,c]=t.useState(u.renderedBlocks),[m,p]=t.useState(u.activeIndexOfRenderedBlocks),[f,h]=t.useState(u.activeIndexOfRenderedStatement),g=t.useRef(u.pivot),v=t.useRef(u.isInitialTransition),[y,b]=t.useState(u.answers),w=t.useRef(),x=t.useRef(((u.isConsideredCompleted||"PARTIAL"===e.answerStatus)&&e.canResubmit)??!1),[k,P]=t.useState(!1),M=t.useRef(null),$=d[m],C=n.useMemo((()=>d.length>0?o?.findIndex((e=>e.name===d[m]?.name)):0),[m]);t.useEffect((()=>{if(u.isConsideredCompleted&&v.current&&e.canResubmit)return;const{others_meta:t,...n}=e.answers;if(!o||!o.length||!O(n))return;g.current={...g.current,question:oO({questions:i,blocks:o})},null!=e.initialPivotAnswer&&(g.current={...g.current,answer:sO(g.current.question,e.initialPivotAnswer)},b({...y,formValues:{...y.formValues,[g.current.question.name]:g.current.answer}}));const a=uO({pivotQn:g.current.question,pivotQnAnswer:g.current.answer,block:o[0],questions:i});c([{...o[0],question:a}])}),[o,e.initialPivotAnswer]),t.useEffect((()=>{u.isConsideredCompleted&&v.current&&e.canResubmit||(d.length&&p(d.length-1),M.current?.scrollIntoView({block:"start",behavior:"smooth"}))}),[d]),t.useEffect((()=>{if(!(u.isConsideredCompleted&&v.current&&e.canResubmit)&&!O(y.formValues)&&o&&E())if(vO({blocks:o,activeIndexOfBlocks:C,renderedBlocks:d,activeIndexOfRenderedBlocks:m,answers:y,questions:i})){const t=()=>{const e=fO({renderedBlocks:d,activeBlock:$,blocks:o,activeIndexOfBlocks:C,answers:y,questions:i,contactData:a});if(e===1/0)return void setTimeout((()=>{S("COMPLETE"),P(!0)}));setTimeout((()=>{S()}));const t=uO({pivotQn:g.current?.question,pivotQnAnswer:g.current?.answer,block:o?.[e],questions:i}),n=PO({renderedBlocks:d,activeIndexOfRenderedBlocks:m});c([...n,{...o?.[e],question:t}])};null!=e.initialPivotAnswer&&1==d.length?w.current?(clearTimeout(w.current),w.current=null,t()):w.current=setTimeout((()=>{}),1500):t()}else"MATRIX_RATING_SCALE"===$?.question?.type_info?.question_type&&S()}),[y,o]);const E=()=>{if($.question_name)switch($.question?.type_info?.question_type){case"FORM_FIELD":return CO({fields:$.question?.type_info?.form_fields?.fields,answers:y.formValues?.[$.question_name]||{},errorSetter:l,questionName:$.question_name,errors:s,translationVariables:r});case"TEXT":return EO({type:$.question?.type_info?.text_field?.text_type,answer:y.formValues?.[$.question_name]||"",errorSetter:l,questionName:$.question_name,errors:s,translationVariables:r});case"CONTACT_FORM":return SO({fields:$.question?.type_info?.contact_form?.fields,answers:y.formValues?.[$.question_name]||{},errorSetter:l,questionName:$.question_name,errors:s,translationVariables:r});case"FILE":return TO({errors:s.fileUploadErrors})}return!0},S=(t="PARTIAL")=>{let n=()=>{};if(!E())return;const i={...y.formValues};"COMPLETE"===t&&(n=()=>{P(!0),x.current=!1},"CONSENT"===$.question?.type_info?.question_type&&"CHECKBOX"===$.question?.type_info?.meta?.display_format&&$.question_name&&O(y.formValues[$.question_name])&&!$.required&&(i[$.question_name]=!1,b((e=>({...e,formValues:{...e.formValues,[$.question?.name]:!1},commitDirtyValue:!1}))))),$.question_name&&void 0===i[$.question_name]&&(i[$.question_name]=null),e.onSubmit({...i,others_meta:y.others},n,t,x.current?"EDIT":"CREATE")},T=()=>{const e=$.question;if(x.current||m===d.length-1)b({...y,formValues:{...y.formValues,[e.name]:null},commitDirtyValue:!0});else{const t=kO({renderedBlocks:d,activeIndexOfRenderedBlocks:m,answers:y}),n=PO({renderedBlocks:d,activeIndexOfRenderedBlocks:m});c(n),b({...t,formValues:{...t.formValues,[e.name]:null},commitDirtyValue:!0})}},_=()=>{h((e=>e+1))},A=(e,t,n=!1,i=m)=>{v.current=!1,e.question.name===g.current?.question.name&&(g.current={...g.current,answer:t});let a=y;x.current||!n&&!gO({question:e.question,answers:y})||(a=kO({renderedBlocks:d,activeIndexOfRenderedBlocks:i,answers:y})),i!==m&&p(i),b({...a,formValues:{...a.formValues,...null!=t&&{[e.question.name]:t}},commitDirtyValue:n}),"SINGLE_ANSWER"===$.question.type_info?.matrix_properties?.type&&f<($.question?.type_info?.matrix_properties?.statements||[]).length-1&&setTimeout((()=>{_?.()}),0)},I=n.useMemo((()=>{if("MATRIX_RATING_SCALE"!==$?.question?.type_info?.question_type)return!1;const e=($?.question?.type_info?.matrix_properties?.statements||[])[f];return((y.formValues[$?.question.name]||[]).find((t=>t.statement_id===e?.id))?.rating_labels||[]).length>0}),[f,m]);return{blocks:o,questions:i,renderedBlocks:d,initialStatementHasAnswer:I,activeBlock:$,activeIndexOfBlocks:C,activeIndexOfRenderedBlocks:m,activeIndexOfRenderedStatement:f,navigateToNextStatement:_,navigateToPreviousStatement:()=>{h((e=>e-1))},isSurveyCompleted:k,pivot:g.current,answers:y,translationVariables:r,formQuestionErrors:s.formErrors,textboxQuestionErrors:s.textBoxErrors,fileUploadErrors:s.fileUploadErrors,contactFormErrors:s.contactFormErrors,setErrors:l,saveFormValues:A,saveOthersValue:(e,t,n=m)=>{if(n!==m&&p(n),null===t){const t={...y.others};delete t[e],b({...y,commitDirtyValue:!1,others:t})}else b({...y,commitDirtyValue:!1,others:{...y.others,[e]:t}})},skipBlock:T,skipStatement:()=>{if(e.isMobile||e.isWidget){const e=$?.question?.type_info?.matrix_properties?.statements||[],t=e[f],n=y.formValues[$?.question.name]||[],i=f<e.length-1;A($,n.filter((e=>e.statement_id!==t.id)),!i),i&&"MULTIPLE_ANSWERS"===$?.question?.type_info?.matrix_properties?.type&&setTimeout((()=>{_?.()}),0)}else T()},clearRadioSelection:e=>{e!==m&&p(e);const t=d[e].question;delete y.formValues[t.name],delete y.others[t.name];const n=kO({renderedBlocks:d,activeIndexOfRenderedBlocks:e,answers:y}),i=PO({renderedBlocks:d,activeIndexOfRenderedBlocks:e});c(i),b({...n,commitDirtyValue:!1})},onSubmitHandler:S,navigateToStart:()=>{x.current=!0,P(!1)},resetSurvey:()=>{P(!1);const e=uO({pivotQn:g.current?.question,pivotQnAnswer:g.current?.answer,block:o[0],questions:i});c([{...o[0],question:e}]),p(0),b({formValues:{},others:{},commitDirtyValue:!1})}}})(e),A=t.useRef(null),[I,W]=t.useState(!1),R=n.useMemo((()=>N($?.question)),[$?.question]),z=O(v.formValues)&&e.survey.prompt_settings?.is_enabled&&e.preview,[D,F]=t.useState(z);if(t.useEffect((()=>{A.current?.scrollIntoView({block:"start",behavior:"smooth"})}),[r]),t.useEffect((()=>{e.getSurveyProgress?.({totalBlocks:a.length,isSurveyCompleted:u,activeIndexOfBlocks:s})}),[a.length,u,s]),!o||!o.question)return null;const{question:B}=r[l];return n.createElement("div",{className:`freemium-survey-components ${e.isMobile?"mobile-preview":""} standard-survey-style`,id:"freemium-survey"},n.createElement(i.SwitchTransition,{mode:"out-in"},n.createElement(i.CSSTransition,{key:String(u)+String(D),addEndListener:(e,t)=>{e.addEventListener("transitionend",t,!1)},classNames:"fade"},n.createElement("div",null,D&&e.survey.prompt_settings?n.createElement("div",{className:"questions"},n.createElement("div",{className:"question-container"},n.createElement(Io,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt?.(t),1===t&&F(!1)},placeholders:e.placeholders,isPreview:!!e.preview}))):n.createElement(n.Fragment,null,u?n.createElement(jO,{thankYouQuestion:uO({pivotQn:$?.question,pivotQnAnswer:$?.answer,block:mO({activeBlock:o,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:v,questions:y,activeIndexOfBlocks:s,renderedBlocks:r,contactData:e.contactData}),questions:y}),preview:!!e.preview,placeholders:e.placeholders,pivot:{...$,question:$?.question||{name:""},answer:$?.answer},rangeToRender:R,canResubmit:e.canResubmit,isMobile:e.isMobile,allowMultipleSubmission:e.allowMultipleSubmission,translationVariables:d,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",(()=>{W(!1),x()})):(W(!1),x())},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",(()=>{W(!1),b()})):(W(!1),b())}}):n.createElement(n.Fragment,null,n.createElement("div",{onTransitionEndCapture:e=>e.stopPropagation(),className:"questions"},r.map(((t,i)=>n.createElement("div",{key:t.question.name,ref:A,className:"question-container"},n.createElement("div",{className:`question-text ${!o.question.type_info?.pivot_question&&o.required?"required":""} ${0===i?"nps":""}`.trim(),dangerouslySetInnerHTML:{__html:L({questionText:t.question.text,placeholders:e.placeholders,npsRating:$?.answer,ratingLabel:j($?.answer)?"":R?.find((e=>e?.value===String($?.answer)))?.text??"",preference:$?.question.type_info?.scale_properties?.labels?.preference,isPreview:!!e.preview})},"aria-label":`question-${i}`,role:"heading","aria-level":1}),n.createElement(iO,{assetUrl:e.assetUrl,fileUploadErrors:T,setErrors:_,onFileUpload:e.onFileUpload,survey:e.survey,question:t.question,isFinalQn:lO({blocks:a,activeIndexOfBlocks:s,renderedBlocks:r,activeIndexOfRenderedBlocks:l,questions:y}),formValues:v.formValues,othersMeta:v.others,isMobile:!!e.isMobile,autoFocusDelay:"standard"===e.surveyStyle?350:20,activeIndexOfRenderedStatement:k,saveOthersValue:(e,t)=>{m(e,t,i)},onChangeHandler:e=>{c(t,e,!1,i)},initialPivotAnswer:e.initialPivotAnswer,formQuestionErrors:C,textboxQuestionErrors:E,contactFormErrors:S,translationVariables:d}),n.createElement(OO,{isWidget:!1,surveyStyle:e.surveyStyle,answers:v,renderedBlocks:r,blocks:a,blockIndex:i,activeIndexOfRenderedBlocks:l,initialStatementHasAnswer:w,navigateToNextStatement:P,navigateToPreviousStatement:M,activeIndexOfBlocks:s,saveFormValues:c,isMobile:!!e.isMobile,skipBlock:p,skipStatement:f,clearRadioSelection:h,onSubmitHandler:g,initialPivotAnswer:e.initialPivotAnswer,translationVariables:d,formQuestionErrors:C,textboxQuestionErrors:E,contactFormErrors:S,fileUploadErrors:T,questions:y})))),yO("submit",{answers:v,blocks:a,activeIndexOfBlocks:s,initialStatementHasAnswer:w,isMobile:!!e.isMobile,activeIndexOfRenderedBlocks:l,renderedBlocks:r,surveyStyle:e.surveyStyle,isWidget:!1,questions:y})&&n.createElement("div",{className:"submit"},n.createElement(ii,{disabled:!!xO("submit",{answers:v,blocks:a,initialStatementHasAnswer:w,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:l,renderedBlocks:r,activeIndexOfRenderedStatement:k,isSubmitting:I}),onClick:()=>{O(C?.[B.name])&&O(E?.[B.name])&&O(T?.[B.name])&&O(S?.[B.name])&&(W(!0),g("COMPLETE"))}},I?"Submitting":"Submit survey")))))))),n.createElement(xo,{...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 LO=({thankYouQuestion:e,placeholders:t,canResubmit:i,navigateToStart:a,resetSurvey:r,widgetStyle:o,allowMultipleSubmission:s,pivot:l,rangeToRender:u,translationVariables:d})=>{const{show_custom_button:c,show_review_links:m,show_social_links:p,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??(d?.thank_you||"Thank you!")),n.createElement("div",{className:f?"text":"text thankyou-image",dangerouslySetInnerHTML:{__html:L({questionText:e.text,placeholders:t,npsRating:l?.answer,ratingLabel:j(l?.answer)?"":u?.find((e=>e?.value===String(l?.answer)))?.text??"",preference:l?.question.type_info?.scale_properties?.labels?.preference})}}),(i||s)&&n.createElement("div",{className:`wrap-up-actions ${f?"":"thank-you-image"} ${"compact"===o?"mobile":""}`.trim()},i&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:a},n.createElement(T,{name:"edit"}),d?.edit_response||"Edit your response"),s&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:r},n.createElement(T,{name:"reload"}),d?.another_response||"Submit another response")),n.createElement(Wo,{show_custom_button:c,show_review_links:m,show_social_links:p})))},DO=({activeIndexOfBlocks:e,activeIndexOfRenderedBlocks:t,renderedBlocks:i,blocks:a,answers:r,initialStatementHasAnswer:o,translationVariables:s,activeIndexOfRenderedStatement:l,navigateToPreviousBlock:u,navigateToNextBlock:d})=>{const c={blocks:a,renderedBlocks:i,activeIndexOfBlocks:e,initialStatementHasAnswer:o,activeIndexOfRenderedBlocks:t,activeIndexOfRenderedStatement:l,answers:r};return n.createElement("div",{className:"freemium-survey-step-navigation","data-navigation-element":"1"},n.createElement("button",{disabled:!!xO("navigation-prev",c),className:"navigation-button",onClick:u,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:!!xO("navigation-next",c),onClick:d,title:s?.next_question||"go to next question"},n.createElement(T,{name:"arrow-next"})))},FO=e=>{const{isWidget:i,widgetStyle:a,answers:r,initialStatementHasAnswer:o,renderedBlocks:s,blocks:l,activeIndexOfBlocks:u,navigateToNextStatement:d,activeIndexOfRenderedBlocks:c,translationVariables:m,saveFormValues:p,activeIndexOfRenderedStatement:f=0,onSubmitHandler:h,skipBlock:g,skipStatement:v,navigateToNextBlock:y,navigateToPreviousBlock:b,formQuestionErrors:w,textboxQuestionErrors:x,fileUploadErrors:k,contactFormErrors:P,questions:M}=e,[C,E]=t.useState(!1),S={answers:r,blocks:l,isMobile:!1,activeIndexOfBlocks:u,activeIndexOfRenderedBlocks:c,initialStatementHasAnswer:o,activeIndexOfRenderedStatement:f,renderedBlocks:s,isWidget:i,blockIndex:c,questions:M},T={answers:r,blocks:l,isWidget:i,isMobile:!1,activeIndexOfBlocks:u,activeIndexOfRenderedStatement:f,initialStatementHasAnswer:o,activeIndexOfRenderedBlocks:c,renderedBlocks:s,isSubmitting:C},{question:_}=s[c],A=_?.type_info?.question_type,I=(e=!1)=>{const t=e?[...$].reverse():[...$];return yO("consent",S)&&"BUTTON"===R&&t.map((e=>n.createElement(ii,{key:c+String(e.id),onClick:()=>{p(s[c],e.recordAs,!0)},disabled:xO("consent",T),className:(e.recordAs?"next":"secondary")+"-button"},_?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue)))},W="compact"===a&&(yO("navigation",S)&&yO("skip",S)||"CONSENT"===A||"MESSAGE"===A),R=_?.type_info?.meta?.display_format;return n.createElement(n.Fragment,null,(yO("navigation",S)||yO("next",S)||yO("next-statement",S)||yO("consent",S)||yO("submit",S)||yO("skip",S)||yO("skip-statement",S)||yO("message",S))&&n.createElement("div",{className:"question-footer"},W?n.createElement(n.Fragment,null,yO("next",S)&&n.createElement(ii,{onClick:()=>{p(s[c],"CHECKBOX"===_?.type_info?.meta?.display_format&&"CONSENT"===_?.type_info?.question_type?r.formValues[_.name]??!1:null,!0)},disabled:!!xO("next",T),className:"next-button"},m?.next||"Next"),yO("message",S)&&n.createElement(ii,{onClick:g,disabled:xO("message",T),className:"next-button"},_?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"),yO("submit",S)&&n.createElement("div",{className:"submit"},n.createElement(ii,{disabled:!!xO("submit",T),onClick:()=>{O(w?.[_.name])&&O(x?.[_.name])&&O(k?.[_.name])&&O(P?.[_.name])&&(E(!0),h("COMPLETE"))}},C?m?.submitting||"Submitting":m?.submit_survey||"Submit survey")),yO("next-statement",S)&&n.createElement(ii,{onClick:()=>{d?.()},disabled:!!xO("next-statement",T),className:"next-button"},m?.next||"Next"),I(),n.createElement("div",{className:"compact-footer-layout"},n.createElement(DO,{answers:r,activeIndexOfBlocks:u,activeIndexOfRenderedBlocks:c,renderedBlocks:s,initialStatementHasAnswer:o,blocks:l,activeIndexOfRenderedStatement:f,translationVariables:m,navigateToNextBlock:y,navigateToPreviousBlock:b}),"MESSAGE"!==A&&!l[u].required&&n.createElement("button",{className:"skip-button",onClick:g,"aria-label":"skip question"},m?.skip||"Skip"))):n.createElement("div",{className:"action-buttons"},yO("navigation",S)&&n.createElement("div",{style:{marginRight:"auto"}},n.createElement(DO,{answers:r,activeIndexOfBlocks:u,activeIndexOfRenderedBlocks:c,activeIndexOfRenderedStatement:f,renderedBlocks:s,blocks:l,initialStatementHasAnswer:o,translationVariables:m,navigateToNextBlock:y,navigateToPreviousBlock:b})),n.createElement("div",{style:{flex:1}}),yO("skip",S)&&n.createElement("button",{className:"skip-button",onClick:g,"aria-label":"skip question"},m?.skip||"Skip"),yO("skip-statement",S)&&n.createElement("button",{className:"skip-button",onClick:v,"aria-label":"skip statement"},m?.skip||"Skip"),I(!0),yO("next",S)&&n.createElement(ii,{onClick:()=>{p(s[c],"CHECKBOX"===_?.type_info?.meta?.display_format&&"CONSENT"===_?.type_info?.question_type?r.formValues[_.name]??!1:null,!0)},disabled:!!xO("next",T),className:"next-button"},m?.next||"Next"),yO("next-statement",S)&&n.createElement(ii,{onClick:()=>{d?.()},disabled:!!xO("next-statement",T),className:"next-button"},m?.next||"Next"),yO("submit",S)&&n.createElement("div",{className:"submit"},n.createElement(ii,{disabled:!!xO("submit",T),onClick:()=>{O(w?.[_.name])&&O(x?.[_.name])&&O(k?.[_.name])&&O(P?.[_.name])&&(E(!0),h("COMPLETE"))}},C?m?.submitting||"Submitting":m?.submit_survey||"Submit survey")),yO("message",S)&&n.createElement(ii,{onClick:g,disabled:xO("message",T),className:"next-button"},_?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"))))},BO=e=>{const{blocks:a,renderedBlocks:r,activeBlock:o,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:l,isSurveyCompleted:u,isReverseAnimation:d,translationVariables:c,saveFormValues:m,saveOthersValue:p,skipBlock:f,skipStatement:h,initialStatementHasAnswer:g,onSubmitHandler:v,navigateToNextBlock:y,activeIndexOfRenderedStatement:w,navigateToNextStatement:x,navigateToPreviousStatement:k,navigateToPreviousBlock:P,answers:M,questions:$,resetSurvey:C,navigateToStart:E,pivot:S,formQuestionErrors:T,textboxQuestionErrors:_,fileUploadErrors:A,contactFormErrors:I,setErrors:W}=_O({...e,isWidget:!0}),[R,z]=t.useState(null),D=t.useRef(0),F=n.useMemo((()=>N(S?.question)),[S?.question]),B=O(M.formValues)&&e.survey.prompt_settings?.is_enabled,[H,q]=t.useState(B),Z=t.useRef(B?-1:l),G=()=>{if(R){R.style.minHeight="unset",R.style.maxHeight="unset",R.style.height="min-content",R.style.position="static";const t=Math.min(R?.scrollHeight+2,b[e.widgetStyle]);R.style.height=t+"px",R.style.minHeight=t+"px",D.current=t}};if(t.useMemo((()=>{G()}),[R]),t.useEffect((()=>{"MATRIX_RATING_SCALE"===o?.question?.type_info?.question_type&&setTimeout((()=>{G()}),0)}),[w]),t.useEffect((()=>{e.loadAsNewSurvey&&e.handleAction&&e.handleAction("RE_SUBMIT",C)}),[]),t.useEffect((()=>{e.setCurrentSurveyState?.({question:r[l]?.question,npsScore:S?.answer})}),[l,S?.answer]),t.useEffect((()=>{l!==Z.current&&(Z.current=-1)}),[l]),!o||!o?.question)return null;e.widgetHeaderQuerySelector&&document.querySelector(e.widgetHeaderQuerySelector);const U=u?a.length:s+(u?1:0),X=u?100:(U>0?100/a.length:0)*U;return n.createElement("div",{className:`freemium-survey-components widget-survey-components\n ${e.widgetStyle}-style `,id:"freemium-survey"},u||H?null:n.createElement("div",{className:"widget-progressbar"},n.createElement("div",{className:"progress-completion"},X.toFixed(),"%"),n.createElement(ti,{totalSteps:a.length,completedSteps:s+(u?1:0),isWidget:!0})),n.createElement("div",{className:"questions",style:{height:D.current,...B&&H||Z.current===l?{transition:"none"}:{}}},n.createElement(i.TransitionGroup,{component:null},n.createElement(i.CSSTransition,{key:l+String(u)+String(H),unmountOnExit:!0,addEndListener:(e,t)=>{e.addEventListener("transitionend",t,!1)},classNames:d?"fade-reverse":"fade"},n.createElement("div",{ref:e=>e?z(e):null,id:`${o.question.name}`,className:`question-container ${u?"thankyou":""} ${H?"prompt-container":""}`,"data-test-question-name":o.question.name},H&&e.survey.prompt_settings?n.createElement(Io,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt(t),1===t&&q(!1)},placeholders:e.placeholders}):n.createElement(n.Fragment,null,u?n.createElement(LO,{thankYouQuestion:uO({pivotQn:S?.question,pivotQnAnswer:S?.answer,block:mO({activeBlock:o,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:M,questions:$,activeIndexOfBlocks:s,renderedBlocks:r,contactData:e.contactData}),questions:$}),placeholders:e.placeholders,canResubmit:e.canResubmit,widgetStyle:e.widgetStyle,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",E):E()},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",C):C()},allowMultipleSubmission:e.allowMultipleSubmission,pivot:S,rangeToRender:F,translationVariables:c}):n.createElement(n.Fragment,null,n.createElement("div",{className:`question-text ${!o.question.type_info?.pivot_question&&o.required?"required":""} ${"RANGE"===o?.question?.type_info?.question_type?"range-question-text":""}`.trim(),dangerouslySetInnerHTML:{__html:L({questionText:o?.question.text,placeholders:e.placeholders,npsRating:S?.answer,ratingLabel:j(S?.answer)?"":F?.find((e=>e?.value===String(S?.answer)))?.text??"",preference:S?.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(iO,{assetUrl:e.assetUrl,fileUploadErrors:A,setErrors:W,onFileUpload:e.onFileUpload,survey:e.survey,question:o.question,isFinalQn:lO({blocks:a,activeIndexOfBlocks:s,renderedBlocks:r,activeIndexOfRenderedBlocks:l,questions:$}),formValues:M.formValues,widgetStyle:e.widgetStyle,isMobile:!1,othersMeta:M.others,autoFocusDelay:0,activeIndexOfRenderedStatement:w,isWidget:!0,saveOthersValue:p,onChangeHandler:e=>{m(o,e)},formQuestionErrors:T,textboxQuestionErrors:_,contactFormErrors:I,translationVariables:c})),n.createElement(FO,{isWidget:!0,widgetStyle:e.widgetStyle,surveyStyle:"standard",answers:M,isMobile:!1,renderedBlocks:r,initialStatementHasAnswer:g,activeIndexOfRenderedStatement:w,blocks:a,activeIndexOfRenderedBlocks:l,navigateToNextStatement:x,navigateToPreviousStatement:k,activeIndexOfBlocks:s,translationVariables:c,saveFormValues:m,skipBlock:f,skipStatement:h,onSubmitHandler:v,navigateToPreviousBlock:P,navigateToNextBlock:y,formQuestionErrors:T,textboxQuestionErrors:_,fileUploadErrors:A,contactFormErrors:I,questions:$}))))))))};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 HO=({survey:e,preview:i,placeholders:a,contactData:r,overRideComponent:o,onSubmit:s,onDismiss:l,onClose:u,isMobile:d,surveyType:c,unsubscribeUrl:m,isSurveyCompleted:p,children:f=null,answerStatus:h,loadSurveyCollapsed:g=!1,handleAction:v,answers:y,onAnsweringPrompt:b,allowMultipleSubmission:x,loadAsNewSurvey:k,canResubmit:P,translationVariables:M,assetUrl:$,surveyPoweredBy:C,onFileUpload:E})=>{const S=e.question_details?.questions||[],[_,A]=t.useState(),[I,W]=t.useState(!1),[R,z]=t.useState(g),[j,N]=t.useState(0),{ui_theme:F}=e,[B,H]=t.useState(null),[q,G]=t.useState(null),U=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]),X=U?.question_name?U?.question_name??"":U?.category?.[0].question_name??"",V=S.find((e=>e.name===X)),Y=()=>{W(!0),setTimeout((()=>{u?.()}),300)},K=t.useRef(null);return n.createElement("div",{className:`surveyserv-widget-container ${d?"widget-mobile":""} ${c}-container-style ${R?"minimized":""}`,style:{opacity:I?0:1,"--container-width":`${w[c]}`,"--height-transition-duration":"600ms",...D(F||{})}},n.createElement("header",{id:"surveyserv-widget-header",className:"widget-header "+(R?"minimized":"")},R&&n.createElement("span",{className:"header-content minimized",dangerouslySetInnerHTML:{__html:L({questionText:(!_&&e.prompt_settings?.is_enabled?e.prompt_settings.text:q?.question?.text)??Z(V?.text||""),placeholders:{...a,"{{nps.rating}}":String(q?.npsScore??"")}})}}),n.createElement("div",{className:"icons"},!p&&n.createElement("button",{onClick:()=>{R?(z(!R),setTimeout((()=>{N(0)}),700)):(N(B?.clientHeight??0),setTimeout((()=>{z(!R)}),0))},className:"icon minimize-btn",title:R?M?.maximize||"Maximize widget":M?.minimize||"Minimize widget"},R?n.createElement(T,{name:"widget-maximize"}):n.createElement(T,{name:"widget-minimize"})),n.createElement("button",{ref:K,onClick:()=>{p||l(),Y()},title:M?.dismiss||"Dismiss widget",className:"icon minimize-btn"},n.createElement(T,{name:"widget-close"})))),f,n.createElement("main",{ref:e=>H(e),className:("widget-main "+(R?"minimized":"")).trim(),style:{height:R?0:j||"auto"}},o?n.createElement(n.Fragment,null,o):n.createElement(BO,{assetUrl:$,answers:y,widgetStyle:c,answerStatus:h,survey:e,placeholders:a,isMobile:!!d,contactData:r,onFileUpload:E,allowMultipleSubmission:x,loadAsNewSurvey:k,canResubmit:P,onSubmit:s,setCurrentSurveyState:G,widgetHeaderQuerySelector:R?void 0:"#surveyserv-widget-header",onAnsweringPrompt:t=>{b?.(t),A(t),0==t&&O(e.prompt_settings?.declined_message)&&Y()},handleAction:v,translationVariables:M})),n.createElement("footer",{className:("widget-footer "+(R?"minimized":"")).trim()},m&&!R&&n.createElement("a",{href:m,target:"_blank",rel:"noopener noreferrer",onClick:e=>{i&&e.preventDefault(),e.stopPropagation(),Y()}},M?.unsubscribe||"Unsubscribe"),n.createElement("div",{className:"footer-text"},n.createElement(wo,{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 qO=({children:e,title:t,closeModal:a,isModalOpen:r})=>n.createElement(i.CSSTransition,{in:r,unmountOnExit:!0,timeout:500,classNames:"fade",key:t},n.createElement("div",{className:"options-popup",style:{}},n.createElement("header",null,n.createElement("button",{onClick:a,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"))),ZO=({question:e,saveFormValues:i})=>{const[a,r]=t.useState(!1),{range:o}=e?.type_info?.scale_properties||{},s=Number(o?.[0]?.min),l=Number(o?.[o.length-1]?.max),u="descending"===e?.type_info?.scale_properties?.order,d=[...e?.type_info?.scale_properties?.labels?.values||[]],c=e?.type_info?.scale_properties?.labels?.preference;u&&d.reverse();const m=t.useRef(Array.from({length:l+(0===s?1:0)},((e,t)=>u?l-t:t+s)));return m.current.length<=3?n.createElement("ul",{className:`choices ${("THUMBS"===e?.type_info?.type_variant||"all"!==e?.type_info?.scale_properties?.labels?.preference)&&"one-line"}`},m.current.map(((t,a)=>"THUMBS"===e?.type_info?.type_variant?n.createElement("li",{className:"choice range-choice",key:`thumbs-${t}-${a}`},n.createElement("button",{onClick:()=>{i(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}-${a}`},n.createElement("button",{onClick:()=>{i(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:()=>r(!0),className:"choices-button choice"},n.createElement(T,{name:"whatsapp-choices"}),"Rate Support"),n.createElement(qO,{title:"Rate Support",isModalOpen:a,closeModal:()=>r(!1)},m.current.map(((e,t)=>n.createElement("div",{className:"option-row"},n.createElement("button",{onClick:()=>{i(e),r(!1)}},Array.from({length:e},((e,t)=>n.createElement(T,{name:"whatsapp-star",id:`qus-${t}`})))," ","all"===c||"edges"===c&&(0===t||t===d.length-1)?n.createElement("span",null,d[e-1]):null))))))},GO=({question:e,saveFormValues:i,type:a})=>{const[r,o]=t.useState(!1);return n.createElement(n.Fragment,null,n.createElement("button",{onClick:()=>o(!0),className:"choices-button choice"},n.createElement(T,{name:"whatsapp-choices"}),"Select answer"),n.createElement(qO,{title:"Select a choice",isModalOpen:r,closeModal:()=>o(!1)},n.createElement("ul",{className:`choices multi-choice ${a}`},e.choices.map(((e,t)=>n.createElement("li",{className:"choice",style:{boxShadow:"none"},key:`${e}-${t}`},n.createElement("button",{onClick:()=>{i(e.id),o(!1)}},e.value)))))))},UO=e=>{const i=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])})(i.current,String(e.value)??""),t.useEffect((()=>{e.autoFocus&&i.current?.focus()}),[e.autoFocus]),n.createElement("div",{className:"textarea-container"},n.createElement("textarea",{placeholder:"Type a message",ref:i,rows:1,onChange:e.onChange,value:e.value}),n.createElement("button",{onClick:()=>{e.onSubmit(),i.current&&(i.current.value="")}},n.createElement(T,{name:"whatsapp-send"})))},XO=({text:e,placeholders:t,pivot:i,rangeToRender:a})=>n.createElement("div",{className:"question-text-container"},n.createElement("div",{className:"question-text",dangerouslySetInnerHTML:{__html:L({questionText:e,placeholders:t,npsRating:i?.answer,ratingLabel:j(i?.answer)?"":a?.find((e=>e?.value===String(i?.answer)))?.text??"",preference:i?.question.type_info?.scale_properties?.labels?.preference,isPreview:!0})},role:"heading","aria-level":1})),VO=({block:e,saveFormValues:t,type:i})=>{const{question_type:a}=e.question?.type_info;switch(a){case"RANGE":return n.createElement(ZO,{question:e.question,saveFormValues:e=>t(e,!0)});case"DROPDOWN":case"MULTI_CHOICE":case"MULTI_SELECT":return n.createElement(GO,{question:e.question,saveFormValues:e=>t(e,!0),type:i});case"PARAGRAPH":case"INPUT":return null;default:return console.error(`Question type ${a} not supported`),null}},YO=({config:e,placeholders:i,onSelect:a,promptAccepted:r,type:o})=>{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==r?"active":"")},n.createElement(XO,{text:e.text,placeholders:i}),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:()=>{a(Number(e.id))}},n.createElement(T,{name:Number(e.id)?"whatsapp-thumbs-up":"whatsapp-thumbs-down"}),e.value)))))),void 0!==r&&n.createElement("div",{className:"answers-container"},n.createElement("div",{className:"answers"},"whatsapp"===o&&n.createElement("div",{className:"reply-block"},n.createElement("p",{className:"user"},"Acme.inc"),n.createElement("p",{className:"question",dangerouslySetInnerHTML:{__html:L({questionText:e.text,placeholders:i})}})),n.createElement("div",{className:"answer-text"},n.createElement(T,{name:Number(r)?"whatsapp-thumbs-up":"whatsapp-thumbs-down"}),s.find((e=>e.id==r))?.value))),!1===r&&e.is_declined&&e.declined_message&&n.createElement("div",{className:"question-container"},n.createElement(XO,{text:e.declined_message,placeholders:i})))},KO=e=>{const{activeBlock:i,activeIndexOfBlocks:a,activeIndexOfRenderedBlocks:r,answers:o,saveFormValues:s,blocks:l,questions:u,renderedBlocks:d,onSubmitHandler:c,isSurveyCompleted:m,pivot:f}=_O(e),{type:h="whatsapp"}=e,{question_type:g}=i?.question.type_info??{},v=n.useMemo((()=>N(f?.question)),[f?.question]),y=t.useRef(null),[b,w]=t.useState(void 0);return t.useEffect((()=>{y.current&&y.current.scroll({top:1e4,behavior:"smooth"})}),[i,o,m]),i&&i.question?n.createElement("div",{className:`${h} whatsapp-container`},n.createElement("div",{className:"msg-container"},n.createElement("div",{className:"scroll-wrapper",ref:y},e.survey.prompt_settings?n.createElement(YO,{config:e.survey.prompt_settings,onSelect:e=>{w(1===e)},promptAccepted:b,placeholders:e.placeholders,type:h}):null,!e.survey.prompt_settings||b?d.map(((t,g)=>n.createElement(n.Fragment,null,n.createElement("div",{className:"question-container "+(m||g!==d.length-1?"":"active")},n.createElement(XO,{text:t.question.text,placeholders:e.placeholders,pivot:f,rangeToRender:v}),n.createElement(VO,{block:t,placeholders:e.placeholders,saveFormValues:(e,n)=>{s(t,e,n),setTimeout((()=>{!0===n&&lO({blocks:l,activeIndexOfBlocks:a,renderedBlocks:d,activeIndexOfRenderedBlocks:r,questions:u})&&c("COMPLETE")}))},type:h})),t.name===i.name&&!o.commitDirtyValue||p.isNil(o.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:L({questionText:t.question.text||"",placeholders:e.placeholders,npsRating:f?.answer,ratingLabel:p.isNil(f?.answer)?"":v?.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(o.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(o.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&&o.formValues[t.question.name]&&n.createElement("div",{className:"reply-block"},n.createElement("p",{className:"user"},"Acme.inc"),n.createElement("p",{className:"question",dangerouslySetInnerHTML:{__html:L({questionText:t.question.text||"",placeholders:e.placeholders,npsRating:f?.answer,ratingLabel:p.isNil(f?.answer)?"":v?.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(o.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(o.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===o.formValues[t.question.name]))?.value||o.formValues[t.question.name]))))):null,m&&n.createElement("div",{className:"question-container",id:"new"},n.createElement(XO,{text:uO({pivotQn:f?.question,pivotQnAnswer:f?.answer,block:e.survey.blocks?.find((e=>"TY"===e.name)),questions:u})?.text,placeholders:e.placeholders,pivot:f,rangeToRender:v})))),n.createElement(UO,{onChange:e=>{"PARAGRAPH"!==g||m||s(i,e.target.value)},value:"PARAGRAPH"===g&&!m&&o.formValues[i.question.name]?o.formValues[i.question.name]:"",activeBlock:!0,autoFocus:"PARAGRAPH"===g,onSubmit:()=>{s(i,null,!0),i.name===l[l.length-1].name&&c("COMPLETE")}})):null};exports.BUTTON_SIZE_VARIANTS={LARGE:"large",MINI:"mini",NORMAL:"normal"},exports.Binary=R,exports.Button=ii,exports.ChannelPreview=e=>{const{survey:t,answers:i}=rO(e.survey,e.answers);return"whatsapp"===e.channel?n.createElement(KO,{...e,survey:t,answers:i}):"instagram"===e.channel?n.createElement(KO,{type:"instagram",...e,survey:t,answers:i}):(console.error(`Channel ${e.channel} not supported`),null)},exports.Checkbox=Jn,exports.CheckboxGroup=Kn,exports.Dropdown=Vn,exports.Input=Un,exports.ProgressBar=ti,exports.Radio=ei,exports.RadioGroup=Qn,exports.Range=X,exports.RankOrder=Nr,exports.Slider=bo,exports.Survey=e=>{const{survey:t,answers:i}=rO(e.survey,e.answers),[a,r]=n.useState(!1);return n.useEffect((()=>{"undefined"!=typeof window&&r(window.matchMedia("(max-width: 550px)").matches),sessionStorage.removeItem("uploadedFile")}),[]),n.createElement(n.Fragment,null,"standard"===e.surveyStyle?n.createElement(NO,{...e,answers:i,survey:t,isMobile:a||!!e.isMobile,initialPivotAnswer:F(e.answers)?e.initialPivotAnswer:void 0}):n.createElement(RO,{...e,answers:i,survey:t,isMobile:a||!!e.isMobile,surveyStyle:"card",initialPivotAnswer:F(e.answers)?e.initialPivotAnswer:void 0}))},exports.SurveyFooter=xo,exports.SurveyProgress=({isSurveyCompleted:e,totalBlocks:t,completedText:i,activeIndexOfBlocks:a})=>{const r=e?t:a+(e?1:0),o=e?100:(r>0?100/t:0)*r;return n.createElement("div",{className:"survey-progress"},n.createElement("span",{className:"progress-completion"},o.toFixed(),"%  "),i||"survey completed",n.createElement(ti,{totalSteps:t,completedSteps:r}))},exports.TextArea=Xn,exports.WebInAppSurvey=e=>{const{survey:t,answers:i}=rO(e.survey,e.answers),[a,r]=n.useState(!1),[o,s]=n.useState(!1);return n.useEffect((()=>{"undefined"!=typeof window&&r(window.matchMedia("(max-width: 550px)").matches)}),[]),n.useEffect((()=>{"undefined"!=typeof window&&s(window.matchMedia("(max-width: 1080px)").matches)}),[]),n.createElement(HO,{...e,survey:t,answers:i,isMobile:a,surveyType:a?"compact":o?"default":e.surveyType})},exports.getEmailEmbedCodeForQuestion=e=>{const{emailEmbedChannelInfo:t,survey:n,question:i,collectorId:a,customDomain:r,disabled:o,publicSurveyUrl:s}=e,l=i?.type_info?.scale_properties?.labels?.preference,u=i?.type_info?.footer_text,d=Ao({collectorId:a,disabled:o,publicSurveyUrl:s,contact_fields:t?.contact_fields||[],customDomain:r,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 min-width : min(100%, 320px) !important;\n max-width : 612px !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||Po} !important;\n padding: 16px 8px 0 8px !important;\n font-weight: 400 !important;\n font-size: 16px !important;\n text-align: ${t?.align_center?"center":"left"} !important;\n "\n >${i?.text?.trim()}</td>\n ${t?.display?.show_button?`\n <tr>\n <td\n style="\n color: ${n?.ui_theme?.question_text_color||Po} !important;\n padding: 16px 8px 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=${d}\n target="_blank"\n style="\n pointer-events: ${o?"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 ${i?.type_info?.type_variant&&"RANGE"===i?.type_info?.question_type&&"all"!==l&&["NUMBER","EMOJI","STAR"].includes(i.type_info.type_variant)?(({emailEmbedChannelInfo:e,collectorId:t,survey:n,question:i,publicSurveyUrl:a,assetUrl:r,disabled:o,customDomain:s})=>{const l=So(i?.type_info?.scale_properties?.button_style?.shape||"square"),u=N(i||{name:""}),d=i?.type_info?.type_variant,c=u.length,m={3:10,4:8.5,5:8,6:7.5,7:7,8:6.5,9:6,10:5.5,11:5};return`\n <tr>\n <td\n style="\n padding: 16px 0 8px 0 !important;\n text-align: center !important;\n "\n >\n <table\n style="\n border-spacing: 0px !important;\n margin: 0 auto !important;\n width: ${{3:50,4:70,5:80,6:80,7:80,8:100,9:100,10:100,11:100}[c]}% !important;\n "\n >\n <tbody>\n <tr>\n ${u.map((p=>`\n <td\n style="\n padding: 0px !important;\n text-align: center !important;\n "\n >\n <a\n style="\n text-decoration: unset !important;\n pointer-events: ${o?"none":"unset"} !important;\n display: block !important;\n width: fit-content !important;\n margin: 0 auto !important;\n "\n href="${Ao({collectorId:t,disabled:o,publicSurveyUrl:a,contact_fields:e?.contact_fields||[],customDomain:s,initialPivotAnswer:`${p.position}`,surveyId:n?.id||""}).trim()}"\n target="_blank"\n >\n ${"NUMBER"===i?.type_info?.type_variant?`\n <div\n style="\n border-radius: ${l} !important;\n color: ${n?.ui_theme?.question_text_color||Mo} !important;\n background-color: ${To({position:p.position,question:i||{name:""}})} !important;\n font-size: min(${Co/3}px, ${m[c]/2}vw) !important;\n font-weight: 600 !important;\n width: min(44px, ${m[c]}vw) !important;\n height: min(44px, ${m[c]}vw) !important;\n line-height: min(44px, ${m[c]}vw) !important;\n "\n >${p.value}</div>`:""}\n ${i?.type_info?.type_variant&&["EMOJI","STAR"].includes(i?.type_info?.type_variant)?`\n <img\n src="${_o({position:p.position,assetUrl:r,max:u.length,type_variant:d})}"\n style="\n max-width: unset !important;\n width: min(44px, ${m[c]}vw) !important;\n height: min(44px, ${m[c]}vw) !important;\n display: block !important;\n "\n />`:""}\n </a>\n </td>`)).join("")}\n </tr>\n </tbody>\n </table>\n </td>\n </tr>`})(e):""}\n ${i?.type_info?.type_variant&&"RANGE"===i?.type_info?.question_type&&"all"===l&&["NUMBER","EMOJI","STAR"].includes(i.type_info.type_variant)?(({emailEmbedChannelInfo:e,collectorId:t,survey:n,question:i,assetUrl:a,publicSurveyUrl:r,customDomain:o,disabled:s})=>{const l=So(i?.type_info?.scale_properties?.button_style?.shape||"square"),u=N(i||{name:""}),d=i?.type_info?.type_variant;return`\n <tr>\n <td\n style="\n padding: 0 !important;\n text-align: center !important;\n "\n >\n ${u.map((c=>`\n <a\n style="\n text-decoration: unset !important;\n display: inline-block !important;\n min-width: 100px !important;\n width: 100px !important;\n vertical-align: top !important;\n padding: 0 !important;\n margin: 12px 6px !important;\n pointer-events: ${s?"none":"unset"} !important;\n "\n href="${Ao({collectorId:t,disabled:s,publicSurveyUrl:r,contact_fields:e?.contact_fields||[],customDomain:o,initialPivotAnswer:`${c.position}`,surveyId:n?.id||""}).trim()}"\n target="_blank"\n >\n <table\n style="\n border-spacing: 0 !important;\n margin: 0 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"===i?.type_info?.type_variant?`\n <div\n style="\n border-radius: ${l} !important;\n color: ${n?.ui_theme?.question_text_color||Mo} !important;\n background-color: ${To({position:c.position,question:i||{name:""}})} !important;\n font-size: 16px !important;\n font-weight: 600 !important;\n width: 44px !important;\n display: block !important;\n margin: 0 auto !important;\n height: 44px !important;\n line-height: 44px !important;\n "\n >${c.value}</div>\n `:""}\n ${i?.type_info?.type_variant&&["EMOJI","STAR"].includes(i?.type_info?.type_variant)?`\n <img\n src="${_o({position:c.position,assetUrl:a,max:u.length,type_variant:d})}"\n style="\n width: 44px !important;\n height: 44px !important;\n display: block !important;\n margin: 0 auto !important;\n "\n width="44px"\n height="44px"\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: ${Mo} !important;\n font-size: 12px !important;\n word-break: break-word !important;\n "\n >${c.text}</td>\n </tr>\n </tbody>\n </table>\n </a>`)).join("")}\n </td>\n </tr>`})(e):""}\n ${"RANGE"===i?.type_info?.question_type&&"TEXT"===i.type_info.type_variant?(({emailEmbedChannelInfo:e,collectorId:t,publicSurveyUrl:n,survey:i,question:a,disabled:r,customDomain:o})=>{const s=So(a?.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 ${N(a||{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: ${r?"none":"unset"} !important;\n "\n href="${Ao({collectorId:t,disabled:r,publicSurveyUrl:n,contact_fields:e?.contact_fields||[],customDomain:o,initialPivotAnswer:`${l.position}`,surveyId:i?.id||""}).trim()}"\n target="_blank"\n >\n <div\n style="\n border-radius: ${s} !important;\n color: ${i?.ui_theme?.question_text_color||Mo} !important;\n background-color: ${To({position:l.position,question:a||{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):""}\n ${"BOOLEAN"===i?.type_info?.question_type?(({emailEmbedChannelInfo:e,disabled:t,assetUrl:n,collectorId:i,survey:a,question:r,customDomain:o,publicSurveyUrl:s})=>{const l=r?.type_info?.type_variant,u=r?.type_info?.question_type,d=N(r||{name:""});let c=0;return d.forEach((e=>{e.text.length>c&&(c=e.text.length)})),`\n <tr>\n <td\n style="\n padding: 0 !important;\n text-align: center !important;\n "\n >\n ${d.map((r=>`\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*c+96}px !important;\n min-width: 140px !important;\n margin: 6px !important;\n border-radius: 5px !important;\n background-color: #f2f2f2 !important;\n color: ${a?.ui_theme?.question_text_color||Mo} !important;\n pointer-events: ${t?"none":"unset"} !important;\n "\n href="${Ao({collectorId:i,publicSurveyUrl:s,disabled:t,contact_fields:e?.contact_fields||[],customDomain:o,initialPivotAnswer:`${r.position}`,surveyId:a?.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="${_o({position:r.position,assetUrl:n,max:d.length,question_type:u,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 >${r.text}</span>\n </td>\n </tr>\n </tbody>\n </table>\n </a>`)).join("")}\n </td>\n </tr>`})(e):""}\n ${"RANGE"===i?.type_info?.question_type&&"edges"===l?(({question:e})=>{const t=N(e||{name:""});return`\n <tr>\n <td\n style="\n text-align: center !important;\n padding: 8px ${{3:8,4:7,5:6,6:5,7:4,8:0,9:0,10:0,11:0}[t.length]}vw !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: ${Mo} !important;\n font-size: 12px !important;\n "\n >${t[0].value} - ${t[0].text}</span>\n </td>\n <td style="text-align: right !important;">\n <span\n style="\n font-weight: 500 !important;\n color: ${Mo} !important;\n font-size: 12px !important;\n "\n >${t[t.length-1].value} - ${t[t.length-1].text}\n </span>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n `.trim()})({question:i}):""}\n `}\n ${u&&t?.show_footer?`\n <tr>\n <td\n style="\n color: ${n?.ui_theme?.question_text_color||Po} !important;\n padding: 16px 8px 0 8px !important;\n font-size: 12px !important;\n border-top: 1px solid ${$o} !important;\n text-align: center !important;\n "\n >${u}</td>\n </tr>`:""}\n ${t?.show_link?`\n <tr>\n <td\n style="\n color: ${n?.ui_theme?.question_text_color||Po} !important;\n padding: 16px 8px 0 8px !important;\n font-size: 12px !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: ${ko} !important;\n pointer-events: ${o?"none":"unset"} !important;\n word-break: break-all !important;\n "\n href=${o?"#":d}\n target="_blank"\n >\n ${Ao({collectorId:a,disabled:!1,publicSurveyUrl:s,contact_fields:t?.contact_fields||[],customDomain:r,initialPivotAnswer:"",surveyId:n?.id||""}).trim()}\n </a>\n </td>\n </tr>`:""}\n </tbody>\n </table>\n `};