freemium-survey-components 1.0.359 → 1.0.360
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.
- package/lib/index.cjs.js +1 -1
- package/lib/index.esm.js +1 -1
- package/package.json +1 -1
package/lib/index.cjs.js
CHANGED
|
@@ -24,4 +24,4 @@ const PO=({addFilter:e,utils:t})=>{const{Type:n,replaceInString:i,toNaturalFileS
|
|
|
24
24
|
* FilePondPluginFileValidateType 1.2.8
|
|
25
25
|
* Licensed under MIT, https://opensource.org/licenses/MIT/
|
|
26
26
|
* Please visit https://pqina.nl/filepond/ for details.
|
|
27
|
-
*/;const MO=({addFilter:e,utils:t})=>{const{Type:n,isString:i,replaceInString:a,guesstimateMimeType:r,getExtensionFromFilename:o,getFilenameFromURL:s}=t,l=(e,t)=>e.some((e=>{return/\*$/.test(e)?(n=e,(/^[^/]+/.exec(t)||[]).pop()===n.slice(0,-2)):e===t;var n})),u=(e,t,n)=>{if(0===t.length)return!0;const a=(e=>{let t="";if(i(e)){const n=s(e),i=o(n);i&&(t=r(i))}else t=e.type;return t})(e);return n?new Promise(((i,r)=>{n(e,a).then((e=>{l(t,e)?i():r()})).catch(r)})):l(t,a)};return e("SET_ATTRIBUTE_TO_OPTION_MAP",(e=>Object.assign(e,{accept:"acceptedFileTypes"}))),e("ALLOW_HOPPER_ITEM",((e,{query:t})=>!t("GET_ALLOW_FILE_TYPE_VALIDATION")||u(e,t("GET_ACCEPTED_FILE_TYPES")))),e("LOAD_FILE",((e,{query:t})=>new Promise(((n,i)=>{if(!t("GET_ALLOW_FILE_TYPE_VALIDATION"))return void n(e);const r=t("GET_ACCEPTED_FILE_TYPES"),o=t("GET_FILE_VALIDATE_TYPE_DETECT_TYPE"),s=u(e,r,o),l=()=>{const e=r.map((n=t("GET_FILE_VALIDATE_TYPE_LABEL_EXPECTED_TYPES_MAP"),e=>null!==n[e]&&(n[e]||e))).filter((e=>!1!==e));var n;const o=e.filter((function(t,n){return e.indexOf(t)===n}));i({status:{main:t("GET_LABEL_FILE_TYPE_NOT_ALLOWED"),sub:a(t("GET_FILE_VALIDATE_TYPE_LABEL_EXPECTED_TYPES"),{allTypes:o.join(", "),allButLastType:o.slice(0,-1).join(", "),lastType:o[e.length-1]})}})};if("boolean"==typeof s)return s?n(e):l();s.then((()=>{n(e)})).catch(l)})))),{options:{allowFileTypeValidation:[!0,n.BOOLEAN],acceptedFileTypes:[[],n.ARRAY],labelFileTypeNotAllowed:["File is of invalid type",n.STRING],fileValidateTypeLabelExpectedTypes:["Expects {allButLastType} or {lastType}",n.STRING],fileValidateTypeLabelExpectedTypesMap:[{},n.OBJECT],fileValidateTypeDetectType:[null,n.FUNCTION]}}};"undefined"!=typeof window&&void 0!==window.document&&document.dispatchEvent(new CustomEvent("FilePond:pluginloaded",{detail:MO}));be('/*!\n * FilePond 4.30.4\n * Licensed under MIT, https://opensource.org/licenses/MIT/\n * Please visit https://pqina.nl/filepond/ for details.\n */\n\n/* eslint-disable */\n.filepond--assistant{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--browser.filepond--browser{position:absolute;margin:0;padding:0;left:1em;top:1.75em;width:calc(100% - 2em);opacity:0;font-size:0}.filepond--data{position:absolute;width:0;height:0;padding:0;margin:0;border:none;visibility:hidden;pointer-events:none;contain:strict}.filepond--drip{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;opacity:.1;pointer-events:none;border-radius:.5em;background:rgba(0,0,0,.01)}.filepond--drip-blob{-webkit-transform-origin:center center;transform-origin:center center;width:8em;height:8em;margin-left:-4em;margin-top:-4em;background:#292625;border-radius:50%}.filepond--drip-blob,.filepond--drop-label{position:absolute;top:0;left:0;will-change:transform,opacity}.filepond--drop-label{right:0;margin:0;color:#4f4f4f;display:flex;justify-content:center;align-items:center;height:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filepond--drop-label.filepond--drop-label label{display:block;margin:0;padding:.5em}.filepond--drop-label label{cursor:default;font-size:.875em;font-weight:400;text-align:center;line-height:1.5}.filepond--label-action{text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;-webkit-text-decoration-color:#a7a4a4;text-decoration-color:#a7a4a4;cursor:pointer}.filepond--root[data-disabled] .filepond--drop-label label{opacity:.5}.filepond--file-action-button.filepond--file-action-button{font-size:1em;width:1.625em;height:1.625em;font-family:inherit;line-height:inherit;margin:0;padding:0;border:none;outline:none;will-change:transform,opacity}.filepond--file-action-button.filepond--file-action-button span{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--file-action-button.filepond--file-action-button svg{width:100%;height:100%}.filepond--file-action-button.filepond--file-action-button:after{position:absolute;left:-.75em;right:-.75em;top:-.75em;bottom:-.75em;content:""}.filepond--file-action-button{cursor:auto;color:#fff;border-radius:50%;background-color:rgba(0,0,0,.5);background-image:none;box-shadow:0 0 0 0 hsla(0,0%,100%,0);transition:box-shadow .25s ease-in}.filepond--file-action-button:focus,.filepond--file-action-button:hover{box-shadow:0 0 0 .125em hsla(0,0%,100%,.9)}.filepond--file-action-button[disabled]{color:hsla(0,0%,100%,.5);background-color:rgba(0,0,0,.25)}.filepond--file-action-button[hidden]{display:none}.filepond--action-edit-item.filepond--action-edit-item{width:2em;height:2em;padding:.1875em}.filepond--action-edit-item.filepond--action-edit-item[data-align*=center]{margin-left:-.1875em}.filepond--action-edit-item.filepond--action-edit-item[data-align*=bottom]{margin-bottom:-.1875em}.filepond--action-edit-item-alt{border:none;line-height:inherit;background:transparent;font-family:inherit;color:inherit;outline:none;padding:0;margin:0 0 0 .25em;pointer-events:all;position:absolute}.filepond--action-edit-item-alt svg{width:1.3125em;height:1.3125em}.filepond--action-edit-item-alt span{font-size:0;opacity:0}.filepond--file-info{position:static;display:flex;flex-direction:column;align-items:flex-start;flex:1;margin:0 .5em 0 0;min-width:0;will-change:transform,opacity;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filepond--file-info *{margin:0}.filepond--file-info .filepond--file-info-main{font-size:.75em;line-height:1.2;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}.filepond--file-info .filepond--file-info-sub{font-size:.625em;opacity:.5;transition:opacity .25s ease-in-out;white-space:nowrap}.filepond--file-info .filepond--file-info-sub:empty{display:none}.filepond--file-status{position:static;display:flex;flex-direction:column;align-items:flex-end;flex-grow:0;flex-shrink:0;margin:0;min-width:2.25em;text-align:right;will-change:transform,opacity;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filepond--file-status *{margin:0;white-space:nowrap}.filepond--file-status .filepond--file-status-main{font-size:.75em;line-height:1.2}.filepond--file-status .filepond--file-status-sub{font-size:.625em;opacity:.5;transition:opacity .25s ease-in-out}.filepond--file-wrapper.filepond--file-wrapper{border:none;margin:0;padding:0;min-width:0;height:100%}.filepond--file-wrapper.filepond--file-wrapper>legend{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--file{position:static;display:flex;height:100%;align-items:flex-start;padding:.5625em;color:#fff;border-radius:.5em}.filepond--file .filepond--file-status{margin-left:auto;margin-right:2.25em}.filepond--file .filepond--processing-complete-indicator{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:3}.filepond--file .filepond--file-action-button,.filepond--file .filepond--processing-complete-indicator,.filepond--file .filepond--progress-indicator{position:absolute}.filepond--file [data-align*=left]{left:.5625em}.filepond--file [data-align*=right]{right:.5625em}.filepond--file [data-align*=center]{left:calc(50% - .8125em)}.filepond--file [data-align*=bottom]{bottom:1.125em}.filepond--file [data-align=center]{top:calc(50% - .8125em)}.filepond--file .filepond--progress-indicator{margin-top:.1875em}.filepond--file .filepond--progress-indicator[data-align*=right]{margin-right:.1875em}.filepond--file .filepond--progress-indicator[data-align*=left]{margin-left:.1875em}[data-filepond-item-state*=error] .filepond--file-info,[data-filepond-item-state*=invalid] .filepond--file-info,[data-filepond-item-state=cancelled] .filepond--file-info{margin-right:2.25em}[data-filepond-item-state~=processing] .filepond--file-status-sub{opacity:0}[data-filepond-item-state~=processing] .filepond--action-abort-item-processing~.filepond--file-status .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-error] .filepond--file-status-sub{opacity:0}[data-filepond-item-state=processing-error] .filepond--action-retry-item-processing~.filepond--file-status .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing svg{-webkit-animation:fall .5s linear .125s both;animation:fall .5s linear .125s both}[data-filepond-item-state=processing-complete] .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-complete] .filepond--file-info-sub,[data-filepond-item-state=processing-complete] .filepond--processing-complete-indicator:not([style*=hidden])~.filepond--file-status .filepond--file-status-sub{opacity:0}[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing~.filepond--file-info .filepond--file-info-sub{opacity:.5}[data-filepond-item-state*=error] .filepond--file-wrapper,[data-filepond-item-state*=error] .filepond--panel,[data-filepond-item-state*=invalid] .filepond--file-wrapper,[data-filepond-item-state*=invalid] .filepond--panel{-webkit-animation:shake .65s linear both;animation:shake .65s linear both}[data-filepond-item-state*=busy] .filepond--progress-indicator svg{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes shake{10%,90%{-webkit-transform:translateX(-.0625em);transform:translateX(-.0625em)}20%,80%{-webkit-transform:translateX(.125em);transform:translateX(.125em)}30%,50%,70%{-webkit-transform:translateX(-.25em);transform:translateX(-.25em)}40%,60%{-webkit-transform:translateX(.25em);transform:translateX(.25em)}}@keyframes shake{10%,90%{-webkit-transform:translateX(-.0625em);transform:translateX(-.0625em)}20%,80%{-webkit-transform:translateX(.125em);transform:translateX(.125em)}30%,50%,70%{-webkit-transform:translateX(-.25em);transform:translateX(-.25em)}40%,60%{-webkit-transform:translateX(.25em);transform:translateX(.25em)}}@-webkit-keyframes fall{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}70%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes fall{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}70%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.filepond--hopper[data-hopper-state=drag-over]>*{pointer-events:none}.filepond--hopper[data-hopper-state=drag-over]:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:100}.filepond--progress-indicator{z-index:103}.filepond--file-action-button{z-index:102}.filepond--file-status{z-index:101}.filepond--file-info{z-index:100}.filepond--item{position:absolute;top:0;left:0;right:0;z-index:1;padding:0;margin:.25em;will-change:transform,opacity}.filepond--item>.filepond--panel{z-index:-1}.filepond--item>.filepond--panel .filepond--panel-bottom{box-shadow:0 .0625em .125em -.0625em rgba(0,0,0,.25)}.filepond--item>.filepond--file-wrapper,.filepond--item>.filepond--panel{transition:opacity .15s ease-out}.filepond--item[data-drag-state]{cursor:-webkit-grab;cursor:grab}.filepond--item[data-drag-state]>.filepond--panel{transition:box-shadow .125s ease-in-out;box-shadow:0 0 0 transparent}.filepond--item[data-drag-state=drag]{cursor:-webkit-grabbing;cursor:grabbing}.filepond--item[data-drag-state=drag]>.filepond--panel{box-shadow:0 .125em .3125em rgba(0,0,0,.325)}.filepond--item[data-drag-state]:not([data-drag-state=idle]){z-index:2}.filepond--item-panel{background-color:#64605e}[data-filepond-item-state=processing-complete] .filepond--item-panel{background-color:#369763}[data-filepond-item-state*=error] .filepond--item-panel,[data-filepond-item-state*=invalid] .filepond--item-panel{background-color:#c44e47}.filepond--item-panel{border-radius:.5em;transition:background-color .25s}.filepond--list-scroller{position:absolute;top:0;left:0;right:0;margin:0;will-change:transform}.filepond--list-scroller[data-state=overflow] .filepond--list{bottom:0;right:0}.filepond--list-scroller[data-state=overflow]{overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch;-webkit-mask:linear-gradient(180deg,#000 calc(100% - .5em),transparent);mask:linear-gradient(180deg,#000 calc(100% - .5em),transparent)}.filepond--list-scroller::-webkit-scrollbar{background:transparent}.filepond--list-scroller::-webkit-scrollbar:vertical{width:1em}.filepond--list-scroller::-webkit-scrollbar:horizontal{height:0}.filepond--list-scroller::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:99999px;border:.3125em solid transparent;background-clip:content-box}.filepond--list.filepond--list{position:absolute;top:0;margin:0;padding:0;list-style-type:none;will-change:transform}.filepond--list{left:.75em;right:.75em}.filepond--root[data-style-panel-layout~=integrated]{width:100%;height:100%;max-width:none;margin:0}.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root,.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root{border-radius:0}.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root>*,.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root>*{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--drop-label,.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label{bottom:0;height:auto;display:flex;justify-content:center;align-items:center;z-index:7}.filepond--root[data-style-panel-layout~=circle] .filepond--item-panel,.filepond--root[data-style-panel-layout~=integrated] .filepond--item-panel{display:none}.filepond--root[data-style-panel-layout~=compact] .filepond--list-scroller,.filepond--root[data-style-panel-layout~=integrated] .filepond--list-scroller{overflow:hidden;height:100%;margin-top:0;margin-bottom:0}.filepond--root[data-style-panel-layout~=compact] .filepond--list,.filepond--root[data-style-panel-layout~=integrated] .filepond--list{left:0;right:0;height:100%}.filepond--root[data-style-panel-layout~=compact] .filepond--item,.filepond--root[data-style-panel-layout~=integrated] .filepond--item{margin:0}.filepond--root[data-style-panel-layout~=compact] .filepond--file-wrapper,.filepond--root[data-style-panel-layout~=integrated] .filepond--file-wrapper{height:100%}.filepond--root[data-style-panel-layout~=compact] .filepond--drop-label,.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label{z-index:7}.filepond--root[data-style-panel-layout~=circle]{border-radius:99999rem;overflow:hidden}.filepond--root[data-style-panel-layout~=circle]>.filepond--panel{border-radius:inherit}.filepond--root[data-style-panel-layout~=circle]>.filepond--panel>*{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--file-info,.filepond--root[data-style-panel-layout~=circle] .filepond--file-status{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--action-edit-item{opacity:1!important;visibility:visible!important}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.filepond--root[data-style-panel-layout~=circle]{will-change:transform}}}.filepond--panel-root{border-radius:.5em;background-color:#f1f0ef}.filepond--panel{position:absolute;left:0;top:0;right:0;margin:0;height:100%!important;pointer-events:none}.filepond-panel:not([data-scalable=false]){height:auto!important}.filepond--panel[data-scalable=false]>div{display:none}.filepond--panel[data-scalable=true]{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;background-color:transparent!important;border:none!important}.filepond--panel-bottom,.filepond--panel-center,.filepond--panel-top{position:absolute;left:0;top:0;right:0;margin:0;padding:0}.filepond--panel-bottom,.filepond--panel-top{height:.5em}.filepond--panel-top{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-bottom:none!important}.filepond--panel-top:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:-1px;background-color:inherit}.filepond--panel-bottom,.filepond--panel-center{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:translate3d(0,.5em,0);transform:translate3d(0,.5em,0)}.filepond--panel-bottom{border-top-left-radius:0!important;border-top-right-radius:0!important;border-top:none!important}.filepond--panel-bottom:before{content:"";position:absolute;height:2px;left:0;right:0;top:-1px;background-color:inherit}.filepond--panel-center{height:100px!important;border-top:none!important;border-bottom:none!important;border-radius:0!important}.filepond--panel-center:not([style]){visibility:hidden}.filepond--progress-indicator{position:static;width:1.25em;height:1.25em;color:#fff;margin:0;pointer-events:none;will-change:transform,opacity}.filepond--progress-indicator svg{width:100%;height:100%;vertical-align:top;transform-box:fill-box}.filepond--progress-indicator path{fill:none;stroke:currentColor}.filepond--list-scroller{z-index:6}.filepond--drop-label{z-index:5}.filepond--drip{z-index:3}.filepond--root>.filepond--panel{z-index:2}.filepond--browser{z-index:1}.filepond--root{box-sizing:border-box;position:relative;margin-bottom:1em;font-size:1rem;line-height:normal;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:450;text-align:left;text-rendering:optimizeLegibility;direction:ltr;contain:layout style size}.filepond--root *{box-sizing:inherit;line-height:inherit}.filepond--root :not(text){font-size:inherit}.filepond--root[data-disabled]{pointer-events:none}.filepond--root[data-disabled] .filepond--list-scroller{pointer-events:all}.filepond--root[data-disabled] .filepond--list{pointer-events:none}.filepond--root .filepond--drop-label{min-height:4.75em}.filepond--root .filepond--list-scroller{margin-top:1em;margin-bottom:1em}.filepond--root .filepond--credits{position:absolute;right:0;opacity:.175;line-height:.85;font-size:11px;color:inherit;text-decoration:none;z-index:3;bottom:-14px}.filepond--root .filepond--credits[style]{top:0;bottom:auto;margin-top:14px}');be(".PinturaModal {\n z-index: 2147483648 !important;\n}\n\n.freemium-survey-components .file-upload-container {\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 box-shadow: 0px 12px 15px 0px rgba(18, 52, 77, 0.0509803922);\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: 10px;\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: 1.5;\n}\n.freemium-survey-components .file-upload-container.errored {\n border: 2px dashed var(--file-upload-error-border-color);\n}\n.freemium-survey-components .filepond--item {\n height: 200px !important;\n}\n.freemium-survey-components .filepond--item[data-filepond-item-state=load-invalid] {\n display: none;\n}\n.freemium-survey-components .filepond--item.filepond--item-error .filepond--image-preview {\n display: block !important;\n}\n.freemium-survey-components .file-upload-container {\n visibility: visible;\n}\n.freemium-survey-components .file-error {\n color: var(--text-danger);\n font-size: 12px;\n font-weight: 600;\n text-align: left;\n display: flex;\n align-items: start;\n}\n.freemium-survey-components .file-error span {\n line-height: 1.5;\n display: inline-block;\n width: 100%;\n line-break: anywhere;\n margin-left: 5px;\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(PO,MO,Sv,kO),Zj(Gj,Xj,Uj,Vj);const $O=t.forwardRef((({onClick:e,maxFileSize:i=16,visible:a=!0,supportedFileFormats:r,translationVariables:o,fileErrors:s},l)=>{const[u,d]=t.useState(!1),c=o?.drop_your_file?o?.drop_your_file:n.createElement(n.Fragment,null,"Drop your file here, or Browse");return n.createElement("div",{ref:l,className:"file-upload-container "+(s?.current?.main?"errored":""),onClick:e,style:{visibility:a?"visible":"hidden"},onDragOver:e=>{e.preventDefault(),e.target.classList.add("push-backward")}}," ",n.createElement(ge,{name:"file-upload-icon"}),"string"!=typeof c?n.createElement("p",null,c):n.createElement("p",{className:"drop-your-file-container",dangerouslySetInnerHTML:{__html:c}}),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,u?r:r.slice(0,20)," ",n.createElement("span",{onClick:()=>d(!u),style:{color:"#2C5CC5",textDecoration:"underline",cursor:"pointer"}},u?o?.show_less||"Show less":o?.show_more||"Show more")):"No formats selected"),n.createElement("div",{className:"filepond--drip"}))})),CO=({question:e,onChangeHandler:i,onFileUpload:a,setErrors:r,errors:o,translationVariables:s,surveyServAssetUrl:l,value:u})=>{const[c,m]=t.useState([]),[p,f]=t.useState([]),h=t.useRef(),g=e.type_info?.file_field?.max_file_size||10,v=t.useRef(null),y=t.useRef(),[b,w]=t.useState(!1);let x=!1;n.useEffect((()=>{const t=sessionStorage.getItem(`uploadedFile-${e?.name}`),n=t?JSON.parse(t):"";n?.source&&(n.options={...n.options,file:{name:u,size:n.fileSize}},u&&m([n]))}),[]);const k=async(t,n)=>{try{if(x)return;if(y.current&&_(v.current)||t){const r=t??y.current.getFiles()?.[0]?.file;if(r&&a){x=!0;const t=await a(r.type,r.size,r.name,e);if(n&&n(!0,50,100),t.startsWith("http")&&l){const n=await fetch(t,{method:"PUT",headers:{"Content-Type":r.type,"Content-Disposition":"attachment"},body:r}),a=new URL(t),o=`${l}${a.pathname}`;if(!n.ok)throw console.error("Error uploading file"),new Error("Error uploading file");sessionStorage.setItem(`uploadedFile-${e?.name}`,JSON.stringify({source:o,options:{type:"local"},fileSize:y.current.getFiles()?.[0]?.fileSize})),i(r.name)}else i(null),console.error("Error fetching pre-signed url");x=!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 t=e.type_info?.file_field?.allowed_file_types,n=Object.keys(E).map((e=>{if((t||[]).includes(e))return E[e].concat(",")})).join(" ").trim().slice(0,-1);f(n.split(", "))})()}),[]),n.createElement(n.Fragment,null,n.createElement(d.FilePond,{ref:y,files:c,labelFileProcessing:s?.uploading_text??"Uploading..",labelFileProcessingComplete:s?.upload_complete??"Upload complete",labelMaxFileSizeExceeded:s?.file_too_large??"The file is too large and cannot be uploaded.",labelMaxFileSize:"",labelTapToCancel:"",labelTapToUndo:"",labelFileTypeNotAllowed:s?.invalid_type??"The file mismatch. Retry by uploading the supported file type.",fileValidateTypeLabelExpectedTypes:"",beforeAddFile:e=>(v.current?.main&&(v.current=null,r({...o,fileUploadErrors:{}}),m([e]),w(!0)),!0),onremovefile:()=>{b?w(!1):(m([]),r({...o,fileUploadErrors:{}}),v.current=null,i(null))},allowReplace:!0,server:{process:async(e,t,n,i,a,r)=>{r(!0,0,100);try{await k(t,r),r(!0,100,100),i(t.name)}catch(e){a("An error occurred during upload")}}},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});k(a)},n.readAsArrayBuffer(t)},onerror:t=>{console.log("file upload error",t),v.current=t,r({...o,fileUploadErrors:{[e.name]:t}})},required:!0,credits:!1,allowFileTypeValidation:!0,acceptedFileTypes:p,fileValidateTypeDetectType:(e,t)=>new Promise(((t,n)=>{const i=e.name.split(".");t(`.${i[i.length-1].toLowerCase()}`)})),imageEditor:{legacyDataToImageState:SI,createEditor:aO,imageReader:[Bj,{}],imageWriter:[qj,{}],imageProcessor:A$,imageEditorAfterWriteImage:({src:e,dest:t,imageState:n})=>new Promise(((i,a)=>{A$(e,{imageReader:Bj(),imageWriter:qj({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:jv,apply:Kv},shapePreprocessor:rO(),...Yj,...Kj,...Hj,locale:{...Jj,...eO,...nO,...tO,...iO,...Qj}}},allowFileSizeValidation:!0,maxFileSize:`${g}MB`,onupdatefiles:e=>{h.current?.classList.remove("push-backward"),e.length&&m(e)},maxFiles:1,name:`${e.id}-files`}),n.createElement($O,{ref:h,onClick:e=>{const t=e.target;"path"!==t?.tagName&&"P"!==t?.tagName&&(!t?.className||t?.className instanceof SVGAnimatedString||t.className.includes("format-type-toggler"))||y.current.browse()},fileErrors:v,visible:Boolean(!c.length||v.current?.main),maxFileSize:g,translationVariables:{...s,tTimeZones:[{id:"",offset:"",timeZone:""}]},supportedFileFormats:p}),v?.current?.main&&n.createElement("div",{className:"file-error"},n.createElement(ge,{name:"info"}),n.createElement("span",null,`${v?.current?.main}\n ${v.current?.sub}`)))};be('.freemium-survey-components .input-container {\n align-items: flex-start;\n margin-bottom: 15px;\n}\n.freemium-survey-components .form-field-input {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n}\n.freemium-survey-components .form-field-input .form-inp {\n width: 45%;\n}\n.freemium-survey-components .form-field-input .date-time-field {\n width: 45%;\n}\n.freemium-survey-components .form-inp .input-basic {\n border: 1px solid #cfd7df;\n box-shadow: none;\n}\n.freemium-survey-components .form-inp .input-basic .input-basic:hover {\n border-color: #cfd7df;\n}\n.freemium-survey-components .form-inp .input-basic .input-basic[focus-within] {\n border-color: #cfd7df;\n}\n.freemium-survey-components .form-inp .input-basic .input-basic:focus-within {\n border-color: #cfd7df;\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 font-weight: 500;\n font-size: 0.95em;\n padding-left: 2px;\n color: #d72d30;\n}\n\n.freemium-survey-components.mobile-preview .form-field-input {\n flex-direction: column;\n}\n.freemium-survey-components.mobile-preview .form-inp {\n width: 100%;\n}\n.freemium-survey-components.mobile-preview .input-container {\n width: 100%;\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components .form-field-input {\n flex-direction: column;\n }\n .freemium-survey-components .form-inp {\n width: 100%;\n }\n .freemium-survey-components .input-container {\n width: 100%;\n }\n}\n.widget-survey-components.compact-style .form-field-input {\n flex-direction: column;\n}\n.widget-survey-components.compact-style .form-inp {\n width: 100%;\n}\n.widget-survey-components.compact-style .input-container {\n width: 100%;\n}');const EO=({question:e,autoFocusDelay:t,onChangeHandler:i,isRequired:a,formValues:r,fieldErrors:o,language:s})=>{const l=e.type_info?.form_fields?.layout,u=e.type_info?.form_fields?.fields;return n.createElement(n.Fragment,null,n.createElement("div",{className:"HORIZONTAL"===l?"form-field-input":""},u?.map(((a,l)=>n.createElement(n.Fragment,null,"DATE"!==a?.type&&"DATE_TIME"!==a?.type?n.createElement("div",{className:"form-inp"},n.createElement(Pi,{key:l,setFocus:0===l,autoFocusDelay:t,onKeyDown:e=>{"PHONE"===a?.type&&j(e),"NUMBER"===a?.type&&z(e)},label:a?.label||"",type:"NUMBER"===a?.type?"number":"text",isRequired:!!a.required,value:a.id&&r[e.name]?.[a.id]||"",onChange:t=>{a.id&&i({...r[e.name],[a.id]:t.target.value||null})},isErrored:!(!a.id||!r?.[e.name]?.[a.id])&&!!o?.[a?.id||""],errorText:a.id&&r[e.name]?.[a.id]?o?.[a?.id]:""})):n.createElement("div",{className:"date-time-field"},n.createElement("span",{className:"date-time-label "+(a.required?"required":"")},a?.label||""),n.createElement(sv,{allow_future_date:!1,language:s,date_time_format:"DATE_TIME"===a?.type?"dd-MM-yyyy":"MMM dd,yyyy",is_24hrs_time_format:!1,question_format:a?.type||"DATE",question:e,onValueChange:i,formValues:r,value:a?.id&&r[e?.name]?.[a?.id]||"",field:a,type:"FORM_FIELD"})))))))};be(".freemium-survey-components .matrix-container {\n width: 100%;\n overflow: auto;\n max-height: 300px;\n}\n.freemium-survey-components .matrix-container::-webkit-scrollbar {\n -webkit-appearance: none;\n width: 6px;\n height: 6px;\n}\n.freemium-survey-components .matrix-container::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background: #ebeff3;\n}\n.freemium-survey-components .matrix-container .checkbox-label,\n.freemium-survey-components .matrix-container .radio-label {\n border: unset;\n min-width: unset;\n padding: unset;\n display: inline-flex;\n}\n.freemium-survey-components .matrix-container table.st-mt-table,\n.freemium-survey-components .matrix-container th.st-mt-th,\n.freemium-survey-components .matrix-container td.st-mt-td,\n.freemium-survey-components .matrix-container tr.st-mt-tr {\n padding: 0;\n margin: 0;\n}\n.freemium-survey-components .matrix-container table.st-mt-table {\n border-spacing: 0;\n border-radius: 4px;\n margin: 0;\n width: 100%;\n}\n.freemium-survey-components .matrix-container th.st-mt-th {\n color: #12344d;\n text-align: center;\n font-size: 12px;\n font-weight: 500;\n padding: 12px 24px;\n background-color: white;\n}\n.freemium-survey-components .matrix-container th.m-s-b-s-q-m-s-th-empty {\n z-index: 2;\n position: sticky;\n top: 0;\n left: 0;\n background-color: white;\n border: 1px solid rgb(242, 242, 242);\n}\n.freemium-survey-components .matrix-container th.m-s-b-s-q-m-s-th {\n border-right: 1px solid rgb(242, 242, 242);\n border-top: 1px solid rgb(242, 242, 242);\n border-bottom: 1px solid rgb(242, 242, 242);\n z-index: 1;\n position: sticky;\n top: 0;\n}\n.freemium-survey-components .matrix-container th.m-s-b-s-q-m-s-input,\n.freemium-survey-components .matrix-container td.m-s-b-s-q-m-s-input {\n position: sticky;\n left: 0;\n z-index: 1;\n background-color: white;\n padding: 12px;\n}\n.freemium-survey-components .matrix-container td.m-s-b-s-q-m-s-input {\n border-right: 1px solid rgb(242, 242, 242);\n border-bottom: 1px solid rgb(242, 242, 242);\n border-left: 1px solid rgb(242, 242, 242);\n font-size: 12px;\n font-weight: 500;\n line-height: 20px;\n text-align: left;\n min-width: 240px;\n max-width: 300px;\n word-wrap: break-word;\n}\n.freemium-survey-components .matrix-container td.m-s-b-s-q-m-s-switch {\n text-align: center;\n padding: 12px 24px;\n min-width: 100px;\n border-bottom: 1px solid rgb(242, 242, 242);\n border-right: 1px solid rgb(242, 242, 242);\n}\n.freemium-survey-components .matrix-container td.m-s-b-s-q-m-s-switch .radio,\n.freemium-survey-components .matrix-container td.m-s-b-s-q-m-s-switch .checkbox {\n margin-right: unset;\n}\n.freemium-survey-components .matrix-container td.m-s-b-s-q-m-s-switch div:first-child {\n width: -moz-fit-content;\n width: fit-content;\n margin: 0 auto;\n}");const SO=e=>{const{type_info:{matrix_properties:t},onChangeHandler:i,value:a}=e;return n.createElement("div",{className:"matrix-container","data-test-input":"matrix"},n.createElement("table",{className:"st-mt-table"},n.createElement("thead",{className:"st-mt-thead"},n.createElement("tr",{className:"st-mt-tr"},n.createElement("th",{className:"m-s-b-s-q-m-s-th-empty st-mt-th"}),t?.rating_labels?.map(((e,t)=>{if(e.is_active)return n.createElement("th",{key:e.id,className:"m-s-b-s-q-m-s-th st-mt-th"},e.text)})))),n.createElement("tbody",{className:"st-mt-tbody"},t?.statements?.map(((e,r)=>{if(e.is_active)return n.createElement("tr",{key:e.id,className:"m-s-b-s-q-m-s-tr-hover st-mt-tr"},n.createElement("td",{className:"m-s-b-s-q-m-s-input st-mt-td"},e.text),t?.rating_labels?.map(((o,s)=>{if(!o.is_active)return;const l=a?.find((t=>t?.statement_id===e?.id));return n.createElement("td",{key:o.id,className:"m-s-b-s-q-m-s-switch st-mt-td"},"SINGLE_ANSWER"===t?.type&&n.createElement(_i,{key:o.id||`${r}-key-${s}`,name:`q-m-s-radio-${r}-key-${s}`,checked:!!l?.rating_labels?.find((e=>e?.id===o?.id)),value:o.id||"",onChange:()=>{e?.id&&o?.id&&i(l?.statement_id?[...a||[]].map((e=>e?.statement_id===l?.statement_id?{...l,rating_labels:[{id:o.id||"",text:o?.text||""}]}:e)):[...a||[],{statement_id:e.id,rating_labels:[{id:o.id,text:o?.text||""}]}])}},""),"MULTIPLE_ANSWERS"===t?.type&&n.createElement(Si,{key:o.id||`${r}-key-${s}`,name:`q-m-s-checkbox-${r}-key-${s}`,checked:!!l?.rating_labels?.find((e=>e?.id===o?.id)),onChange:(t,n)=>{e?.id&&o?.id&&i(l?.statement_id?[...a||[]].map((e=>e.statement_id===l.statement_id?{...l,rating_labels:n?[...l.rating_labels||[],{id:o.id||"",text:o?.text||""}]:(l.rating_labels||[]).filter((e=>e?.id!==o.id))}:e)):[...a||[],{statement_id:e.id,rating_labels:[{id:o.id,text:o?.text||""}]}])}},""))})))})))))};be("@keyframes animate-fade {\n 0% {\n opacity: 0;\n transform: scale(0.8, 0.8);\n }\n 100% {\n opacity: 1;\n transform: scale(1, 1);\n }\n}\n.freemium-survey-components .custom-fade {\n animation-duration: 0.2s;\n animation-name: animate-fade;\n animation-fill-mode: backwards;\n}\n.freemium-survey-components .matrix-wd-container {\n height: 100%;\n display: flex;\n flex-direction: column;\n text-align: left;\n}\n.freemium-survey-components .matrix-wd-container .matrix-st-count {\n color: #12344d;\n font-size: 12px;\n font-weight: 500;\n line-height: 22px;\n opacity: 0.3;\n margin-bottom: 4px;\n}\n.freemium-survey-components .matrix-wd-container .matrix-st-text {\n color: #12344d;\n font-size: 14px;\n font-weight: 500;\n line-height: 23px;\n margin-bottom: 12px;\n word-wrap: break-word;\n}\n.freemium-survey-components .matrix-wd-container .matrix-st-labels {\n display: flex;\n grid-gap: 8px;\n gap: 8px;\n flex: 1;\n overflow: auto;\n}\n.freemium-survey-components .matrix-wd-container .wd-style-default {\n flex-wrap: wrap;\n flex-direction: row;\n}\n.freemium-survey-components .matrix-wd-container .wd-style-cozy {\n flex-wrap: wrap;\n flex-direction: row;\n}\n.freemium-survey-components .matrix-wd-container .wd-style-compact,\n.freemium-survey-components .matrix-wd-container .mt-mobile {\n flex-wrap: nowrap;\n flex-direction: column;\n}\n.freemium-survey-components .matrix-wd-container .m-s-b-s-q-m-s-switch {\n color: #333;\n font-weight: 400;\n padding: 6px;\n}\n.freemium-survey-components .matrix-wd-container .checkbox-label,\n.freemium-survey-components .matrix-wd-container .radio-label {\n border: unset;\n min-width: unset;\n padding: unset;\n display: inline-flex;\n font-size: 14px;\n}");const TO=e=>{const{type_info:{matrix_properties:t},onChangeHandler:i,isMobile:a,statementIndex:r,value:o,widgetStyle:s}=e,l=n.useMemo((()=>(t?.statements||[]).find(((e,t)=>t===r))),[r]),u=n.useMemo((()=>o?.find((e=>e?.statement_id===l?.id))),[l,o]);return n.createElement("div",{className:"matrix-wd-container","data-test-input":"matrix"},n.createElement("div",{className:"matrix-st-count"},`${r+1}/${(t?.statements||[]).length}`),n.createElement("div",{className:"matrix-st-text custom-fade"},l?.text),n.createElement("div",{className:`matrix-st-labels ${a?"mt-mobile":""} wd-style-${s}`.trim()},t?.rating_labels?.map(((e,a)=>{if(!e.is_active)return;const r=!!u?.rating_labels?.find((t=>t?.id===e?.id));return n.createElement("div",{key:`${e.id}-${l?.id||"cs"}`,className:"m-s-b-s-q-m-s-switch custom-fade",style:{animationDelay:u?.statement_id?"unset":(a+1)/25+"s"}},"SINGLE_ANSWER"===t?.type&&n.createElement(_i,{key:e.id||`key-${a}`,name:`q-m-s-radio-key-${a}`,checked:r,value:e.id||"",onChange:()=>{l?.id&&e?.id&&i(u?.statement_id?[...o||[]].map((t=>t?.statement_id===u?.statement_id?{...u,rating_labels:[{id:e.id||"",text:e?.text||""}]}:t)):[...o||[],{statement_id:l.id,rating_labels:[{id:e.id,text:e?.text||""}]}])}},e.text||""),"MULTIPLE_ANSWERS"===t?.type&&n.createElement(Si,{key:e.id||`key-${a}`,name:`q-m-s-checkbox-key-${a}`,checked:r,onChange:(t,n)=>{if(l?.id&&e?.id){const t=u?.statement_id?[...o||[]].map((t=>t.statement_id===u.statement_id?{...u,rating_labels:n?[...u.rating_labels||[],{id:e.id||"",text:e?.text||""}]:(u.rating_labels||[]).filter((t=>t?.id!==e.id))}:t)):[...o||[],{statement_id:l.id,rating_labels:[{id:e.id,text:e?.text||""}]}];i(t)}}},e.text||""))}))))},_O=({question:e,autoFocusDelay:t,formValues:i,onChangeHandler:a})=>{const r=e?.type_info?.number_field?.decimal,o=e?.type_info?.number_field?.decimal_point,s=r?2===o?"0.01":"0.1":"1",[l,u]=n.useState(""),d=n.useMemo((()=>{const e=["+","-","e","E"];return r||e.push("."),e}),[r]);return n.createElement("div",{className:"responsive-input-field"},n.createElement(Pi,{autoFocusDelay:t,label:"",isRequired:!!e.required,value:i[e.name]||"",type:"number",step:s,placeholder:e?.type_info?.meta?.placeholder??"",onKeyDown:e=>d.includes(e.key)&&e.preventDefault(),onChange:e=>{const t=new RegExp(`^[0-9]*.[0-9]{${r?`0,${Number(o)}`:0}}$`);if(""===e.target.value)u("");else if(!t.test(e.target.value))return;(e=>{if(e.startsWith(".")&&r){const t=Number(e);a(`${t}`)}else a(e)})(e.target.value)},setFocus:!0,maxLength:18}))},AO=({question:e,autoFocusDelay:t,formValues:i,onChangeHandler:a,textboxErrors:r,setFocus:o})=>{const s=e?.type_info?.text_field?.text_type;return n.createElement("div",{className:"responsive-input-field"},n.createElement(Pi,{startAdornment:s&&"TEXT"!==s&&n.createElement("div",{style:{paddingLeft:"8px",display:"grid"}},n.createElement(ge,{name:(e=>{switch(e){case"PHONE":return"phone";case"EMAIL":return"email";case"URL":return"url";default:return""}})(s)})),setFocus:o,autoFocusDelay:t,onKeyDown:e=>{"PHONE"===s&&j(e)},label:"",isRequired:!!e.required,value:i[e.name]||"",isErrored:!!r[e.name],errorText:r[e.name]||"",placeholder:e?.type_info?.meta?.placeholder??"",onChange:e=>a(e.target.value),maxLength:50}))},IO=({survey:e,question:t,formValues:i,othersMeta:a,onChangeHandler:r,saveOthersValue:o,autoFocusDelay:s,isFinalQn:l,isWidget:u,isMobile:d,initialPivotAnswer:c,initialQuestionAnswer:m,isInitialTransition:p,formQuestionErrors:f,contactFormErrors:h,activeIndexOfRenderedStatement:g=0,textboxQuestionErrors:v,fileUploadErrors:y,onFileUpload:b,widgetStyle:w="default",setErrors:x,translationVariables:k,surveyServAssetUrl:P})=>{const M=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(TO,{type_info:t?.type_info||{},onChangeHandler:e=>{r(e?.filter((e=>(e.rating_labels||[]).length>0)))},isMobile:d,value:i[t.name]||[],statementIndex:g,widgetStyle:w}),M);switch(t?.type_info?.question_type){case"MATRIX_RATING_SCALE":return n.createElement(n.Fragment,null,n.createElement(SO,{type_info:t?.type_info||{},onChangeHandler:e=>{r(e?.filter((e=>(e.rating_labels||[]).length>0)))},value:i[t.name]||[]}),M);case"RANGE":return n.createElement(n.Fragment,null,n.createElement(Me,{question:t,onChangeHandler:r,isWidget:u,isMobile:d,widgetStyle:w,value:i[t.name],initialPivotAnswer:c,isInitialTransition:p}),M);case"CHECKBOX":case"MULTI_SELECT":return n.createElement(n.Fragment,null,n.createElement(Ei,{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:k}),M);case"RADIO":case"DROPDOWN":return n.createElement(n.Fragment,null,n.createElement(Ti,{autoFocusDelay:s,name:t.name,onChangeHandler:r,initialQuestionAnswer:m,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:k}),M);case"TEXT":return n.createElement(n.Fragment,null,n.createElement(AO,{question:t,autoFocusDelay:s,formValues:i,onChangeHandler:r,textboxErrors:v||"",setFocus:!0}),M);case"NUMBER":return n.createElement(n.Fragment,null,n.createElement(_O,{question:t,autoFocusDelay:s,formValues:i,onChangeHandler:r}),M);case"FORM_FIELD":return n.createElement(n.Fragment,null,n.createElement(EO,{question:t,isRequired:!!t.required,autoFocusDelay:s,onChangeHandler:r,formValues:i,fieldErrors:f?.[t.name]||{},language:e?.language||"en"}),M);case"CONTACT_FORM":return n.createElement(n.Fragment,null,n.createElement(lv,{question:t,autoFocusDelay:s,onChangeHandler:r,formValues:i,fieldErrors:h?.[t.name]||{}}),M);case"PARAGRAPH":return n.createElement(n.Fragment,null,n.createElement(Mi,{autoFocusDelay:s,label:"",isRequired:!!t.required,placeholder:t?.type_info?.meta?.placeholder??"",value:i[t.name]||"",onChange:e=>r(e.target.value)}),M);case"BOOLEAN":return n.createElement(n.Fragment,null,n.createElement(xe,{type_info:t?.type_info,onSelect:r,value:i[t.name],initialPivotAnswer:c,isInitialTransition:p}),M);case"MESSAGE":return M;case"CONSENT":return n.createElement(n.Fragment,null,n.createElement(ds,{question:t,onChange:r,value:i[t.name]}),M);case"SLIDER":const g=t?.type_info.meta?.slider;return n.createElement(n.Fragment,null,n.createElement(Vo,{defaultValue:[i[t.name]??g?.opening_position],min:g?.min,max:g?.max,onValueChange:([e])=>r(e),isInput:g?.numerical_input_box,gridLines:g?.grid_lines,stopAtGrid:g?.stop_at_grid_lines,allowDecimals:g?.allow_decimal,decimalPoints:g?.decimal_points,isMobile:d||"compact"===w}),M);case"RANK_ORDER":return n.createElement(n.Fragment,null,n.createElement(ho,{valueItems:i[t.name],items:t?.choices||[],onReorder:r}),M);case"DATE_TIME":return n.createElement(n.Fragment,null,n.createElement(sv,{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:k,language:e?.language||"en"}),M);case"FILE":return n.createElement(CO,{errors:y,setErrors:x,onChangeHandler:r,question:t,onFileUpload:b,value:i[t.name]||"",translationVariables:k,surveyServAssetUrl:P});default:return console.error(`Question type ${t?.type_info?.question_type} not found`),null}};be(':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 div.page-container {\n max-width: 800px;\n margin: 24px auto;\n padding: 0 16px;\n}\n.freemium-survey-components.card-survey-style div.page-container .page-title p {\n font-size: 20px;\n font-weight: 600;\n line-height: 24px;\n text-align: left;\n margin-bottom: 8px;\n}\n.freemium-survey-components.card-survey-style div.page-container .page-description p {\n font-size: 14px;\n font-weight: 400;\n line-height: 22px;\n text-align: left;\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: 800px;\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: 800px;\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: 700;\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 RO=({surveyServAssetUrl:e,thankYouQuestion:i,preview:a,placeholders:r,canResubmit:o,resetSurvey:s,navigateToStart:l,isMobile:u,allowMultipleSubmission:d,pivot:c,rangeToRender:m,translationVariables:p})=>{const{redirectUrl:f,redirectDelay:h,show_custom_button:g,show_review_links:v,show_social_links:y,image_url:b}=i?.type_info?.meta??{},[w,x]=t.useState(h??10);return t.useEffect((()=>{if(!a&&f){const e=setInterval((()=>x((e=>e>1?e-1:(window.location.href=f??"",0)))),1e3);return()=>clearInterval(e)}}),[]),n.createElement("div",{className:"question-container thankyou"},b&&n.createElement("img",{className:"thankyou-logo-img",src:b,alt:"thankyou_logo"}),n.createElement("div",{className:"heading"},i?.type_info?.header_text??(p?.thank_you||"Thank you!")),n.createElement("div",{className:"text",dangerouslySetInnerHTML:{__html:I({questionText:i.text,placeholders:r,npsRating:c?.answer,ratingLabel:T(c?.answer)?"":m?.find((e=>e?.value===String(c?.answer)))?.text??"",preference:c?.question.type_info?.scale_properties?.labels?.preference,isPreview:a})}}),(o||d)&&n.createElement("div",{className:("wrap-up-actions "+(u?"mobile":"")).trim()},o&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:()=>l()},n.createElement(ge,{name:"edit"}),p?.edit_response||"Edit your response"),d&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:s},n.createElement(ge,{name:"reload"}),p?.another_response||"Submit another response")),f&&n.createElement("div",{style:{width:"100%"}},n.createElement("div",{className:"redirection-text"},W(w,p?.redirect_msg),n.createElement("br",null)),n.createElement("a",{className:"link",href:f},f)),(g||v||y)&&n.createElement(us,{show_custom_button:g,show_review_links:v,show_social_links:y,surveyServAssetUrl:e}))},WO=({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:te("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(ge,{name:"arrow-previous"})),n.createElement("button",{className:"navigation-button",disabled:te("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(ge,{name:"arrow-next"}))),zO=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:$,fileUploadErrors:E,questions:S}=e,[T,A]=t.useState(!1),I={answers:o,blocks:l,activeIndexOfBlocks:u,activeIndexOfRenderedBlocks:c,activeIndexOfRenderedStatement:d,isMobile:x,isInitialTransition:y,renderedBlocks:s,initialPivotAnswer:b,initialStatementHasAnswer:r,surveyStyle:a,isWidget:i,blockIndex:c,questions:S},R={answers:o,blocks:l,activeIndexOfBlocks:u,isMobile:x,activeIndexOfRenderedBlocks:c,initialPivotAnswer:b,initialStatementHasAnswer:r,activeIndexOfRenderedStatement:d,renderedBlocks:s,isSubmitting:T,isWidget:i},{question:W}=s[c],z=W?.type_info?.meta?.display_format,j=F({blocks:l,activeIndexOfBlocks:u,renderedBlocks:s,activeIndexOfRenderedBlocks:c,questions:S});return n.createElement(n.Fragment,null,(J("navigation",I)||J("next",I)||J("next-statement",I)||J("consent",I)||J("submit",I)||J("skip",I)||J("skip-statement",I)||J("message",I))&&n.createElement("div",{className:"question-footer"},J("navigation",I)&&n.createElement(WO,{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"},J("next",I)&&n.createElement(Ri,{onClick:()=>{0!==c||!y||"RANGE"!==W.type_info?.question_type&&"BOOLEAN"!==W.type_info?.question_type||void 0===b?m(s[c],"CHECKBOX"===W?.type_info?.meta?.display_format&&"CONSENT"===W?.type_info?.question_type?o.formValues[W.name]??!1:null,!0):m(s[c],b,!0)},disabled:te("next",R),className:"next-button"},w?.next||"Next"),J("next-statement",I)&&n.createElement(Ri,{onClick:()=>{k?.()},disabled:!!te("next-statement",R),className:"next-button"},w?.next||"Next"),J("consent",I)&&"BUTTON"===z&&C.map((e=>n.createElement(Ri,{key:c+String(e.recordAs),onClick:()=>{m(s[c],e.recordAs,!0)},disabled:te("consent",R),className:(e.recordAs?"next":"secondary")+"-button"},W?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue))),J("submit",I)&&n.createElement("div",{className:"submit"},n.createElement(Ri,{disabled:te("submit",R),onClick:()=>{_(P?.[W.name])&&_(M?.[W.name])&&_(E?.[W.name])&&_($?.[W.name])&&(A(!0),p("COMPLETE"))}},T?w?.submitting||"Submitting":w?.submit_survey||"Submit")),J("skip",I)&&n.createElement("button",{className:"skip-button",onClick:f,"aria-label":"skip question"},w?.skip||"Skip"),J("skip-statement",I)&&n.createElement("button",{className:"skip-button",onClick:h,"aria-label":"skip statement"},w?.skip||"Skip"),J("message",I)&&n.createElement(Ri,{onClick:()=>{j?(A(!0),p("COMPLETE")):f()},disabled:te("message",R),className:"next-button"},W?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"))))},jO=e=>{const{blocks:a,pages:r,activePage:o,renderedBlocks:s,activeBlock:l,activeIndexOfBlocks:u,activeIndexOfRenderedBlocks:d,isSurveyCompleted:c,isReverseAnimation:m,saveFormValues:p,saveOthersValue:f,skipBlock:h,skipStatement:g,onSubmitHandler:v,navigateToNextBlock:y,navigateToPreviousBlock:b,answers:w,questions:x,pivot:k,isInitialTransition:P,resetSurvey:M,activeIndexOfRenderedStatement:$,navigateToNextStatement:C,navigateToPreviousStatement:E,navigateToStart:S,translationVariables:W,initialStatementHasAnswer:z,formQuestionErrors:j,textboxQuestionErrors:O,contactFormErrors:N,fileUploadErrors:L,setErrors:D}=me(e),q=_(w.formValues)&&e.survey.prompt_settings?.is_enabled&&e.preview,[H,G]=t.useState(q),U=n.useMemo((()=>A(k?.question)),[k?.question]);return t.useEffect((()=>{l&&e.onBlockChange?.(l)}),[l,e]),t.useEffect((()=>{e.getSurveyProgress?.({totalBlocks:a.length,isSurveyCompleted:c,activeIndexOfBlocks:u})}),[a.length,c,u]),l&&l.question?n.createElement("div",{className:`freemium-survey-components ${e.isMobile?"mobile-preview":""} ${e.surveyStyle}-survey-style`,id:"freemium-survey",style:{...R(e.survey.ui_theme||{})}},n.createElement(i.SwitchTransition,{mode:"out-in"},n.createElement(i.CSSTransition,{key:d+String(c)+String(H),addEndListener:(e,t)=>{e.addEventListener("transitionend",t,!1)},classNames:m?"fade-reverse":"fade"},n.createElement("div",{className:"questions"},c?n.createElement(RO,{surveyServAssetUrl:e.surveyServAssetUrl??"",thankYouQuestion:B({pivotQn:k?.question,pivotQnAnswer:k?.answer,block:Z({activeBlock:l,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:w,questions:x,activeIndexOfBlocks:u,renderedBlocks:s,contactData:e.contactData}),questions:x}),canResubmit:e.canResubmit,allowMultipleSubmission:e.allowMultipleSubmission,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",S):S()},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",M):M()},preview:!!e.preview,placeholders:e.placeholders,isMobile:e.isMobile,pivot:k,rangeToRender:U,translationVariables:W}):n.createElement("div",null,r.length>0&&o?.page_id&&n.createElement("div",{className:"page-container"},n.createElement("div",{className:"page-title",dangerouslySetInnerHTML:{__html:I({questionText:o?.title,placeholders:{},isPreview:!1})}}),n.createElement("div",{className:"page-description",dangerouslySetInnerHTML:{__html:I({questionText:o?.description,placeholders:{},isPreview:!1})}})),n.createElement("div",{id:`${l.question.name}`,className:"question-container","data-test-question-name":l.question.name},H&&e.survey.prompt_settings?n.createElement(ls,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt?.(t),1===t&&G(!1)},placeholders:e.placeholders,isPreview:!!e.preview}):n.createElement(n.Fragment,null,n.createElement("div",{className:("question-text "+(!l.question.type_info?.pivot_question&&l.required?"required":"")).trim(),dangerouslySetInnerHTML:{__html:I({questionText:l?.question.text,placeholders:e.placeholders,npsRating:k?.answer,ratingLabel:T(k?.answer)?"":U?.find((e=>e?.value===String(k?.answer)))?.text??"",preference:k?.question.type_info?.scale_properties?.labels?.preference,isPreview:!!e.preview})},"aria-label":`question-${d}`,role:"heading","aria-level":1}),n.createElement("div",{onTransitionEndCapture:e=>e.stopPropagation(),style:{width:"100%",position:"relative"}},n.createElement(IO,{surveyServAssetUrl:e.surveyServAssetUrl,setErrors:D,onFileUpload:e.onFileUpload,survey:e.survey,question:l.question,isFinalQn:F({blocks:a,activeIndexOfBlocks:u,renderedBlocks:s,activeIndexOfRenderedBlocks:d,questions:x}),formValues:w.formValues,othersMeta:w.others,autoFocusDelay:"standard"===e.surveyStyle?350:0,activeIndexOfRenderedStatement:$,saveOthersValue:f,onChangeHandler:e=>{p(l,e)},isMobile:!!e.isMobile,initialPivotAnswer:e.initialPivotAnswer,initialQuestionAnswer:e.initialQuestionAnswer,isInitialTransition:P,formQuestionErrors:j,textboxQuestionErrors:O,fileUploadErrors:L,contactFormErrors:N,translationVariables:W})),n.createElement(zO,{isWidget:!1,surveyStyle:e.surveyStyle,answers:w,renderedBlocks:s,blocks:a,activeIndexOfRenderedStatement:$,initialStatementHasAnswer:z,navigateToNextStatement:C,navigateToPreviousStatement:E,activeIndexOfRenderedBlocks:d,activeIndexOfBlocks:u,saveFormValues:p,skipBlock:h,skipStatement:g,onSubmitHandler:v,navigateToPreviousBlock:b,navigateToNextBlock:y,isInitialTransition:P,initialPivotAnswer:e.initialPivotAnswer,isMobile:!!e.isMobile,translationVariables:W,formQuestionErrors:j,textboxQuestionErrors:O,fileUploadErrors:L,contactFormErrors:N,questions:x}))))))),n.createElement(Ko,{...e.footerProps})):null};be(':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 div.page-container {\n margin: 0 10%;\n}\n.freemium-survey-components.standard-survey-style div.page-container .page-title p {\n font-size: 20px;\n font-weight: 600;\n line-height: 24px;\n text-align: left;\n margin-bottom: 8px;\n}\n.freemium-survey-components.standard-survey-style div.page-container .page-description p {\n font-size: 14px;\n font-weight: 400;\n line-height: 22px;\n text-align: left;\n}\n.freemium-survey-components.standard-survey-style .questions {\n display: flex;\n flex-direction: column;\n grid-gap: 28px;\n gap: 28px;\n padding: 28px;\n}\n.freemium-survey-components.standard-survey-style .question-container {\n display: flex;\n flex-direction: column;\n text-align: center;\n margin: 0 10%;\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 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 margin: 0 10%;\n text-align: left;\n background: transparent;\n box-shadow: none;\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\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: 700;\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 OO=["next","next-statement","skip","submit","navigation","clear-selection","message","consent"],NO=({activeIndexOfBlocks:e,activeIndexOfRenderedBlocks:t,renderedBlocks:i,blocks:a,initialStatementHasAnswer:r,activeIndexOfRenderedStatement:o,answers:s,pages:l,navigateToNextPage:u,navigateToPreviousPage:d,translationVariables:c})=>n.createElement("div",{className:"freemium-survey-step-navigation","data-navigation-element":"1"},n.createElement("button",{disabled:te("navigation-page-prev",{blocks:a,answers:s,renderedBlocks:i,pages:l,initialStatementHasAnswer:r,activeIndexOfBlocks:e,activeIndexOfRenderedBlocks:t,activeIndexOfRenderedStatement:o}),className:"navigation-button",onClick:d,title:c?.prev_question??"go to previous question"},n.createElement(ge,{name:"arrow-previous"})),n.createElement("button",{className:"navigation-button",disabled:te("navigation-page-next",{blocks:a,answers:s,renderedBlocks:i,pages:l,activeIndexOfBlocks:e,initialStatementHasAnswer:r,activeIndexOfRenderedBlocks:t,activeIndexOfRenderedStatement:o}),title:c?.next_question||"Go to next question",onClick:u},n.createElement(ge,{name:"arrow-next"}))),LO=({surveyServAssetUrl:e,thankYouQuestion:i,preview:a,placeholders:r,canResubmit:o,allowMultipleSubmission:s,navigateToStart:l,resetSurvey:u,isMobile:d,pivot:c,rangeToRender:m,translationVariables:p})=>{const{redirectUrl:f,redirectDelay:h,image_url:g,show_custom_button:v,show_review_links:y,show_social_links:b}=i?.type_info?.meta??{},[w,x]=t.useState(h??10);return t.useEffect((()=>{if(!a&&f){const e=setInterval((()=>x((e=>e>1?e-1:(window.location.href=f??"",0)))),1e3);return()=>clearInterval(e)}}),[]),n.createElement("div",{className:"question-container thankyou"},g&&n.createElement("img",{className:"thankyou-logo-img",src:g,alt:"thankyou_logo"}),n.createElement("div",{className:"heading"},i?.type_info?.header_text??(p?.thank_you||"Thank you!")),n.createElement("div",{className:"text",dangerouslySetInnerHTML:{__html:I({questionText:i.text,placeholders:r,npsRating:c?.answer,ratingLabel:T(c?.answer)?"":m?.find((e=>e?.value===String(c?.answer)))?.text??"",preference:c?.question.type_info?.scale_properties?.labels?.preference,isPreview:a})}}),(o||s)&&n.createElement("div",{className:("wrap-up-actions "+(d?"mobile":"")).trim()},o&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:()=>l()},n.createElement(ge,{name:"edit"}),p?.edit_response||"Edit your response"),s&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:u},n.createElement(ge,{name:"reload"}),p?.another_response||"Submit another response")),f&&n.createElement("div",{style:{width:"100%"}},n.createElement("div",{className:"redirection-text"},W(w,p?.redirect_msg),n.createElement("br",null)),n.createElement("a",{className:"link",href:f},f)),n.createElement(us,{show_custom_button:v,show_review_links:y,show_social_links:b,surveyServAssetUrl:e}))},DO=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,isInitialTransition:h,clearRadioSelection:g,initialStatementHasAnswer:v,initialPivotAnswer:y,questions:b,onSubmitHandler:w}=e,x={answers:r,blocks:l,blockIndex:t,activeIndexOfBlocks:d,isMobile:u,initialStatementHasAnswer:v,activeIndexOfRenderedBlocks:c,activeIndexOfRenderedStatement:0,renderedBlocks:o,surveyStyle:a,isWidget:i,isInitialTransition:h,initialPivotAnswer:y,questions:b},k={answers:r,blocks:l,activeIndexOfBlocks:d,initialPivotAnswer:y,initialStatementHasAnswer:v,isMobile:u,isInitialTransition:h,activeIndexOfRenderedBlocks:c,activeIndexOfRenderedStatement:0,renderedBlocks:o},P={};OO.forEach((e=>{P[e]=!!J(e,x)}));const{question:M}=o[t??c],$=M?.type_info?.meta?.display_format,E=F({blocks:l,activeIndexOfBlocks:d,renderedBlocks:o,activeIndexOfRenderedBlocks:c,questions:b});return P?.next||P?.["next-statement"]||P?.skip||P?.consent||P?.["clear-selection"]||P?.message?n.createElement("div",{className:"question-footer"},n.createElement("div",{className:"action-buttons"},P?.next&&n.createElement(Ri,{onClick:()=>{0!==c||!h||"RANGE"!==M.type_info?.question_type&&"BOOLEAN"!==M.type_info?.question_type||void 0===y?p(o[c],"CHECKBOX"===M?.type_info?.meta?.display_format&&"CONSENT"===M?.type_info?.question_type?r.formValues[M.name]??!1:null,!0):p(o[c],y,!0)},disabled:!!te("next",k),className:"next-button"},m?.next||"Next"),P?.["next-statement"]&&n.createElement(Ri,{onClick:()=>{s?.()},disabled:!!te("next-statement",k),className:"next-button"},m?.next||"Next"),P?.consent&&"BUTTON"===$&&C.map((e=>n.createElement(Ri,{key:c+String(e.recordAs),onClick:()=>{p(o[c],e.recordAs,!0)},disabled:te("consent",k),className:(e.recordAs?"next":"secondary")+"-button"},M?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue))),P.skip&&n.createElement("button",{className:"sec-button",onClick:f,"aria-label":"skip question"},m?.skip||"Skip"),P?.["clear-selection"]&&n.createElement("button",{className:"sec-button",onClick:()=>g(t)},m?.clear_selection||"Clear selection"),P?.message&&n.createElement(Ri,{onClick:()=>{E?w("COMPLETE"):f()},disabled:te("message",k),className:"next-button"},M?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"))):null},FO=e=>{const{pages:a,activePage:r,navigateToNextPage:o,navigateToPreviousPage:s,isInitialTransition:l,blocks:u,renderedBlocks:d,activeBlock:c,activeIndexOfBlocks:m,activeIndexOfRenderedBlocks:p,isSurveyCompleted:f,translationVariables:h,saveFormValues:g,saveOthersValue:v,skipBlock:y,skipStatement:b,clearRadioSelection:w,onSubmitHandler:x,answers:k,questions:P,resetSurvey:M,initialStatementHasAnswer:$,navigateToStart:C,activeIndexOfRenderedStatement:E,navigateToNextStatement:S,navigateToPreviousStatement:W,pivot:z,formQuestionErrors:j,textboxQuestionErrors:O,contactFormErrors:N,fileUploadErrors:q,setErrors:H}=(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({formQuestionErrors:{},textboxQuestionErrors:{},fileUploadErrors:{},contactFormErrors:{}}),[u]=t.useState(e.survey.pages??[]),[d,c]=t.useState(u?.[0]),m=t.useMemo((()=>re({blocks:o,questions:i,initialPivotAnswer:e.initialPivotAnswer,responses:e.answers,answerStatus:e.answerStatus||"PARTIAL"})),[o,i,e.answers]),[p,f]=t.useState(m.renderedBlocks),[h,g]=t.useState(m.activeIndexOfRenderedBlocks),[v,y]=t.useState(m.activeIndexOfRenderedStatement),b=t.useRef(m.pivot),w=t.useRef(m.isInitialTransition),[x,k]=t.useState(m.answers),P=t.useRef(((m.isConsideredCompleted||"PARTIAL"===e.answerStatus)&&e.canResubmit)??!1),[M,$]=t.useState(!1),C=t.useRef(null),E=p[h],S=n.useMemo((()=>p.length>0?o?.findIndex((e=>e.name===p[h]?.name)):0),[h]);t.useEffect((()=>{if(0===u.length)return;const e=p?.[h]?.page_id,t=u.find((t=>t.page_id===e));e&&t?.page_id&&c(t)}),[c,p,u,h]),t.useEffect((()=>{if(m.isConsideredCompleted&&w.current&&e.canResubmit)return;const{others_meta:t,...n}=e.answers||{};b.current={...b.current,question:L({questions:i,blocks:o})};const a=i.find((e=>e.name===o?.[0]?.question_name||e.name===o?.[0]?.question_names?.[0]))??b.current.question;if(!o||!o.length||!_(n))return void(_(n)||void 0===e.initialPivotAnswer||n[a.name]===e.initialPivotAnswer||k({...x,formValues:{[a.name]:e.initialPivotAnswer}}));if(null!=e.initialPivotAnswer){const t=D(b.current.question,e.initialPivotAnswer);b.current={...b.current,answer:"BOOLEAN"===a?.type_info?.question_type?Boolean(t):t},k({...x,formValues:{...x.formValues,[a.name]:b.current.answer}})}else null!=e.initialQuestionAnswer&&k({...x,formValues:{...x.formValues,[a.name]:e.initialQuestionAnswer}});const r=B({pivotQn:b.current.question,pivotQnAnswer:b.current.answer,block:o[0],questions:i});f([{...o[0],question:r}])}),[o,e.initialPivotAnswer]),t.useEffect((()=>{m.isConsideredCompleted&&w.current&&e.canResubmit||(p.length&&g(p.length-1),C.current?.scrollIntoView({block:"start",behavior:"smooth"}))}),[p]),t.useEffect((()=>{if(!(m.isConsideredCompleted&&w.current&&e.canResubmit)&&!_(x.formValues)&&o&&T())if(K({blocks:o,activeIndexOfBlocks:S,renderedBlocks:p,activeIndexOfRenderedBlocks:h,answers:x,questions:i,surveyLayout:"standard"})){const t=()=>{const e=X({renderedBlocks:p,activeBlock:E,blocks:o,activeIndexOfBlocks:S,answers:x,questions:i,contactData:a,pages:u});if(e===1/0)return void setTimeout((()=>{A("COMPLETE"),$(!0)}));setTimeout((()=>{A()}));const t=B({pivotQn:b.current?.question,pivotQnAnswer:b.current?.answer,block:o?.[e],questions:i}),n=ie({renderedBlocks:p,activeIndexOfRenderedBlocks:h});f([...n,{...o?.[e],question:t}])};null!=e.initialPivotAnswer&&1==p.length&&w.current||t()}else"MATRIX_RATING_SCALE"===E?.question?.type_info?.question_type&&A()}),[x,o]);const T=()=>{if(E.question_name)switch(E.question?.type_info?.question_type){case"FORM_FIELD":return se({fields:E.question?.type_info?.form_fields?.fields,answers:x.formValues?.[E.question_name]||{},errorSetter:l,questionName:E.question_name,errors:s,translationVariables:r});case"TEXT":return le({type:E.question?.type_info?.text_field?.text_type,answer:x.formValues?.[E.question_name]||"",errorSetter:l,questionName:E.question_name,errors:s,translationVariables:r});case"CONTACT_FORM":return ue({fields:E.question?.type_info?.contact_form?.fields,answers:x.formValues?.[E.question_name]||{},errorSetter:l,questionName:E.question_name,errors:s,translationVariables:r});case"FILE":return de({errors:s.fileUploadErrors})}return!0},A=(t="PARTIAL")=>{let n=()=>{};if(!T())return;let a={...x.formValues};"COMPLETE"===t&&(n=()=>{$(!0),P.current=!1},"CONSENT"===E.question?.type_info?.question_type&&"CHECKBOX"===E.question?.type_info?.meta?.display_format&&E.question_name&&_(x.formValues[E.question_name])&&!E.required&&(a[E.question_name]=!1,k((e=>({...e,formValues:{...e.formValues,[E.question?.name]:!1},commitDirtyValue:!1})))),a=ce({answers:{...x,formValues:a},blocks:o,questions:i})),E.question_name&&void 0===a[E.question_name]&&(a[E.question_name]=null),e.onSubmit({...a,others_meta:x.others},n,t,P.current?"EDIT":"CREATE")},I=()=>{const e=E.question;if(P.current||h===p.length-1)k({...x,formValues:{...x.formValues,[e.name]:null},commitDirtyValue:!0}),w.current&&(w.current=!1);else{const t=ne({renderedBlocks:p,activeIndexOfRenderedBlocks:h,answers:x}),n=ie({renderedBlocks:p,activeIndexOfRenderedBlocks:h});f(n),k({...t,formValues:{...t.formValues,[e.name]:null},commitDirtyValue:!0})}},R=()=>{y((e=>e+1))},W=(e,t,n=!1,i=h)=>{w.current=!1,e.question.name===b.current?.question.name&&(b.current={...b.current,answer:"BOOLEAN"===b.current?.question?.type_info?.question_type?Boolean(t):t});let a=x;P.current||!n&&!Y({question:e.question,answers:x,isLastRenderedBlock:h===p.length-1})||(a=ne({renderedBlocks:p,activeIndexOfRenderedBlocks:i,answers:x})),i!==h&&g(i),k({...a,formValues:{...a.formValues,...null!=t&&{[e.question.name]:"BOOLEAN"===b.current?.question?.type_info?.question_type?Boolean(t):t}},commitDirtyValue:n}),"SINGLE_ANSWER"===E.question.type_info?.matrix_properties?.type&&v<(E.question?.type_info?.matrix_properties?.statements||[]).length-1&&setTimeout((()=>{R?.()}),0)},z=n.useMemo((()=>{if("MATRIX_RATING_SCALE"!==E?.question?.type_info?.question_type)return!1;const e=(E?.question?.type_info?.matrix_properties?.statements||[])[v];return((x.formValues[E?.question.name]||[]).find((t=>t.statement_id===e?.id))?.rating_labels||[]).length>0}),[v,h]);return{blocks:o,pages:u,navigateToPreviousPage:()=>{let e=d?.page_id,t=h-1;for(;e===d?.page_id&&!(t<0);)e=p[t].page_id,t--;g(t+1)},navigateToNextPage:()=>{let e=d?.page_id,t=h+1;for(;e===d?.page_id&&!(t>=p.length);)e=p[t].page_id,t++;g(t-1)},activePage:d,questions:i,renderedBlocks:p,initialStatementHasAnswer:z,activeBlock:E,activeIndexOfBlocks:S,activeIndexOfRenderedBlocks:h,activeIndexOfRenderedStatement:v,navigateToNextStatement:R,navigateToPreviousStatement:()=>{y((e=>e-1))},isInitialTransition:w.current,isSurveyCompleted:M,pivot:b.current,answers:x,translationVariables:r,...s,setErrors:l,saveFormValues:W,saveOthersValue:(e,t,n=h)=>{if(n!==h&&g(n),null===t){const t={...x.others};delete t[e],k({...x,commitDirtyValue:!1,others:t})}else k({...x,commitDirtyValue:!1,others:{...x.others,[e]:t}})},skipBlock:I,skipStatement:()=>{if(e.isMobile||e.isWidget){const e=E?.question?.type_info?.matrix_properties?.statements||[],t=e[v],n=x.formValues[E?.question.name]||[],i=v<e.length-1;W(E,n.filter((e=>e.statement_id!==t.id)),!i),i&&"MULTIPLE_ANSWERS"===E?.question?.type_info?.matrix_properties?.type&&setTimeout((()=>{R?.()}),0)}else I()},clearRadioSelection:e=>{e!==h&&g(e);const t=p[e].question;delete x.formValues[t.name],delete x.others[t.name];const n=ne({renderedBlocks:p,activeIndexOfRenderedBlocks:e,answers:x}),i=ie({renderedBlocks:p,activeIndexOfRenderedBlocks:e});f(i),k({...n,commitDirtyValue:!1})},onSubmitHandler:A,navigateToStart:()=>{P.current=!0,$(!1)},resetSurvey:()=>{$(!1);const e=B({pivotQn:b.current?.question,pivotQnAnswer:b.current?.answer,block:o[0],questions:i});f([{...o[0],question:e}]),g(0),k({formValues:{},others:{},commitDirtyValue:!1}),sessionStorage.clear()}}})(e),G=t.useRef(null),[U,V]=t.useState(!1),Q=n.useMemo((()=>A(z?.question)),[z?.question]),ee=_(k.formValues)&&e.survey.prompt_settings?.is_enabled&&e.preview,[ae,oe]=t.useState(ee);if(t.useEffect((()=>{G.current?.scrollIntoView({block:"start",behavior:"smooth"})}),[d]),t.useEffect((()=>{e.getSurveyProgress?.({totalBlocks:u.length,isSurveyCompleted:f,activeIndexOfBlocks:m})}),[u.length,f,m]),!c||!c.question)return null;const{question:me}=d[p],pe={answers:k,blocks:u,activeIndexOfBlocks:m,activeIndexOfRenderedBlocks:p,activeIndexOfRenderedStatement:E,isMobile:!!e.isMobile,isInitialTransition:l,renderedBlocks:d,initialPivotAnswer:e.initialPivotAnswer,initialStatementHasAnswer:$,surveyStyle:e.surveyStyle,isWidget:!!e.isWidget,blockIndex:p,questions:P,pages:a},fe=J("page-navigation",pe),he=J("submit",pe);return n.createElement("div",{className:`freemium-survey-components ${e.isMobile?"mobile-preview":""} standard-survey-style`,id:"freemium-survey",style:{...R(e.survey.ui_theme||{})}},n.createElement(i.SwitchTransition,{mode:"out-in"},n.createElement(i.CSSTransition,{key:String(f)+String(ae),addEndListener:(e,t)=>{e.addEventListener("transitionend",t,!1)},classNames:"fade"},n.createElement("div",null,ae&&e.survey.prompt_settings?n.createElement("div",{className:"questions"},n.createElement("div",{className:"question-container"},n.createElement(ls,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt?.(t),1===t&&oe(!1)},placeholders:e.placeholders,isPreview:!!e.preview}))):n.createElement(n.Fragment,null,f?n.createElement(LO,{surveyServAssetUrl:e.surveyServAssetUrl??"",thankYouQuestion:B({pivotQn:z?.question,pivotQnAnswer:z?.answer,block:Z({activeBlock:c,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:k,questions:P,activeIndexOfBlocks:m,renderedBlocks:d,contactData:e.contactData}),questions:P}),preview:!!e.preview,placeholders:e.placeholders,pivot:{...z,question:z?.question||{name:""},answer:z?.answer},rangeToRender:Q,canResubmit:e.canResubmit,isMobile:e.isMobile,allowMultipleSubmission:e.allowMultipleSubmission,translationVariables:h,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",(()=>{V(!1),C()})):(V(!1),C())},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",(()=>{V(!1),M()})):(V(!1),M())}}):n.createElement(n.Fragment,null,n.createElement("div",{onTransitionEndCapture:e=>e.stopPropagation(),className:"questions"},a.length>0&&r?.page_id&&n.createElement("div",{className:"page-container"},n.createElement("div",{className:"page-title",dangerouslySetInnerHTML:{__html:I({questionText:r?.title,placeholders:{},isPreview:!1})}}),n.createElement("div",{className:"page-description",dangerouslySetInnerHTML:{__html:I({questionText:r?.description,placeholders:{},isPreview:!1})}})),d.map(((t,i)=>a.length>0&&c.page_id!==t.page_id?null:n.createElement("div",{key:t.question.name,ref:G,className:"question-container"},n.createElement("div",{className:`question-text ${!c.question.type_info?.pivot_question&&c.required?"required":""} ${0===i?"nps":""}`.trim(),dangerouslySetInnerHTML:{__html:I({questionText:t.question.text,placeholders:e.placeholders,npsRating:z?.answer,ratingLabel:T(z?.answer)?"":Q?.find((e=>e?.value===String(z?.answer)))?.text??"",preference:z?.question.type_info?.scale_properties?.labels?.preference,isPreview:!!e.preview})},"aria-label":`question-${i}`,role:"heading","aria-level":1}),n.createElement(IO,{surveyServAssetUrl:e.surveyServAssetUrl,fileUploadErrors:q,setErrors:H,onFileUpload:e.onFileUpload,survey:e.survey,question:t.question,isFinalQn:F({blocks:u,activeIndexOfBlocks:m,renderedBlocks:d,activeIndexOfRenderedBlocks:p,questions:P}),formValues:k.formValues,othersMeta:k.others,isMobile:!!e.isMobile,autoFocusDelay:"standard"===e.surveyStyle?350:20,activeIndexOfRenderedStatement:E,saveOthersValue:(e,t)=>{v(e,t,i)},onChangeHandler:e=>{g(t,e,!1,i)},initialPivotAnswer:e.initialPivotAnswer,initialQuestionAnswer:e.initialQuestionAnswer,formQuestionErrors:j,textboxQuestionErrors:O,contactFormErrors:N,translationVariables:h}),n.createElement(DO,{isWidget:!1,surveyStyle:e.surveyStyle,answers:k,renderedBlocks:d,blocks:u,blockIndex:i,isInitialTransition:l,activeIndexOfRenderedBlocks:p,initialStatementHasAnswer:$,navigateToNextStatement:S,navigateToPreviousStatement:W,activeIndexOfBlocks:m,saveFormValues:g,isMobile:!!e.isMobile,skipBlock:y,skipStatement:b,clearRadioSelection:w,onSubmitHandler:x,initialPivotAnswer:e.initialPivotAnswer,translationVariables:h,formQuestionErrors:j,textboxQuestionErrors:O,contactFormErrors:N,fileUploadErrors:q,questions:P})))),(fe||he)&&n.createElement("div",{className:"submit"},n.createElement("div",null,fe&&n.createElement(NO,{answers:k,activeIndexOfBlocks:m,pages:a,activeIndexOfRenderedBlocks:p,renderedBlocks:d,initialStatementHasAnswer:$,blocks:u,activeIndexOfRenderedStatement:E,navigateToNextPage:o,navigateToPreviousPage:s,translationVariables:h})),he&&n.createElement(Ri,{disabled:!!te("submit",{answers:k,blocks:u,initialStatementHasAnswer:$,activeIndexOfBlocks:m,activeIndexOfRenderedBlocks:p,renderedBlocks:d,activeIndexOfRenderedStatement:E,isSubmitting:U}),onClick:()=>{_(j?.[me.name])&&_(O?.[me.name])&&_(q?.[me.name])&&_(N?.[me.name])&&(V(!0),x("COMPLETE"))}},U?h?.submitting||"Submitting":h?.submit_survey||"Submit")))))))),n.createElement(Ko,{...e.footerProps}))};be('#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 height: -moz-fit-content;\n height: fit-content;\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}');be(':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 div.page-container {\n max-width: 800px;\n margin: 24px auto;\n padding: 0 16px;\n}\n.freemium-survey-components.widget-survey-components div.page-container .page-title p {\n font-size: 20px;\n font-weight: 600;\n line-height: 24px;\n text-align: left;\n margin-bottom: 8px;\n}\n.freemium-survey-components.widget-survey-components div.page-container .page-description p {\n font-size: 14px;\n font-weight: 400;\n line-height: 22px;\n text-align: left;\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: 800px;\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: 700;\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 BO=({surveyServAssetUrl:e,thankYouQuestion:t,placeholders:i,canResubmit:a,navigateToStart:r,resetSurvey:o,widgetStyle:s,allowMultipleSubmission:l,pivot:u,rangeToRender:d,translationVariables:c})=>{const{show_custom_button:m,show_review_links:p,show_social_links:f,image_url:h}=t?.type_info?.meta??{};return n.createElement("div",{className:"thankyou-container"},h&&n.createElement("img",{className:"thankyou-logo-img",src:h,alt:"thankyou_logo"}),n.createElement("div",null,n.createElement("div",{className:h?"heading":"heading thankyou-image"},t?.type_info?.header_text??(c?.thank_you||"Thank you!")),n.createElement("div",{className:h?"text":"text thankyou-image",dangerouslySetInnerHTML:{__html:I({questionText:t.text,placeholders:i,npsRating:u?.answer,ratingLabel:T(u?.answer)?"":d?.find((e=>e?.value===String(u?.answer)))?.text??"",preference:u?.question.type_info?.scale_properties?.labels?.preference})}}),(a||l)&&n.createElement("div",{className:`wrap-up-actions ${h?"":"thank-you-image"} ${"compact"===s?"mobile":""}`.trim()},a&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:r},n.createElement(ge,{name:"edit"}),c?.edit_response||"Edit your response"),l&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:o},n.createElement(ge,{name:"reload"}),c?.another_response||"Submit another response")),n.createElement(us,{show_custom_button:m,show_review_links:p,show_social_links:f,surveyServAssetUrl:e})))},qO=({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:!!te("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(ge,{name:"arrow-previous"})),n.createElement("button",{className:"navigation-button",disabled:!!te("navigation-next",c),onClick:d,title:s?.next_question||"go to next question"},n.createElement(ge,{name:"arrow-next"})))},HO=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,[$,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:$},{question:A}=s[c],I=A?.type_info?.question_type,R=(e=!1)=>{const t=e?[...C].reverse():[...C];return J("consent",S)&&"BUTTON"===z&&t.map((e=>n.createElement(Ri,{key:c+String(e.id),onClick:()=>{p(s[c],e.recordAs,!0)},disabled:te("consent",T),className:(e.recordAs?"next":"secondary")+"-button"},A?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue)))},W="compact"===a&&(J("navigation",S)&&J("skip",S)||"CONSENT"===I||"MESSAGE"===I),z=A?.type_info?.meta?.display_format;return n.createElement(n.Fragment,null,(J("navigation",S)||J("next",S)||J("next-statement",S)||J("consent",S)||J("submit",S)||J("skip",S)||J("skip-statement",S)||J("message",S))&&n.createElement("div",{className:"question-footer"},W?n.createElement(n.Fragment,null,J("next",S)&&n.createElement(Ri,{onClick:()=>{p(s[c],"CHECKBOX"===A?.type_info?.meta?.display_format&&"CONSENT"===A?.type_info?.question_type?r.formValues[A.name]??!1:null,!0)},disabled:!!te("next",T),className:"next-button"},m?.next||"Next"),J("message",S)&&n.createElement(Ri,{onClick:g,disabled:te("message",T),className:"next-button"},A?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"),J("submit",S)&&n.createElement("div",{className:"submit"},n.createElement(Ri,{disabled:!!te("submit",T),onClick:()=>{_(w?.[A.name])&&_(x?.[A.name])&&_(k?.[A.name])&&_(P?.[A.name])&&(E(!0),h("COMPLETE"))}},$?m?.submitting||"Submitting":m?.submit_survey||"Submit")),J("next-statement",S)&&n.createElement(Ri,{onClick:()=>{d?.()},disabled:!!te("next-statement",T),className:"next-button"},m?.next||"Next"),R(),n.createElement("div",{className:"compact-footer-layout"},n.createElement(qO,{answers:r,activeIndexOfBlocks:u,activeIndexOfRenderedBlocks:c,renderedBlocks:s,initialStatementHasAnswer:o,blocks:l,activeIndexOfRenderedStatement:f,translationVariables:m,navigateToNextBlock:y,navigateToPreviousBlock:b}),"MESSAGE"!==I&&!l[u].required&&n.createElement("button",{className:"skip-button",onClick:g,"aria-label":"skip question"},m?.skip||"Skip"))):n.createElement("div",{className:"action-buttons"},J("navigation",S)&&n.createElement("div",{style:{marginRight:"auto"}},n.createElement(qO,{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}}),J("skip",S)&&n.createElement("button",{className:"skip-button",onClick:g,"aria-label":"skip question"},m?.skip||"Skip"),J("skip-statement",S)&&n.createElement("button",{className:"skip-button",onClick:v,"aria-label":"skip statement"},m?.skip||"Skip"),R(!0),J("next",S)&&n.createElement(Ri,{onClick:()=>{p(s[c],"CHECKBOX"===A?.type_info?.meta?.display_format&&"CONSENT"===A?.type_info?.question_type?r.formValues[A.name]??!1:null,!0)},disabled:!!te("next",T),className:"next-button"},m?.next||"Next"),J("next-statement",S)&&n.createElement(Ri,{onClick:()=>{d?.()},disabled:!!te("next-statement",T),className:"next-button"},m?.next||"Next"),J("submit",S)&&n.createElement("div",{className:"submit"},n.createElement(Ri,{disabled:!!te("submit",T),onClick:()=>{_(w?.[A.name])&&_(x?.[A.name])&&_(k?.[A.name])&&_(P?.[A.name])&&(E(!0),h("COMPLETE"))}},$?m?.submitting||"Submitting":m?.submit_survey||"Submit")),J("message",S)&&n.createElement(Ri,{onClick:g,disabled:te("message",T),className:"next-button"},A?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"))))},ZO=e=>{const{pages:a,activePage:r,blocks:o,renderedBlocks:s,activeBlock:l,activeIndexOfBlocks:u,activeIndexOfRenderedBlocks:d,isSurveyCompleted:c,isReverseAnimation:m,translationVariables:p,saveFormValues:f,saveOthersValue:h,skipBlock:g,skipStatement:v,initialStatementHasAnswer:y,onSubmitHandler:w,navigateToNextBlock:x,activeIndexOfRenderedStatement:k,navigateToNextStatement:P,navigateToPreviousStatement:M,navigateToPreviousBlock:$,answers:C,questions:E,resetSurvey:S,navigateToStart:R,pivot:W,formQuestionErrors:z,textboxQuestionErrors:j,fileUploadErrors:O,contactFormErrors:N,setErrors:L}=me({...e,isWidget:!0}),[D,q]=t.useState(null),H=t.useRef(0),G=n.useMemo((()=>A(W?.question)),[W?.question]),U=_(C.formValues)&&e.survey.prompt_settings?.is_enabled,[X,V]=t.useState(U),Y=t.useRef(U?-1:d),K=()=>{if(D){D.style.minHeight="unset",D.style.maxHeight="unset",D.style.height="min-content",D.style.position="static";const t=Math.min(D?.scrollHeight+2,b[e.widgetStyle]);D.style.height=t+"px",D.style.minHeight=t+"px",H.current=t}};if(t.useMemo((()=>{K()}),[D]),t.useEffect((()=>{"MATRIX_RATING_SCALE"===l?.question?.type_info?.question_type&&setTimeout((()=>{K()}),0)}),[k]),t.useEffect((()=>{e.loadAsNewSurvey&&e.handleAction&&e.handleAction("RE_SUBMIT",S)}),[]),t.useEffect((()=>{e.setCurrentSurveyState?.({question:s[d]?.question,npsScore:W?.answer})}),[d,W?.answer]),t.useEffect((()=>{d!==Y.current&&(Y.current=-1)}),[d]),!l||!l?.question)return null;e.widgetHeaderQuerySelector&&document.querySelector(e.widgetHeaderQuerySelector);const J=c?o.length:u+(c?1:0),Q=c?100:(J>0?100/o.length:0)*J;return n.createElement("div",{className:`freemium-survey-components widget-survey-components\n ${e.widgetStyle}-style `,id:"freemium-survey"},c||X?null:n.createElement("div",{className:"widget-progressbar"},n.createElement("div",{className:"progress-completion"},Q.toFixed(),"%"),n.createElement(Ai,{totalSteps:o.length,completedSteps:u+(c?1:0),isWidget:!0})),a.length>0&&r?.page_id&&!c&&n.createElement("div",{className:"page-container"},n.createElement("div",{className:"page-title",dangerouslySetInnerHTML:{__html:I({questionText:r?.title,placeholders:{},isPreview:!1})}}),n.createElement("div",{className:"page-description",dangerouslySetInnerHTML:{__html:I({questionText:r?.description,placeholders:{},isPreview:!1})}})),n.createElement("div",{className:"questions",style:{height:H.current,...U&&X||Y.current===d?{transition:"none"}:{}}},n.createElement(i.TransitionGroup,{component:null},n.createElement(i.CSSTransition,{key:d+String(c)+String(X),unmountOnExit:!0,addEndListener:(e,t)=>{e.addEventListener("transitionend",t,!1)},classNames:m?"fade-reverse":"fade"},n.createElement("div",{ref:e=>e?q(e):null,id:`${l.question.name}`,className:`question-container ${c?"thankyou":""} ${X?"prompt-container":""}`,"data-test-question-name":l.question.name},X&&e.survey.prompt_settings?n.createElement(ls,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt(t),1===t&&V(!1)},placeholders:e.placeholders}):n.createElement(n.Fragment,null,c?n.createElement(BO,{surveyServAssetUrl:e.surveyServAssetUrl??"",thankYouQuestion:B({pivotQn:W?.question,pivotQnAnswer:W?.answer,block:Z({activeBlock:l,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:C,questions:E,activeIndexOfBlocks:u,renderedBlocks:s,contactData:e.contactData}),questions:E}),placeholders:e.placeholders,canResubmit:e.canResubmit,widgetStyle:e.widgetStyle,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",R):R()},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",S):S()},allowMultipleSubmission:e.allowMultipleSubmission,pivot:W,rangeToRender:G,translationVariables:p}):n.createElement(n.Fragment,null,n.createElement("div",{className:`question-text ${!l.question.type_info?.pivot_question&&l.required?"required":""} ${"RANGE"===l?.question?.type_info?.question_type?"range-question-text":""}`.trim(),dangerouslySetInnerHTML:{__html:I({questionText:l?.question.text,placeholders:e.placeholders,npsRating:W?.answer,ratingLabel:T(W?.answer)?"":G?.find((e=>e?.value===String(W?.answer)))?.text??"",preference:W?.question.type_info?.scale_properties?.labels?.preference})},"aria-label":`question-${d}`,role:"heading","aria-level":1}),n.createElement("div",{className:"question-wrapper",onTransitionEndCapture:e=>e.stopPropagation()},n.createElement(IO,{surveyServAssetUrl:e.surveyServAssetUrl,fileUploadErrors:O,setErrors:L,onFileUpload:e.onFileUpload,survey:e.survey,question:l.question,isFinalQn:F({blocks:o,activeIndexOfBlocks:u,renderedBlocks:s,activeIndexOfRenderedBlocks:d,questions:E}),formValues:C.formValues,widgetStyle:e.widgetStyle,isMobile:!1,othersMeta:C.others,autoFocusDelay:0,activeIndexOfRenderedStatement:k,isWidget:!0,saveOthersValue:h,onChangeHandler:e=>{f(l,e)},formQuestionErrors:z,textboxQuestionErrors:j,contactFormErrors:N,translationVariables:p})),n.createElement(HO,{isWidget:!0,widgetStyle:e.widgetStyle,surveyStyle:"standard",answers:C,isMobile:!1,renderedBlocks:s,initialStatementHasAnswer:y,activeIndexOfRenderedStatement:k,blocks:o,activeIndexOfRenderedBlocks:d,navigateToNextStatement:P,navigateToPreviousStatement:M,activeIndexOfBlocks:u,translationVariables:p,saveFormValues:f,skipBlock:g,skipStatement:v,onSubmitHandler:w,navigateToPreviousBlock:$,navigateToNextBlock:x,formQuestionErrors:z,textboxQuestionErrors:j,fileUploadErrors:O,contactFormErrors:N,questions:E}))))))))},GO=({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,surveyServAssetUrl:$,surveyPoweredBy:C,onFileUpload:E})=>{const S=e.question_details?.questions||[],[T,A]=t.useState(),[W,z]=t.useState(!1),[j,N]=t.useState(g),[L,D]=t.useState(0),{ui_theme:F}=e,[B,q]=t.useState(null),[H,Z]=t.useState(null),G=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]),U=G?.question_name?G?.question_name??"":G?.category?.[0].question_name??"",X=S.find((e=>e.name===U)),V=()=>{z(!0),setTimeout((()=>{u?.()}),300)},Y=t.useRef(null);return n.createElement("div",{className:`surveyserv-widget-container ${d?"widget-mobile":""} ${c}-container-style ${j?"minimized":""}`,style:{opacity:W?0:1,"--container-width":`${w[c]}`,"--height-transition-duration":"600ms",...R(F||{})}},n.createElement("header",{id:"surveyserv-widget-header",className:"widget-header "+(j?"minimized":"")},j&&n.createElement("span",{className:"header-content minimized",dangerouslySetInnerHTML:{__html:I({questionText:(!T&&e.prompt_settings?.is_enabled?e.prompt_settings.text:H?.question?.text)??O(X?.text||""),placeholders:{...a,"{{nps.rating}}":String(H?.npsScore??"")}})}}),n.createElement("div",{className:"icons"},!p&&n.createElement("button",{onClick:()=>{j?(N(!j),setTimeout((()=>{D(0)}),700)):(D(B?.clientHeight??0),setTimeout((()=>{N(!j)}),0))},className:"icon minimize-btn",title:j?M?.maximize||"Maximize widget":M?.minimize||"Minimize widget"},j?n.createElement(ge,{name:"widget-maximize"}):n.createElement(ge,{name:"widget-minimize"})),n.createElement("button",{ref:Y,onClick:()=>{p||l(),V()},title:M?.dismiss||"Dismiss widget",className:"icon minimize-btn"},n.createElement(ge,{name:"widget-close"})))),f,n.createElement("main",{ref:e=>q(e),className:("widget-main "+(j?"minimized":"")).trim(),style:{height:j?0:L||"auto"}},o?n.createElement(n.Fragment,null,o):n.createElement(ZO,{surveyServAssetUrl:$,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:Z,widgetHeaderQuerySelector:j?void 0:"#surveyserv-widget-header",onAnsweringPrompt:t=>{b?.(t),A(t),0==t&&_(e.prompt_settings?.declined_message)&&V()},handleAction:v,translationVariables:M})),n.createElement("footer",{className:("widget-footer "+(j?"minimized":"")).trim()},m&&!j&&n.createElement("a",{href:m,target:"_blank",rel:"noopener noreferrer",onClick:e=>{i&&e.preventDefault(),e.stopPropagation(),V()}},M?.unsubscribe||"Unsubscribe"),n.createElement("div",{className:"footer-text"},n.createElement(Yo,{surveyPoweredBy:C}))))};be('.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 UO=({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(ge,{name:"widget-close"})),n.createElement("h4",null,t)),n.createElement("main",null,e),n.createElement("footer",null,"Tab an item to select it"))),XO=({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(ge,{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(ge,{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(ge,{name:"whatsapp-choices"}),"Rate Support"),n.createElement(UO,{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(ge,{name:"whatsapp-star",id:`qus-${t}`})))," ","all"===c||"edges"===c&&(0===t||t===d.length-1)?n.createElement("span",null,d[e-1]):null))))))},VO=({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(ge,{name:"whatsapp-choices"}),"Select answer"),n.createElement(UO,{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)))))))},YO=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(ge,{name:"whatsapp-send"})))},KO=({text:e,placeholders:t,pivot:i,rangeToRender:a})=>n.createElement("div",{className:"question-text-container"},n.createElement("div",{className:"question-text",dangerouslySetInnerHTML:{__html:I({questionText:e,placeholders:t,npsRating:i?.answer,ratingLabel:T(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})),JO=({block:e,saveFormValues:t,type:i})=>{const{question_type:a}=e.question?.type_info;switch(a){case"RANGE":return n.createElement(XO,{question:e.question,saveFormValues:e=>t(e,!0)});case"DROPDOWN":case"MULTI_CHOICE":case"MULTI_SELECT":return n.createElement(VO,{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}},QO=({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(KO,{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(ge,{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:I({questionText:e.text,placeholders:i})}})),n.createElement("div",{className:"answer-text"},n.createElement(ge,{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(KO,{text:e.declined_message,placeholders:i})))},eN=e=>{const{activeBlock:i,activeIndexOfBlocks:a,activeIndexOfRenderedBlocks:r,answers:o,saveFormValues:s,blocks:l,questions:u,renderedBlocks:d,onSubmitHandler:c,isSurveyCompleted:m,pivot:p}=me(e),{type:f="whatsapp"}=e,{question_type:h}=i?.question.type_info??{},g=n.useMemo((()=>A(p?.question)),[p?.question]),v=t.useRef(null),[y,b]=t.useState(void 0);return t.useEffect((()=>{v.current&&v.current.scroll({top:1e4,behavior:"smooth"})}),[i,o,m]),i&&i.question?n.createElement("div",{className:`${f} whatsapp-container`},n.createElement("div",{className:"msg-container"},n.createElement("div",{className:"scroll-wrapper",ref:v},e.survey.prompt_settings?n.createElement(QO,{config:e.survey.prompt_settings,onSelect:e=>{b(1===e)},promptAccepted:y,placeholders:e.placeholders,type:f}):null,!e.survey.prompt_settings||y?d.map(((t,h)=>n.createElement(n.Fragment,null,n.createElement("div",{className:"question-container "+(m||h!==d.length-1?"":"active")},n.createElement(KO,{text:t.question.text,placeholders:e.placeholders,pivot:p,rangeToRender:g}),n.createElement(JO,{block:t,placeholders:e.placeholders,saveFormValues:(e,n)=>{s(t,e,n),setTimeout((()=>{!0===n&&F({blocks:l,activeIndexOfBlocks:a,renderedBlocks:d,activeIndexOfRenderedBlocks:r,questions:u})&&c("COMPLETE")}))},type:f})),t.name===i.name&&!o.commitDirtyValue||pe.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"===f&&n.createElement("div",{className:"reply-block"},n.createElement("p",{className:"user"},"Acme.inc"),n.createElement("p",{className:"question",dangerouslySetInnerHTML:{__html:I({questionText:t.question.text||"",placeholders:e.placeholders,npsRating:p?.answer,ratingLabel:pe.isNil(p?.answer)?"":g?.find((e=>e?.value===String(p?.answer)))?.text??"",preference:p?.question.type_info?.scale_properties?.labels?.preference,isPreview:!0})}})),n.createElement("div",{className:"answer-text"},n.createElement(ge,{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"===f&&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:I({questionText:t.question.text||"",placeholders:e.placeholders,npsRating:p?.answer,ratingLabel:pe.isNil(p?.answer)?"":g?.find((e=>e?.value===String(p?.answer)))?.text??"",preference:p?.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(ge,{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(KO,{text:B({pivotQn:p?.question,pivotQnAnswer:p?.answer,block:e.survey.blocks?.find((e=>"TY"===e.name)),questions:u})?.text,placeholders:e.placeholders,pivot:p,rangeToRender:g})))),n.createElement(YO,{onChange:e=>{"PARAGRAPH"!==h||m||s(i,e.target.value)},value:"PARAGRAPH"===h&&!m&&o.formValues[i.question.name]?o.formValues[i.question.name]:"",activeBlock:!0,autoFocus:"PARAGRAPH"===h,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=xe,exports.Button=Ri,exports.ChannelPreview=e=>{const{survey:t,answers:i}=N(e.survey,e.answers);return"whatsapp"===e.channel?n.createElement(eN,{...e,survey:t,answers:i}):"instagram"===e.channel?n.createElement(eN,{type:"instagram",...e,survey:t,answers:i}):(console.error(`Channel ${e.channel} not supported`),null)},exports.Checkbox=Si,exports.CheckboxGroup=Ei,exports.Dropdown=$i,exports.Input=Pi,exports.ProgressBar=Ai,exports.Radio=_i,exports.RadioGroup=Ti,exports.Range=Me,exports.RankOrder=ho,exports.Slider=Vo,exports.Survey=e=>{const{survey:t,answers:i}=N(e.survey,e.answers),[a,r]=n.useState(!1);return n.useEffect((()=>{"undefined"!=typeof window&&r(window.matchMedia("(max-width: 550px)").matches),sessionStorage.clear()}),[]),n.createElement(n.Fragment,null,"standard"===e.surveyStyle?n.createElement(FO,{...e,answers:i,survey:t,isMobile:a||!!e.isMobile,initialQuestionAnswer:e.initialQuestionAnswer}):n.createElement(jO,{...e,answers:i,survey:t,isMobile:a||!!e.isMobile,surveyStyle:"card",initialQuestionAnswer:e.initialQuestionAnswer}))},exports.SurveyFooter=Ko,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(Ai,{totalSteps:t,completedSteps:r}))},exports.TextArea=Mi,exports.WebInAppSurvey=e=>{const{survey:t,answers:i}=N(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(GO,{...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=ss({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);\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||Qo} !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||Qo} !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=as(i?.type_info?.scale_properties?.button_style?.shape||"square"),u=A(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="${ss({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||es} !important;\n background-color: ${rs({position:p.position,question:i||{name:""}})} !important;\n font-size: min(${ns/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="${os({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=as(i?.type_info?.scale_properties?.button_style?.shape||"square"),u=A(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="${ss({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||es} !important;\n background-color: ${rs({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="${os({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: ${es} !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=as(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 ${A(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="${ss({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||es} !important;\n background-color: ${rs({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=r?.type_info?.scale_properties?.labels?.preference,c=A(r||{name:""});let m=0;return c.forEach((e=>{e.text.length>m&&(m=e.text.length)})),`\n <tr>\n <td\n style="\n padding: 0 !important;\n text-align: center !important;\n "\n >\n ${c.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*m+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||es} !important;\n pointer-events: ${t?"none":"unset"} !important;\n "\n href="${ss({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="${os({position:r.position,assetUrl:n,max:c.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 >${"all"===d?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=A(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: ${es} !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: ${es} !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||Qo} !important;\n padding: 16px 8px 0 8px !important;\n font-size: 12px !important;\n border-top: 1px solid ${ts} !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||Qo} !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: \n <a\n style="\n text-decoration: unset !important;\n color: ${Jo} !important;\n pointer-events: ${o?"none":"unset"} !important;\n word-break: break-all !important;\n "\n href=${o?"#":d}\n target="_blank"\n >\n ${ss({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 MO=({addFilter:e,utils:t})=>{const{Type:n,isString:i,replaceInString:a,guesstimateMimeType:r,getExtensionFromFilename:o,getFilenameFromURL:s}=t,l=(e,t)=>e.some((e=>{return/\*$/.test(e)?(n=e,(/^[^/]+/.exec(t)||[]).pop()===n.slice(0,-2)):e===t;var n})),u=(e,t,n)=>{if(0===t.length)return!0;const a=(e=>{let t="";if(i(e)){const n=s(e),i=o(n);i&&(t=r(i))}else t=e.type;return t})(e);return n?new Promise(((i,r)=>{n(e,a).then((e=>{l(t,e)?i():r()})).catch(r)})):l(t,a)};return e("SET_ATTRIBUTE_TO_OPTION_MAP",(e=>Object.assign(e,{accept:"acceptedFileTypes"}))),e("ALLOW_HOPPER_ITEM",((e,{query:t})=>!t("GET_ALLOW_FILE_TYPE_VALIDATION")||u(e,t("GET_ACCEPTED_FILE_TYPES")))),e("LOAD_FILE",((e,{query:t})=>new Promise(((n,i)=>{if(!t("GET_ALLOW_FILE_TYPE_VALIDATION"))return void n(e);const r=t("GET_ACCEPTED_FILE_TYPES"),o=t("GET_FILE_VALIDATE_TYPE_DETECT_TYPE"),s=u(e,r,o),l=()=>{const e=r.map((n=t("GET_FILE_VALIDATE_TYPE_LABEL_EXPECTED_TYPES_MAP"),e=>null!==n[e]&&(n[e]||e))).filter((e=>!1!==e));var n;const o=e.filter((function(t,n){return e.indexOf(t)===n}));i({status:{main:t("GET_LABEL_FILE_TYPE_NOT_ALLOWED"),sub:a(t("GET_FILE_VALIDATE_TYPE_LABEL_EXPECTED_TYPES"),{allTypes:o.join(", "),allButLastType:o.slice(0,-1).join(", "),lastType:o[e.length-1]})}})};if("boolean"==typeof s)return s?n(e):l();s.then((()=>{n(e)})).catch(l)})))),{options:{allowFileTypeValidation:[!0,n.BOOLEAN],acceptedFileTypes:[[],n.ARRAY],labelFileTypeNotAllowed:["File is of invalid type",n.STRING],fileValidateTypeLabelExpectedTypes:["Expects {allButLastType} or {lastType}",n.STRING],fileValidateTypeLabelExpectedTypesMap:[{},n.OBJECT],fileValidateTypeDetectType:[null,n.FUNCTION]}}};"undefined"!=typeof window&&void 0!==window.document&&document.dispatchEvent(new CustomEvent("FilePond:pluginloaded",{detail:MO}));be('/*!\n * FilePond 4.30.4\n * Licensed under MIT, https://opensource.org/licenses/MIT/\n * Please visit https://pqina.nl/filepond/ for details.\n */\n\n/* eslint-disable */\n.filepond--assistant{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--browser.filepond--browser{position:absolute;margin:0;padding:0;left:1em;top:1.75em;width:calc(100% - 2em);opacity:0;font-size:0}.filepond--data{position:absolute;width:0;height:0;padding:0;margin:0;border:none;visibility:hidden;pointer-events:none;contain:strict}.filepond--drip{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;opacity:.1;pointer-events:none;border-radius:.5em;background:rgba(0,0,0,.01)}.filepond--drip-blob{-webkit-transform-origin:center center;transform-origin:center center;width:8em;height:8em;margin-left:-4em;margin-top:-4em;background:#292625;border-radius:50%}.filepond--drip-blob,.filepond--drop-label{position:absolute;top:0;left:0;will-change:transform,opacity}.filepond--drop-label{right:0;margin:0;color:#4f4f4f;display:flex;justify-content:center;align-items:center;height:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filepond--drop-label.filepond--drop-label label{display:block;margin:0;padding:.5em}.filepond--drop-label label{cursor:default;font-size:.875em;font-weight:400;text-align:center;line-height:1.5}.filepond--label-action{text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;-webkit-text-decoration-color:#a7a4a4;text-decoration-color:#a7a4a4;cursor:pointer}.filepond--root[data-disabled] .filepond--drop-label label{opacity:.5}.filepond--file-action-button.filepond--file-action-button{font-size:1em;width:1.625em;height:1.625em;font-family:inherit;line-height:inherit;margin:0;padding:0;border:none;outline:none;will-change:transform,opacity}.filepond--file-action-button.filepond--file-action-button span{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--file-action-button.filepond--file-action-button svg{width:100%;height:100%}.filepond--file-action-button.filepond--file-action-button:after{position:absolute;left:-.75em;right:-.75em;top:-.75em;bottom:-.75em;content:""}.filepond--file-action-button{cursor:auto;color:#fff;border-radius:50%;background-color:rgba(0,0,0,.5);background-image:none;box-shadow:0 0 0 0 hsla(0,0%,100%,0);transition:box-shadow .25s ease-in}.filepond--file-action-button:focus,.filepond--file-action-button:hover{box-shadow:0 0 0 .125em hsla(0,0%,100%,.9)}.filepond--file-action-button[disabled]{color:hsla(0,0%,100%,.5);background-color:rgba(0,0,0,.25)}.filepond--file-action-button[hidden]{display:none}.filepond--action-edit-item.filepond--action-edit-item{width:2em;height:2em;padding:.1875em}.filepond--action-edit-item.filepond--action-edit-item[data-align*=center]{margin-left:-.1875em}.filepond--action-edit-item.filepond--action-edit-item[data-align*=bottom]{margin-bottom:-.1875em}.filepond--action-edit-item-alt{border:none;line-height:inherit;background:transparent;font-family:inherit;color:inherit;outline:none;padding:0;margin:0 0 0 .25em;pointer-events:all;position:absolute}.filepond--action-edit-item-alt svg{width:1.3125em;height:1.3125em}.filepond--action-edit-item-alt span{font-size:0;opacity:0}.filepond--file-info{position:static;display:flex;flex-direction:column;align-items:flex-start;flex:1;margin:0 .5em 0 0;min-width:0;will-change:transform,opacity;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filepond--file-info *{margin:0}.filepond--file-info .filepond--file-info-main{font-size:.75em;line-height:1.2;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}.filepond--file-info .filepond--file-info-sub{font-size:.625em;opacity:.5;transition:opacity .25s ease-in-out;white-space:nowrap}.filepond--file-info .filepond--file-info-sub:empty{display:none}.filepond--file-status{position:static;display:flex;flex-direction:column;align-items:flex-end;flex-grow:0;flex-shrink:0;margin:0;min-width:2.25em;text-align:right;will-change:transform,opacity;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filepond--file-status *{margin:0;white-space:nowrap}.filepond--file-status .filepond--file-status-main{font-size:.75em;line-height:1.2}.filepond--file-status .filepond--file-status-sub{font-size:.625em;opacity:.5;transition:opacity .25s ease-in-out}.filepond--file-wrapper.filepond--file-wrapper{border:none;margin:0;padding:0;min-width:0;height:100%}.filepond--file-wrapper.filepond--file-wrapper>legend{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--file{position:static;display:flex;height:100%;align-items:flex-start;padding:.5625em;color:#fff;border-radius:.5em}.filepond--file .filepond--file-status{margin-left:auto;margin-right:2.25em}.filepond--file .filepond--processing-complete-indicator{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:3}.filepond--file .filepond--file-action-button,.filepond--file .filepond--processing-complete-indicator,.filepond--file .filepond--progress-indicator{position:absolute}.filepond--file [data-align*=left]{left:.5625em}.filepond--file [data-align*=right]{right:.5625em}.filepond--file [data-align*=center]{left:calc(50% - .8125em)}.filepond--file [data-align*=bottom]{bottom:1.125em}.filepond--file [data-align=center]{top:calc(50% - .8125em)}.filepond--file .filepond--progress-indicator{margin-top:.1875em}.filepond--file .filepond--progress-indicator[data-align*=right]{margin-right:.1875em}.filepond--file .filepond--progress-indicator[data-align*=left]{margin-left:.1875em}[data-filepond-item-state*=error] .filepond--file-info,[data-filepond-item-state*=invalid] .filepond--file-info,[data-filepond-item-state=cancelled] .filepond--file-info{margin-right:2.25em}[data-filepond-item-state~=processing] .filepond--file-status-sub{opacity:0}[data-filepond-item-state~=processing] .filepond--action-abort-item-processing~.filepond--file-status .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-error] .filepond--file-status-sub{opacity:0}[data-filepond-item-state=processing-error] .filepond--action-retry-item-processing~.filepond--file-status .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing svg{-webkit-animation:fall .5s linear .125s both;animation:fall .5s linear .125s both}[data-filepond-item-state=processing-complete] .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-complete] .filepond--file-info-sub,[data-filepond-item-state=processing-complete] .filepond--processing-complete-indicator:not([style*=hidden])~.filepond--file-status .filepond--file-status-sub{opacity:0}[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing~.filepond--file-info .filepond--file-info-sub{opacity:.5}[data-filepond-item-state*=error] .filepond--file-wrapper,[data-filepond-item-state*=error] .filepond--panel,[data-filepond-item-state*=invalid] .filepond--file-wrapper,[data-filepond-item-state*=invalid] .filepond--panel{-webkit-animation:shake .65s linear both;animation:shake .65s linear both}[data-filepond-item-state*=busy] .filepond--progress-indicator svg{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes shake{10%,90%{-webkit-transform:translateX(-.0625em);transform:translateX(-.0625em)}20%,80%{-webkit-transform:translateX(.125em);transform:translateX(.125em)}30%,50%,70%{-webkit-transform:translateX(-.25em);transform:translateX(-.25em)}40%,60%{-webkit-transform:translateX(.25em);transform:translateX(.25em)}}@keyframes shake{10%,90%{-webkit-transform:translateX(-.0625em);transform:translateX(-.0625em)}20%,80%{-webkit-transform:translateX(.125em);transform:translateX(.125em)}30%,50%,70%{-webkit-transform:translateX(-.25em);transform:translateX(-.25em)}40%,60%{-webkit-transform:translateX(.25em);transform:translateX(.25em)}}@-webkit-keyframes fall{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}70%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes fall{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}70%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.filepond--hopper[data-hopper-state=drag-over]>*{pointer-events:none}.filepond--hopper[data-hopper-state=drag-over]:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:100}.filepond--progress-indicator{z-index:103}.filepond--file-action-button{z-index:102}.filepond--file-status{z-index:101}.filepond--file-info{z-index:100}.filepond--item{position:absolute;top:0;left:0;right:0;z-index:1;padding:0;margin:.25em;will-change:transform,opacity}.filepond--item>.filepond--panel{z-index:-1}.filepond--item>.filepond--panel .filepond--panel-bottom{box-shadow:0 .0625em .125em -.0625em rgba(0,0,0,.25)}.filepond--item>.filepond--file-wrapper,.filepond--item>.filepond--panel{transition:opacity .15s ease-out}.filepond--item[data-drag-state]{cursor:-webkit-grab;cursor:grab}.filepond--item[data-drag-state]>.filepond--panel{transition:box-shadow .125s ease-in-out;box-shadow:0 0 0 transparent}.filepond--item[data-drag-state=drag]{cursor:-webkit-grabbing;cursor:grabbing}.filepond--item[data-drag-state=drag]>.filepond--panel{box-shadow:0 .125em .3125em rgba(0,0,0,.325)}.filepond--item[data-drag-state]:not([data-drag-state=idle]){z-index:2}.filepond--item-panel{background-color:#64605e}[data-filepond-item-state=processing-complete] .filepond--item-panel{background-color:#369763}[data-filepond-item-state*=error] .filepond--item-panel,[data-filepond-item-state*=invalid] .filepond--item-panel{background-color:#c44e47}.filepond--item-panel{border-radius:.5em;transition:background-color .25s}.filepond--list-scroller{position:absolute;top:0;left:0;right:0;margin:0;will-change:transform}.filepond--list-scroller[data-state=overflow] .filepond--list{bottom:0;right:0}.filepond--list-scroller[data-state=overflow]{overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch;-webkit-mask:linear-gradient(180deg,#000 calc(100% - .5em),transparent);mask:linear-gradient(180deg,#000 calc(100% - .5em),transparent)}.filepond--list-scroller::-webkit-scrollbar{background:transparent}.filepond--list-scroller::-webkit-scrollbar:vertical{width:1em}.filepond--list-scroller::-webkit-scrollbar:horizontal{height:0}.filepond--list-scroller::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:99999px;border:.3125em solid transparent;background-clip:content-box}.filepond--list.filepond--list{position:absolute;top:0;margin:0;padding:0;list-style-type:none;will-change:transform}.filepond--list{left:.75em;right:.75em}.filepond--root[data-style-panel-layout~=integrated]{width:100%;height:100%;max-width:none;margin:0}.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root,.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root{border-radius:0}.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root>*,.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root>*{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--drop-label,.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label{bottom:0;height:auto;display:flex;justify-content:center;align-items:center;z-index:7}.filepond--root[data-style-panel-layout~=circle] .filepond--item-panel,.filepond--root[data-style-panel-layout~=integrated] .filepond--item-panel{display:none}.filepond--root[data-style-panel-layout~=compact] .filepond--list-scroller,.filepond--root[data-style-panel-layout~=integrated] .filepond--list-scroller{overflow:hidden;height:100%;margin-top:0;margin-bottom:0}.filepond--root[data-style-panel-layout~=compact] .filepond--list,.filepond--root[data-style-panel-layout~=integrated] .filepond--list{left:0;right:0;height:100%}.filepond--root[data-style-panel-layout~=compact] .filepond--item,.filepond--root[data-style-panel-layout~=integrated] .filepond--item{margin:0}.filepond--root[data-style-panel-layout~=compact] .filepond--file-wrapper,.filepond--root[data-style-panel-layout~=integrated] .filepond--file-wrapper{height:100%}.filepond--root[data-style-panel-layout~=compact] .filepond--drop-label,.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label{z-index:7}.filepond--root[data-style-panel-layout~=circle]{border-radius:99999rem;overflow:hidden}.filepond--root[data-style-panel-layout~=circle]>.filepond--panel{border-radius:inherit}.filepond--root[data-style-panel-layout~=circle]>.filepond--panel>*{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--file-info,.filepond--root[data-style-panel-layout~=circle] .filepond--file-status{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--action-edit-item{opacity:1!important;visibility:visible!important}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.filepond--root[data-style-panel-layout~=circle]{will-change:transform}}}.filepond--panel-root{border-radius:.5em;background-color:#f1f0ef}.filepond--panel{position:absolute;left:0;top:0;right:0;margin:0;height:100%!important;pointer-events:none}.filepond-panel:not([data-scalable=false]){height:auto!important}.filepond--panel[data-scalable=false]>div{display:none}.filepond--panel[data-scalable=true]{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;background-color:transparent!important;border:none!important}.filepond--panel-bottom,.filepond--panel-center,.filepond--panel-top{position:absolute;left:0;top:0;right:0;margin:0;padding:0}.filepond--panel-bottom,.filepond--panel-top{height:.5em}.filepond--panel-top{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-bottom:none!important}.filepond--panel-top:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:-1px;background-color:inherit}.filepond--panel-bottom,.filepond--panel-center{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:translate3d(0,.5em,0);transform:translate3d(0,.5em,0)}.filepond--panel-bottom{border-top-left-radius:0!important;border-top-right-radius:0!important;border-top:none!important}.filepond--panel-bottom:before{content:"";position:absolute;height:2px;left:0;right:0;top:-1px;background-color:inherit}.filepond--panel-center{height:100px!important;border-top:none!important;border-bottom:none!important;border-radius:0!important}.filepond--panel-center:not([style]){visibility:hidden}.filepond--progress-indicator{position:static;width:1.25em;height:1.25em;color:#fff;margin:0;pointer-events:none;will-change:transform,opacity}.filepond--progress-indicator svg{width:100%;height:100%;vertical-align:top;transform-box:fill-box}.filepond--progress-indicator path{fill:none;stroke:currentColor}.filepond--list-scroller{z-index:6}.filepond--drop-label{z-index:5}.filepond--drip{z-index:3}.filepond--root>.filepond--panel{z-index:2}.filepond--browser{z-index:1}.filepond--root{box-sizing:border-box;position:relative;margin-bottom:1em;font-size:1rem;line-height:normal;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:450;text-align:left;text-rendering:optimizeLegibility;direction:ltr;contain:layout style size}.filepond--root *{box-sizing:inherit;line-height:inherit}.filepond--root :not(text){font-size:inherit}.filepond--root[data-disabled]{pointer-events:none}.filepond--root[data-disabled] .filepond--list-scroller{pointer-events:all}.filepond--root[data-disabled] .filepond--list{pointer-events:none}.filepond--root .filepond--drop-label{min-height:4.75em}.filepond--root .filepond--list-scroller{margin-top:1em;margin-bottom:1em}.filepond--root .filepond--credits{position:absolute;right:0;opacity:.175;line-height:.85;font-size:11px;color:inherit;text-decoration:none;z-index:3;bottom:-14px}.filepond--root .filepond--credits[style]{top:0;bottom:auto;margin-top:14px}');be(".PinturaModal {\n z-index: 2147483648 !important;\n}\n\n.freemium-survey-components .file-upload-container {\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 box-shadow: 0px 12px 15px 0px rgba(18, 52, 77, 0.0509803922);\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: 10px;\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: 1.5;\n}\n.freemium-survey-components .file-upload-container.errored {\n border: 2px dashed var(--file-upload-error-border-color);\n}\n.freemium-survey-components .filepond--item {\n height: 200px !important;\n}\n.freemium-survey-components .filepond--item[data-filepond-item-state=load-invalid] {\n display: none;\n}\n.freemium-survey-components .filepond--item.filepond--item-error .filepond--image-preview {\n display: block !important;\n}\n.freemium-survey-components .file-upload-container {\n visibility: visible;\n}\n.freemium-survey-components .file-error {\n color: var(--text-danger);\n font-size: 12px;\n font-weight: 600;\n text-align: left;\n display: flex;\n align-items: start;\n}\n.freemium-survey-components .file-error span {\n line-height: 1.5;\n display: inline-block;\n width: 100%;\n line-break: anywhere;\n margin-left: 5px;\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(PO,MO,Sv,kO),Zj(Gj,Xj,Uj,Vj);const $O=t.forwardRef((({onClick:e,maxFileSize:i=16,visible:a=!0,supportedFileFormats:r,translationVariables:o,fileErrors:s},l)=>{const[u,d]=t.useState(!1),c=o?.drop_your_file?o?.drop_your_file:n.createElement(n.Fragment,null,"Drop your file here, or Browse");return n.createElement("div",{ref:l,className:"file-upload-container "+(s?.current?.main?"errored":""),onClick:e,style:{visibility:a?"visible":"hidden"},onDragOver:e=>{e.preventDefault(),e.target.classList.add("push-backward")}}," ",n.createElement(ge,{name:"file-upload-icon"}),"string"!=typeof c?n.createElement("p",null,c):n.createElement("p",{className:"drop-your-file-container",dangerouslySetInnerHTML:{__html:c}}),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,u?r:r.slice(0,20)," ",n.createElement("span",{onClick:()=>d(!u),style:{color:"#2C5CC5",textDecoration:"underline",cursor:"pointer"}},u?o?.show_less||"Show less":o?.show_more||"Show more")):"No formats selected"),n.createElement("div",{className:"filepond--drip"}))})),CO=({question:e,onChangeHandler:i,onFileUpload:a,setErrors:r,errors:o,translationVariables:s,surveyServAssetUrl:l,value:u})=>{const[c,m]=t.useState([]),[p,f]=t.useState([]),h=t.useRef(),g=e.type_info?.file_field?.max_file_size||10,v=t.useRef(null),y=t.useRef(),[b,w]=t.useState(!1);let x=!1;n.useEffect((()=>{const t=sessionStorage.getItem(`uploadedFile-${e?.name}`),n=t?JSON.parse(t):"";n?.source&&(n.options={...n.options,file:{name:u,size:n.fileSize}},u&&m([n]))}),[]);const k=async(t,n)=>{try{if(x)return;if(y.current&&_(v.current)||t){const r=t??y.current.getFiles()?.[0]?.file;if(r&&a){x=!0;const t=await a(r.type,r.size,r.name,e);if(n&&n(!0,50,100),t.startsWith("http")&&l){const n=await fetch(t,{method:"PUT",headers:{"Content-Type":r.type,"Content-Disposition":"attachment"},body:r}),a=new URL(t),o=`${l}${a.pathname}`;if(!n.ok)throw console.error("Error uploading file"),new Error("Error uploading file");sessionStorage.setItem(`uploadedFile-${e?.name}`,JSON.stringify({source:o,options:{type:"local"},fileSize:y.current.getFiles()?.[0]?.fileSize})),i(r.name)}else i(null),console.error("Error fetching pre-signed url");x=!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 t=e.type_info?.file_field?.allowed_file_types,n=Object.keys(E).map((e=>{if((t||[]).includes(e))return E[e].concat(",")})).join(" ").trim().slice(0,-1);f(n.split(", "))})()}),[]),n.createElement(n.Fragment,null,n.createElement(d.FilePond,{ref:y,files:c,labelFileProcessing:s?.uploading_text??"Uploading..",labelFileProcessingComplete:s?.upload_complete??"Upload complete",labelMaxFileSizeExceeded:s?.file_too_large??"The file is too large and cannot be uploaded.",labelMaxFileSize:"",labelTapToCancel:"",labelTapToUndo:"",labelFileTypeNotAllowed:s?.invalid_type??"The file mismatch. Retry by uploading the supported file type.",fileValidateTypeLabelExpectedTypes:"",beforeAddFile:e=>(v.current?.main&&(v.current=null,r({...o,fileUploadErrors:{}}),m([e]),w(!0)),!0),onremovefile:()=>{b?w(!1):(m([]),r({...o,fileUploadErrors:{}}),v.current=null,i(null))},allowReplace:!0,server:{process:async(e,t,n,i,a,r)=>{r(!0,0,100);try{await k(t,r),r(!0,100,100),i(t.name)}catch(e){a("An error occurred during upload")}}},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});k(a)},n.readAsArrayBuffer(t)},onerror:t=>{console.log("file upload error",t),v.current=t,r({...o,fileUploadErrors:{[e.name]:t}})},required:!0,credits:!1,allowFileTypeValidation:!0,acceptedFileTypes:p,fileValidateTypeDetectType:(e,t)=>new Promise(((t,n)=>{const i=e.name.split(".");t(`.${i[i.length-1].toLowerCase()}`)})),imageEditor:{legacyDataToImageState:SI,createEditor:aO,imageReader:[Bj,{}],imageWriter:[qj,{}],imageProcessor:A$,imageEditorAfterWriteImage:({src:e,dest:t,imageState:n})=>new Promise(((i,a)=>{A$(e,{imageReader:Bj(),imageWriter:qj({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:jv,apply:Kv},shapePreprocessor:rO(),...Yj,...Kj,...Hj,locale:{...Jj,...eO,...nO,...tO,...iO,...Qj}}},allowFileSizeValidation:!0,maxFileSize:`${g}MB`,onupdatefiles:e=>{h.current?.classList.remove("push-backward"),e.length&&m(e)},maxFiles:1,name:`${e.id}-files`}),n.createElement($O,{ref:h,onClick:e=>{const t=e.target;"path"!==t?.tagName&&"P"!==t?.tagName&&(!t?.className||t?.className instanceof SVGAnimatedString||t.className.includes("format-type-toggler"))||y.current.browse()},fileErrors:v,visible:Boolean(!c.length||v.current?.main),maxFileSize:g,translationVariables:{...s,tTimeZones:[{id:"",offset:"",timeZone:""}]},supportedFileFormats:p}),v?.current?.main&&n.createElement("div",{className:"file-error"},n.createElement(ge,{name:"info"}),n.createElement("span",null,`${v?.current?.main}\n ${v.current?.sub}`)))};be('.freemium-survey-components .input-container {\n align-items: flex-start;\n margin-bottom: 15px;\n}\n.freemium-survey-components .form-field-input {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n}\n.freemium-survey-components .form-field-input .form-inp {\n width: 45%;\n}\n.freemium-survey-components .form-field-input .date-time-field {\n width: 45%;\n}\n.freemium-survey-components .form-inp .input-basic {\n border: 1px solid #cfd7df;\n box-shadow: none;\n}\n.freemium-survey-components .form-inp .input-basic .input-basic:hover {\n border-color: #cfd7df;\n}\n.freemium-survey-components .form-inp .input-basic .input-basic[focus-within] {\n border-color: #cfd7df;\n}\n.freemium-survey-components .form-inp .input-basic .input-basic:focus-within {\n border-color: #cfd7df;\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 font-weight: 500;\n font-size: 0.95em;\n padding-left: 2px;\n color: #d72d30;\n}\n\n.freemium-survey-components.mobile-preview .form-field-input {\n flex-direction: column;\n}\n.freemium-survey-components.mobile-preview .form-inp {\n width: 100%;\n}\n.freemium-survey-components.mobile-preview .input-container {\n width: 100%;\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components .form-field-input {\n flex-direction: column;\n }\n .freemium-survey-components .form-inp {\n width: 100%;\n }\n .freemium-survey-components .input-container {\n width: 100%;\n }\n}\n.widget-survey-components.compact-style .form-field-input {\n flex-direction: column;\n}\n.widget-survey-components.compact-style .form-inp {\n width: 100%;\n}\n.widget-survey-components.compact-style .input-container {\n width: 100%;\n}');const EO=({question:e,autoFocusDelay:t,onChangeHandler:i,isRequired:a,formValues:r,fieldErrors:o,language:s})=>{const l=e.type_info?.form_fields?.layout,u=e.type_info?.form_fields?.fields;return n.createElement(n.Fragment,null,n.createElement("div",{className:"HORIZONTAL"===l?"form-field-input":""},u?.map(((a,l)=>n.createElement(n.Fragment,null,"DATE"!==a?.type&&"DATE_TIME"!==a?.type?n.createElement("div",{className:"form-inp"},n.createElement(Pi,{key:l,setFocus:0===l,autoFocusDelay:t,onKeyDown:e=>{"PHONE"===a?.type&&j(e),"NUMBER"===a?.type&&z(e)},label:a?.label||"",type:"NUMBER"===a?.type?"number":"text",isRequired:!!a.required,value:a.id&&r[e.name]?.[a.id]||"",onChange:t=>{a.id&&i({...r[e.name],[a.id]:t.target.value||null})},isErrored:!(!a.id||!r?.[e.name]?.[a.id])&&!!o?.[a?.id||""],errorText:a.id&&r[e.name]?.[a.id]?o?.[a?.id]:""})):n.createElement("div",{className:"date-time-field"},n.createElement("span",{className:"date-time-label "+(a.required?"required":"")},a?.label||""),n.createElement(sv,{allow_future_date:!1,language:s,date_time_format:"DATE_TIME"===a?.type?"dd-MM-yyyy":"MMM dd,yyyy",is_24hrs_time_format:!1,question_format:a?.type||"DATE",question:e,onValueChange:i,formValues:r,value:a?.id&&r[e?.name]?.[a?.id]||"",field:a,type:"FORM_FIELD"})))))))};be(".freemium-survey-components .matrix-container {\n width: 100%;\n overflow: auto;\n max-height: 300px;\n}\n.freemium-survey-components .matrix-container::-webkit-scrollbar {\n -webkit-appearance: none;\n width: 6px;\n height: 6px;\n}\n.freemium-survey-components .matrix-container::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background: #ebeff3;\n}\n.freemium-survey-components .matrix-container .checkbox-label,\n.freemium-survey-components .matrix-container .radio-label {\n border: unset;\n min-width: unset;\n padding: unset;\n display: inline-flex;\n}\n.freemium-survey-components .matrix-container table.st-mt-table,\n.freemium-survey-components .matrix-container th.st-mt-th,\n.freemium-survey-components .matrix-container td.st-mt-td,\n.freemium-survey-components .matrix-container tr.st-mt-tr {\n padding: 0;\n margin: 0;\n}\n.freemium-survey-components .matrix-container table.st-mt-table {\n border-spacing: 0;\n border-radius: 4px;\n margin: 0;\n width: 100%;\n}\n.freemium-survey-components .matrix-container th.st-mt-th {\n color: #12344d;\n text-align: center;\n font-size: 12px;\n font-weight: 500;\n padding: 12px 24px;\n background-color: white;\n}\n.freemium-survey-components .matrix-container th.m-s-b-s-q-m-s-th-empty {\n z-index: 2;\n position: sticky;\n top: 0;\n left: 0;\n background-color: white;\n border: 1px solid rgb(242, 242, 242);\n}\n.freemium-survey-components .matrix-container th.m-s-b-s-q-m-s-th {\n border-right: 1px solid rgb(242, 242, 242);\n border-top: 1px solid rgb(242, 242, 242);\n border-bottom: 1px solid rgb(242, 242, 242);\n z-index: 1;\n position: sticky;\n top: 0;\n}\n.freemium-survey-components .matrix-container th.m-s-b-s-q-m-s-input,\n.freemium-survey-components .matrix-container td.m-s-b-s-q-m-s-input {\n position: sticky;\n left: 0;\n z-index: 1;\n background-color: white;\n padding: 12px;\n}\n.freemium-survey-components .matrix-container td.m-s-b-s-q-m-s-input {\n border-right: 1px solid rgb(242, 242, 242);\n border-bottom: 1px solid rgb(242, 242, 242);\n border-left: 1px solid rgb(242, 242, 242);\n font-size: 12px;\n font-weight: 500;\n line-height: 20px;\n text-align: left;\n min-width: 240px;\n max-width: 300px;\n word-wrap: break-word;\n}\n.freemium-survey-components .matrix-container td.m-s-b-s-q-m-s-switch {\n text-align: center;\n padding: 12px 24px;\n min-width: 100px;\n border-bottom: 1px solid rgb(242, 242, 242);\n border-right: 1px solid rgb(242, 242, 242);\n}\n.freemium-survey-components .matrix-container td.m-s-b-s-q-m-s-switch .radio,\n.freemium-survey-components .matrix-container td.m-s-b-s-q-m-s-switch .checkbox {\n margin-right: unset;\n}\n.freemium-survey-components .matrix-container td.m-s-b-s-q-m-s-switch div:first-child {\n width: -moz-fit-content;\n width: fit-content;\n margin: 0 auto;\n}");const SO=e=>{const{type_info:{matrix_properties:t},onChangeHandler:i,value:a}=e;return n.createElement("div",{className:"matrix-container","data-test-input":"matrix"},n.createElement("table",{className:"st-mt-table"},n.createElement("thead",{className:"st-mt-thead"},n.createElement("tr",{className:"st-mt-tr"},n.createElement("th",{className:"m-s-b-s-q-m-s-th-empty st-mt-th"}),t?.rating_labels?.map(((e,t)=>{if(e.is_active)return n.createElement("th",{key:e.id,className:"m-s-b-s-q-m-s-th st-mt-th"},e.text)})))),n.createElement("tbody",{className:"st-mt-tbody"},t?.statements?.map(((e,r)=>{if(e.is_active)return n.createElement("tr",{key:e.id,className:"m-s-b-s-q-m-s-tr-hover st-mt-tr"},n.createElement("td",{className:"m-s-b-s-q-m-s-input st-mt-td"},e.text),t?.rating_labels?.map(((o,s)=>{if(!o.is_active)return;const l=a?.find((t=>t?.statement_id===e?.id));return n.createElement("td",{key:o.id,className:"m-s-b-s-q-m-s-switch st-mt-td"},"SINGLE_ANSWER"===t?.type&&n.createElement(_i,{key:o.id||`${r}-key-${s}`,name:`q-m-s-radio-${r}-key-${s}`,checked:!!l?.rating_labels?.find((e=>e?.id===o?.id)),value:o.id||"",onChange:()=>{e?.id&&o?.id&&i(l?.statement_id?[...a||[]].map((e=>e?.statement_id===l?.statement_id?{...l,rating_labels:[{id:o.id||"",text:o?.text||""}]}:e)):[...a||[],{statement_id:e.id,rating_labels:[{id:o.id,text:o?.text||""}]}])}},""),"MULTIPLE_ANSWERS"===t?.type&&n.createElement(Si,{key:o.id||`${r}-key-${s}`,name:`q-m-s-checkbox-${r}-key-${s}`,checked:!!l?.rating_labels?.find((e=>e?.id===o?.id)),onChange:(t,n)=>{e?.id&&o?.id&&i(l?.statement_id?[...a||[]].map((e=>e.statement_id===l.statement_id?{...l,rating_labels:n?[...l.rating_labels||[],{id:o.id||"",text:o?.text||""}]:(l.rating_labels||[]).filter((e=>e?.id!==o.id))}:e)):[...a||[],{statement_id:e.id,rating_labels:[{id:o.id,text:o?.text||""}]}])}},""))})))})))))};be("@keyframes animate-fade {\n 0% {\n opacity: 0;\n transform: scale(0.8, 0.8);\n }\n 100% {\n opacity: 1;\n transform: scale(1, 1);\n }\n}\n.freemium-survey-components .custom-fade {\n animation-duration: 0.2s;\n animation-name: animate-fade;\n animation-fill-mode: backwards;\n}\n.freemium-survey-components .matrix-wd-container {\n height: 100%;\n display: flex;\n flex-direction: column;\n text-align: left;\n}\n.freemium-survey-components .matrix-wd-container .matrix-st-count {\n color: #12344d;\n font-size: 12px;\n font-weight: 500;\n line-height: 22px;\n opacity: 0.3;\n margin-bottom: 4px;\n}\n.freemium-survey-components .matrix-wd-container .matrix-st-text {\n color: #12344d;\n font-size: 14px;\n font-weight: 500;\n line-height: 23px;\n margin-bottom: 12px;\n word-wrap: break-word;\n}\n.freemium-survey-components .matrix-wd-container .matrix-st-labels {\n display: flex;\n grid-gap: 8px;\n gap: 8px;\n flex: 1;\n overflow: auto;\n}\n.freemium-survey-components .matrix-wd-container .wd-style-default {\n flex-wrap: wrap;\n flex-direction: row;\n}\n.freemium-survey-components .matrix-wd-container .wd-style-cozy {\n flex-wrap: wrap;\n flex-direction: row;\n}\n.freemium-survey-components .matrix-wd-container .wd-style-compact,\n.freemium-survey-components .matrix-wd-container .mt-mobile {\n flex-wrap: nowrap;\n flex-direction: column;\n}\n.freemium-survey-components .matrix-wd-container .m-s-b-s-q-m-s-switch {\n color: #333;\n font-weight: 400;\n padding: 6px;\n}\n.freemium-survey-components .matrix-wd-container .checkbox-label,\n.freemium-survey-components .matrix-wd-container .radio-label {\n border: unset;\n min-width: unset;\n padding: unset;\n display: inline-flex;\n font-size: 14px;\n}");const TO=e=>{const{type_info:{matrix_properties:t},onChangeHandler:i,isMobile:a,statementIndex:r,value:o,widgetStyle:s}=e,l=n.useMemo((()=>(t?.statements||[]).find(((e,t)=>t===r))),[r]),u=n.useMemo((()=>o?.find((e=>e?.statement_id===l?.id))),[l,o]);return n.createElement("div",{className:"matrix-wd-container","data-test-input":"matrix"},n.createElement("div",{className:"matrix-st-count"},`${r+1}/${(t?.statements||[]).length}`),n.createElement("div",{className:"matrix-st-text custom-fade"},l?.text),n.createElement("div",{className:`matrix-st-labels ${a?"mt-mobile":""} wd-style-${s}`.trim()},t?.rating_labels?.map(((e,a)=>{if(!e.is_active)return;const r=!!u?.rating_labels?.find((t=>t?.id===e?.id));return n.createElement("div",{key:`${e.id}-${l?.id||"cs"}`,className:"m-s-b-s-q-m-s-switch custom-fade",style:{animationDelay:u?.statement_id?"unset":(a+1)/25+"s"}},"SINGLE_ANSWER"===t?.type&&n.createElement(_i,{key:e.id||`key-${a}`,name:`q-m-s-radio-key-${a}`,checked:r,value:e.id||"",onChange:()=>{l?.id&&e?.id&&i(u?.statement_id?[...o||[]].map((t=>t?.statement_id===u?.statement_id?{...u,rating_labels:[{id:e.id||"",text:e?.text||""}]}:t)):[...o||[],{statement_id:l.id,rating_labels:[{id:e.id,text:e?.text||""}]}])}},e.text||""),"MULTIPLE_ANSWERS"===t?.type&&n.createElement(Si,{key:e.id||`key-${a}`,name:`q-m-s-checkbox-key-${a}`,checked:r,onChange:(t,n)=>{if(l?.id&&e?.id){const t=u?.statement_id?[...o||[]].map((t=>t.statement_id===u.statement_id?{...u,rating_labels:n?[...u.rating_labels||[],{id:e.id||"",text:e?.text||""}]:(u.rating_labels||[]).filter((t=>t?.id!==e.id))}:t)):[...o||[],{statement_id:l.id,rating_labels:[{id:e.id,text:e?.text||""}]}];i(t)}}},e.text||""))}))))},_O=({question:e,autoFocusDelay:t,formValues:i,onChangeHandler:a})=>{const r=e?.type_info?.number_field?.decimal,o=e?.type_info?.number_field?.decimal_point,s=r?2===o?"0.01":"0.1":"1",[l,u]=n.useState(""),d=n.useMemo((()=>{const e=["+","-","e","E"];return r||e.push("."),e}),[r]);return n.createElement("div",{className:"responsive-input-field"},n.createElement(Pi,{autoFocusDelay:t,label:"",isRequired:!!e.required,value:i[e.name]||"",type:"number",step:s,placeholder:e?.type_info?.meta?.placeholder??"",onKeyDown:e=>d.includes(e.key)&&e.preventDefault(),onChange:e=>{const t=new RegExp(`^[0-9]*.[0-9]{${r?`0,${Number(o)}`:0}}$`);if(""===e.target.value)u("");else if(!t.test(e.target.value))return;(e=>{if(e.startsWith(".")&&r){const t=Number(e);a(`${t}`)}else a(e)})(e.target.value)},setFocus:!0,maxLength:18}))},AO=({question:e,autoFocusDelay:t,formValues:i,onChangeHandler:a,textboxErrors:r,setFocus:o})=>{const s=e?.type_info?.text_field?.text_type;return n.createElement("div",{className:"responsive-input-field"},n.createElement(Pi,{startAdornment:s&&"TEXT"!==s&&n.createElement("div",{style:{paddingLeft:"8px",display:"grid"}},n.createElement(ge,{name:(e=>{switch(e){case"PHONE":return"phone";case"EMAIL":return"email";case"URL":return"url";default:return""}})(s)})),setFocus:o,autoFocusDelay:t,onKeyDown:e=>{"PHONE"===s&&j(e)},label:"",isRequired:!!e.required,value:i[e.name]||"",isErrored:!!r[e.name],errorText:r[e.name]||"",placeholder:e?.type_info?.meta?.placeholder??"",onChange:e=>a(e.target.value),maxLength:50}))},IO=({survey:e,question:t,formValues:i,othersMeta:a,onChangeHandler:r,saveOthersValue:o,autoFocusDelay:s,isFinalQn:l,isWidget:u,isMobile:d,initialPivotAnswer:c,initialQuestionAnswer:m,isInitialTransition:p,formQuestionErrors:f,contactFormErrors:h,activeIndexOfRenderedStatement:g=0,textboxQuestionErrors:v,fileUploadErrors:y,onFileUpload:b,widgetStyle:w="default",setErrors:x,translationVariables:k,surveyServAssetUrl:P})=>{const M=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(TO,{type_info:t?.type_info||{},onChangeHandler:e=>{r(e?.filter((e=>(e.rating_labels||[]).length>0)))},isMobile:d,value:i[t.name]||[],statementIndex:g,widgetStyle:w}),M);switch(t?.type_info?.question_type){case"MATRIX_RATING_SCALE":return n.createElement(n.Fragment,null,n.createElement(SO,{type_info:t?.type_info||{},onChangeHandler:e=>{r(e?.filter((e=>(e.rating_labels||[]).length>0)))},value:i[t.name]||[]}),M);case"RANGE":return n.createElement(n.Fragment,null,n.createElement(Me,{question:t,onChangeHandler:r,isWidget:u,isMobile:d,widgetStyle:w,value:i[t.name],initialPivotAnswer:c,isInitialTransition:p}),M);case"CHECKBOX":case"MULTI_SELECT":return n.createElement(n.Fragment,null,n.createElement(Ei,{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:k}),M);case"RADIO":case"DROPDOWN":return n.createElement(n.Fragment,null,n.createElement(Ti,{autoFocusDelay:s,name:t.name,onChangeHandler:r,initialQuestionAnswer:m,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:k}),M);case"TEXT":return n.createElement(n.Fragment,null,n.createElement(AO,{question:t,autoFocusDelay:s,formValues:i,onChangeHandler:r,textboxErrors:v||"",setFocus:!0}),M);case"NUMBER":return n.createElement(n.Fragment,null,n.createElement(_O,{question:t,autoFocusDelay:s,formValues:i,onChangeHandler:r}),M);case"FORM_FIELD":return n.createElement(n.Fragment,null,n.createElement(EO,{question:t,isRequired:!!t.required,autoFocusDelay:s,onChangeHandler:r,formValues:i,fieldErrors:f?.[t.name]||{},language:e?.language||"en"}),M);case"CONTACT_FORM":return n.createElement(n.Fragment,null,n.createElement(lv,{question:t,autoFocusDelay:s,onChangeHandler:r,formValues:i,fieldErrors:h?.[t.name]||{}}),M);case"PARAGRAPH":return n.createElement(n.Fragment,null,n.createElement(Mi,{autoFocusDelay:s,label:"",isRequired:!!t.required,placeholder:t?.type_info?.meta?.placeholder??"",value:i[t.name]||"",onChange:e=>r(e.target.value)}),M);case"BOOLEAN":return n.createElement(n.Fragment,null,n.createElement(xe,{type_info:t?.type_info,onSelect:r,value:i[t.name],initialPivotAnswer:c,isInitialTransition:p}),M);case"MESSAGE":return M;case"CONSENT":return n.createElement(n.Fragment,null,n.createElement(ds,{question:t,onChange:r,value:i[t.name]}),M);case"SLIDER":const g=t?.type_info.meta?.slider;return n.createElement(n.Fragment,null,n.createElement(Vo,{defaultValue:[i[t.name]??g?.opening_position],min:g?.min,max:g?.max,onValueChange:([e])=>r(e),isInput:g?.numerical_input_box,gridLines:g?.grid_lines,stopAtGrid:g?.stop_at_grid_lines,allowDecimals:g?.allow_decimal,decimalPoints:g?.decimal_points,isMobile:d||"compact"===w}),M);case"RANK_ORDER":return n.createElement(n.Fragment,null,n.createElement(ho,{valueItems:i[t.name],items:t?.choices||[],onReorder:r}),M);case"DATE_TIME":return n.createElement(n.Fragment,null,n.createElement(sv,{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:k,language:e?.language||"en"}),M);case"FILE":return n.createElement(CO,{errors:y,setErrors:x,onChangeHandler:r,question:t,onFileUpload:b,value:i[t.name]||"",translationVariables:k,surveyServAssetUrl:P});default:return console.error(`Question type ${t?.type_info?.question_type} not found`),null}};be(':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 div.page-container {\n max-width: 800px;\n margin: 24px auto;\n padding: 0 16px;\n}\n.freemium-survey-components.card-survey-style div.page-container .page-title p {\n font-size: 20px;\n font-weight: 600;\n line-height: 24px;\n text-align: left;\n margin-bottom: 8px;\n}\n.freemium-survey-components.card-survey-style div.page-container .page-description p {\n font-size: 14px;\n font-weight: 400;\n line-height: 22px;\n text-align: left;\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: 800px;\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: 800px;\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: 700;\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 RO=({surveyServAssetUrl:e,thankYouQuestion:i,preview:a,placeholders:r,canResubmit:o,resetSurvey:s,navigateToStart:l,isMobile:u,allowMultipleSubmission:d,pivot:c,rangeToRender:m,translationVariables:p})=>{const{redirectUrl:f,redirectDelay:h,show_custom_button:g,show_review_links:v,show_social_links:y,image_url:b}=i?.type_info?.meta??{},[w,x]=t.useState(h??10);return t.useEffect((()=>{if(!a&&f){const e=setInterval((()=>x((e=>e>1?e-1:(window.location.href=f??"",0)))),1e3);return()=>clearInterval(e)}}),[]),n.createElement("div",{className:"question-container thankyou"},b&&n.createElement("img",{className:"thankyou-logo-img",src:b,alt:"thankyou_logo"}),n.createElement("div",{className:"heading"},i?.type_info?.header_text??(p?.thank_you||"Thank you!")),n.createElement("div",{className:"text",dangerouslySetInnerHTML:{__html:I({questionText:i.text,placeholders:r,npsRating:c?.answer,ratingLabel:T(c?.answer)?"":m?.find((e=>e?.value===String(c?.answer)))?.text??"",preference:c?.question.type_info?.scale_properties?.labels?.preference,isPreview:a})}}),(o||d)&&n.createElement("div",{className:("wrap-up-actions "+(u?"mobile":"")).trim()},o&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:()=>l()},n.createElement(ge,{name:"edit"}),p?.edit_response||"Edit your response"),d&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:s},n.createElement(ge,{name:"reload"}),p?.another_response||"Submit another response")),f&&n.createElement("div",{style:{width:"100%"}},n.createElement("div",{className:"redirection-text"},W(w,p?.redirect_msg),n.createElement("br",null)),n.createElement("a",{className:"link",href:f},f)),(g||v||y)&&n.createElement(us,{show_custom_button:g,show_review_links:v,show_social_links:y,surveyServAssetUrl:e}))},WO=({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:te("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(ge,{name:"arrow-previous"})),n.createElement("button",{className:"navigation-button",disabled:te("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(ge,{name:"arrow-next"}))),zO=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:$,fileUploadErrors:E,questions:S}=e,[T,A]=t.useState(!1),I={answers:o,blocks:l,activeIndexOfBlocks:u,activeIndexOfRenderedBlocks:c,activeIndexOfRenderedStatement:d,isMobile:x,isInitialTransition:y,renderedBlocks:s,initialPivotAnswer:b,initialStatementHasAnswer:r,surveyStyle:a,isWidget:i,blockIndex:c,questions:S},R={answers:o,blocks:l,activeIndexOfBlocks:u,isMobile:x,activeIndexOfRenderedBlocks:c,initialPivotAnswer:b,initialStatementHasAnswer:r,activeIndexOfRenderedStatement:d,renderedBlocks:s,isSubmitting:T,isWidget:i},{question:W}=s[c],z=W?.type_info?.meta?.display_format,j=F({blocks:l,activeIndexOfBlocks:u,renderedBlocks:s,activeIndexOfRenderedBlocks:c,questions:S});return n.createElement(n.Fragment,null,(J("navigation",I)||J("next",I)||J("next-statement",I)||J("consent",I)||J("submit",I)||J("skip",I)||J("skip-statement",I)||J("message",I))&&n.createElement("div",{className:"question-footer"},J("navigation",I)&&n.createElement(WO,{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"},J("next",I)&&n.createElement(Ri,{onClick:()=>{0!==c||!y||"RANGE"!==W.type_info?.question_type&&"BOOLEAN"!==W.type_info?.question_type||void 0===b?m(s[c],"CHECKBOX"===W?.type_info?.meta?.display_format&&"CONSENT"===W?.type_info?.question_type?o.formValues[W.name]??!1:null,!0):m(s[c],b,!0)},disabled:te("next",R),className:"next-button"},w?.next||"Next"),J("next-statement",I)&&n.createElement(Ri,{onClick:()=>{k?.()},disabled:!!te("next-statement",R),className:"next-button"},w?.next||"Next"),J("consent",I)&&"BUTTON"===z&&C.map((e=>n.createElement(Ri,{key:c+String(e.recordAs),onClick:()=>{m(s[c],e.recordAs,!0)},disabled:te("consent",R),className:(e.recordAs?"next":"secondary")+"-button"},W?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue))),J("submit",I)&&n.createElement("div",{className:"submit"},n.createElement(Ri,{disabled:te("submit",R),onClick:()=>{_(P?.[W.name])&&_(M?.[W.name])&&_(E?.[W.name])&&_($?.[W.name])&&(A(!0),p("COMPLETE"))}},T?w?.submitting||"Submitting":w?.submit_survey||"Submit")),J("skip",I)&&n.createElement("button",{className:"skip-button",onClick:f,"aria-label":"skip question"},w?.skip||"Skip"),J("skip-statement",I)&&n.createElement("button",{className:"skip-button",onClick:h,"aria-label":"skip statement"},w?.skip||"Skip"),J("message",I)&&n.createElement(Ri,{onClick:()=>{j?(A(!0),p("COMPLETE")):f()},disabled:te("message",R),className:"next-button"},W?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"))))},jO=e=>{const{blocks:a,pages:r,activePage:o,renderedBlocks:s,activeBlock:l,activeIndexOfBlocks:u,activeIndexOfRenderedBlocks:d,isSurveyCompleted:c,isReverseAnimation:m,saveFormValues:p,saveOthersValue:f,skipBlock:h,skipStatement:g,onSubmitHandler:v,navigateToNextBlock:y,navigateToPreviousBlock:b,answers:w,questions:x,pivot:k,isInitialTransition:P,resetSurvey:M,activeIndexOfRenderedStatement:$,navigateToNextStatement:C,navigateToPreviousStatement:E,navigateToStart:S,translationVariables:W,initialStatementHasAnswer:z,formQuestionErrors:j,textboxQuestionErrors:O,contactFormErrors:N,fileUploadErrors:L,setErrors:D}=me(e),q=_(w.formValues)&&e.survey.prompt_settings?.is_enabled&&e.preview,[H,G]=t.useState(q),U=n.useMemo((()=>A(k?.question)),[k?.question]);return t.useEffect((()=>{l&&e.onBlockChange?.(l)}),[l,e]),t.useEffect((()=>{e.getSurveyProgress?.({totalBlocks:a.length,isSurveyCompleted:c,activeIndexOfBlocks:u})}),[a.length,c,u]),l&&l.question?n.createElement("div",{className:`freemium-survey-components ${e.isMobile?"mobile-preview":""} ${e.surveyStyle}-survey-style`,id:"freemium-survey",style:{...R(e.survey.ui_theme||{})}},n.createElement(i.SwitchTransition,{mode:"out-in"},n.createElement(i.CSSTransition,{key:d+String(c)+String(H),addEndListener:(e,t)=>{e.addEventListener("transitionend",t,!1)},classNames:m?"fade-reverse":"fade"},n.createElement("div",{className:"questions"},c?n.createElement(RO,{surveyServAssetUrl:e.surveyServAssetUrl??"",thankYouQuestion:B({pivotQn:k?.question,pivotQnAnswer:k?.answer,block:Z({activeBlock:l,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:w,questions:x,activeIndexOfBlocks:u,renderedBlocks:s,contactData:e.contactData}),questions:x}),canResubmit:e.canResubmit,allowMultipleSubmission:e.allowMultipleSubmission,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",S):S()},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",M):M()},preview:!!e.preview,placeholders:e.placeholders,isMobile:e.isMobile,pivot:k,rangeToRender:U,translationVariables:W}):n.createElement(n.Fragment,null,r.length>0&&o?.page_id&&n.createElement("div",{className:"page-container"},n.createElement("div",{className:"page-title",dangerouslySetInnerHTML:{__html:I({questionText:o?.title,placeholders:{},isPreview:!1})}}),n.createElement("div",{className:"page-description",dangerouslySetInnerHTML:{__html:I({questionText:o?.description,placeholders:{},isPreview:!1})}})),n.createElement("div",{id:`${l.question.name}`,className:"question-container","data-test-question-name":l.question.name},H&&e.survey.prompt_settings?n.createElement(ls,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt?.(t),1===t&&G(!1)},placeholders:e.placeholders,isPreview:!!e.preview}):n.createElement(n.Fragment,null,n.createElement("div",{className:("question-text "+(!l.question.type_info?.pivot_question&&l.required?"required":"")).trim(),dangerouslySetInnerHTML:{__html:I({questionText:l?.question.text,placeholders:e.placeholders,npsRating:k?.answer,ratingLabel:T(k?.answer)?"":U?.find((e=>e?.value===String(k?.answer)))?.text??"",preference:k?.question.type_info?.scale_properties?.labels?.preference,isPreview:!!e.preview})},"aria-label":`question-${d}`,role:"heading","aria-level":1}),n.createElement("div",{onTransitionEndCapture:e=>e.stopPropagation(),style:{width:"100%",position:"relative"}},n.createElement(IO,{surveyServAssetUrl:e.surveyServAssetUrl,setErrors:D,onFileUpload:e.onFileUpload,survey:e.survey,question:l.question,isFinalQn:F({blocks:a,activeIndexOfBlocks:u,renderedBlocks:s,activeIndexOfRenderedBlocks:d,questions:x}),formValues:w.formValues,othersMeta:w.others,autoFocusDelay:"standard"===e.surveyStyle?350:0,activeIndexOfRenderedStatement:$,saveOthersValue:f,onChangeHandler:e=>{p(l,e)},isMobile:!!e.isMobile,initialPivotAnswer:e.initialPivotAnswer,initialQuestionAnswer:e.initialQuestionAnswer,isInitialTransition:P,formQuestionErrors:j,textboxQuestionErrors:O,fileUploadErrors:L,contactFormErrors:N,translationVariables:W})),n.createElement(zO,{isWidget:!1,surveyStyle:e.surveyStyle,answers:w,renderedBlocks:s,blocks:a,activeIndexOfRenderedStatement:$,initialStatementHasAnswer:z,navigateToNextStatement:C,navigateToPreviousStatement:E,activeIndexOfRenderedBlocks:d,activeIndexOfBlocks:u,saveFormValues:p,skipBlock:h,skipStatement:g,onSubmitHandler:v,navigateToPreviousBlock:b,navigateToNextBlock:y,isInitialTransition:P,initialPivotAnswer:e.initialPivotAnswer,isMobile:!!e.isMobile,translationVariables:W,formQuestionErrors:j,textboxQuestionErrors:O,fileUploadErrors:L,contactFormErrors:N,questions:x}))))))),n.createElement(Ko,{...e.footerProps})):null};be(':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 div.page-container {\n margin: 0 10%;\n}\n.freemium-survey-components.standard-survey-style div.page-container .page-title p {\n font-size: 20px;\n font-weight: 600;\n line-height: 24px;\n text-align: left;\n margin-bottom: 8px;\n}\n.freemium-survey-components.standard-survey-style div.page-container .page-description p {\n font-size: 14px;\n font-weight: 400;\n line-height: 22px;\n text-align: left;\n}\n.freemium-survey-components.standard-survey-style .questions {\n display: flex;\n flex-direction: column;\n grid-gap: 28px;\n gap: 28px;\n padding: 28px;\n}\n.freemium-survey-components.standard-survey-style .question-container {\n display: flex;\n flex-direction: column;\n text-align: center;\n margin: 0 10%;\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 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 margin: 0 10%;\n text-align: left;\n background: transparent;\n box-shadow: none;\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\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: 700;\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 OO=["next","next-statement","skip","submit","navigation","clear-selection","message","consent"],NO=({activeIndexOfBlocks:e,activeIndexOfRenderedBlocks:t,renderedBlocks:i,blocks:a,initialStatementHasAnswer:r,activeIndexOfRenderedStatement:o,answers:s,pages:l,navigateToNextPage:u,navigateToPreviousPage:d,translationVariables:c})=>n.createElement("div",{className:"freemium-survey-step-navigation","data-navigation-element":"1"},n.createElement("button",{disabled:te("navigation-page-prev",{blocks:a,answers:s,renderedBlocks:i,pages:l,initialStatementHasAnswer:r,activeIndexOfBlocks:e,activeIndexOfRenderedBlocks:t,activeIndexOfRenderedStatement:o}),className:"navigation-button",onClick:d,title:c?.prev_question??"go to previous question"},n.createElement(ge,{name:"arrow-previous"})),n.createElement("button",{className:"navigation-button",disabled:te("navigation-page-next",{blocks:a,answers:s,renderedBlocks:i,pages:l,activeIndexOfBlocks:e,initialStatementHasAnswer:r,activeIndexOfRenderedBlocks:t,activeIndexOfRenderedStatement:o}),title:c?.next_question||"Go to next question",onClick:u},n.createElement(ge,{name:"arrow-next"}))),LO=({surveyServAssetUrl:e,thankYouQuestion:i,preview:a,placeholders:r,canResubmit:o,allowMultipleSubmission:s,navigateToStart:l,resetSurvey:u,isMobile:d,pivot:c,rangeToRender:m,translationVariables:p})=>{const{redirectUrl:f,redirectDelay:h,image_url:g,show_custom_button:v,show_review_links:y,show_social_links:b}=i?.type_info?.meta??{},[w,x]=t.useState(h??10);return t.useEffect((()=>{if(!a&&f){const e=setInterval((()=>x((e=>e>1?e-1:(window.location.href=f??"",0)))),1e3);return()=>clearInterval(e)}}),[]),n.createElement("div",{className:"question-container thankyou"},g&&n.createElement("img",{className:"thankyou-logo-img",src:g,alt:"thankyou_logo"}),n.createElement("div",{className:"heading"},i?.type_info?.header_text??(p?.thank_you||"Thank you!")),n.createElement("div",{className:"text",dangerouslySetInnerHTML:{__html:I({questionText:i.text,placeholders:r,npsRating:c?.answer,ratingLabel:T(c?.answer)?"":m?.find((e=>e?.value===String(c?.answer)))?.text??"",preference:c?.question.type_info?.scale_properties?.labels?.preference,isPreview:a})}}),(o||s)&&n.createElement("div",{className:("wrap-up-actions "+(d?"mobile":"")).trim()},o&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:()=>l()},n.createElement(ge,{name:"edit"}),p?.edit_response||"Edit your response"),s&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:u},n.createElement(ge,{name:"reload"}),p?.another_response||"Submit another response")),f&&n.createElement("div",{style:{width:"100%"}},n.createElement("div",{className:"redirection-text"},W(w,p?.redirect_msg),n.createElement("br",null)),n.createElement("a",{className:"link",href:f},f)),n.createElement(us,{show_custom_button:v,show_review_links:y,show_social_links:b,surveyServAssetUrl:e}))},DO=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,isInitialTransition:h,clearRadioSelection:g,initialStatementHasAnswer:v,initialPivotAnswer:y,questions:b,onSubmitHandler:w}=e,x={answers:r,blocks:l,blockIndex:t,activeIndexOfBlocks:d,isMobile:u,initialStatementHasAnswer:v,activeIndexOfRenderedBlocks:c,activeIndexOfRenderedStatement:0,renderedBlocks:o,surveyStyle:a,isWidget:i,isInitialTransition:h,initialPivotAnswer:y,questions:b},k={answers:r,blocks:l,activeIndexOfBlocks:d,initialPivotAnswer:y,initialStatementHasAnswer:v,isMobile:u,isInitialTransition:h,activeIndexOfRenderedBlocks:c,activeIndexOfRenderedStatement:0,renderedBlocks:o},P={};OO.forEach((e=>{P[e]=!!J(e,x)}));const{question:M}=o[t??c],$=M?.type_info?.meta?.display_format,E=F({blocks:l,activeIndexOfBlocks:d,renderedBlocks:o,activeIndexOfRenderedBlocks:c,questions:b});return P?.next||P?.["next-statement"]||P?.skip||P?.consent||P?.["clear-selection"]||P?.message?n.createElement("div",{className:"question-footer"},n.createElement("div",{className:"action-buttons"},P?.next&&n.createElement(Ri,{onClick:()=>{0!==c||!h||"RANGE"!==M.type_info?.question_type&&"BOOLEAN"!==M.type_info?.question_type||void 0===y?p(o[c],"CHECKBOX"===M?.type_info?.meta?.display_format&&"CONSENT"===M?.type_info?.question_type?r.formValues[M.name]??!1:null,!0):p(o[c],y,!0)},disabled:!!te("next",k),className:"next-button"},m?.next||"Next"),P?.["next-statement"]&&n.createElement(Ri,{onClick:()=>{s?.()},disabled:!!te("next-statement",k),className:"next-button"},m?.next||"Next"),P?.consent&&"BUTTON"===$&&C.map((e=>n.createElement(Ri,{key:c+String(e.recordAs),onClick:()=>{p(o[c],e.recordAs,!0)},disabled:te("consent",k),className:(e.recordAs?"next":"secondary")+"-button"},M?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue))),P.skip&&n.createElement("button",{className:"sec-button",onClick:f,"aria-label":"skip question"},m?.skip||"Skip"),P?.["clear-selection"]&&n.createElement("button",{className:"sec-button",onClick:()=>g(t)},m?.clear_selection||"Clear selection"),P?.message&&n.createElement(Ri,{onClick:()=>{E?w("COMPLETE"):f()},disabled:te("message",k),className:"next-button"},M?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"))):null},FO=e=>{const{pages:a,activePage:r,navigateToNextPage:o,navigateToPreviousPage:s,isInitialTransition:l,blocks:u,renderedBlocks:d,activeBlock:c,activeIndexOfBlocks:m,activeIndexOfRenderedBlocks:p,isSurveyCompleted:f,translationVariables:h,saveFormValues:g,saveOthersValue:v,skipBlock:y,skipStatement:b,clearRadioSelection:w,onSubmitHandler:x,answers:k,questions:P,resetSurvey:M,initialStatementHasAnswer:$,navigateToStart:C,activeIndexOfRenderedStatement:E,navigateToNextStatement:S,navigateToPreviousStatement:W,pivot:z,formQuestionErrors:j,textboxQuestionErrors:O,contactFormErrors:N,fileUploadErrors:q,setErrors:H}=(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({formQuestionErrors:{},textboxQuestionErrors:{},fileUploadErrors:{},contactFormErrors:{}}),[u]=t.useState(e.survey.pages??[]),[d,c]=t.useState(u?.[0]),m=t.useMemo((()=>re({blocks:o,questions:i,initialPivotAnswer:e.initialPivotAnswer,responses:e.answers,answerStatus:e.answerStatus||"PARTIAL"})),[o,i,e.answers]),[p,f]=t.useState(m.renderedBlocks),[h,g]=t.useState(m.activeIndexOfRenderedBlocks),[v,y]=t.useState(m.activeIndexOfRenderedStatement),b=t.useRef(m.pivot),w=t.useRef(m.isInitialTransition),[x,k]=t.useState(m.answers),P=t.useRef(((m.isConsideredCompleted||"PARTIAL"===e.answerStatus)&&e.canResubmit)??!1),[M,$]=t.useState(!1),C=t.useRef(null),E=p[h],S=n.useMemo((()=>p.length>0?o?.findIndex((e=>e.name===p[h]?.name)):0),[h]);t.useEffect((()=>{if(0===u.length)return;const e=p?.[h]?.page_id,t=u.find((t=>t.page_id===e));e&&t?.page_id&&c(t)}),[c,p,u,h]),t.useEffect((()=>{if(m.isConsideredCompleted&&w.current&&e.canResubmit)return;const{others_meta:t,...n}=e.answers||{};b.current={...b.current,question:L({questions:i,blocks:o})};const a=i.find((e=>e.name===o?.[0]?.question_name||e.name===o?.[0]?.question_names?.[0]))??b.current.question;if(!o||!o.length||!_(n))return void(_(n)||void 0===e.initialPivotAnswer||n[a.name]===e.initialPivotAnswer||k({...x,formValues:{[a.name]:e.initialPivotAnswer}}));if(null!=e.initialPivotAnswer){const t=D(b.current.question,e.initialPivotAnswer);b.current={...b.current,answer:"BOOLEAN"===a?.type_info?.question_type?Boolean(t):t},k({...x,formValues:{...x.formValues,[a.name]:b.current.answer}})}else null!=e.initialQuestionAnswer&&k({...x,formValues:{...x.formValues,[a.name]:e.initialQuestionAnswer}});const r=B({pivotQn:b.current.question,pivotQnAnswer:b.current.answer,block:o[0],questions:i});f([{...o[0],question:r}])}),[o,e.initialPivotAnswer]),t.useEffect((()=>{m.isConsideredCompleted&&w.current&&e.canResubmit||(p.length&&g(p.length-1),C.current?.scrollIntoView({block:"start",behavior:"smooth"}))}),[p]),t.useEffect((()=>{if(!(m.isConsideredCompleted&&w.current&&e.canResubmit)&&!_(x.formValues)&&o&&T())if(K({blocks:o,activeIndexOfBlocks:S,renderedBlocks:p,activeIndexOfRenderedBlocks:h,answers:x,questions:i,surveyLayout:"standard"})){const t=()=>{const e=X({renderedBlocks:p,activeBlock:E,blocks:o,activeIndexOfBlocks:S,answers:x,questions:i,contactData:a,pages:u});if(e===1/0)return void setTimeout((()=>{A("COMPLETE"),$(!0)}));setTimeout((()=>{A()}));const t=B({pivotQn:b.current?.question,pivotQnAnswer:b.current?.answer,block:o?.[e],questions:i}),n=ie({renderedBlocks:p,activeIndexOfRenderedBlocks:h});f([...n,{...o?.[e],question:t}])};null!=e.initialPivotAnswer&&1==p.length&&w.current||t()}else"MATRIX_RATING_SCALE"===E?.question?.type_info?.question_type&&A()}),[x,o]);const T=()=>{if(E.question_name)switch(E.question?.type_info?.question_type){case"FORM_FIELD":return se({fields:E.question?.type_info?.form_fields?.fields,answers:x.formValues?.[E.question_name]||{},errorSetter:l,questionName:E.question_name,errors:s,translationVariables:r});case"TEXT":return le({type:E.question?.type_info?.text_field?.text_type,answer:x.formValues?.[E.question_name]||"",errorSetter:l,questionName:E.question_name,errors:s,translationVariables:r});case"CONTACT_FORM":return ue({fields:E.question?.type_info?.contact_form?.fields,answers:x.formValues?.[E.question_name]||{},errorSetter:l,questionName:E.question_name,errors:s,translationVariables:r});case"FILE":return de({errors:s.fileUploadErrors})}return!0},A=(t="PARTIAL")=>{let n=()=>{};if(!T())return;let a={...x.formValues};"COMPLETE"===t&&(n=()=>{$(!0),P.current=!1},"CONSENT"===E.question?.type_info?.question_type&&"CHECKBOX"===E.question?.type_info?.meta?.display_format&&E.question_name&&_(x.formValues[E.question_name])&&!E.required&&(a[E.question_name]=!1,k((e=>({...e,formValues:{...e.formValues,[E.question?.name]:!1},commitDirtyValue:!1})))),a=ce({answers:{...x,formValues:a},blocks:o,questions:i})),E.question_name&&void 0===a[E.question_name]&&(a[E.question_name]=null),e.onSubmit({...a,others_meta:x.others},n,t,P.current?"EDIT":"CREATE")},I=()=>{const e=E.question;if(P.current||h===p.length-1)k({...x,formValues:{...x.formValues,[e.name]:null},commitDirtyValue:!0}),w.current&&(w.current=!1);else{const t=ne({renderedBlocks:p,activeIndexOfRenderedBlocks:h,answers:x}),n=ie({renderedBlocks:p,activeIndexOfRenderedBlocks:h});f(n),k({...t,formValues:{...t.formValues,[e.name]:null},commitDirtyValue:!0})}},R=()=>{y((e=>e+1))},W=(e,t,n=!1,i=h)=>{w.current=!1,e.question.name===b.current?.question.name&&(b.current={...b.current,answer:"BOOLEAN"===b.current?.question?.type_info?.question_type?Boolean(t):t});let a=x;P.current||!n&&!Y({question:e.question,answers:x,isLastRenderedBlock:h===p.length-1})||(a=ne({renderedBlocks:p,activeIndexOfRenderedBlocks:i,answers:x})),i!==h&&g(i),k({...a,formValues:{...a.formValues,...null!=t&&{[e.question.name]:"BOOLEAN"===b.current?.question?.type_info?.question_type?Boolean(t):t}},commitDirtyValue:n}),"SINGLE_ANSWER"===E.question.type_info?.matrix_properties?.type&&v<(E.question?.type_info?.matrix_properties?.statements||[]).length-1&&setTimeout((()=>{R?.()}),0)},z=n.useMemo((()=>{if("MATRIX_RATING_SCALE"!==E?.question?.type_info?.question_type)return!1;const e=(E?.question?.type_info?.matrix_properties?.statements||[])[v];return((x.formValues[E?.question.name]||[]).find((t=>t.statement_id===e?.id))?.rating_labels||[]).length>0}),[v,h]);return{blocks:o,pages:u,navigateToPreviousPage:()=>{let e=d?.page_id,t=h-1;for(;e===d?.page_id&&!(t<0);)e=p[t].page_id,t--;g(t+1)},navigateToNextPage:()=>{let e=d?.page_id,t=h+1;for(;e===d?.page_id&&!(t>=p.length);)e=p[t].page_id,t++;g(t-1)},activePage:d,questions:i,renderedBlocks:p,initialStatementHasAnswer:z,activeBlock:E,activeIndexOfBlocks:S,activeIndexOfRenderedBlocks:h,activeIndexOfRenderedStatement:v,navigateToNextStatement:R,navigateToPreviousStatement:()=>{y((e=>e-1))},isInitialTransition:w.current,isSurveyCompleted:M,pivot:b.current,answers:x,translationVariables:r,...s,setErrors:l,saveFormValues:W,saveOthersValue:(e,t,n=h)=>{if(n!==h&&g(n),null===t){const t={...x.others};delete t[e],k({...x,commitDirtyValue:!1,others:t})}else k({...x,commitDirtyValue:!1,others:{...x.others,[e]:t}})},skipBlock:I,skipStatement:()=>{if(e.isMobile||e.isWidget){const e=E?.question?.type_info?.matrix_properties?.statements||[],t=e[v],n=x.formValues[E?.question.name]||[],i=v<e.length-1;W(E,n.filter((e=>e.statement_id!==t.id)),!i),i&&"MULTIPLE_ANSWERS"===E?.question?.type_info?.matrix_properties?.type&&setTimeout((()=>{R?.()}),0)}else I()},clearRadioSelection:e=>{e!==h&&g(e);const t=p[e].question;delete x.formValues[t.name],delete x.others[t.name];const n=ne({renderedBlocks:p,activeIndexOfRenderedBlocks:e,answers:x}),i=ie({renderedBlocks:p,activeIndexOfRenderedBlocks:e});f(i),k({...n,commitDirtyValue:!1})},onSubmitHandler:A,navigateToStart:()=>{P.current=!0,$(!1)},resetSurvey:()=>{$(!1);const e=B({pivotQn:b.current?.question,pivotQnAnswer:b.current?.answer,block:o[0],questions:i});f([{...o[0],question:e}]),g(0),k({formValues:{},others:{},commitDirtyValue:!1}),sessionStorage.clear()}}})(e),G=t.useRef(null),[U,V]=t.useState(!1),Q=n.useMemo((()=>A(z?.question)),[z?.question]),ee=_(k.formValues)&&e.survey.prompt_settings?.is_enabled&&e.preview,[ae,oe]=t.useState(ee);if(t.useEffect((()=>{G.current?.scrollIntoView({block:"start",behavior:"smooth"})}),[d]),t.useEffect((()=>{e.getSurveyProgress?.({totalBlocks:u.length,isSurveyCompleted:f,activeIndexOfBlocks:m})}),[u.length,f,m]),!c||!c.question)return null;const{question:me}=d[p],pe={answers:k,blocks:u,activeIndexOfBlocks:m,activeIndexOfRenderedBlocks:p,activeIndexOfRenderedStatement:E,isMobile:!!e.isMobile,isInitialTransition:l,renderedBlocks:d,initialPivotAnswer:e.initialPivotAnswer,initialStatementHasAnswer:$,surveyStyle:e.surveyStyle,isWidget:!!e.isWidget,blockIndex:p,questions:P,pages:a},fe=J("page-navigation",pe),he=J("submit",pe);return n.createElement("div",{className:`freemium-survey-components ${e.isMobile?"mobile-preview":""} standard-survey-style`,id:"freemium-survey",style:{...R(e.survey.ui_theme||{})}},n.createElement(i.SwitchTransition,{mode:"out-in"},n.createElement(i.CSSTransition,{key:String(f)+String(ae),addEndListener:(e,t)=>{e.addEventListener("transitionend",t,!1)},classNames:"fade"},n.createElement("div",null,ae&&e.survey.prompt_settings?n.createElement("div",{className:"questions"},n.createElement("div",{className:"question-container"},n.createElement(ls,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt?.(t),1===t&&oe(!1)},placeholders:e.placeholders,isPreview:!!e.preview}))):n.createElement(n.Fragment,null,f?n.createElement(LO,{surveyServAssetUrl:e.surveyServAssetUrl??"",thankYouQuestion:B({pivotQn:z?.question,pivotQnAnswer:z?.answer,block:Z({activeBlock:c,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:k,questions:P,activeIndexOfBlocks:m,renderedBlocks:d,contactData:e.contactData}),questions:P}),preview:!!e.preview,placeholders:e.placeholders,pivot:{...z,question:z?.question||{name:""},answer:z?.answer},rangeToRender:Q,canResubmit:e.canResubmit,isMobile:e.isMobile,allowMultipleSubmission:e.allowMultipleSubmission,translationVariables:h,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",(()=>{V(!1),C()})):(V(!1),C())},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",(()=>{V(!1),M()})):(V(!1),M())}}):n.createElement(n.Fragment,null,n.createElement("div",{onTransitionEndCapture:e=>e.stopPropagation(),className:"questions"},a.length>0&&r?.page_id&&n.createElement("div",{className:"page-container"},n.createElement("div",{className:"page-title",dangerouslySetInnerHTML:{__html:I({questionText:r?.title,placeholders:{},isPreview:!1})}}),n.createElement("div",{className:"page-description",dangerouslySetInnerHTML:{__html:I({questionText:r?.description,placeholders:{},isPreview:!1})}})),d.map(((t,i)=>a.length>0&&c.page_id!==t.page_id?null:n.createElement("div",{key:t.question.name,ref:G,className:"question-container"},n.createElement("div",{className:`question-text ${!c.question.type_info?.pivot_question&&c.required?"required":""} ${0===i?"nps":""}`.trim(),dangerouslySetInnerHTML:{__html:I({questionText:t.question.text,placeholders:e.placeholders,npsRating:z?.answer,ratingLabel:T(z?.answer)?"":Q?.find((e=>e?.value===String(z?.answer)))?.text??"",preference:z?.question.type_info?.scale_properties?.labels?.preference,isPreview:!!e.preview})},"aria-label":`question-${i}`,role:"heading","aria-level":1}),n.createElement(IO,{surveyServAssetUrl:e.surveyServAssetUrl,fileUploadErrors:q,setErrors:H,onFileUpload:e.onFileUpload,survey:e.survey,question:t.question,isFinalQn:F({blocks:u,activeIndexOfBlocks:m,renderedBlocks:d,activeIndexOfRenderedBlocks:p,questions:P}),formValues:k.formValues,othersMeta:k.others,isMobile:!!e.isMobile,autoFocusDelay:"standard"===e.surveyStyle?350:20,activeIndexOfRenderedStatement:E,saveOthersValue:(e,t)=>{v(e,t,i)},onChangeHandler:e=>{g(t,e,!1,i)},initialPivotAnswer:e.initialPivotAnswer,initialQuestionAnswer:e.initialQuestionAnswer,formQuestionErrors:j,textboxQuestionErrors:O,contactFormErrors:N,translationVariables:h}),n.createElement(DO,{isWidget:!1,surveyStyle:e.surveyStyle,answers:k,renderedBlocks:d,blocks:u,blockIndex:i,isInitialTransition:l,activeIndexOfRenderedBlocks:p,initialStatementHasAnswer:$,navigateToNextStatement:S,navigateToPreviousStatement:W,activeIndexOfBlocks:m,saveFormValues:g,isMobile:!!e.isMobile,skipBlock:y,skipStatement:b,clearRadioSelection:w,onSubmitHandler:x,initialPivotAnswer:e.initialPivotAnswer,translationVariables:h,formQuestionErrors:j,textboxQuestionErrors:O,contactFormErrors:N,fileUploadErrors:q,questions:P})))),(fe||he)&&n.createElement("div",{className:"submit"},n.createElement("div",null,fe&&n.createElement(NO,{answers:k,activeIndexOfBlocks:m,pages:a,activeIndexOfRenderedBlocks:p,renderedBlocks:d,initialStatementHasAnswer:$,blocks:u,activeIndexOfRenderedStatement:E,navigateToNextPage:o,navigateToPreviousPage:s,translationVariables:h})),he&&n.createElement(Ri,{disabled:!!te("submit",{answers:k,blocks:u,initialStatementHasAnswer:$,activeIndexOfBlocks:m,activeIndexOfRenderedBlocks:p,renderedBlocks:d,activeIndexOfRenderedStatement:E,isSubmitting:U}),onClick:()=>{_(j?.[me.name])&&_(O?.[me.name])&&_(q?.[me.name])&&_(N?.[me.name])&&(V(!0),x("COMPLETE"))}},U?h?.submitting||"Submitting":h?.submit_survey||"Submit")))))))),n.createElement(Ko,{...e.footerProps}))};be('#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 height: -moz-fit-content;\n height: fit-content;\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}');be(':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 div.page-container {\n max-width: 800px;\n margin: 24px auto;\n padding: 0 16px;\n}\n.freemium-survey-components.widget-survey-components div.page-container .page-title p {\n font-size: 20px;\n font-weight: 600;\n line-height: 24px;\n text-align: left;\n margin-bottom: 8px;\n}\n.freemium-survey-components.widget-survey-components div.page-container .page-description p {\n font-size: 14px;\n font-weight: 400;\n line-height: 22px;\n text-align: left;\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: 800px;\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: 700;\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 BO=({surveyServAssetUrl:e,thankYouQuestion:t,placeholders:i,canResubmit:a,navigateToStart:r,resetSurvey:o,widgetStyle:s,allowMultipleSubmission:l,pivot:u,rangeToRender:d,translationVariables:c})=>{const{show_custom_button:m,show_review_links:p,show_social_links:f,image_url:h}=t?.type_info?.meta??{};return n.createElement("div",{className:"thankyou-container"},h&&n.createElement("img",{className:"thankyou-logo-img",src:h,alt:"thankyou_logo"}),n.createElement("div",null,n.createElement("div",{className:h?"heading":"heading thankyou-image"},t?.type_info?.header_text??(c?.thank_you||"Thank you!")),n.createElement("div",{className:h?"text":"text thankyou-image",dangerouslySetInnerHTML:{__html:I({questionText:t.text,placeholders:i,npsRating:u?.answer,ratingLabel:T(u?.answer)?"":d?.find((e=>e?.value===String(u?.answer)))?.text??"",preference:u?.question.type_info?.scale_properties?.labels?.preference})}}),(a||l)&&n.createElement("div",{className:`wrap-up-actions ${h?"":"thank-you-image"} ${"compact"===s?"mobile":""}`.trim()},a&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:r},n.createElement(ge,{name:"edit"}),c?.edit_response||"Edit your response"),l&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:o},n.createElement(ge,{name:"reload"}),c?.another_response||"Submit another response")),n.createElement(us,{show_custom_button:m,show_review_links:p,show_social_links:f,surveyServAssetUrl:e})))},qO=({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:!!te("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(ge,{name:"arrow-previous"})),n.createElement("button",{className:"navigation-button",disabled:!!te("navigation-next",c),onClick:d,title:s?.next_question||"go to next question"},n.createElement(ge,{name:"arrow-next"})))},HO=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,[$,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:$},{question:A}=s[c],I=A?.type_info?.question_type,R=(e=!1)=>{const t=e?[...C].reverse():[...C];return J("consent",S)&&"BUTTON"===z&&t.map((e=>n.createElement(Ri,{key:c+String(e.id),onClick:()=>{p(s[c],e.recordAs,!0)},disabled:te("consent",T),className:(e.recordAs?"next":"secondary")+"-button"},A?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue)))},W="compact"===a&&(J("navigation",S)&&J("skip",S)||"CONSENT"===I||"MESSAGE"===I),z=A?.type_info?.meta?.display_format;return n.createElement(n.Fragment,null,(J("navigation",S)||J("next",S)||J("next-statement",S)||J("consent",S)||J("submit",S)||J("skip",S)||J("skip-statement",S)||J("message",S))&&n.createElement("div",{className:"question-footer"},W?n.createElement(n.Fragment,null,J("next",S)&&n.createElement(Ri,{onClick:()=>{p(s[c],"CHECKBOX"===A?.type_info?.meta?.display_format&&"CONSENT"===A?.type_info?.question_type?r.formValues[A.name]??!1:null,!0)},disabled:!!te("next",T),className:"next-button"},m?.next||"Next"),J("message",S)&&n.createElement(Ri,{onClick:g,disabled:te("message",T),className:"next-button"},A?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"),J("submit",S)&&n.createElement("div",{className:"submit"},n.createElement(Ri,{disabled:!!te("submit",T),onClick:()=>{_(w?.[A.name])&&_(x?.[A.name])&&_(k?.[A.name])&&_(P?.[A.name])&&(E(!0),h("COMPLETE"))}},$?m?.submitting||"Submitting":m?.submit_survey||"Submit")),J("next-statement",S)&&n.createElement(Ri,{onClick:()=>{d?.()},disabled:!!te("next-statement",T),className:"next-button"},m?.next||"Next"),R(),n.createElement("div",{className:"compact-footer-layout"},n.createElement(qO,{answers:r,activeIndexOfBlocks:u,activeIndexOfRenderedBlocks:c,renderedBlocks:s,initialStatementHasAnswer:o,blocks:l,activeIndexOfRenderedStatement:f,translationVariables:m,navigateToNextBlock:y,navigateToPreviousBlock:b}),"MESSAGE"!==I&&!l[u].required&&n.createElement("button",{className:"skip-button",onClick:g,"aria-label":"skip question"},m?.skip||"Skip"))):n.createElement("div",{className:"action-buttons"},J("navigation",S)&&n.createElement("div",{style:{marginRight:"auto"}},n.createElement(qO,{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}}),J("skip",S)&&n.createElement("button",{className:"skip-button",onClick:g,"aria-label":"skip question"},m?.skip||"Skip"),J("skip-statement",S)&&n.createElement("button",{className:"skip-button",onClick:v,"aria-label":"skip statement"},m?.skip||"Skip"),R(!0),J("next",S)&&n.createElement(Ri,{onClick:()=>{p(s[c],"CHECKBOX"===A?.type_info?.meta?.display_format&&"CONSENT"===A?.type_info?.question_type?r.formValues[A.name]??!1:null,!0)},disabled:!!te("next",T),className:"next-button"},m?.next||"Next"),J("next-statement",S)&&n.createElement(Ri,{onClick:()=>{d?.()},disabled:!!te("next-statement",T),className:"next-button"},m?.next||"Next"),J("submit",S)&&n.createElement("div",{className:"submit"},n.createElement(Ri,{disabled:!!te("submit",T),onClick:()=>{_(w?.[A.name])&&_(x?.[A.name])&&_(k?.[A.name])&&_(P?.[A.name])&&(E(!0),h("COMPLETE"))}},$?m?.submitting||"Submitting":m?.submit_survey||"Submit")),J("message",S)&&n.createElement(Ri,{onClick:g,disabled:te("message",T),className:"next-button"},A?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"))))},ZO=e=>{const{pages:a,activePage:r,blocks:o,renderedBlocks:s,activeBlock:l,activeIndexOfBlocks:u,activeIndexOfRenderedBlocks:d,isSurveyCompleted:c,isReverseAnimation:m,translationVariables:p,saveFormValues:f,saveOthersValue:h,skipBlock:g,skipStatement:v,initialStatementHasAnswer:y,onSubmitHandler:w,navigateToNextBlock:x,activeIndexOfRenderedStatement:k,navigateToNextStatement:P,navigateToPreviousStatement:M,navigateToPreviousBlock:$,answers:C,questions:E,resetSurvey:S,navigateToStart:R,pivot:W,formQuestionErrors:z,textboxQuestionErrors:j,fileUploadErrors:O,contactFormErrors:N,setErrors:L}=me({...e,isWidget:!0}),[D,q]=t.useState(null),H=t.useRef(0),G=n.useMemo((()=>A(W?.question)),[W?.question]),U=_(C.formValues)&&e.survey.prompt_settings?.is_enabled,[X,V]=t.useState(U),Y=t.useRef(U?-1:d),K=()=>{if(D){D.style.minHeight="unset",D.style.maxHeight="unset",D.style.height="min-content",D.style.position="static";const t=Math.min(D?.scrollHeight+2,b[e.widgetStyle]);D.style.height=t+"px",D.style.minHeight=t+"px",H.current=t}};if(t.useMemo((()=>{K()}),[D]),t.useEffect((()=>{"MATRIX_RATING_SCALE"===l?.question?.type_info?.question_type&&setTimeout((()=>{K()}),0)}),[k]),t.useEffect((()=>{e.loadAsNewSurvey&&e.handleAction&&e.handleAction("RE_SUBMIT",S)}),[]),t.useEffect((()=>{e.setCurrentSurveyState?.({question:s[d]?.question,npsScore:W?.answer})}),[d,W?.answer]),t.useEffect((()=>{d!==Y.current&&(Y.current=-1)}),[d]),!l||!l?.question)return null;e.widgetHeaderQuerySelector&&document.querySelector(e.widgetHeaderQuerySelector);const J=c?o.length:u+(c?1:0),Q=c?100:(J>0?100/o.length:0)*J;return n.createElement("div",{className:`freemium-survey-components widget-survey-components\n ${e.widgetStyle}-style `,id:"freemium-survey"},c||X?null:n.createElement("div",{className:"widget-progressbar"},n.createElement("div",{className:"progress-completion"},Q.toFixed(),"%"),n.createElement(Ai,{totalSteps:o.length,completedSteps:u+(c?1:0),isWidget:!0})),a.length>0&&r?.page_id&&!c&&n.createElement("div",{className:"page-container"},n.createElement("div",{className:"page-title",dangerouslySetInnerHTML:{__html:I({questionText:r?.title,placeholders:{},isPreview:!1})}}),n.createElement("div",{className:"page-description",dangerouslySetInnerHTML:{__html:I({questionText:r?.description,placeholders:{},isPreview:!1})}})),n.createElement("div",{className:"questions",style:{height:H.current,...U&&X||Y.current===d?{transition:"none"}:{}}},n.createElement(i.TransitionGroup,{component:null},n.createElement(i.CSSTransition,{key:d+String(c)+String(X),unmountOnExit:!0,addEndListener:(e,t)=>{e.addEventListener("transitionend",t,!1)},classNames:m?"fade-reverse":"fade"},n.createElement("div",{ref:e=>e?q(e):null,id:`${l.question.name}`,className:`question-container ${c?"thankyou":""} ${X?"prompt-container":""}`,"data-test-question-name":l.question.name},X&&e.survey.prompt_settings?n.createElement(ls,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt(t),1===t&&V(!1)},placeholders:e.placeholders}):n.createElement(n.Fragment,null,c?n.createElement(BO,{surveyServAssetUrl:e.surveyServAssetUrl??"",thankYouQuestion:B({pivotQn:W?.question,pivotQnAnswer:W?.answer,block:Z({activeBlock:l,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:C,questions:E,activeIndexOfBlocks:u,renderedBlocks:s,contactData:e.contactData}),questions:E}),placeholders:e.placeholders,canResubmit:e.canResubmit,widgetStyle:e.widgetStyle,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",R):R()},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",S):S()},allowMultipleSubmission:e.allowMultipleSubmission,pivot:W,rangeToRender:G,translationVariables:p}):n.createElement(n.Fragment,null,n.createElement("div",{className:`question-text ${!l.question.type_info?.pivot_question&&l.required?"required":""} ${"RANGE"===l?.question?.type_info?.question_type?"range-question-text":""}`.trim(),dangerouslySetInnerHTML:{__html:I({questionText:l?.question.text,placeholders:e.placeholders,npsRating:W?.answer,ratingLabel:T(W?.answer)?"":G?.find((e=>e?.value===String(W?.answer)))?.text??"",preference:W?.question.type_info?.scale_properties?.labels?.preference})},"aria-label":`question-${d}`,role:"heading","aria-level":1}),n.createElement("div",{className:"question-wrapper",onTransitionEndCapture:e=>e.stopPropagation()},n.createElement(IO,{surveyServAssetUrl:e.surveyServAssetUrl,fileUploadErrors:O,setErrors:L,onFileUpload:e.onFileUpload,survey:e.survey,question:l.question,isFinalQn:F({blocks:o,activeIndexOfBlocks:u,renderedBlocks:s,activeIndexOfRenderedBlocks:d,questions:E}),formValues:C.formValues,widgetStyle:e.widgetStyle,isMobile:!1,othersMeta:C.others,autoFocusDelay:0,activeIndexOfRenderedStatement:k,isWidget:!0,saveOthersValue:h,onChangeHandler:e=>{f(l,e)},formQuestionErrors:z,textboxQuestionErrors:j,contactFormErrors:N,translationVariables:p})),n.createElement(HO,{isWidget:!0,widgetStyle:e.widgetStyle,surveyStyle:"standard",answers:C,isMobile:!1,renderedBlocks:s,initialStatementHasAnswer:y,activeIndexOfRenderedStatement:k,blocks:o,activeIndexOfRenderedBlocks:d,navigateToNextStatement:P,navigateToPreviousStatement:M,activeIndexOfBlocks:u,translationVariables:p,saveFormValues:f,skipBlock:g,skipStatement:v,onSubmitHandler:w,navigateToPreviousBlock:$,navigateToNextBlock:x,formQuestionErrors:z,textboxQuestionErrors:j,fileUploadErrors:O,contactFormErrors:N,questions:E}))))))))},GO=({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,surveyServAssetUrl:$,surveyPoweredBy:C,onFileUpload:E})=>{const S=e.question_details?.questions||[],[T,A]=t.useState(),[W,z]=t.useState(!1),[j,N]=t.useState(g),[L,D]=t.useState(0),{ui_theme:F}=e,[B,q]=t.useState(null),[H,Z]=t.useState(null),G=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]),U=G?.question_name?G?.question_name??"":G?.category?.[0].question_name??"",X=S.find((e=>e.name===U)),V=()=>{z(!0),setTimeout((()=>{u?.()}),300)},Y=t.useRef(null);return n.createElement("div",{className:`surveyserv-widget-container ${d?"widget-mobile":""} ${c}-container-style ${j?"minimized":""}`,style:{opacity:W?0:1,"--container-width":`${w[c]}`,"--height-transition-duration":"600ms",...R(F||{})}},n.createElement("header",{id:"surveyserv-widget-header",className:"widget-header "+(j?"minimized":"")},j&&n.createElement("span",{className:"header-content minimized",dangerouslySetInnerHTML:{__html:I({questionText:(!T&&e.prompt_settings?.is_enabled?e.prompt_settings.text:H?.question?.text)??O(X?.text||""),placeholders:{...a,"{{nps.rating}}":String(H?.npsScore??"")}})}}),n.createElement("div",{className:"icons"},!p&&n.createElement("button",{onClick:()=>{j?(N(!j),setTimeout((()=>{D(0)}),700)):(D(B?.clientHeight??0),setTimeout((()=>{N(!j)}),0))},className:"icon minimize-btn",title:j?M?.maximize||"Maximize widget":M?.minimize||"Minimize widget"},j?n.createElement(ge,{name:"widget-maximize"}):n.createElement(ge,{name:"widget-minimize"})),n.createElement("button",{ref:Y,onClick:()=>{p||l(),V()},title:M?.dismiss||"Dismiss widget",className:"icon minimize-btn"},n.createElement(ge,{name:"widget-close"})))),f,n.createElement("main",{ref:e=>q(e),className:("widget-main "+(j?"minimized":"")).trim(),style:{height:j?0:L||"auto"}},o?n.createElement(n.Fragment,null,o):n.createElement(ZO,{surveyServAssetUrl:$,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:Z,widgetHeaderQuerySelector:j?void 0:"#surveyserv-widget-header",onAnsweringPrompt:t=>{b?.(t),A(t),0==t&&_(e.prompt_settings?.declined_message)&&V()},handleAction:v,translationVariables:M})),n.createElement("footer",{className:("widget-footer "+(j?"minimized":"")).trim()},m&&!j&&n.createElement("a",{href:m,target:"_blank",rel:"noopener noreferrer",onClick:e=>{i&&e.preventDefault(),e.stopPropagation(),V()}},M?.unsubscribe||"Unsubscribe"),n.createElement("div",{className:"footer-text"},n.createElement(Yo,{surveyPoweredBy:C}))))};be('.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 UO=({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(ge,{name:"widget-close"})),n.createElement("h4",null,t)),n.createElement("main",null,e),n.createElement("footer",null,"Tab an item to select it"))),XO=({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(ge,{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(ge,{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(ge,{name:"whatsapp-choices"}),"Rate Support"),n.createElement(UO,{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(ge,{name:"whatsapp-star",id:`qus-${t}`})))," ","all"===c||"edges"===c&&(0===t||t===d.length-1)?n.createElement("span",null,d[e-1]):null))))))},VO=({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(ge,{name:"whatsapp-choices"}),"Select answer"),n.createElement(UO,{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)))))))},YO=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(ge,{name:"whatsapp-send"})))},KO=({text:e,placeholders:t,pivot:i,rangeToRender:a})=>n.createElement("div",{className:"question-text-container"},n.createElement("div",{className:"question-text",dangerouslySetInnerHTML:{__html:I({questionText:e,placeholders:t,npsRating:i?.answer,ratingLabel:T(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})),JO=({block:e,saveFormValues:t,type:i})=>{const{question_type:a}=e.question?.type_info;switch(a){case"RANGE":return n.createElement(XO,{question:e.question,saveFormValues:e=>t(e,!0)});case"DROPDOWN":case"MULTI_CHOICE":case"MULTI_SELECT":return n.createElement(VO,{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}},QO=({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(KO,{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(ge,{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:I({questionText:e.text,placeholders:i})}})),n.createElement("div",{className:"answer-text"},n.createElement(ge,{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(KO,{text:e.declined_message,placeholders:i})))},eN=e=>{const{activeBlock:i,activeIndexOfBlocks:a,activeIndexOfRenderedBlocks:r,answers:o,saveFormValues:s,blocks:l,questions:u,renderedBlocks:d,onSubmitHandler:c,isSurveyCompleted:m,pivot:p}=me(e),{type:f="whatsapp"}=e,{question_type:h}=i?.question.type_info??{},g=n.useMemo((()=>A(p?.question)),[p?.question]),v=t.useRef(null),[y,b]=t.useState(void 0);return t.useEffect((()=>{v.current&&v.current.scroll({top:1e4,behavior:"smooth"})}),[i,o,m]),i&&i.question?n.createElement("div",{className:`${f} whatsapp-container`},n.createElement("div",{className:"msg-container"},n.createElement("div",{className:"scroll-wrapper",ref:v},e.survey.prompt_settings?n.createElement(QO,{config:e.survey.prompt_settings,onSelect:e=>{b(1===e)},promptAccepted:y,placeholders:e.placeholders,type:f}):null,!e.survey.prompt_settings||y?d.map(((t,h)=>n.createElement(n.Fragment,null,n.createElement("div",{className:"question-container "+(m||h!==d.length-1?"":"active")},n.createElement(KO,{text:t.question.text,placeholders:e.placeholders,pivot:p,rangeToRender:g}),n.createElement(JO,{block:t,placeholders:e.placeholders,saveFormValues:(e,n)=>{s(t,e,n),setTimeout((()=>{!0===n&&F({blocks:l,activeIndexOfBlocks:a,renderedBlocks:d,activeIndexOfRenderedBlocks:r,questions:u})&&c("COMPLETE")}))},type:f})),t.name===i.name&&!o.commitDirtyValue||pe.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"===f&&n.createElement("div",{className:"reply-block"},n.createElement("p",{className:"user"},"Acme.inc"),n.createElement("p",{className:"question",dangerouslySetInnerHTML:{__html:I({questionText:t.question.text||"",placeholders:e.placeholders,npsRating:p?.answer,ratingLabel:pe.isNil(p?.answer)?"":g?.find((e=>e?.value===String(p?.answer)))?.text??"",preference:p?.question.type_info?.scale_properties?.labels?.preference,isPreview:!0})}})),n.createElement("div",{className:"answer-text"},n.createElement(ge,{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"===f&&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:I({questionText:t.question.text||"",placeholders:e.placeholders,npsRating:p?.answer,ratingLabel:pe.isNil(p?.answer)?"":g?.find((e=>e?.value===String(p?.answer)))?.text??"",preference:p?.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(ge,{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(KO,{text:B({pivotQn:p?.question,pivotQnAnswer:p?.answer,block:e.survey.blocks?.find((e=>"TY"===e.name)),questions:u})?.text,placeholders:e.placeholders,pivot:p,rangeToRender:g})))),n.createElement(YO,{onChange:e=>{"PARAGRAPH"!==h||m||s(i,e.target.value)},value:"PARAGRAPH"===h&&!m&&o.formValues[i.question.name]?o.formValues[i.question.name]:"",activeBlock:!0,autoFocus:"PARAGRAPH"===h,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=xe,exports.Button=Ri,exports.ChannelPreview=e=>{const{survey:t,answers:i}=N(e.survey,e.answers);return"whatsapp"===e.channel?n.createElement(eN,{...e,survey:t,answers:i}):"instagram"===e.channel?n.createElement(eN,{type:"instagram",...e,survey:t,answers:i}):(console.error(`Channel ${e.channel} not supported`),null)},exports.Checkbox=Si,exports.CheckboxGroup=Ei,exports.Dropdown=$i,exports.Input=Pi,exports.ProgressBar=Ai,exports.Radio=_i,exports.RadioGroup=Ti,exports.Range=Me,exports.RankOrder=ho,exports.Slider=Vo,exports.Survey=e=>{const{survey:t,answers:i}=N(e.survey,e.answers),[a,r]=n.useState(!1);return n.useEffect((()=>{"undefined"!=typeof window&&r(window.matchMedia("(max-width: 550px)").matches),sessionStorage.clear()}),[]),n.createElement(n.Fragment,null,"standard"===e.surveyStyle?n.createElement(FO,{...e,answers:i,survey:t,isMobile:a||!!e.isMobile,initialQuestionAnswer:e.initialQuestionAnswer}):n.createElement(jO,{...e,answers:i,survey:t,isMobile:a||!!e.isMobile,surveyStyle:"card",initialQuestionAnswer:e.initialQuestionAnswer}))},exports.SurveyFooter=Ko,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(Ai,{totalSteps:t,completedSteps:r}))},exports.TextArea=Mi,exports.WebInAppSurvey=e=>{const{survey:t,answers:i}=N(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(GO,{...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=ss({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);\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||Qo} !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||Qo} !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=as(i?.type_info?.scale_properties?.button_style?.shape||"square"),u=A(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="${ss({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||es} !important;\n background-color: ${rs({position:p.position,question:i||{name:""}})} !important;\n font-size: min(${ns/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="${os({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=as(i?.type_info?.scale_properties?.button_style?.shape||"square"),u=A(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="${ss({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||es} !important;\n background-color: ${rs({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="${os({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: ${es} !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=as(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 ${A(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="${ss({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||es} !important;\n background-color: ${rs({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=r?.type_info?.scale_properties?.labels?.preference,c=A(r||{name:""});let m=0;return c.forEach((e=>{e.text.length>m&&(m=e.text.length)})),`\n <tr>\n <td\n style="\n padding: 0 !important;\n text-align: center !important;\n "\n >\n ${c.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*m+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||es} !important;\n pointer-events: ${t?"none":"unset"} !important;\n "\n href="${ss({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="${os({position:r.position,assetUrl:n,max:c.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 >${"all"===d?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=A(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: ${es} !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: ${es} !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||Qo} !important;\n padding: 16px 8px 0 8px !important;\n font-size: 12px !important;\n border-top: 1px solid ${ts} !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||Qo} !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: \n <a\n style="\n text-decoration: unset !important;\n color: ${Jo} !important;\n pointer-events: ${o?"none":"unset"} !important;\n word-break: break-all !important;\n "\n href=${o?"#":d}\n target="_blank"\n >\n ${ss({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 `};
|