freemium-survey-components 1.0.333 → 1.0.334

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/lib/index.cjs.js +1 -1
  2. package/lib/index.esm.js +1 -1
  3. package/lib/types/components/emailembed/emailembed.stories.d.ts +1 -0
  4. package/lib/types/components/file-qn/index.d.ts +7 -7
  5. package/lib/types/components/range/range.stories.d.ts +1 -0
  6. package/lib/types/survey/question.d.ts +1 -1
  7. package/lib/types/types.d.ts +3 -3
  8. package/package.json +1 -1
  9. package/playwright-report/index.html +20355 -0
  10. package/freemium-survey-components-1.0.327.tgz +0 -0
  11. package/freemium-survey-components-1.0.332.tgz +0 -0
package/lib/index.cjs.js CHANGED
@@ -24,4 +24,4 @@ const kO=({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 PO=({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:PO}));ye('/*!\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}');ye(".PinturaModal {\n z-index: 2147483648 !important;\n}\n\n.freemium-survey-components .file-upload-container {\n flex: 1;\n display: flex;\n position: relative;\n z-index: 4;\n flex-direction: column;\n align-items: center;\n padding: 20px;\n grid-row-gap: 12px;\n row-gap: 12px;\n border: 2px dashed var(--file-upload-border-color);\n border-radius: 5px;\n background-color: #fafafa;\n color: var(--question-secondary-color);\n outline: none;\n transition: border 0.24s ease-in-out;\n width: 100%;\n cursor: pointer;\n margin-bottom: 20px;\n}\n.freemium-survey-components .file-upload-container.push-backward {\n z-index: 0 !important;\n}\n.freemium-survey-components .file-upload-container .drop-your-file-container {\n color: #12344d;\n font-size: 14px;\n margin: 0 0 8px 0 !important;\n font-size: 14px;\n font-weight: 500;\n}\n.freemium-survey-components .file-upload-container .link {\n font-weight: 500;\n font-size: 13px;\n line-height: 20px;\n text-align: center;\n color: var(--input-highlight-color);\n text-decoration: underline;\n margin-left: 1px;\n}\n.freemium-survey-components .file-upload-container p.max-size {\n margin: 0 0 8px 0 !important;\n font-size: 12px;\n font-weight: 500;\n color: #92a2b1;\n}\n.freemium-survey-components .file-upload-container p.support.file-formats {\n margin: 0 !important;\n font-size: 12px;\n font-weight: 500;\n color: var(--question-secondary-color);\n max-width: 80%;\n color: #92a2b1;\n line-height: 2;\n}\n.freemium-survey-components .filepond--item {\n height: 200px !important;\n}\n.freemium-survey-components .filepond--panel-center.filepond--item-panel {\n height: 16px !important;\n}\n.freemium-survey-components .filepond--wrapper {\n margin-bottom: 5px;\n}\n.freemium-survey-components .filepond--file-poster-wrapper {\n height: 200px;\n}\n.freemium-survey-components .filepond--panel-bottom.filepond--item-panel {\n top: 18%;\n transform: none !important;\n}\n.freemium-survey-components .filepond--root.filepond--hopper {\n position: absolute !important;\n width: 100%;\n height: 100% !important;\n z-index: 2;\n}\n.freemium-survey-components .filepond--drop-label label {\n display: none !important;\n}\n.freemium-survey-components .filepond--panel.filepond--panel-root {\n display: none;\n}\n.freemium-survey-components [data-filepond-item-state*=error] .filepond--item-panel,\n.freemium-survey-components [data-filepond-item-state*=invalid] .filepond--item-panel {\n background-color: #c82124;\n}\n.freemium-survey-components .filepond--file-status {\n max-width: 522px;\n min-width: 202px;\n}\n.freemium-survey-components .filepond--file-status-sub {\n max-width: 95%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.freemium-survey-components .filepond--file-info {\n max-width: 50%;\n}\n.freemium-survey-components.standard-survey-style .filepond--root.filepond--hopper {\n width: 90%;\n height: 70% !important;\n}\n.freemium-survey-components.widget-survey-components .filepond--root.filepond--hopper {\n width: 90%;\n height: 54% !important;\n}\n.freemium-survey-components.widget-survey-components .filepond--file-status {\n max-width: 60%;\n}\n.freemium-survey-components.mobile-preview .filepond--file-status {\n max-width: 76%;\n min-width: 100px;\n}\n.freemium-survey-components.mobile-preview .filepond--item {\n height: 50px;\n}\n.freemium-survey-components.mobile-preview .filepond--file-status-sub {\n display: none;\n}"),d.registerPlugin(kO,PO,Ev,xO),qj(Zj,Uj,Gj,Xj);const MO=t.forwardRef((({onClick:e,maxFileSize:i=16,visible:a=!0,supportedFileFormats:r,translationVariables:o},s)=>{const[l,u]=t.useState(!1),d=o?.drop_your_file?o?.drop_your_file:n.createElement(n.Fragment,null,"Drop your file here, or Browse");return n.createElement("div",{ref:s,className:"file-upload-container",onClick:e,style:{visibility:a?"visible":"hidden"},onDragOver:e=>{e.preventDefault(),e.target.classList.add("push-backward")}}," ",n.createElement(he,{name:"file-upload-icon"}),"string"!=typeof d?n.createElement("p",null,d):n.createElement("p",{className:"drop-your-file-container",dangerouslySetInnerHTML:{__html:d}}),n.createElement("p",{className:"max-size"},((e,t,n)=>{if(n&&e&&t)return e.replace(t,n)})(o?.max_file_size,"{{max_file_size}}",String(i))||`Maximum file size : ${i} MB`),n.createElement("p",{className:"support file-formats"},o?.supported_file_formats||"Supported file formats: "," ",(r=r.join(", ")).trim()?n.createElement(n.Fragment,null,l?r:r.slice(0,20)," ",n.createElement("span",{onClick:()=>u(!l),style:{color:"#2C5CC5",textDecoration:"underline",cursor:"pointer"}},l?o?.show_less||"Show less":o?.show_more||"Show more")):"No formats selected"),n.createElement("div",{className:"filepond--drip"}))})),$O=({survey:e,question:i,onChangeHandler:a,onFileUpload:r,setErrors:o,errors:s,translationVariables:l,surveyServAssetUrl:u,value:c})=>{const[m,p]=t.useState([]),[f,h]=t.useState([]),g=t.useRef(),v=i.type_info?.file_field?.max_file_size||10,y=t.useRef(null),b=t.useRef();n.useEffect((()=>{const e=sessionStorage.getItem(`uploadedFile-${i?.name}`),t=e?JSON.parse(e):"";t?.source&&(t.options={...t.options,file:{name:c,size:t.fileSize}},p([t]))}),[]);let w=!1;const x=async(e,t)=>{try{if(w)return void console.log("Upload is already in progress");if(b.current&&C(y.current)||e){const n=e??b.current.getFiles()?.[0]?.file;if(console.log("current file",n),n&&r){w=!0;const e=await r(n.type,n.size,i?.id||"");if(t&&t(!0,50,100),e.startsWith("http")&&u){const t=await fetch(e,{method:"PUT",headers:{"Content-Type":n.type,"Content-Disposition":"attachment"},body:n}),r=new URL(e),o=`${u}${r.pathname}`;if(!t.ok)throw console.error("Error uploading file"),new Error("Error uploading file");sessionStorage.setItem(`uploadedFile-${i?.name}`,JSON.stringify({source:o,options:{type:"local"},fileSize:b.current.getFiles()?.[0]?.fileSize})),a(n.name)}else a([null]),console.error("Error fetching pre-signed url");w=!1}}}catch(e){throw console.error("error in uploading file",e,"stringified error",JSON.stringify(e)),new Error("Error uploading file")}};return n.useEffect((()=>{(()=>{const e=i.type_info?.file_field?.allowed_file_types,t=Object.keys(P).map((t=>{if((e||[]).includes(t))return P[t].concat(",")})).join(" ").trim().slice(0,-1);h(t.split(", "))})()}),[]),n.createElement(n.Fragment,null,n.createElement(d.FilePond,{files:m,server:{process:async(e,t,n,i,a,r)=>{r(!0,0,100);try{await x(t,r),r(!0,100,100),i(t.name)}catch(e){a("An error occurred during upload")}}},ref:b,onerror:e=>{console.log("file upload error",e),y.current=e,o({...s,fileUploadErrors:{[i.name]:e}})},required:!0,credits:!1,allowMultiple:!0,allowFileTypeValidation:!0,acceptedFileTypes:f,fileValidateTypeDetectType:(e,t)=>new Promise(((t,n)=>{const i=e.name.split(".");t(`.${i[i.length-1].toLowerCase()}`)})),onpreparefile:(e,t)=>{const n=new FileReader;n.onloadend=()=>{const t=n.result??"",i=new Blob([t],{type:e.fileType}),a=new File([i],e.filename,{type:e.fileType});x(a)},n.readAsArrayBuffer(t)},imageEditor:{legacyDataToImageState:EI,createEditor:iO,imageReader:[Fj,{}],imageWriter:[Bj,{}],imageProcessor:_$,imageEditorAfterWriteImage:({src:e,dest:t,imageState:n})=>new Promise(((i,a)=>{_$(e,{imageReader:Fj(),imageWriter:Bj({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:zv,apply:Yv},shapePreprocessor:aO(),...Vj,...Yj,...Hj,locale:{...Kj,...Qj,...tO,...eO,...nO,...Jj}}},allowFileSizeValidation:!0,maxFileSize:`${v}MB`,onupdatefiles:e=>{g.current?.classList.remove("push-backward"),e.length&&p(e)},onremovefile:()=>{p([]),o({...s,fileUploadErrors:{}}),y.current=null,a(null)},maxFiles:1,name:`${i.id}-files`}),n.createElement(MO,{ref:g,onClick:e=>{const t=e.target;"path"!==t?.tagName&&(!t?.className||t?.className instanceof SVGAnimatedString||t.className.includes("format-type-toggler"))||b.current.browse()},visible:!m.length,maxFileSize:v,translationVariables:{...l,tTimeZones:[{id:"",offset:"",timeZone:""}]},supportedFileFormats:f}))};ye('.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 CO=({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(ki,{key:l,setFocus:0===l,autoFocusDelay:t,onKeyDown:e=>{"PHONE"===a?.type&&W(e),"NUMBER"===a?.type&&I(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(ov,{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"})))))))};ye(".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 EO=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(Ti,{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(Ei,{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||""}]}])}},""))})))})))))};ye("@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 SO=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(Ti,{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(Ei,{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||""))}))))},TO=({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(ki,{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}))},_O=({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(ki,{startAdornment:s&&"TEXT"!==s&&n.createElement("div",{style:{paddingLeft:"8px",display:"grid"}},n.createElement(he,{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&&W(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}))},AO=({survey:e,question:t,formValues:i,othersMeta:a,onChangeHandler:r,saveOthersValue:o,autoFocusDelay:s,isFinalQn:l,isWidget:u,isMobile:d,initialPivotAnswer:c,isInitialTransition:m,formQuestionErrors:p,contactFormErrors:f,activeIndexOfRenderedStatement:h=0,textboxQuestionErrors:g,fileUploadErrors:v,onFileUpload:y,widgetStyle:b="default",setErrors:w,translationVariables:x,surveyServAssetUrl:k})=>{const P=t?.type_info?.footer_text&&t.type_info.meta?.question_hint?n.createElement("div",{className:"footer",role:"note",dangerouslySetInnerHTML:{__html:t?.type_info?.footer_text}}):n.createElement(n.Fragment,null);if((u||d)&&"MATRIX_RATING_SCALE"===t?.type_info?.question_type)return n.createElement(n.Fragment,null,n.createElement(SO,{type_info:t?.type_info||{},onChangeHandler:e=>{r(e?.filter((e=>(e.rating_labels||[]).length>0)))},isMobile:d,value:i[t.name]||[],statementIndex:h,widgetStyle:b}),P);switch(t?.type_info?.question_type){case"MATRIX_RATING_SCALE":return n.createElement(n.Fragment,null,n.createElement(EO,{type_info:t?.type_info||{},onChangeHandler:e=>{r(e?.filter((e=>(e.rating_labels||[]).length>0)))},value:i[t.name]||[]}),P);case"RANGE":return n.createElement(n.Fragment,null,n.createElement(Pe,{question:t,onChangeHandler:r,isWidget:u,isMobile:d,widgetStyle:b,value:i[t.name],initialPivotAnswer:c,isInitialTransition:m}),P);case"CHECKBOX":case"MULTI_SELECT":return n.createElement(n.Fragment,null,n.createElement(Ci,{name:t.name,values:i[t.name],othersValue:a[t.name],options:t?.choices||[],onChangeHandler:r,saveOthersValue:o,isOthersOption:!!(t?.choices||[]).find((e=>e.meta?.is_others)),othersRequired:!!t?.type_info.meta?.othersRequired,autoFocusDelay:s,translationVariables:x}),P);case"RADIO":case"DROPDOWN":return n.createElement(n.Fragment,null,n.createElement(Si,{autoFocusDelay:s,name:t.name,onChangeHandler:r,displayFormat:t?.type_info?.meta?.display_format||"LIST",saveOthersValue:o,options:t?.choices||[],value:i[t.name],othersValue:a[t.name],isOthersOption:!!(t?.choices||[]).find((e=>e.meta?.is_others)),othersRequired:!!t?.type_info.meta?.othersRequired,isFinalQn:l,translationVariables:x}),P);case"TEXT":return n.createElement(n.Fragment,null,n.createElement(_O,{question:t,autoFocusDelay:s,formValues:i,onChangeHandler:r,textboxErrors:g||"",setFocus:!0}),P);case"NUMBER":return n.createElement(n.Fragment,null,n.createElement(TO,{question:t,autoFocusDelay:s,formValues:i,onChangeHandler:r}),P);case"FORM_FIELD":return n.createElement(n.Fragment,null,n.createElement(CO,{question:t,isRequired:!!t.required,autoFocusDelay:s,onChangeHandler:r,formValues:i,fieldErrors:p?.[t.name]||{},language:e?.language||"en"}),P);case"CONTACT_FORM":return n.createElement(n.Fragment,null,n.createElement(sv,{question:t,autoFocusDelay:s,onChangeHandler:r,formValues:i,fieldErrors:f?.[t.name]||{}}),P);case"PARAGRAPH":return n.createElement(n.Fragment,null,n.createElement(Pi,{autoFocusDelay:s,label:"",isRequired:!!t.required,placeholder:t?.type_info?.meta?.placeholder??"",value:i[t.name]||"",onChange:e=>r(e.target.value)}),P);case"BOOLEAN":return n.createElement(n.Fragment,null,n.createElement(we,{type_info:t?.type_info,onSelect:r,value:i[t.name],initialPivotAnswer:c,isInitialTransition:m}),P);case"MESSAGE":return P;case"CONSENT":return n.createElement(n.Fragment,null,n.createElement(us,{question:t,onChange:r,value:i[t.name]}),P);case"SLIDER":const h=t?.type_info.meta?.slider;return n.createElement(n.Fragment,null,n.createElement(Xo,{defaultValue:[i[t.name]??h?.opening_position],min:h?.min,max:h?.max,onValueChange:([e])=>r(e),isInput:h?.numerical_input_box,gridLines:h?.grid_lines,stopAtGrid:h?.stop_at_grid_lines,allowDecimals:h?.allow_decimal,decimalPoints:h?.decimal_points,isMobile:d||"compact"===b}),P);case"RANK_ORDER":return n.createElement(n.Fragment,null,n.createElement(fo,{valueItems:i[t.name],items:t?.choices||[],onReorder:r}),P);case"DATE_TIME":return n.createElement(n.Fragment,null,n.createElement(ov,{allow_future_date:t.type_info.meta?.allow_future_date||!1,date_time_format:t.type_info.meta?.format,is_24hrs_time_format:t.type_info.meta?.time_format||!1,time_zone:t.type_info.meta?.time_zone||!1,question_format:t.type_info.meta?.question_format||"DATE_TIME",onValueChange:r,value:i[t.name]||"",formValues:i,translationVariables:x,language:e?.language||"en"}),P);case"FILE":return n.createElement($O,{errors:v,setErrors:w,onChangeHandler:r,question:t,survey:e,onFileUpload:y,value:i[t.name]||"",translationVariables:x,surveyServAssetUrl:k});default:return console.error(`Question type ${t?.type_info?.question_type} not found`),null}};ye(':root {\n --default-brand-color: #264966;\n --default-question-text-color: #3a4b67;\n --default-question-background-color: #fff;\n --default-background-color: #f8f8f8;\n --default-button-text-color: #fff;\n --default-secondary-button-text-color: #000;\n --default-input-placeholder-color: #92a2b1;\n --compact-widget-max-height: 560px;\n --default-widget-max-height: 400px;\n --cozy-widget-max-height: 380px;\n --secondary-button-linear-gradient: linear-gradient(\n 180deg,\n #ffffff 0%,\n #f5f7f9 100%\n );\n}\n\n.freemium-survey-components.card-survey-style .questions {\n flex: 1;\n}\n\n.freemium-survey-components strong {\n font-weight: bold;\n}\n.freemium-survey-components.card-survey-style {\n display: flex;\n flex-direction: column;\n grid-gap: 40px;\n gap: 40px;\n height: 100%;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation {\n white-space: nowrap;\n border-radius: 3px;\n border: 1px solid #efefef;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button {\n width: 38px;\n text-align: -webkit-center;\n height: 38px;\n background-color: #fff;\n border: none;\n cursor: pointer;\n border-radius: 0 3px 3px 0;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button svg {\n margin-top: 5px;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button:first-of-type {\n border-right: 1px solid #efefef;\n border-radius: 3px 0 0 3px;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button:focus {\n position: relative;\n z-index: 1;\n}\n.freemium-survey-components.card-survey-style .question-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n text-align: center;\n width: calc(100% - 32px);\n margin: 16px;\n max-width: 700px;\n margin: 0 auto;\n background: var(--default-question-background-color);\n background: var(--question-background-color, var(--default-question-background-color));\n border-radius: 4px;\n transition: transform 500ms ease 0ms, opacity 200ms ease 0ms;\n box-shadow: 0px 12px 70px 0px rgba(18, 52, 77, 0.05), 0px 2px 20px 0px rgba(18, 52, 77, 0.05);\n padding: 28px;\n grid-gap: 32px;\n gap: 32px;\n position: relative;\n height: -moz-fit-content;\n height: fit-content;\n transition: opacity 50ms ease-out;\n overflow: auto;\n}\n.freemium-survey-components.card-survey-style .hide-question-container {\n opacity: 0;\n}\n.freemium-survey-components.card-survey-style .question-text.required > p:nth-last-child(1)::after {\n content: "*";\n color: rgb(215, 45, 48);\n margin-left: 4px;\n}\n.freemium-survey-components.card-survey-style .question-text {\n font-size: 16px;\n font-weight: 600;\n line-height: 1.8;\n width: 100%;\n text-align: left;\n color: var(--default-question-text-color);\n color: var(--question-text-color, var(--default-question-text-color));\n}\n.freemium-survey-components.card-survey-style .question-text p {\n text-align: left;\n}\n.freemium-survey-components.card-survey-style .question-text a {\n color: var(--link-color);\n text-decoration: underline;\n}\n.freemium-survey-components.card-survey-style .autofocus-button {\n border: none;\n width: 0;\n height: 0;\n opacity: 0;\n margin-top: -12px;\n margin-left: -12px;\n position: absolute;\n}\n.freemium-survey-components.card-survey-style .fade-enter .question-container {\n opacity: 0;\n transform: translateY(15px);\n}\n.freemium-survey-components.card-survey-style .fade-enter-active .question-container {\n opacity: 1;\n transform: translateY(0);\n}\n.freemium-survey-components.card-survey-style .fade-exit .question-container {\n opacity: 1;\n transform: translateY(0);\n}\n.freemium-survey-components.card-survey-style .fade-exit-active .question-container {\n opacity: 0.05;\n transform: translateY(-15px);\n}\n.freemium-survey-components.card-survey-style .fade-reverse-enter .question-container {\n opacity: 0;\n transform: translateY(-15px);\n}\n.freemium-survey-components.card-survey-style .fade-reverse-enter-active .question-container {\n opacity: 1;\n transform: translateY(0);\n}\n.freemium-survey-components.card-survey-style .fade-reverse-exit .question-container {\n opacity: 1;\n transform: translateY(0);\n}\n.freemium-survey-components.card-survey-style .fade-reverse-exit-active .question-container {\n opacity: 0.05;\n transform: translateY(15px);\n}\n.freemium-survey-components.card-survey-style .fade-enter-active .question-container,\n.freemium-survey-components.card-survey-style .fade-exit-active .question-container,\n.freemium-survey-components.card-survey-style .fade-reverse-enter-active .question-container,\n.freemium-survey-components.card-survey-style .fade-reverse-exit-active .question-container {\n transition: opacity 200ms, transform 200ms;\n pointer-events: none;\n}\n.freemium-survey-components.card-survey-style .question-footer {\n display: flex;\n grid-gap: 40px;\n gap: 40px;\n width: 100%;\n align-items: center;\n}\n.freemium-survey-components.card-survey-style .question-footer:empty {\n display: none;\n}\n.freemium-survey-components.card-survey-style .question-footer:only-child {\n margin-left: auto;\n}\n.freemium-survey-components.card-survey-style .action-buttons {\n display: flex;\n grid-gap: 20px;\n gap: 20px;\n flex-direction: row-reverse;\n width: 100%;\n}\n.freemium-survey-components.card-survey-style .action-buttons:empty {\n display: none;\n}\n.freemium-survey-components.card-survey-style .skip-button {\n font-weight: 500;\n color: #3a4b67;\n cursor: pointer;\n background: transparent;\n border: none;\n min-width: 40px;\n padding: 8px 16px;\n border-radius: 4px;\n color: var(--default-secondary-button-text-color);\n color: var(--secondary-button-text-color, var(--default-secondary-button-text-color));\n letter-spacing: 0.05em;\n line-height: 1.5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n}\n.freemium-survey-components.card-survey-style .skip-button:hover {\n background-color: #f3f3f3;\n transform: translateY(-4px);\n}\n.freemium-survey-components.card-survey-style .secondary-button {\n border: 1px solid #cfd7df;\n background-image: linear-gradient(\n 180deg,\n #ffffff 0%,\n #f5f7f9 100%\n );\n background-image: var(--secondary-button-linear-gradient);\n box-shadow: 0 1px 0 0 rgba(24, 50, 71, 0.05);\n color: #12344d;\n background-color: #ffffff;\n width: 215px;\n}\n.freemium-survey-components.card-survey-style .secondary-button:hover {\n background-color: #f5f7f9;\n background-image: none;\n}\n.freemium-survey-components.card-survey-style .next-button {\n color: var(--default-button-text-color);\n color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components.card-survey-style .submit {\n max-width: 700px;\n text-align: left;\n background: transparent;\n box-shadow: none;\n color: var(--default-button-text-color);\n color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components.card-survey-style .thankyou {\n display: flex;\n align-items: center;\n justify-content: center;\n grid-gap: 20px;\n gap: 20px;\n min-height: 180px;\n}\n.freemium-survey-components.card-survey-style .thankyou .heading {\n font-weight: 500;\n font-size: 22px;\n}\n.freemium-survey-components.card-survey-style .thankyou .thankyou-logo-img {\n height: 100px;\n width: auto;\n}\n.freemium-survey-components.card-survey-style .thankyou .text {\n white-space: pre-wrap;\n font-weight: 500;\n font-size: 14px;\n line-height: 1.6;\n color: #475867;\n width: 75%;\n}\n.freemium-survey-components.card-survey-style .thankyou .redirection-text {\n color: #929292;\n margin-bottom: 12px;\n font-weight: 300;\n}\n.freemium-survey-components.card-survey-style .thankyou .link {\n width: 100%;\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #666;\n font-weight: 500;\n text-decoration: underline;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container {\n display: flex;\n grid-gap: 10px;\n gap: 10px;\n flex-wrap: wrap;\n justify-content: center;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-link {\n background: #f5f7f9;\n padding: 20px 0px;\n border-radius: 10px;\n width: 300px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-link .links {\n display: flex;\n grid-gap: 10px;\n gap: 10px;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-link .link-image-url {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 45px;\n width: 45px;\n background: #fff;\n border-radius: 8px;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-link .link-page-name {\n padding: 0px 20px 0px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #fff;\n height: 45px;\n border-radius: 8px;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .title-text {\n padding-bottom: 14px;\n font-size: 14px;\n font-weight: 500;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-custom-button-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 300px;\n border-radius: 10px;\n padding: 20px 0px;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-custom-button-container .button_text {\n display: flex;\n justify-content: center;\n align-items: center;\n grid-gap: 10px;\n gap: 10px;\n height: 45px;\n padding: 0px 20px;\n background: #4560f6;\n color: #fff;\n font-weight: 700px;\n border-radius: 8px;\n}\n.freemium-survey-components.card-survey-style .thankyou .wrap-up-actions {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n}\n.freemium-survey-components.card-survey-style .thankyou .wrap-up-actions button.action-button {\n width: unset;\n letter-spacing: 0.05em;\n line-height: 1.5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n background-color: #e5f2fd;\n margin: 6px;\n}\n.freemium-survey-components.card-survey-style .thankyou .wrap-up-actions button.action-button:hover {\n transform: translateY(-4px);\n}\n.freemium-survey-components.card-survey-style .thankyou button.action-button {\n font-weight: 600;\n font-size: 14px;\n line-height: 20px;\n color: #2c5cc5;\n border: none;\n background: none;\n padding: 8px 12px;\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.freemium-survey-components.card-survey-style .thankyou button.action-button svg {\n margin-right: 8px;\n}\n.freemium-survey-components.card-survey-style .responsive-text-field {\n width: 100%;\n}\n.freemium-survey-components.card-survey-style .responsive-text-field .textarea-container {\n display: none;\n}\n.freemium-survey-components.card-survey-style .message-container:empty {\n display: none;\n}\n\n@media (max-width: 550px) {\n div.freemium-survey-components.card-survey-style .responsive-text-field .input-container {\n display: none;\n }\n div.freemium-survey-components.card-survey-style .responsive-input-field .input-container input {\n min-height: 40px;\n }\n div.freemium-survey-components.card-survey-style .responsive-text-field .textarea-container {\n display: flex;\n }\n div.freemium-survey-components.card-survey-style .responsive-text-field .textarea-container textarea {\n min-height: 80px;\n height: 80px;\n }\n div.freemium-survey-components.card-survey-style .question-footer {\n flex-direction: column-reverse;\n grid-gap: 0;\n gap: 0;\n }\n div.freemium-survey-components.card-survey-style .question-footer > *:first-child {\n margin-bottom: 0px;\n }\n div.freemium-survey-components.card-survey-style .question-footer > * {\n margin-bottom: 20px;\n }\n div.freemium-survey-components.card-survey-style .freemium-survey-step-navigation {\n width: 100%;\n }\n div.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button {\n width: 50%;\n }\n div.freemium-survey-components.card-survey-style .action-buttons {\n flex-direction: column;\n width: 100%;\n }\n div.freemium-survey-components.card-survey-style .action-buttons button {\n max-width: unset;\n }\n div.freemium-survey-components.card-survey-style .action-button {\n max-width: unset;\n width: 100%;\n }\n div.freemium-survey-components.card-survey-style .thankyou .text {\n width: auto;\n }\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .responsive-text-field .input-container {\n display: none;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .responsive-input-field .input-container input {\n min-height: 40px;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .responsive-text-field .textarea-container {\n display: flex;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .responsive-text-field .textarea-container textarea {\n min-height: 80px;\n height: 80px;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .question-footer {\n flex-direction: column-reverse;\n grid-gap: 0;\n gap: 0;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .question-footer > *:first-child {\n margin-bottom: 0px;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .question-footer > * {\n margin-bottom: 20px;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .freemium-survey-step-navigation {\n width: 100%;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .freemium-survey-step-navigation .navigation-button {\n width: 50%;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .action-buttons {\n flex-direction: column;\n width: 100%;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .action-buttons button {\n max-width: unset;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .action-button {\n max-width: unset;\n width: 100%;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .thankyou .text {\n width: auto;\n}\n\n.freemium-survey-components.mobile-preview .thankyou .text {\n width: unset;\n}');const IO=({thankYouQuestion:e,preview:i,placeholders:a,canResubmit:r,resetSurvey:o,navigateToStart:s,isMobile:l,allowMultipleSubmission:u,pivot:d,rangeToRender:c,translationVariables:m})=>{const{redirectUrl:p,redirectDelay:f,show_custom_button:h,show_review_links:g,show_social_links:v,image_url:y}=e?.type_info?.meta??{},[b,w]=t.useState(f??10);return t.useEffect((()=>{if(!i&&p){const e=setInterval((()=>w((e=>e>1?e-1:(window.location.href=p??"",0)))),1e3);return()=>clearInterval(e)}}),[]),n.createElement("div",{className:"question-container thankyou"},y&&n.createElement("img",{className:"thankyou-logo-img",src:y,alt:"thankyou_logo"}),n.createElement("div",{className:"heading"},e?.type_info?.header_text??(m?.thank_you||"Thank you!")),n.createElement("div",{className:"text",dangerouslySetInnerHTML:{__html:S({questionText:e.text,placeholders:a,npsRating:d?.answer,ratingLabel:$(d?.answer)?"":c?.find((e=>e?.value===String(d?.answer)))?.text??"",preference:d?.question.type_info?.scale_properties?.labels?.preference,isPreview:i})}}),(r||u)&&n.createElement("div",{className:("wrap-up-actions "+(l?"mobile":"")).trim()},r&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:()=>s()},n.createElement(he,{name:"edit"}),m?.edit_response||"Edit your response"),u&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:o},n.createElement(he,{name:"reload"}),m?.another_response||"Submit another response")),p&&n.createElement("div",{style:{width:"100%"}},n.createElement("div",{className:"redirection-text"},A(b,m?.redirect_msg),n.createElement("br",null)),n.createElement("a",{className:"link",href:p},p)),(h||g||v)&&n.createElement(ls,{show_custom_button:h,show_review_links:g,show_social_links:v}))},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:ee("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(he,{name:"arrow-previous"})),n.createElement("button",{className:"navigation-button",disabled:ee("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(he,{name:"arrow-next"}))),RO=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:P,formQuestionErrors:M,textboxQuestionErrors:$,contactFormErrors:E,fileUploadErrors:S,questions:T}=e,[_,A]=t.useState(!1),I={answers:o,blocks:l,activeIndexOfBlocks:u,activeIndexOfRenderedBlocks:c,activeIndexOfRenderedStatement:d,isMobile:x,renderedBlocks:s,initialStatementHasAnswer:r,surveyStyle:a,isWidget:i,blockIndex:c,questions:T},W={answers:o,blocks:l,activeIndexOfBlocks:u,isMobile:x,activeIndexOfRenderedBlocks:c,initialStatementHasAnswer:r,activeIndexOfRenderedStatement:d,renderedBlocks:s,isSubmitting:_,isWidget:i},{question:R}=s[c],z=R?.type_info?.meta?.display_format;return n.createElement(n.Fragment,null,(K("navigation",I)||K("next",I)||K("next-statement",I)||K("consent",I)||K("submit",I)||K("skip",I)||K("skip-statement",I)||K("message",I))&&n.createElement("div",{className:"question-footer"},K("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"},K("next",I)&&n.createElement(Ii,{onClick:()=>{m(s[c],"CHECKBOX"===R?.type_info?.meta?.display_format&&"CONSENT"===R?.type_info?.question_type?o.formValues[R.name]??!1:null,!0)},disabled:ee("next",W),className:"next-button"},w?.next||"Next"),K("next-statement",I)&&n.createElement(Ii,{onClick:()=>{P?.()},disabled:!!ee("next-statement",W),className:"next-button"},w?.next||"Next"),K("consent",I)&&"BUTTON"===z&&k.map((e=>n.createElement(Ii,{key:c+String(e.recordAs),onClick:()=>{m(s[c],e.recordAs,!0)},disabled:ee("consent",W),className:(e.recordAs?"next":"secondary")+"-button"},R?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue))),K("submit",I)&&n.createElement("div",{className:"submit"},n.createElement(Ii,{disabled:ee("submit",W),onClick:()=>{C(M?.[R.name])&&C($?.[R.name])&&C(S?.[R.name])&&C(E?.[R.name])&&(A(!0),p("COMPLETE"))}},_?w?.submitting||"Submitting":w?.submit_survey||"Submit")),K("skip",I)&&n.createElement("button",{className:"skip-button",onClick:f,"aria-label":"skip question"},w?.skip||"Skip"),K("skip-statement",I)&&n.createElement("button",{className:"skip-button",onClick:h,"aria-label":"skip statement"},w?.skip||"Skip"),K("message",I)&&n.createElement(Ii,{onClick:f,disabled:ee("message",W),className:"next-button"},R?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"))))},zO=e=>{const{blocks:a,renderedBlocks:r,activeBlock:o,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:l,isSurveyCompleted:u,isReverseAnimation:d,saveFormValues:c,saveOthersValue:m,skipBlock:p,skipStatement:f,onSubmitHandler:h,navigateToNextBlock:g,navigateToPreviousBlock:v,answers:y,questions:b,pivot:w,isInitialTransition:x,resetSurvey:k,activeIndexOfRenderedStatement:P,navigateToNextStatement:M,navigateToPreviousStatement:T,navigateToStart:_,translationVariables:A,initialStatementHasAnswer:I,formQuestionErrors:W,textboxQuestionErrors:R,contactFormErrors:z,fileUploadErrors:j,setErrors:O}=ce(e),N=C(y.formValues)&&e.survey.prompt_settings?.is_enabled&&e.preview,[L,D]=t.useState(N),H=n.useMemo((()=>E(w?.question)),[w?.question]);return t.useEffect((()=>{o&&e.onBlockChange?.(o)}),[o,e]),t.useEffect((()=>{e.getSurveyProgress?.({totalBlocks:a.length,isSurveyCompleted:u,activeIndexOfBlocks:s})}),[a.length,u,s]),o&&o.question?n.createElement("div",{className:`freemium-survey-components ${e.isMobile?"mobile-preview":""} ${e.surveyStyle}-survey-style`,id:"freemium-survey"},n.createElement(i.SwitchTransition,{mode:"out-in"},n.createElement(i.CSSTransition,{key:l+String(u)+String(L),addEndListener:(e,t)=>{e.addEventListener("transitionend",t,!1)},classNames:d?"fade-reverse":"fade"},n.createElement("div",{className:"questions"},u?n.createElement(IO,{thankYouQuestion:B({pivotQn:w?.question,pivotQnAnswer:w?.answer,block:Z({activeBlock:o,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:y,questions:b,activeIndexOfBlocks:s,renderedBlocks:r,contactData:e.contactData}),questions:b}),canResubmit:e.canResubmit,allowMultipleSubmission:e.allowMultipleSubmission,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",_):_()},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",k):k()},preview:!!e.preview,placeholders:e.placeholders,isMobile:e.isMobile,pivot:w,rangeToRender:H,translationVariables:A}):n.createElement("div",{id:`${o.question.name}`,className:"question-container","data-test-question-name":o.question.name},L&&e.survey.prompt_settings?n.createElement(ss,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt?.(t),1===t&&D(!1)},placeholders:e.placeholders,isPreview:!!e.preview}):n.createElement(n.Fragment,null,n.createElement("div",{className:("question-text "+(!o.question.type_info?.pivot_question&&o.required?"required":"")).trim(),dangerouslySetInnerHTML:{__html:S({questionText:o?.question.text,placeholders:e.placeholders,npsRating:w?.answer,ratingLabel:$(w?.answer)?"":H?.find((e=>e?.value===String(w?.answer)))?.text??"",preference:w?.question.type_info?.scale_properties?.labels?.preference,isPreview:!!e.preview})},"aria-label":`question-${l}`,role:"heading","aria-level":1}),n.createElement("div",{onTransitionEndCapture:e=>e.stopPropagation(),style:{width:"100%",position:"relative"}},n.createElement(AO,{surveyServAssetUrl:e.surveyServAssetUrl,setErrors:O,onFileUpload:e.onFileUpload,survey:e.survey,question:o.question,isFinalQn:F({blocks:a,activeIndexOfBlocks:s,renderedBlocks:r,activeIndexOfRenderedBlocks:l,questions:b}),formValues:y.formValues,othersMeta:y.others,autoFocusDelay:"standard"===e.surveyStyle?350:0,activeIndexOfRenderedStatement:P,saveOthersValue:m,onChangeHandler:e=>{c(o,e)},isMobile:!!e.isMobile,initialPivotAnswer:e.initialPivotAnswer,isInitialTransition:x,formQuestionErrors:W,textboxQuestionErrors:R,fileUploadErrors:j,contactFormErrors:z,translationVariables:A})),n.createElement(RO,{isWidget:!1,surveyStyle:e.surveyStyle,answers:y,renderedBlocks:r,blocks:a,activeIndexOfRenderedStatement:P,initialStatementHasAnswer:I,navigateToNextStatement:M,navigateToPreviousStatement:T,activeIndexOfRenderedBlocks:l,activeIndexOfBlocks:s,saveFormValues:c,skipBlock:p,skipStatement:f,onSubmitHandler:h,navigateToPreviousBlock:v,navigateToNextBlock:g,isInitialTransition:x,initialPivotAnswer:e.initialPivotAnswer,isMobile:!!e.isMobile,translationVariables:A,formQuestionErrors:W,textboxQuestionErrors:R,fileUploadErrors:j,contactFormErrors:z,questions:b})))))),n.createElement(Yo,{...e.footerProps})):null};ye(':root {\n --default-brand-color: #264966;\n --default-question-text-color: #3a4b67;\n --default-question-background-color: #fff;\n --default-background-color: #f8f8f8;\n --default-button-text-color: #fff;\n --default-secondary-button-text-color: #000;\n --default-input-placeholder-color: #92a2b1;\n --compact-widget-max-height: 480px;\n --default-widget-max-height: 460px;\n --cozy-widget-max-height: 380px;\n}\n\n.freemium-survey-step-navigation {\n border-radius: 3px;\n border: 1px solid #efefef;\n white-space: nowrap;\n}\n.freemium-survey-step-navigation .navigation-button {\n width: 38px;\n text-align: -webkit-center;\n height: 38px;\n background-color: #fff;\n border: none;\n cursor: pointer;\n border-radius: 0 3px 3px 0;\n}\n.freemium-survey-step-navigation .navigation-button:first-of-type {\n border-right: 1px solid #efefef;\n border-radius: 3px 0 0 3px;\n}\n.freemium-survey-step-navigation .navigation-button:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.freemium-survey-step-navigation .navigation-button:focus {\n position: relative;\n z-index: 1;\n}\n\n.freemium-survey-components.standard-survey-style {\n display: flex;\n flex-direction: column;\n grid-gap: 40px;\n gap: 40px;\n height: 100%;\n}\n.freemium-survey-components.standard-survey-style > div {\n flex: 1;\n}\n.freemium-survey-components.standard-survey-style .question-container {\n display: flex;\n flex-direction: column;\n text-align: center;\n max-width: 700px;\n margin: 0 auto;\n background: var(--default-question-background-color);\n background: var(--question-background-color, var(--default-question-background-color));\n border-radius: 4px;\n transition: transform 500ms ease 0ms, opacity 800ms ease 0ms;\n box-shadow: 0px 12px 70px 0px rgba(18, 52, 77, 0.05), 0px 2px 20px 0px rgba(18, 52, 77, 0.05);\n margin-bottom: 28px;\n padding: 28px;\n grid-gap: 28px;\n gap: 28px;\n position: relative;\n height: -moz-fit-content;\n height: fit-content;\n overflow: auto;\n opacity: 1;\n}\n.freemium-survey-components.standard-survey-style .question-container:last-child {\n margin-bottom: 0px;\n}\n.freemium-survey-components.standard-survey-style .hide-question-container {\n pointer-events: none;\n opacity: 0;\n}\n.freemium-survey-components.standard-survey-style .question-text.required > p:nth-last-child(1)::after {\n content: "*";\n color: rgb(215, 45, 48);\n margin-left: 4px;\n}\n.freemium-survey-components.standard-survey-style .question-text {\n font-size: 16px;\n font-weight: 600;\n line-height: 1.8;\n width: 100%;\n text-align: left;\n color: var(--default-question-text-color);\n color: var(--question-text-color, var(--default-question-text-color));\n}\n.freemium-survey-components.standard-survey-style .question-text p {\n text-align: left;\n}\n.freemium-survey-components.standard-survey-style .question-text a {\n color: var(--link-color);\n text-decoration: underline;\n}\n.freemium-survey-components.standard-survey-style .autofocus-button {\n border: none;\n width: 0;\n height: 0;\n opacity: 0;\n margin-top: -12px;\n margin-left: -12px;\n position: absolute;\n}\n.freemium-survey-components.standard-survey-style .footer {\n padding: 0;\n width: 100%;\n}\n.freemium-survey-components.standard-survey-style .question-footer {\n display: flex;\n justify-content: flex-end;\n grid-gap: 40px;\n gap: 40px;\n width: 100%;\n align-items: center;\n}\n.freemium-survey-components.standard-survey-style .question-footer:empty {\n display: none;\n}\n.freemium-survey-components.standard-survey-style .action-buttons {\n display: flex;\n grid-gap: 20px;\n gap: 20px;\n flex-direction: row-reverse;\n}\n.freemium-survey-components.standard-survey-style .action-buttons:empty {\n display: none;\n}\n.freemium-survey-components.standard-survey-style .sec-button {\n font-weight: 500;\n color: #3a4b67;\n cursor: pointer;\n background: transparent;\n border: none;\n min-width: 40px;\n padding: 8px 16px;\n border-radius: 4px;\n color: var(--default-secondary-button-text-color);\n color: var(--secondary-button-text-color, var(--default-secondary-button-text-color));\n letter-spacing: 0.05rem;\n line-height: 1.5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n}\n.freemium-survey-components.standard-survey-style .sec-button:hover {\n background-color: #f3f3f3;\n transform: translateY(-4px);\n}\n.freemium-survey-components.standard-survey-style .next-button {\n color: var(--default-button-text-color);\n color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components.standard-survey-style .secondary-button {\n border: 1px solid #cfd7df;\n background-image: var(--secondary-button-linear-gradient);\n box-shadow: 0 1px 0 0 rgba(24, 50, 71, 0.05);\n color: #12344d;\n background-color: #ffffff;\n width: 215px;\n}\n.freemium-survey-components.standard-survey-style .secondary-button:hover {\n background-color: #f5f7f9;\n background-image: none;\n}\n.freemium-survey-components.standard-survey-style .submit {\n max-width: 700px;\n margin: 0 auto;\n text-align: left;\n background: transparent;\n box-shadow: none;\n display: flex;\n flex-direction: row-reverse;\n color: var(--default-button-text-color);\n color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components.standard-survey-style .fade-enter {\n opacity: 0;\n transform: translateY(40px);\n}\n.freemium-survey-components.standard-survey-style .fade-enter-active {\n opacity: 1;\n transform: translateY(0);\n}\n.freemium-survey-components.standard-survey-style .fade-exit {\n opacity: 1;\n transform: translateY(0);\n}\n.freemium-survey-components.standard-survey-style .fade-exit-active {\n opacity: 0;\n transform: translateY(-40px);\n}\n.freemium-survey-components.standard-survey-style .fade-enter,\n.freemium-survey-components.standard-survey-style .fade-enter-active,\n.freemium-survey-components.standard-survey-style .fade-exit,\n.freemium-survey-components.standard-survey-style .fade-exit-active {\n transition: all ease 400ms;\n pointer-events: none;\n}\n.freemium-survey-components.standard-survey-style .thankyou {\n display: flex;\n align-items: center;\n justify-content: center;\n grid-gap: 20px;\n gap: 20px;\n min-height: 180px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .heading {\n font-weight: 500;\n font-size: 22px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .thankyou-logo-img {\n height: 100px;\n width: auto;\n}\n.freemium-survey-components.standard-survey-style .thankyou .text {\n white-space: pre-wrap;\n font-weight: 500;\n font-size: 14px;\n line-height: 1.6;\n color: #475867;\n width: 75%;\n}\n.freemium-survey-components.standard-survey-style .thankyou .redirection-text {\n color: #929292;\n margin-bottom: 12px;\n font-weight: 300;\n}\n.freemium-survey-components.standard-survey-style .thankyou .link {\n width: 100%;\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #666;\n font-weight: 500;\n text-decoration: underline;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container {\n display: flex;\n grid-gap: 10px;\n gap: 10px;\n flex-wrap: wrap;\n justify-content: center;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-link {\n background: #f5f7f9;\n padding: 20px 0px;\n border-radius: 10px;\n width: 300px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-link .links {\n display: flex;\n grid-gap: 10px;\n gap: 10px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-link .link-image-url {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 45px;\n width: 45px;\n background: #fff;\n border-radius: 8px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-link .link-page-name {\n padding: 0px 20px 0px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #fff;\n height: 45px;\n border-radius: 8px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .title-text {\n padding-bottom: 14px;\n font-size: 14px;\n font-weight: 500;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-custom-button-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 300px;\n border-radius: 10px;\n padding: 20px 0px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-custom-button-container .button_text {\n display: flex;\n justify-content: center;\n align-items: center;\n grid-gap: 10px;\n gap: 10px;\n height: 45px;\n padding: 0px 20px;\n background: #4560f6;\n color: #fff;\n font-weight: 700px;\n border-radius: 8px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .wrap-up-actions {\n display: flex;\n}\n.freemium-survey-components.standard-survey-style .thankyou .wrap-up-actions.mobile {\n flex-direction: column;\n align-items: center;\n}\n.freemium-survey-components.standard-survey-style .thankyou .wrap-up-actions.mobile button.action-button {\n justify-content: center;\n letter-spacing: 0.05em;\n line-height: 1.5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n background-color: #e5f2fd;\n margin: 6px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .wrap-up-actions.mobile button.action-button:hover {\n transform: translateY(-4px);\n}\n.freemium-survey-components.standard-survey-style .thankyou button.action-button {\n font-weight: 600;\n font-size: 14px;\n line-height: 20px;\n color: #2c5cc5;\n border: none;\n background: none;\n padding: 8px 12px;\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.freemium-survey-components.standard-survey-style .thankyou button.action-button svg {\n margin-right: 8px;\n}\n.freemium-survey-components.standard-survey-style .responsive-text-field {\n width: 100%;\n}\n.freemium-survey-components.standard-survey-style .responsive-text-field .textarea-container {\n display: none;\n}\n.freemium-survey-components.standard-survey-style .message-container:empty {\n display: none;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .action-buttons {\n flex-direction: column;\n width: 100%;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .action-buttons button {\n max-width: unset;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .action-button {\n max-width: unset;\n width: 100%;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .thankyou .text {\n width: auto;\n}\n@media (max-width: 550px) {\n .freemium-survey-components.standard-survey-style .action-buttons {\n flex-direction: column;\n width: 100%;\n }\n .freemium-survey-components.standard-survey-style .action-buttons button {\n max-width: unset;\n }\n .freemium-survey-components.standard-survey-style .action-button {\n max-width: unset;\n width: 100%;\n }\n .freemium-survey-components.standard-survey-style .thankyou .text {\n width: auto;\n }\n}\n\n@media (max-width: 550px) {\n .freemium-survey-component .responsive-text-field .input-container {\n display: none;\n }\n .freemium-survey-component .responsive-text-field .textarea-container {\n display: flex;\n }\n .freemium-survey-component .responsive-text-field .textarea-container textarea {\n min-height: 80px;\n height: 80px;\n }\n .freemium-survey-component .responsive-input-field .input-container input {\n min-height: 40px;\n }\n}\n.freemium-survey-components.mobile-preview .thankyou .text {\n width: unset;\n}');const jO=["next","next-statement","skip","submit","navigation","clear-selection","message","consent"],OO=({thankYouQuestion:e,preview:i,placeholders:a,canResubmit:r,allowMultipleSubmission:o,navigateToStart:s,resetSurvey:l,isMobile:u,pivot:d,rangeToRender:c,translationVariables:m})=>{const{redirectUrl:p,redirectDelay:f,image_url:h,show_custom_button:g,show_review_links:v,show_social_links:y}=e?.type_info?.meta??{},[b,w]=t.useState(f??10);return t.useEffect((()=>{if(!i&&p){const e=setInterval((()=>w((e=>e>1?e-1:(window.location.href=p??"",0)))),1e3);return()=>clearInterval(e)}}),[]),n.createElement("div",{className:"question-container thankyou"},h&&n.createElement("img",{className:"thankyou-logo-img",src:h,alt:"thankyou_logo"}),n.createElement("div",{className:"heading"},e?.type_info?.header_text??(m?.thank_you||"Thank you!")),n.createElement("div",{className:"text",dangerouslySetInnerHTML:{__html:S({questionText:e.text,placeholders:a,npsRating:d?.answer,ratingLabel:$(d?.answer)?"":c?.find((e=>e?.value===String(d?.answer)))?.text??"",preference:d?.question.type_info?.scale_properties?.labels?.preference,isPreview:i})}}),(r||o)&&n.createElement("div",{className:("wrap-up-actions "+(u?"mobile":"")).trim()},r&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:()=>s()},n.createElement(he,{name:"edit"}),m?.edit_response||"Edit your response"),o&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:l},n.createElement(he,{name:"reload"}),m?.another_response||"Submit another response")),p&&n.createElement("div",{style:{width:"100%"}},n.createElement("div",{className:"redirection-text"},A(b,m?.redirect_msg),n.createElement("br",null)),n.createElement("a",{className:"link",href:p},p)),n.createElement(ls,{show_custom_button:g,show_review_links:v,show_social_links:y}))},NO=e=>{const{blockIndex:t,isWidget:i,surveyStyle:a,answers:r,renderedBlocks:o,navigateToNextStatement:s,blocks:l,isMobile:u,activeIndexOfBlocks:d,activeIndexOfRenderedBlocks:c,translationVariables:m,saveFormValues:p,skipBlock:f,clearRadioSelection:h,initialStatementHasAnswer:g,initialPivotAnswer:v,questions:y}=e,b={answers:r,blocks:l,blockIndex:t,activeIndexOfBlocks:d,isMobile:u,initialStatementHasAnswer:g,activeIndexOfRenderedBlocks:c,activeIndexOfRenderedStatement:0,renderedBlocks:o,surveyStyle:a,isWidget:i,questions:y},w={answers:r,blocks:l,activeIndexOfBlocks:d,initialStatementHasAnswer:g,isMobile:u,activeIndexOfRenderedBlocks:c,activeIndexOfRenderedStatement:0,renderedBlocks:o},x={};jO.forEach((e=>{x[e]=!!K(e,b)}));const{question:P}=o[t??c],M=P?.type_info?.meta?.display_format;return x?.next||x?.["next-statement"]||x?.skip||x?.consent||x?.["clear-selection"]||x?.message?n.createElement("div",{className:"question-footer"},n.createElement("div",{className:"action-buttons"},x?.next&&n.createElement(Ii,{onClick:()=>{p(o[c],"CHECKBOX"===P?.type_info?.meta?.display_format&&"CONSENT"===P?.type_info?.question_type?r.formValues[P.name]??!1:null,!0)},disabled:!!ee("next",w),className:"next-button"},m?.next||"Next"),x?.["next-statement"]&&n.createElement(Ii,{onClick:()=>{s?.()},disabled:!!ee("next-statement",w),className:"next-button"},m?.next||"Next"),x?.consent&&"BUTTON"===M&&k.map((e=>n.createElement(Ii,{key:c+String(e.recordAs),onClick:()=>{p(o[c],e.recordAs,!0)},disabled:ee("consent",w),className:(e.recordAs?"next":"secondary")+"-button"},P?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue))),x.skip&&n.createElement("button",{className:"sec-button",onClick:f,"aria-label":"skip question"},m?.skip||"Skip"),x?.["clear-selection"]&&n.createElement("button",{className:"sec-button",onClick:()=>h(t)},m?.clear_selection||"Clear selection"),x?.message&&n.createElement(Ii,{onClick:f,disabled:ee("message",w),className:"next-button"},P?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"))):null},LO=e=>{const{blocks:a,renderedBlocks:r,activeBlock:o,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:l,isSurveyCompleted:u,translationVariables:d,saveFormValues:c,saveOthersValue:m,skipBlock:p,skipStatement:f,clearRadioSelection:h,onSubmitHandler:g,answers:v,questions:y,resetSurvey:b,initialStatementHasAnswer:w,navigateToStart:x,activeIndexOfRenderedStatement:k,navigateToNextStatement:P,navigateToPreviousStatement:M,pivot:T,formQuestionErrors:_,textboxQuestionErrors:A,contactFormErrors:I,fileUploadErrors:W,setErrors:R}=(e=>{const i=e.survey.question_details?.questions||[],a=e.contactData||{},r=e.translationVariables||{},[o]=t.useState(e.survey?.blocks?.filter((e=>"TY"!==e.name&&!e.is_deleted))),[s,l]=t.useState({formErrors:{},textBoxErrors:{},fileUploadErrors:{},contactFormErrors:{}}),u=t.useMemo((()=>ae({blocks:o,questions:i,responses:e.answers,answerStatus:e.answerStatus||"PARTIAL"})),[o,i,e.answers]),[d,c]=t.useState(u.renderedBlocks),[m,p]=t.useState(u.activeIndexOfRenderedBlocks),[f,h]=t.useState(u.activeIndexOfRenderedStatement),g=t.useRef(u.pivot),v=t.useRef(u.isInitialTransition),[y,b]=t.useState(u.answers),w=t.useRef(),x=t.useRef(((u.isConsideredCompleted||"PARTIAL"===e.answerStatus)&&e.canResubmit)??!1),[k,P]=t.useState(!1),M=t.useRef(null),$=d[m],E=n.useMemo((()=>d.length>0?o?.findIndex((e=>e.name===d[m]?.name)):0),[m]);t.useEffect((()=>{if(u.isConsideredCompleted&&v.current&&e.canResubmit)return;const{others_meta:t,...n}=e.answers;if(!o||!o.length||!C(n))return;g.current={...g.current,question:L({questions:i,blocks:o})},null!=e.initialPivotAnswer&&(g.current={...g.current,answer:D(g.current.question,e.initialPivotAnswer)},b({...y,formValues:{...y.formValues,[g.current.question.name]:g.current.answer}}));const a=B({pivotQn:g.current.question,pivotQnAnswer:g.current.answer,block:o[0],questions:i});c([{...o[0],question:a}])}),[o,e.initialPivotAnswer]),t.useEffect((()=>{u.isConsideredCompleted&&v.current&&e.canResubmit||(d.length&&p(d.length-1),M.current?.scrollIntoView({block:"start",behavior:"smooth"}))}),[d]),t.useEffect((()=>{if(!(u.isConsideredCompleted&&v.current&&e.canResubmit)&&!C(y.formValues)&&o&&S())if(Y({blocks:o,activeIndexOfBlocks:E,renderedBlocks:d,activeIndexOfRenderedBlocks:m,answers:y,questions:i})){const t=()=>{const e=U({renderedBlocks:d,activeBlock:$,blocks:o,activeIndexOfBlocks:E,answers:y,questions:i,contactData:a});if(e===1/0)return void setTimeout((()=>{T("COMPLETE"),P(!0)}));setTimeout((()=>{T()}));const t=B({pivotQn:g.current?.question,pivotQnAnswer:g.current?.answer,block:o?.[e],questions:i}),n=ne({renderedBlocks:d,activeIndexOfRenderedBlocks:m});c([...n,{...o?.[e],question:t}])};null!=e.initialPivotAnswer&&1==d.length?w.current?(clearTimeout(w.current),w.current=null,t()):w.current=setTimeout((()=>{}),1500):t()}else"MATRIX_RATING_SCALE"===$?.question?.type_info?.question_type&&T()}),[y,o]);const S=()=>{if($.question_name)switch($.question?.type_info?.question_type){case"FORM_FIELD":return oe({fields:$.question?.type_info?.form_fields?.fields,answers:y.formValues?.[$.question_name]||{},errorSetter:l,questionName:$.question_name,errors:s,translationVariables:r});case"TEXT":return se({type:$.question?.type_info?.text_field?.text_type,answer:y.formValues?.[$.question_name]||"",errorSetter:l,questionName:$.question_name,errors:s,translationVariables:r});case"CONTACT_FORM":return le({fields:$.question?.type_info?.contact_form?.fields,answers:y.formValues?.[$.question_name]||{},errorSetter:l,questionName:$.question_name,errors:s,translationVariables:r});case"FILE":return ue({errors:s.fileUploadErrors})}return!0},T=(t="PARTIAL")=>{let n=()=>{};if(!S())return;let a={...y.formValues};"COMPLETE"===t&&(n=()=>{P(!0),x.current=!1},"CONSENT"===$.question?.type_info?.question_type&&"CHECKBOX"===$.question?.type_info?.meta?.display_format&&$.question_name&&C(y.formValues[$.question_name])&&!$.required&&(a[$.question_name]=!1,b((e=>({...e,formValues:{...e.formValues,[$.question?.name]:!1},commitDirtyValue:!1})))),a=de({answers:{...y,formValues:a},blocks:o,questions:i})),$.question_name&&void 0===a[$.question_name]&&(a[$.question_name]=null),e.onSubmit({...a,others_meta:y.others},n,t,x.current?"EDIT":"CREATE")},_=()=>{const e=$.question;if(x.current||m===d.length-1)b({...y,formValues:{...y.formValues,[e.name]:null},commitDirtyValue:!0});else{const t=te({renderedBlocks:d,activeIndexOfRenderedBlocks:m,answers:y}),n=ne({renderedBlocks:d,activeIndexOfRenderedBlocks:m});c(n),b({...t,formValues:{...t.formValues,[e.name]:null},commitDirtyValue:!0})}},A=()=>{h((e=>e+1))},I=(e,t,n=!1,i=m)=>{v.current=!1,e.question.name===g.current?.question.name&&(g.current={...g.current,answer:t});let a=y;x.current||!n&&!V({question:e.question,answers:y})||(a=te({renderedBlocks:d,activeIndexOfRenderedBlocks:i,answers:y})),i!==m&&p(i),b({...a,formValues:{...a.formValues,...null!=t&&{[e.question.name]:t}},commitDirtyValue:n}),"SINGLE_ANSWER"===$.question.type_info?.matrix_properties?.type&&f<($.question?.type_info?.matrix_properties?.statements||[]).length-1&&setTimeout((()=>{A?.()}),0)},W=n.useMemo((()=>{if("MATRIX_RATING_SCALE"!==$?.question?.type_info?.question_type)return!1;const e=($?.question?.type_info?.matrix_properties?.statements||[])[f];return((y.formValues[$?.question.name]||[]).find((t=>t.statement_id===e?.id))?.rating_labels||[]).length>0}),[f,m]);return{blocks:o,questions:i,renderedBlocks:d,initialStatementHasAnswer:W,activeBlock:$,activeIndexOfBlocks:E,activeIndexOfRenderedBlocks:m,activeIndexOfRenderedStatement:f,navigateToNextStatement:A,navigateToPreviousStatement:()=>{h((e=>e-1))},isSurveyCompleted:k,pivot:g.current,answers:y,translationVariables:r,formQuestionErrors:s.formErrors,textboxQuestionErrors:s.textBoxErrors,fileUploadErrors:s.fileUploadErrors,contactFormErrors:s.contactFormErrors,setErrors:l,saveFormValues:I,saveOthersValue:(e,t,n=m)=>{if(n!==m&&p(n),null===t){const t={...y.others};delete t[e],b({...y,commitDirtyValue:!1,others:t})}else b({...y,commitDirtyValue:!1,others:{...y.others,[e]:t}})},skipBlock:_,skipStatement:()=>{if(e.isMobile||e.isWidget){const e=$?.question?.type_info?.matrix_properties?.statements||[],t=e[f],n=y.formValues[$?.question.name]||[],i=f<e.length-1;I($,n.filter((e=>e.statement_id!==t.id)),!i),i&&"MULTIPLE_ANSWERS"===$?.question?.type_info?.matrix_properties?.type&&setTimeout((()=>{A?.()}),0)}else _()},clearRadioSelection:e=>{e!==m&&p(e);const t=d[e].question;delete y.formValues[t.name],delete y.others[t.name];const n=te({renderedBlocks:d,activeIndexOfRenderedBlocks:e,answers:y}),i=ne({renderedBlocks:d,activeIndexOfRenderedBlocks:e});c(i),b({...n,commitDirtyValue:!1})},onSubmitHandler:T,navigateToStart:()=>{x.current=!0,P(!1)},resetSurvey:()=>{P(!1);const e=B({pivotQn:g.current?.question,pivotQnAnswer:g.current?.answer,block:o[0],questions:i});c([{...o[0],question:e}]),p(0),b({formValues:{},others:{},commitDirtyValue:!1}),sessionStorage.clear()}}})(e),z=t.useRef(null),[j,O]=t.useState(!1),N=n.useMemo((()=>E(T?.question)),[T?.question]),H=C(v.formValues)&&e.survey.prompt_settings?.is_enabled&&e.preview,[q,G]=t.useState(H);if(t.useEffect((()=>{z.current?.scrollIntoView({block:"start",behavior:"smooth"})}),[r]),t.useEffect((()=>{e.getSurveyProgress?.({totalBlocks:a.length,isSurveyCompleted:u,activeIndexOfBlocks:s})}),[a.length,u,s]),!o||!o.question)return null;const{question:X}=r[l];return n.createElement("div",{className:`freemium-survey-components ${e.isMobile?"mobile-preview":""} standard-survey-style`,id:"freemium-survey"},n.createElement(i.SwitchTransition,{mode:"out-in"},n.createElement(i.CSSTransition,{key:String(u)+String(q),addEndListener:(e,t)=>{e.addEventListener("transitionend",t,!1)},classNames:"fade"},n.createElement("div",null,q&&e.survey.prompt_settings?n.createElement("div",{className:"questions"},n.createElement("div",{className:"question-container"},n.createElement(ss,{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,u?n.createElement(OO,{thankYouQuestion:B({pivotQn:T?.question,pivotQnAnswer:T?.answer,block:Z({activeBlock:o,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:v,questions:y,activeIndexOfBlocks:s,renderedBlocks:r,contactData:e.contactData}),questions:y}),preview:!!e.preview,placeholders:e.placeholders,pivot:{...T,question:T?.question||{name:""},answer:T?.answer},rangeToRender:N,canResubmit:e.canResubmit,isMobile:e.isMobile,allowMultipleSubmission:e.allowMultipleSubmission,translationVariables:d,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",(()=>{O(!1),x()})):(O(!1),x())},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",(()=>{O(!1),b()})):(O(!1),b())}}):n.createElement(n.Fragment,null,n.createElement("div",{onTransitionEndCapture:e=>e.stopPropagation(),className:"questions"},r.map(((t,i)=>n.createElement("div",{key:t.question.name,ref:z,className:"question-container"},n.createElement("div",{className:`question-text ${!o.question.type_info?.pivot_question&&o.required?"required":""} ${0===i?"nps":""}`.trim(),dangerouslySetInnerHTML:{__html:S({questionText:t.question.text,placeholders:e.placeholders,npsRating:T?.answer,ratingLabel:$(T?.answer)?"":N?.find((e=>e?.value===String(T?.answer)))?.text??"",preference:T?.question.type_info?.scale_properties?.labels?.preference,isPreview:!!e.preview})},"aria-label":`question-${i}`,role:"heading","aria-level":1}),n.createElement(AO,{surveyServAssetUrl:e.surveyServAssetUrl,fileUploadErrors:W,setErrors:R,onFileUpload:e.onFileUpload,survey:e.survey,question:t.question,isFinalQn:F({blocks:a,activeIndexOfBlocks:s,renderedBlocks:r,activeIndexOfRenderedBlocks:l,questions:y}),formValues:v.formValues,othersMeta:v.others,isMobile:!!e.isMobile,autoFocusDelay:"standard"===e.surveyStyle?350:20,activeIndexOfRenderedStatement:k,saveOthersValue:(e,t)=>{m(e,t,i)},onChangeHandler:e=>{c(t,e,!1,i)},initialPivotAnswer:e.initialPivotAnswer,formQuestionErrors:_,textboxQuestionErrors:A,contactFormErrors:I,translationVariables:d}),n.createElement(NO,{isWidget:!1,surveyStyle:e.surveyStyle,answers:v,renderedBlocks:r,blocks:a,blockIndex:i,activeIndexOfRenderedBlocks:l,initialStatementHasAnswer:w,navigateToNextStatement:P,navigateToPreviousStatement:M,activeIndexOfBlocks:s,saveFormValues:c,isMobile:!!e.isMobile,skipBlock:p,skipStatement:f,clearRadioSelection:h,onSubmitHandler:g,initialPivotAnswer:e.initialPivotAnswer,translationVariables:d,formQuestionErrors:_,textboxQuestionErrors:A,contactFormErrors:I,fileUploadErrors:W,questions:y})))),K("submit",{answers:v,blocks:a,activeIndexOfBlocks:s,initialStatementHasAnswer:w,isMobile:!!e.isMobile,activeIndexOfRenderedBlocks:l,renderedBlocks:r,surveyStyle:e.surveyStyle,isWidget:!1,questions:y})&&n.createElement("div",{className:"submit"},n.createElement(Ii,{disabled:!!ee("submit",{answers:v,blocks:a,initialStatementHasAnswer:w,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:l,renderedBlocks:r,activeIndexOfRenderedStatement:k,isSubmitting:j}),onClick:()=>{C(_?.[X.name])&&C(A?.[X.name])&&C(W?.[X.name])&&C(I?.[X.name])&&(O(!0),g("COMPLETE"))}},j?d?.submitting||"Submitting":d?.submit_survey||"Submit")))))))),n.createElement(Yo,{...e.footerProps}))};ye('#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}');ye(':root {\n --default-brand-color: #264966;\n --default-question-text-color: #3a4b67;\n --default-question-background-color: #fff;\n --default-background-color: #f8f8f8;\n --default-button-text-color: #fff;\n --default-secondary-button-text-color: #000;\n --default-input-placeholder-color: #92a2b1;\n --secondary-button-linear-gradient: linear-gradient(\n 180deg,\n #ffffff 0%,\n #f5f7f9 100%\n );\n}\n\n.freemium-survey-components.widget-survey-components {\n overflow: hidden;\n}\n.freemium-survey-components.widget-survey-components * {\n scrollbar-color: rgba(216, 216, 216, 0.5) transparent !important;\n}\n.freemium-survey-components.widget-survey-components * ::-webkit-scrollbar {\n height: auto;\n height: initial;\n width: 6px;\n}\n.freemium-survey-components.widget-survey-components * ::-webkit-scrollbar-track {\n background: transparent !important;\n}\n.freemium-survey-components.widget-survey-components * ::-webkit-scrollbar-thumb {\n border-radius: 5px;\n background: rgba(216, 216, 216, 0.5) !important;\n}\n.freemium-survey-components.widget-survey-components p {\n margin: 0;\n}\n.freemium-survey-components.widget-survey-components .questions {\n min-width: 100%;\n max-width: 100%;\n background: var(--default-question-background-color);\n background: var(--question-background-color, var(--default-question-background-color));\n position: relative;\n display: flex;\n justify-content: row;\n align-items: flex-end;\n height: 100%;\n transition: height 200ms ease;\n}\n.freemium-survey-components.widget-survey-components .question-container {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n text-align: center;\n max-height: 100%;\n min-width: 100%;\n max-width: 700px;\n margin: 0 auto;\n box-shadow: 0px 12px 15px rgba(18, 52, 77, 0.03);\n padding: 28px 0;\n padding-top: 0;\n grid-gap: 28px;\n gap: 28px;\n overflow: auto;\n}\n.freemium-survey-components.widget-survey-components .prompt-container {\n align-items: center;\n justify-content: center;\n padding: 0;\n}\n.freemium-survey-components.widget-survey-components .question-wrapper {\n width: 100%;\n padding: 4px 28px;\n}\n.freemium-survey-components.widget-survey-components .question-wrapper .button-container {\n margin-bottom: 20px;\n}\n.freemium-survey-components.widget-survey-components .question-wrapper .footer {\n text-align: center;\n font-size: 12px;\n color: var(--question-text-color);\n}\n.freemium-survey-components.widget-survey-components .prompt-declined {\n text-align: center !important;\n}\n.freemium-survey-components.widget-survey-components .hide-question-container {\n opacity: 0;\n}\n.freemium-survey-components.widget-survey-components .question-text {\n font-size: 16px;\n font-weight: 600;\n line-height: 1.8;\n width: 100%;\n text-align: left;\n padding: 0 28px;\n color: var(--default-question-text-color);\n color: var(--question-text-color, var(--default-question-text-color));\n}\n.freemium-survey-components.widget-survey-components .question-text p {\n all: inherit;\n padding: 0;\n}\n.freemium-survey-components.widget-survey-components .question-text a {\n color: var(--link-color);\n text-decoration: underline;\n}\n.freemium-survey-components.widget-survey-components .question-text.required > p:nth-last-child(1)::after {\n content: "*";\n color: rgb(215, 45, 48);\n margin-left: 4px;\n}\n.freemium-survey-components.widget-survey-components .autofocus-button {\n border: none;\n width: 0;\n height: 0;\n opacity: 0;\n margin-top: -12px;\n margin-left: -12px;\n position: absolute;\n}\n.freemium-survey-components.widget-survey-components .fade-enter {\n opacity: 1;\n transform: translateX(80px);\n position: absolute;\n}\n.freemium-survey-components.widget-survey-components .fade-enter-active {\n position: absolute;\n opacity: 1;\n transform: translateX(0);\n}\n.freemium-survey-components.widget-survey-components .fade-enter-done {\n position: absolute;\n}\n.freemium-survey-components.widget-survey-components .fade-exit {\n opacity: 0.05;\n pointer-events: none;\n transform: translateX(0);\n}\n.freemium-survey-components.widget-survey-components .fade-exit-active {\n pointer-events: none;\n opacity: 0;\n transform: translateX(-80px);\n}\n.freemium-survey-components.widget-survey-components .fade-reverse-enter {\n opacity: 0;\n position: absolute;\n transform: translateX(-80px);\n}\n.freemium-survey-components.widget-survey-components .fade-reverse-enter-active {\n opacity: 1;\n position: absolute;\n transform: translateX(0);\n}\n.freemium-survey-components.widget-survey-components .fade-reverse-exit {\n opacity: 0.05;\n transform: translateX(0);\n}\n.freemium-survey-components.widget-survey-components .fade-reverse-exit-active {\n opacity: 0;\n transform: translateX(80px);\n}\n.freemium-survey-components.widget-survey-components .fade-enter-active,\n.freemium-survey-components.widget-survey-components .fade-reverse-enter-active,\n.freemium-survey-components.widget-survey-components .fade-reverse-exit-active,\n.freemium-survey-components.widget-survey-components .fade-exit-active {\n transition: opacity 200ms, transform 200ms;\n}\n.freemium-survey-components.widget-survey-components .question-footer {\n margin: 0px auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n position: sticky;\n padding: 0 28px;\n bottom: -28px;\n background: var(--default-question-background-color);\n background: var(--question-background-color, var(--default-question-background-color));\n grid-gap: 40px;\n gap: 40px;\n width: 100%;\n}\n.freemium-survey-components.widget-survey-components .question-footer:empty {\n display: none;\n}\n.freemium-survey-components.widget-survey-components .question-footer:only-child {\n margin-left: auto;\n}\n.freemium-survey-components.widget-survey-components .freemium-survey-step-navigation {\n white-space: nowrap;\n border-radius: 3px;\n border: 1px solid #efefef;\n}\n.freemium-survey-components.widget-survey-components .freemium-survey-step-navigation .navigation-button {\n width: 38px;\n text-align: -webkit-center;\n height: 40px;\n background-color: #fff;\n border: none;\n cursor: pointer;\n border-radius: 0 3px 3px 0;\n}\n.freemium-survey-components.widget-survey-components .freemium-survey-step-navigation .navigation-button:first-of-type {\n border-right: 1px solid #efefef;\n border-radius: 3px 0 0 3px;\n}\n.freemium-survey-components.widget-survey-components .freemium-survey-step-navigation .navigation-button:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.freemium-survey-components.widget-survey-components .freemium-survey-step-navigation .navigation-button:focus {\n position: relative;\n z-index: 1;\n}\n.freemium-survey-components.widget-survey-components .action-buttons {\n display: flex;\n grid-gap: 20px;\n gap: 20px;\n width: 100%;\n}\n.freemium-survey-components.widget-survey-components .action-buttons:empty {\n display: none;\n}\n.freemium-survey-components.widget-survey-components .skip-button {\n font-weight: 500;\n cursor: pointer;\n color: #3a4b67;\n background: transparent;\n border: none;\n min-width: 40px;\n padding: 8px 16px;\n border-radius: 4px;\n color: var(--default-secondary-button-text-color);\n color: var(--secondary-button-text-color, var(--default-secondary-button-text-color));\n letter-spacing: 0.05rem;\n line-height: 1.5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n}\n.freemium-survey-components.widget-survey-components .skip-button:hover {\n background-color: #f3f3f3;\n transform: translateY(-4px);\n}\n.freemium-survey-components.widget-survey-components .next-button,\n.freemium-survey-components.widget-survey-components .submit {\n color: var(--default-button-text-color);\n color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components.widget-survey-components .secondary-button {\n border: 1px solid #cfd7df;\n background-image: linear-gradient(\n 180deg,\n #ffffff 0%,\n #f5f7f9 100%\n );\n background-image: var(--secondary-button-linear-gradient);\n box-shadow: 0 1px 0 0 rgba(24, 50, 71, 0.05);\n color: #12344d;\n background-color: #ffffff;\n width: 100%;\n}\n.freemium-survey-components.widget-survey-components .secondary-button:hover {\n background-color: #f5f7f9;\n background-image: none;\n}\n.freemium-survey-components.widget-survey-components .thankyou {\n display: flex;\n align-items: center;\n justify-content: center;\n grid-gap: 20px;\n gap: 20px;\n min-height: 180px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .heading {\n font-weight: 500;\n font-size: 22px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .text {\n white-space: pre-wrap;\n font-weight: 500;\n font-size: 14px;\n line-height: 1.6;\n color: #475867;\n}\n.freemium-survey-components.widget-survey-components .thankyou .redirection-text {\n color: #929292;\n margin-bottom: 12px;\n font-weight: 300;\n}\n.freemium-survey-components.widget-survey-components .thankyou .link {\n width: 100%;\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #666;\n font-weight: 500;\n text-decoration: underline;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions {\n display: flex;\n}\n.freemium-survey-components.widget-survey-components .thankyou .thank-you-image {\n justify-content: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions.mobile {\n flex-direction: column;\n align-items: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions.mobile button.action-button {\n justify-content: center;\n margin-bottom: 8px;\n letter-spacing: 0.05em;\n line-height: 1.5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n background-color: #e5f2fd;\n margin: 6px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions.mobile button.action-button:hover {\n transform: translateY(-4px);\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container {\n display: flex;\n grid-gap: 10px;\n gap: 10px;\n flex-wrap: wrap;\n justify-content: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-link {\n background: #f5f7f9;\n padding: 20px 0px;\n border-radius: 10px;\n width: 300px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-link .links {\n display: flex;\n grid-gap: 10px;\n gap: 10px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-link .link-image-url {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 45px;\n width: 45px;\n background: #fff;\n border-radius: 8px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-link .link-page-name {\n padding: 0px 20px 0px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #fff;\n height: 45px;\n border-radius: 8px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .title-text {\n padding-bottom: 14px;\n font-size: 14px;\n font-weight: 500;\n letter-spacing: 0.4px;\n font-style: normal;\n font-weight: 600;\n color: #213249;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-custom-button-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 300px;\n border-radius: 10px;\n padding: 20px 0px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-custom-button-container .button_text {\n display: flex;\n justify-content: center;\n align-items: center;\n grid-gap: 10px;\n gap: 10px;\n height: 45px;\n padding: 0px 20px;\n background: #4560f6;\n color: #fff;\n font-weight: 700px;\n border-radius: 8px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions button.action-button {\n width: unset;\n letter-spacing: 0.05em;\n line-height: 1.5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n background-color: #e5f2fd;\n margin: 6px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions button.action-button:hover {\n transform: translateY(-4px);\n}\n.freemium-survey-components.widget-survey-components .thankyou button.action-button {\n font-weight: 600;\n font-size: 14px;\n line-height: 20px;\n color: #2c5cc5;\n border: none;\n background: none;\n padding: 8px 12px;\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou button.action-button svg {\n margin-right: 8px;\n}\n.freemium-survey-components.widget-survey-components .responsive-text-field .input-container {\n display: none;\n}\n.freemium-survey-components.widget-survey-components .responsive-text-field .textarea-container {\n display: flex;\n}\n.freemium-survey-components.widget-survey-components .responsive-text-field .textarea-container textarea {\n min-height: 80px;\n height: 80px;\n}\n.freemium-survey-components.widget-survey-components .responsive-input-field .input-container input {\n min-height: 40px;\n}\n.freemium-survey-components.widget-survey-components .message-container:empty {\n display: none;\n}\n\n.freemium-survey-components.widget-survey-components.compact-style .question-container {\n grid-gap: 20px;\n gap: 20px;\n max-width: 100%;\n}\n.freemium-survey-components.widget-survey-components.compact-style .question-footer {\n flex-direction: column;\n grid-gap: 20px;\n gap: 20px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .question-footer .compact-footer-layout {\n display: flex;\n justify-content: space-between;\n width: 100%;\n align-items: center;\n}\n.freemium-survey-components.widget-survey-components.compact-style .question-footer .compact-footer-layout:empty {\n display: none;\n}\n.freemium-survey-components.widget-survey-components.compact-style .question-footer .action-buttons {\n grid-gap: 32px;\n gap: 32px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .question-footer .submit,\n.freemium-survey-components.widget-survey-components.compact-style .question-footer .action-button {\n max-width: unset;\n width: 100%;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container {\n max-height: 470px;\n min-height: 150px;\n overflow: auto;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .heading,\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .text {\n width: 100%;\n word-break: break-word;\n margin-bottom: 10px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .thankyou-logo-img {\n max-height: 50px;\n max-width: 50px;\n margin: auto auto 10px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .wrap-up-actions.mobile button.action-button {\n margin-bottom: 0px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .show-link-container {\n border-top: 2px solid #f5f7f9;\n grid-gap: 0px;\n gap: 0px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .show-link-container .show-link {\n background: transparent;\n padding: 10px 0px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .show-link-container .show-link .link-image-url {\n border: 1px solid #f3f3f3;\n box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .show-link-container .show-link .link-page-name {\n border: 1px solid #f3f3f3;\n box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .show-custom-button-container {\n padding: 10px 0px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou .text {\n width: 86%;\n margin: auto;\n}\n.freemium-survey-components.widget-survey-components.compact-style .range-container .range-scale .labels.labels-5 {\n justify-content: space-between;\n grid-gap: unset;\n gap: unset;\n}\n\n.freemium-survey-components.widget-survey-components.default-style .question-footer {\n justify-content: space-between;\n}\n.freemium-survey-components.widget-survey-components.default-style .wrap-up-actions {\n margin-bottom: 10px;\n}\n.freemium-survey-components.widget-survey-components.default-style .thankyou-container {\n max-height: 450px;\n}\n.freemium-survey-components.widget-survey-components.default-style .thankyou-container .wrap-up-actions {\n display: flex;\n justify-content: center;\n}\n.freemium-survey-components.widget-survey-components.default-style .thankyou-container .thankyou-logo-img {\n height: 100px;\n width: auto;\n margin: auto auto 10px;\n}\n.freemium-survey-components.widget-survey-components.default-style .thankyou-container .text {\n margin: 10px;\n}\n.freemium-survey-components.widget-survey-components.default-style .radio-group {\n flex-direction: column;\n flex-wrap: nowrap;\n}\n.freemium-survey-components.widget-survey-components.default-style .radio-group .radio-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9em;\n color: #3a4b67;\n}\n.freemium-survey-components.widget-survey-components.default-style .checkbox-group .checkbox-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9em;\n}\n.freemium-survey-components.widget-survey-components.default-style textarea {\n min-height: 84px;\n}\n.freemium-survey-components.widget-survey-components.default-style .end-max-length {\n font-size: 0.8em;\n font-weight: 300;\n padding: 4px;\n}\n\n.freemium-survey-components.widget-survey-components.cozy-style {\n max-width: 1000px;\n min-width: 600px;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .question-text {\n font-size: 16px;\n text-align: left;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .question-text p {\n text-align: left;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .question-footer {\n justify-content: space-between;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n grid-gap: 25px;\n gap: 25px;\n width: 80%;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .heading,\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .text {\n text-align: left;\n word-break: break-word;\n margin: 10px;\n box-sizing: border-box;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .thankyou-image {\n text-align: center;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .thankyou-logo-img {\n height: 100px;\n width: auto;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container {\n display: flex;\n align-items: baseline;\n justify-content: flex-start;\n margin: 10px;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container .show-link {\n background: transparent;\n display: flex;\n align-items: baseline;\n width: -moz-fit-content;\n width: fit-content;\n padding-right: 20px;\n border-right: 1px solid #f3f3f3;\n border-radius: 0;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container .show-link .link-image-url,\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container .show-link .link-page-name {\n border: 1px solid #f3f3f3;\n box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container .show-custom-button-container {\n justify-content: right;\n align-items: baseline;\n width: -moz-fit-content;\n width: fit-content;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container .show-custom-button-container .button_text {\n justify-content: right;\n align-items: right;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .range-container .widget {\n display: flex;\n justify-content: center;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .range-container .button-container {\n width: 90%;\n min-width: 600px;\n margin: 0 auto;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .action-button {\n line-height: 1.2;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .radio-group {\n flex-direction: row;\n flex-wrap: wrap;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .radio-group .radio-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9em;\n color: #3a4b67;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .checkbox-group {\n flex-direction: row;\n flex-wrap: wrap;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .checkbox-group .checkbox-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9em;\n}\n.freemium-survey-components.widget-survey-components.cozy-style textarea {\n min-height: 60px;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .end-max-length {\n font-size: 0.8em;\n font-weight: 300;\n padding: 4px;\n}\n\n.freemium-survey-components.mobile-preview .thankyou .text {\n width: unset;\n}\n.freemium-survey-components.mobile-preview .thankyou .thankyou-logo-img {\n height: 100px;\n width: auto;\n}\n.freemium-survey-components.mobile-preview .thankyou .show-link-container {\n border-top: 2px solid #f5f7f9;\n}\n.freemium-survey-components.mobile-preview .thankyou .show-link-container .show-link {\n background: transparent;\n}\n.freemium-survey-components.mobile-preview .thankyou .show-link-container .show-link .link-image-url {\n border: 1px solid #f3f3f3;\n box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);\n}\n.freemium-survey-components.mobile-preview .thankyou .show-link-container .show-link .link-page-name {\n border: 1px solid #f3f3f3;\n box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);\n}\n.freemium-survey-components.mobile-preview .range-container .range-scale .labels.labels-5 {\n justify-content: space-between;\n grid-gap: unset;\n gap: unset;\n}');const DO=({thankYouQuestion:e,placeholders:t,canResubmit:i,navigateToStart:a,resetSurvey:r,widgetStyle:o,allowMultipleSubmission:s,pivot:l,rangeToRender:u,translationVariables:d})=>{const{show_custom_button:c,show_review_links:m,show_social_links:p,image_url:f}=e?.type_info?.meta??{};return n.createElement("div",{className:"thankyou-container"},f&&n.createElement("img",{className:"thankyou-logo-img",src:f,alt:"thankyou_logo"}),n.createElement("div",null,n.createElement("div",{className:f?"heading":"heading thankyou-image"},e?.type_info?.header_text??(d?.thank_you||"Thank you!")),n.createElement("div",{className:f?"text":"text thankyou-image",dangerouslySetInnerHTML:{__html:S({questionText:e.text,placeholders:t,npsRating:l?.answer,ratingLabel:$(l?.answer)?"":u?.find((e=>e?.value===String(l?.answer)))?.text??"",preference:l?.question.type_info?.scale_properties?.labels?.preference})}}),(i||s)&&n.createElement("div",{className:`wrap-up-actions ${f?"":"thank-you-image"} ${"compact"===o?"mobile":""}`.trim()},i&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:a},n.createElement(he,{name:"edit"}),d?.edit_response||"Edit your response"),s&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:r},n.createElement(he,{name:"reload"}),d?.another_response||"Submit another response")),n.createElement(ls,{show_custom_button:c,show_review_links:m,show_social_links:p})))},FO=({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:!!ee("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(he,{name:"arrow-previous"})),n.createElement("button",{className:"navigation-button",disabled:!!ee("navigation-next",c),onClick:d,title:s?.next_question||"go to next question"},n.createElement(he,{name:"arrow-next"})))},BO=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:P,contactFormErrors:M,questions:$}=e,[E,S]=t.useState(!1),T={answers:r,blocks:l,isMobile:!1,activeIndexOfBlocks:u,activeIndexOfRenderedBlocks:c,initialStatementHasAnswer:o,activeIndexOfRenderedStatement:f,renderedBlocks:s,isWidget:i,blockIndex:c,questions:$},_={answers:r,blocks:l,isWidget:i,isMobile:!1,activeIndexOfBlocks:u,activeIndexOfRenderedStatement:f,initialStatementHasAnswer:o,activeIndexOfRenderedBlocks:c,renderedBlocks:s,isSubmitting:E},{question:A}=s[c],I=A?.type_info?.question_type,W=(e=!1)=>{const t=e?[...k].reverse():[...k];return K("consent",T)&&"BUTTON"===z&&t.map((e=>n.createElement(Ii,{key:c+String(e.id),onClick:()=>{p(s[c],e.recordAs,!0)},disabled:ee("consent",_),className:(e.recordAs?"next":"secondary")+"-button"},A?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue)))},R="compact"===a&&(K("navigation",T)&&K("skip",T)||"CONSENT"===I||"MESSAGE"===I),z=A?.type_info?.meta?.display_format;return n.createElement(n.Fragment,null,(K("navigation",T)||K("next",T)||K("next-statement",T)||K("consent",T)||K("submit",T)||K("skip",T)||K("skip-statement",T)||K("message",T))&&n.createElement("div",{className:"question-footer"},R?n.createElement(n.Fragment,null,K("next",T)&&n.createElement(Ii,{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:!!ee("next",_),className:"next-button"},m?.next||"Next"),K("message",T)&&n.createElement(Ii,{onClick:g,disabled:ee("message",_),className:"next-button"},A?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"),K("submit",T)&&n.createElement("div",{className:"submit"},n.createElement(Ii,{disabled:!!ee("submit",_),onClick:()=>{C(w?.[A.name])&&C(x?.[A.name])&&C(P?.[A.name])&&C(M?.[A.name])&&(S(!0),h("COMPLETE"))}},E?m?.submitting||"Submitting":m?.submit_survey||"Submit")),K("next-statement",T)&&n.createElement(Ii,{onClick:()=>{d?.()},disabled:!!ee("next-statement",_),className:"next-button"},m?.next||"Next"),W(),n.createElement("div",{className:"compact-footer-layout"},n.createElement(FO,{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"},K("navigation",T)&&n.createElement("div",{style:{marginRight:"auto"}},n.createElement(FO,{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}}),K("skip",T)&&n.createElement("button",{className:"skip-button",onClick:g,"aria-label":"skip question"},m?.skip||"Skip"),K("skip-statement",T)&&n.createElement("button",{className:"skip-button",onClick:v,"aria-label":"skip statement"},m?.skip||"Skip"),W(!0),K("next",T)&&n.createElement(Ii,{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:!!ee("next",_),className:"next-button"},m?.next||"Next"),K("next-statement",T)&&n.createElement(Ii,{onClick:()=>{d?.()},disabled:!!ee("next-statement",_),className:"next-button"},m?.next||"Next"),K("submit",T)&&n.createElement("div",{className:"submit"},n.createElement(Ii,{disabled:!!ee("submit",_),onClick:()=>{C(w?.[A.name])&&C(x?.[A.name])&&C(P?.[A.name])&&C(M?.[A.name])&&(S(!0),h("COMPLETE"))}},E?m?.submitting||"Submitting":m?.submit_survey||"Submit")),K("message",T)&&n.createElement(Ii,{onClick:g,disabled:ee("message",_),className:"next-button"},A?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"))))},HO=e=>{const{blocks:a,renderedBlocks:r,activeBlock:o,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:l,isSurveyCompleted:u,isReverseAnimation:d,translationVariables:c,saveFormValues:m,saveOthersValue:p,skipBlock:f,skipStatement:h,initialStatementHasAnswer:v,onSubmitHandler:y,navigateToNextBlock:b,activeIndexOfRenderedStatement:w,navigateToNextStatement:x,navigateToPreviousStatement:k,navigateToPreviousBlock:P,answers:M,questions:T,resetSurvey:_,navigateToStart:A,pivot:I,formQuestionErrors:W,textboxQuestionErrors:R,fileUploadErrors:z,contactFormErrors:j,setErrors:O}=ce({...e,isWidget:!0}),[N,L]=t.useState(null),D=t.useRef(0),H=n.useMemo((()=>E(I?.question)),[I?.question]),q=C(M.formValues)&&e.survey.prompt_settings?.is_enabled,[G,U]=t.useState(q),X=t.useRef(q?-1:l),V=()=>{if(N){N.style.minHeight="unset",N.style.maxHeight="unset",N.style.height="min-content",N.style.position="static";const t=Math.min(N?.scrollHeight+2,g[e.widgetStyle]);N.style.height=t+"px",N.style.minHeight=t+"px",D.current=t}};if(t.useMemo((()=>{V()}),[N]),t.useEffect((()=>{"MATRIX_RATING_SCALE"===o?.question?.type_info?.question_type&&setTimeout((()=>{V()}),0)}),[w]),t.useEffect((()=>{e.loadAsNewSurvey&&e.handleAction&&e.handleAction("RE_SUBMIT",_)}),[]),t.useEffect((()=>{e.setCurrentSurveyState?.({question:r[l]?.question,npsScore:I?.answer})}),[l,I?.answer]),t.useEffect((()=>{l!==X.current&&(X.current=-1)}),[l]),!o||!o?.question)return null;e.widgetHeaderQuerySelector&&document.querySelector(e.widgetHeaderQuerySelector);const Y=u?a.length:s+(u?1:0),K=u?100:(Y>0?100/a.length:0)*Y;return n.createElement("div",{className:`freemium-survey-components widget-survey-components\n ${e.widgetStyle}-style `,id:"freemium-survey"},u||G?null:n.createElement("div",{className:"widget-progressbar"},n.createElement("div",{className:"progress-completion"},K.toFixed(),"%"),n.createElement(_i,{totalSteps:a.length,completedSteps:s+(u?1:0),isWidget:!0})),n.createElement("div",{className:"questions",style:{height:D.current,...q&&G||X.current===l?{transition:"none"}:{}}},n.createElement(i.TransitionGroup,{component:null},n.createElement(i.CSSTransition,{key:l+String(u)+String(G),unmountOnExit:!0,addEndListener:(e,t)=>{e.addEventListener("transitionend",t,!1)},classNames:d?"fade-reverse":"fade"},n.createElement("div",{ref:e=>e?L(e):null,id:`${o.question.name}`,className:`question-container ${u?"thankyou":""} ${G?"prompt-container":""}`,"data-test-question-name":o.question.name},G&&e.survey.prompt_settings?n.createElement(ss,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt(t),1===t&&U(!1)},placeholders:e.placeholders}):n.createElement(n.Fragment,null,u?n.createElement(DO,{thankYouQuestion:B({pivotQn:I?.question,pivotQnAnswer:I?.answer,block:Z({activeBlock:o,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:M,questions:T,activeIndexOfBlocks:s,renderedBlocks:r,contactData:e.contactData}),questions:T}),placeholders:e.placeholders,canResubmit:e.canResubmit,widgetStyle:e.widgetStyle,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",A):A()},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",_):_()},allowMultipleSubmission:e.allowMultipleSubmission,pivot:I,rangeToRender:H,translationVariables:c}):n.createElement(n.Fragment,null,n.createElement("div",{className:`question-text ${!o.question.type_info?.pivot_question&&o.required?"required":""} ${"RANGE"===o?.question?.type_info?.question_type?"range-question-text":""}`.trim(),dangerouslySetInnerHTML:{__html:S({questionText:o?.question.text,placeholders:e.placeholders,npsRating:I?.answer,ratingLabel:$(I?.answer)?"":H?.find((e=>e?.value===String(I?.answer)))?.text??"",preference:I?.question.type_info?.scale_properties?.labels?.preference})},"aria-label":`question-${l}`,role:"heading","aria-level":1}),n.createElement("div",{className:"question-wrapper",onTransitionEndCapture:e=>e.stopPropagation()},n.createElement(AO,{surveyServAssetUrl:e.surveyServAssetUrl,fileUploadErrors:z,setErrors:O,onFileUpload:e.onFileUpload,survey:e.survey,question:o.question,isFinalQn:F({blocks:a,activeIndexOfBlocks:s,renderedBlocks:r,activeIndexOfRenderedBlocks:l,questions:T}),formValues:M.formValues,widgetStyle:e.widgetStyle,isMobile:!1,othersMeta:M.others,autoFocusDelay:0,activeIndexOfRenderedStatement:w,isWidget:!0,saveOthersValue:p,onChangeHandler:e=>{m(o,e)},formQuestionErrors:W,textboxQuestionErrors:R,contactFormErrors:j,translationVariables:c})),n.createElement(BO,{isWidget:!0,widgetStyle:e.widgetStyle,surveyStyle:"standard",answers:M,isMobile:!1,renderedBlocks:r,initialStatementHasAnswer:v,activeIndexOfRenderedStatement:w,blocks:a,activeIndexOfRenderedBlocks:l,navigateToNextStatement:x,navigateToPreviousStatement:k,activeIndexOfBlocks:s,translationVariables:c,saveFormValues:m,skipBlock:f,skipStatement:h,onSubmitHandler:y,navigateToPreviousBlock:P,navigateToNextBlock:b,formQuestionErrors:W,textboxQuestionErrors:R,fileUploadErrors:z,contactFormErrors:j,questions:T}))))))))},qO=({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:y,answers:b,onAnsweringPrompt:w,allowMultipleSubmission:x,loadAsNewSurvey:k,canResubmit:P,translationVariables:M,surveyServAssetUrl:$,surveyPoweredBy:E,onFileUpload:_})=>{const A=e.question_details?.questions||[],[I,W]=t.useState(),[z,j]=t.useState(!1),[O,N]=t.useState(g),[L,D]=t.useState(0),{ui_theme:F}=e,[B,H]=t.useState(null),[q,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=A.find((e=>e.name===U)),V=()=>{j(!0),setTimeout((()=>{u?.()}),300)},Y=t.useRef(null);return n.createElement("div",{className:`surveyserv-widget-container ${d?"widget-mobile":""} ${c}-container-style ${O?"minimized":""}`,style:{opacity:z?0:1,"--container-width":`${v[c]}`,"--height-transition-duration":"600ms",...T(F||{})}},n.createElement("header",{id:"surveyserv-widget-header",className:"widget-header "+(O?"minimized":"")},O&&n.createElement("span",{className:"header-content minimized",dangerouslySetInnerHTML:{__html:S({questionText:(!I&&e.prompt_settings?.is_enabled?e.prompt_settings.text:q?.question?.text)??R(X?.text||""),placeholders:{...a,"{{nps.rating}}":String(q?.npsScore??"")}})}}),n.createElement("div",{className:"icons"},!p&&n.createElement("button",{onClick:()=>{O?(N(!O),setTimeout((()=>{D(0)}),700)):(D(B?.clientHeight??0),setTimeout((()=>{N(!O)}),0))},className:"icon minimize-btn",title:O?M?.maximize||"Maximize widget":M?.minimize||"Minimize widget"},O?n.createElement(he,{name:"widget-maximize"}):n.createElement(he,{name:"widget-minimize"})),n.createElement("button",{ref:Y,onClick:()=>{p||l(),V()},title:M?.dismiss||"Dismiss widget",className:"icon minimize-btn"},n.createElement(he,{name:"widget-close"})))),f,n.createElement("main",{ref:e=>H(e),className:("widget-main "+(O?"minimized":"")).trim(),style:{height:O?0:L||"auto"}},o?n.createElement(n.Fragment,null,o):n.createElement(HO,{surveyServAssetUrl:$,answers:b,widgetStyle:c,answerStatus:h,survey:e,placeholders:a,isMobile:!!d,contactData:r,onFileUpload:_,allowMultipleSubmission:x,loadAsNewSurvey:k,canResubmit:P,onSubmit:s,setCurrentSurveyState:Z,widgetHeaderQuerySelector:O?void 0:"#surveyserv-widget-header",onAnsweringPrompt:t=>{w?.(t),W(t),0==t&&C(e.prompt_settings?.declined_message)&&V()},handleAction:y,translationVariables:M})),n.createElement("footer",{className:("widget-footer "+(O?"minimized":"")).trim()},m&&!O&&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(Vo,{surveyPoweredBy:E}))))};ye('.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 ZO=({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(he,{name:"widget-close"})),n.createElement("h4",null,t)),n.createElement("main",null,e),n.createElement("footer",null,"Tab an item to select it"))),GO=({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(he,{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(he,{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(he,{name:"whatsapp-choices"}),"Rate Support"),n.createElement(ZO,{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(he,{name:"whatsapp-star",id:`qus-${t}`})))," ","all"===c||"edges"===c&&(0===t||t===d.length-1)?n.createElement("span",null,d[e-1]):null))))))},UO=({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(he,{name:"whatsapp-choices"}),"Select answer"),n.createElement(ZO,{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)))))))},XO=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(he,{name:"whatsapp-send"})))},VO=({text:e,placeholders:t,pivot:i,rangeToRender:a})=>n.createElement("div",{className:"question-text-container"},n.createElement("div",{className:"question-text",dangerouslySetInnerHTML:{__html:S({questionText:e,placeholders:t,npsRating:i?.answer,ratingLabel:$(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})),YO=({block:e,saveFormValues:t,type:i})=>{const{question_type:a}=e.question?.type_info;switch(a){case"RANGE":return n.createElement(GO,{question:e.question,saveFormValues:e=>t(e,!0)});case"DROPDOWN":case"MULTI_CHOICE":case"MULTI_SELECT":return n.createElement(UO,{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}},KO=({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(VO,{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(he,{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:S({questionText:e.text,placeholders:i})}})),n.createElement("div",{className:"answer-text"},n.createElement(he,{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(VO,{text:e.declined_message,placeholders:i})))},JO=e=>{const{activeBlock:i,activeIndexOfBlocks:a,activeIndexOfRenderedBlocks:r,answers:o,saveFormValues:s,blocks:l,questions:u,renderedBlocks:d,onSubmitHandler:c,isSurveyCompleted:m,pivot:p}=ce(e),{type:f="whatsapp"}=e,{question_type:h}=i?.question.type_info??{},g=n.useMemo((()=>E(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(KO,{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(VO,{text:t.question.text,placeholders:e.placeholders,pivot:p,rangeToRender:g}),n.createElement(YO,{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||me.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:S({questionText:t.question.text||"",placeholders:e.placeholders,npsRating:p?.answer,ratingLabel:me.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(he,{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:S({questionText:t.question.text||"",placeholders:e.placeholders,npsRating:p?.answer,ratingLabel:me.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(he,{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(VO,{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(XO,{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=we,exports.Button=Ii,exports.ChannelPreview=e=>{const{survey:t,answers:i}=N(e.survey,e.answers);return"whatsapp"===e.channel?n.createElement(JO,{...e,survey:t,answers:i}):"instagram"===e.channel?n.createElement(JO,{type:"instagram",...e,survey:t,answers:i}):(console.error(`Channel ${e.channel} not supported`),null)},exports.Checkbox=Ei,exports.CheckboxGroup=Ci,exports.Dropdown=Mi,exports.Input=ki,exports.ProgressBar=_i,exports.Radio=Ti,exports.RadioGroup=Si,exports.Range=Pe,exports.RankOrder=fo,exports.Slider=Xo,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(LO,{...e,answers:i,survey:t,isMobile:a||!!e.isMobile,initialPivotAnswer:_(e.answers)?e.initialPivotAnswer:void 0}):n.createElement(zO,{...e,answers:i,survey:t,isMobile:a||!!e.isMobile,surveyStyle:"card",initialPivotAnswer:_(e.answers)?e.initialPivotAnswer:void 0}))},exports.SurveyFooter=Yo,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(_i,{totalSteps:t,completedSteps:r}))},exports.TextArea=Pi,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(qO,{...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=os({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||Jo} !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||Jo} !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=is(i?.type_info?.scale_properties?.button_style?.shape||"square"),u=E(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="${os({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||Qo} !important;\n background-color: ${as({position:p.position,question:i||{name:""}})} !important;\n font-size: min(${ts/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="${rs({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=is(i?.type_info?.scale_properties?.button_style?.shape||"square"),u=E(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="${os({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||Qo} !important;\n background-color: ${as({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="${rs({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: ${Qo} !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=is(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 ${E(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="${os({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||Qo} !important;\n background-color: ${as({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=E(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||Qo} !important;\n pointer-events: ${t?"none":"unset"} !important;\n "\n href="${os({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="${rs({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=E(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: ${Qo} !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: ${Qo} !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||Jo} !important;\n padding: 16px 8px 0 8px !important;\n font-size: 12px !important;\n border-top: 1px solid ${es} !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||Jo} !important;\n padding: 16px 8px 0 8px !important;\n font-size: 12px !important;\n text-align: center !important;\n "\n >\n If you face any issues while responding to the survey, please copy and paste the following link into your web browser:&nbsp;\n <a\n style="\n text-decoration: unset !important;\n color: ${Ko} !important;\n pointer-events: ${o?"none":"unset"} !important;\n word-break: break-all !important;\n "\n href=${o?"#":d}\n target="_blank"\n >\n ${os({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 PO=({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:PO}));ye('/*!\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}');ye(".PinturaModal {\n z-index: 2147483648 !important;\n}\n\n.freemium-survey-components .file-upload-container {\n flex: 1;\n display: flex;\n position: relative;\n z-index: 4;\n flex-direction: column;\n align-items: center;\n padding: 20px;\n grid-row-gap: 12px;\n row-gap: 12px;\n border: 2px dashed var(--file-upload-border-color);\n border-radius: 5px;\n background-color: #fafafa;\n color: var(--question-secondary-color);\n outline: none;\n transition: border 0.24s ease-in-out;\n width: 100%;\n cursor: pointer;\n margin-bottom: 20px;\n}\n.freemium-survey-components .file-upload-container.push-backward {\n z-index: 0 !important;\n}\n.freemium-survey-components .file-upload-container .drop-your-file-container {\n color: #12344d;\n font-size: 14px;\n margin: 0 0 8px 0 !important;\n font-size: 14px;\n font-weight: 500;\n}\n.freemium-survey-components .file-upload-container .link {\n font-weight: 500;\n font-size: 13px;\n line-height: 20px;\n text-align: center;\n color: var(--input-highlight-color);\n text-decoration: underline;\n margin-left: 1px;\n}\n.freemium-survey-components .file-upload-container p.max-size {\n margin: 0 0 8px 0 !important;\n font-size: 12px;\n font-weight: 500;\n color: #92a2b1;\n}\n.freemium-survey-components .file-upload-container p.support.file-formats {\n margin: 0 !important;\n font-size: 12px;\n font-weight: 500;\n color: var(--question-secondary-color);\n max-width: 80%;\n color: #92a2b1;\n line-height: 1.5;\n}\n.freemium-survey-components .filepond--item {\n height: 200px !important;\n}\n.freemium-survey-components .filepond--panel-center.filepond--item-panel {\n height: 16px !important;\n}\n.freemium-survey-components .filepond--wrapper {\n margin-bottom: 5px;\n}\n.freemium-survey-components .filepond--file-poster-wrapper {\n height: 200px;\n}\n.freemium-survey-components .filepond--panel-bottom.filepond--item-panel {\n top: 18%;\n transform: none !important;\n}\n.freemium-survey-components .filepond--root.filepond--hopper {\n position: absolute !important;\n width: 100%;\n height: 100% !important;\n z-index: 2;\n}\n.freemium-survey-components .filepond--drop-label label {\n display: none !important;\n}\n.freemium-survey-components .filepond--panel.filepond--panel-root {\n display: none;\n}\n.freemium-survey-components [data-filepond-item-state*=error] .filepond--item-panel,\n.freemium-survey-components [data-filepond-item-state*=invalid] .filepond--item-panel {\n background-color: #c82124;\n}\n.freemium-survey-components .filepond--file-status {\n max-width: 522px;\n min-width: 202px;\n}\n.freemium-survey-components .filepond--file-status-sub {\n max-width: 95%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.freemium-survey-components .filepond--file-info {\n max-width: 50%;\n}\n.freemium-survey-components.standard-survey-style .filepond--root.filepond--hopper {\n width: 90%;\n height: 70% !important;\n}\n.freemium-survey-components.widget-survey-components .filepond--root.filepond--hopper {\n width: 90%;\n height: 54% !important;\n}\n.freemium-survey-components.widget-survey-components .filepond--file-status {\n max-width: 60%;\n}\n.freemium-survey-components.mobile-preview .filepond--file-status {\n max-width: 76%;\n min-width: 100px;\n}\n.freemium-survey-components.mobile-preview .filepond--item {\n height: 50px;\n}\n.freemium-survey-components.mobile-preview .filepond--file-status-sub {\n display: none;\n}"),d.registerPlugin(kO,PO,Ev,xO),qj(Zj,Uj,Gj,Xj);const MO=t.forwardRef((({onClick:e,maxFileSize:i=16,visible:a=!0,supportedFileFormats:r,translationVariables:o},s)=>{const[l,u]=t.useState(!1),d=o?.drop_your_file?o?.drop_your_file:n.createElement(n.Fragment,null,"Drop your file here, or Browse");return n.createElement("div",{ref:s,className:"file-upload-container",onClick:e,style:{visibility:a?"visible":"hidden"},onDragOver:e=>{e.preventDefault(),e.target.classList.add("push-backward")}}," ",n.createElement(he,{name:"file-upload-icon"}),"string"!=typeof d?n.createElement("p",null,d):n.createElement("p",{className:"drop-your-file-container",dangerouslySetInnerHTML:{__html:d}}),n.createElement("p",{className:"max-size"},((e,t,n)=>{if(n&&e&&t)return e.replace(t,n)})(o?.max_file_size,"{{max_file_size}}",String(i))||`Maximum file size : ${i} MB`),n.createElement("p",{className:"support file-formats"},o?.supported_file_formats||"Supported file formats: "," ",(r=r.join(", ")).trim()?n.createElement(n.Fragment,null,l?r:r.slice(0,20)," ",n.createElement("span",{onClick:()=>u(!l),style:{color:"#2C5CC5",textDecoration:"underline",cursor:"pointer"}},l?o?.show_less||"Show less":o?.show_more||"Show more")):"No formats selected"),n.createElement("div",{className:"filepond--drip"}))})),$O=({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();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}},m([n]))}),[]);let b=!1;const w=async(t,n)=>{try{if(b)return;if(y.current&&C(v.current)||t){const r=t??y.current.getFiles()?.[0]?.file;if(r&&a){b=!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");b=!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(P).map((e=>{if((t||[]).includes(e))return P[e].concat(",")})).join(" ").trim().slice(0,-1);f(n.split(", "))})()}),[]),n.createElement(n.Fragment,null,n.createElement(d.FilePond,{files:c,server:{process:async(e,t,n,i,a,r)=>{r(!0,0,100);try{await w(t,r),r(!0,100,100),i(t.name)}catch(e){a("An error occurred during upload")}}},ref:y,onerror:t=>{console.log("file upload error",t),v.current=t,r({...o,fileUploadErrors:{[e.name]:t}})},required:!0,credits:!1,allowMultiple:!0,allowFileTypeValidation:!0,acceptedFileTypes:p,fileValidateTypeDetectType:(e,t)=>new Promise(((t,n)=>{const i=e.name.split(".");t(`.${i[i.length-1].toLowerCase()}`)})),onpreparefile:(e,t)=>{const n=new FileReader;n.onloadend=()=>{const t=n.result??"",i=new Blob([t],{type:e.fileType}),a=new File([i],e.filename,{type:e.fileType});w(a)},n.readAsArrayBuffer(t)},imageEditor:{legacyDataToImageState:EI,createEditor:iO,imageReader:[Fj,{}],imageWriter:[Bj,{}],imageProcessor:_$,imageEditorAfterWriteImage:({src:e,dest:t,imageState:n})=>new Promise(((i,a)=>{_$(e,{imageReader:Fj(),imageWriter:Bj({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:zv,apply:Yv},shapePreprocessor:aO(),...Vj,...Yj,...Hj,locale:{...Kj,...Qj,...tO,...eO,...nO,...Jj}}},allowFileSizeValidation:!0,maxFileSize:`${g}MB`,onupdatefiles:e=>{h.current?.classList.remove("push-backward"),e.length&&m(e)},onremovefile:()=>{m([]),r({...o,fileUploadErrors:{}}),v.current=null,i(null)},maxFiles:1,name:`${e.id}-files`}),n.createElement(MO,{ref:h,onClick:e=>{const t=e.target;"path"!==t?.tagName&&(!t?.className||t?.className instanceof SVGAnimatedString||t.className.includes("format-type-toggler"))||y.current.browse()},visible:!c.length,maxFileSize:g,translationVariables:{...s,tTimeZones:[{id:"",offset:"",timeZone:""}]},supportedFileFormats:p}))};ye('.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 CO=({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(ki,{key:l,setFocus:0===l,autoFocusDelay:t,onKeyDown:e=>{"PHONE"===a?.type&&W(e),"NUMBER"===a?.type&&I(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(ov,{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"})))))))};ye(".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 EO=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(Ti,{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(Ei,{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||""}]}])}},""))})))})))))};ye("@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 SO=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(Ti,{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(Ei,{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||""))}))))},TO=({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(ki,{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}))},_O=({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(ki,{startAdornment:s&&"TEXT"!==s&&n.createElement("div",{style:{paddingLeft:"8px",display:"grid"}},n.createElement(he,{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&&W(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}))},AO=({survey:e,question:t,formValues:i,othersMeta:a,onChangeHandler:r,saveOthersValue:o,autoFocusDelay:s,isFinalQn:l,isWidget:u,isMobile:d,initialPivotAnswer:c,isInitialTransition:m,formQuestionErrors:p,contactFormErrors:f,activeIndexOfRenderedStatement:h=0,textboxQuestionErrors:g,fileUploadErrors:v,onFileUpload:y,widgetStyle:b="default",setErrors:w,translationVariables:x,surveyServAssetUrl:k})=>{const P=t?.type_info?.footer_text&&t.type_info.meta?.question_hint?n.createElement("div",{className:"footer",role:"note",dangerouslySetInnerHTML:{__html:t?.type_info?.footer_text}}):n.createElement(n.Fragment,null);if((u||d)&&"MATRIX_RATING_SCALE"===t?.type_info?.question_type)return n.createElement(n.Fragment,null,n.createElement(SO,{type_info:t?.type_info||{},onChangeHandler:e=>{r(e?.filter((e=>(e.rating_labels||[]).length>0)))},isMobile:d,value:i[t.name]||[],statementIndex:h,widgetStyle:b}),P);switch(t?.type_info?.question_type){case"MATRIX_RATING_SCALE":return n.createElement(n.Fragment,null,n.createElement(EO,{type_info:t?.type_info||{},onChangeHandler:e=>{r(e?.filter((e=>(e.rating_labels||[]).length>0)))},value:i[t.name]||[]}),P);case"RANGE":return n.createElement(n.Fragment,null,n.createElement(Pe,{question:t,onChangeHandler:r,isWidget:u,isMobile:d,widgetStyle:b,value:i[t.name],initialPivotAnswer:c,isInitialTransition:m}),P);case"CHECKBOX":case"MULTI_SELECT":return n.createElement(n.Fragment,null,n.createElement(Ci,{name:t.name,values:i[t.name],othersValue:a[t.name],options:t?.choices||[],onChangeHandler:r,saveOthersValue:o,isOthersOption:!!(t?.choices||[]).find((e=>e.meta?.is_others)),othersRequired:!!t?.type_info.meta?.othersRequired,autoFocusDelay:s,translationVariables:x}),P);case"RADIO":case"DROPDOWN":return n.createElement(n.Fragment,null,n.createElement(Si,{autoFocusDelay:s,name:t.name,onChangeHandler:r,displayFormat:t?.type_info?.meta?.display_format||"LIST",saveOthersValue:o,options:t?.choices||[],value:i[t.name],othersValue:a[t.name],isOthersOption:!!(t?.choices||[]).find((e=>e.meta?.is_others)),othersRequired:!!t?.type_info.meta?.othersRequired,isFinalQn:l,translationVariables:x}),P);case"TEXT":return n.createElement(n.Fragment,null,n.createElement(_O,{question:t,autoFocusDelay:s,formValues:i,onChangeHandler:r,textboxErrors:g||"",setFocus:!0}),P);case"NUMBER":return n.createElement(n.Fragment,null,n.createElement(TO,{question:t,autoFocusDelay:s,formValues:i,onChangeHandler:r}),P);case"FORM_FIELD":return n.createElement(n.Fragment,null,n.createElement(CO,{question:t,isRequired:!!t.required,autoFocusDelay:s,onChangeHandler:r,formValues:i,fieldErrors:p?.[t.name]||{},language:e?.language||"en"}),P);case"CONTACT_FORM":return n.createElement(n.Fragment,null,n.createElement(sv,{question:t,autoFocusDelay:s,onChangeHandler:r,formValues:i,fieldErrors:f?.[t.name]||{}}),P);case"PARAGRAPH":return n.createElement(n.Fragment,null,n.createElement(Pi,{autoFocusDelay:s,label:"",isRequired:!!t.required,placeholder:t?.type_info?.meta?.placeholder??"",value:i[t.name]||"",onChange:e=>r(e.target.value)}),P);case"BOOLEAN":return n.createElement(n.Fragment,null,n.createElement(we,{type_info:t?.type_info,onSelect:r,value:i[t.name],initialPivotAnswer:c,isInitialTransition:m}),P);case"MESSAGE":return P;case"CONSENT":return n.createElement(n.Fragment,null,n.createElement(us,{question:t,onChange:r,value:i[t.name]}),P);case"SLIDER":const h=t?.type_info.meta?.slider;return n.createElement(n.Fragment,null,n.createElement(Xo,{defaultValue:[i[t.name]??h?.opening_position],min:h?.min,max:h?.max,onValueChange:([e])=>r(e),isInput:h?.numerical_input_box,gridLines:h?.grid_lines,stopAtGrid:h?.stop_at_grid_lines,allowDecimals:h?.allow_decimal,decimalPoints:h?.decimal_points,isMobile:d||"compact"===b}),P);case"RANK_ORDER":return n.createElement(n.Fragment,null,n.createElement(fo,{valueItems:i[t.name],items:t?.choices||[],onReorder:r}),P);case"DATE_TIME":return n.createElement(n.Fragment,null,n.createElement(ov,{allow_future_date:t.type_info.meta?.allow_future_date||!1,date_time_format:t.type_info.meta?.format,is_24hrs_time_format:t.type_info.meta?.time_format||!1,time_zone:t.type_info.meta?.time_zone||!1,question_format:t.type_info.meta?.question_format||"DATE_TIME",onValueChange:r,value:i[t.name]||"",formValues:i,translationVariables:x,language:e?.language||"en"}),P);case"FILE":return n.createElement($O,{errors:v,setErrors:w,onChangeHandler:r,question:t,onFileUpload:y,value:i[t.name]||"",translationVariables:x,surveyServAssetUrl:k});default:return console.error(`Question type ${t?.type_info?.question_type} not found`),null}};ye(':root {\n --default-brand-color: #264966;\n --default-question-text-color: #3a4b67;\n --default-question-background-color: #fff;\n --default-background-color: #f8f8f8;\n --default-button-text-color: #fff;\n --default-secondary-button-text-color: #000;\n --default-input-placeholder-color: #92a2b1;\n --compact-widget-max-height: 560px;\n --default-widget-max-height: 400px;\n --cozy-widget-max-height: 380px;\n --secondary-button-linear-gradient: linear-gradient(\n 180deg,\n #ffffff 0%,\n #f5f7f9 100%\n );\n}\n\n.freemium-survey-components.card-survey-style .questions {\n flex: 1;\n}\n\n.freemium-survey-components strong {\n font-weight: bold;\n}\n.freemium-survey-components.card-survey-style {\n display: flex;\n flex-direction: column;\n grid-gap: 40px;\n gap: 40px;\n height: 100%;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation {\n white-space: nowrap;\n border-radius: 3px;\n border: 1px solid #efefef;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button {\n width: 38px;\n text-align: -webkit-center;\n height: 38px;\n background-color: #fff;\n border: none;\n cursor: pointer;\n border-radius: 0 3px 3px 0;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button svg {\n margin-top: 5px;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button:first-of-type {\n border-right: 1px solid #efefef;\n border-radius: 3px 0 0 3px;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button:focus {\n position: relative;\n z-index: 1;\n}\n.freemium-survey-components.card-survey-style .question-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n text-align: center;\n width: calc(100% - 32px);\n margin: 16px;\n max-width: 700px;\n margin: 0 auto;\n background: var(--default-question-background-color);\n background: var(--question-background-color, var(--default-question-background-color));\n border-radius: 4px;\n transition: transform 500ms ease 0ms, opacity 200ms ease 0ms;\n box-shadow: 0px 12px 70px 0px rgba(18, 52, 77, 0.05), 0px 2px 20px 0px rgba(18, 52, 77, 0.05);\n padding: 28px;\n grid-gap: 32px;\n gap: 32px;\n position: relative;\n height: -moz-fit-content;\n height: fit-content;\n transition: opacity 50ms ease-out;\n overflow: auto;\n}\n.freemium-survey-components.card-survey-style .hide-question-container {\n opacity: 0;\n}\n.freemium-survey-components.card-survey-style .question-text.required > p:nth-last-child(1)::after {\n content: "*";\n color: rgb(215, 45, 48);\n margin-left: 4px;\n}\n.freemium-survey-components.card-survey-style .question-text {\n font-size: 16px;\n font-weight: 600;\n line-height: 1.8;\n width: 100%;\n text-align: left;\n color: var(--default-question-text-color);\n color: var(--question-text-color, var(--default-question-text-color));\n}\n.freemium-survey-components.card-survey-style .question-text p {\n text-align: left;\n}\n.freemium-survey-components.card-survey-style .question-text a {\n color: var(--link-color);\n text-decoration: underline;\n}\n.freemium-survey-components.card-survey-style .autofocus-button {\n border: none;\n width: 0;\n height: 0;\n opacity: 0;\n margin-top: -12px;\n margin-left: -12px;\n position: absolute;\n}\n.freemium-survey-components.card-survey-style .fade-enter .question-container {\n opacity: 0;\n transform: translateY(15px);\n}\n.freemium-survey-components.card-survey-style .fade-enter-active .question-container {\n opacity: 1;\n transform: translateY(0);\n}\n.freemium-survey-components.card-survey-style .fade-exit .question-container {\n opacity: 1;\n transform: translateY(0);\n}\n.freemium-survey-components.card-survey-style .fade-exit-active .question-container {\n opacity: 0.05;\n transform: translateY(-15px);\n}\n.freemium-survey-components.card-survey-style .fade-reverse-enter .question-container {\n opacity: 0;\n transform: translateY(-15px);\n}\n.freemium-survey-components.card-survey-style .fade-reverse-enter-active .question-container {\n opacity: 1;\n transform: translateY(0);\n}\n.freemium-survey-components.card-survey-style .fade-reverse-exit .question-container {\n opacity: 1;\n transform: translateY(0);\n}\n.freemium-survey-components.card-survey-style .fade-reverse-exit-active .question-container {\n opacity: 0.05;\n transform: translateY(15px);\n}\n.freemium-survey-components.card-survey-style .fade-enter-active .question-container,\n.freemium-survey-components.card-survey-style .fade-exit-active .question-container,\n.freemium-survey-components.card-survey-style .fade-reverse-enter-active .question-container,\n.freemium-survey-components.card-survey-style .fade-reverse-exit-active .question-container {\n transition: opacity 200ms, transform 200ms;\n pointer-events: none;\n}\n.freemium-survey-components.card-survey-style .question-footer {\n display: flex;\n grid-gap: 40px;\n gap: 40px;\n width: 100%;\n align-items: center;\n}\n.freemium-survey-components.card-survey-style .question-footer:empty {\n display: none;\n}\n.freemium-survey-components.card-survey-style .question-footer:only-child {\n margin-left: auto;\n}\n.freemium-survey-components.card-survey-style .action-buttons {\n display: flex;\n grid-gap: 20px;\n gap: 20px;\n flex-direction: row-reverse;\n width: 100%;\n}\n.freemium-survey-components.card-survey-style .action-buttons:empty {\n display: none;\n}\n.freemium-survey-components.card-survey-style .skip-button {\n font-weight: 500;\n color: #3a4b67;\n cursor: pointer;\n background: transparent;\n border: none;\n min-width: 40px;\n padding: 8px 16px;\n border-radius: 4px;\n color: var(--default-secondary-button-text-color);\n color: var(--secondary-button-text-color, var(--default-secondary-button-text-color));\n letter-spacing: 0.05em;\n line-height: 1.5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n}\n.freemium-survey-components.card-survey-style .skip-button:hover {\n background-color: #f3f3f3;\n transform: translateY(-4px);\n}\n.freemium-survey-components.card-survey-style .secondary-button {\n border: 1px solid #cfd7df;\n background-image: linear-gradient(\n 180deg,\n #ffffff 0%,\n #f5f7f9 100%\n );\n background-image: var(--secondary-button-linear-gradient);\n box-shadow: 0 1px 0 0 rgba(24, 50, 71, 0.05);\n color: #12344d;\n background-color: #ffffff;\n width: 215px;\n}\n.freemium-survey-components.card-survey-style .secondary-button:hover {\n background-color: #f5f7f9;\n background-image: none;\n}\n.freemium-survey-components.card-survey-style .next-button {\n color: var(--default-button-text-color);\n color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components.card-survey-style .submit {\n max-width: 700px;\n text-align: left;\n background: transparent;\n box-shadow: none;\n color: var(--default-button-text-color);\n color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components.card-survey-style .thankyou {\n display: flex;\n align-items: center;\n justify-content: center;\n grid-gap: 20px;\n gap: 20px;\n min-height: 180px;\n}\n.freemium-survey-components.card-survey-style .thankyou .heading {\n font-weight: 500;\n font-size: 22px;\n}\n.freemium-survey-components.card-survey-style .thankyou .thankyou-logo-img {\n height: 100px;\n width: auto;\n}\n.freemium-survey-components.card-survey-style .thankyou .text {\n white-space: pre-wrap;\n font-weight: 500;\n font-size: 14px;\n line-height: 1.6;\n color: #475867;\n width: 75%;\n}\n.freemium-survey-components.card-survey-style .thankyou .redirection-text {\n color: #929292;\n margin-bottom: 12px;\n font-weight: 300;\n}\n.freemium-survey-components.card-survey-style .thankyou .link {\n width: 100%;\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #666;\n font-weight: 500;\n text-decoration: underline;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container {\n display: flex;\n grid-gap: 10px;\n gap: 10px;\n flex-wrap: wrap;\n justify-content: center;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-link {\n background: #f5f7f9;\n padding: 20px 0px;\n border-radius: 10px;\n width: 300px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-link .links {\n display: flex;\n grid-gap: 10px;\n gap: 10px;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-link .link-image-url {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 45px;\n width: 45px;\n background: #fff;\n border-radius: 8px;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-link .link-page-name {\n padding: 0px 20px 0px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #fff;\n height: 45px;\n border-radius: 8px;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .title-text {\n padding-bottom: 14px;\n font-size: 14px;\n font-weight: 500;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-custom-button-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 300px;\n border-radius: 10px;\n padding: 20px 0px;\n}\n.freemium-survey-components.card-survey-style .thankyou .show-link-container .show-custom-button-container .button_text {\n display: flex;\n justify-content: center;\n align-items: center;\n grid-gap: 10px;\n gap: 10px;\n height: 45px;\n padding: 0px 20px;\n background: #4560f6;\n color: #fff;\n font-weight: 700px;\n border-radius: 8px;\n}\n.freemium-survey-components.card-survey-style .thankyou .wrap-up-actions {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n}\n.freemium-survey-components.card-survey-style .thankyou .wrap-up-actions button.action-button {\n width: unset;\n letter-spacing: 0.05em;\n line-height: 1.5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n background-color: #e5f2fd;\n margin: 6px;\n}\n.freemium-survey-components.card-survey-style .thankyou .wrap-up-actions button.action-button:hover {\n transform: translateY(-4px);\n}\n.freemium-survey-components.card-survey-style .thankyou button.action-button {\n font-weight: 600;\n font-size: 14px;\n line-height: 20px;\n color: #2c5cc5;\n border: none;\n background: none;\n padding: 8px 12px;\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.freemium-survey-components.card-survey-style .thankyou button.action-button svg {\n margin-right: 8px;\n}\n.freemium-survey-components.card-survey-style .responsive-text-field {\n width: 100%;\n}\n.freemium-survey-components.card-survey-style .responsive-text-field .textarea-container {\n display: none;\n}\n.freemium-survey-components.card-survey-style .message-container:empty {\n display: none;\n}\n\n@media (max-width: 550px) {\n div.freemium-survey-components.card-survey-style .responsive-text-field .input-container {\n display: none;\n }\n div.freemium-survey-components.card-survey-style .responsive-input-field .input-container input {\n min-height: 40px;\n }\n div.freemium-survey-components.card-survey-style .responsive-text-field .textarea-container {\n display: flex;\n }\n div.freemium-survey-components.card-survey-style .responsive-text-field .textarea-container textarea {\n min-height: 80px;\n height: 80px;\n }\n div.freemium-survey-components.card-survey-style .question-footer {\n flex-direction: column-reverse;\n grid-gap: 0;\n gap: 0;\n }\n div.freemium-survey-components.card-survey-style .question-footer > *:first-child {\n margin-bottom: 0px;\n }\n div.freemium-survey-components.card-survey-style .question-footer > * {\n margin-bottom: 20px;\n }\n div.freemium-survey-components.card-survey-style .freemium-survey-step-navigation {\n width: 100%;\n }\n div.freemium-survey-components.card-survey-style .freemium-survey-step-navigation .navigation-button {\n width: 50%;\n }\n div.freemium-survey-components.card-survey-style .action-buttons {\n flex-direction: column;\n width: 100%;\n }\n div.freemium-survey-components.card-survey-style .action-buttons button {\n max-width: unset;\n }\n div.freemium-survey-components.card-survey-style .action-button {\n max-width: unset;\n width: 100%;\n }\n div.freemium-survey-components.card-survey-style .thankyou .text {\n width: auto;\n }\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .responsive-text-field .input-container {\n display: none;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .responsive-input-field .input-container input {\n min-height: 40px;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .responsive-text-field .textarea-container {\n display: flex;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .responsive-text-field .textarea-container textarea {\n min-height: 80px;\n height: 80px;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .question-footer {\n flex-direction: column-reverse;\n grid-gap: 0;\n gap: 0;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .question-footer > *:first-child {\n margin-bottom: 0px;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .question-footer > * {\n margin-bottom: 20px;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .freemium-survey-step-navigation {\n width: 100%;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .freemium-survey-step-navigation .navigation-button {\n width: 50%;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .action-buttons {\n flex-direction: column;\n width: 100%;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .action-buttons button {\n max-width: unset;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .action-button {\n max-width: unset;\n width: 100%;\n}\ndiv.freemium-survey-components.card-survey-style.mobile-preview .thankyou .text {\n width: auto;\n}\n\n.freemium-survey-components.mobile-preview .thankyou .text {\n width: unset;\n}');const IO=({thankYouQuestion:e,preview:i,placeholders:a,canResubmit:r,resetSurvey:o,navigateToStart:s,isMobile:l,allowMultipleSubmission:u,pivot:d,rangeToRender:c,translationVariables:m})=>{const{redirectUrl:p,redirectDelay:f,show_custom_button:h,show_review_links:g,show_social_links:v,image_url:y}=e?.type_info?.meta??{},[b,w]=t.useState(f??10);return t.useEffect((()=>{if(!i&&p){const e=setInterval((()=>w((e=>e>1?e-1:(window.location.href=p??"",0)))),1e3);return()=>clearInterval(e)}}),[]),n.createElement("div",{className:"question-container thankyou"},y&&n.createElement("img",{className:"thankyou-logo-img",src:y,alt:"thankyou_logo"}),n.createElement("div",{className:"heading"},e?.type_info?.header_text??(m?.thank_you||"Thank you!")),n.createElement("div",{className:"text",dangerouslySetInnerHTML:{__html:S({questionText:e.text,placeholders:a,npsRating:d?.answer,ratingLabel:$(d?.answer)?"":c?.find((e=>e?.value===String(d?.answer)))?.text??"",preference:d?.question.type_info?.scale_properties?.labels?.preference,isPreview:i})}}),(r||u)&&n.createElement("div",{className:("wrap-up-actions "+(l?"mobile":"")).trim()},r&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:()=>s()},n.createElement(he,{name:"edit"}),m?.edit_response||"Edit your response"),u&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:o},n.createElement(he,{name:"reload"}),m?.another_response||"Submit another response")),p&&n.createElement("div",{style:{width:"100%"}},n.createElement("div",{className:"redirection-text"},A(b,m?.redirect_msg),n.createElement("br",null)),n.createElement("a",{className:"link",href:p},p)),(h||g||v)&&n.createElement(ls,{show_custom_button:h,show_review_links:g,show_social_links:v}))},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:ee("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(he,{name:"arrow-previous"})),n.createElement("button",{className:"navigation-button",disabled:ee("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(he,{name:"arrow-next"}))),RO=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:P,formQuestionErrors:M,textboxQuestionErrors:$,contactFormErrors:E,fileUploadErrors:S,questions:T}=e,[_,A]=t.useState(!1),I={answers:o,blocks:l,activeIndexOfBlocks:u,activeIndexOfRenderedBlocks:c,activeIndexOfRenderedStatement:d,isMobile:x,renderedBlocks:s,initialStatementHasAnswer:r,surveyStyle:a,isWidget:i,blockIndex:c,questions:T},W={answers:o,blocks:l,activeIndexOfBlocks:u,isMobile:x,activeIndexOfRenderedBlocks:c,initialStatementHasAnswer:r,activeIndexOfRenderedStatement:d,renderedBlocks:s,isSubmitting:_,isWidget:i},{question:R}=s[c],z=R?.type_info?.meta?.display_format;return n.createElement(n.Fragment,null,(K("navigation",I)||K("next",I)||K("next-statement",I)||K("consent",I)||K("submit",I)||K("skip",I)||K("skip-statement",I)||K("message",I))&&n.createElement("div",{className:"question-footer"},K("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"},K("next",I)&&n.createElement(Ii,{onClick:()=>{m(s[c],"CHECKBOX"===R?.type_info?.meta?.display_format&&"CONSENT"===R?.type_info?.question_type?o.formValues[R.name]??!1:null,!0)},disabled:ee("next",W),className:"next-button"},w?.next||"Next"),K("next-statement",I)&&n.createElement(Ii,{onClick:()=>{P?.()},disabled:!!ee("next-statement",W),className:"next-button"},w?.next||"Next"),K("consent",I)&&"BUTTON"===z&&k.map((e=>n.createElement(Ii,{key:c+String(e.recordAs),onClick:()=>{m(s[c],e.recordAs,!0)},disabled:ee("consent",W),className:(e.recordAs?"next":"secondary")+"-button"},R?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue))),K("submit",I)&&n.createElement("div",{className:"submit"},n.createElement(Ii,{disabled:ee("submit",W),onClick:()=>{C(M?.[R.name])&&C($?.[R.name])&&C(S?.[R.name])&&C(E?.[R.name])&&(A(!0),p("COMPLETE"))}},_?w?.submitting||"Submitting":w?.submit_survey||"Submit")),K("skip",I)&&n.createElement("button",{className:"skip-button",onClick:f,"aria-label":"skip question"},w?.skip||"Skip"),K("skip-statement",I)&&n.createElement("button",{className:"skip-button",onClick:h,"aria-label":"skip statement"},w?.skip||"Skip"),K("message",I)&&n.createElement(Ii,{onClick:f,disabled:ee("message",W),className:"next-button"},R?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"))))},zO=e=>{const{blocks:a,renderedBlocks:r,activeBlock:o,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:l,isSurveyCompleted:u,isReverseAnimation:d,saveFormValues:c,saveOthersValue:m,skipBlock:p,skipStatement:f,onSubmitHandler:h,navigateToNextBlock:g,navigateToPreviousBlock:v,answers:y,questions:b,pivot:w,isInitialTransition:x,resetSurvey:k,activeIndexOfRenderedStatement:P,navigateToNextStatement:M,navigateToPreviousStatement:T,navigateToStart:_,translationVariables:A,initialStatementHasAnswer:I,formQuestionErrors:W,textboxQuestionErrors:R,contactFormErrors:z,fileUploadErrors:j,setErrors:O}=ce(e),N=C(y.formValues)&&e.survey.prompt_settings?.is_enabled&&e.preview,[L,D]=t.useState(N),H=n.useMemo((()=>E(w?.question)),[w?.question]);return t.useEffect((()=>{o&&e.onBlockChange?.(o)}),[o,e]),t.useEffect((()=>{e.getSurveyProgress?.({totalBlocks:a.length,isSurveyCompleted:u,activeIndexOfBlocks:s})}),[a.length,u,s]),o&&o.question?n.createElement("div",{className:`freemium-survey-components ${e.isMobile?"mobile-preview":""} ${e.surveyStyle}-survey-style`,id:"freemium-survey"},n.createElement(i.SwitchTransition,{mode:"out-in"},n.createElement(i.CSSTransition,{key:l+String(u)+String(L),addEndListener:(e,t)=>{e.addEventListener("transitionend",t,!1)},classNames:d?"fade-reverse":"fade"},n.createElement("div",{className:"questions"},u?n.createElement(IO,{thankYouQuestion:B({pivotQn:w?.question,pivotQnAnswer:w?.answer,block:Z({activeBlock:o,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:y,questions:b,activeIndexOfBlocks:s,renderedBlocks:r,contactData:e.contactData}),questions:b}),canResubmit:e.canResubmit,allowMultipleSubmission:e.allowMultipleSubmission,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",_):_()},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",k):k()},preview:!!e.preview,placeholders:e.placeholders,isMobile:e.isMobile,pivot:w,rangeToRender:H,translationVariables:A}):n.createElement("div",{id:`${o.question.name}`,className:"question-container","data-test-question-name":o.question.name},L&&e.survey.prompt_settings?n.createElement(ss,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt?.(t),1===t&&D(!1)},placeholders:e.placeholders,isPreview:!!e.preview}):n.createElement(n.Fragment,null,n.createElement("div",{className:("question-text "+(!o.question.type_info?.pivot_question&&o.required?"required":"")).trim(),dangerouslySetInnerHTML:{__html:S({questionText:o?.question.text,placeholders:e.placeholders,npsRating:w?.answer,ratingLabel:$(w?.answer)?"":H?.find((e=>e?.value===String(w?.answer)))?.text??"",preference:w?.question.type_info?.scale_properties?.labels?.preference,isPreview:!!e.preview})},"aria-label":`question-${l}`,role:"heading","aria-level":1}),n.createElement("div",{onTransitionEndCapture:e=>e.stopPropagation(),style:{width:"100%",position:"relative"}},n.createElement(AO,{surveyServAssetUrl:e.surveyServAssetUrl,setErrors:O,onFileUpload:e.onFileUpload,survey:e.survey,question:o.question,isFinalQn:F({blocks:a,activeIndexOfBlocks:s,renderedBlocks:r,activeIndexOfRenderedBlocks:l,questions:b}),formValues:y.formValues,othersMeta:y.others,autoFocusDelay:"standard"===e.surveyStyle?350:0,activeIndexOfRenderedStatement:P,saveOthersValue:m,onChangeHandler:e=>{c(o,e)},isMobile:!!e.isMobile,initialPivotAnswer:e.initialPivotAnswer,isInitialTransition:x,formQuestionErrors:W,textboxQuestionErrors:R,fileUploadErrors:j,contactFormErrors:z,translationVariables:A})),n.createElement(RO,{isWidget:!1,surveyStyle:e.surveyStyle,answers:y,renderedBlocks:r,blocks:a,activeIndexOfRenderedStatement:P,initialStatementHasAnswer:I,navigateToNextStatement:M,navigateToPreviousStatement:T,activeIndexOfRenderedBlocks:l,activeIndexOfBlocks:s,saveFormValues:c,skipBlock:p,skipStatement:f,onSubmitHandler:h,navigateToPreviousBlock:v,navigateToNextBlock:g,isInitialTransition:x,initialPivotAnswer:e.initialPivotAnswer,isMobile:!!e.isMobile,translationVariables:A,formQuestionErrors:W,textboxQuestionErrors:R,fileUploadErrors:j,contactFormErrors:z,questions:b})))))),n.createElement(Yo,{...e.footerProps})):null};ye(':root {\n --default-brand-color: #264966;\n --default-question-text-color: #3a4b67;\n --default-question-background-color: #fff;\n --default-background-color: #f8f8f8;\n --default-button-text-color: #fff;\n --default-secondary-button-text-color: #000;\n --default-input-placeholder-color: #92a2b1;\n --compact-widget-max-height: 480px;\n --default-widget-max-height: 460px;\n --cozy-widget-max-height: 380px;\n}\n\n.freemium-survey-step-navigation {\n border-radius: 3px;\n border: 1px solid #efefef;\n white-space: nowrap;\n}\n.freemium-survey-step-navigation .navigation-button {\n width: 38px;\n text-align: -webkit-center;\n height: 38px;\n background-color: #fff;\n border: none;\n cursor: pointer;\n border-radius: 0 3px 3px 0;\n}\n.freemium-survey-step-navigation .navigation-button:first-of-type {\n border-right: 1px solid #efefef;\n border-radius: 3px 0 0 3px;\n}\n.freemium-survey-step-navigation .navigation-button:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.freemium-survey-step-navigation .navigation-button:focus {\n position: relative;\n z-index: 1;\n}\n\n.freemium-survey-components.standard-survey-style {\n display: flex;\n flex-direction: column;\n grid-gap: 40px;\n gap: 40px;\n height: 100%;\n}\n.freemium-survey-components.standard-survey-style > div {\n flex: 1;\n}\n.freemium-survey-components.standard-survey-style .question-container {\n display: flex;\n flex-direction: column;\n text-align: center;\n max-width: 700px;\n margin: 0 auto;\n background: var(--default-question-background-color);\n background: var(--question-background-color, var(--default-question-background-color));\n border-radius: 4px;\n transition: transform 500ms ease 0ms, opacity 800ms ease 0ms;\n box-shadow: 0px 12px 70px 0px rgba(18, 52, 77, 0.05), 0px 2px 20px 0px rgba(18, 52, 77, 0.05);\n margin-bottom: 28px;\n padding: 28px;\n grid-gap: 28px;\n gap: 28px;\n position: relative;\n height: -moz-fit-content;\n height: fit-content;\n overflow: auto;\n opacity: 1;\n}\n.freemium-survey-components.standard-survey-style .question-container:last-child {\n margin-bottom: 0px;\n}\n.freemium-survey-components.standard-survey-style .hide-question-container {\n pointer-events: none;\n opacity: 0;\n}\n.freemium-survey-components.standard-survey-style .question-text.required > p:nth-last-child(1)::after {\n content: "*";\n color: rgb(215, 45, 48);\n margin-left: 4px;\n}\n.freemium-survey-components.standard-survey-style .question-text {\n font-size: 16px;\n font-weight: 600;\n line-height: 1.8;\n width: 100%;\n text-align: left;\n color: var(--default-question-text-color);\n color: var(--question-text-color, var(--default-question-text-color));\n}\n.freemium-survey-components.standard-survey-style .question-text p {\n text-align: left;\n}\n.freemium-survey-components.standard-survey-style .question-text a {\n color: var(--link-color);\n text-decoration: underline;\n}\n.freemium-survey-components.standard-survey-style .autofocus-button {\n border: none;\n width: 0;\n height: 0;\n opacity: 0;\n margin-top: -12px;\n margin-left: -12px;\n position: absolute;\n}\n.freemium-survey-components.standard-survey-style .footer {\n padding: 0;\n width: 100%;\n}\n.freemium-survey-components.standard-survey-style .question-footer {\n display: flex;\n justify-content: flex-end;\n grid-gap: 40px;\n gap: 40px;\n width: 100%;\n align-items: center;\n}\n.freemium-survey-components.standard-survey-style .question-footer:empty {\n display: none;\n}\n.freemium-survey-components.standard-survey-style .action-buttons {\n display: flex;\n grid-gap: 20px;\n gap: 20px;\n flex-direction: row-reverse;\n}\n.freemium-survey-components.standard-survey-style .action-buttons:empty {\n display: none;\n}\n.freemium-survey-components.standard-survey-style .sec-button {\n font-weight: 500;\n color: #3a4b67;\n cursor: pointer;\n background: transparent;\n border: none;\n min-width: 40px;\n padding: 8px 16px;\n border-radius: 4px;\n color: var(--default-secondary-button-text-color);\n color: var(--secondary-button-text-color, var(--default-secondary-button-text-color));\n letter-spacing: 0.05rem;\n line-height: 1.5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n}\n.freemium-survey-components.standard-survey-style .sec-button:hover {\n background-color: #f3f3f3;\n transform: translateY(-4px);\n}\n.freemium-survey-components.standard-survey-style .next-button {\n color: var(--default-button-text-color);\n color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components.standard-survey-style .secondary-button {\n border: 1px solid #cfd7df;\n background-image: var(--secondary-button-linear-gradient);\n box-shadow: 0 1px 0 0 rgba(24, 50, 71, 0.05);\n color: #12344d;\n background-color: #ffffff;\n width: 215px;\n}\n.freemium-survey-components.standard-survey-style .secondary-button:hover {\n background-color: #f5f7f9;\n background-image: none;\n}\n.freemium-survey-components.standard-survey-style .submit {\n max-width: 700px;\n margin: 0 auto;\n text-align: left;\n background: transparent;\n box-shadow: none;\n display: flex;\n flex-direction: row-reverse;\n color: var(--default-button-text-color);\n color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components.standard-survey-style .fade-enter {\n opacity: 0;\n transform: translateY(40px);\n}\n.freemium-survey-components.standard-survey-style .fade-enter-active {\n opacity: 1;\n transform: translateY(0);\n}\n.freemium-survey-components.standard-survey-style .fade-exit {\n opacity: 1;\n transform: translateY(0);\n}\n.freemium-survey-components.standard-survey-style .fade-exit-active {\n opacity: 0;\n transform: translateY(-40px);\n}\n.freemium-survey-components.standard-survey-style .fade-enter,\n.freemium-survey-components.standard-survey-style .fade-enter-active,\n.freemium-survey-components.standard-survey-style .fade-exit,\n.freemium-survey-components.standard-survey-style .fade-exit-active {\n transition: all ease 400ms;\n pointer-events: none;\n}\n.freemium-survey-components.standard-survey-style .thankyou {\n display: flex;\n align-items: center;\n justify-content: center;\n grid-gap: 20px;\n gap: 20px;\n min-height: 180px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .heading {\n font-weight: 500;\n font-size: 22px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .thankyou-logo-img {\n height: 100px;\n width: auto;\n}\n.freemium-survey-components.standard-survey-style .thankyou .text {\n white-space: pre-wrap;\n font-weight: 500;\n font-size: 14px;\n line-height: 1.6;\n color: #475867;\n width: 75%;\n}\n.freemium-survey-components.standard-survey-style .thankyou .redirection-text {\n color: #929292;\n margin-bottom: 12px;\n font-weight: 300;\n}\n.freemium-survey-components.standard-survey-style .thankyou .link {\n width: 100%;\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #666;\n font-weight: 500;\n text-decoration: underline;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container {\n display: flex;\n grid-gap: 10px;\n gap: 10px;\n flex-wrap: wrap;\n justify-content: center;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-link {\n background: #f5f7f9;\n padding: 20px 0px;\n border-radius: 10px;\n width: 300px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-link .links {\n display: flex;\n grid-gap: 10px;\n gap: 10px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-link .link-image-url {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 45px;\n width: 45px;\n background: #fff;\n border-radius: 8px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-link .link-page-name {\n padding: 0px 20px 0px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #fff;\n height: 45px;\n border-radius: 8px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .title-text {\n padding-bottom: 14px;\n font-size: 14px;\n font-weight: 500;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-custom-button-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 300px;\n border-radius: 10px;\n padding: 20px 0px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .show-link-container .show-custom-button-container .button_text {\n display: flex;\n justify-content: center;\n align-items: center;\n grid-gap: 10px;\n gap: 10px;\n height: 45px;\n padding: 0px 20px;\n background: #4560f6;\n color: #fff;\n font-weight: 700px;\n border-radius: 8px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .wrap-up-actions {\n display: flex;\n}\n.freemium-survey-components.standard-survey-style .thankyou .wrap-up-actions.mobile {\n flex-direction: column;\n align-items: center;\n}\n.freemium-survey-components.standard-survey-style .thankyou .wrap-up-actions.mobile button.action-button {\n justify-content: center;\n letter-spacing: 0.05em;\n line-height: 1.5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n background-color: #e5f2fd;\n margin: 6px;\n}\n.freemium-survey-components.standard-survey-style .thankyou .wrap-up-actions.mobile button.action-button:hover {\n transform: translateY(-4px);\n}\n.freemium-survey-components.standard-survey-style .thankyou button.action-button {\n font-weight: 600;\n font-size: 14px;\n line-height: 20px;\n color: #2c5cc5;\n border: none;\n background: none;\n padding: 8px 12px;\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.freemium-survey-components.standard-survey-style .thankyou button.action-button svg {\n margin-right: 8px;\n}\n.freemium-survey-components.standard-survey-style .responsive-text-field {\n width: 100%;\n}\n.freemium-survey-components.standard-survey-style .responsive-text-field .textarea-container {\n display: none;\n}\n.freemium-survey-components.standard-survey-style .message-container:empty {\n display: none;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .action-buttons {\n flex-direction: column;\n width: 100%;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .action-buttons button {\n max-width: unset;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .action-button {\n max-width: unset;\n width: 100%;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .thankyou .text {\n width: auto;\n}\n@media (max-width: 550px) {\n .freemium-survey-components.standard-survey-style .action-buttons {\n flex-direction: column;\n width: 100%;\n }\n .freemium-survey-components.standard-survey-style .action-buttons button {\n max-width: unset;\n }\n .freemium-survey-components.standard-survey-style .action-button {\n max-width: unset;\n width: 100%;\n }\n .freemium-survey-components.standard-survey-style .thankyou .text {\n width: auto;\n }\n}\n\n@media (max-width: 550px) {\n .freemium-survey-component .responsive-text-field .input-container {\n display: none;\n }\n .freemium-survey-component .responsive-text-field .textarea-container {\n display: flex;\n }\n .freemium-survey-component .responsive-text-field .textarea-container textarea {\n min-height: 80px;\n height: 80px;\n }\n .freemium-survey-component .responsive-input-field .input-container input {\n min-height: 40px;\n }\n}\n.freemium-survey-components.mobile-preview .thankyou .text {\n width: unset;\n}');const jO=["next","next-statement","skip","submit","navigation","clear-selection","message","consent"],OO=({thankYouQuestion:e,preview:i,placeholders:a,canResubmit:r,allowMultipleSubmission:o,navigateToStart:s,resetSurvey:l,isMobile:u,pivot:d,rangeToRender:c,translationVariables:m})=>{const{redirectUrl:p,redirectDelay:f,image_url:h,show_custom_button:g,show_review_links:v,show_social_links:y}=e?.type_info?.meta??{},[b,w]=t.useState(f??10);return t.useEffect((()=>{if(!i&&p){const e=setInterval((()=>w((e=>e>1?e-1:(window.location.href=p??"",0)))),1e3);return()=>clearInterval(e)}}),[]),n.createElement("div",{className:"question-container thankyou"},h&&n.createElement("img",{className:"thankyou-logo-img",src:h,alt:"thankyou_logo"}),n.createElement("div",{className:"heading"},e?.type_info?.header_text??(m?.thank_you||"Thank you!")),n.createElement("div",{className:"text",dangerouslySetInnerHTML:{__html:S({questionText:e.text,placeholders:a,npsRating:d?.answer,ratingLabel:$(d?.answer)?"":c?.find((e=>e?.value===String(d?.answer)))?.text??"",preference:d?.question.type_info?.scale_properties?.labels?.preference,isPreview:i})}}),(r||o)&&n.createElement("div",{className:("wrap-up-actions "+(u?"mobile":"")).trim()},r&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:()=>s()},n.createElement(he,{name:"edit"}),m?.edit_response||"Edit your response"),o&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:l},n.createElement(he,{name:"reload"}),m?.another_response||"Submit another response")),p&&n.createElement("div",{style:{width:"100%"}},n.createElement("div",{className:"redirection-text"},A(b,m?.redirect_msg),n.createElement("br",null)),n.createElement("a",{className:"link",href:p},p)),n.createElement(ls,{show_custom_button:g,show_review_links:v,show_social_links:y}))},NO=e=>{const{blockIndex:t,isWidget:i,surveyStyle:a,answers:r,renderedBlocks:o,navigateToNextStatement:s,blocks:l,isMobile:u,activeIndexOfBlocks:d,activeIndexOfRenderedBlocks:c,translationVariables:m,saveFormValues:p,skipBlock:f,clearRadioSelection:h,initialStatementHasAnswer:g,initialPivotAnswer:v,questions:y}=e,b={answers:r,blocks:l,blockIndex:t,activeIndexOfBlocks:d,isMobile:u,initialStatementHasAnswer:g,activeIndexOfRenderedBlocks:c,activeIndexOfRenderedStatement:0,renderedBlocks:o,surveyStyle:a,isWidget:i,questions:y},w={answers:r,blocks:l,activeIndexOfBlocks:d,initialStatementHasAnswer:g,isMobile:u,activeIndexOfRenderedBlocks:c,activeIndexOfRenderedStatement:0,renderedBlocks:o},x={};jO.forEach((e=>{x[e]=!!K(e,b)}));const{question:P}=o[t??c],M=P?.type_info?.meta?.display_format;return x?.next||x?.["next-statement"]||x?.skip||x?.consent||x?.["clear-selection"]||x?.message?n.createElement("div",{className:"question-footer"},n.createElement("div",{className:"action-buttons"},x?.next&&n.createElement(Ii,{onClick:()=>{p(o[c],"CHECKBOX"===P?.type_info?.meta?.display_format&&"CONSENT"===P?.type_info?.question_type?r.formValues[P.name]??!1:null,!0)},disabled:!!ee("next",w),className:"next-button"},m?.next||"Next"),x?.["next-statement"]&&n.createElement(Ii,{onClick:()=>{s?.()},disabled:!!ee("next-statement",w),className:"next-button"},m?.next||"Next"),x?.consent&&"BUTTON"===M&&k.map((e=>n.createElement(Ii,{key:c+String(e.recordAs),onClick:()=>{p(o[c],e.recordAs,!0)},disabled:ee("consent",w),className:(e.recordAs?"next":"secondary")+"-button"},P?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue))),x.skip&&n.createElement("button",{className:"sec-button",onClick:f,"aria-label":"skip question"},m?.skip||"Skip"),x?.["clear-selection"]&&n.createElement("button",{className:"sec-button",onClick:()=>h(t)},m?.clear_selection||"Clear selection"),x?.message&&n.createElement(Ii,{onClick:f,disabled:ee("message",w),className:"next-button"},P?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"))):null},LO=e=>{const{blocks:a,renderedBlocks:r,activeBlock:o,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:l,isSurveyCompleted:u,translationVariables:d,saveFormValues:c,saveOthersValue:m,skipBlock:p,skipStatement:f,clearRadioSelection:h,onSubmitHandler:g,answers:v,questions:y,resetSurvey:b,initialStatementHasAnswer:w,navigateToStart:x,activeIndexOfRenderedStatement:k,navigateToNextStatement:P,navigateToPreviousStatement:M,pivot:T,formQuestionErrors:_,textboxQuestionErrors:A,contactFormErrors:I,fileUploadErrors:W,setErrors:R}=(e=>{const i=e.survey.question_details?.questions||[],a=e.contactData||{},r=e.translationVariables||{},[o]=t.useState(e.survey?.blocks?.filter((e=>"TY"!==e.name&&!e.is_deleted))),[s,l]=t.useState({formErrors:{},textBoxErrors:{},fileUploadErrors:{},contactFormErrors:{}}),u=t.useMemo((()=>ae({blocks:o,questions:i,responses:e.answers,answerStatus:e.answerStatus||"PARTIAL"})),[o,i,e.answers]),[d,c]=t.useState(u.renderedBlocks),[m,p]=t.useState(u.activeIndexOfRenderedBlocks),[f,h]=t.useState(u.activeIndexOfRenderedStatement),g=t.useRef(u.pivot),v=t.useRef(u.isInitialTransition),[y,b]=t.useState(u.answers),w=t.useRef(),x=t.useRef(((u.isConsideredCompleted||"PARTIAL"===e.answerStatus)&&e.canResubmit)??!1),[k,P]=t.useState(!1),M=t.useRef(null),$=d[m],E=n.useMemo((()=>d.length>0?o?.findIndex((e=>e.name===d[m]?.name)):0),[m]);t.useEffect((()=>{if(u.isConsideredCompleted&&v.current&&e.canResubmit)return;const{others_meta:t,...n}=e.answers;if(!o||!o.length||!C(n))return;g.current={...g.current,question:L({questions:i,blocks:o})},null!=e.initialPivotAnswer&&(g.current={...g.current,answer:D(g.current.question,e.initialPivotAnswer)},b({...y,formValues:{...y.formValues,[g.current.question.name]:g.current.answer}}));const a=B({pivotQn:g.current.question,pivotQnAnswer:g.current.answer,block:o[0],questions:i});c([{...o[0],question:a}])}),[o,e.initialPivotAnswer]),t.useEffect((()=>{u.isConsideredCompleted&&v.current&&e.canResubmit||(d.length&&p(d.length-1),M.current?.scrollIntoView({block:"start",behavior:"smooth"}))}),[d]),t.useEffect((()=>{if(!(u.isConsideredCompleted&&v.current&&e.canResubmit)&&!C(y.formValues)&&o&&S())if(Y({blocks:o,activeIndexOfBlocks:E,renderedBlocks:d,activeIndexOfRenderedBlocks:m,answers:y,questions:i})){const t=()=>{const e=U({renderedBlocks:d,activeBlock:$,blocks:o,activeIndexOfBlocks:E,answers:y,questions:i,contactData:a});if(e===1/0)return void setTimeout((()=>{T("COMPLETE"),P(!0)}));setTimeout((()=>{T()}));const t=B({pivotQn:g.current?.question,pivotQnAnswer:g.current?.answer,block:o?.[e],questions:i}),n=ne({renderedBlocks:d,activeIndexOfRenderedBlocks:m});c([...n,{...o?.[e],question:t}])};null!=e.initialPivotAnswer&&1==d.length?w.current?(clearTimeout(w.current),w.current=null,t()):w.current=setTimeout((()=>{}),1500):t()}else"MATRIX_RATING_SCALE"===$?.question?.type_info?.question_type&&T()}),[y,o]);const S=()=>{if($.question_name)switch($.question?.type_info?.question_type){case"FORM_FIELD":return oe({fields:$.question?.type_info?.form_fields?.fields,answers:y.formValues?.[$.question_name]||{},errorSetter:l,questionName:$.question_name,errors:s,translationVariables:r});case"TEXT":return se({type:$.question?.type_info?.text_field?.text_type,answer:y.formValues?.[$.question_name]||"",errorSetter:l,questionName:$.question_name,errors:s,translationVariables:r});case"CONTACT_FORM":return le({fields:$.question?.type_info?.contact_form?.fields,answers:y.formValues?.[$.question_name]||{},errorSetter:l,questionName:$.question_name,errors:s,translationVariables:r});case"FILE":return ue({errors:s.fileUploadErrors})}return!0},T=(t="PARTIAL")=>{let n=()=>{};if(!S())return;let a={...y.formValues};"COMPLETE"===t&&(n=()=>{P(!0),x.current=!1},"CONSENT"===$.question?.type_info?.question_type&&"CHECKBOX"===$.question?.type_info?.meta?.display_format&&$.question_name&&C(y.formValues[$.question_name])&&!$.required&&(a[$.question_name]=!1,b((e=>({...e,formValues:{...e.formValues,[$.question?.name]:!1},commitDirtyValue:!1})))),a=de({answers:{...y,formValues:a},blocks:o,questions:i})),$.question_name&&void 0===a[$.question_name]&&(a[$.question_name]=null),e.onSubmit({...a,others_meta:y.others},n,t,x.current?"EDIT":"CREATE")},_=()=>{const e=$.question;if(x.current||m===d.length-1)b({...y,formValues:{...y.formValues,[e.name]:null},commitDirtyValue:!0});else{const t=te({renderedBlocks:d,activeIndexOfRenderedBlocks:m,answers:y}),n=ne({renderedBlocks:d,activeIndexOfRenderedBlocks:m});c(n),b({...t,formValues:{...t.formValues,[e.name]:null},commitDirtyValue:!0})}},A=()=>{h((e=>e+1))},I=(e,t,n=!1,i=m)=>{v.current=!1,e.question.name===g.current?.question.name&&(g.current={...g.current,answer:t});let a=y;x.current||!n&&!V({question:e.question,answers:y})||(a=te({renderedBlocks:d,activeIndexOfRenderedBlocks:i,answers:y})),i!==m&&p(i),b({...a,formValues:{...a.formValues,...null!=t&&{[e.question.name]:t}},commitDirtyValue:n}),"SINGLE_ANSWER"===$.question.type_info?.matrix_properties?.type&&f<($.question?.type_info?.matrix_properties?.statements||[]).length-1&&setTimeout((()=>{A?.()}),0)},W=n.useMemo((()=>{if("MATRIX_RATING_SCALE"!==$?.question?.type_info?.question_type)return!1;const e=($?.question?.type_info?.matrix_properties?.statements||[])[f];return((y.formValues[$?.question.name]||[]).find((t=>t.statement_id===e?.id))?.rating_labels||[]).length>0}),[f,m]);return{blocks:o,questions:i,renderedBlocks:d,initialStatementHasAnswer:W,activeBlock:$,activeIndexOfBlocks:E,activeIndexOfRenderedBlocks:m,activeIndexOfRenderedStatement:f,navigateToNextStatement:A,navigateToPreviousStatement:()=>{h((e=>e-1))},isSurveyCompleted:k,pivot:g.current,answers:y,translationVariables:r,formQuestionErrors:s.formErrors,textboxQuestionErrors:s.textBoxErrors,fileUploadErrors:s.fileUploadErrors,contactFormErrors:s.contactFormErrors,setErrors:l,saveFormValues:I,saveOthersValue:(e,t,n=m)=>{if(n!==m&&p(n),null===t){const t={...y.others};delete t[e],b({...y,commitDirtyValue:!1,others:t})}else b({...y,commitDirtyValue:!1,others:{...y.others,[e]:t}})},skipBlock:_,skipStatement:()=>{if(e.isMobile||e.isWidget){const e=$?.question?.type_info?.matrix_properties?.statements||[],t=e[f],n=y.formValues[$?.question.name]||[],i=f<e.length-1;I($,n.filter((e=>e.statement_id!==t.id)),!i),i&&"MULTIPLE_ANSWERS"===$?.question?.type_info?.matrix_properties?.type&&setTimeout((()=>{A?.()}),0)}else _()},clearRadioSelection:e=>{e!==m&&p(e);const t=d[e].question;delete y.formValues[t.name],delete y.others[t.name];const n=te({renderedBlocks:d,activeIndexOfRenderedBlocks:e,answers:y}),i=ne({renderedBlocks:d,activeIndexOfRenderedBlocks:e});c(i),b({...n,commitDirtyValue:!1})},onSubmitHandler:T,navigateToStart:()=>{x.current=!0,P(!1)},resetSurvey:()=>{P(!1);const e=B({pivotQn:g.current?.question,pivotQnAnswer:g.current?.answer,block:o[0],questions:i});c([{...o[0],question:e}]),p(0),b({formValues:{},others:{},commitDirtyValue:!1}),sessionStorage.clear()}}})(e),z=t.useRef(null),[j,O]=t.useState(!1),N=n.useMemo((()=>E(T?.question)),[T?.question]),H=C(v.formValues)&&e.survey.prompt_settings?.is_enabled&&e.preview,[q,G]=t.useState(H);if(t.useEffect((()=>{z.current?.scrollIntoView({block:"start",behavior:"smooth"})}),[r]),t.useEffect((()=>{e.getSurveyProgress?.({totalBlocks:a.length,isSurveyCompleted:u,activeIndexOfBlocks:s})}),[a.length,u,s]),!o||!o.question)return null;const{question:X}=r[l];return n.createElement("div",{className:`freemium-survey-components ${e.isMobile?"mobile-preview":""} standard-survey-style`,id:"freemium-survey"},n.createElement(i.SwitchTransition,{mode:"out-in"},n.createElement(i.CSSTransition,{key:String(u)+String(q),addEndListener:(e,t)=>{e.addEventListener("transitionend",t,!1)},classNames:"fade"},n.createElement("div",null,q&&e.survey.prompt_settings?n.createElement("div",{className:"questions"},n.createElement("div",{className:"question-container"},n.createElement(ss,{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,u?n.createElement(OO,{thankYouQuestion:B({pivotQn:T?.question,pivotQnAnswer:T?.answer,block:Z({activeBlock:o,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:v,questions:y,activeIndexOfBlocks:s,renderedBlocks:r,contactData:e.contactData}),questions:y}),preview:!!e.preview,placeholders:e.placeholders,pivot:{...T,question:T?.question||{name:""},answer:T?.answer},rangeToRender:N,canResubmit:e.canResubmit,isMobile:e.isMobile,allowMultipleSubmission:e.allowMultipleSubmission,translationVariables:d,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",(()=>{O(!1),x()})):(O(!1),x())},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",(()=>{O(!1),b()})):(O(!1),b())}}):n.createElement(n.Fragment,null,n.createElement("div",{onTransitionEndCapture:e=>e.stopPropagation(),className:"questions"},r.map(((t,i)=>n.createElement("div",{key:t.question.name,ref:z,className:"question-container"},n.createElement("div",{className:`question-text ${!o.question.type_info?.pivot_question&&o.required?"required":""} ${0===i?"nps":""}`.trim(),dangerouslySetInnerHTML:{__html:S({questionText:t.question.text,placeholders:e.placeholders,npsRating:T?.answer,ratingLabel:$(T?.answer)?"":N?.find((e=>e?.value===String(T?.answer)))?.text??"",preference:T?.question.type_info?.scale_properties?.labels?.preference,isPreview:!!e.preview})},"aria-label":`question-${i}`,role:"heading","aria-level":1}),n.createElement(AO,{surveyServAssetUrl:e.surveyServAssetUrl,fileUploadErrors:W,setErrors:R,onFileUpload:e.onFileUpload,survey:e.survey,question:t.question,isFinalQn:F({blocks:a,activeIndexOfBlocks:s,renderedBlocks:r,activeIndexOfRenderedBlocks:l,questions:y}),formValues:v.formValues,othersMeta:v.others,isMobile:!!e.isMobile,autoFocusDelay:"standard"===e.surveyStyle?350:20,activeIndexOfRenderedStatement:k,saveOthersValue:(e,t)=>{m(e,t,i)},onChangeHandler:e=>{c(t,e,!1,i)},initialPivotAnswer:e.initialPivotAnswer,formQuestionErrors:_,textboxQuestionErrors:A,contactFormErrors:I,translationVariables:d}),n.createElement(NO,{isWidget:!1,surveyStyle:e.surveyStyle,answers:v,renderedBlocks:r,blocks:a,blockIndex:i,activeIndexOfRenderedBlocks:l,initialStatementHasAnswer:w,navigateToNextStatement:P,navigateToPreviousStatement:M,activeIndexOfBlocks:s,saveFormValues:c,isMobile:!!e.isMobile,skipBlock:p,skipStatement:f,clearRadioSelection:h,onSubmitHandler:g,initialPivotAnswer:e.initialPivotAnswer,translationVariables:d,formQuestionErrors:_,textboxQuestionErrors:A,contactFormErrors:I,fileUploadErrors:W,questions:y})))),K("submit",{answers:v,blocks:a,activeIndexOfBlocks:s,initialStatementHasAnswer:w,isMobile:!!e.isMobile,activeIndexOfRenderedBlocks:l,renderedBlocks:r,surveyStyle:e.surveyStyle,isWidget:!1,questions:y})&&n.createElement("div",{className:"submit"},n.createElement(Ii,{disabled:!!ee("submit",{answers:v,blocks:a,initialStatementHasAnswer:w,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:l,renderedBlocks:r,activeIndexOfRenderedStatement:k,isSubmitting:j}),onClick:()=>{C(_?.[X.name])&&C(A?.[X.name])&&C(W?.[X.name])&&C(I?.[X.name])&&(O(!0),g("COMPLETE"))}},j?d?.submitting||"Submitting":d?.submit_survey||"Submit")))))))),n.createElement(Yo,{...e.footerProps}))};ye('#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}');ye(':root {\n --default-brand-color: #264966;\n --default-question-text-color: #3a4b67;\n --default-question-background-color: #fff;\n --default-background-color: #f8f8f8;\n --default-button-text-color: #fff;\n --default-secondary-button-text-color: #000;\n --default-input-placeholder-color: #92a2b1;\n --secondary-button-linear-gradient: linear-gradient(\n 180deg,\n #ffffff 0%,\n #f5f7f9 100%\n );\n}\n\n.freemium-survey-components.widget-survey-components {\n overflow: hidden;\n}\n.freemium-survey-components.widget-survey-components * {\n scrollbar-color: rgba(216, 216, 216, 0.5) transparent !important;\n}\n.freemium-survey-components.widget-survey-components * ::-webkit-scrollbar {\n height: auto;\n height: initial;\n width: 6px;\n}\n.freemium-survey-components.widget-survey-components * ::-webkit-scrollbar-track {\n background: transparent !important;\n}\n.freemium-survey-components.widget-survey-components * ::-webkit-scrollbar-thumb {\n border-radius: 5px;\n background: rgba(216, 216, 216, 0.5) !important;\n}\n.freemium-survey-components.widget-survey-components p {\n margin: 0;\n}\n.freemium-survey-components.widget-survey-components .questions {\n min-width: 100%;\n max-width: 100%;\n background: var(--default-question-background-color);\n background: var(--question-background-color, var(--default-question-background-color));\n position: relative;\n display: flex;\n justify-content: row;\n align-items: flex-end;\n height: 100%;\n transition: height 200ms ease;\n}\n.freemium-survey-components.widget-survey-components .question-container {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n text-align: center;\n max-height: 100%;\n min-width: 100%;\n max-width: 700px;\n margin: 0 auto;\n box-shadow: 0px 12px 15px rgba(18, 52, 77, 0.03);\n padding: 28px 0;\n padding-top: 0;\n grid-gap: 28px;\n gap: 28px;\n overflow: auto;\n}\n.freemium-survey-components.widget-survey-components .prompt-container {\n align-items: center;\n justify-content: center;\n padding: 0;\n}\n.freemium-survey-components.widget-survey-components .question-wrapper {\n width: 100%;\n padding: 4px 28px;\n}\n.freemium-survey-components.widget-survey-components .question-wrapper .button-container {\n margin-bottom: 20px;\n}\n.freemium-survey-components.widget-survey-components .question-wrapper .footer {\n text-align: center;\n font-size: 12px;\n color: var(--question-text-color);\n}\n.freemium-survey-components.widget-survey-components .prompt-declined {\n text-align: center !important;\n}\n.freemium-survey-components.widget-survey-components .hide-question-container {\n opacity: 0;\n}\n.freemium-survey-components.widget-survey-components .question-text {\n font-size: 16px;\n font-weight: 600;\n line-height: 1.8;\n width: 100%;\n text-align: left;\n padding: 0 28px;\n color: var(--default-question-text-color);\n color: var(--question-text-color, var(--default-question-text-color));\n}\n.freemium-survey-components.widget-survey-components .question-text p {\n all: inherit;\n padding: 0;\n}\n.freemium-survey-components.widget-survey-components .question-text a {\n color: var(--link-color);\n text-decoration: underline;\n}\n.freemium-survey-components.widget-survey-components .question-text.required > p:nth-last-child(1)::after {\n content: "*";\n color: rgb(215, 45, 48);\n margin-left: 4px;\n}\n.freemium-survey-components.widget-survey-components .autofocus-button {\n border: none;\n width: 0;\n height: 0;\n opacity: 0;\n margin-top: -12px;\n margin-left: -12px;\n position: absolute;\n}\n.freemium-survey-components.widget-survey-components .fade-enter {\n opacity: 1;\n transform: translateX(80px);\n position: absolute;\n}\n.freemium-survey-components.widget-survey-components .fade-enter-active {\n position: absolute;\n opacity: 1;\n transform: translateX(0);\n}\n.freemium-survey-components.widget-survey-components .fade-enter-done {\n position: absolute;\n}\n.freemium-survey-components.widget-survey-components .fade-exit {\n opacity: 0.05;\n pointer-events: none;\n transform: translateX(0);\n}\n.freemium-survey-components.widget-survey-components .fade-exit-active {\n pointer-events: none;\n opacity: 0;\n transform: translateX(-80px);\n}\n.freemium-survey-components.widget-survey-components .fade-reverse-enter {\n opacity: 0;\n position: absolute;\n transform: translateX(-80px);\n}\n.freemium-survey-components.widget-survey-components .fade-reverse-enter-active {\n opacity: 1;\n position: absolute;\n transform: translateX(0);\n}\n.freemium-survey-components.widget-survey-components .fade-reverse-exit {\n opacity: 0.05;\n transform: translateX(0);\n}\n.freemium-survey-components.widget-survey-components .fade-reverse-exit-active {\n opacity: 0;\n transform: translateX(80px);\n}\n.freemium-survey-components.widget-survey-components .fade-enter-active,\n.freemium-survey-components.widget-survey-components .fade-reverse-enter-active,\n.freemium-survey-components.widget-survey-components .fade-reverse-exit-active,\n.freemium-survey-components.widget-survey-components .fade-exit-active {\n transition: opacity 200ms, transform 200ms;\n}\n.freemium-survey-components.widget-survey-components .question-footer {\n margin: 0px auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n position: sticky;\n padding: 0 28px;\n bottom: -28px;\n background: var(--default-question-background-color);\n background: var(--question-background-color, var(--default-question-background-color));\n grid-gap: 40px;\n gap: 40px;\n width: 100%;\n}\n.freemium-survey-components.widget-survey-components .question-footer:empty {\n display: none;\n}\n.freemium-survey-components.widget-survey-components .question-footer:only-child {\n margin-left: auto;\n}\n.freemium-survey-components.widget-survey-components .freemium-survey-step-navigation {\n white-space: nowrap;\n border-radius: 3px;\n border: 1px solid #efefef;\n}\n.freemium-survey-components.widget-survey-components .freemium-survey-step-navigation .navigation-button {\n width: 38px;\n text-align: -webkit-center;\n height: 40px;\n background-color: #fff;\n border: none;\n cursor: pointer;\n border-radius: 0 3px 3px 0;\n}\n.freemium-survey-components.widget-survey-components .freemium-survey-step-navigation .navigation-button:first-of-type {\n border-right: 1px solid #efefef;\n border-radius: 3px 0 0 3px;\n}\n.freemium-survey-components.widget-survey-components .freemium-survey-step-navigation .navigation-button:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.freemium-survey-components.widget-survey-components .freemium-survey-step-navigation .navigation-button:focus {\n position: relative;\n z-index: 1;\n}\n.freemium-survey-components.widget-survey-components .action-buttons {\n display: flex;\n grid-gap: 20px;\n gap: 20px;\n width: 100%;\n}\n.freemium-survey-components.widget-survey-components .action-buttons:empty {\n display: none;\n}\n.freemium-survey-components.widget-survey-components .skip-button {\n font-weight: 500;\n cursor: pointer;\n color: #3a4b67;\n background: transparent;\n border: none;\n min-width: 40px;\n padding: 8px 16px;\n border-radius: 4px;\n color: var(--default-secondary-button-text-color);\n color: var(--secondary-button-text-color, var(--default-secondary-button-text-color));\n letter-spacing: 0.05rem;\n line-height: 1.5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n}\n.freemium-survey-components.widget-survey-components .skip-button:hover {\n background-color: #f3f3f3;\n transform: translateY(-4px);\n}\n.freemium-survey-components.widget-survey-components .next-button,\n.freemium-survey-components.widget-survey-components .submit {\n color: var(--default-button-text-color);\n color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components.widget-survey-components .secondary-button {\n border: 1px solid #cfd7df;\n background-image: linear-gradient(\n 180deg,\n #ffffff 0%,\n #f5f7f9 100%\n );\n background-image: var(--secondary-button-linear-gradient);\n box-shadow: 0 1px 0 0 rgba(24, 50, 71, 0.05);\n color: #12344d;\n background-color: #ffffff;\n width: 100%;\n}\n.freemium-survey-components.widget-survey-components .secondary-button:hover {\n background-color: #f5f7f9;\n background-image: none;\n}\n.freemium-survey-components.widget-survey-components .thankyou {\n display: flex;\n align-items: center;\n justify-content: center;\n grid-gap: 20px;\n gap: 20px;\n min-height: 180px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .heading {\n font-weight: 500;\n font-size: 22px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .text {\n white-space: pre-wrap;\n font-weight: 500;\n font-size: 14px;\n line-height: 1.6;\n color: #475867;\n}\n.freemium-survey-components.widget-survey-components .thankyou .redirection-text {\n color: #929292;\n margin-bottom: 12px;\n font-weight: 300;\n}\n.freemium-survey-components.widget-survey-components .thankyou .link {\n width: 100%;\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #666;\n font-weight: 500;\n text-decoration: underline;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions {\n display: flex;\n}\n.freemium-survey-components.widget-survey-components .thankyou .thank-you-image {\n justify-content: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions.mobile {\n flex-direction: column;\n align-items: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions.mobile button.action-button {\n justify-content: center;\n margin-bottom: 8px;\n letter-spacing: 0.05em;\n line-height: 1.5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n background-color: #e5f2fd;\n margin: 6px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions.mobile button.action-button:hover {\n transform: translateY(-4px);\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container {\n display: flex;\n grid-gap: 10px;\n gap: 10px;\n flex-wrap: wrap;\n justify-content: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-link {\n background: #f5f7f9;\n padding: 20px 0px;\n border-radius: 10px;\n width: 300px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-link .links {\n display: flex;\n grid-gap: 10px;\n gap: 10px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-link .link-image-url {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 45px;\n width: 45px;\n background: #fff;\n border-radius: 8px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-link .link-page-name {\n padding: 0px 20px 0px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #fff;\n height: 45px;\n border-radius: 8px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .title-text {\n padding-bottom: 14px;\n font-size: 14px;\n font-weight: 500;\n letter-spacing: 0.4px;\n font-style: normal;\n font-weight: 600;\n color: #213249;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-custom-button-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 300px;\n border-radius: 10px;\n padding: 20px 0px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .show-link-container .show-custom-button-container .button_text {\n display: flex;\n justify-content: center;\n align-items: center;\n grid-gap: 10px;\n gap: 10px;\n height: 45px;\n padding: 0px 20px;\n background: #4560f6;\n color: #fff;\n font-weight: 700px;\n border-radius: 8px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions button.action-button {\n width: unset;\n letter-spacing: 0.05em;\n line-height: 1.5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n background-color: #e5f2fd;\n margin: 6px;\n}\n.freemium-survey-components.widget-survey-components .thankyou .wrap-up-actions button.action-button:hover {\n transform: translateY(-4px);\n}\n.freemium-survey-components.widget-survey-components .thankyou button.action-button {\n font-weight: 600;\n font-size: 14px;\n line-height: 20px;\n color: #2c5cc5;\n border: none;\n background: none;\n padding: 8px 12px;\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.freemium-survey-components.widget-survey-components .thankyou button.action-button svg {\n margin-right: 8px;\n}\n.freemium-survey-components.widget-survey-components .responsive-text-field .input-container {\n display: none;\n}\n.freemium-survey-components.widget-survey-components .responsive-text-field .textarea-container {\n display: flex;\n}\n.freemium-survey-components.widget-survey-components .responsive-text-field .textarea-container textarea {\n min-height: 80px;\n height: 80px;\n}\n.freemium-survey-components.widget-survey-components .responsive-input-field .input-container input {\n min-height: 40px;\n}\n.freemium-survey-components.widget-survey-components .message-container:empty {\n display: none;\n}\n\n.freemium-survey-components.widget-survey-components.compact-style .question-container {\n grid-gap: 20px;\n gap: 20px;\n max-width: 100%;\n}\n.freemium-survey-components.widget-survey-components.compact-style .question-footer {\n flex-direction: column;\n grid-gap: 20px;\n gap: 20px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .question-footer .compact-footer-layout {\n display: flex;\n justify-content: space-between;\n width: 100%;\n align-items: center;\n}\n.freemium-survey-components.widget-survey-components.compact-style .question-footer .compact-footer-layout:empty {\n display: none;\n}\n.freemium-survey-components.widget-survey-components.compact-style .question-footer .action-buttons {\n grid-gap: 32px;\n gap: 32px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .question-footer .submit,\n.freemium-survey-components.widget-survey-components.compact-style .question-footer .action-button {\n max-width: unset;\n width: 100%;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container {\n max-height: 470px;\n min-height: 150px;\n overflow: auto;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .heading,\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .text {\n width: 100%;\n word-break: break-word;\n margin-bottom: 10px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .thankyou-logo-img {\n max-height: 50px;\n max-width: 50px;\n margin: auto auto 10px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .wrap-up-actions.mobile button.action-button {\n margin-bottom: 0px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .show-link-container {\n border-top: 2px solid #f5f7f9;\n grid-gap: 0px;\n gap: 0px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .show-link-container .show-link {\n background: transparent;\n padding: 10px 0px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .show-link-container .show-link .link-image-url {\n border: 1px solid #f3f3f3;\n box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .show-link-container .show-link .link-page-name {\n border: 1px solid #f3f3f3;\n box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou-container .show-custom-button-container {\n padding: 10px 0px;\n}\n.freemium-survey-components.widget-survey-components.compact-style .thankyou .text {\n width: 86%;\n margin: auto;\n}\n.freemium-survey-components.widget-survey-components.compact-style .range-container .range-scale .labels.labels-5 {\n justify-content: space-between;\n grid-gap: unset;\n gap: unset;\n}\n\n.freemium-survey-components.widget-survey-components.default-style .question-footer {\n justify-content: space-between;\n}\n.freemium-survey-components.widget-survey-components.default-style .wrap-up-actions {\n margin-bottom: 10px;\n}\n.freemium-survey-components.widget-survey-components.default-style .thankyou-container {\n max-height: 450px;\n}\n.freemium-survey-components.widget-survey-components.default-style .thankyou-container .wrap-up-actions {\n display: flex;\n justify-content: center;\n}\n.freemium-survey-components.widget-survey-components.default-style .thankyou-container .thankyou-logo-img {\n height: 100px;\n width: auto;\n margin: auto auto 10px;\n}\n.freemium-survey-components.widget-survey-components.default-style .thankyou-container .text {\n margin: 10px;\n}\n.freemium-survey-components.widget-survey-components.default-style .radio-group {\n flex-direction: column;\n flex-wrap: nowrap;\n}\n.freemium-survey-components.widget-survey-components.default-style .radio-group .radio-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9em;\n color: #3a4b67;\n}\n.freemium-survey-components.widget-survey-components.default-style .checkbox-group .checkbox-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9em;\n}\n.freemium-survey-components.widget-survey-components.default-style textarea {\n min-height: 84px;\n}\n.freemium-survey-components.widget-survey-components.default-style .end-max-length {\n font-size: 0.8em;\n font-weight: 300;\n padding: 4px;\n}\n\n.freemium-survey-components.widget-survey-components.cozy-style {\n max-width: 1000px;\n min-width: 600px;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .question-text {\n font-size: 16px;\n text-align: left;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .question-text p {\n text-align: left;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .question-footer {\n justify-content: space-between;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n grid-gap: 25px;\n gap: 25px;\n width: 80%;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .heading,\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .text {\n text-align: left;\n word-break: break-word;\n margin: 10px;\n box-sizing: border-box;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .thankyou-image {\n text-align: center;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .thankyou-logo-img {\n height: 100px;\n width: auto;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container {\n display: flex;\n align-items: baseline;\n justify-content: flex-start;\n margin: 10px;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container .show-link {\n background: transparent;\n display: flex;\n align-items: baseline;\n width: -moz-fit-content;\n width: fit-content;\n padding-right: 20px;\n border-right: 1px solid #f3f3f3;\n border-radius: 0;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container .show-link .link-image-url,\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container .show-link .link-page-name {\n border: 1px solid #f3f3f3;\n box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container .show-custom-button-container {\n justify-content: right;\n align-items: baseline;\n width: -moz-fit-content;\n width: fit-content;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .thankyou-container .show-link-container .show-custom-button-container .button_text {\n justify-content: right;\n align-items: right;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .range-container .widget {\n display: flex;\n justify-content: center;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .range-container .button-container {\n width: 90%;\n min-width: 600px;\n margin: 0 auto;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .action-button {\n line-height: 1.2;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .radio-group {\n flex-direction: row;\n flex-wrap: wrap;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .radio-group .radio-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9em;\n color: #3a4b67;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .checkbox-group {\n flex-direction: row;\n flex-wrap: wrap;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .checkbox-group .checkbox-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9em;\n}\n.freemium-survey-components.widget-survey-components.cozy-style textarea {\n min-height: 60px;\n}\n.freemium-survey-components.widget-survey-components.cozy-style .end-max-length {\n font-size: 0.8em;\n font-weight: 300;\n padding: 4px;\n}\n\n.freemium-survey-components.mobile-preview .thankyou .text {\n width: unset;\n}\n.freemium-survey-components.mobile-preview .thankyou .thankyou-logo-img {\n height: 100px;\n width: auto;\n}\n.freemium-survey-components.mobile-preview .thankyou .show-link-container {\n border-top: 2px solid #f5f7f9;\n}\n.freemium-survey-components.mobile-preview .thankyou .show-link-container .show-link {\n background: transparent;\n}\n.freemium-survey-components.mobile-preview .thankyou .show-link-container .show-link .link-image-url {\n border: 1px solid #f3f3f3;\n box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);\n}\n.freemium-survey-components.mobile-preview .thankyou .show-link-container .show-link .link-page-name {\n border: 1px solid #f3f3f3;\n box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);\n}\n.freemium-survey-components.mobile-preview .range-container .range-scale .labels.labels-5 {\n justify-content: space-between;\n grid-gap: unset;\n gap: unset;\n}');const DO=({thankYouQuestion:e,placeholders:t,canResubmit:i,navigateToStart:a,resetSurvey:r,widgetStyle:o,allowMultipleSubmission:s,pivot:l,rangeToRender:u,translationVariables:d})=>{const{show_custom_button:c,show_review_links:m,show_social_links:p,image_url:f}=e?.type_info?.meta??{};return n.createElement("div",{className:"thankyou-container"},f&&n.createElement("img",{className:"thankyou-logo-img",src:f,alt:"thankyou_logo"}),n.createElement("div",null,n.createElement("div",{className:f?"heading":"heading thankyou-image"},e?.type_info?.header_text??(d?.thank_you||"Thank you!")),n.createElement("div",{className:f?"text":"text thankyou-image",dangerouslySetInnerHTML:{__html:S({questionText:e.text,placeholders:t,npsRating:l?.answer,ratingLabel:$(l?.answer)?"":u?.find((e=>e?.value===String(l?.answer)))?.text??"",preference:l?.question.type_info?.scale_properties?.labels?.preference})}}),(i||s)&&n.createElement("div",{className:`wrap-up-actions ${f?"":"thank-you-image"} ${"compact"===o?"mobile":""}`.trim()},i&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:a},n.createElement(he,{name:"edit"}),d?.edit_response||"Edit your response"),s&&n.createElement("button",{className:"action-button",tabIndex:0,onClick:r},n.createElement(he,{name:"reload"}),d?.another_response||"Submit another response")),n.createElement(ls,{show_custom_button:c,show_review_links:m,show_social_links:p})))},FO=({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:!!ee("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(he,{name:"arrow-previous"})),n.createElement("button",{className:"navigation-button",disabled:!!ee("navigation-next",c),onClick:d,title:s?.next_question||"go to next question"},n.createElement(he,{name:"arrow-next"})))},BO=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:P,contactFormErrors:M,questions:$}=e,[E,S]=t.useState(!1),T={answers:r,blocks:l,isMobile:!1,activeIndexOfBlocks:u,activeIndexOfRenderedBlocks:c,initialStatementHasAnswer:o,activeIndexOfRenderedStatement:f,renderedBlocks:s,isWidget:i,blockIndex:c,questions:$},_={answers:r,blocks:l,isWidget:i,isMobile:!1,activeIndexOfBlocks:u,activeIndexOfRenderedStatement:f,initialStatementHasAnswer:o,activeIndexOfRenderedBlocks:c,renderedBlocks:s,isSubmitting:E},{question:A}=s[c],I=A?.type_info?.question_type,W=(e=!1)=>{const t=e?[...k].reverse():[...k];return K("consent",T)&&"BUTTON"===z&&t.map((e=>n.createElement(Ii,{key:c+String(e.id),onClick:()=>{p(s[c],e.recordAs,!0)},disabled:ee("consent",_),className:(e.recordAs?"next":"secondary")+"-button"},A?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue)))},R="compact"===a&&(K("navigation",T)&&K("skip",T)||"CONSENT"===I||"MESSAGE"===I),z=A?.type_info?.meta?.display_format;return n.createElement(n.Fragment,null,(K("navigation",T)||K("next",T)||K("next-statement",T)||K("consent",T)||K("submit",T)||K("skip",T)||K("skip-statement",T)||K("message",T))&&n.createElement("div",{className:"question-footer"},R?n.createElement(n.Fragment,null,K("next",T)&&n.createElement(Ii,{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:!!ee("next",_),className:"next-button"},m?.next||"Next"),K("message",T)&&n.createElement(Ii,{onClick:g,disabled:ee("message",_),className:"next-button"},A?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"),K("submit",T)&&n.createElement("div",{className:"submit"},n.createElement(Ii,{disabled:!!ee("submit",_),onClick:()=>{C(w?.[A.name])&&C(x?.[A.name])&&C(P?.[A.name])&&C(M?.[A.name])&&(S(!0),h("COMPLETE"))}},E?m?.submitting||"Submitting":m?.submit_survey||"Submit")),K("next-statement",T)&&n.createElement(Ii,{onClick:()=>{d?.()},disabled:!!ee("next-statement",_),className:"next-button"},m?.next||"Next"),W(),n.createElement("div",{className:"compact-footer-layout"},n.createElement(FO,{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"},K("navigation",T)&&n.createElement("div",{style:{marginRight:"auto"}},n.createElement(FO,{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}}),K("skip",T)&&n.createElement("button",{className:"skip-button",onClick:g,"aria-label":"skip question"},m?.skip||"Skip"),K("skip-statement",T)&&n.createElement("button",{className:"skip-button",onClick:v,"aria-label":"skip statement"},m?.skip||"Skip"),W(!0),K("next",T)&&n.createElement(Ii,{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:!!ee("next",_),className:"next-button"},m?.next||"Next"),K("next-statement",T)&&n.createElement(Ii,{onClick:()=>{d?.()},disabled:!!ee("next-statement",_),className:"next-button"},m?.next||"Next"),K("submit",T)&&n.createElement("div",{className:"submit"},n.createElement(Ii,{disabled:!!ee("submit",_),onClick:()=>{C(w?.[A.name])&&C(x?.[A.name])&&C(P?.[A.name])&&C(M?.[A.name])&&(S(!0),h("COMPLETE"))}},E?m?.submitting||"Submitting":m?.submit_survey||"Submit")),K("message",T)&&n.createElement(Ii,{onClick:g,disabled:ee("message",_),className:"next-button"},A?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"))))},HO=e=>{const{blocks:a,renderedBlocks:r,activeBlock:o,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:l,isSurveyCompleted:u,isReverseAnimation:d,translationVariables:c,saveFormValues:m,saveOthersValue:p,skipBlock:f,skipStatement:h,initialStatementHasAnswer:v,onSubmitHandler:y,navigateToNextBlock:b,activeIndexOfRenderedStatement:w,navigateToNextStatement:x,navigateToPreviousStatement:k,navigateToPreviousBlock:P,answers:M,questions:T,resetSurvey:_,navigateToStart:A,pivot:I,formQuestionErrors:W,textboxQuestionErrors:R,fileUploadErrors:z,contactFormErrors:j,setErrors:O}=ce({...e,isWidget:!0}),[N,L]=t.useState(null),D=t.useRef(0),H=n.useMemo((()=>E(I?.question)),[I?.question]),q=C(M.formValues)&&e.survey.prompt_settings?.is_enabled,[G,U]=t.useState(q),X=t.useRef(q?-1:l),V=()=>{if(N){N.style.minHeight="unset",N.style.maxHeight="unset",N.style.height="min-content",N.style.position="static";const t=Math.min(N?.scrollHeight+2,g[e.widgetStyle]);N.style.height=t+"px",N.style.minHeight=t+"px",D.current=t}};if(t.useMemo((()=>{V()}),[N]),t.useEffect((()=>{"MATRIX_RATING_SCALE"===o?.question?.type_info?.question_type&&setTimeout((()=>{V()}),0)}),[w]),t.useEffect((()=>{e.loadAsNewSurvey&&e.handleAction&&e.handleAction("RE_SUBMIT",_)}),[]),t.useEffect((()=>{e.setCurrentSurveyState?.({question:r[l]?.question,npsScore:I?.answer})}),[l,I?.answer]),t.useEffect((()=>{l!==X.current&&(X.current=-1)}),[l]),!o||!o?.question)return null;e.widgetHeaderQuerySelector&&document.querySelector(e.widgetHeaderQuerySelector);const Y=u?a.length:s+(u?1:0),K=u?100:(Y>0?100/a.length:0)*Y;return n.createElement("div",{className:`freemium-survey-components widget-survey-components\n ${e.widgetStyle}-style `,id:"freemium-survey"},u||G?null:n.createElement("div",{className:"widget-progressbar"},n.createElement("div",{className:"progress-completion"},K.toFixed(),"%"),n.createElement(_i,{totalSteps:a.length,completedSteps:s+(u?1:0),isWidget:!0})),n.createElement("div",{className:"questions",style:{height:D.current,...q&&G||X.current===l?{transition:"none"}:{}}},n.createElement(i.TransitionGroup,{component:null},n.createElement(i.CSSTransition,{key:l+String(u)+String(G),unmountOnExit:!0,addEndListener:(e,t)=>{e.addEventListener("transitionend",t,!1)},classNames:d?"fade-reverse":"fade"},n.createElement("div",{ref:e=>e?L(e):null,id:`${o.question.name}`,className:`question-container ${u?"thankyou":""} ${G?"prompt-container":""}`,"data-test-question-name":o.question.name},G&&e.survey.prompt_settings?n.createElement(ss,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt(t),1===t&&U(!1)},placeholders:e.placeholders}):n.createElement(n.Fragment,null,u?n.createElement(DO,{thankYouQuestion:B({pivotQn:I?.question,pivotQnAnswer:I?.answer,block:Z({activeBlock:o,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:M,questions:T,activeIndexOfBlocks:s,renderedBlocks:r,contactData:e.contactData}),questions:T}),placeholders:e.placeholders,canResubmit:e.canResubmit,widgetStyle:e.widgetStyle,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",A):A()},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",_):_()},allowMultipleSubmission:e.allowMultipleSubmission,pivot:I,rangeToRender:H,translationVariables:c}):n.createElement(n.Fragment,null,n.createElement("div",{className:`question-text ${!o.question.type_info?.pivot_question&&o.required?"required":""} ${"RANGE"===o?.question?.type_info?.question_type?"range-question-text":""}`.trim(),dangerouslySetInnerHTML:{__html:S({questionText:o?.question.text,placeholders:e.placeholders,npsRating:I?.answer,ratingLabel:$(I?.answer)?"":H?.find((e=>e?.value===String(I?.answer)))?.text??"",preference:I?.question.type_info?.scale_properties?.labels?.preference})},"aria-label":`question-${l}`,role:"heading","aria-level":1}),n.createElement("div",{className:"question-wrapper",onTransitionEndCapture:e=>e.stopPropagation()},n.createElement(AO,{surveyServAssetUrl:e.surveyServAssetUrl,fileUploadErrors:z,setErrors:O,onFileUpload:e.onFileUpload,survey:e.survey,question:o.question,isFinalQn:F({blocks:a,activeIndexOfBlocks:s,renderedBlocks:r,activeIndexOfRenderedBlocks:l,questions:T}),formValues:M.formValues,widgetStyle:e.widgetStyle,isMobile:!1,othersMeta:M.others,autoFocusDelay:0,activeIndexOfRenderedStatement:w,isWidget:!0,saveOthersValue:p,onChangeHandler:e=>{m(o,e)},formQuestionErrors:W,textboxQuestionErrors:R,contactFormErrors:j,translationVariables:c})),n.createElement(BO,{isWidget:!0,widgetStyle:e.widgetStyle,surveyStyle:"standard",answers:M,isMobile:!1,renderedBlocks:r,initialStatementHasAnswer:v,activeIndexOfRenderedStatement:w,blocks:a,activeIndexOfRenderedBlocks:l,navigateToNextStatement:x,navigateToPreviousStatement:k,activeIndexOfBlocks:s,translationVariables:c,saveFormValues:m,skipBlock:f,skipStatement:h,onSubmitHandler:y,navigateToPreviousBlock:P,navigateToNextBlock:b,formQuestionErrors:W,textboxQuestionErrors:R,fileUploadErrors:z,contactFormErrors:j,questions:T}))))))))},qO=({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:y,answers:b,onAnsweringPrompt:w,allowMultipleSubmission:x,loadAsNewSurvey:k,canResubmit:P,translationVariables:M,surveyServAssetUrl:$,surveyPoweredBy:E,onFileUpload:_})=>{const A=e.question_details?.questions||[],[I,W]=t.useState(),[z,j]=t.useState(!1),[O,N]=t.useState(g),[L,D]=t.useState(0),{ui_theme:F}=e,[B,H]=t.useState(null),[q,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=A.find((e=>e.name===U)),V=()=>{j(!0),setTimeout((()=>{u?.()}),300)},Y=t.useRef(null);return n.createElement("div",{className:`surveyserv-widget-container ${d?"widget-mobile":""} ${c}-container-style ${O?"minimized":""}`,style:{opacity:z?0:1,"--container-width":`${v[c]}`,"--height-transition-duration":"600ms",...T(F||{})}},n.createElement("header",{id:"surveyserv-widget-header",className:"widget-header "+(O?"minimized":"")},O&&n.createElement("span",{className:"header-content minimized",dangerouslySetInnerHTML:{__html:S({questionText:(!I&&e.prompt_settings?.is_enabled?e.prompt_settings.text:q?.question?.text)??R(X?.text||""),placeholders:{...a,"{{nps.rating}}":String(q?.npsScore??"")}})}}),n.createElement("div",{className:"icons"},!p&&n.createElement("button",{onClick:()=>{O?(N(!O),setTimeout((()=>{D(0)}),700)):(D(B?.clientHeight??0),setTimeout((()=>{N(!O)}),0))},className:"icon minimize-btn",title:O?M?.maximize||"Maximize widget":M?.minimize||"Minimize widget"},O?n.createElement(he,{name:"widget-maximize"}):n.createElement(he,{name:"widget-minimize"})),n.createElement("button",{ref:Y,onClick:()=>{p||l(),V()},title:M?.dismiss||"Dismiss widget",className:"icon minimize-btn"},n.createElement(he,{name:"widget-close"})))),f,n.createElement("main",{ref:e=>H(e),className:("widget-main "+(O?"minimized":"")).trim(),style:{height:O?0:L||"auto"}},o?n.createElement(n.Fragment,null,o):n.createElement(HO,{surveyServAssetUrl:$,answers:b,widgetStyle:c,answerStatus:h,survey:e,placeholders:a,isMobile:!!d,contactData:r,onFileUpload:_,allowMultipleSubmission:x,loadAsNewSurvey:k,canResubmit:P,onSubmit:s,setCurrentSurveyState:Z,widgetHeaderQuerySelector:O?void 0:"#surveyserv-widget-header",onAnsweringPrompt:t=>{w?.(t),W(t),0==t&&C(e.prompt_settings?.declined_message)&&V()},handleAction:y,translationVariables:M})),n.createElement("footer",{className:("widget-footer "+(O?"minimized":"")).trim()},m&&!O&&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(Vo,{surveyPoweredBy:E}))))};ye('.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 ZO=({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(he,{name:"widget-close"})),n.createElement("h4",null,t)),n.createElement("main",null,e),n.createElement("footer",null,"Tab an item to select it"))),GO=({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(he,{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(he,{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(he,{name:"whatsapp-choices"}),"Rate Support"),n.createElement(ZO,{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(he,{name:"whatsapp-star",id:`qus-${t}`})))," ","all"===c||"edges"===c&&(0===t||t===d.length-1)?n.createElement("span",null,d[e-1]):null))))))},UO=({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(he,{name:"whatsapp-choices"}),"Select answer"),n.createElement(ZO,{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)))))))},XO=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(he,{name:"whatsapp-send"})))},VO=({text:e,placeholders:t,pivot:i,rangeToRender:a})=>n.createElement("div",{className:"question-text-container"},n.createElement("div",{className:"question-text",dangerouslySetInnerHTML:{__html:S({questionText:e,placeholders:t,npsRating:i?.answer,ratingLabel:$(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})),YO=({block:e,saveFormValues:t,type:i})=>{const{question_type:a}=e.question?.type_info;switch(a){case"RANGE":return n.createElement(GO,{question:e.question,saveFormValues:e=>t(e,!0)});case"DROPDOWN":case"MULTI_CHOICE":case"MULTI_SELECT":return n.createElement(UO,{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}},KO=({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(VO,{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(he,{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:S({questionText:e.text,placeholders:i})}})),n.createElement("div",{className:"answer-text"},n.createElement(he,{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(VO,{text:e.declined_message,placeholders:i})))},JO=e=>{const{activeBlock:i,activeIndexOfBlocks:a,activeIndexOfRenderedBlocks:r,answers:o,saveFormValues:s,blocks:l,questions:u,renderedBlocks:d,onSubmitHandler:c,isSurveyCompleted:m,pivot:p}=ce(e),{type:f="whatsapp"}=e,{question_type:h}=i?.question.type_info??{},g=n.useMemo((()=>E(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(KO,{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(VO,{text:t.question.text,placeholders:e.placeholders,pivot:p,rangeToRender:g}),n.createElement(YO,{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||me.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:S({questionText:t.question.text||"",placeholders:e.placeholders,npsRating:p?.answer,ratingLabel:me.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(he,{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:S({questionText:t.question.text||"",placeholders:e.placeholders,npsRating:p?.answer,ratingLabel:me.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(he,{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(VO,{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(XO,{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=we,exports.Button=Ii,exports.ChannelPreview=e=>{const{survey:t,answers:i}=N(e.survey,e.answers);return"whatsapp"===e.channel?n.createElement(JO,{...e,survey:t,answers:i}):"instagram"===e.channel?n.createElement(JO,{type:"instagram",...e,survey:t,answers:i}):(console.error(`Channel ${e.channel} not supported`),null)},exports.Checkbox=Ei,exports.CheckboxGroup=Ci,exports.Dropdown=Mi,exports.Input=ki,exports.ProgressBar=_i,exports.Radio=Ti,exports.RadioGroup=Si,exports.Range=Pe,exports.RankOrder=fo,exports.Slider=Xo,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(LO,{...e,answers:i,survey:t,isMobile:a||!!e.isMobile,initialPivotAnswer:_(e.answers)?e.initialPivotAnswer:void 0}):n.createElement(zO,{...e,answers:i,survey:t,isMobile:a||!!e.isMobile,surveyStyle:"card",initialPivotAnswer:_(e.answers)?e.initialPivotAnswer:void 0}))},exports.SurveyFooter=Yo,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(_i,{totalSteps:t,completedSteps:r}))},exports.TextArea=Pi,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(qO,{...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=os({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||Jo} !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||Jo} !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=is(i?.type_info?.scale_properties?.button_style?.shape||"square"),u=E(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="${os({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||Qo} !important;\n background-color: ${as({position:p.position,question:i||{name:""}})} !important;\n font-size: min(${ts/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="${rs({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=is(i?.type_info?.scale_properties?.button_style?.shape||"square"),u=E(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="${os({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||Qo} !important;\n background-color: ${as({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="${rs({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: ${Qo} !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=is(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 ${E(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="${os({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||Qo} !important;\n background-color: ${as({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=E(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||Qo} !important;\n pointer-events: ${t?"none":"unset"} !important;\n "\n href="${os({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="${rs({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=E(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: ${Qo} !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: ${Qo} !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||Jo} !important;\n padding: 16px 8px 0 8px !important;\n font-size: 12px !important;\n border-top: 1px solid ${es} !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||Jo} !important;\n padding: 16px 8px 0 8px !important;\n font-size: 12px !important;\n text-align: center !important;\n "\n >\n If you face any issues while responding to the survey, please copy and paste the following link into your web browser:&nbsp;\n <a\n style="\n text-decoration: unset !important;\n color: ${Ko} !important;\n pointer-events: ${o?"none":"unset"} !important;\n word-break: break-all !important;\n "\n href=${o?"#":d}\n target="_blank"\n >\n ${os({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 `};