freemium-survey-components 2.0.74 → 2.0.76

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 (24) hide show
  1. package/lib/index.cjs.js +1 -1
  2. package/lib/index.esm.js +1 -1
  3. package/lib/types/types.d.ts +9 -2
  4. package/package.json +1 -1
  5. package/lib/types/components/binary/binary.stories.d.ts +0 -1
  6. package/lib/types/components/button/button.stories.d.ts +0 -1
  7. package/lib/types/components/checkbox/checkbox.stories.d.ts +0 -1
  8. package/lib/types/components/date-time/dateTime.stories.d.ts +0 -1
  9. package/lib/types/components/date-time/index.d.ts +0 -9
  10. package/lib/types/components/emailembed/emailembed.stories.d.ts +0 -11
  11. package/lib/types/components/matrix/matrix.stories.d.ts +0 -1
  12. package/lib/types/components/matrix-widget/matrix-widget.stories.d.ts +0 -1
  13. package/lib/types/components/progressbar/progressbar.stories.d.ts +0 -1
  14. package/lib/types/components/radio-button/index.d.ts +0 -37
  15. package/lib/types/components/radio-button/radio.stories.d.ts +0 -1
  16. package/lib/types/components/range/range.stories.d.ts +0 -1
  17. package/lib/types/components/rank-order/rank-order.stories.d.ts +0 -1
  18. package/lib/types/components/slider/slider.stories.d.ts +0 -1
  19. package/lib/types/components/text-input/DropdownMenuItems.d.ts +0 -9
  20. package/lib/types/components/text-input/text-input.stories.d.ts +0 -1
  21. package/lib/types/mock.d.ts +0 -41
  22. package/lib/types/survey/meta-channel-preview/channels.stories.d.ts +0 -1
  23. package/lib/types/survey/survey.stories.d.ts +0 -1
  24. package/playwright-report/index.html +0 -20355
package/lib/index.esm.js CHANGED
@@ -38,4 +38,4 @@ const I5=({addFilter:e,utils:t})=>{const{Type:n,replaceInString:o,toNaturalFileS
38
38
  * FilePondPluginFileValidateType 1.2.9
39
39
  * Licensed under MIT, https://opensource.org/licenses/MIT/
40
40
  * Please visit https://pqina.nl/filepond/ for details.
41
- */;const D5=({addFilter:e,utils:t})=>{const{Type:n,isString:o,replaceInString:a,guesstimateMimeType:r,getExtensionFromFilename:i,getFilenameFromURL:c}=t,s=(e,t)=>e.some((e=>{return/\*$/.test(e)?(n=e,(/^[^/]+/.exec(t)||[]).pop()===n.slice(0,-2)):e===t;var n})),l=(e,t,n)=>{if(0===t.length)return!0;const a=(e=>{let t="";if(o(e)){const n=c(e),o=i(n);o&&(t=r(o))}else t=e.type;return t})(e);return n?new Promise(((o,r)=>{n(e,a).then((e=>{s(t,e)?o():r()})).catch(r)})):s(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")||l(e,t("GET_ACCEPTED_FILE_TYPES")))),e("LOAD_FILE",((e,{query:t})=>new Promise(((n,o)=>{if(!t("GET_ALLOW_FILE_TYPE_VALIDATION"))return void n(e);const r=t("GET_ACCEPTED_FILE_TYPES"),i=t("GET_FILE_VALIDATE_TYPE_DETECT_TYPE"),c=l(e,r,i),s=()=>{const e=r.map((e=>t=>null!==e[t]&&(e[t]||t))(t("GET_FILE_VALIDATE_TYPE_LABEL_EXPECTED_TYPES_MAP"))).filter((e=>!1!==e)),n=e.filter(((t,n)=>e.indexOf(t)===n));o({status:{main:t("GET_LABEL_FILE_TYPE_NOT_ALLOWED"),sub:a(t("GET_FILE_VALIDATE_TYPE_LABEL_EXPECTED_TYPES"),{allTypes:n.join(", "),allButLastType:n.slice(0,-1).join(", "),lastType:n[n.length-1]})}})};if("boolean"==typeof c)return c?n(e):s();c.then((()=>{n(e)})).catch(s)})))),{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:D5}));dl('/*!\n * FilePond 4.30.6\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;-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{-webkit-text-decoration:underline;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;-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;-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;-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 (-webkit-min-device-pixel-ratio:0), 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;-webkit-text-decoration:none;text-decoration:none;z-index:3;bottom:-14px}.filepond--root .filepond--credits[style]{top:0;bottom:auto;margin-top:14px}');dl(".PinturaModal {\n z-index: 2147483648 !important;\n}\n\n.freemium-survey-components .file-upload-container {\n display: flex;\n position: relative;\n z-index: 4;\n flex-direction: column;\n align-items: center;\n padding: 20px;\n 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: 10px;\n}\n.freemium-survey-components .file-upload-container.push-backward {\n z-index: 0 !important;\n}\n.freemium-survey-components .file-upload-container .drop-your-file-container {\n color: #12344d;\n font-size: var(--fsc-font-size);\n margin: 0 0 8px 0 !important;\n font-size: var(--fsc-font-size);\n font-weight: 500;\n}\n.freemium-survey-components .file-upload-container .link {\n font-weight: 500;\n font-size: 0.9em;\n line-height: 20px;\n text-align: center;\n color: var(--input-highlight-color);\n -webkit-text-decoration: underline;\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: 0.8em;\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: 0.8em;\n font-weight: 500;\n color: var(--question-secondary-color);\n max-width: 80%;\n color: #92a2b1;\n line-height: 1.5;\n}\n.freemium-survey-components .file-upload-container.errored {\n border: 2px dashed var(--file-upload-error-border-color);\n}\n.freemium-survey-components .filepond--item {\n height: 200px !important;\n}\n.freemium-survey-components .filepond--item[data-filepond-item-state=load-invalid] {\n display: none;\n}\n.freemium-survey-components .filepond--item.filepond--item-error .filepond--image-preview {\n display: block !important;\n}\n.freemium-survey-components .file-upload-container {\n visibility: visible;\n}\n.freemium-survey-components .file-error {\n color: var(--text-danger);\n font-size: 0.8em;\n font-weight: 600;\n text-align: left;\n display: flex;\n align-items: start;\n}\n.freemium-survey-components .file-error span {\n line-height: 1.5;\n display: inline-block;\n width: 100%;\n line-break: anywhere;\n margin-left: 5px;\n}\n.freemium-survey-components .filepond--panel-center.filepond--item-panel {\n height: 16px !important;\n}\n.freemium-survey-components .filepond--wrapper {\n margin-bottom: 5px;\n}\n.freemium-survey-components .filepond--file-poster-wrapper {\n height: 200px;\n}\n.freemium-survey-components .filepond--panel-bottom.filepond--item-panel {\n top: 18%;\n transform: none !important;\n}\n.freemium-survey-components .filepond--root.filepond--hopper {\n position: absolute !important;\n width: 100%;\n 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}"),V(I5,D5,k$,H5),l5(p5,d5,u5,b5);const X5=u((({onClick:e,maxFileSize:n=16,visible:a=!0,supportedFileFormats:r,translationVariables:i,fileErrors:c},s)=>{const[l,p]=o(!1),u=i?.drop_your_file?i?.drop_your_file:t.createElement(t.Fragment,null,"Drop your file here, or Browse");return t.createElement("div",{ref:s,className:"file-upload-container "+(c?.current?.main?"errored":""),onClick:e,style:{visibility:a?"visible":"hidden"},onDragOver:e=>{e.preventDefault(),e.target.classList.add("push-backward")}}," ",t.createElement(fl,{name:"file-upload-icon"}),"string"!=typeof u?t.createElement("p",null,u):t.createElement("p",{className:"drop-your-file-container",dangerouslySetInnerHTML:{__html:u}}),t.createElement("p",{className:"max-size"},((e,t,n)=>{if(n&&e&&t)return e.replace(t,n)})(i?.max_file_size,"{{max_file_size}}",String(n))||`Maximum file size : ${n} MB`),t.createElement("p",{className:"support file-formats"},i?.supported_file_formats||"Supported file formats: "," ",(r=r.join(", ")).trim()?t.createElement(t.Fragment,null,l?r:r.slice(0,20)," ",t.createElement("span",{onClick:()=>p(!l),style:{color:"#2C5CC5",textDecoration:"underline",cursor:"pointer"}},l?i?.show_less||"Show less":i?.show_more||"Show more")):"No formats selected"),t.createElement("div",{className:"filepond--drip"}))})),V5=({question:e,onChangeHandler:n,onFileUpload:r,setErrors:i,translationVariables:c,surveyServAssetUrl:s,value:l,preview:p})=>{const[u,d]=o([]),[b,M]=o([]),z=a(),m=e.type_info?.file_field?.max_file_size||10,h=a(null),f=a(),[O,v]=o(!1);let A=!1;t.useEffect((()=>{const t=sessionStorage.getItem(`uploadedFile-${e?.name}`),n=t?JSON.parse(t):"";n?.source&&(n.options={...n.options,file:{name:l,size:n.fileSize}},l&&d([n]))}),[]);const g=async(t,o)=>{try{if(A)return;if(f.current&&me(h.current)||t){const a=t??f.current.getFiles()?.[0]?.file;if(a&&r){A=!0;const t=await r(a.type,a.size,a.name,e);if(o&&o(!0,50,100),t.startsWith("http")&&s){const o=await fetch(t,{method:"PUT",headers:{"Content-Type":a.type,"Content-Disposition":"attachment"},body:a}),r=new URL(t),i=`${s}${r.pathname}`;if(!o.ok)throw console.error("Error uploading file"),new Error("Error uploading file");sessionStorage.setItem(`uploadedFile-${e?.name}`,JSON.stringify({source:i,options:{type:"local"},fileSize:f.current.getFiles()?.[0]?.fileSize})),n(a.name)}else n(p?"dummy":null),console.error("Error fetching pre-signed url");A=!1}}}catch(e){throw console.error("error in uploading file",e,"stringified error",JSON.stringify(e)),new Error("Error uploading file")}};return t.useEffect((()=>{(()=>{const t=e.type_info?.file_field?.allowed_file_types,n=Object.keys(be).map((e=>{if((t||[]).includes(e))return be[e].concat(",")})).join(" ").trim().slice(0,-1);M(n.split(", "))})()}),[]),t.createElement(t.Fragment,null,t.createElement(j,{ref:f,files:u,labelFileProcessing:c?.uploading_text??"Uploading..",labelFileProcessingComplete:c?.upload_complete??"Upload complete",labelMaxFileSizeExceeded:c?.file_too_large??"The file is too large and cannot be uploaded.",labelMaxFileSize:"",labelTapToCancel:"",labelTapToUndo:"",labelFileTypeNotAllowed:c?.invalid_type??"The file mismatch. Retry by uploading the supported file type.",fileValidateTypeLabelExpectedTypes:"",beforeAddFile:e=>(h.current?.main&&(h.current=null,i({}),d([e]),v(!0)),!0),onremovefile:()=>{O?v(!1):(d([]),i({}),h.current=null,n(null))},allowReplace:!0,server:{process:async(e,t,n,o,a,r)=>{r(!0,0,100);try{await g(t,r),r(!0,100,100),o(t.name)}catch(e){a("An error occurred during upload")}}},onpreparefile:(e,t)=>{const n=new FileReader;n.onloadend=()=>{const t=n.result??"",o=new Blob([t],{type:e.fileType}),a=new File([o],e.filename,{type:e.fileType});g(a)},n.readAsArrayBuffer(t)},onerror:t=>{h.current=t,i({[e.name]:t})},required:!0,credits:!1,allowFileTypeValidation:!0,acceptedFileTypes:b,fileValidateTypeDetectType:(e,t)=>new Promise(((t,n)=>{const o=e.name.split(".");t(`.${o[o.length-1].toLowerCase()}`)})),imageEditor:{legacyDataToImageState:jQ,createEditor:g5,imageReader:[i5,{}],imageWriter:[c5,{}],imageProcessor:$F,imageEditorAfterWriteImage:({src:e,dest:t,imageState:n})=>new Promise(((o,a)=>{$F(e,{imageReader:i5(),imageWriter:c5({targetSize:{width:128,height:15,fit:"cover"}}),imageState:n}).then((n=>{o([{name:"input_",file:e},{name:"output_",file:t},{name:"thumb_",file:n.dest}])})).catch(a)})),editorOptions:{utils:["crop","finetune","filter","annotate"],imageOrienter:{read:_$,apply:e_},shapePreprocessor:y5(),...M5,...z5,...s5,locale:{...m5,...f5,...v5,...O5,...A5,...h5}}},allowFileSizeValidation:!0,maxFileSize:`${m}MB`,onupdatefiles:e=>{z.current?.classList.remove("push-backward"),e.length&&d(e)},maxFiles:1,name:`${e.id}-files`}),t.createElement(X5,{ref:z,onClick:e=>{const t=e.target;"path"!==t?.tagName&&"P"!==t?.tagName&&(!t?.className||t?.className instanceof SVGAnimatedString||t.className.includes("format-type-toggler"))||f.current.browse()},fileErrors:h,visible:Boolean(!u.length||h.current?.main),maxFileSize:m,translationVariables:{...c,tTimeZones:[{id:"",offset:"",timeZone:""}]},supportedFileFormats:b}),h?.current?.main&&t.createElement("div",{className:"file-error"},t.createElement(fl,{name:"info"}),t.createElement("span",null,`${h?.current?.main}\n ${h.current?.sub}`)))};dl(".fsc-form-field-container {\n display: flex;\n gap: 16px;\n}\n.fsc-form-field-container.layout-horizontal {\n flex-direction: row;\n flex-wrap: wrap;\n}\n.fsc-form-field-container.layout-horizontal .fsc-form-field {\n flex: 1;\n}\n.fsc-form-field-container.layout-vertical {\n flex-direction: column;\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components .fsc-form-field-container {\n flex-direction: row;\n flex-wrap: wrap;\n }\n .freemium-survey-components .fsc-form-field-container .fsc-form-field {\n flex: 1;\n width: 100%;\n }\n}\n.freemium-survey-components.mobile-preview .fsc-form-field-container {\n flex-direction: row;\n flex-wrap: wrap;\n}\n.freemium-survey-components.mobile-preview .fsc-form-field-container .fsc-form-field {\n flex: 1;\n width: 100%;\n}");const j5=e=>{const{placeholder:n,name:o,isRequired:a,label:r,isErrored:i,errorText:c,id:s,disabled:l,language:p,allowOnlyFuture:u,displayFormat:d,type:b,onChange:M,value:z,translationVariables:m,...h}=e,f=d?s$[d]:s$["MMM dd, yyyy"],O=document.querySelector('div[role="dialog"].DialogContent');return t.createElement("div",{className:"fsc-picker fsc-date-picker",id:`date-picker-container-${s??""}`.trim(),"aria-invalid":i},r&&t.createElement("label",{htmlFor:e.id,className:"fsc-input-label"},r,r&&a&&t.createElement("span",null,"*")),t.createElement(FA,null,t.createElement(QR,{canClearSelection:!0,closeOnSelection:!1,locale:a$(p||"en"),disabled:l,minDate:u?new Date:Fz(new Date).subtract(60,"years").toDate(),maxDate:Fz(new Date).add(60,"years").toDate(),fill:!0,highlightCurrentDay:!0,inputProps:{readOnly:!0,placeholder:m?.date_time_placeholder||"Select a date",name:o,id:s,"aria-disabled":l},dayPickerProps:{disabled:l,components:{Dropdown:e=>t.createElement(nL,{translationVariables:m,...e,disabled:l})}},showActionsBar:!0,popoverProps:{hasBackdrop:!0,minimal:!1,placement:"bottom-start",usePortal:!0,portalClassName:"fsc-bp5-portal",portalContainer:O||void 0},value:z?c$({dateString:z,dateTimeFormat:f,translationVariables:m}):null,formatDate:e=>e?i$({date:e,dateTimeFormat:f,translationVariables:m}):"",onChange:(e,t)=>{M?.(e?i$({date:new Date(e),dateTimeFormat:f,translationVariables:m}):null,t)},...h})),i&&c&&t.createElement("span",{className:"fsc-input-helper"},c))};dl('/* CSS variables. */\n:root {\n --PhoneInput-color--focus: #03b2cb;\n --PhoneInputInternationalIconPhone-opacity: 0.8;\n --PhoneInputInternationalIconGlobe-opacity: 0.65;\n --PhoneInputCountrySelect-marginRight: 0.5em;\n --PhoneInputCountrySelectArrow-width: 0.3em;\n --PhoneInputCountrySelectArrow-marginLeft: var(\n --PhoneInputCountrySelect-marginRight\n );\n --PhoneInputCountrySelectArrow-borderWidth: 1px;\n --PhoneInputCountrySelectArrow-opacity: 0.45;\n --PhoneInputCountrySelectArrow-color: currentColor;\n --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);\n --PhoneInputCountrySelectArrow-transform: rotate(45deg);\n --PhoneInputCountryFlag-aspectRatio: 1.5;\n --PhoneInputCountryFlag-height: 1em;\n --PhoneInputCountryFlag-borderWidth: 1px;\n --PhoneInputCountryFlag-borderColor: rgba(0, 0, 0, 0.5);\n --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);\n --PhoneInputCountryFlag-backgroundColor--loading: rgba(0, 0, 0, 0.1);\n}\n\n.PhoneInput {\n /* This is done to stretch the contents of this component. */\n display: flex;\n align-items: center;\n overflow: auto;\n}\n\n.PhoneInputInput {\n /* The phone number input stretches to fill all empty space */\n flex: 1;\n /* The phone number input should shrink\n to make room for the extension input */\n min-width: 0;\n}\n\n.PhoneInputCountryIcon {\n width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));\n height: var(--PhoneInputCountryFlag-height);\n}\n\n.PhoneInputCountryIcon--square {\n width: var(--PhoneInputCountryFlag-height);\n}\n\n.PhoneInputCountryIcon--border {\n /* Removed `background-color` because when an `<img/>` was still loading\n it would show a dark gray rectangle. */\n /* For some reason the `<img/>` is not stretched to 100% width and height\n and sometime there can be seen white pixels of the background at top and bottom. */\n background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);\n /* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */\n /* For some reason the `<img/>` is not stretched to 100% width and height\n and sometime there can be seen white pixels of the background at top and bottom,\n so an additional "inset" border is added. */\n box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);\n}\n\n.PhoneInputCountryIconImg {\n /* Fixes weird vertical space above the flag icon. */\n /* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */\n display: block;\n /* 3rd party <SVG/> flag icons won\'t stretch if they have `width` and `height`.\n Also, if an <SVG/> icon\'s aspect ratio was different, it wouldn\'t fit too. */\n width: 100%;\n height: 100%;\n}\n\n.PhoneInputInternationalIconPhone {\n opacity: var(--PhoneInputInternationalIconPhone-opacity);\n}\n\n.PhoneInputInternationalIconGlobe {\n opacity: var(--PhoneInputInternationalIconGlobe-opacity);\n}\n\n/* Styling native country `<select/>`. */\n.PhoneInputCountry {\n position: relative;\n align-self: stretch;\n display: flex;\n align-items: center;\n margin-right: var(--PhoneInputCountrySelect-marginRight);\n}\n\n.PhoneInputCountrySelect {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n border: 0;\n opacity: 0;\n cursor: pointer;\n}\n\n.PhoneInputCountrySelect[disabled],\n.PhoneInputCountrySelect[readonly] {\n cursor: default;\n}\n\n.PhoneInputCountrySelectArrow {\n display: block;\n content: "";\n width: var(--PhoneInputCountrySelectArrow-width);\n height: var(--PhoneInputCountrySelectArrow-width);\n margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);\n border-style: solid;\n border-color: var(--PhoneInputCountrySelectArrow-color);\n border-top-width: 0;\n border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);\n border-left-width: 0;\n border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);\n transform: var(--PhoneInputCountrySelectArrow-transform);\n opacity: var(--PhoneInputCountrySelectArrow-opacity);\n}\n\n.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {\n opacity: 1;\n color: var(--PhoneInputCountrySelectArrow-color--focus);\n}\n\n.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {\n box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);\n}\n\n.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {\n opacity: 1;\n color: var(--PhoneInputCountrySelectArrow-color--focus);\n}');const F5=t.forwardRef((({label:e,inline:n,startLabel:o,startAdornment:a,endLabel:r,endAdornment:i,isRequired:c,isErrored:s,showCount:l,inputStyle:p,style:u,errorText:d,maxLength:b=18,value:M,labelProps:z,onChangeHandler:m,containerProps:h,surveyLayout:f,setFocus:O,autoFocusDelay:v=10,...A},g)=>{const y=t.useRef(null),[q,W]=t.useState(M);t.useEffect((()=>{q&&!M&&W(M)}),[M]),t.useEffect((()=>{O&&document.activeElement!==y?.current&&setTimeout((()=>{y.current?.focus()}),ae+(v??0))}),[]);const w="card"===f?M:q;return t.createElement("div",{className:"fsc-input-base fsc-input fsc-phone-input",style:u},e&&t.createElement("label",{htmlFor:A.id,className:"fsc-input-label",...z},e,e&&c&&t.createElement("span",null,"*")),t.createElement("div",{className:"input-container",...h},t.createElement(F,{numberInputProps:{ref:y,maxLength:b},className:"input-basic".trim(),placeholder:A.placeholder,focusInputOnCountrySelection:!1,locales:["US"],onChange:()=>{},countryCallingCodeEditable:!0,withCountryCallingCode:!1,onCountryChange:e=>{setTimeout((()=>{if(!e)return;const t=U(`${w??""}`,e),n=`+${G(e)}${t?.nationalNumber??""}`.slice(0,b);"card"===f?m(n):W(n),y.current?.focus()}),0)},..."card"===f?{value:M??"",onChange:e=>{const t=("string"==typeof e?e:e?.target?.value??"").replaceAll(" ","");t.length>b||m(t)}}:{onBlur:e=>{if((ze(M)||me(M))&&(ze(q)||me(q))||q===M);else{const t=("string"==typeof e?e:e?.target?.value??"").replaceAll(" ","");m(t,!0)}},value:q??"",onChange:e=>{const t=("string"==typeof e?e:e?.target?.value??"").replaceAll(" ","");t.length>b||W(t)}}}),l&&b>0&&t.createElement("div",{className:"end-max-length"},`${Math.min(b,`${w||""}`.length)}/${b}`),i&&t.createElement("div",{className:"end-adornment"},i)),s&&d&&t.createElement("span",{className:"fsc-input-helper"},d))})),U5=e=>{switch(e){case"EMAIL":return"email";case"PHONE":return"tel";case"NUMBER":return"number";default:return"text"}},G5=({question:e,autoFocusDelay:n,onChangeHandler:o,surveyStyle:a,isRequired:r,formValues:i,fieldErrors:c,translationVariables:s,language:l})=>{const p=e.type_info?.form_fields?.layout,u=e.type_info?.form_fields?.fields;return t.createElement("div",{className:`fsc-form-field-container layout-${(p??"VERTICAL").toLowerCase()}`.trim()},u?.map(((r,p)=>{const u="NUMBER"===r?.type||"PHONE"===r.type?18:256;return t.createElement("div",{className:"fsc-form-field",key:r.id},"DATE"!==r?.type&&"DATE_TIME"!==r?.type?t.createElement(t.Fragment,null,"PHONE"===r.type?t.createElement(F5,{key:p,surveyLayout:a??"card",setFocus:0===p&&"standard"!==a,autoFocusDelay:n,label:r?.label||"",type:"tel",isRequired:!!r.required,showCount:!0,maxLength:u,value:r.id&&i[e.name]?.[r.id]||"",onChangeHandler:(t,n)=>{r.id&&o({...i[e.name]??{},[r.id]:t||null},!0)},isErrored:!(!r.id||!i?.[e.name]?.[r.id])&&!!c?.[r?.id||""],errorText:r.id&&i[e.name]?.[r.id]?c?.[r?.id]:""}):t.createElement(wl,{key:p,setFocus:0===p&&"standard"!==a,autoFocusDelay:n,onKeyDown:e=>{"PHONE"===r?.type&&xe(e),"NUMBER"===r?.type&&we(e)},showCount:!0,maxLength:u,placeholder:"NUMBER"===r?.type?"0":void 0,label:r?.label||"",type:U5(r?.type??"TEXT"),isRequired:!!r.required,value:r.id?i[e.name]?.[r.id]??"":"",onChange:t=>{r.id&&o({...i[e.name]??{},[r.id]:t.target.value.slice(0,u)||null})},onBlur:t=>{if(r.id){const n=i[e.name]?.[r.id],a=t.target.value.slice(0,u);(ze(n)||me(n))&&(ze(a)||me(a))||o?.({...i[e.name]??{},[r.id]:a||null},!0)}},isErrored:!(!r.id||!i?.[e.name]?.[r.id])&&!!c?.[r?.id||""],errorText:r.id&&i[e.name]?.[r.id]?c?.[r?.id]:""})):t.createElement(t.Fragment,null,"DATE_TIME"===r?.type?t.createElement(l$,{id:r.id??"",name:e.name??"",label:r?.label??"",isRequired:!!r.required,allowOnlyFuture:!!e.type_info?.meta?.allow_future_date,language:l,useAmPm:!e.type_info?.meta?.time_format,showTimezoneSelect:!1,onChange:t=>{o({...i[e.name]??{},...r.id&&{[r.id]:t}},!0)},value:r?.id&&i[e?.name]?.[r?.id],type:"FORM_FIELD",translationVariables:s}):t.createElement(j5,{id:r.id??"",name:e.name??"",label:r?.label??"",isRequired:!!r.required,allowOnlyFuture:!!e.type_info?.meta?.allow_future_date,language:l,onChange:t=>{o({...i[e.name]??{},...r.id&&{[r.id]:t}},!0)},value:r?.id&&i[e?.name]?.[r?.id],type:"FORM_FIELD",translationVariables:s})))})))},Y5="rovingFocusGroup.onEntryFocus",Z5={bubbles:!1,cancelable:!0},K5="RovingFocusGroup",[J5,Q5,e4]=Hl(K5),[t4,n4]=kl(K5,[e4]),[o4,a4]=t4(K5),r4=u(((e,t)=>s(J5.Provider,{scope:e.__scopeRovingFocusGroup},s(J5.Slot,{scope:e.__scopeRovingFocusGroup},s(i4,Rl({},e,{ref:t})))))),i4=u(((e,t)=>{const{__scopeRovingFocusGroup:n,orientation:i,loop:c=!1,dir:l,currentTabStopId:u,defaultCurrentTabStopId:d,onCurrentTabStopIdChange:b,onEntryFocus:M,...z}=e,m=a(null),h=Tl(t,m),f=Dl(l),[O=null,v]=Sp({prop:u,defaultProp:d,onChange:b}),[A,g]=o(!1),y=Vl(M),q=Q5(n),W=a(!1),[w,x]=o(0);return r((()=>{const e=m.current;if(e)return e.addEventListener(Y5,y),()=>e.removeEventListener(Y5,y)}),[y]),s(o4,{scope:n,orientation:i,dir:f,loop:c,currentTabStopId:O,onItemFocus:p((e=>v(e)),[v]),onItemShiftTab:p((()=>g(!0)),[]),onFocusableItemAdd:p((()=>x((e=>e+1))),[]),onFocusableItemRemove:p((()=>x((e=>e-1))),[])},s(Xl.div,Rl({tabIndex:A||0===w?-1:0,"data-orientation":i},z,{ref:h,style:{outline:"none",...e.style},onMouseDown:Cl(e.onMouseDown,(()=>{W.current=!0})),onFocus:Cl(e.onFocus,(e=>{const t=!W.current;if(e.target===e.currentTarget&&t&&!A){const t=new CustomEvent(Y5,Z5);if(e.currentTarget.dispatchEvent(t),!t.defaultPrevented){const e=q().filter((e=>e.focusable));l4([e.find((e=>e.active)),e.find((e=>e.id===O)),...e].filter(Boolean).map((e=>e.ref.current)))}}W.current=!1})),onBlur:Cl(e.onBlur,(()=>g(!1)))})))})),c4=u(((e,t)=>{const{__scopeRovingFocusGroup:n,focusable:o=!0,active:a=!1,tabStopId:i,...c}=e,l=Mp(),p=i||l,u=a4("RovingFocusGroupItem",n),d=u.currentTabStopId===p,b=Q5(n),{onFocusableItemAdd:M,onFocusableItemRemove:z}=u;return r((()=>{if(o)return M(),()=>z()}),[o,M,z]),s(J5.ItemSlot,{scope:n,id:p,focusable:o,active:a},s(Xl.span,Rl({tabIndex:d?0:-1,"data-orientation":u.orientation},c,{ref:t,onMouseDown:Cl(e.onMouseDown,(e=>{o?u.onItemFocus(p):e.preventDefault()})),onFocus:Cl(e.onFocus,(()=>u.onItemFocus(p))),onKeyDown:Cl(e.onKeyDown,(e=>{if("Tab"===e.key&&e.shiftKey)return void u.onItemShiftTab();if(e.target!==e.currentTarget)return;const t=function(e,t,n){const o=function(e,t){return"rtl"!==t?e:"ArrowLeft"===e?"ArrowRight":"ArrowRight"===e?"ArrowLeft":e}(e.key,n);return"vertical"===t&&["ArrowLeft","ArrowRight"].includes(o)||"horizontal"===t&&["ArrowUp","ArrowDown"].includes(o)?void 0:s4[o]}(e,u.orientation,u.dir);if(void 0!==t){e.preventDefault();let n=b().filter((e=>e.focusable)).map((e=>e.ref.current));if("last"===t)n.reverse();else if("prev"===t||"next"===t){"prev"===t&&n.reverse();const o=n.indexOf(e.currentTarget);n=u.loop?function(e,t){return e.map(((n,o)=>e[(t+o)%e.length]))}(n,o+1):n.slice(o+1)}setTimeout((()=>l4(n)))}}))})))})),s4={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function l4(e){const t=document.activeElement;for(const n of e){if(n===t)return;if(n.focus(),document.activeElement!==t)return}}const p4=r4,u4=c4,d4="Radio",[b4,M4]=kl(d4),[z4,m4]=b4(d4),h4=u(((e,t)=>{const{__scopeRadio:n,name:r,checked:i=!1,required:c,disabled:l,value:p="on",onCheck:u,...d}=e,[b,M]=o(null),z=Tl(t,(e=>M(e))),m=a(!1),h=!b||Boolean(b.closest("form"));return s(z4,{scope:n,checked:i,disabled:l},s(Xl.button,Rl({type:"button",role:"radio","aria-checked":i,"data-state":v4(i),"data-disabled":l?"":void 0,disabled:l,value:p},d,{ref:z,onClick:Cl(e.onClick,(e=>{i||null==u||u(),h&&(m.current=e.isPropagationStopped(),m.current||e.stopPropagation())}))})),h&&s(O4,{control:b,bubbles:!m.current,name:r,value:p,checked:i,required:c,disabled:l,style:{transform:"translateX(-100%)"}}))})),f4=u(((e,t)=>{const{__scopeRadio:n,forceMount:o,...a}=e,r=m4("RadioIndicator",n);return s(Bu,{present:o||r.checked},s(Xl.span,Rl({"data-state":v4(r.checked),"data-disabled":r.disabled?"":void 0},a,{ref:t})))})),O4=e=>{const{control:t,checked:n,bubbles:o=!0,...i}=e,c=a(null),l=Tp(n),p=zp(t);return r((()=>{const e=c.current,t=window.HTMLInputElement.prototype,a=Object.getOwnPropertyDescriptor(t,"checked").set;if(l!==n&&a){const t=new Event("click",{bubbles:o});a.call(e,n),e.dispatchEvent(t)}}),[l,n,o]),s("input",Rl({type:"radio","aria-hidden":!0,defaultChecked:n},i,{tabIndex:-1,ref:c,style:{...e.style,...p,position:"absolute",pointerEvents:"none",opacity:0,margin:0}}))};function v4(e){return e?"checked":"unchecked"}const A4=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],g4="RadioGroup",[y4,q4]=kl(g4,[n4,M4]),W4=n4(),w4=M4(),[x4,R4]=y4(g4),L4=u(((e,t)=>{const{__scopeRadioGroup:n,name:o,defaultValue:a,value:r,required:i=!1,disabled:c=!1,orientation:l,dir:p,loop:u=!0,onValueChange:d,...b}=e,M=W4(n),z=Dl(p),[m,h]=Sp({prop:r,defaultProp:a,onChange:d});return s(x4,{scope:n,name:o,required:i,disabled:c,value:m,onValueChange:h},s(p4,Rl({asChild:!0},M,{orientation:l,dir:z,loop:u}),s(Xl.div,Rl({role:"radiogroup","aria-required":i,"aria-orientation":l,"data-disabled":c?"":void 0,dir:z},b,{ref:t}))))})),C4=L4,k4=u(((e,t)=>{const{__scopeRadioGroup:n,disabled:o,...i}=e,c=R4("RadioGroupItem",n),l=c.disabled||o,p=W4(n),u=w4(n),d=a(null),b=Tl(t,d),M=c.value===i.value,z=a(!1);return r((()=>{const e=e=>{A4.includes(e.key)&&(z.current=!0)},t=()=>z.current=!1;return document.addEventListener("keydown",e),document.addEventListener("keyup",t),()=>{document.removeEventListener("keydown",e),document.removeEventListener("keyup",t)}}),[]),s(u4,Rl({asChild:!0},p,{focusable:!l,active:M}),s(h4,Rl({disabled:l,required:c.required,checked:M},u,i,{name:c.name,ref:b,onCheck:()=>c.onValueChange(i.value),onKeyDown:Cl((e=>{"Enter"===e.key&&e.preventDefault()})),onFocus:Cl(i.onFocus,(()=>{var e;z.current&&(null===(e=d.current)||void 0===e||e.click())}))})))})),P4=u(((e,t)=>{const{__scopeRadioGroup:n,...o}=e,a=w4(n);return s(f4,Rl({},a,o,{ref:t}))})),S4=e=>{const{checked:n,className:o,disabled:a,id:r,isRequired:i,label:c,name:s,readOnly:l,onChange:p,...u}=e,d=Le();return t.createElement(C4,{className:`fsc-radio ${o??""}`.trim(),name:s,"aria-label":c||"Radio button",value:n?"default":"",required:i,disabled:a,"aria-readonly":l,onValueChange:e=>{p?.(!n,e)},...u,...d.radioGroupRoot??{}},t.createElement("div",{className:"fsc-radio-container"},t.createElement(k4,{checked:n,"aria-checked":n,className:"fsc-radio-item",disabled:a,"aria-readonly":l,id:r,...d.radioGroupItemRoot??{},value:"default"},t.createElement(P4,{className:"fsc-radio-indicator"})),c&&t.createElement("label",{htmlFor:r,className:"fsc-radio-label"},c,c&&i&&t.createElement("span",null,"*"))))};dl(".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: var(--question-text-color, var(--default-question-text-color));\n text-align: center;\n font-size: 0.8em;\n font-weight: 500;\n padding: 12px 24px;\n background-color: var(--question-background-color, var(--default-question-background-color));\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: var(--question-background-color, var(--default-question-background-color));\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: var(--question-background-color, var(--default-question-background-color));\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: 0.8em;\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}\n\n@media (max-width: 550px) {\n .freemium-survey-components.standard-survey-style .matrix-container td.m-s-b-s-q-m-s-input,\n .freemium-survey-components.standard-survey-style .matrix-container th.m-s-b-s-q-m-s-input,\n .freemium-survey-components.standard-survey-style .matrix-container th.m-s-b-s-q-m-s-th-empty,\n .freemium-survey-components.standard-survey-style .matrix-container th.m-s-b-s-q-m-s-th {\n position: unset;\n }\n .freemium-survey-components.standard-survey-style .matrix-container td.m-s-b-s-q-m-s-input {\n min-width: unset;\n max-width: 50vw;\n }\n}\n.freemium-survey-components.mobile-preview.standard-survey-style .matrix-container td.m-s-b-s-q-m-s-input,\n.freemium-survey-components.mobile-preview.standard-survey-style .matrix-container th.m-s-b-s-q-m-s-input,\n.freemium-survey-components.mobile-preview.standard-survey-style .matrix-container th.m-s-b-s-q-m-s-th-empty,\n.freemium-survey-components.mobile-preview.standard-survey-style .matrix-container th.m-s-b-s-q-m-s-th {\n position: unset;\n}\n.freemium-survey-components.mobile-preview.standard-survey-style .matrix-container td.m-s-b-s-q-m-s-input {\n min-width: unset;\n max-width: 50vw;\n}");const T4=e=>{const{type_info:{matrix_properties:n},onChangeHandler:o,value:a}=e;return t.createElement("div",{className:"matrix-container","data-test-input":"matrix"},t.createElement("table",{className:"st-mt-table"},t.createElement("thead",{className:"st-mt-thead"},t.createElement("tr",{className:"st-mt-tr"},t.createElement("th",{className:"m-s-b-s-q-m-s-th-empty st-mt-th"}),n?.rating_labels?.map(((e,n)=>e.is_active?t.createElement("th",{key:e.id,className:"m-s-b-s-q-m-s-th st-mt-th"},e.text):null)))),t.createElement("tbody",{className:"st-mt-tbody"},n?.statements?.map(((e,r)=>e.is_active?t.createElement("tr",{key:e.id,className:"m-s-b-s-q-m-s-tr-hover st-mt-tr"},t.createElement("td",{className:"m-s-b-s-q-m-s-input st-mt-td"},e.text),n?.rating_labels?.map(((i,c)=>{if(!i.is_active)return null;const s=a?.find((t=>t?.statement_id===e?.id));return t.createElement("td",{key:i.id,className:"m-s-b-s-q-m-s-switch st-mt-td"},"SINGLE_ANSWER"===n?.type&&t.createElement(S4,{key:i.id||`${r}-key-${c}`,name:`q-m-s-radio-${r}-key-${c}`,checked:!!s?.rating_labels?.find((e=>e?.id===i?.id)),id:i.id??"",onChange:()=>{e?.id&&i?.id&&o(s?.statement_id?[...a||[]].map((e=>e?.statement_id===s?.statement_id?{...s,rating_labels:[{id:i.id||"",text:i?.text||""}]}:e)):[...a||[],{statement_id:e.id,rating_labels:[{id:i.id,text:i?.text||""}]}])},label:""}),"MULTIPLE_ANSWERS"===n?.type&&t.createElement(Zu,{key:i.id||`${r}-key-${c}`,name:`q-m-s-checkbox-${r}-key-${c}`,checked:!!s?.rating_labels?.find((e=>e?.id===i?.id)),id:i.id??"",onChange:t=>{e?.id&&i?.id&&o(s?.statement_id?[...a||[]].map((e=>e.statement_id===s.statement_id?{...s,rating_labels:t?[...s.rating_labels||[],{id:i.id||"",text:i?.text||""}]:(s.rating_labels||[]).filter((e=>e?.id!==i.id))}:e)):[...a||[],{statement_id:e.id,rating_labels:[{id:i.id,text:i?.text||""}]}])}}))}))):null)))))};dl(".freemium-survey-components .matrix-wd-container {\n display: flex;\n flex-direction: column;\n text-align: left;\n}\n.freemium-survey-components .matrix-wd-container .matrix-st-count {\n color: var(--question-text-color, var(--default-question-text-color));\n font-size: 0.8em;\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: var(--question-text-color, var(--default-question-text-color));\n font-size: var(--fsc-font-size);\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 gap: 8px;\n flex: 1;\n overflow: auto;\n padding: 2px;\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: var(--fsc-font-size);\n}");const E4=e=>{const{type_info:{matrix_properties:n},onChangeHandler:o,name:a,isMobile:r,isReverseAnimation:i,statementIndex:c,value:s,widgetStyle:l,language:p="en"}=e,u=t.useMemo((()=>(n?.statements||[]).find(((e,t)=>t===c))),[n?.statements,c]),d=t.useMemo((()=>s?.find((e=>e?.statement_id===u?.id))),[u,s]);return t.createElement("div",{className:"matrix-wd-container","data-test-input":"matrix"},t.createElement("div",{className:"matrix-st-count"},`${c+1}/${(n?.statements||[]).length}`),t.createElement(ul,{exitBeforeEnter:!0},t.createElement(il.div,{key:`${u?.id??""}`,initial:{opacity:0,x:fe(p,i)},animate:{opacity:1,x:0},exit:{opacity:0,x:Oe(p,i)},transition:{duration:.2}},t.createElement("div",{className:"matrix-st-text"},u?.text),t.createElement("div",{className:`matrix-st-labels wd-style-${l} ${r?"mt-mobile":""}`.trim()},"MULTIPLE_ANSWERS"===n?.type&&t.createElement(Nz,{name:a??"",onChangeHandler:e=>{if(u?.id){const t=d?.statement_id?[...s||[]].map((t=>t.statement_id===d.statement_id?{...d,rating_labels:e.map((e=>{const t=n?.rating_labels?.find((t=>t.id===e));return{id:e,text:t?.text||""}}))}:t)):[...s||[],{statement_id:u.id,rating_labels:e.map((e=>{const t=n?.rating_labels?.find((t=>t.id===e));return{id:e,text:t?.text||""}}))}];o(t)}},saveOthersValue:()=>{},options:(n?.rating_labels??[]).map((e=>({id:e.id,value:e.text}))),values:(d?.rating_labels??[]).map((e=>e.id??"")),autoFocusDelay:0,othersValue:""}),"SINGLE_ANSWER"===n?.type&&t.createElement(Ku,{name:a??"",onChangeHandler:e=>{const t=n?.rating_labels?.find((t=>t.id===e));u?.id&&e&&o(d?.statement_id?[...s||[]].map((n=>n?.statement_id===d?.statement_id?{...d,rating_labels:[{id:e||"",text:t?.text||""}]}:n)):[...s||[],{statement_id:u.id,rating_labels:[{id:e,text:t?.text||""}]}])},saveOthersValue:()=>{},options:(n?.rating_labels??[]).map((e=>({id:e.id,value:e.text}))),value:d?.rating_labels?.[0]?.id??"",othersValue:""})))))},N4=({question:e,autoFocusDelay:n,setFocus:o,formValues:a,surveyLayout:r,onChangeHandler:i})=>{const c=e?.type_info?.number_field?.decimal,s=e?.type_info?.number_field?.decimal_point,l=c?2===s?"0.01":"0.1":"1",p=a[e.name],[u,d]=t.useState(p);t.useEffect((()=>{u&&!p&&d(p)}),[p]);const b=e=>{if(!(c&&!ze(s)&&(e.split(".")?.[1]?.length??0)>(s??0)))if(e.startsWith(".")&&c){const t=Number(e);i(`${t}`,!0)}else i(e,!0)},M=t.useMemo((()=>{const e=["+","-","e","E"];return c||e.push("."),e}),[c]),z=(e=>{let t=1;for(let n=0;n<e;n++)t*=10;return t-1})(18);return t.createElement("div",{className:"responsive-input-field"},t.createElement(wl,{autoFocusDelay:n,isRequired:!!e.required,type:"number",step:l,placeholder:e?.type_info?.meta?.placeholder??c?"0.0"+(2===s?"0":""):"0",onKeyDown:e=>{M.includes(e.key)&&e.preventDefault()},..."card"===r?{value:p??"",onChange:e=>{const t=Number(e.target.value);!isNaN(t)&&t<=z&&e.target.value.length<=18&&b(e.target.value)}}:{value:u??"",onChange:e=>{const t=Number(e.target.value);!isNaN(t)&&t<=z&&e.target.value.length<=18&&d(e.target.value)},onBlur:()=>{return e=u,void((ze(p)||me(p))&&(ze(u)||me(u))||u===p||b(e));var e}},setFocus:o,showCount:!0,max:z,maxLength:18}))},B4=e=>{switch(e){case"EMAIL":return"email";case"PHONE":return"tel";case"URL":return"url";default:return"text"}},$4=e=>{switch(e){case"PHONE":return"phone";case"EMAIL":return"email";case"URL":return"url";default:return""}},_4=({question:e,autoFocusDelay:n,formValues:o,onChangeHandler:a,textboxErrors:r,surveyLayout:i,setFocus:c})=>{const s=e?.type_info?.text_field?.text_type,l=o[e.name],[p,u]=t.useState(l);return t.useEffect((()=>{p&&!l&&u(l)}),[l]),t.createElement("div",{className:"responsive-input-field"},"PHONE"===s?t.createElement(F5,{startAdornment:t.createElement(fl,{name:$4(s)}),type:B4(s),setFocus:c,autoFocusDelay:n,label:"",isRequired:!!e.required,value:l,isErrored:!!r[e.name],errorText:r[e.name]||"",placeholder:e?.type_info?.meta?.placeholder??"",onChangeHandler:a,maxLength:18,showCount:!0,surveyLayout:i}):t.createElement(wl,{startAdornment:s&&"TEXT"!==s&&t.createElement(fl,{name:$4(s)}),type:B4(s),setFocus:c,autoFocusDelay:n,showCount:!0,label:"",isRequired:!!e.required,isErrored:!!r[e.name],errorText:r[e.name]||"",placeholder:e?.type_info?.meta?.placeholder??"",..."card"===i?{value:l??"",onChange:e=>a(e.target.value)}:{onBlur:e=>{(ze(l)||me(l))&&(ze(p)||me(p))||p===l||a?.(e.target.value,!0)},value:p??"",onChange:e=>u(e.target.value)},maxLength:50}))},H4=({surveyLanguage:e,language:n="en",question:o,formValues:a,othersMeta:r,onChangeHandler:i,saveOthersValue:c,autoFocusDelay:s,isFinalQn:l,isWidget:p,isMobile:u,initialPivotAnswer:d,initialQuestionAnswer:b,isInitialTransition:M,formQuestionErrors:z,contactFormErrors:m,activeIndexOfRenderedStatement:h={},textboxQuestionErrors:f,isReverseAnimation:O,fileUploadErrors:v,preview:A,onFileUpload:g,widgetStyle:y="default",setErrors:q,translationVariables:W,surveyServAssetUrl:w,setFocus:x,block:R,surveyStyle:L})=>{const C=o?.type_info?.footer_text&&o.type_info.meta?.question_hint?t.createElement("div",{className:"footer",role:"note",dangerouslySetInnerHTML:{__html:o?.type_info?.footer_text}}):t.createElement(t.Fragment,null),k=a[o.name],[P,S]=t.useState(k);switch(t.useEffect((()=>{P&&!k&&S(k)}),[k]),o?.type_info?.question_type){case"MATRIX_RATING_SCALE":return t.createElement(t.Fragment,null,p||u?t.createElement(E4,{language:n,name:o.name,isReverseAnimation:O,type_info:o?.type_info||{},onChangeHandler:e=>{i(e?.filter((e=>(e.rating_labels||[]).length>0)))},isMobile:u,value:a[o.name]||[],statementIndex:h[o.name]??0,widgetStyle:y}):t.createElement(T4,{type_info:o?.type_info||{},onChangeHandler:e=>{i(e?.filter((e=>(e.rating_labels||[]).length>0)))},value:a[o.name]||[]}),C);case"RANGE":return t.createElement(t.Fragment,null,t.createElement(Wl,{question:o,onChangeHandler:i,isWidget:p,isMobile:u,widgetStyle:y,value:a[o.name],initialPivotAnswer:d,isInitialTransition:M}),C);case"CHECKBOX":case"MULTI_SELECT":return t.createElement(t.Fragment,null,t.createElement(Nz,{name:o.name,values:a[o.name],othersValue:r[o.name],options:o?.choices||[],onChangeHandler:i,saveOthersValue:c,isOthersOption:!!(o?.choices||[]).find((e=>e.meta?.is_others)),othersRequired:!!o?.type_info.meta?.othersRequired,autoFocusDelay:s,translationVariables:W}),C);case"RADIO":case"DROPDOWN":return t.createElement(t.Fragment,null,t.createElement(Ku,{autoFocusDelay:s,name:o.name,onChangeHandler:i,initialQuestionAnswer:b,displayFormat:o?.type_info?.meta?.display_format||"LIST",saveOthersValue:c,options:o?.choices||[],value:a[o.name],othersValue:r[o.name],isOthersOption:!!(o?.choices||[]).find((e=>e.meta?.is_others)),othersRequired:!!o?.type_info.meta?.othersRequired,isFinalQn:l,translationVariables:W}),C);case"TEXT":return t.createElement(t.Fragment,null,t.createElement(_4,{question:o,autoFocusDelay:s,formValues:a,onChangeHandler:i,textboxErrors:f||"",setFocus:x,surveyLayout:L??"card"}),C);case"NUMBER":return t.createElement(t.Fragment,null,t.createElement(N4,{question:o,autoFocusDelay:s,formValues:a,setFocus:x,onChangeHandler:i,surveyLayout:L??"card"}),C);case"FORM_FIELD":return t.createElement(t.Fragment,null,t.createElement(G5,{question:o,surveyStyle:L,isRequired:!!o.required,autoFocusDelay:s,translationVariables:W,onChangeHandler:(e,t)=>{i(e,"card"!==L&&t)},formValues:a,fieldErrors:z?.[o.name]||{},language:n||"en"}),C);case"CONTACT_FORM":return t.createElement(t.Fragment,null,t.createElement(p$,{question:o,setFocus:x,autoFocusDelay:s,onChangeHandler:i,translationVariables:W,formValues:a,fieldErrors:m?.[o.name]||{}}),C);case"PARAGRAPH":return t.createElement(t.Fragment,null,t.createElement(xl,{showCount:!0,maxLength:1500,autoFocusDelay:s,isRequired:!!o.required,placeholder:o?.type_info?.meta?.placeholder??"",..."card"===L?{value:k??"",onChange:e=>i(e.target.value)}:{onBlur:e=>{(ze(k)||me(k))&&(ze(P)||me(P))||P===k||i?.(e.target.value,!0)},value:P??"",onChange:e=>S(e.target.value)},setFocus:x}),C);case"BOOLEAN":return t.createElement(t.Fragment,null,t.createElement(gl,{type_info:o?.type_info,onSelect:i,value:a[o.name]}),C);case"MESSAGE":return C;case"CONSENT":return t.createElement(t.Fragment,null,t.createElement(Bz,{question:o,onChange:i,value:a[o.name]}),C);case"SLIDER":const e=o?.type_info.meta?.slider;return t.createElement(t.Fragment,null,t.createElement(Cz,{defaultValue:[a[o.name]??e?.opening_position],dir:he(n)?"rtl":"ltr",answer:a[o.name],min:e?.min,max:e?.max,onValueChange:([e])=>i(e),isInput:e?.numerical_input_box,gridLines:e?.grid_lines,stopAtGrid:e?.stop_at_grid_lines,allowDecimals:e?.allow_decimal,decimalPoints:e?.decimal_points,isMobile:u||"compact"===y}),C);case"RANK_ORDER":const{others_meta:v,...R}=a;return t.createElement(t.Fragment,null,t.createElement(TM,{valueItems:R[o.name],items:o?.choices||[],onReorder:i}),C);case"DATE_TIME":return t.createElement(t.Fragment,null,"DATE_TIME"===o.type_info.meta?.question_format?t.createElement(l$,{id:o.id??"",name:o.name??"",type:"QUESTION",displayFormat:o.type_info.meta?.format??void 0,allowOnlyFuture:o.type_info.meta?.allow_future_date||!1,useAmPm:!o.type_info.meta?.time_format,showTimezoneSelect:!!o.type_info.meta?.time_zone,onChange:e=>{i(e)},value:a[o.name]||"",translationVariables:W,language:n||"en"}):t.createElement(j5,{allowOnlyFuture:o.type_info.meta?.allow_future_date||!1,type:"QUESTION",displayFormat:o.type_info.meta?.format??void 0,onChange:e=>{i(e)},value:a[o.name]||"",translationVariables:W,language:n||"en"}),C);case"FILE":return t.createElement(V5,{setErrors:e=>{q({formQuestionErrors:z,textboxQuestionErrors:f,contactFormErrors:m,fileUploadErrors:e})},preview:A,onChangeHandler:i,question:o,onFileUpload:g,value:a[o.name]||"",translationVariables:W,surveyServAssetUrl:w});default:return console.error(`Question type ${o?.type_info?.question_type} not found`),null}};dl(".freemium-survey-components.card-survey-style {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n}\n.freemium-survey-components.card-survey-style .question-holder {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n flex: 1;\n overflow: auto;\n padding: 1rem;\n align-items: center;\n}\n.freemium-survey-components.card-survey-style .question-holder .question-container .footer {\n margin-top: 24px !important;\n text-align: center;\n}\n.freemium-survey-components.card-survey-style .question-holder .question-container .footer p {\n word-break: break-word;\n}\n.freemium-survey-components.card-survey-style .questions {\n display: flex;\n flex-direction: column;\n width: var(--fsc-question-width);\n max-width: 100%;\n overflow: hidden;\n background: transparent;\n box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px;\n border-radius: 6px;\n transition: all 0.2s ease, width 0s;\n padding: 32px;\n border: 0;\n background-color: var(--question-background-color, var(--default-question-background-color));\n}\n.freemium-survey-components.card-survey-style .questions .question-container {\n overflow: auto;\n padding: 4px;\n}\n.freemium-survey-components.card-survey-style .questions .question-container .question-text {\n margin-bottom: 24px;\n}\n.freemium-survey-components.card-survey-style .questions .question-container .footer-alignment {\n width: 75%;\n font-size: 18px;\n text-align: center;\n}\n.freemium-survey-components.card-survey-style .questions .question-consent-buttons {\n margin-top: 12px;\n display: flex;\n gap: 1rem;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n}\n.freemium-survey-components.card-survey-style .questions .question-consent-buttons button.message-button {\n word-break: break-all;\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components.card-survey-style {\n margin: 0 auto;\n }\n .freemium-survey-components.card-survey-style .question-holder {\n justify-content: flex-start;\n }\n .freemium-survey-components.card-survey-style .question-holder.prompt {\n justify-content: flex-end;\n }\n .freemium-survey-components.card-survey-style .question-holder.prompt .questions {\n flex: unset;\n }\n .freemium-survey-components.card-survey-style .questions {\n width: 100%;\n display: flex;\n flex-direction: column;\n padding: 16px;\n }\n .freemium-survey-components.card-survey-style .questions .question-consent-buttons button.consent-button {\n width: 90%;\n }\n}\n.freemium-survey-components.mobile-preview.card-survey-style {\n margin: 0 auto;\n}\n.freemium-survey-components.mobile-preview.card-survey-style .question-holder {\n justify-content: flex-start;\n}\n.freemium-survey-components.mobile-preview.card-survey-style .question-holder.prompt {\n justify-content: flex-end;\n}\n.freemium-survey-components.mobile-preview.card-survey-style .question-holder.prompt .questions {\n flex: unset;\n}\n.freemium-survey-components.mobile-preview.card-survey-style .questions {\n width: 100%;\n display: flex;\n flex-direction: column;\n padding: 16px;\n}\n.freemium-survey-components.mobile-preview.card-survey-style .questions .question-consent-buttons button.consent-button {\n width: 90%;\n}");dl(".page-container {\n text-align: left;\n word-break: break-word;\n}\n.page-container p {\n margin: unset;\n}\n.page-container .page-title {\n font-size: 1.4em;\n font-weight: 500;\n margin-bottom: 12px;\n color: var(--question-text-color, var(--default-question-text-color));\n}\n.page-container .page-description {\n line-height: 18px;\n font-size: 1em;\n font-weight: 400;\n color: var(--question-text-color, var(--default-question-text-color));\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 3;\n}\n.page-container .page-description * {\n margin: 0;\n padding: 0;\n}\n.page-container .page-description.expanded {\n overflow: visible;\n -webkit-line-clamp: unset;\n}\n.page-container .show-more {\n color: #2c5cc5;\n font-weight: 600;\n cursor: pointer;\n}\n\n.freemium-survey-components.standard-survey-style .page-container {\n padding: 0 1rem 1rem 1rem;\n width: 100%;\n margin-bottom: 0;\n max-width: var(--fsc-standard-max-width);\n}\n.freemium-survey-components.standard-survey-style .page-container .page-title {\n margin-top: 24px;\n}\n\n.freemium-survey-components.card-survey-style .page-container {\n width: var(--fsc-question-width);\n margin-bottom: 12px;\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components.card-survey-style .page-container {\n width: 100%;\n }\n}\n.freemium-survey-components.mobile-preview.card-survey-style .page-container {\n width: 100%;\n}\n\n.freemium-survey-components.widget-survey-components .page-container {\n padding: 0 24px;\n margin-bottom: 0;\n}");const I4=t.forwardRef(((e,n)=>{const{id:a,activePage:r,expanded:i,setExpanded:c,translationVariables:s}=e,[l,p]=o(null);return t.useEffect((()=>{!i&&l?.classList.contains("expanded")&&l?.classList.toggle("expanded")}),[i]),t.createElement("div",{className:"page-container",ref:n},t.createElement("div",{key:`${a}-title`,id:`${a}-title`,className:"page-title",dangerouslySetInnerHTML:{__html:ge({questionText:r?.title,placeholders:{},isPreview:!1})}}),t.createElement("div",{key:`${a}-description`,id:`${a}-description`,ref:e=>e?p(e):null,className:"page-description",dangerouslySetInnerHTML:{__html:ge({questionText:r?.description,placeholders:{},isPreview:!1})}}),(l?.scrollHeight??1)/18>3?t.createElement("span",{onClick:()=>{c?.((e=>!e)),l?.classList.toggle("expanded")},className:"show-more"},`${i?s?.show_less??"Show less":s?.show_more??"Show more"}...`):null)}));var D4="#EBEFF3";const X4=({surveyServAssetUrl:e,thankYouQuestion:n,preview:a,placeholders:i,canResubmit:c,resetSurvey:s,navigateToStart:l,isMobile:p,allowMultipleSubmission:u,pivot:d,rangeToRender:b,translationVariables:M})=>{const{redirectUrl:z,redirectDelay:m,show_custom_button:h,show_review_links:f,show_social_links:O,image_url:v}=n?.type_info?.meta??{},[A,g]=o(m??10),[y,q]=t.useState(!1);return r((()=>{if(!a&&z){const e=setInterval((()=>g((e=>e>1?e-1:("undefined"!=typeof window&&(window.location.href=z??""),0)))),1e3);return()=>{clearInterval(e),q(!1)}}return()=>{q(!1)}}),[]),t.createElement("div",{className:"question-container thankyou"},v&&t.createElement("img",{className:"thankyou-logo-img",src:v,alt:"thankyou_logo"}),t.createElement(t.Fragment,null,ve(n)),t.createElement("div",{className:"text",dangerouslySetInnerHTML:{__html:ge({questionText:n.text,placeholders:i,npsRating:d?.answer,ratingLabel:ze(d?.answer)?"":b?.find((e=>e?.value===String(d?.answer)))?.text??"",preference:d?.question.type_info?.scale_properties?.labels?.preference,isPreview:a})}}),(c||u)&&t.createElement("div",{className:("wrap-up-actions "+(p?"mobile":"")).trim()},c&&t.createElement("button",{className:"action-button",tabIndex:0,disabled:y,onClick:()=>{q(!0),l()}},t.createElement(fl,{name:"edit"}),M?.edit_response||"Edit your response"),u&&t.createElement("button",{className:"action-button",tabIndex:0,disabled:y,onClick:()=>{q(!0),s()}},t.createElement(fl,{name:"reload"}),M?.another_response||"Submit another response")),z&&t.createElement("div",{className:"redirection-container"},t.createElement("div",{className:"redirection-text"},We(A,M?.redirect_msg),t.createElement("br",null)),t.createElement("a",{className:"link",href:z},z)),(h||f||O)&&t.createElement(Ez,{show_custom_button:h,show_review_links:f,show_social_links:O,surveyServAssetUrl:e}))},V4=({activeIndexOfRenderedStatement:e,navigateToPreviousBlock:n,canDisplayDisableButtonParams:o,navigateToNextBlock:a,translationVariables:r,setAnimationInProgress:i,animationInProgress:c,question:s})=>t.createElement("div",{className:"freemium-survey-step-navigation","data-navigation-element":"1"},t.createElement("button",{disabled:c||Ke("navigation-prev",o),className:"navigation-button",onClick:()=>{i(!0),setTimeout((()=>{i(!1)}),oe),n()},title:s.name&&(e?.[s.name]??0)>0?r?.prev_statement||"go to previous statement":r?.prev_question||"go to previous question"},t.createElement(fl,{name:"arrow-previous"})),t.createElement("button",{className:"navigation-button",disabled:c||Ke("navigation-next",o),title:r?.next_question||"Go to next question",onClick:()=>{i(!0),setTimeout((()=>{i(!1)}),oe),a()}},t.createElement(fl,{name:"arrow-next"}))),j4=e=>{const{initialStatementHasAnswer:n,answers:a,renderedBlocks:r,blocks:i,activeIndexOfBlocks:c,activeIndexOfRenderedStatement:s={},activeIndexOfRenderedBlocks:l,saveFormValues:p,onSubmitHandler:u,skipBlock:d,skipStatement:b,navigateToNextBlock:M,navigateToPreviousBlock:z,isInitialTransition:m,initialPivotAnswer:h,translationVariables:f,navigateToNextStatement:O,canDisplayDisableButtonParams:v,formQuestionErrors:A,textboxQuestionErrors:g,contactFormErrors:y,questions:q,pages:W,isReverseAnimation:w}=e,[x,R]=o(!1),[L,C]=o(!1),{question:k}=r[l],P={...v,isSubmitting:L},S=k?.type_info?.meta?.display_format,T=Ne({blocks:i,activeIndexOfBlocks:c,renderedBlocks:r,activeIndexOfRenderedBlocks:l,questions:q});return t.createElement(t.Fragment,null,(Ue("message",P)||Ue("consent",P))&&t.createElement(ul,{exitBeforeEnter:!0},t.createElement(il.div,{key:k.name??"",id:`consent-buttons-${k.name??""}`,className:"question-consent-buttons",initial:{opacity:0,x:fe(e.language,w)},animate:{opacity:1,x:0},exit:{opacity:0,x:Oe(e.language,w)},transition:{duration:.2}},Ue("consent",P)&&"BUTTON"===S&&de.map((e=>t.createElement(Ml,{key:l+String(e.recordAs),onClick:()=>{R(!0),setTimeout((()=>{R(!1)}),oe),p(r[l],e.recordAs,!0)},disabled:L||x||Ke("consent",P),variant:ze(a.formValues?.[k.name])||a.formValues?.[k.name]===e.recordAs?"primary":"secondary",className:("consent-button "+(a.formValues?.[k.name]===e.recordAs?"selected":"")).trim()},k?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue))),Ue("message",P)&&t.createElement(Ml,{onClick:()=>{R(!0),setTimeout((()=>{R(!1)}),oe),T?(C(!0),u("COMPLETE")):d()},disabled:L||x||Ke("message",P),className:"message-button"},k?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"))),(Ue("navigation",P)||Ue("next",P)||Ue("next-statement",P)||Ue("submit",P)||Ue("skip",P)||Ue("skip-statement",P))&&t.createElement("div",{className:"question-footer"},Ue("navigation",P)?t.createElement(V4,{animationInProgress:x,setAnimationInProgress:R,answers:a,canDisplayDisableButtonParams:P,activeIndexOfBlocks:c,activeIndexOfRenderedBlocks:l,renderedBlocks:r,initialStatementHasAnswer:n,blocks:i,activeIndexOfRenderedStatement:s,navigateToNextBlock:M,navigateToPreviousBlock:z,translationVariables:f,pages:W,question:k}):t.createElement("div",null),t.createElement("div",{className:"action-buttons"},Ue("skip",P)&&t.createElement(Ml,{className:"skip-button",onClick:()=>{R(!0),setTimeout((()=>{R(!1)}),oe),d()},variant:"secondary","aria-label":"skip question",disabled:x},f?.skip||"Skip"),Ue("skip-statement",P)&&t.createElement(Ml,{className:"skip-button",onClick:()=>{R(!0),setTimeout((()=>{R(!1)}),oe),b()},"aria-label":"skip statement",variant:"secondary",disabled:x},f?.skip||"Skip"),Ue("next",P)&&t.createElement(Ml,{onClick:()=>{R(!0),setTimeout((()=>{R(!1)}),oe),0!==l||!m||"RANGE"!==k.type_info?.question_type&&"BOOLEAN"!==k.type_info?.question_type||void 0===h?p(r[l],"CHECKBOX"===k?.type_info?.meta?.display_format&&"CONSENT"===k?.type_info?.question_type?a.formValues[k.name]??!1:a.formValues[k.name],!0):p(r[l],h,!0)},disabled:x||Ke("next",P),className:"next-button"},f?.next||"Next"),Ue("next-statement",P)&&t.createElement(Ml,{onClick:()=>{R(!0),setTimeout((()=>{R(!1)}),oe),O?.(k.name)},disabled:x||!!Ke("next-statement",P),className:"next-button"},f?.next||"Next"),Ue("submit",P)&&t.createElement("div",{className:"submit"},t.createElement(Ml,{disabled:x||Ke("submit",P),onClick:()=>{me(A?.[k.name])&&me(g?.[k.name])&&me(y?.[k.name])&&(R(!0),setTimeout((()=>{R(!1)}),oe),C(!0),u("COMPLETE"))}},L?f?.submitting||"Submitting":f?.submit_survey||"Submit")))))},F4=e=>{const{blocks:n,pages:a,activePage:i,renderedBlocks:c,activeBlock:s,activeIndexOfBlocks:l,activeIndexOfRenderedBlocks:p,isSurveyCompleted:u,isReverseAnimation:d,saveFormValues:b,saveOthersValue:M,skipBlock:z,skipStatement:m,onSubmitHandler:h,navigateToNextBlock:f,navigateToPreviousBlock:O,answers:v,questions:A,pivot:g,isInitialTransition:y,resetSurvey:q,activeIndexOfRenderedStatement:W,navigateToNextStatement:w,navigateToPreviousStatement:x,navigateToStart:R,translationVariables:L,initialStatementHasAnswer:C,formQuestionErrors:k,textboxQuestionErrors:P,contactFormErrors:S,fileUploadErrors:T,setErrors:E,expanded:N,setExpanded:B}=st(e);ke("Card",{...e,answers:v,activePage:i,activeBlock:s,renderedBlocks:c,activeIndexOfBlocks:l,activeIndexOfRenderedBlocks:p,activeIndexOfRenderedStatement:W});const $=me(v.formValues)&&e.survey.prompt_settings?.is_enabled&&e.preview,[_,H]=o($),I=t.useMemo((()=>Ae(g?.question)),[g?.question]);r((()=>{s&&e.onBlockChange?.(s,i)}),[s,e]),r((()=>{e.survey.ui_theme&&qe(e.survey.ui_theme)}),[e.survey.ui_theme]),r((()=>{e.getSurveyProgress?.({totalBlocks:n.length,isSurveyCompleted:u,activeIndexOfBlocks:l})}),[n.length,u,l]);const D={answers:v,blocks:n,blockIndex:p,activeIndexOfBlocks:l,initialStatementHasAnswer:C,activeIndexOfRenderedBlocks:p,activeIndexOfRenderedStatement:W,renderedBlocks:c,isMobile:!!e.isMobile,surveyStyle:e.surveyStyle,isWidget:!!e.isWidget,initialPivotAnswer:e.initialPivotAnswer,isInitialTransition:y,questions:A,pages:a,activeIndexOfSet:0};return s&&s.question?t.createElement("div",{className:`freemium-survey-components card-survey-style ${he(e.language||"en")?"rtl":"ltr"} ${e.isMobile?"mobile-preview":""}`.trim(),id:"freemium-survey",style:{...ye(e.survey.ui_theme||{})}},t.createElement("div",{className:("question-holder "+(_?"prompt":"")).trim()},!u&&!_&&!e.isWidget&&a.length>0&&i?.page_id&&t.createElement(I4,{expanded:N,id:i.page_id,setExpanded:B,activePage:i,translationVariables:L}),t.createElement("div",{className:"questions"},u?t.createElement(X4,{surveyServAssetUrl:e.surveyServAssetUrl??"",thankYouQuestion:Be({pivotQn:g?.question,pivotQnAnswer:g?.answer,block:He({activeBlock:s,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:v,questions:A,activeIndexOfBlocks:l,renderedBlocks:c,contactData:e.contactData,surveyLayout:"card",pages:a}),questions:A}),canResubmit:e.canResubmit,allowMultipleSubmission:e.allowMultipleSubmission,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",R):R()},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",q):q()},preview:!!e.preview,placeholders:e.placeholders,isMobile:e.isMobile,pivot:g,rangeToRender:I,translationVariables:L}):t.createElement(t.Fragment,null,!_&&e.isWidget&&a.length>0&&i?.page_id&&t.createElement(I4,{expanded:N,id:i.page_id,setExpanded:B,activePage:i,translationVariables:L}),t.createElement(ul,{exitBeforeEnter:!0},t.createElement(il.div,{id:`${s.question.name}`,className:"question-container","data-test-question-name":s.question.name,key:`${s.question.name}`,initial:{opacity:0,x:fe(e.language,d)},animate:{opacity:1,x:0},exit:{opacity:0,x:Oe(e.language,d)},transition:{duration:.2}},_&&e.survey.prompt_settings?t.createElement(Tz,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt?.(t),1===t&&H(!1)},placeholders:e.placeholders,isPreview:!!e.preview}):t.createElement(t.Fragment,null,t.createElement("div",{className:("question-text "+(s.required?"required":"")).trim(),dangerouslySetInnerHTML:{__html:ge({questionText:s?.question.text,placeholders:e.placeholders,npsRating:g?.answer,ratingLabel:ze(g?.answer)?"":I?.find((e=>e?.value===String(g?.answer)))?.text??"",preference:g?.question.type_info?.scale_properties?.labels?.preference,isPreview:!!e.preview})},"aria-label":`question-${p}`,role:"heading","aria-level":1}),t.createElement(H4,{setFocus:!0,isReverseAnimation:d,preview:!!e.preview,surveyServAssetUrl:e.surveyServAssetUrl,setErrors:E,onFileUpload:e.onFileUpload,language:e.language||"en",surveyStyle:e.surveyStyle,surveyLanguage:e.survey.language,block:s,question:s.question,isFinalQn:Ne({blocks:n,activeIndexOfBlocks:l,renderedBlocks:c,activeIndexOfRenderedBlocks:p,questions:A}),formValues:v.formValues,othersMeta:v.others,autoFocusDelay:"standard"===e.surveyStyle?350:0,activeIndexOfRenderedStatement:W,saveOthersValue:M,onChangeHandler:e=>{b(s,e)},isMobile:!!e.isMobile,initialPivotAnswer:e.initialPivotAnswer,initialQuestionAnswer:e.initialQuestionAnswer,isInitialTransition:y,formQuestionErrors:k,textboxQuestionErrors:P,fileUploadErrors:T,contactFormErrors:S,translationVariables:L})))),!_&&t.createElement(j4,{isWidget:!1,language:e.language||"en",isReverseAnimation:d,surveyStyle:e.surveyStyle,canDisplayDisableButtonParams:D,answers:v,renderedBlocks:c,blocks:n,pages:a,activeIndexOfRenderedStatement:W,initialStatementHasAnswer:C,navigateToNextStatement:w,navigateToPreviousStatement:x,activeIndexOfRenderedBlocks:p,activeIndexOfBlocks:l,saveFormValues:b,skipBlock:z,skipStatement:m,onSubmitHandler:h,navigateToPreviousBlock:O,navigateToNextBlock:f,isInitialTransition:y,initialPivotAnswer:e.initialPivotAnswer,isMobile:!!e.isMobile,translationVariables:L,formQuestionErrors:k,textboxQuestionErrors:P,fileUploadErrors:T,contactFormErrors:S,questions:A})))),t.createElement(Sz,{...e.footerProps,surveyStyle:e.surveyStyle,bgColor:e.survey.ui_theme?.body_background_color??D4})):null},U4=e=>{const i=e.survey.question_details?.questions||[],c=e.contactData||{},s=e.translationVariables||{},[l,p]=o(e.survey?.blocks?.filter((e=>"TY"!==e.name&&!e.is_deleted))),[u,d]=o({formQuestionErrors:{},textboxQuestionErrors:{},fileUploadErrors:{},contactFormErrors:{}}),[b,M]=o(!1),[z,m]=o(0),[h,f]=o(e.survey.pages??[]),[O,v]=o(h?.[0]),[A,g]=o(!1),y=n((()=>tt({pages:h,blocks:l,questions:i,initialPivotAnswer:e.initialPivotAnswer,responses:e.answers,answerStatus:e.answerStatus||"PARTIAL"})),[l,i,e.answers]),[q,W]=o(y.renderedBlocks),[w,x]=o(y.activeIndexOfRenderedBlocks),[R,L]=o(0),[C,k]=o(y.activeIndexOfRenderedStatement),P=a(0),S=a(y.pivot),T=a(y.isInitialTransition),[E,N]=o(""),[B,$]=o(y.answers),_=a(((y.isConsideredCompleted||"PARTIAL"===e.answerStatus)&&e.canResubmit)??!1),[H,I]=o(!1),D=q[w],X=t.useMemo((()=>q.length>0?l?.findIndex((e=>e.name===q[w]?.name)):0),[w]);r((()=>{e.survey.updated_at!==E&&(ke("useEffect",{updated_at:e.survey.updated_at,props:e}),f(e.survey.pages??[]),p(e.survey.blocks?.filter((e=>"TY"!==e.name&&!e.is_deleted))),v(e.survey.pages?.[0]),N(e.survey.updated_at??""))}),[e.survey.updated_at]),r((()=>{if(ke("useEffect",{setActivePage:v,renderedBlocks:q,pages:h,activeIndexOfRenderedBlocks:w,props:e}),0===h.length)return;const t=q?.[w]?.page_id,n=h.find((e=>e.page_id===t));t&&n?.page_id&&v(n)}),[v,q,h,w]),r((()=>{ke("useEffect",{blocks:l,initialPivotAnswer:e.initialPivotAnswer,props:e});let t={...B};if(y.isConsideredCompleted&&T.current&&e.canResubmit)return;const{others_meta:n,...o}=e.answers||{};S.current={...S.current,question:Te({questions:i,blocks:l})};const a=i.find((e=>e.name===l?.[0]?.question_name||e.name===l?.[0]?.question_names?.[0]))??S.current.question;if(me(o)||void 0===e.initialPivotAnswer||o[a.name]===e.initialPivotAnswer||(t={...B,formValues:{[a.name]:e.initialPivotAnswer},moveToNextPage:!0}),void 0!==e.initialPivotAnswer){const n=Ee(S.current.question,e.initialPivotAnswer);S.current={...S.current,answer:"BOOLEAN"===a?.type_info?.question_type?Boolean(n):n},t={...B,formValues:{...B.formValues,[a.name]:S.current.answer},moveToNextPage:!1}}else void 0!==e.initialQuestionAnswer&&(t={...B,formValues:{...B.formValues,[a.name]:e.initialQuestionAnswer},moveToNextPage:!1});$(t);const r=Be({pivotQn:S.current.question,pivotQnAnswer:S.current.answer,block:l[0],questions:i}),s=et({activeBlock:{...l[0],question:r},blocks:l,questions:i,answers:t,pages:h,pivot:{question:S.current.question,answer:S.current.answer},renderedBlocks:q,contactData:c,surveyLayout:"standard",initialTransition:!0,isEditResponse:_.current}),p=[{...l[0],question:r,orderOfSet:0===s.length?P.current:s[0].orderOfSet},...s];if(W(p),(e=>{if(null==e||0===Object.keys(e).length)return!0;const t=Object.keys(e).filter((e=>""!==e&&!ze(e)&&"others_meta"!==e));return t.every((t=>!e[t]))&&(!e.others_meta||0===Object.keys(e.others_meta).length)})({others_meta:{},...t.formValues}))x(l.findIndex((e=>p[0].name===e.name))),L(0);else{const e=p?.[p.length-1],t=p.find((t=>t?.page_id===e?.page_id&&t.orderOfSet===e.orderOfSet));x(p.findIndex((e=>e.name===t?.name))),L(t?.orderOfSet!==R?t?.orderOfSet:0)}k({})}),[l,e.initialPivotAnswer,z]);r((()=>{if(ke("useEffect",{answers:B,blocks:l,props:e}),!(y.isConsideredCompleted&&T.current&&e.canResubmit)&&(!me(B.formValues)||B.moveToNextPage)&&l&&V())if(Fe({blocks:l,activeIndexOfBlocks:X,renderedBlocks:q,activeIndexOfRenderedBlocks:w,answers:B,questions:i,activePage:O,pages:h,surveyLayout:"standard"})){if(void 0!==e.initialPivotAnswer&&1===q.length&&T.current);else if(B.commitDirtyValue){const e=Xe({renderedBlocks:q,activeBlock:D,blocks:l,activeIndexOfBlocks:X,answers:B,questions:i,contactData:c,pages:h,surveyLayout:"standard"}),t=!(h.length>0)||h[h.length-1]?.page_id===O?.page_id;if(e!==1/0){D.question.type_info?.question_type&&!["FORM_FIELD","MULTI_SELECT"].includes(D.question.type_info?.question_type)?(e=>{e!==1/0&&setTimeout((()=>{const t=Be({pivotQn:S.current?.question,pivotQnAnswer:S.current?.answer,block:l?.[e],questions:i});if(t?.name){const e=document.querySelector(`.question-container.standard-card-${t.name}`),n=document.querySelector(`.question-container.standard-card-${t.name} input`),o=document.querySelector(`.question-container.standard-card-${t.name} textarea`);e?.scrollIntoView({behavior:"smooth"}),setTimeout((()=>{n?.focus(),o?.focus()}),ae)}j()}))})(e):j();const t=l[e],n=q.find((e=>e.name===t.name));h.length>0&&!B.moveToNextPage&&D.page_id===n?.page_id&&D.orderOfSet===n?.orderOfSet||(e=>{if(e===1/0)return;const t=Be({pivotQn:S.current?.question,pivotQnAnswer:S.current?.answer,block:l?.[e],questions:i}),n=Qe({renderedBlocks:q,activeIndexOfRenderedBlocks:w}),o=l?.[e],a=et({activeBlock:{...o,question:t},answers:B,blocks:l,pivot:S.current,questions:i,pages:h,renderedBlocks:q,contactData:c,surveyLayout:"standard",isEditResponse:_.current}),r=[...n,...t?.name?[{...o,question:t}]:[],...a];k((e=>{const t={...e};return r.forEach((e=>{"MATRIX_RATING_SCALE"===e.question.type_info?.question_type&&(t[e.question.name]=0)})),t}));let s=0;q.forEach((e=>{!ze(e.orderOfSet)&&(e.orderOfSet??0)>s&&(s=e.orderOfSet)})),P.current=P.current+1;const p=(e=>{let t=0,n=e[0].orderOfSet;return e.map((e=>(e.orderOfSet===n||(n=e.orderOfSet,t++),e.orderOfSet=t,e)))})(r.map((e=>ze(e.orderOfSet)?{...e,orderOfSet:P.current}:e)));W(p),x(n.length),ze(p?.[p.length-1]?.orderOfSet)||(P.current=p[p.length-1].orderOfSet),L(P.current)})(e)}else{const e=q.filter(((e,t)=>t<=X));W(e),P.current=e[e.length-1].orderOfSet,x(l.findIndex((t=>e[0].name===t.name))),t||(g(!0),I(!0),j("COMPLETE"))}}}else"MATRIX_RATING_SCALE"===D?.question?.type_info?.question_type&&j()}),[B,l]);const V=()=>{if(D?.question_name)switch(D.question?.type_info?.question_type){case"FORM_FIELD":return ot({fields:D.question?.type_info?.form_fields?.fields,answers:B.formValues?.[D.question_name]||{},errorSetter:d,questionName:D.question_name,errors:u,translationVariables:s});case"TEXT":return at({type:D.question?.type_info?.text_field?.text_type,answer:B.formValues?.[D.question_name]||"",errorSetter:d,questionName:D.question_name,errors:u,translationVariables:s});case"CONTACT_FORM":return rt({fields:D.question?.type_info?.contact_form?.fields,answers:B.formValues?.[D.question_name]||{},errorSetter:d,questionName:D.question_name,errors:u,translationVariables:s});case"FILE":return it({errors:u.fileUploadErrors})||!D.required}return!0},j=(t="PARTIAL")=>{let n=()=>{};if(!V())return;let o={...B.formValues};if("COMPLETE"===t){n=()=>{I(!0),_.current=!1};o=ct({pages:h,answers:{...B,formValues:o},blocks:l,questions:i,contactData:c,surveyLayout:"standard"})}e.onSubmit({...o,others_meta:B.others},n,t,_.current?"EDIT":"CREATE")},F=e=>{k((t=>({...t,[e]:(ze(t[e])?0:t[e])+1})))},U=t.useMemo((()=>{if("MATRIX_RATING_SCALE"!==D?.question?.type_info?.question_type)return!1;const e=D?.question?.type_info?.matrix_properties?.statements||[],t=e?.[C?.[D?.question.name]]??0,n=(B.formValues[D?.question.name]||[]).find((e=>e.statement_id===t?.id));return(n?.rating_labels||[]).length>0}),[C,w]);return{blocks:l,pages:h,navigateToPreviousPage:()=>{const e=h.findIndex((e=>e.page_id===O?.page_id));let t=1,n=h?.[e-t];for(;!q.map((e=>e.page_id)).includes(n?.page_id)&&t>=0;)n=h?.[e-++t];const o=q.find((e=>e.page_id===n.page_id)),a=l.findIndex((e=>e.name===o?.name));n?.page_id&&(v(n),k({}),M(!1),x(a))},navigateToNextPage:()=>{const e=h.findIndex((e=>e.page_id===O?.page_id));let t=1,n=h?.[e+t];for(;!q.map((e=>e.page_id)).includes(n?.page_id)&&t<h.length;)n=h?.[e+ ++t];const o=q.find((e=>e.page_id===n.page_id)),a=l.findIndex((e=>e.name===o?.name));n?.page_id&&(v(n),k({}),M(!1),x(a))},navigateToNextSet:()=>{const e=q.find((e=>e.orderOfSet===R+1));L((e=>e+1));const t=h.find((t=>t.page_id===e?.page_id));t?.page_id&&v(t)},navigateToPreviousSet:()=>{const e=q.find((e=>e.orderOfSet===R-1));L((e=>e-1));const t=h.find((t=>t.page_id===e?.page_id));t?.page_id&&v(t)},activePage:O,questions:i,renderedBlocks:q,initialStatementHasAnswer:U,activeBlock:D,activeIndexOfBlocks:X,activeIndexOfRenderedBlocks:w,activeIndexOfRenderedStatement:C,navigateToNextStatement:F,navigateToPreviousStatement:e=>{k((t=>({...t,[e]:(ze(t[e])?0:t[e])-1})))},isInitialTransition:T.current,isSurveyCompleted:H,setIsSurveyCompleted:I,pivot:S.current,answers:B,translationVariables:s,...u,setErrors:d,saveFormValues:(e,t,n=!1,o=w)=>{T.current=!1,e.question.name===S.current?.question.name&&(S.current={...S.current,answer:"BOOLEAN"===S.current?.question?.type_info?.question_type?Boolean(t):t}),o!==w&&x(o);const a={...B,formValues:{...B.formValues,[e.question.name]:"BOOLEAN"===e.question?.type_info?.question_type?Boolean(t):t},commitDirtyValue:n,moveToNextPage:!1};_.current&&(e.category??[]).length>0&&(e.category?.forEach((e=>{e.question_name&&(a.formValues[e.question_name]=null)})),a.formValues[e.question.name]=t),$(a);const r=q[o];"SINGLE_ANSWER"===r.question.type_info?.matrix_properties?.type&&(C?.[r.question.name]??0)<(r.question?.type_info?.matrix_properties?.statements||[]).length-1&&setTimeout((()=>{F?.(r.question.name)}),0)},saveOthersValue:(e,t,n=w)=>{if(n!==w&&x(n),null===t){const t={...B.others};delete t[e],$({...B,commitDirtyValue:!1,others:t,moveToNextPage:!1})}else $({...B,commitDirtyValue:!1,others:{...B.others,[e]:t},moveToNextPage:!1})},clearRadioSelection:e=>{x(e);const t=q[e].question;t.type_info?.pivot_question&&(S.current={question:t,answer:void 0}),delete B.formValues[t.name],delete B.others[t.name];const n=Je({renderedBlocks:q,activeIndexOfRenderedBlocks:e,answers:B}),o={...n,formValues:{...n.formValues},moveToNextPage:!1,commitDirtyValue:!1},a=et({activeBlock:q[e],blocks:l,questions:i,answers:o,pages:h,pivot:S.current?.question?.name?{question:S.current.question,answer:S.current.answer}:null,renderedBlocks:q,contactData:c,surveyLayout:"standard",isEditResponse:_.current});k((e=>{const t={...e};return a.forEach((e=>{"MATRIX_RATING_SCALE"===e.question.type_info?.question_type&&(t[e.question.name]=0)})),t}));let r=0;q.forEach((e=>{!ze(e.orderOfSet)&&(e.orderOfSet??0)>r&&(r=e.orderOfSet)})),P.current=r;const s=[...q.slice(0,e+1),...a.map((e=>ze(e.orderOfSet)?{...e,orderOfSet:P.current}:e))];W(s),$(o)},onSubmitHandler:j,navigateToStart:()=>{_.current=!0,I(!1),k({}),x(0),$((e=>({...e}))),ze(q?.[0].orderOfSet)||L(q?.[0].orderOfSet)},resetSurvey:()=>{I(!1),m((e=>e+1)),$({formValues:{},others:{},commitDirtyValue:!1,moveToNextPage:!1}),sessionStorage.clear()},moveToNextPage:e=>{const t={};e&&h.length>0&&q.forEach((e=>{O?.page_id===e.page_id&&R===e.orderOfSet&&"MESSAGE"!==e.question.type_info?.question_type&&(t[e.question.name]=null)}));const n=q.filter((e=>O?.page_id===e?.page_id)),o=n[n.length-1],a=q.findIndex((e=>e.name===o.name));x(a),setTimeout((()=>{$((e=>({...e,formValues:{...e.formValues,...t},commitDirtyValue:!0,moveToNextPage:!0})))}),0)},moveToNextSet:e=>{const t={};e&&h.length>0&&q.forEach((e=>{O?.page_id===e.page_id&&R===e.orderOfSet&&"MESSAGE"!==e.question.type_info?.question_type&&(t[e.question.name]=null)}));const n=q.filter((e=>O?.page_id===e?.page_id&&R===e.orderOfSet)),o=n[n.length-1],a=q.findIndex((e=>e.name===o.name));x(a),setTimeout((()=>{$((e=>({...e,formValues:{...e.formValues,...t},commitDirtyValue:!0,moveToNextPage:!0})))}),0)},setIsSubmitting:g,isSubmitting:A,expanded:b,setExpanded:M,activeIndexOfSet:R}};dl(".freemium-survey-components.standard-survey-style {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n align-items: center;\n width: 100%;\n margin: 0 auto;\n}\n.freemium-survey-components.standard-survey-style .questions {\n max-width: var(--fsc-standard-max-width);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 24px;\n padding: 24px;\n flex: 1;\n scroll-behavior: smooth;\n}\n.freemium-survey-components.standard-survey-style .thankyou-container {\n padding: 2rem;\n max-width: var(--fsc-standard-max-width);\n width: 100%;\n}\n.freemium-survey-components.standard-survey-style .question-container.thankyou {\n flex: 1;\n overflow: auto;\n}\n.freemium-survey-components.standard-survey-style .question-container.thankyou,\n.freemium-survey-components.standard-survey-style .question-container {\n width: 100%;\n background: transparent;\n border-radius: 6px;\n box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px;\n transition: all 0.2s ease, width 0s;\n padding: 32px;\n border: 0;\n background-color: var(--question-background-color, var(--default-question-background-color));\n}\n.freemium-survey-components.standard-survey-style .question-container.thankyou .question-text:not(:last-child),\n.freemium-survey-components.standard-survey-style .question-container .question-text:not(:last-child) {\n margin-bottom: 24px;\n}\n.freemium-survey-components.standard-survey-style .question-container.thankyou .question-text p,\n.freemium-survey-components.standard-survey-style .question-container .question-text p {\n margin: 0;\n}\n.freemium-survey-components.standard-survey-style .question-container.thankyou .footer,\n.freemium-survey-components.standard-survey-style .question-container .footer {\n margin-top: 24px !important;\n text-align: center;\n}\n.freemium-survey-components.standard-survey-style .question-container.thankyou .footer p,\n.freemium-survey-components.standard-survey-style .question-container .footer p {\n word-break: break-word;\n}\n.freemium-survey-components.standard-survey-style .question-container.thankyou .footer-alignment,\n.freemium-survey-components.standard-survey-style .question-container .footer-alignment {\n width: 75%;\n font-size: 18px;\n text-align: center;\n}\n.freemium-survey-components.standard-survey-style .survey-footer {\n padding: 1rem;\n width: 100%;\n}\n.freemium-survey-components.standard-survey-style .page-actions {\n max-width: var(--fsc-standard-max-width);\n padding: 24px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.freemium-survey-components.standard-survey-style .questions,\n.freemium-survey-components.standard-survey-style .page-actions {\n width: 100%;\n}\n.freemium-survey-components.standard-survey-style .page-action-buttons {\n display: flex;\n gap: 8px;\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components.standard-survey-style .page-actions,\n .freemium-survey-components.standard-survey-style .survey-footer {\n width: 100%;\n }\n .freemium-survey-components.standard-survey-style .questions {\n width: 100%;\n }\n .freemium-survey-components.standard-survey-style .question-container.thankyou,\n .freemium-survey-components.standard-survey-style .question-container {\n width: 100%;\n }\n .freemium-survey-components.standard-survey-style .action-buttons {\n flex-direction: column;\n }\n .freemium-survey-components.standard-survey-style .action-buttons button.consent-button {\n width: 100%;\n height: unset;\n min-height: 40px;\n }\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .page-actions,\n.freemium-survey-components.standard-survey-style.mobile-preview .survey-footer {\n width: 100%;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .questions {\n width: 100%;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .question-container.thankyou,\n.freemium-survey-components.standard-survey-style.mobile-preview .question-container {\n width: 100%;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .action-buttons {\n flex-direction: column;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .action-buttons button.consent-button {\n width: 100%;\n height: unset;\n min-height: 40px;\n}");dl(':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 --fsc-z-index: 2147483647;\n --fsc-transition-duration: 0.3s;\n --fsc-standard-max-width: 900px;\n --fsc-question-width: 700px;\n --fsc-widget-transition-duration: 0.6s;\n --fsc-border-color: #cfd7df;\n --fsc-font-size: 14px;\n --fsc-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,\n Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";\n}\n\n[data-radix-popper-content-wrapper] {\n z-index: calc(var(--fsc-z-index) + 1) !important;\n}\n\n.surveyserv-widget-container,\n.freemium-survey-components {\n font-family: var(--fsc-font-family);\n color: var(--question-text-color, var(--default-question-text-color));\n font-size: var(--fsc-font-size);\n}\n.surveyserv-widget-container li,\n.freemium-survey-components li {\n list-style-position: inside;\n}\n.surveyserv-widget-container *,\n.freemium-survey-components * {\n box-sizing: border-box;\n}\n.surveyserv-widget-container .questions .question-container,\n.freemium-survey-components .questions .question-container {\n position: relative;\n text-align: left;\n}\n.surveyserv-widget-container .questions .question-container.prompt-container,\n.freemium-survey-components .questions .question-container.prompt-container {\n padding-top: unset;\n}\n.surveyserv-widget-container .questions .question-container .question-text,\n.freemium-survey-components .questions .question-container .question-text {\n font-size: 1.2em;\n font-weight: 400;\n line-height: 1.6;\n letter-spacing: 0.3px;\n color: var(--question-text-color, var(--default-question-text-color));\n position: relative;\n}\n.surveyserv-widget-container .questions .question-container .question-text p,\n.freemium-survey-components .questions .question-container .question-text p {\n margin: 0;\n}\n.surveyserv-widget-container .questions .question-container .question-text p strong,\n.freemium-survey-components .questions .question-container .question-text p strong {\n font-weight: bold;\n}\n.surveyserv-widget-container .questions .question-container .question-text strong,\n.freemium-survey-components .questions .question-container .question-text strong {\n font-weight: bold;\n}\n.surveyserv-widget-container .questions .question-container .question-text .placeholder-tag > span,\n.freemium-survey-components .questions .question-container .question-text .placeholder-tag > span {\n display: none !important;\n}\n.surveyserv-widget-container .questions .question-container .question-text.required:has(p) p:last-child:after,\n.freemium-survey-components .questions .question-container .question-text.required:has(p) p:last-child:after {\n content: "*";\n position: absolute;\n color: #d72d30;\n}\n.surveyserv-widget-container .questions .question-container .question-text.required:not(:has(p))::after,\n.freemium-survey-components .questions .question-container .question-text.required:not(:has(p))::after {\n content: "*";\n position: absolute;\n color: #d72d30;\n}\n.surveyserv-widget-container .questions .question-footer,\n.freemium-survey-components .questions .question-footer {\n display: flex;\n justify-content: space-between;\n margin-top: 12px;\n}\n.surveyserv-widget-container .freemium-survey-step-navigation,\n.freemium-survey-components .freemium-survey-step-navigation {\n border-radius: 3px;\n border: 1px solid #efefef;\n width: -moz-fit-content;\n width: fit-content;\n display: flex;\n}\n.surveyserv-widget-container .freemium-survey-step-navigation button.navigation-button,\n.freemium-survey-components .freemium-survey-step-navigation button.navigation-button {\n width: 38px;\n height: 38px;\n background-color: #fff;\n border: none;\n cursor: pointer;\n display: grid;\n place-content: center;\n border-radius: 0 3px 3px 0;\n}\n.surveyserv-widget-container .freemium-survey-step-navigation button.navigation-button:disabled,\n.freemium-survey-components .freemium-survey-step-navigation button.navigation-button:disabled {\n cursor: not-allowed;\n pointer-events: none;\n opacity: 0.5;\n}\n.surveyserv-widget-container .freemium-survey-step-navigation button.navigation-button:first-of-type,\n.freemium-survey-components .freemium-survey-step-navigation button.navigation-button:first-of-type {\n border-right: 1px solid #efefef;\n border-radius: 3px 0 0 3px;\n}\n.surveyserv-widget-container .action-buttons,\n.freemium-survey-components .action-buttons {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.surveyserv-widget-container .action-buttons button.fsc-button,\n.freemium-survey-components .action-buttons button.fsc-button {\n height: 40px;\n}\n.surveyserv-widget-container .question-container.thankyou,\n.freemium-survey-components .question-container.thankyou {\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n overflow: unset !important;\n gap: 24px;\n}\n.surveyserv-widget-container .question-container.thankyou img.thankyou-logo-img,\n.freemium-survey-components .question-container.thankyou img.thankyou-logo-img {\n height: 100px;\n}\n.surveyserv-widget-container .question-container.thankyou .heading,\n.freemium-survey-components .question-container.thankyou .heading {\n font-weight: 500;\n font-size: 1.4em;\n}\n.surveyserv-widget-container .question-container.thankyou .text,\n.freemium-survey-components .question-container.thankyou .text {\n text-align: center;\n white-space: pre-wrap;\n font-weight: 500;\n font-size: var(--fsc-font-size);\n word-break: break-word;\n line-height: 1.6;\n color: var(--question-text-color, var(--default-question-text-color));\n width: 75%;\n}\n.surveyserv-widget-container .question-container.thankyou .text a,\n.freemium-survey-components .question-container.thankyou .text a {\n color: #2c5cc5;\n -webkit-text-decoration: none;\n text-decoration: none;\n}\n.surveyserv-widget-container .question-container.thankyou .text a:hover,\n.freemium-survey-components .question-container.thankyou .text a:hover {\n -webkit-text-decoration: underline;\n text-decoration: underline;\n}\n.surveyserv-widget-container .question-container.thankyou .wrap-up-actions,\n.freemium-survey-components .question-container.thankyou .wrap-up-actions {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n align-items: center;\n justify-content: center;\n}\n.surveyserv-widget-container .question-container.thankyou .wrap-up-actions button.action-button,\n.freemium-survey-components .question-container.thankyou .wrap-up-actions button.action-button {\n letter-spacing: 0.05em;\n font-weight: 600;\n font-size: var(--fsc-font-size);\n line-height: 20px;\n color: #2c5cc5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n background-color: #e5f2fd;\n padding: 8px 12px;\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 8px;\n white-space: nowrap;\n border-radius: 4px;\n}\n.surveyserv-widget-container .question-container.thankyou .wrap-up-actions button.action-button:hover,\n.freemium-survey-components .question-container.thankyou .wrap-up-actions button.action-button:hover {\n transform: translateY(-4px);\n}\n.surveyserv-widget-container .question-container.thankyou .redirection-container,\n.freemium-survey-components .question-container.thankyou .redirection-container {\n display: flex;\n align-items: center;\n flex-direction: column;\n width: 100%;\n}\n.surveyserv-widget-container .question-container.thankyou .redirection-container .redirection-text,\n.freemium-survey-components .question-container.thankyou .redirection-container .redirection-text {\n color: #929292;\n margin-bottom: 12px;\n text-align: center;\n font-weight: 300;\n}\n.surveyserv-widget-container .question-container.thankyou .redirection-container .link,\n.freemium-survey-components .question-container.thankyou .redirection-container .link {\n max-width: 100%;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #2c5cc5;\n font-weight: 500;\n text-decoration: unset;\n}\n.surveyserv-widget-container .question-container.thankyou .redirection-container .link:hover,\n.freemium-survey-components .question-container.thankyou .redirection-container .link:hover {\n -webkit-text-decoration: underline;\n text-decoration: underline;\n}\n.surveyserv-widget-container .question-container.thankyou .show-link-container,\n.freemium-survey-components .question-container.thankyou .show-link-container {\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n justify-content: center;\n}\n.surveyserv-widget-container .question-container.thankyou .show-link-container .show-link,\n.freemium-survey-components .question-container.thankyou .show-link-container .show-link {\n background: #f5f7f9;\n padding: 16px;\n border-radius: 12px;\n display: flex;\n gap: 12px;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.surveyserv-widget-container .question-container.thankyou .show-link-container .show-link.show-custom-button-container,\n.freemium-survey-components .question-container.thankyou .show-link-container .show-link.show-custom-button-container {\n background: unset;\n}\n.surveyserv-widget-container .question-container.thankyou .show-link-container .show-link .link-image-url,\n.freemium-survey-components .question-container.thankyou .show-link-container .show-link .link-image-url {\n display: grid;\n place-content: center;\n height: 45px;\n width: 45px;\n background: #fff;\n border-radius: 8px;\n}\n.surveyserv-widget-container .question-container.thankyou .show-link-container .show-link .title-text,\n.freemium-survey-components .question-container.thankyou .show-link-container .show-link .title-text {\n font-size: var(--fsc-font-size);\n font-weight: 500;\n}\n.surveyserv-widget-container .question-container.thankyou .show-link-container .show-link .links,\n.freemium-survey-components .question-container.thankyou .show-link-container .show-link .links {\n display: flex;\n gap: 8px;\n}\n.surveyserv-widget-container .question-container.thankyou .show-link-container .show-link a,\n.freemium-survey-components .question-container.thankyou .show-link-container .show-link a {\n text-decoration: unset;\n}\n.surveyserv-widget-container .question-container.thankyou .show-link-container .show-link a .button_text,\n.freemium-survey-components .question-container.thankyou .show-link-container .show-link a .button_text {\n padding: 8px 12px;\n background: #4560f6;\n color: #fff;\n font-weight: 700;\n border-radius: 8px;\n}\n\n.rtl {\n direction: rtl;\n}\n.rtl .checkbox-button-value {\n padding: 16px 16px 16px 40px !important;\n}\n.rtl span.label-text:first-child {\n text-align: right !important;\n}\n.rtl span.label-text:last-child {\n text-align: left !important;\n}\n.rtl .progressbar {\n transform-origin: right !important;\n}\n.rtl .widget-progressbar {\n right: 12px !important;\n}\n.rtl .navigation-button {\n transform: rotate(180deg);\n}');const G4=["next","next-statement","next-page","next-set","skip","skip-statement","skip-page","skip-set","submit","navigation","page-navigation","clear-selection","message","consent","navigation-prev","navigation-next","navigation-page-prev","navigation-page-next","previous-matrix-statement","next-matrix-statement","navigation-set-prev","navigation-set-next"],Y4=({navigateToNextPage:e,navigateToPreviousPage:n,translationVariables:o,canDisplayDisableButtonParams:a,navigateToNextSet:r,navigateToPreviousSet:i})=>t.createElement("div",{className:"freemium-survey-step-navigation","data-navigation-element":"1"},t.createElement("button",{disabled:Ke("navigation-set-prev",a),className:"navigation-button",onClick:i,title:o?.prev_question??"go to previous question"},t.createElement(fl,{name:"arrow-previous"})),t.createElement("button",{className:"navigation-button",disabled:Ke("navigation-set-next",a),title:o?.next_question||"Go to next question",onClick:r},t.createElement(fl,{name:"arrow-next"}))),Z4=({surveyServAssetUrl:e,thankYouQuestion:n,preview:a,placeholders:i,canResubmit:c,allowMultipleSubmission:s,navigateToStart:l,resetSurvey:p,isMobile:u,pivot:d,rangeToRender:b,translationVariables:M})=>{const{redirectUrl:z,redirectDelay:m,image_url:h,show_custom_button:f,show_review_links:O,show_social_links:v}=n?.type_info?.meta??{},[A,g]=o(m??10),[y,q]=t.useState(!1);return r((()=>{if(!a&&z){const e=setInterval((()=>g((e=>e>1?e-1:("undefined"!=typeof window&&(window.location.href=z??""),0)))),1e3);return()=>{clearInterval(e),q(!1)}}return()=>{q(!1)}}),[]),t.createElement("div",{className:"thankyou-container"},t.createElement("div",{className:"question-container thankyou"},h&&t.createElement("img",{className:"thankyou-logo-img",src:h,alt:"thankyou_logo"}),t.createElement(t.Fragment,null,ve(n)),t.createElement("div",{className:"text",dangerouslySetInnerHTML:{__html:ge({questionText:n.text,placeholders:i,npsRating:d?.answer,ratingLabel:ze(d?.answer)?"":b?.find((e=>e?.value===String(d?.answer)))?.text??"",preference:d?.question.type_info?.scale_properties?.labels?.preference,isPreview:a})}}),(c||s)&&t.createElement("div",{className:("wrap-up-actions "+(u?"mobile":"")).trim()},c&&t.createElement("button",{className:"action-button",tabIndex:0,disabled:y,onClick:()=>{q(!0),l()}},t.createElement(fl,{name:"edit"}),M?.edit_response||"Edit your response"),s&&t.createElement("button",{className:"action-button",tabIndex:0,disabled:y,onClick:()=>{q(!0),p()}},t.createElement(fl,{name:"reload"}),M?.another_response||"Submit another response")),z&&t.createElement(t.Fragment,null,t.createElement("div",{className:"redirection-text"},We(A,M?.redirect_msg),t.createElement("br",null)),t.createElement("a",{className:"link",href:z},z)),t.createElement(Ez,{show_custom_button:f,show_review_links:O,show_social_links:v,surveyServAssetUrl:e})))},K4=e=>{const{blockIndex:n,renderedBlocks:o,activeIndexOfRenderedBlocks:a,translationVariables:r,saveFormValues:i,answers:c,clearRadioSelection:s,canDisplayDisableButtonParams:l,navigateToNextStatement:p,navigateToPreviousStatement:u}=e,d={};G4.forEach((e=>{d[e]=!!Ue(e,l)}));const b=o[n??a],{question:M}=b,z=M?.type_info?.meta?.display_format;return d?.consent||d?.["previous-matrix-statement"]||d?.["next-matrix-statement"]||d?.["clear-selection"]||d?.message?t.createElement("div",{className:"question-footer"},t.createElement("div",null,(d?.["previous-matrix-statement"]||d?.["next-matrix-statement"])&&t.createElement("div",{className:"freemium-survey-step-navigation","data-navigation-element":"1"},t.createElement("button",{disabled:Ke("previous-matrix-statement",l),className:"navigation-button",onClick:()=>{u(M.name)},title:r?.prev_question??"go to previous question"},t.createElement(fl,{name:"arrow-previous"})),t.createElement("button",{className:"navigation-button",disabled:Ke("next-matrix-statement",l),title:r?.next_question||"Go to next question",onClick:()=>{p(M.name)}},t.createElement(fl,{name:"arrow-next"})))),t.createElement("div",{className:"action-buttons"},d?.["clear-selection"]&&t.createElement(Ml,{className:"sec-button",variant:"secondary",onClick:()=>s(n)},r?.clear_selection??"Clear selection"),d?.consent&&"BUTTON"===z&&de.map((e=>t.createElement(Ml,{key:a+String(e.recordAs),onClick:()=>{i(b,e.recordAs,!0,n)},disabled:Ke("consent",l),variant:ze(c.formValues?.[M.name])||c.formValues?.[M.name]===e.recordAs?"primary":"secondary",className:("consent-button "+(c.formValues?.[M.name]===e.recordAs?"selected":"")).trim()},M?.type_info?.scale_properties?.labels?.values?.[e.id]??e.defaultValue))))):null},J4=e=>{const{pages:n,activePage:i,navigateToNextPage:c,navigateToPreviousPage:s,navigateToNextSet:l,navigateToPreviousSet:p,isInitialTransition:u,blocks:d,renderedBlocks:b,activeBlock:M,activeIndexOfBlocks:z,activeIndexOfRenderedBlocks:m,isSurveyCompleted:h,translationVariables:f,saveFormValues:O,saveOthersValue:v,clearRadioSelection:A,onSubmitHandler:g,answers:y,questions:q,resetSurvey:W,initialStatementHasAnswer:w,navigateToStart:x,activeIndexOfRenderedStatement:R,navigateToNextStatement:L,navigateToPreviousStatement:C,pivot:k,formQuestionErrors:P,setIsSurveyCompleted:S,textboxQuestionErrors:T,contactFormErrors:E,fileUploadErrors:N,setErrors:B,isSubmitting:$,setIsSubmitting:_,moveToNextSet:H,expanded:I,setExpanded:D,activeIndexOfSet:X}=U4(e);ke("Standard",{...e,answers:y,activePage:i,activeBlock:M,renderedBlocks:b,activeIndexOfSet:X,activeIndexOfBlocks:z,activeIndexOfRenderedBlocks:m,activeIndexOfRenderedStatement:R});const V=a(null),j=a(null),F=t.useMemo((()=>Ae(k?.question)),[k?.question]),U=me(y.formValues)&&e.survey.prompt_settings?.is_enabled&&e.preview,[G,Y]=o(U),Z=b.filter((e=>i?.page_id===e?.page_id));if(r((()=>{e.getSurveyProgress?.({totalBlocks:d.length,isSurveyCompleted:h,activeIndexOfBlocks:z})}),[d.length,h,z]),r((()=>{e.survey.ui_theme&&qe(e.survey.ui_theme)}),[e.survey.ui_theme]),r((()=>{setTimeout((()=>{j.current&&j.current?.scrollIntoView({block:"start",behavior:"smooth"})}),0),M&&e.onBlockChange?.(M,i)}),[i?.page_id]),!M||!M.question)return null;const{question:K}=b[m],J=!(n.length>0)||n[n.length-1]?.page_id===i?.page_id,Q={answers:y,blocks:d,blockIndex:0,activeIndexOfBlocks:z,initialStatementHasAnswer:w,activeIndexOfRenderedBlocks:m,activeIndexOfRenderedStatement:R,renderedBlocks:b,activePage:i,isMobile:!!e.isMobile,surveyStyle:e.surveyStyle,isWidget:!!e.isWidget,initialPivotAnswer:e.initialPivotAnswer,isInitialTransition:u,questions:q,pages:n,contactData:e.contactData,activeIndexOfSet:X},ee={};G4.forEach((e=>{ee[e]=!!Ue(e,Q)}));const te=b[b.length-1];return t.createElement("div",{className:`freemium-survey-components ${he(e.language||"en")?"rtl":"ltr"} ${e.isMobile?"mobile-preview":""} standard-survey-style`,id:"freemium-survey",ref:j,style:{...ye(e.survey.ui_theme||{})}},G&&e.survey.prompt_settings?t.createElement("div",{className:"questions"},t.createElement("div",{className:"question-container"},t.createElement(Tz,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt?.(t),1===t&&Y(!1)},placeholders:e.placeholders,isPreview:!!e.preview}))):t.createElement(t.Fragment,null,h?t.createElement(Z4,{surveyServAssetUrl:e.surveyServAssetUrl??"",thankYouQuestion:Be({pivotQn:k?.question,pivotQnAnswer:k?.answer,block:He({activeBlock:te,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:y,questions:q,activeIndexOfBlocks:d.findIndex((e=>e.name===te.name)),renderedBlocks:b,contactData:e.contactData,surveyLayout:"standard",pages:n}),questions:q}),preview:!!e.preview,placeholders:e.placeholders,pivot:{...k,question:k?.question||{name:""},answer:k?.answer},rangeToRender:F,canResubmit:e.canResubmit,isMobile:e.isMobile,allowMultipleSubmission:e.allowMultipleSubmission,translationVariables:f,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",(()=>{_(!1),x()})):(_(!1),x())},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",(()=>{_(!1),W()})):(_(!1),W())}}):t.createElement(t.Fragment,null,n.length>0&&i?.page_id&&t.createElement(I4,{expanded:I,id:i.page_id,setExpanded:D,activePage:i,translationVariables:f}),t.createElement("div",{className:"questions"},b.map(((o,a)=>{if(n.length>0&&i?.page_id!==o?.page_id||o.orderOfSet!==X)return null;const r=Z.findIndex((e=>e.name===o.name));return t.createElement(il.div,{id:o.question.name,key:o.question.name,ref:V,className:`question-container standard-card-${o.question.name}`,"data-test-question-name":M.question.name,initial:{opacity:0},animate:{opacity:1,x:0},exit:{opacity:0},transition:{duration:.2,delay:r?r/15:0}},t.createElement("div",{className:`question-text ${o.required?"required":""} ${0===a?"nps":""}`.trim(),dangerouslySetInnerHTML:{__html:ge({questionText:o.question.text,placeholders:e.placeholders,npsRating:k?.answer,ratingLabel:ze(k?.answer)?"":F?.find((e=>e?.value===String(k?.answer)))?.text??"",preference:k?.question.type_info?.scale_properties?.labels?.preference,isPreview:!!e.preview})},"aria-label":`question-${a}`,role:"heading","aria-level":1}),t.createElement(H4,{surveyServAssetUrl:e.surveyServAssetUrl,fileUploadErrors:N,setErrors:B,onFileUpload:e.onFileUpload,block:o,preview:!!e.preview,surveyLanguage:e.survey.language,language:e.language||"en",question:o.question,surveyStyle:e.surveyStyle,isFinalQn:Ne({blocks:d,activeIndexOfBlocks:z,renderedBlocks:b,activeIndexOfRenderedBlocks:m,questions:q}),formValues:y.formValues,othersMeta:y.others,isMobile:!!e.isMobile,autoFocusDelay:20,activeIndexOfRenderedStatement:R,saveOthersValue:(e,t)=>{v(e,t,a)},onChangeHandler:(e,t)=>{const r=o.question.type_info?.question_type;O(o,e,!!r&&(!(n.length>0)||!J)&&["RANGE","SLIDER","MULTI_SELECT","DROPDOWN","BOOLEAN","CONSENT"].includes(r)||t,a)},initialPivotAnswer:e.initialPivotAnswer,initialQuestionAnswer:e.initialQuestionAnswer,formQuestionErrors:P,textboxQuestionErrors:T,contactFormErrors:E,translationVariables:f}),"MESSAGE"!==o.question.type_info?.question_type&&t.createElement(K4,{canDisplayDisableButtonParams:{...Q,blockIndex:a},language:e.language||"en",isWidget:!1,surveyStyle:e.surveyStyle,answers:y,renderedBlocks:b,blocks:d,pages:n,blockIndex:a,isInitialTransition:u,activeIndexOfRenderedBlocks:m,initialStatementHasAnswer:w,navigateToNextStatement:L,navigateToPreviousStatement:C,activeIndexOfRenderedStatement:R,activeIndexOfBlocks:z,saveFormValues:O,isMobile:!!e.isMobile,clearRadioSelection:A,onSubmitHandler:g,initialPivotAnswer:e.initialPivotAnswer,translationVariables:f,formQuestionErrors:P,textboxQuestionErrors:T,contactFormErrors:E,fileUploadErrors:N,questions:q}))}))),t.createElement("div",{className:"page-actions"},t.createElement("div",null,ee["page-navigation"]&&t.createElement(Y4,{answers:y,canDisplayDisableButtonParams:Q,activeIndexOfBlocks:z,pages:n,activeIndexOfRenderedBlocks:m,renderedBlocks:b,initialStatementHasAnswer:w,blocks:d,activeIndexOfRenderedStatement:R,navigateToNextPage:c,navigateToPreviousPage:s,translationVariables:f,navigateToPreviousSet:p,navigateToNextSet:l})),t.createElement("div",{className:"page-action-buttons"},ee["skip-set"]&&t.createElement(Ml,{variant:"secondary",onClick:()=>{H(!0)},"aria-label":"skip set"},f?.skip||"Skip"),ee?.["next-set"]&&t.createElement(Ml,{onClick:()=>{H()},disabled:!!Ke("next-page",Q),className:"next-page"},f?.next||"Next"),ee.submit&&t.createElement(Ml,{disabled:!!Ke("submit",Q),onClick:()=>{me(P?.[K.name])&&me(T?.[K.name])&&me(N?.[K.name])&&me(E?.[K.name])&&(_(!0),S(!0),g("COMPLETE"))}},$?f?.submitting||"Submitting":f?.submit_survey||"Submit"))))),t.createElement(Sz,{...e.footerProps,surveyStyle:e.surveyStyle,bgColor:e.survey.ui_theme?.body_background_color??D4}))};dl("@keyframes mountWidget {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n.surveyserv-widget-container {\n overflow: hidden;\n position: fixed;\n bottom: 12px;\n border-radius: 6px;\n z-index: var(--fsc-z-index);\n display: flex;\n flex-direction: column;\n background-color: var(--question-background-color, #fff);\n transition: opacity var(--fsc-widget-transition-duration) ease, height var(--fsc-widget-transition-duration) ease;\n animation: mountWidget var(--fsc-widget-transition-duration) ease;\n transform: translate(-50%, 0);\n box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px;\n}\n.surveyserv-widget-container.default-container-style {\n left: 50%;\n width: 660px;\n}\n.surveyserv-widget-container.default-container-style .question-container.thankyou {\n padding-bottom: 12px;\n}\n.surveyserv-widget-container.compact-container-style {\n width: 350px;\n transform: unset;\n right: 32px;\n overflow: hidden;\n}\n.surveyserv-widget-container.compact-container-style .compact-footer-layout {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n width: 100%;\n}\n.surveyserv-widget-container.compact-container-style .compact-footer-container {\n flex: 1;\n display: flex;\n flex-wrap: wrap;\n gap: 24px;\n}\n.surveyserv-widget-container.compact-container-style .compact-footer-container button.message-button {\n word-break: break-all;\n}\n.surveyserv-widget-container.compact-container-style .compact-footer-container button.consent-buttons, .surveyserv-widget-container.compact-container-style .compact-footer-container > :first-child {\n flex: 1;\n}\n.surveyserv-widget-container.compact-container-style .question-container.thankyou {\n padding: 12px;\n}\n.surveyserv-widget-container.cozy-container-style {\n left: 50%;\n width: 96%;\n max-width: 1000px;\n min-width: 800px;\n}\n.surveyserv-widget-container.cozy-container-style .question-container.thankyou {\n padding-bottom: 12px;\n}\n.surveyserv-widget-container div.widget-progressbar {\n position: absolute;\n top: 10px;\n left: 12px;\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.surveyserv-widget-container div.widget-progressbar .progress-completion {\n font-size: 12px;\n}\n.surveyserv-widget-container header.widget-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 8px 8px 0 8px;\n}\n.surveyserv-widget-container header.widget-header.minimized {\n padding-bottom: 8px;\n}\n.surveyserv-widget-container header.widget-header span.header-content.minimized {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.surveyserv-widget-container header.widget-header div.icons {\n display: flex;\n}\n.surveyserv-widget-container header.widget-header div.icons button.fsc-button {\n transform: unset;\n width: 32px;\n height: 32px;\n display: grid;\n place-content: center;\n padding: 0;\n margin: 0;\n}\n.surveyserv-widget-container main.widget-main {\n max-height: calc(100vh - 128px);\n overflow: auto;\n transition: height var(--fsc-transition-duration);\n}\n.surveyserv-widget-container main.widget-main .animation-container {\n transition: height var(--fsc-transition-duration);\n overflow: auto;\n}\n.surveyserv-widget-container main.widget-main .scroll-container {\n display: flex;\n flex-direction: column;\n gap: 16px;\n overflow: hidden;\n}\n.surveyserv-widget-container main.widget-main .question-container {\n padding: 12px 0;\n}\n.surveyserv-widget-container main.widget-main .question-container .heading {\n width: 100%;\n}\n.surveyserv-widget-container main.widget-main .question-container .heading .footer-alignment {\n width: 75%;\n font-size: 18px;\n text-align: center;\n}\n.surveyserv-widget-container main.widget-main .question-container .heading .footer {\n font-weight: 400;\n text-align: center;\n margin: 1rem auto 0 auto;\n line-height: 1.5;\n color: var(--question-text-color, var(--default-question-text-color));\n}\n.surveyserv-widget-container main.widget-main .question-container .heading .footer p {\n margin: unset;\n word-break: break-word;\n}\n.surveyserv-widget-container main.widget-main .question-container .heading .footer:empty {\n display: none;\n}\n.surveyserv-widget-container main.widget-main .question-text {\n padding: 0 24px;\n}\n.surveyserv-widget-container main.widget-main .question-wrapper {\n padding: 4px 24px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n.surveyserv-widget-container main.widget-main .question-footer {\n padding: 0 24px 24px 24px;\n}\n.surveyserv-widget-container main.widget-main.minimized .question-footer,\n.surveyserv-widget-container main.widget-main.minimized div.widget-progressbar {\n display: none;\n}\n.surveyserv-widget-container main.widget-main.minimized .question-container {\n padding: 0;\n}\n.surveyserv-widget-container footer.widget-footer {\n white-space: nowrap;\n flex-wrap: wrap;\n font-size: 12px;\n overflow: auto;\n background-color: var(--background-color, #f8f8f8);\n display: flex;\n gap: 8px;\n justify-content: space-between;\n align-items: center;\n padding: 12px;\n}\n.surveyserv-widget-container footer.widget-footer a {\n color: var(--question-text-color, var(--default-question-text-color));\n font-size: 0.7rem;\n display: grid;\n place-content: center;\n -webkit-text-decoration: underline;\n text-decoration: underline;\n}\n.surveyserv-widget-container footer.widget-footer.survey-footer-dark a {\n color: #bedbf5;\n}\n.surveyserv-widget-container footer.widget-footer.survey-footer-dark a:hover {\n color: #ffffff;\n}\n.surveyserv-widget-container footer.widget-footer.survey-footer-light a {\n color: #2c5cc5;\n}\n.surveyserv-widget-container footer.widget-footer.survey-footer-light a:hover {\n color: #c58af9;\n}\n.surveyserv-widget-container footer.widget-footer div.footer-text {\n display: flex;\n align-items: center;\n gap: 6px;\n}");const Q4=({surveyServAssetUrl:e,thankYouQuestion:n,placeholders:o,canResubmit:a,navigateToStart:i,resetSurvey:c,widgetStyle:s,allowMultipleSubmission:l,pivot:p,rangeToRender:u,translationVariables:d})=>{const{show_custom_button:b,show_review_links:M,show_social_links:z,image_url:m}=n?.type_info?.meta??{},[h,f]=t.useState(!1);return r((()=>()=>{f(!1)}),[]),t.createElement("div",{className:"question-container thankyou"},m&&t.createElement("img",{className:"thankyou-logo-img",src:m,alt:"thankyou_logo"}),t.createElement("div",{className:m?"heading":"heading thankyou-image"},t.createElement(t.Fragment,null,ve(n))),t.createElement("div",{className:m?"text":"text thankyou-image",dangerouslySetInnerHTML:{__html:ge({questionText:n.text,placeholders:o,npsRating:p?.answer,ratingLabel:ze(p?.answer)?"":u?.find((e=>e?.value===String(p?.answer)))?.text??"",preference:p?.question.type_info?.scale_properties?.labels?.preference})}}),(a||l)&&t.createElement("div",{className:`wrap-up-actions ${m?"":"thank-you-image"} ${"compact"===s?"mobile":""}`.trim()},a&&t.createElement("button",{className:"action-button",tabIndex:0,disabled:h,onClick:()=>{f(!0),i()}},t.createElement(fl,{name:"edit"}),d?.edit_response||"Edit your response"),l&&t.createElement("button",{className:"action-button",tabIndex:0,disabled:h,onClick:()=>{f(!0),c()}},t.createElement(fl,{name:"reload"}),d?.another_response||"Submit another response")),t.createElement(Ez,{show_custom_button:b,show_review_links:M,show_social_links:z,surveyServAssetUrl:e}))},e6=({translationVariables:e,activeIndexOfRenderedStatement:n,navigateToPreviousBlock:o,navigateToNextBlock:a,question:r,canDisplayDisableButtonParams:i,animationInProgress:c,setAnimationInProgress:s})=>t.createElement("div",{className:"freemium-survey-step-navigation","data-navigation-element":"1"},t.createElement("button",{disabled:c||!!Ke("navigation-prev",i),className:"navigation-button",onClick:()=>{s(!0),setTimeout((()=>{s(!1)}),oe),o()},title:r.name&&(n?.[r.name]??0)>0?e?.prev_statement||"go to previous statement":e?.prev_question||"go to previous question"},t.createElement(fl,{name:"arrow-previous"})),t.createElement("button",{className:"navigation-button",disabled:c||!!Ke("navigation-next",i),onClick:()=>{s(!0),setTimeout((()=>{s(!1)}),oe),a()},title:e?.next_question||"go to next question"},t.createElement(fl,{name:"arrow-next"}))),t6=e=>{const{widgetStyle:n,answers:a,initialStatementHasAnswer:r,renderedBlocks:i,blocks:c,activeIndexOfBlocks:s,navigateToNextStatement:l,activeIndexOfRenderedBlocks:p,translationVariables:u,saveFormValues:d,activeIndexOfRenderedStatement:b={},onSubmitHandler:M,skipBlock:z,skipStatement:m,navigateToNextBlock:h,navigateToPreviousBlock:f,formQuestionErrors:O,textboxQuestionErrors:v,fileUploadErrors:A,contactFormErrors:g,canDisplayDisableButtonParams:y,pages:q,setFooterElementRef:W}=e,[w,x]=o(!1),[R,L]=o(!1),{question:C}=i[p],k=C?.type_info?.question_type,P={...y,isSubmitting:R},S=(e=!1)=>{const n=e?[...de].reverse():[...de];return Ue("consent",P)&&"BUTTON"===E&&n.map((e=>t.createElement(Ml,{key:p+String(e.id),onClick:()=>{x(!0),setTimeout((()=>{x(!1)}),oe),d(i[p],e.recordAs,!0)},disabled:w||Ke("consent",P),variant:ze(a.formValues?.[C.name])||a.formValues?.[C.name]===e.recordAs?"primary":"secondary",className:("consent-button "+(a.formValues?.[C.name]===e.recordAs?"selected":"")).trim()},C?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue)))},T="compact"===n&&(Ue("navigation",P)&&Ue("skip",P)||"CONSENT"===k||"MESSAGE"===k),E=C?.type_info?.meta?.display_format;return t.createElement(t.Fragment,null,(Ue("navigation",P)||Ue("next",P)||Ue("next-statement",P)||Ue("consent",P)||Ue("submit",P)||Ue("skip",P)||Ue("skip-statement",P)||Ue("message",P))&&t.createElement("div",{className:"question-footer",ref:e=>e?W?.(e):null},T?t.createElement("div",{className:"compact-footer-container"},Ue("next",P)&&t.createElement(Ml,{onClick:()=>{x(!0),setTimeout((()=>{x(!1)}),oe),d(i[p],"CHECKBOX"===C?.type_info?.meta?.display_format&&"CONSENT"===C?.type_info?.question_type?a.formValues[C.name]??!1:a.formValues[C.name],!0)},disabled:w||!!Ke("next",P),className:"next-button"},u?.next||"Next"),Ue("message",P)&&t.createElement(Ml,{onClick:()=>{x(!0),setTimeout((()=>{x(!1)}),oe),z()},disabled:w||Ke("message",P),className:"message-button"},C?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"),Ue("submit",P)&&t.createElement("div",{className:"submit"},t.createElement(Ml,{disabled:w||!!Ke("submit",P),onClick:()=>{me(O?.[C.name])&&me(v?.[C.name])&&me(A?.[C.name])&&me(g?.[C.name])&&(x(!0),setTimeout((()=>{x(!1)}),oe),L(!0),M("COMPLETE"))}},R?u?.submitting||"Submitting":u?.submit_survey||"Submit")),Ue("next-statement",P)&&t.createElement(Ml,{onClick:()=>{x(!0),setTimeout((()=>{x(!1)}),oe),l?.(C.name)},disabled:w||!!Ke("next-statement",P),className:"next-button"},u?.next||"Next"),S(),t.createElement("div",{className:"compact-footer-layout"},t.createElement(e6,{animationInProgress:w,setAnimationInProgress:x,answers:a,canDisplayDisableButtonParams:P,pages:q,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:p,renderedBlocks:i,initialStatementHasAnswer:r,blocks:c,activeIndexOfRenderedStatement:b,question:C,translationVariables:u,navigateToNextBlock:h,navigateToPreviousBlock:f}),"MESSAGE"!==k&&!c[s].required&&t.createElement(Ml,{className:"skip-button",onClick:()=>{x(!0),setTimeout((()=>{x(!1)}),oe),z()},variant:"secondary","aria-label":"skip question",disabled:w},u?.skip||"Skip"))):t.createElement(t.Fragment,null,Ue("navigation",P)?t.createElement(e6,{animationInProgress:w,setAnimationInProgress:x,answers:a,pages:q,canDisplayDisableButtonParams:P,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:p,activeIndexOfRenderedStatement:b,renderedBlocks:i,blocks:c,question:C,initialStatementHasAnswer:r,translationVariables:u,navigateToNextBlock:h,navigateToPreviousBlock:f}):t.createElement("div",null),t.createElement("div",{className:"action-buttons"},Ue("skip",P)&&t.createElement(Ml,{className:"skip-button",variant:"secondary",onClick:()=>{x(!0),setTimeout((()=>{x(!1)}),oe),z()},"aria-label":"skip question",disabled:w},u?.skip||"Skip"),Ue("skip-statement",P)&&t.createElement(Ml,{className:"skip-button",variant:"secondary",onClick:()=>{x(!0),setTimeout((()=>{x(!1)}),oe),m()},"aria-label":"skip statement",disabled:w},u?.skip||"Skip"),S(!0),Ue("next",P)&&t.createElement(Ml,{onClick:()=>{x(!0),setTimeout((()=>{x(!1)}),oe),d(i[p],"CHECKBOX"===C?.type_info?.meta?.display_format&&"CONSENT"===C?.type_info?.question_type?a.formValues[C.name]??!1:a.formValues[C.name],!0)},disabled:w||!!Ke("next",P),className:"next-button"},u?.next||"Next"),Ue("next-statement",P)&&t.createElement(Ml,{onClick:()=>{x(!0),setTimeout((()=>{x(!1)}),oe),l?.(C.name)},disabled:w||!!Ke("next-statement",P),className:"next-button"},u?.next||"Next"),Ue("submit",P)&&t.createElement("div",{className:"submit"},t.createElement(Ml,{disabled:w||!!Ke("submit",P),onClick:()=>{me(O?.[C.name])&&me(v?.[C.name])&&me(A?.[C.name])&&me(g?.[C.name])&&(x(!0),setTimeout((()=>{x(!1)}),oe),L(!0),M("COMPLETE"))}},R?u?.submitting||"Submitting":u?.submit_survey||"Submit")),Ue("message",P)&&t.createElement(Ml,{onClick:()=>{x(!0),setTimeout((()=>{x(!1)}),oe),z()},disabled:w||Ke("message",P),className:"next-button"},C?.type_info?.scale_properties?.labels?.values?.[0]||"Begin")))))},n6=e=>{const{pages:n,activePage:i,blocks:c,renderedBlocks:s,activeBlock:l,activeIndexOfBlocks:p,activeIndexOfRenderedBlocks:u,isSurveyCompleted:d,isReverseAnimation:b,translationVariables:M,saveFormValues:z,saveOthersValue:m,skipBlock:h,skipStatement:f,initialStatementHasAnswer:O,onSubmitHandler:v,navigateToNextBlock:A,activeIndexOfRenderedStatement:g,navigateToNextStatement:y,navigateToPreviousStatement:q,navigateToPreviousBlock:W,answers:w,questions:x,resetSurvey:R,navigateToStart:L,pivot:C,formQuestionErrors:k,textboxQuestionErrors:P,fileUploadErrors:S,contactFormErrors:T,setErrors:E,expanded:N,setExpanded:B}=st({...e,isWidget:!0});ke("Widget",{...e,renderedBlocks:s,activeIndexOfBlocks:p,answers:w,activeIndexOfRenderedBlocks:u,activeBlock:l});const[$,_]=o(null),[H,I]=o(null),[D,X]=o(null),[V,j]=o(0),F=t.useMemo((()=>Ae(C?.question)),[C?.question]),U=me(w.formValues)&&e.survey.prompt_settings?.is_enabled,[G,Y]=o(U),Z=a(U?-1:u),K=()=>{if(null===$||!$||"undefined"==typeof window||"undefined"==typeof document)return;const t=Math.max(document.documentElement.clientHeight||0,window.innerHeight||0)-(H?.scrollHeight??0)-(D?.scrollHeight??0)-164,n=Math.min($?.scrollHeight,Math.min(ie[e.widgetStyle],t));V!==n&&j(n)};r((()=>{setTimeout((()=>{K()}),0)}),[G,d,$,g[l?.question?.name],u,D,N]),r((()=>{"MATRIX_RATING_SCALE"===l?.question?.type_info?.question_type&&setTimeout((()=>{K()}),0)}),[g[l?.question?.name]]),r((()=>{e.loadAsNewSurvey&&e.handleAction&&e.handleAction("RE_SUBMIT",R)}),[]),r((()=>{e.setCurrentSurveyState?.({question:s[u]?.question,npsScore:C?.answer})}),[u,C?.answer]),r((()=>{u!==Z.current&&(Z.current=-1)}),[u]);const J={answers:w,blocks:c,blockIndex:u,activeIndexOfBlocks:p,initialStatementHasAnswer:O,activeIndexOfRenderedBlocks:u,activeIndexOfRenderedStatement:g,renderedBlocks:s,isMobile:!!e.isMobile,surveyStyle:"card",isWidget:!0,questions:x,pages:n,contactData:e.contactData,activeIndexOfSet:0};if(!l||!l?.question)return null;const Q=d?c.length:p+(d?1:0),ee=d?100:(Q>0?100/c.length:0)*Q;return t.createElement("div",{className:`freemium-survey-components widget-survey-components\n ${e.widgetStyle}-style`.trim(),id:"freemium-survey"},d||G?null:t.createElement("div",{className:"widget-progressbar"},t.createElement("div",{className:"progress-completion"},ee.toFixed(),"%"),t.createElement(Ju,{totalSteps:c.length,completedSteps:p+(d?1:0),isWidget:!0})),!G&&!e.minimized&&n.length>0&&i?.page_id&&!d&&t.createElement(I4,{ref:e=>e?X(e):null,expanded:N,id:i.page_id,setExpanded:B,activePage:i,translationVariables:M}),t.createElement("div",{className:"questions",style:{...U&&G||Z.current===u?{transition:"none"}:{}}},t.createElement(ul,{exitBeforeEnter:!0},t.createElement(il.div,{id:`${l.question.name}`,className:`question-container ${d?"thankyou":""} ${G?"prompt-container":""}`.trim(),"data-test-question-name":l.question.name,key:`${l.question.name}`,initial:{opacity:0,x:fe(e.language,b)},animate:{opacity:1,x:0},exit:{opacity:0,x:Oe(e.language,b)},transition:{duration:.2}},t.createElement("div",{className:"animation-container",style:{height:e.minimized?0:V>0&&!N?`${V}px`:"auto"}},t.createElement("div",{className:"scroll-container",ref:e=>e?_(e):null},G&&e.survey.prompt_settings?t.createElement(Tz,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt(t),1===t&&Y(!1)},placeholders:e.placeholders}):t.createElement(t.Fragment,null,d?t.createElement(Q4,{surveyServAssetUrl:e.surveyServAssetUrl??"",thankYouQuestion:Be({pivotQn:C?.question,pivotQnAnswer:C?.answer,block:He({activeBlock:l,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:w,questions:x,activeIndexOfBlocks:p,renderedBlocks:s,contactData:e.contactData,surveyLayout:"card",pages:n}),questions:x}),placeholders:e.placeholders,canResubmit:e.canResubmit,widgetStyle:e.widgetStyle,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",L):L()},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",R):R()},allowMultipleSubmission:e.allowMultipleSubmission,pivot:C,rangeToRender:F,translationVariables:M}):t.createElement(t.Fragment,null,t.createElement("div",{className:`question-text ${!l.question.type_info?.pivot_question&&l.required?"required":""} ${"RANGE"===l?.question?.type_info?.question_type?"range-question-text":""}`.trim(),dangerouslySetInnerHTML:{__html:ge({questionText:l?.question.text,placeholders:e.placeholders,npsRating:C?.answer,ratingLabel:ze(C?.answer)?"":F?.find((e=>e?.value===String(C?.answer)))?.text??"",preference:C?.question.type_info?.scale_properties?.labels?.preference})},"aria-label":`question-${u}`,role:"heading","aria-level":1}),"MESSAGE"!==l.question.type_info?.question_type&&t.createElement("div",{className:"question-wrapper",onTransitionEndCapture:e=>e.stopPropagation()},t.createElement(H4,{setFocus:!0,surveyStyle:"card",isReverseAnimation:b,language:e?.language||"en",surveyServAssetUrl:e.surveyServAssetUrl,fileUploadErrors:S,setErrors:E,onFileUpload:e.onFileUpload,surveyLanguage:e.survey.language,block:l,question:l.question,isFinalQn:Ne({blocks:c,activeIndexOfBlocks:p,renderedBlocks:s,activeIndexOfRenderedBlocks:u,questions:x}),formValues:w.formValues,widgetStyle:e.widgetStyle,isMobile:!1,othersMeta:w.others,autoFocusDelay:0,activeIndexOfRenderedStatement:g,isWidget:!0,saveOthersValue:(e,t)=>{m(e,t),setTimeout((()=>{K()}),0)},onChangeHandler:e=>{setTimeout((()=>{K()}),0),z(l,e)},formQuestionErrors:k,textboxQuestionErrors:P,contactFormErrors:T,translationVariables:M})))))))),!d&&!G&&t.createElement(t6,{pages:n,isWidget:!0,language:e.language||"en",widgetStyle:e.widgetStyle,setFooterElementRef:I,surveyStyle:"standard",answers:w,canDisplayDisableButtonParams:{...J,blockIndex:u,activeIndexOfRenderedBlocks:u},isMobile:!1,renderedBlocks:s,initialStatementHasAnswer:O,activeIndexOfRenderedStatement:g,blocks:c,activeIndexOfRenderedBlocks:u,navigateToNextStatement:y,navigateToPreviousStatement:q,activeIndexOfBlocks:p,translationVariables:M,saveFormValues:z,skipBlock:h,skipStatement:f,onSubmitHandler:v,navigateToPreviousBlock:W,navigateToNextBlock:A,formQuestionErrors:k,textboxQuestionErrors:P,fileUploadErrors:S,contactFormErrors:T,questions:x})))},o6=e=>t.createElement("svg",{width:"8",height:"2",viewBox:"0 0 8 2",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("path",{d:"M7.3 1.4H0.7C0.313401 1.4 0 1.0866 0 0.699999C0 0.3134 0.313401 0 0.7 0H7.3C7.6866 0 8 0.3134 8 0.699999C8 1.0866 7.6866 1.4 7.3 1.4Z",fill:"#264966"})),a6=e=>t.createElement("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("g",{clipPath:"url(#clip0_8207_70478)"},t.createElement("rect",{width:"10",height:"10",fill:"white",fillOpacity:"0.01"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.62499 3.19375C8.62499 3.4 8.79374 3.56875 8.99999 3.56875C9.20624 3.56875 9.37499 3.4 9.37499 3.19375V1C9.37499 0.79375 9.20624 0.625 8.99999 0.625H6.80624C6.59999 0.625 6.43124 0.79375 6.43124 1C6.43124 1.20625 6.59999 1.375 6.80624 1.375H8.09377L5.66876 3.80001C5.52501 3.95001 5.52501 4.18751 5.66876 4.33126C5.73751 4.40626 5.83751 4.44376 5.93126 4.44376V4.45001C6.02501 4.45001 6.11876 4.41251 6.19376 4.33751L8.62499 1.90628V3.19375ZM1 9.37501H1.00738H3.19375C3.4 9.37501 3.56875 9.20626 3.56875 9.00001C3.56875 8.79376 3.4 8.62501 3.19375 8.62501H1.90626L4.3375 6.19376C4.48125 6.04376 4.48125 5.80626 4.3375 5.66251C4.1875 5.51876 3.95 5.51876 3.80625 5.66251L1.375 8.09376V6.80626C1.375 6.60001 1.20625 6.43126 1 6.43126C0.79375 6.43126 0.625 6.60001 0.625 6.80626V9.00001C0.625 9.20626 0.79375 9.37501 1 9.37501Z",fill:"#264966"})),t.createElement("defs",null,t.createElement("clipPath",{id:"clip0_8207_70478"},t.createElement("rect",{width:"10",height:"10",fill:"white"})))),r6=e=>t.createElement("svg",{width:"11",height:"10",viewBox:"0 0 11 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("rect",{opacity:"0.01",x:"0.166748",width:"10",height:"10",fill:"white",fillOpacity:"0.01"}),t.createElement("path",{d:"M1.85044 1.68284L8.48309 8.31549",stroke:"#264966",strokeWidth:"1.5",strokeLinecap:"round"}),t.createElement("path",{d:"M8.48309 1.68284L1.85044 8.31549",stroke:"#264966",strokeWidth:"1.5",strokeLinecap:"round"})),i6={default:{width:522,11:6,10:6,9:8,8:8,7:18,6:22,5:28,4:32,3:36},compact:{width:522,11:6,10:6,9:8,8:8,7:18,6:22,5:28,4:32,3:36},cozy:{width:582,11:12,10:12,9:12,8:12,7:18,6:22,5:28,4:32,3:36}},c6=({language:e="en",survey:n,preview:r,placeholders:i,contactData:c,overRideComponent:s,onSubmit:l,onDismiss:p,onClose:u,isMobile:d,surveyType:b,unsubscribeUrl:M,isSurveyCompleted:z,children:m=null,answerStatus:h,loadSurveyCollapsed:f=!1,handleAction:O,answers:v,onAnsweringPrompt:A,allowMultipleSubmission:g,loadAsNewSurvey:y,canResubmit:q,translationVariables:W,surveyServAssetUrl:w,surveyPoweredBy:x,onFileUpload:R})=>{const L=n.question_details?.questions||[],[C,k]=o(),[P,S]=o(!1),[T,E]=o(f),[N,B]=o(!1),{ui_theme:$}=n,[_,H]=o(null),I=t.useMemo((()=>((e=[])=>{const t=e.sort(((e,t)=>Number(e.order)-Number(t.order)));return t.find((e=>!e.is_deleted))??t[0]})(n.blocks||[])),[n.blocks]),D=I?.question_name?I?.question_name??"":I?.category?.[0].question_name??"",X=L.find((e=>e.name===D)),V=()=>{S(!0),setTimeout((()=>{u?.()}),300)},j=a(null);return t.useEffect((()=>{const e=document.documentElement;if(!e||!n.question_details?.questions)return;let t=0;(n.question_details.questions??[]).forEach((e=>{const n=Ae(e);"RANGE"===e.type_info?.question_type&&n.length>t&&(t=n.length)}));const o=42*t+i6[b][t]*(t-1);e.style.setProperty("--fsc-max-range-question-width",Math.min(i6[b].width,o)+"px")}),[n,b]),t.useEffect((()=>{$&&(qe($),B(Pe($.body_background_color??D4)))}),[$]),t.createElement("div",{className:`surveyserv-widget-container ${he(e||"en")?"rtl":"ltr"} ${d?"widget-mobile":""} ${b}-container-style ${T?"minimized":""}`,style:{opacity:P?0:1,...ye($||{})}},t.createElement("header",{id:"surveyserv-widget-header",className:("widget-header "+(T?"minimized":"")).trim()},T?t.createElement("span",{className:"header-content minimized",dangerouslySetInnerHTML:{__html:ge({questionText:(!C&&n.prompt_settings?.is_enabled?n.prompt_settings.text:_?.question?.text)??Re(X?.text||""),placeholders:{...i,"{{nps.rating}}":String(_?.npsScore??"")}})}}):t.createElement("div",null),t.createElement("div",{className:"icons"},!z&&t.createElement(Ml,{onClick:()=>{E((e=>!e))},variant:"secondary",className:"icon minimize-btn",title:T?W?.maximize||"Maximize widget":W?.minimize||"Minimize widget"},T?t.createElement(a6,null):t.createElement(o6,null)),t.createElement(Ml,{ref:j,onClick:()=>{z||p(),V()},variant:"secondary",title:W?.dismiss||"Dismiss widget",className:"icon minimize-btn"},t.createElement(r6,null)))),m,t.createElement("main",{className:("widget-main "+(T?"minimized":"")).trim()},s?t.createElement(t.Fragment,null,s):t.createElement(n6,{surveyServAssetUrl:w,answers:v,minimized:T,widgetStyle:b,answerStatus:h,language:e||"en",survey:n,placeholders:i,isMobile:!!d,contactData:c,onFileUpload:R,allowMultipleSubmission:g,loadAsNewSurvey:y,canResubmit:q,onSubmit:l,setCurrentSurveyState:H,widgetHeaderQuerySelector:T?void 0:"#surveyserv-widget-header",onAnsweringPrompt:e=>{A?.(e),k(e),0==e&&me(n.prompt_settings?.declined_message)&&V()},handleAction:O,translationVariables:W})),t.createElement("footer",{className:`widget-footer ${T?"minimized":""} survey-footer-${N?"dark":"light"}`.trim()},t.createElement("div",null,M&&!T&&t.createElement("a",{href:M,target:"_blank",rel:"noopener noreferrer",onClick:e=>{r&&e.preventDefault(),e.stopPropagation(),V()}},W?.unsubscribe||"Unsubscribe")),t.createElement("div",{className:"footer-text"},t.createElement(Pz,{surveyPoweredBy:x,isDark:N}))))},s6=e=>{const{survey:n,answers:o}=Se(e.survey,e.answers),[a,r]=t.useState(!1);return t.useEffect((()=>{"undefined"!=typeof window&&window&&window.matchMedia&&"undefined"!=typeof sessionStorage&&sessionStorage&&sessionStorage.clear&&(r(window.matchMedia("(max-width: 550px)").matches),sessionStorage.clear())}),[]),t.useEffect((()=>{const t=document.documentElement;!ze(e.surveyServAssetUrl)&&t&&setTimeout((()=>{t.style.setProperty("--fsc-whatsapp-bg",`url(${e.surveyServAssetUrl}/survey/whatsapp-bg.svg)`),t.style.setProperty("--fsc-instagram-bg",`url(${e.surveyServAssetUrl}/survey/instagram-bg.svg)`)}),0)}),[e.surveyServAssetUrl]),ke("Survey",{...e,survey:n,isMobile:a,answers:o}),t.createElement(t.Fragment,null,"standard"===e.surveyStyle?t.createElement(J4,{...e,answers:o,survey:n,isMobile:a||!!e.isMobile,initialQuestionAnswer:e.initialQuestionAnswer}):t.createElement(F4,{...e,answers:o,survey:n,isMobile:a||!!e.isMobile,surveyStyle:"card",initialQuestionAnswer:e.initialQuestionAnswer}))},l6=e=>{const{survey:n,answers:o}=Se(e.survey,e.answers),[a,r]=t.useState(!1),[i,c]=t.useState(!1);return t.useEffect((()=>{"undefined"!=typeof window&&window&&window.matchMedia&&(r(window.matchMedia("(max-width: 550px)").matches),"cozy"===e.surveyType&&c(window.matchMedia("(max-width: 1080px)").matches))}),[]),ke("WebInAppSurvey",{...e,survey:n,isMobile:a,isDefault:i,answers:o}),t.createElement(c6,{...e,survey:n,answers:o,isMobile:a,surveyType:a?"compact":i?"default":e.surveyType})};dl('.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: var(--fsc-font-size);\n position: relative;\n width: 340px;\n height: 574px;\n background-image: var(--fsc-whatsapp-bg);\n background-repeat: no-repeat;\n background-size: contain;\n margin: 0 auto;\n font-family: var(--fsc-font-family);\n color: var(--question-text-color, var(--default-question-text-color));\n}\n.whatsapp-container.instagram {\n --message-bg: none;\n --answers-bg: #4d5bff;\n --answers-color: #fff;\n --answers-radius: 21px;\n background-image: var(--fsc-instagram-bg);\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: 70px;\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: 6px;\n gap: 6px;\n height: -moz-fit-content;\n height: fit-content;\n}\n.whatsapp-container.instagram .question-container .options-popup main .option-row {\n border: 1px solid #0584fe;\n border-radius: 50px;\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 gap: 6px;\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 gap: 6px;\n overflow: auto;\n flex: 1;\n background: #fff;\n margin: 0;\n padding-top: 8px;\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: 12px 0;\n margin: 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 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 -webkit-text-decoration: underline;\n text-decoration: underline;\n}\n.whatsapp-container .question-text .placeholder-tag > span {\n display: none !important;\n}\n.whatsapp-container .question-container {\n margin-right: var(--message-margin);\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}\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 gap: 12px;\n}\n.whatsapp-container .choices {\n display: flex;\n flex-direction: column;\n gap: 2px;\n list-style-type: none;\n padding: 5px 0;\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 padding: 0;\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: 0.8em;\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 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::placeholder {\n line-height: 16px;\n padding-left: 2px;\n}');const p6=({children:e,title:n,closeModal:o,isModalOpen:a})=>t.createElement($,{in:a,unmountOnExit:!0,timeout:500,classNames:"fade",key:n},t.createElement("div",{className:"options-popup",style:{}},t.createElement("header",null,t.createElement("button",{onClick:o,className:"close"},t.createElement(r6,null)),t.createElement("h4",null,n)),t.createElement("main",{className:"fsc-range-main"},e),t.createElement("footer",null,"Tab an item to select it"))),u6=({question:e,saveFormValues:n})=>{const[r,i]=o(!1),{range:c}=e?.type_info?.scale_properties||{},s=Number(c?.[0]?.min),l=Number(c?.[c.length-1]?.max),p="descending"===e?.type_info?.scale_properties?.order,u=[...e?.type_info?.scale_properties?.labels?.values||[]],d=e?.type_info?.scale_properties?.labels?.preference;p&&u.reverse();const b=a(Array.from({length:l+(0===s?1:0)},((e,t)=>p?l-t:t+s)));return b.current.length<=3?t.createElement("ul",{className:`choices ${("THUMBS"===e?.type_info?.type_variant||"all"!==e?.type_info?.scale_properties?.labels?.preference)&&"one-line"}`},b.current.map(((o,a)=>"THUMBS"===e?.type_info?.type_variant?t.createElement("li",{className:"choice range-choice",key:`thumbs-${o}-${a}`},t.createElement("button",{onClick:()=>{n(o)}},t.createElement(fl,{name:o?"whatsapp-thumbs-up":"whatsapp-thumbs-down"}),"all"===e?.type_info?.scale_properties?.labels?.preference&&e?.type_info?.scale_properties?.labels?.values?.[o])):t.createElement("li",{className:"choice range-choice",key:`choice-${o}-${a}`},t.createElement("button",{onClick:()=>{n(o)}},Array.from({length:o},((e,n)=>t.createElement(fl,{name:"whatsapp-star",id:`choice-${n}`})))," ","all"===e?.type_info?.scale_properties?.labels?.preference&&e?.type_info?.scale_properties?.labels?.values?.[o-1]))))):t.createElement(t.Fragment,null,t.createElement("button",{onClick:()=>i(!0),className:"choices-button choice"},t.createElement(fl,{name:"whatsapp-choices"}),"Rate Support"),t.createElement(p6,{title:"Rate Support",isModalOpen:r,closeModal:()=>i(!1)},b.current.map(((e,o)=>t.createElement("div",{className:"option-row"},t.createElement("button",{onClick:()=>{n(e),i(!1)}},Array.from({length:e},((e,n)=>t.createElement(fl,{name:"whatsapp-star",id:`qus-${n}`}))),"all"===d||"edges"===d&&(0===o||o===u.length-1)?t.createElement("span",null,u[e-1]):null))))))},d6=({question:e,saveFormValues:n,type:a})=>{const[r,i]=o(!1);return t.createElement(t.Fragment,null,t.createElement("button",{onClick:()=>i(!0),className:"choices-button choice"},t.createElement(fl,{name:"whatsapp-choices"}),"Select answer"),t.createElement(p6,{title:"Select a choice",isModalOpen:r,closeModal:()=>i(!1)},t.createElement("ul",{className:`choices multi-choice ${a}`},e.choices.map(((e,o)=>t.createElement("li",{className:"choice",style:{boxShadow:"none"},key:`${e}-${o}`},t.createElement("button",{onClick:()=>{n(e.id),i(!1)}},e.value)))))))},b6=e=>{const n=a(null);return((e,t)=>{r((()=>{if(e){e.style.height="0px";const t=e.scrollHeight;e.style.height=t+"px"}}),[e,t])})(n.current,String(e.value)??""),r((()=>{e.autoFocus&&n.current?.focus()}),[e.autoFocus]),t.createElement("div",{className:"textarea-container"},t.createElement("textarea",{placeholder:"Type a message",ref:n,rows:1,onChange:e.onChange,value:e.value}),t.createElement("button",{onClick:()=>{e.onSubmit(),n.current&&(n.current.value="")}},t.createElement(fl,{name:"whatsapp-send"})))},M6=({text:e,placeholders:n,pivot:o,rangeToRender:a})=>t.createElement("div",{className:"question-text-container"},t.createElement("div",{className:"question-text",dangerouslySetInnerHTML:{__html:ge({questionText:e,placeholders:n,npsRating:o?.answer,ratingLabel:ze(o?.answer)?"":a?.find((e=>e?.value===String(o?.answer)))?.text??"",preference:o?.question.type_info?.scale_properties?.labels?.preference,isPreview:!0})},role:"heading","aria-level":1})),z6=({block:e,saveFormValues:n,type:o,translationVariables:a})=>{const{question_type:r}=e.question?.type_info;switch(r){case"RANGE":return t.createElement(u6,{question:e.question,saveFormValues:e=>n(e,!0)});case"DROPDOWN":case"MULTI_CHOICE":case"MULTI_SELECT":return t.createElement(d6,{question:e.question,saveFormValues:e=>n(e,!0),type:o,translationVariables:a});case"PARAGRAPH":case"INPUT":return null;default:return console.error(`Question type ${r} not supported`),null}},m6=({config:e,placeholders:o,onSelect:a,promptAccepted:r,type:i})=>{const c=n((()=>e.reverse_order?e.choices?.reverse():e.choices),[e]);return t.createElement(t.Fragment,null,t.createElement("div",{className:"question-container "+(null==r?"active":"")},t.createElement(M6,{text:e.text,placeholders:o}),t.createElement("ul",{className:"choices one-line"},c?.map(((e,n)=>t.createElement("li",{className:"choice",key:`prompt-${e}-${n}`},t.createElement("button",{className:"action",onClick:()=>{a(Number(e.id))}},t.createElement(fl,{name:Number(e.id)?"whatsapp-thumbs-up":"whatsapp-thumbs-down"}),e.value)))))),void 0!==r&&t.createElement("div",{className:"answers-container"},t.createElement("div",{className:"answers"},"whatsapp"===i&&t.createElement("div",{className:"reply-block"},t.createElement("p",{className:"user"},"Acme.inc"),t.createElement("p",{className:"question",dangerouslySetInnerHTML:{__html:ge({questionText:e.text,placeholders:o})}})),t.createElement("div",{className:"answer-text"},t.createElement(fl,{name:Number(r)?"whatsapp-thumbs-up":"whatsapp-thumbs-down"}),c.find((e=>e.id==r))?.value))),!1===r&&e.is_declined&&e.declined_message&&t.createElement("div",{className:"question-container"},t.createElement(M6,{text:e.declined_message,placeholders:o})))},h6=e=>{const{activeBlock:n,activeIndexOfBlocks:i,activeIndexOfRenderedBlocks:c,answers:s,saveFormValues:l,blocks:p,questions:u,renderedBlocks:d,onSubmitHandler:b,isSurveyCompleted:M,pivot:z}=st(e),{type:m="whatsapp"}=e,{question_type:h}=n?.question.type_info??{},f=t.useMemo((()=>Ae(z?.question)),[z?.question]),O=a(null),[v,A]=o(void 0);return r((()=>{O.current&&O.current.scroll({top:1e4,behavior:"smooth"})}),[n,s,M]),n&&n.question?t.createElement("div",{className:`${m} whatsapp-container`},t.createElement("div",{className:"msg-container"},t.createElement("div",{className:"scroll-wrapper",ref:O},e.survey.prompt_settings?t.createElement(m6,{config:e.survey.prompt_settings,onSelect:e=>{A(1===e)},promptAccepted:v,placeholders:e.placeholders,type:m}):null,!e.survey.prompt_settings||v?d.map(((o,a)=>t.createElement(t.Fragment,null,t.createElement("div",{className:"question-container "+(M||a!==d.length-1?"":"active")},t.createElement(M6,{text:o.question.text,placeholders:e.placeholders,pivot:z,rangeToRender:f}),t.createElement(z6,{language:e.language||"en",block:o,placeholders:e.placeholders,saveFormValues:(e,t)=>{l(o,e,t),setTimeout((()=>{!0===t&&Ne({blocks:p,activeIndexOfBlocks:i,renderedBlocks:d,activeIndexOfRenderedBlocks:c,questions:u})&&b("COMPLETE")}))},type:m})),o.name===n.name&&!s.commitDirtyValue||zl.isNil(s.formValues[o.question.name])?null:t.createElement("div",{className:"answers-container"},t.createElement("div",{className:"answers"},"THUMBS"===o.question.type_info?.type_variant?t.createElement(t.Fragment,null,"whatsapp"===m&&t.createElement("div",{className:"reply-block"},t.createElement("p",{className:"user"},"Acme.inc"),t.createElement("p",{className:"question",dangerouslySetInnerHTML:{__html:ge({questionText:o.question.text||"",placeholders:e.placeholders,npsRating:z?.answer,ratingLabel:zl.isNil(z?.answer)?"":f?.find((e=>e?.value===String(z?.answer)))?.text??"",preference:z?.question.type_info?.scale_properties?.labels?.preference,isPreview:!0})}})),t.createElement("div",{className:"answer-text"},t.createElement(fl,{name:Number(s.formValues[o.question.name])?"whatsapp-thumbs-up":"whatsapp-thumbs-down"}),"all"===o.question.type_info?.scale_properties?.labels?.preference&&o.question.type_info?.scale_properties?.labels?.values?.[Number(s.formValues[o.question.name])])):"EMOJI"===o.question.type_info?.type_variant||"STAR"===o.question.type_info?.type_variant?t.createElement(t.Fragment,null,"whatsapp"===m&&s.formValues[o.question.name]&&t.createElement("div",{className:"reply-block"},t.createElement("p",{className:"user"},"Acme.inc"),t.createElement("p",{className:"question",dangerouslySetInnerHTML:{__html:ge({questionText:o.question.text||"",placeholders:e.placeholders,npsRating:z?.answer,ratingLabel:zl.isNil(z?.answer)?"":f?.find((e=>e?.value===String(z?.answer)))?.text??"",preference:z?.question.type_info?.scale_properties?.labels?.preference,isPreview:!0})}})),t.createElement("div",{className:"answer-text"},Array.from({length:Number(s.formValues[o.question.name])},((e,n)=>t.createElement(fl,{name:"whatsapp-star",id:`ans-${n}`})))," ",t.createElement("span",null,o.question.type_info?.scale_properties?.labels?.values?.[Number(s.formValues[o.question.name])-1]))):"DROPDOWN"===o.question.type_info?.question_type||"MULTI_SELECT"===o.question.type_info?.question_type?t.createElement(t.Fragment,null,o.question.choices?.find((e=>e.id===s.formValues[o.question.name]))?.value||s.formValues[o.question.name]):t.createElement(t.Fragment,null,s.formValues[o.question.name])))))):null,M&&t.createElement("div",{className:"question-container",id:"new"},t.createElement(M6,{text:Be({pivotQn:z?.question,pivotQnAnswer:z?.answer,block:e.survey.blocks?.find((e=>"TY"===e.name)),questions:u})?.text,placeholders:e.placeholders,pivot:z,rangeToRender:f})))),t.createElement(b6,{onChange:e=>{"PARAGRAPH"!==h||M||l(n,e.target.value)},value:"PARAGRAPH"===h&&!M&&s.formValues[n.question.name]?s.formValues[n.question.name]:"",activeBlock:!0,autoFocus:"PARAGRAPH"===h,onSubmit:()=>{l(n,s?.formValues?.[n.question.name],!0),n.name===p[p.length-1].name&&b("COMPLETE")}})):null},f6=e=>{const{survey:n,answers:o}=Se(e.survey,e.answers);return t.useEffect((()=>{const t=document.documentElement;!ze(e.surveyServAssetUrl)&&t&&setTimeout((()=>{t.style.setProperty("--fsc-whatsapp-bg",`url(${e.surveyServAssetUrl}/survey/whatsapp-bg.svg)`),t.style.setProperty("--fsc-instagram-bg",`url(${e.surveyServAssetUrl}/survey/instagram-bg.svg)`)}),0)}),[e.surveyServAssetUrl]),t.useEffect((()=>{n.ui_theme&&qe(n.ui_theme)}),[n.ui_theme]),"whatsapp"===e.channel?t.createElement(h6,{...e,survey:n,answers:o}):"instagram"===e.channel?t.createElement(h6,{type:"instagram",...e,survey:n,answers:o}):(console.error(`Channel ${e.channel} not supported`),null)};var O6=Object.freeze({__proto__:null,allPathsLoader:function(e,t){return bt(void 0,void 0,void 0,(function(){return Mt(this,(function(n){switch(n.label){case 0:return[4,Promise.resolve().then((function(){return lA}))];case 1:return[2,(0,n.sent().getIconPaths)(e,t)]}}))}))}}),v6=Object.freeze({__proto__:null,splitPathsBySizeLoader:function(e,t){return bt(void 0,void 0,void 0,(function(){var n,o;return Mt(this,(function(a){switch(a.label){case 0:return n=nA(e),t!==aA.STANDARD?[3,2]:[4,Promise.resolve().then((function(){return rA}))];case 1:return o=a.sent(),[3,4];case 2:return[4,Promise.resolve().then((function(){return iA}))];case 3:o=a.sent(),a.label=4;case 4:return[2,o[n]]}}))}))}});export{gl as Binary,Ml as Button,f6 as ChannelPreview,Zu as Checkbox,Eu as Dropdown,wl as Input,Ju as ProgressBar,Ku as RadioGroup,Wl as Range,TM as RankOrder,Cz as Slider,s6 as Survey,Sz as SurveyFooter,kz as SurveyProgress,xl as TextArea,l6 as WebInAppSurvey};
41
+ */;const D5=({addFilter:e,utils:t})=>{const{Type:n,isString:o,replaceInString:a,guesstimateMimeType:r,getExtensionFromFilename:i,getFilenameFromURL:c}=t,s=(e,t)=>e.some((e=>{return/\*$/.test(e)?(n=e,(/^[^/]+/.exec(t)||[]).pop()===n.slice(0,-2)):e===t;var n})),l=(e,t,n)=>{if(0===t.length)return!0;const a=(e=>{let t="";if(o(e)){const n=c(e),o=i(n);o&&(t=r(o))}else t=e.type;return t})(e);return n?new Promise(((o,r)=>{n(e,a).then((e=>{s(t,e)?o():r()})).catch(r)})):s(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")||l(e,t("GET_ACCEPTED_FILE_TYPES")))),e("LOAD_FILE",((e,{query:t})=>new Promise(((n,o)=>{if(!t("GET_ALLOW_FILE_TYPE_VALIDATION"))return void n(e);const r=t("GET_ACCEPTED_FILE_TYPES"),i=t("GET_FILE_VALIDATE_TYPE_DETECT_TYPE"),c=l(e,r,i),s=()=>{const e=r.map((e=>t=>null!==e[t]&&(e[t]||t))(t("GET_FILE_VALIDATE_TYPE_LABEL_EXPECTED_TYPES_MAP"))).filter((e=>!1!==e)),n=e.filter(((t,n)=>e.indexOf(t)===n));o({status:{main:t("GET_LABEL_FILE_TYPE_NOT_ALLOWED"),sub:a(t("GET_FILE_VALIDATE_TYPE_LABEL_EXPECTED_TYPES"),{allTypes:n.join(", "),allButLastType:n.slice(0,-1).join(", "),lastType:n[n.length-1]})}})};if("boolean"==typeof c)return c?n(e):s();c.then((()=>{n(e)})).catch(s)})))),{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:D5}));dl('/*!\n * FilePond 4.30.6\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;-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{-webkit-text-decoration:underline;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;-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;-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;-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 (-webkit-min-device-pixel-ratio:0), 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;-webkit-text-decoration:none;text-decoration:none;z-index:3;bottom:-14px}.filepond--root .filepond--credits[style]{top:0;bottom:auto;margin-top:14px}');dl(".PinturaModal {\n z-index: 2147483648 !important;\n}\n\n.freemium-survey-components .file-upload-container {\n display: flex;\n position: relative;\n z-index: 4;\n flex-direction: column;\n align-items: center;\n padding: 20px;\n 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: 10px;\n}\n.freemium-survey-components .file-upload-container.push-backward {\n z-index: 0 !important;\n}\n.freemium-survey-components .file-upload-container .drop-your-file-container {\n color: #12344d;\n font-size: var(--fsc-font-size);\n margin: 0 0 8px 0 !important;\n font-size: var(--fsc-font-size);\n font-weight: 500;\n}\n.freemium-survey-components .file-upload-container .link {\n font-weight: 500;\n font-size: 0.9em;\n line-height: 20px;\n text-align: center;\n color: var(--input-highlight-color);\n -webkit-text-decoration: underline;\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: 0.8em;\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: 0.8em;\n font-weight: 500;\n color: var(--question-secondary-color);\n max-width: 80%;\n color: #92a2b1;\n line-height: 1.5;\n}\n.freemium-survey-components .file-upload-container.errored {\n border: 2px dashed var(--file-upload-error-border-color);\n}\n.freemium-survey-components .filepond--item {\n height: 200px !important;\n}\n.freemium-survey-components .filepond--item[data-filepond-item-state=load-invalid] {\n display: none;\n}\n.freemium-survey-components .filepond--item.filepond--item-error .filepond--image-preview {\n display: block !important;\n}\n.freemium-survey-components .file-upload-container {\n visibility: visible;\n}\n.freemium-survey-components .file-error {\n color: var(--text-danger);\n font-size: 0.8em;\n font-weight: 600;\n text-align: left;\n display: flex;\n align-items: start;\n}\n.freemium-survey-components .file-error span {\n line-height: 1.5;\n display: inline-block;\n width: 100%;\n line-break: anywhere;\n margin-left: 5px;\n}\n.freemium-survey-components .filepond--panel-center.filepond--item-panel {\n height: 16px !important;\n}\n.freemium-survey-components .filepond--wrapper {\n margin-bottom: 5px;\n}\n.freemium-survey-components .filepond--file-poster-wrapper {\n height: 200px;\n}\n.freemium-survey-components .filepond--panel-bottom.filepond--item-panel {\n top: 18%;\n transform: none !important;\n}\n.freemium-survey-components .filepond--root.filepond--hopper {\n position: absolute !important;\n width: 100%;\n 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}"),V(I5,D5,k$,H5),l5(p5,d5,u5,b5);const X5=u((({onClick:e,maxFileSize:n=16,visible:a=!0,supportedFileFormats:r,translationVariables:i,fileErrors:c},s)=>{const[l,p]=o(!1),u=i?.drop_your_file?i?.drop_your_file:t.createElement(t.Fragment,null,"Drop your file here, or Browse");return t.createElement("div",{ref:s,className:"file-upload-container "+(c?.current?.main?"errored":""),onClick:e,style:{visibility:a?"visible":"hidden"},onDragOver:e=>{e.preventDefault(),e.target.classList.add("push-backward")}}," ",t.createElement(fl,{name:"file-upload-icon"}),"string"!=typeof u?t.createElement("p",null,u):t.createElement("p",{className:"drop-your-file-container",dangerouslySetInnerHTML:{__html:u}}),t.createElement("p",{className:"max-size"},((e,t,n)=>{if(n&&e&&t)return e.replace(t,n)})(i?.max_file_size,"{{max_file_size}}",String(n))||`Maximum file size : ${n} MB`),t.createElement("p",{className:"support file-formats"},i?.supported_file_formats||"Supported file formats: "," ",(r=r.join(", ")).trim()?t.createElement(t.Fragment,null,l?r:r.slice(0,20)," ",t.createElement("span",{onClick:()=>p(!l),style:{color:"#2C5CC5",textDecoration:"underline",cursor:"pointer"}},l?i?.show_less||"Show less":i?.show_more||"Show more")):"No formats selected"),t.createElement("div",{className:"filepond--drip"}))})),V5=({question:e,onChangeHandler:n,onFileUpload:r,setErrors:i,translationVariables:c,surveyServAssetUrl:s,value:l,preview:p})=>{const[u,d]=o([]),[b,M]=o([]),z=a(),m=e.type_info?.file_field?.max_file_size||10,h=a(null),f=a(),[O,v]=o(!1);let A=!1;t.useEffect((()=>{const t=sessionStorage.getItem(`uploadedFile-${e?.name}`),n=t?JSON.parse(t):"";n?.source&&(n.options={...n.options,file:{name:l,size:n.fileSize}},l&&d([n]))}),[]);const g=async(t,o)=>{try{if(A)return;if(f.current&&me(h.current)||t){const a=t??f.current.getFiles()?.[0]?.file;if(a&&r){A=!0;const t=await r(a.type,a.size,a.name,e);if(o&&o(!0,50,100),t.startsWith("http")&&s){const o=await fetch(t,{method:"PUT",headers:{"Content-Type":a.type,"Content-Disposition":"attachment"},body:a}),r=new URL(t),i=`${s}${r.pathname}`;if(!o.ok)throw console.error("Error uploading file"),new Error("Error uploading file");sessionStorage.setItem(`uploadedFile-${e?.name}`,JSON.stringify({source:i,options:{type:"local"},fileSize:f.current.getFiles()?.[0]?.fileSize})),n(a.name)}else n(p?"dummy":null),console.error("Error fetching pre-signed url");A=!1}}}catch(e){throw console.error("error in uploading file",e,"stringified error",JSON.stringify(e)),new Error("Error uploading file")}};return t.useEffect((()=>{(()=>{const t=e.type_info?.file_field?.allowed_file_types,n=Object.keys(be).map((e=>{if((t||[]).includes(e))return be[e].concat(",")})).join(" ").trim().slice(0,-1);M(n.split(", "))})()}),[]),t.createElement(t.Fragment,null,t.createElement(j,{ref:f,files:u,labelFileProcessing:c?.uploading_text??"Uploading..",labelFileProcessingComplete:c?.upload_complete??"Upload complete",labelMaxFileSizeExceeded:c?.file_too_large??"The file is too large and cannot be uploaded.",labelMaxFileSize:"",labelTapToCancel:"",labelTapToUndo:"",labelFileTypeNotAllowed:c?.invalid_type??"The file mismatch. Retry by uploading the supported file type.",fileValidateTypeLabelExpectedTypes:"",beforeAddFile:e=>(h.current?.main&&(h.current=null,i({}),d([e]),v(!0)),!0),onremovefile:()=>{O?v(!1):(d([]),i({}),h.current=null,n(null))},allowReplace:!0,server:{process:async(e,t,n,o,a,r)=>{r(!0,0,100);try{await g(t,r),r(!0,100,100),o(t.name)}catch(e){a("An error occurred during upload")}}},onpreparefile:(e,t)=>{const n=new FileReader;n.onloadend=()=>{const t=n.result??"",o=new Blob([t],{type:e.fileType}),a=new File([o],e.filename,{type:e.fileType});g(a)},n.readAsArrayBuffer(t)},onerror:t=>{h.current=t,i({[e.name]:t})},required:!0,credits:!1,allowFileTypeValidation:!0,acceptedFileTypes:b,fileValidateTypeDetectType:(e,t)=>new Promise(((t,n)=>{const o=e.name.split(".");t(`.${o[o.length-1].toLowerCase()}`)})),imageEditor:{legacyDataToImageState:jQ,createEditor:g5,imageReader:[i5,{}],imageWriter:[c5,{}],imageProcessor:$F,imageEditorAfterWriteImage:({src:e,dest:t,imageState:n})=>new Promise(((o,a)=>{$F(e,{imageReader:i5(),imageWriter:c5({targetSize:{width:128,height:15,fit:"cover"}}),imageState:n}).then((n=>{o([{name:"input_",file:e},{name:"output_",file:t},{name:"thumb_",file:n.dest}])})).catch(a)})),editorOptions:{utils:["crop","finetune","filter","annotate"],imageOrienter:{read:_$,apply:e_},shapePreprocessor:y5(),...M5,...z5,...s5,locale:{...m5,...f5,...v5,...O5,...A5,...h5}}},allowFileSizeValidation:!0,maxFileSize:`${m}MB`,onupdatefiles:e=>{z.current?.classList.remove("push-backward"),e.length&&d(e)},maxFiles:1,name:`${e.id}-files`}),t.createElement(X5,{ref:z,onClick:e=>{const t=e.target;"path"!==t?.tagName&&"P"!==t?.tagName&&(!t?.className||t?.className instanceof SVGAnimatedString||t.className.includes("format-type-toggler"))||f.current.browse()},fileErrors:h,visible:Boolean(!u.length||h.current?.main),maxFileSize:m,translationVariables:{...c,tTimeZones:[{id:"",offset:"",timeZone:""}]},supportedFileFormats:b}),h?.current?.main&&t.createElement("div",{className:"file-error"},t.createElement(fl,{name:"info"}),t.createElement("span",null,`${h?.current?.main}\n ${h.current?.sub}`)))};dl(".fsc-form-field-container {\n display: flex;\n gap: 16px;\n}\n.fsc-form-field-container.layout-horizontal {\n flex-direction: row;\n flex-wrap: wrap;\n}\n.fsc-form-field-container.layout-horizontal .fsc-form-field {\n flex: 1;\n}\n.fsc-form-field-container.layout-vertical {\n flex-direction: column;\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components .fsc-form-field-container {\n flex-direction: row;\n flex-wrap: wrap;\n }\n .freemium-survey-components .fsc-form-field-container .fsc-form-field {\n flex: 1;\n width: 100%;\n }\n}\n.freemium-survey-components.mobile-preview .fsc-form-field-container {\n flex-direction: row;\n flex-wrap: wrap;\n}\n.freemium-survey-components.mobile-preview .fsc-form-field-container .fsc-form-field {\n flex: 1;\n width: 100%;\n}");const j5=e=>{const{placeholder:n,name:o,isRequired:a,label:r,isErrored:i,errorText:c,id:s,disabled:l,language:p,allowOnlyFuture:u,displayFormat:d,type:b,onChange:M,value:z,translationVariables:m,...h}=e,f=d?s$[d]:s$["MMM dd, yyyy"],O=document.querySelector('div[role="dialog"].DialogContent');return t.createElement("div",{className:"fsc-picker fsc-date-picker",id:`date-picker-container-${s??""}`.trim(),"aria-invalid":i},r&&t.createElement("label",{htmlFor:e.id,className:"fsc-input-label"},r,r&&a&&t.createElement("span",null,"*")),t.createElement(FA,null,t.createElement(QR,{canClearSelection:!0,closeOnSelection:!1,locale:a$(p||"en"),disabled:l,minDate:u?new Date:Fz(new Date).subtract(60,"years").toDate(),maxDate:Fz(new Date).add(60,"years").toDate(),fill:!0,highlightCurrentDay:!0,inputProps:{readOnly:!0,placeholder:m?.date_time_placeholder||"Select a date",name:o,id:s,"aria-disabled":l},dayPickerProps:{disabled:l,components:{Dropdown:e=>t.createElement(nL,{translationVariables:m,...e,disabled:l})}},showActionsBar:!0,popoverProps:{hasBackdrop:!0,minimal:!1,placement:"bottom-start",usePortal:!0,portalClassName:"fsc-bp5-portal",portalContainer:O||void 0},value:z?c$({dateString:z,dateTimeFormat:f,translationVariables:m}):null,formatDate:e=>e?i$({date:e,dateTimeFormat:f,translationVariables:m}):"",onChange:(e,t)=>{M?.(e?i$({date:new Date(e),dateTimeFormat:f,translationVariables:m}):null,t)},...h})),i&&c&&t.createElement("span",{className:"fsc-input-helper"},c))};dl('/* CSS variables. */\n:root {\n --PhoneInput-color--focus: #03b2cb;\n --PhoneInputInternationalIconPhone-opacity: 0.8;\n --PhoneInputInternationalIconGlobe-opacity: 0.65;\n --PhoneInputCountrySelect-marginRight: 0.5em;\n --PhoneInputCountrySelectArrow-width: 0.3em;\n --PhoneInputCountrySelectArrow-marginLeft: var(\n --PhoneInputCountrySelect-marginRight\n );\n --PhoneInputCountrySelectArrow-borderWidth: 1px;\n --PhoneInputCountrySelectArrow-opacity: 0.45;\n --PhoneInputCountrySelectArrow-color: currentColor;\n --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);\n --PhoneInputCountrySelectArrow-transform: rotate(45deg);\n --PhoneInputCountryFlag-aspectRatio: 1.5;\n --PhoneInputCountryFlag-height: 1em;\n --PhoneInputCountryFlag-borderWidth: 1px;\n --PhoneInputCountryFlag-borderColor: rgba(0, 0, 0, 0.5);\n --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);\n --PhoneInputCountryFlag-backgroundColor--loading: rgba(0, 0, 0, 0.1);\n}\n\n.PhoneInput {\n /* This is done to stretch the contents of this component. */\n display: flex;\n align-items: center;\n overflow: auto;\n}\n\n.PhoneInputInput {\n /* The phone number input stretches to fill all empty space */\n flex: 1;\n /* The phone number input should shrink\n to make room for the extension input */\n min-width: 0;\n}\n\n.PhoneInputCountryIcon {\n width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));\n height: var(--PhoneInputCountryFlag-height);\n}\n\n.PhoneInputCountryIcon--square {\n width: var(--PhoneInputCountryFlag-height);\n}\n\n.PhoneInputCountryIcon--border {\n /* Removed `background-color` because when an `<img/>` was still loading\n it would show a dark gray rectangle. */\n /* For some reason the `<img/>` is not stretched to 100% width and height\n and sometime there can be seen white pixels of the background at top and bottom. */\n background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);\n /* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */\n /* For some reason the `<img/>` is not stretched to 100% width and height\n and sometime there can be seen white pixels of the background at top and bottom,\n so an additional "inset" border is added. */\n box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);\n}\n\n.PhoneInputCountryIconImg {\n /* Fixes weird vertical space above the flag icon. */\n /* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */\n display: block;\n /* 3rd party <SVG/> flag icons won\'t stretch if they have `width` and `height`.\n Also, if an <SVG/> icon\'s aspect ratio was different, it wouldn\'t fit too. */\n width: 100%;\n height: 100%;\n}\n\n.PhoneInputInternationalIconPhone {\n opacity: var(--PhoneInputInternationalIconPhone-opacity);\n}\n\n.PhoneInputInternationalIconGlobe {\n opacity: var(--PhoneInputInternationalIconGlobe-opacity);\n}\n\n/* Styling native country `<select/>`. */\n.PhoneInputCountry {\n position: relative;\n align-self: stretch;\n display: flex;\n align-items: center;\n margin-right: var(--PhoneInputCountrySelect-marginRight);\n}\n\n.PhoneInputCountrySelect {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n border: 0;\n opacity: 0;\n cursor: pointer;\n}\n\n.PhoneInputCountrySelect[disabled],\n.PhoneInputCountrySelect[readonly] {\n cursor: default;\n}\n\n.PhoneInputCountrySelectArrow {\n display: block;\n content: "";\n width: var(--PhoneInputCountrySelectArrow-width);\n height: var(--PhoneInputCountrySelectArrow-width);\n margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);\n border-style: solid;\n border-color: var(--PhoneInputCountrySelectArrow-color);\n border-top-width: 0;\n border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);\n border-left-width: 0;\n border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);\n transform: var(--PhoneInputCountrySelectArrow-transform);\n opacity: var(--PhoneInputCountrySelectArrow-opacity);\n}\n\n.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {\n opacity: 1;\n color: var(--PhoneInputCountrySelectArrow-color--focus);\n}\n\n.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {\n box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);\n}\n\n.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {\n opacity: 1;\n color: var(--PhoneInputCountrySelectArrow-color--focus);\n}');const F5=t.forwardRef((({label:e,inline:n,startLabel:o,startAdornment:a,endLabel:r,endAdornment:i,isRequired:c,isErrored:s,showCount:l,inputStyle:p,style:u,errorText:d,maxLength:b=18,value:M,labelProps:z,onChangeHandler:m,containerProps:h,surveyLayout:f,setFocus:O,autoFocusDelay:v=10,...A},g)=>{const y=t.useRef(null),[q,W]=t.useState(M);t.useEffect((()=>{q&&!M&&W(M)}),[M]),t.useEffect((()=>{O&&document.activeElement!==y?.current&&setTimeout((()=>{y.current?.focus()}),ae+(v??0))}),[]);const w="card"===f?M:q;return t.createElement("div",{className:"fsc-input-base fsc-input fsc-phone-input",style:u},e&&t.createElement("label",{htmlFor:A.id,className:"fsc-input-label",...z},e,e&&c&&t.createElement("span",null,"*")),t.createElement("div",{className:"input-container",...h},t.createElement(F,{numberInputProps:{ref:y,maxLength:b},className:"input-basic".trim(),placeholder:A.placeholder,focusInputOnCountrySelection:!1,locales:["US"],onChange:()=>{},countryCallingCodeEditable:!0,withCountryCallingCode:!1,onCountryChange:e=>{setTimeout((()=>{if(!e)return;const t=U(`${w??""}`,e),n=`+${G(e)}${t?.nationalNumber??""}`.slice(0,b);"card"===f?m(n):W(n),y.current?.focus()}),0)},..."card"===f?{value:M??"",onChange:e=>{const t=("string"==typeof e?e:e?.target?.value??"").replaceAll(" ","");t.length>b||m(t)}}:{onBlur:e=>{if((ze(M)||me(M))&&(ze(q)||me(q))||q===M);else{const t=("string"==typeof e?e:e?.target?.value??"").replaceAll(" ","");m(t,!0)}},value:q??"",onChange:e=>{const t=("string"==typeof e?e:e?.target?.value??"").replaceAll(" ","");t.length>b||W(t)}}}),l&&b>0&&t.createElement("div",{className:"end-max-length"},`${Math.min(b,`${w||""}`.length)}/${b}`),i&&t.createElement("div",{className:"end-adornment"},i)),s&&d&&t.createElement("span",{className:"fsc-input-helper"},d))})),U5=e=>{switch(e){case"EMAIL":return"email";case"PHONE":return"tel";case"NUMBER":return"number";default:return"text"}},G5=({question:e,autoFocusDelay:n,onChangeHandler:o,surveyStyle:a,isRequired:r,formValues:i,fieldErrors:c,translationVariables:s,language:l})=>{const p=e.type_info?.form_fields?.layout,u=e.type_info?.form_fields?.fields;return t.createElement("div",{className:`fsc-form-field-container layout-${(p??"VERTICAL").toLowerCase()}`.trim()},u?.map(((r,p)=>{const u="NUMBER"===r?.type||"PHONE"===r.type?18:256;return t.createElement("div",{className:"fsc-form-field",key:r.id},"DATE"!==r?.type&&"DATE_TIME"!==r?.type?t.createElement(t.Fragment,null,"PHONE"===r.type?t.createElement(F5,{key:p,surveyLayout:a??"card",setFocus:0===p&&"standard"!==a,autoFocusDelay:n,label:r?.label||"",type:"tel",isRequired:!!r.required,showCount:!0,maxLength:u,value:r.id&&i[e.name]?.[r.id]||"",onChangeHandler:(t,n)=>{r.id&&o({...i[e.name]??{},[r.id]:t||null},!0)},isErrored:!(!r.id||!i?.[e.name]?.[r.id])&&!!c?.[r?.id||""],errorText:r.id&&i[e.name]?.[r.id]?c?.[r?.id]:""}):t.createElement(wl,{key:p,setFocus:0===p&&"standard"!==a,autoFocusDelay:n,onKeyDown:e=>{"PHONE"===r?.type&&xe(e),"NUMBER"===r?.type&&we(e)},showCount:!0,maxLength:u,placeholder:"NUMBER"===r?.type?"0":void 0,label:r?.label||"",type:U5(r?.type??"TEXT"),isRequired:!!r.required,value:r.id?i[e.name]?.[r.id]??"":"",onChange:t=>{r.id&&o({...i[e.name]??{},[r.id]:t.target.value.slice(0,u)||null})},onBlur:t=>{if(r.id){const n=i[e.name]?.[r.id],a=t.target.value.slice(0,u);(ze(n)||me(n))&&(ze(a)||me(a))||o?.({...i[e.name]??{},[r.id]:a||null},!0)}},isErrored:!(!r.id||!i?.[e.name]?.[r.id])&&!!c?.[r?.id||""],errorText:r.id&&i[e.name]?.[r.id]?c?.[r?.id]:""})):t.createElement(t.Fragment,null,"DATE_TIME"===r?.type?t.createElement(l$,{id:r.id??"",name:e.name??"",label:r?.label??"",isRequired:!!r.required,allowOnlyFuture:!!e.type_info?.meta?.allow_future_date,language:l,useAmPm:!e.type_info?.meta?.time_format,showTimezoneSelect:!1,onChange:t=>{o({...i[e.name]??{},...r.id&&{[r.id]:t}},!0)},value:r?.id&&i[e?.name]?.[r?.id],type:"FORM_FIELD",translationVariables:s}):t.createElement(j5,{id:r.id??"",name:e.name??"",label:r?.label??"",isRequired:!!r.required,allowOnlyFuture:!!e.type_info?.meta?.allow_future_date,language:l,onChange:t=>{o({...i[e.name]??{},...r.id&&{[r.id]:t}},!0)},value:r?.id&&i[e?.name]?.[r?.id],type:"FORM_FIELD",translationVariables:s})))})))},Y5="rovingFocusGroup.onEntryFocus",Z5={bubbles:!1,cancelable:!0},K5="RovingFocusGroup",[J5,Q5,e4]=Hl(K5),[t4,n4]=kl(K5,[e4]),[o4,a4]=t4(K5),r4=u(((e,t)=>s(J5.Provider,{scope:e.__scopeRovingFocusGroup},s(J5.Slot,{scope:e.__scopeRovingFocusGroup},s(i4,Rl({},e,{ref:t})))))),i4=u(((e,t)=>{const{__scopeRovingFocusGroup:n,orientation:i,loop:c=!1,dir:l,currentTabStopId:u,defaultCurrentTabStopId:d,onCurrentTabStopIdChange:b,onEntryFocus:M,...z}=e,m=a(null),h=Tl(t,m),f=Dl(l),[O=null,v]=Sp({prop:u,defaultProp:d,onChange:b}),[A,g]=o(!1),y=Vl(M),q=Q5(n),W=a(!1),[w,x]=o(0);return r((()=>{const e=m.current;if(e)return e.addEventListener(Y5,y),()=>e.removeEventListener(Y5,y)}),[y]),s(o4,{scope:n,orientation:i,dir:f,loop:c,currentTabStopId:O,onItemFocus:p((e=>v(e)),[v]),onItemShiftTab:p((()=>g(!0)),[]),onFocusableItemAdd:p((()=>x((e=>e+1))),[]),onFocusableItemRemove:p((()=>x((e=>e-1))),[])},s(Xl.div,Rl({tabIndex:A||0===w?-1:0,"data-orientation":i},z,{ref:h,style:{outline:"none",...e.style},onMouseDown:Cl(e.onMouseDown,(()=>{W.current=!0})),onFocus:Cl(e.onFocus,(e=>{const t=!W.current;if(e.target===e.currentTarget&&t&&!A){const t=new CustomEvent(Y5,Z5);if(e.currentTarget.dispatchEvent(t),!t.defaultPrevented){const e=q().filter((e=>e.focusable));l4([e.find((e=>e.active)),e.find((e=>e.id===O)),...e].filter(Boolean).map((e=>e.ref.current)))}}W.current=!1})),onBlur:Cl(e.onBlur,(()=>g(!1)))})))})),c4=u(((e,t)=>{const{__scopeRovingFocusGroup:n,focusable:o=!0,active:a=!1,tabStopId:i,...c}=e,l=Mp(),p=i||l,u=a4("RovingFocusGroupItem",n),d=u.currentTabStopId===p,b=Q5(n),{onFocusableItemAdd:M,onFocusableItemRemove:z}=u;return r((()=>{if(o)return M(),()=>z()}),[o,M,z]),s(J5.ItemSlot,{scope:n,id:p,focusable:o,active:a},s(Xl.span,Rl({tabIndex:d?0:-1,"data-orientation":u.orientation},c,{ref:t,onMouseDown:Cl(e.onMouseDown,(e=>{o?u.onItemFocus(p):e.preventDefault()})),onFocus:Cl(e.onFocus,(()=>u.onItemFocus(p))),onKeyDown:Cl(e.onKeyDown,(e=>{if("Tab"===e.key&&e.shiftKey)return void u.onItemShiftTab();if(e.target!==e.currentTarget)return;const t=function(e,t,n){const o=function(e,t){return"rtl"!==t?e:"ArrowLeft"===e?"ArrowRight":"ArrowRight"===e?"ArrowLeft":e}(e.key,n);return"vertical"===t&&["ArrowLeft","ArrowRight"].includes(o)||"horizontal"===t&&["ArrowUp","ArrowDown"].includes(o)?void 0:s4[o]}(e,u.orientation,u.dir);if(void 0!==t){e.preventDefault();let n=b().filter((e=>e.focusable)).map((e=>e.ref.current));if("last"===t)n.reverse();else if("prev"===t||"next"===t){"prev"===t&&n.reverse();const o=n.indexOf(e.currentTarget);n=u.loop?function(e,t){return e.map(((n,o)=>e[(t+o)%e.length]))}(n,o+1):n.slice(o+1)}setTimeout((()=>l4(n)))}}))})))})),s4={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function l4(e){const t=document.activeElement;for(const n of e){if(n===t)return;if(n.focus(),document.activeElement!==t)return}}const p4=r4,u4=c4,d4="Radio",[b4,M4]=kl(d4),[z4,m4]=b4(d4),h4=u(((e,t)=>{const{__scopeRadio:n,name:r,checked:i=!1,required:c,disabled:l,value:p="on",onCheck:u,...d}=e,[b,M]=o(null),z=Tl(t,(e=>M(e))),m=a(!1),h=!b||Boolean(b.closest("form"));return s(z4,{scope:n,checked:i,disabled:l},s(Xl.button,Rl({type:"button",role:"radio","aria-checked":i,"data-state":v4(i),"data-disabled":l?"":void 0,disabled:l,value:p},d,{ref:z,onClick:Cl(e.onClick,(e=>{i||null==u||u(),h&&(m.current=e.isPropagationStopped(),m.current||e.stopPropagation())}))})),h&&s(O4,{control:b,bubbles:!m.current,name:r,value:p,checked:i,required:c,disabled:l,style:{transform:"translateX(-100%)"}}))})),f4=u(((e,t)=>{const{__scopeRadio:n,forceMount:o,...a}=e,r=m4("RadioIndicator",n);return s(Bu,{present:o||r.checked},s(Xl.span,Rl({"data-state":v4(r.checked),"data-disabled":r.disabled?"":void 0},a,{ref:t})))})),O4=e=>{const{control:t,checked:n,bubbles:o=!0,...i}=e,c=a(null),l=Tp(n),p=zp(t);return r((()=>{const e=c.current,t=window.HTMLInputElement.prototype,a=Object.getOwnPropertyDescriptor(t,"checked").set;if(l!==n&&a){const t=new Event("click",{bubbles:o});a.call(e,n),e.dispatchEvent(t)}}),[l,n,o]),s("input",Rl({type:"radio","aria-hidden":!0,defaultChecked:n},i,{tabIndex:-1,ref:c,style:{...e.style,...p,position:"absolute",pointerEvents:"none",opacity:0,margin:0}}))};function v4(e){return e?"checked":"unchecked"}const A4=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],g4="RadioGroup",[y4,q4]=kl(g4,[n4,M4]),W4=n4(),w4=M4(),[x4,R4]=y4(g4),L4=u(((e,t)=>{const{__scopeRadioGroup:n,name:o,defaultValue:a,value:r,required:i=!1,disabled:c=!1,orientation:l,dir:p,loop:u=!0,onValueChange:d,...b}=e,M=W4(n),z=Dl(p),[m,h]=Sp({prop:r,defaultProp:a,onChange:d});return s(x4,{scope:n,name:o,required:i,disabled:c,value:m,onValueChange:h},s(p4,Rl({asChild:!0},M,{orientation:l,dir:z,loop:u}),s(Xl.div,Rl({role:"radiogroup","aria-required":i,"aria-orientation":l,"data-disabled":c?"":void 0,dir:z},b,{ref:t}))))})),C4=L4,k4=u(((e,t)=>{const{__scopeRadioGroup:n,disabled:o,...i}=e,c=R4("RadioGroupItem",n),l=c.disabled||o,p=W4(n),u=w4(n),d=a(null),b=Tl(t,d),M=c.value===i.value,z=a(!1);return r((()=>{const e=e=>{A4.includes(e.key)&&(z.current=!0)},t=()=>z.current=!1;return document.addEventListener("keydown",e),document.addEventListener("keyup",t),()=>{document.removeEventListener("keydown",e),document.removeEventListener("keyup",t)}}),[]),s(u4,Rl({asChild:!0},p,{focusable:!l,active:M}),s(h4,Rl({disabled:l,required:c.required,checked:M},u,i,{name:c.name,ref:b,onCheck:()=>c.onValueChange(i.value),onKeyDown:Cl((e=>{"Enter"===e.key&&e.preventDefault()})),onFocus:Cl(i.onFocus,(()=>{var e;z.current&&(null===(e=d.current)||void 0===e||e.click())}))})))})),P4=u(((e,t)=>{const{__scopeRadioGroup:n,...o}=e,a=w4(n);return s(f4,Rl({},a,o,{ref:t}))})),S4=e=>{const{checked:n,className:o,disabled:a,id:r,isRequired:i,label:c,name:s,readOnly:l,onChange:p,...u}=e,d=Le();return t.createElement(C4,{className:`fsc-radio ${o??""}`.trim(),name:s,"aria-label":c||"Radio button",value:n?"default":"",required:i,disabled:a,"aria-readonly":l,onValueChange:e=>{p?.(!n,e)},...u,...d.radioGroupRoot??{}},t.createElement("div",{className:"fsc-radio-container"},t.createElement(k4,{checked:n,"aria-checked":n,className:"fsc-radio-item",disabled:a,"aria-readonly":l,id:r,...d.radioGroupItemRoot??{},value:"default"},t.createElement(P4,{className:"fsc-radio-indicator"})),c&&t.createElement("label",{htmlFor:r,className:"fsc-radio-label"},c,c&&i&&t.createElement("span",null,"*"))))};dl(".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: var(--question-text-color, var(--default-question-text-color));\n text-align: center;\n font-size: 0.8em;\n font-weight: 500;\n padding: 12px 24px;\n background-color: var(--question-background-color, var(--default-question-background-color));\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: var(--question-background-color, var(--default-question-background-color));\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: var(--question-background-color, var(--default-question-background-color));\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: 0.8em;\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}\n\n@media (max-width: 550px) {\n .freemium-survey-components.standard-survey-style .matrix-container td.m-s-b-s-q-m-s-input,\n .freemium-survey-components.standard-survey-style .matrix-container th.m-s-b-s-q-m-s-input,\n .freemium-survey-components.standard-survey-style .matrix-container th.m-s-b-s-q-m-s-th-empty,\n .freemium-survey-components.standard-survey-style .matrix-container th.m-s-b-s-q-m-s-th {\n position: unset;\n }\n .freemium-survey-components.standard-survey-style .matrix-container td.m-s-b-s-q-m-s-input {\n min-width: unset;\n max-width: 50vw;\n }\n}\n.freemium-survey-components.mobile-preview.standard-survey-style .matrix-container td.m-s-b-s-q-m-s-input,\n.freemium-survey-components.mobile-preview.standard-survey-style .matrix-container th.m-s-b-s-q-m-s-input,\n.freemium-survey-components.mobile-preview.standard-survey-style .matrix-container th.m-s-b-s-q-m-s-th-empty,\n.freemium-survey-components.mobile-preview.standard-survey-style .matrix-container th.m-s-b-s-q-m-s-th {\n position: unset;\n}\n.freemium-survey-components.mobile-preview.standard-survey-style .matrix-container td.m-s-b-s-q-m-s-input {\n min-width: unset;\n max-width: 50vw;\n}");const T4=e=>{const{type_info:{matrix_properties:n},onChangeHandler:o,value:a}=e;return t.createElement("div",{className:"matrix-container","data-test-input":"matrix"},t.createElement("table",{className:"st-mt-table"},t.createElement("thead",{className:"st-mt-thead"},t.createElement("tr",{className:"st-mt-tr"},t.createElement("th",{className:"m-s-b-s-q-m-s-th-empty st-mt-th"}),n?.rating_labels?.map(((e,n)=>e.is_active?t.createElement("th",{key:e.id,className:"m-s-b-s-q-m-s-th st-mt-th"},e.text):null)))),t.createElement("tbody",{className:"st-mt-tbody"},n?.statements?.map(((e,r)=>e.is_active?t.createElement("tr",{key:e.id,className:"m-s-b-s-q-m-s-tr-hover st-mt-tr"},t.createElement("td",{className:"m-s-b-s-q-m-s-input st-mt-td"},e.text),n?.rating_labels?.map(((i,c)=>{if(!i.is_active)return null;const s=a?.find((t=>t?.statement_id===e?.id));return t.createElement("td",{key:i.id,className:"m-s-b-s-q-m-s-switch st-mt-td"},"SINGLE_ANSWER"===n?.type&&t.createElement(S4,{key:i.id||`${r}-key-${c}`,name:`q-m-s-radio-${r}-key-${c}`,checked:!!s?.rating_labels?.find((e=>e?.id===i?.id)),id:i.id??"",onChange:()=>{e?.id&&i?.id&&o(s?.statement_id?[...a||[]].map((e=>e?.statement_id===s?.statement_id?{...s,rating_labels:[{id:i.id||"",text:i?.text||""}]}:e)):[...a||[],{statement_id:e.id,rating_labels:[{id:i.id,text:i?.text||""}]}])},label:""}),"MULTIPLE_ANSWERS"===n?.type&&t.createElement(Zu,{key:i.id||`${r}-key-${c}`,name:`q-m-s-checkbox-${r}-key-${c}`,checked:!!s?.rating_labels?.find((e=>e?.id===i?.id)),id:i.id??"",onChange:t=>{e?.id&&i?.id&&o(s?.statement_id?[...a||[]].map((e=>e.statement_id===s.statement_id?{...s,rating_labels:t?[...s.rating_labels||[],{id:i.id||"",text:i?.text||""}]:(s.rating_labels||[]).filter((e=>e?.id!==i.id))}:e)):[...a||[],{statement_id:e.id,rating_labels:[{id:i.id,text:i?.text||""}]}])}}))}))):null)))))};dl(".freemium-survey-components .matrix-wd-container {\n display: flex;\n flex-direction: column;\n text-align: left;\n}\n.freemium-survey-components .matrix-wd-container .matrix-st-count {\n color: var(--question-text-color, var(--default-question-text-color));\n font-size: 0.8em;\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: var(--question-text-color, var(--default-question-text-color));\n font-size: var(--fsc-font-size);\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 gap: 8px;\n flex: 1;\n overflow: auto;\n padding: 2px;\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: var(--fsc-font-size);\n}");const E4=e=>{const{type_info:{matrix_properties:n},onChangeHandler:o,name:a,isMobile:r,isReverseAnimation:i,statementIndex:c,value:s,widgetStyle:l,language:p="en"}=e,u=t.useMemo((()=>(n?.statements||[]).find(((e,t)=>t===c))),[n?.statements,c]),d=t.useMemo((()=>s?.find((e=>e?.statement_id===u?.id))),[u,s]);return t.createElement("div",{className:"matrix-wd-container","data-test-input":"matrix"},t.createElement("div",{className:"matrix-st-count"},`${c+1}/${(n?.statements||[]).length}`),t.createElement(ul,{exitBeforeEnter:!0},t.createElement(il.div,{key:`${u?.id??""}`,initial:{opacity:0,x:fe(p,i)},animate:{opacity:1,x:0},exit:{opacity:0,x:Oe(p,i)},transition:{duration:.2}},t.createElement("div",{className:"matrix-st-text"},u?.text),t.createElement("div",{className:`matrix-st-labels wd-style-${l} ${r?"mt-mobile":""}`.trim()},"MULTIPLE_ANSWERS"===n?.type&&t.createElement(Nz,{name:a??"",onChangeHandler:e=>{if(u?.id){const t=d?.statement_id?[...s||[]].map((t=>t.statement_id===d.statement_id?{...d,rating_labels:e.map((e=>{const t=n?.rating_labels?.find((t=>t.id===e));return{id:e,text:t?.text||""}}))}:t)):[...s||[],{statement_id:u.id,rating_labels:e.map((e=>{const t=n?.rating_labels?.find((t=>t.id===e));return{id:e,text:t?.text||""}}))}];o(t)}},saveOthersValue:()=>{},options:(n?.rating_labels??[]).map((e=>({id:e.id,value:e.text}))),values:(d?.rating_labels??[]).map((e=>e.id??"")),autoFocusDelay:0,othersValue:""}),"SINGLE_ANSWER"===n?.type&&t.createElement(Ku,{name:a??"",onChangeHandler:e=>{const t=n?.rating_labels?.find((t=>t.id===e));u?.id&&e&&o(d?.statement_id?[...s||[]].map((n=>n?.statement_id===d?.statement_id?{...d,rating_labels:[{id:e||"",text:t?.text||""}]}:n)):[...s||[],{statement_id:u.id,rating_labels:[{id:e,text:t?.text||""}]}])},saveOthersValue:()=>{},options:(n?.rating_labels??[]).map((e=>({id:e.id,value:e.text}))),value:d?.rating_labels?.[0]?.id??"",othersValue:""})))))},N4=({question:e,autoFocusDelay:n,setFocus:o,formValues:a,surveyLayout:r,onChangeHandler:i})=>{const c=e?.type_info?.number_field?.decimal,s=e?.type_info?.number_field?.decimal_point,l=c?2===s?"0.01":"0.1":"1",p=a[e.name],[u,d]=t.useState(p);t.useEffect((()=>{u&&!p&&d(p)}),[p]);const b=e=>{if(!(c&&!ze(s)&&(e.split(".")?.[1]?.length??0)>(s??0)))if(e.startsWith(".")&&c){const t=Number(e);i(`${t}`,!0)}else i(e,!0)},M=t.useMemo((()=>{const e=["+","-","e","E"];return c||e.push("."),e}),[c]),z=(e=>{let t=1;for(let n=0;n<e;n++)t*=10;return t-1})(18);return t.createElement("div",{className:"responsive-input-field"},t.createElement(wl,{autoFocusDelay:n,isRequired:!!e.required,type:"number",step:l,placeholder:e?.type_info?.meta?.placeholder??c?"0.0"+(2===s?"0":""):"0",onKeyDown:e=>{M.includes(e.key)&&e.preventDefault()},..."card"===r?{value:p??"",onChange:e=>{const t=Number(e.target.value);!isNaN(t)&&t<=z&&e.target.value.length<=18&&b(e.target.value)}}:{value:u??"",onChange:e=>{const t=Number(e.target.value);!isNaN(t)&&t<=z&&e.target.value.length<=18&&d(e.target.value)},onBlur:()=>{return e=u,void((ze(p)||me(p))&&(ze(u)||me(u))||u===p||b(e));var e}},setFocus:o,showCount:!0,max:z,maxLength:18}))},B4=e=>{switch(e){case"EMAIL":return"email";case"PHONE":return"tel";case"URL":return"url";default:return"text"}},$4=e=>{switch(e){case"PHONE":return"phone";case"EMAIL":return"email";case"URL":return"url";default:return""}},_4=({question:e,autoFocusDelay:n,formValues:o,onChangeHandler:a,textboxErrors:r,surveyLayout:i,setFocus:c})=>{const s=e?.type_info?.text_field?.text_type,l=o[e.name],[p,u]=t.useState(l);return t.useEffect((()=>{p&&!l&&u(l)}),[l]),t.createElement("div",{className:"responsive-input-field"},"PHONE"===s?t.createElement(F5,{startAdornment:t.createElement(fl,{name:$4(s)}),type:B4(s),setFocus:c,autoFocusDelay:n,label:"",isRequired:!!e.required,value:l,isErrored:!!r[e.name],errorText:r[e.name]||"",placeholder:e?.type_info?.meta?.placeholder??"",onChangeHandler:a,maxLength:18,showCount:!0,surveyLayout:i}):t.createElement(wl,{startAdornment:s&&"TEXT"!==s&&t.createElement(fl,{name:$4(s)}),type:B4(s),setFocus:c,autoFocusDelay:n,showCount:!0,label:"",isRequired:!!e.required,isErrored:!!r[e.name],errorText:r[e.name]||"",placeholder:e?.type_info?.meta?.placeholder??"",..."card"===i?{value:l??"",onChange:e=>a(e.target.value)}:{onBlur:e=>{(ze(l)||me(l))&&(ze(p)||me(p))||p===l||a?.(e.target.value,!0)},value:p??"",onChange:e=>u(e.target.value)},maxLength:50}))},H4=({surveyLanguage:e,language:n="en",question:o,formValues:a,othersMeta:r,onChangeHandler:i,saveOthersValue:c,autoFocusDelay:s,isFinalQn:l,isWidget:p,isMobile:u,initialPivotAnswer:d,initialQuestionAnswer:b,isInitialTransition:M,formQuestionErrors:z,contactFormErrors:m,activeIndexOfRenderedStatement:h={},textboxQuestionErrors:f,isReverseAnimation:O,fileUploadErrors:v,preview:A,onFileUpload:g,widgetStyle:y="default",setErrors:q,translationVariables:W,surveyServAssetUrl:w,setFocus:x,block:R,surveyStyle:L})=>{const C=o?.type_info?.footer_text&&o.type_info.meta?.question_hint?t.createElement("div",{className:"footer",role:"note",dangerouslySetInnerHTML:{__html:o?.type_info?.footer_text}}):t.createElement(t.Fragment,null),k=a[o.name],[P,S]=t.useState(k);switch(t.useEffect((()=>{P&&!k&&S(k)}),[k]),o?.type_info?.question_type){case"MATRIX_RATING_SCALE":return t.createElement(t.Fragment,null,p||u?t.createElement(E4,{language:n,name:o.name,isReverseAnimation:O,type_info:o?.type_info||{},onChangeHandler:e=>{i(e?.filter((e=>(e.rating_labels||[]).length>0)))},isMobile:u,value:a[o.name]||[],statementIndex:h[o.name]??0,widgetStyle:y}):t.createElement(T4,{type_info:o?.type_info||{},onChangeHandler:e=>{i(e?.filter((e=>(e.rating_labels||[]).length>0)))},value:a[o.name]||[]}),C);case"RANGE":return t.createElement(t.Fragment,null,t.createElement(Wl,{question:o,onChangeHandler:i,isWidget:p,isMobile:u,widgetStyle:y,value:a[o.name],initialPivotAnswer:d,isInitialTransition:M}),C);case"CHECKBOX":case"MULTI_SELECT":return t.createElement(t.Fragment,null,t.createElement(Nz,{name:o.name,values:a[o.name],othersValue:r[o.name],options:o?.choices||[],onChangeHandler:i,saveOthersValue:c,isOthersOption:!!(o?.choices||[]).find((e=>e.meta?.is_others)),othersRequired:!!o?.type_info.meta?.othersRequired,autoFocusDelay:s,translationVariables:W}),C);case"RADIO":case"DROPDOWN":return t.createElement(t.Fragment,null,t.createElement(Ku,{autoFocusDelay:s,name:o.name,onChangeHandler:i,initialQuestionAnswer:b,displayFormat:o?.type_info?.meta?.display_format||"LIST",saveOthersValue:c,options:o?.choices||[],value:a[o.name],othersValue:r[o.name],isOthersOption:!!(o?.choices||[]).find((e=>e.meta?.is_others)),othersRequired:!!o?.type_info.meta?.othersRequired,isFinalQn:l,translationVariables:W}),C);case"TEXT":return t.createElement(t.Fragment,null,t.createElement(_4,{question:o,autoFocusDelay:s,formValues:a,onChangeHandler:i,textboxErrors:f||"",setFocus:x,surveyLayout:L??"card"}),C);case"NUMBER":return t.createElement(t.Fragment,null,t.createElement(N4,{question:o,autoFocusDelay:s,formValues:a,setFocus:x,onChangeHandler:i,surveyLayout:L??"card"}),C);case"FORM_FIELD":return t.createElement(t.Fragment,null,t.createElement(G5,{question:o,surveyStyle:L,isRequired:!!o.required,autoFocusDelay:s,translationVariables:W,onChangeHandler:(e,t)=>{i(e,"card"!==L&&t)},formValues:a,fieldErrors:z?.[o.name]||{},language:n||"en"}),C);case"CONTACT_FORM":return t.createElement(t.Fragment,null,t.createElement(p$,{question:o,setFocus:x,autoFocusDelay:s,onChangeHandler:i,translationVariables:W,formValues:a,fieldErrors:m?.[o.name]||{}}),C);case"PARAGRAPH":return t.createElement(t.Fragment,null,t.createElement(xl,{showCount:!0,maxLength:1500,autoFocusDelay:s,isRequired:!!o.required,placeholder:o?.type_info?.meta?.placeholder??"",..."card"===L?{value:k??"",onChange:e=>i(e.target.value)}:{onBlur:e=>{(ze(k)||me(k))&&(ze(P)||me(P))||P===k||i?.(e.target.value,!0)},value:P??"",onChange:e=>S(e.target.value)},setFocus:x}),C);case"BOOLEAN":return t.createElement(t.Fragment,null,t.createElement(gl,{type_info:o?.type_info,onSelect:i,value:a[o.name]}),C);case"MESSAGE":return C;case"CONSENT":return t.createElement(t.Fragment,null,t.createElement(Bz,{question:o,onChange:i,value:a[o.name]}),C);case"SLIDER":const e=o?.type_info.meta?.slider;return t.createElement(t.Fragment,null,t.createElement(Cz,{defaultValue:[a[o.name]??e?.opening_position],dir:he(n)?"rtl":"ltr",answer:a[o.name],min:e?.min,max:e?.max,onValueChange:([e])=>i(e),isInput:e?.numerical_input_box,gridLines:e?.grid_lines,stopAtGrid:e?.stop_at_grid_lines,allowDecimals:e?.allow_decimal,decimalPoints:e?.decimal_points,isMobile:u||"compact"===y}),C);case"RANK_ORDER":const{others_meta:v,...R}=a;return t.createElement(t.Fragment,null,t.createElement(TM,{valueItems:R[o.name],items:o?.choices||[],onReorder:i}),C);case"DATE_TIME":return t.createElement(t.Fragment,null,"DATE_TIME"===o.type_info.meta?.question_format?t.createElement(l$,{id:o.id??"",name:o.name??"",type:"QUESTION",displayFormat:o.type_info.meta?.format??void 0,allowOnlyFuture:o.type_info.meta?.allow_future_date||!1,useAmPm:!o.type_info.meta?.time_format,showTimezoneSelect:!!o.type_info.meta?.time_zone,onChange:e=>{i(e)},value:a[o.name]||"",translationVariables:W,language:n||"en"}):t.createElement(j5,{allowOnlyFuture:o.type_info.meta?.allow_future_date||!1,type:"QUESTION",displayFormat:o.type_info.meta?.format??void 0,onChange:e=>{i(e)},value:a[o.name]||"",translationVariables:W,language:n||"en"}),C);case"FILE":return t.createElement(V5,{setErrors:e=>{q({formQuestionErrors:z,textboxQuestionErrors:f,contactFormErrors:m,fileUploadErrors:e})},preview:A,onChangeHandler:i,question:o,onFileUpload:g,value:a[o.name]||"",translationVariables:W,surveyServAssetUrl:w});default:return console.error(`Question type ${o?.type_info?.question_type} not found`),null}};dl(".freemium-survey-components.card-survey-style {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n}\n.freemium-survey-components.card-survey-style .question-holder {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n flex: 1;\n overflow: auto;\n padding: 1rem;\n align-items: center;\n}\n.freemium-survey-components.card-survey-style .question-holder .question-container .footer {\n margin-top: 24px !important;\n text-align: center;\n}\n.freemium-survey-components.card-survey-style .question-holder .question-container .footer p {\n word-break: break-word;\n}\n.freemium-survey-components.card-survey-style .questions {\n display: flex;\n flex-direction: column;\n width: var(--fsc-question-width);\n max-width: 100%;\n overflow: hidden;\n background: transparent;\n box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px;\n border-radius: 6px;\n transition: all 0.2s ease, width 0s;\n padding: 32px;\n border: 0;\n background-color: var(--question-background-color, var(--default-question-background-color));\n}\n.freemium-survey-components.card-survey-style .questions .question-container {\n overflow: auto;\n padding: 4px;\n}\n.freemium-survey-components.card-survey-style .questions .question-container .question-text {\n margin-bottom: 24px;\n}\n.freemium-survey-components.card-survey-style .questions .question-container .footer-alignment {\n width: 75%;\n font-size: 18px;\n text-align: center;\n}\n.freemium-survey-components.card-survey-style .questions .question-consent-buttons {\n margin-top: 12px;\n display: flex;\n gap: 1rem;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n}\n.freemium-survey-components.card-survey-style .questions .question-consent-buttons button.message-button {\n word-break: break-all;\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components.card-survey-style {\n margin: 0 auto;\n }\n .freemium-survey-components.card-survey-style .question-holder {\n justify-content: flex-start;\n }\n .freemium-survey-components.card-survey-style .question-holder.prompt {\n justify-content: flex-end;\n }\n .freemium-survey-components.card-survey-style .question-holder.prompt .questions {\n flex: unset;\n }\n .freemium-survey-components.card-survey-style .questions {\n width: 100%;\n display: flex;\n flex-direction: column;\n padding: 16px;\n }\n .freemium-survey-components.card-survey-style .questions .question-consent-buttons button.consent-button {\n width: 90%;\n }\n}\n.freemium-survey-components.mobile-preview.card-survey-style {\n margin: 0 auto;\n}\n.freemium-survey-components.mobile-preview.card-survey-style .question-holder {\n justify-content: flex-start;\n}\n.freemium-survey-components.mobile-preview.card-survey-style .question-holder.prompt {\n justify-content: flex-end;\n}\n.freemium-survey-components.mobile-preview.card-survey-style .question-holder.prompt .questions {\n flex: unset;\n}\n.freemium-survey-components.mobile-preview.card-survey-style .questions {\n width: 100%;\n display: flex;\n flex-direction: column;\n padding: 16px;\n}\n.freemium-survey-components.mobile-preview.card-survey-style .questions .question-consent-buttons button.consent-button {\n width: 90%;\n}");dl(".page-container {\n text-align: left;\n word-break: break-word;\n}\n.page-container p {\n margin: unset;\n}\n.page-container .page-title {\n font-size: 1.4em;\n font-weight: 500;\n margin-bottom: 12px;\n color: var(--question-text-color, var(--default-question-text-color));\n}\n.page-container .page-description {\n line-height: 18px;\n font-size: 1em;\n font-weight: 400;\n color: var(--question-text-color, var(--default-question-text-color));\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 3;\n}\n.page-container .page-description * {\n margin: 0;\n padding: 0;\n}\n.page-container .page-description.expanded {\n overflow: visible;\n -webkit-line-clamp: unset;\n}\n.page-container .show-more {\n color: #2c5cc5;\n font-weight: 600;\n cursor: pointer;\n}\n\n.freemium-survey-components.standard-survey-style .page-container {\n padding: 0 1rem 1rem 1rem;\n width: 100%;\n margin-bottom: 0;\n max-width: var(--fsc-standard-max-width);\n}\n.freemium-survey-components.standard-survey-style .page-container .page-title {\n margin-top: 24px;\n}\n\n.freemium-survey-components.card-survey-style .page-container {\n width: var(--fsc-question-width);\n margin-bottom: 12px;\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components.card-survey-style .page-container {\n width: 100%;\n }\n}\n.freemium-survey-components.mobile-preview.card-survey-style .page-container {\n width: 100%;\n}\n\n.freemium-survey-components.widget-survey-components .page-container {\n padding: 0 24px;\n margin-bottom: 0;\n}");const I4=t.forwardRef(((e,n)=>{const{id:a,activePage:r,expanded:i,setExpanded:c,translationVariables:s}=e,[l,p]=o(null);return t.useEffect((()=>{!i&&l?.classList.contains("expanded")&&l?.classList.toggle("expanded")}),[i]),t.createElement("div",{className:"page-container",ref:n},t.createElement("div",{key:`${a}-title`,id:`${a}-title`,className:"page-title",dangerouslySetInnerHTML:{__html:ge({questionText:r?.title,placeholders:{},isPreview:!1})}}),t.createElement("div",{key:`${a}-description`,id:`${a}-description`,ref:e=>e?p(e):null,className:"page-description",dangerouslySetInnerHTML:{__html:ge({questionText:r?.description,placeholders:{},isPreview:!1})}}),(l?.scrollHeight??1)/18>3?t.createElement("span",{onClick:()=>{c?.((e=>!e)),l?.classList.toggle("expanded")},className:"show-more"},`${i?s?.show_less??"Show less":s?.show_more??"Show more"}...`):null)}));var D4="#EBEFF3";const X4=({surveyServAssetUrl:e,thankYouQuestion:n,preview:a,placeholders:i,canResubmit:c,resetSurvey:s,navigateToStart:l,isMobile:p,allowMultipleSubmission:u,pivot:d,rangeToRender:b,translationVariables:M})=>{const{redirectUrl:z,redirectDelay:m,show_custom_button:h,show_review_links:f,show_social_links:O,image_url:v}=n?.type_info?.meta??{},[A,g]=o(m??10),[y,q]=t.useState(!1);return r((()=>{if(!a&&z){const e=setInterval((()=>g((e=>e>1?e-1:("undefined"!=typeof window&&(window.location.href=z??""),0)))),1e3);return()=>{clearInterval(e),q(!1)}}return()=>{q(!1)}}),[]),t.createElement("div",{className:"question-container thankyou"},v&&t.createElement("img",{className:"thankyou-logo-img",src:v,alt:"thankyou_logo"}),t.createElement(t.Fragment,null,ve(n)),t.createElement("div",{className:"text",dangerouslySetInnerHTML:{__html:ge({questionText:n.text,placeholders:i,npsRating:d?.answer,ratingLabel:ze(d?.answer)?"":b?.find((e=>e?.value===String(d?.answer)))?.text??"",preference:d?.question.type_info?.scale_properties?.labels?.preference,isPreview:a})}}),(c||u)&&t.createElement("div",{className:("wrap-up-actions "+(p?"mobile":"")).trim()},c&&t.createElement("button",{className:"action-button",tabIndex:0,disabled:y,onClick:()=>{q(!0),l()}},t.createElement(fl,{name:"edit"}),M?.edit_response||"Edit your response"),u&&t.createElement("button",{className:"action-button",tabIndex:0,disabled:y,onClick:()=>{q(!0),s()}},t.createElement(fl,{name:"reload"}),M?.another_response||"Submit another response")),z&&t.createElement("div",{className:"redirection-container"},t.createElement("div",{className:"redirection-text"},We(A,M?.redirect_msg),t.createElement("br",null)),t.createElement("a",{className:"link",href:z},z)),(h||f||O)&&t.createElement(Ez,{show_custom_button:h,show_review_links:f,show_social_links:O,surveyServAssetUrl:e}))},V4=({activeIndexOfRenderedStatement:e,navigateToPreviousBlock:n,canDisplayDisableButtonParams:o,navigateToNextBlock:a,translationVariables:r,setAnimationInProgress:i,animationInProgress:c,question:s})=>t.createElement("div",{className:"freemium-survey-step-navigation","data-navigation-element":"1"},t.createElement("button",{disabled:c||Ke("navigation-prev",o),className:"navigation-button",onClick:()=>{i(!0),setTimeout((()=>{i(!1)}),oe),n()},title:s.name&&(e?.[s.name]??0)>0?r?.prev_statement||"go to previous statement":r?.prev_question||"go to previous question"},t.createElement(fl,{name:"arrow-previous"})),t.createElement("button",{className:"navigation-button",disabled:c||Ke("navigation-next",o),title:r?.next_question||"Go to next question",onClick:()=>{i(!0),setTimeout((()=>{i(!1)}),oe),a()}},t.createElement(fl,{name:"arrow-next"}))),j4=e=>{const{initialStatementHasAnswer:n,answers:a,renderedBlocks:r,blocks:i,activeIndexOfBlocks:c,activeIndexOfRenderedStatement:s={},activeIndexOfRenderedBlocks:l,saveFormValues:p,onSubmitHandler:u,skipBlock:d,skipStatement:b,navigateToNextBlock:M,navigateToPreviousBlock:z,isInitialTransition:m,initialPivotAnswer:h,translationVariables:f,navigateToNextStatement:O,canDisplayDisableButtonParams:v,formQuestionErrors:A,textboxQuestionErrors:g,contactFormErrors:y,questions:q,pages:W,isReverseAnimation:w}=e,[x,R]=o(!1),[L,C]=o(!1),{question:k}=r[l],P={...v,isSubmitting:L},S=k?.type_info?.meta?.display_format,T=Ne({blocks:i,activeIndexOfBlocks:c,renderedBlocks:r,activeIndexOfRenderedBlocks:l,questions:q});return t.createElement(t.Fragment,null,(Ue("message",P)||Ue("consent",P))&&t.createElement(ul,{exitBeforeEnter:!0},t.createElement(il.div,{key:k.name??"",id:`consent-buttons-${k.name??""}`,className:"question-consent-buttons",initial:{opacity:0,x:fe(e.language,w)},animate:{opacity:1,x:0},exit:{opacity:0,x:Oe(e.language,w)},transition:{duration:.2}},Ue("consent",P)&&"BUTTON"===S&&de.map((e=>t.createElement(Ml,{key:l+String(e.recordAs),onClick:()=>{R(!0),setTimeout((()=>{R(!1)}),oe),p(r[l],e.recordAs,!0)},disabled:L||x||Ke("consent",P),variant:ze(a.formValues?.[k.name])||a.formValues?.[k.name]===e.recordAs?"primary":"secondary",className:("consent-button "+(a.formValues?.[k.name]===e.recordAs?"selected":"")).trim()},k?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue))),Ue("message",P)&&t.createElement(Ml,{onClick:()=>{R(!0),setTimeout((()=>{R(!1)}),oe),T?(C(!0),u("COMPLETE")):d()},disabled:L||x||Ke("message",P),className:"message-button"},k?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"))),(Ue("navigation",P)||Ue("next",P)||Ue("next-statement",P)||Ue("submit",P)||Ue("skip",P)||Ue("skip-statement",P))&&t.createElement("div",{className:"question-footer"},Ue("navigation",P)?t.createElement(V4,{animationInProgress:x,setAnimationInProgress:R,answers:a,canDisplayDisableButtonParams:P,activeIndexOfBlocks:c,activeIndexOfRenderedBlocks:l,renderedBlocks:r,initialStatementHasAnswer:n,blocks:i,activeIndexOfRenderedStatement:s,navigateToNextBlock:M,navigateToPreviousBlock:z,translationVariables:f,pages:W,question:k}):t.createElement("div",null),t.createElement("div",{className:"action-buttons"},Ue("skip",P)&&t.createElement(Ml,{className:"skip-button",onClick:()=>{R(!0),setTimeout((()=>{R(!1)}),oe),d()},variant:"secondary","aria-label":"skip question",disabled:x},f?.skip||"Skip"),Ue("skip-statement",P)&&t.createElement(Ml,{className:"skip-button",onClick:()=>{R(!0),setTimeout((()=>{R(!1)}),oe),b()},"aria-label":"skip statement",variant:"secondary",disabled:x},f?.skip||"Skip"),Ue("next",P)&&t.createElement(Ml,{onClick:()=>{R(!0),setTimeout((()=>{R(!1)}),oe),0!==l||!m||"RANGE"!==k.type_info?.question_type&&"BOOLEAN"!==k.type_info?.question_type||void 0===h?p(r[l],"CHECKBOX"===k?.type_info?.meta?.display_format&&"CONSENT"===k?.type_info?.question_type?a.formValues[k.name]??!1:a.formValues[k.name],!0):p(r[l],h,!0)},disabled:x||Ke("next",P),className:"next-button"},f?.next||"Next"),Ue("next-statement",P)&&t.createElement(Ml,{onClick:()=>{R(!0),setTimeout((()=>{R(!1)}),oe),O?.(k.name)},disabled:x||!!Ke("next-statement",P),className:"next-button"},f?.next||"Next"),Ue("submit",P)&&t.createElement("div",{className:"submit"},t.createElement(Ml,{disabled:x||Ke("submit",P),onClick:()=>{me(A?.[k.name])&&me(g?.[k.name])&&me(y?.[k.name])&&(R(!0),setTimeout((()=>{R(!1)}),oe),C(!0),u("COMPLETE"))}},L?f?.submitting||"Submitting":f?.submit_survey||"Submit")))))},F4=e=>{const{blocks:n,pages:a,activePage:i,renderedBlocks:c,activeBlock:s,activeIndexOfBlocks:l,activeIndexOfRenderedBlocks:p,isSurveyCompleted:u,isReverseAnimation:d,saveFormValues:b,saveOthersValue:M,skipBlock:z,skipStatement:m,onSubmitHandler:h,navigateToNextBlock:f,navigateToPreviousBlock:O,answers:v,questions:A,pivot:g,isInitialTransition:y,resetSurvey:q,activeIndexOfRenderedStatement:W,navigateToNextStatement:w,navigateToPreviousStatement:x,navigateToStart:R,translationVariables:L,initialStatementHasAnswer:C,formQuestionErrors:k,textboxQuestionErrors:P,contactFormErrors:S,fileUploadErrors:T,setErrors:E,expanded:N,setExpanded:B}=st(e);ke("Card",{...e,answers:v,activePage:i,activeBlock:s,renderedBlocks:c,activeIndexOfBlocks:l,activeIndexOfRenderedBlocks:p,activeIndexOfRenderedStatement:W});const $=me(v.formValues)&&e.survey.prompt_settings?.is_enabled&&e.preview,[_,H]=o($),I=t.useMemo((()=>Ae(g?.question)),[g?.question]);r((()=>{s&&e.onBlockChange?.(s,i)}),[s,e]),r((()=>{e.survey.ui_theme&&qe(e.survey.ui_theme)}),[e.survey.ui_theme]),r((()=>{e.getSurveyProgress?.({totalBlocks:n.length,isSurveyCompleted:u,activeIndexOfBlocks:l})}),[n.length,u,l]);const D={answers:v,blocks:n,blockIndex:p,activeIndexOfBlocks:l,initialStatementHasAnswer:C,activeIndexOfRenderedBlocks:p,activeIndexOfRenderedStatement:W,renderedBlocks:c,isMobile:!!e.isMobile,surveyStyle:e.surveyStyle,isWidget:!!e.isWidget,initialPivotAnswer:e.initialPivotAnswer,isInitialTransition:y,questions:A,pages:a,activeIndexOfSet:0};return s&&s.question?t.createElement("div",{className:`freemium-survey-components card-survey-style ${he(e.language||"en")?"rtl":"ltr"} ${e.isMobile?"mobile-preview":""}`.trim(),id:"freemium-survey",style:{...ye(e.survey.ui_theme||{})}},t.createElement("div",{className:("question-holder "+(_?"prompt":"")).trim()},!u&&!_&&!e.isWidget&&a.length>0&&i?.page_id&&t.createElement(I4,{expanded:N,id:i.page_id,setExpanded:B,activePage:i,translationVariables:L}),t.createElement("div",{className:"questions"},u?t.createElement(X4,{surveyServAssetUrl:e.surveyServAssetUrl??"",thankYouQuestion:Be({pivotQn:g?.question,pivotQnAnswer:g?.answer,block:He({activeBlock:s,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:v,questions:A,activeIndexOfBlocks:l,renderedBlocks:c,contactData:e.contactData,surveyLayout:"card",pages:a}),questions:A}),canResubmit:e.canResubmit,allowMultipleSubmission:e.allowMultipleSubmission,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",R):R()},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",q):q()},preview:!!e.preview,placeholders:e.placeholders,isMobile:e.isMobile,pivot:g,rangeToRender:I,translationVariables:L}):t.createElement(t.Fragment,null,!_&&e.isWidget&&a.length>0&&i?.page_id&&t.createElement(I4,{expanded:N,id:i.page_id,setExpanded:B,activePage:i,translationVariables:L}),t.createElement(ul,{exitBeforeEnter:!0},t.createElement(il.div,{id:`${s.question.name}`,className:"question-container","data-test-question-name":s.question.name,key:`${s.question.name}`,initial:{opacity:0,x:fe(e.language,d)},animate:{opacity:1,x:0},exit:{opacity:0,x:Oe(e.language,d)},transition:{duration:.2}},_&&e.survey.prompt_settings?t.createElement(Tz,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt?.(t),1===t&&H(!1)},placeholders:e.placeholders,isPreview:!!e.preview}):t.createElement(t.Fragment,null,t.createElement("div",{className:("question-text "+(s.required?"required":"")).trim(),dangerouslySetInnerHTML:{__html:ge({questionText:s?.question.text,placeholders:e.placeholders,npsRating:g?.answer,ratingLabel:ze(g?.answer)?"":I?.find((e=>e?.value===String(g?.answer)))?.text??"",preference:g?.question.type_info?.scale_properties?.labels?.preference,isPreview:!!e.preview})},"aria-label":`question-${p}`,role:"heading","aria-level":1}),t.createElement(H4,{setFocus:!0,isReverseAnimation:d,preview:!!e.preview,surveyServAssetUrl:e.surveyServAssetUrl,setErrors:E,onFileUpload:e.onFileUpload,language:e.language||"en",surveyStyle:e.surveyStyle,surveyLanguage:e.survey.language,block:s,question:s.question,isFinalQn:Ne({blocks:n,activeIndexOfBlocks:l,renderedBlocks:c,activeIndexOfRenderedBlocks:p,questions:A}),formValues:v.formValues,othersMeta:v.others,autoFocusDelay:"standard"===e.surveyStyle?350:0,activeIndexOfRenderedStatement:W,saveOthersValue:M,onChangeHandler:e=>{b(s,e)},isMobile:!!e.isMobile,initialPivotAnswer:e.initialPivotAnswer,initialQuestionAnswer:e.initialQuestionAnswer,isInitialTransition:y,formQuestionErrors:k,textboxQuestionErrors:P,fileUploadErrors:T,contactFormErrors:S,translationVariables:L})))),!_&&t.createElement(j4,{isWidget:!1,language:e.language||"en",isReverseAnimation:d,surveyStyle:e.surveyStyle,canDisplayDisableButtonParams:D,answers:v,renderedBlocks:c,blocks:n,pages:a,activeIndexOfRenderedStatement:W,initialStatementHasAnswer:C,navigateToNextStatement:w,navigateToPreviousStatement:x,activeIndexOfRenderedBlocks:p,activeIndexOfBlocks:l,saveFormValues:b,skipBlock:z,skipStatement:m,onSubmitHandler:h,navigateToPreviousBlock:O,navigateToNextBlock:f,isInitialTransition:y,initialPivotAnswer:e.initialPivotAnswer,isMobile:!!e.isMobile,translationVariables:L,formQuestionErrors:k,textboxQuestionErrors:P,fileUploadErrors:T,contactFormErrors:S,questions:A})))),t.createElement(Sz,{...e.footerProps,surveyStyle:e.surveyStyle,bgColor:e.survey.ui_theme?.body_background_color??D4})):null},U4=e=>{const i=e.survey.question_details?.questions||[],c=e.contactData||{},s=e.translationVariables||{},[l,p]=o(e.survey?.blocks?.filter((e=>"TY"!==e.name&&!e.is_deleted))),[u,d]=o({formQuestionErrors:{},textboxQuestionErrors:{},fileUploadErrors:{},contactFormErrors:{}}),[b,M]=o(!1),[z,m]=o(0),[h,f]=o(e.survey.pages??[]),[O,v]=o(h?.[0]),[A,g]=o(!1),y=n((()=>tt({pages:h,blocks:l,questions:i,initialPivotAnswer:e.initialPivotAnswer,responses:e.answers,answerStatus:e.answerStatus||"PARTIAL"})),[l,i,e.answers]),[q,W]=o(y.renderedBlocks),[w,x]=o(y.activeIndexOfRenderedBlocks),[R,L]=o(0),[C,k]=o(y.activeIndexOfRenderedStatement),P=a(0),S=a(y.pivot),T=a(y.isInitialTransition),[E,N]=o(""),[B,$]=o(y.answers),_=a(((y.isConsideredCompleted||"PARTIAL"===e.answerStatus)&&e.canResubmit)??!1),[H,I]=o(!1),D=q[w],X=t.useMemo((()=>q.length>0?l?.findIndex((e=>e.name===q[w]?.name)):0),[w]);r((()=>{e.survey.updated_at!==E&&(ke("useEffect",{updated_at:e.survey.updated_at,props:e}),f(e.survey.pages??[]),p(e.survey.blocks?.filter((e=>"TY"!==e.name&&!e.is_deleted))),v(e.survey.pages?.[0]),N(e.survey.updated_at??""))}),[e.survey.updated_at]),r((()=>{if(ke("useEffect",{setActivePage:v,renderedBlocks:q,pages:h,activeIndexOfRenderedBlocks:w,props:e}),0===h.length)return;const t=q?.[w]?.page_id,n=h.find((e=>e.page_id===t));t&&n?.page_id&&v(n)}),[v,q,h,w]),r((()=>{ke("useEffect",{blocks:l,initialPivotAnswer:e.initialPivotAnswer,props:e});let t={...B};if(y.isConsideredCompleted&&T.current&&e.canResubmit)return;const{others_meta:n,...o}=e.answers||{};S.current={...S.current,question:Te({questions:i,blocks:l})};const a=i.find((e=>e.name===l?.[0]?.question_name||e.name===l?.[0]?.question_names?.[0]))??S.current.question;if(me(o)||void 0===e.initialPivotAnswer||o[a.name]===e.initialPivotAnswer||(t={...B,formValues:{[a.name]:e.initialPivotAnswer},moveToNextPage:!0}),void 0!==e.initialPivotAnswer){const n=Ee(S.current.question,e.initialPivotAnswer);S.current={...S.current,answer:"BOOLEAN"===a?.type_info?.question_type?Boolean(n):n},t={...B,formValues:{...B.formValues,[a.name]:S.current.answer},moveToNextPage:!1}}else void 0!==e.initialQuestionAnswer&&(t={...B,formValues:{...B.formValues,[a.name]:e.initialQuestionAnswer},moveToNextPage:!1});$(t);const r=Be({pivotQn:S.current.question,pivotQnAnswer:S.current.answer,block:l[0],questions:i}),s=et({activeBlock:{...l[0],question:r},blocks:l,questions:i,answers:t,pages:h,pivot:{question:S.current.question,answer:S.current.answer},renderedBlocks:q,contactData:c,surveyLayout:"standard",initialTransition:!0,isEditResponse:_.current}),p=[{...l[0],question:r,orderOfSet:0===s.length?P.current:s[0].orderOfSet},...s];if(W(p),(e=>{if(null==e||0===Object.keys(e).length)return!0;const t=Object.keys(e).filter((e=>""!==e&&!ze(e)&&"others_meta"!==e));return t.every((t=>!e[t]))&&(!e.others_meta||0===Object.keys(e.others_meta).length)})({others_meta:{},...t.formValues}))x(l.findIndex((e=>p[0].name===e.name))),L(0);else{const e=p?.[p.length-1],t=p.find((t=>t?.page_id===e?.page_id&&t.orderOfSet===e.orderOfSet));x(p.findIndex((e=>e.name===t?.name))),L(t?.orderOfSet!==R?t?.orderOfSet:0)}k({})}),[l,e.initialPivotAnswer,z]);r((()=>{if(ke("useEffect",{answers:B,blocks:l,props:e}),!(y.isConsideredCompleted&&T.current&&e.canResubmit)&&(!me(B.formValues)||B.moveToNextPage)&&l&&V())if(Fe({blocks:l,activeIndexOfBlocks:X,renderedBlocks:q,activeIndexOfRenderedBlocks:w,answers:B,questions:i,activePage:O,pages:h,surveyLayout:"standard"})){if(void 0!==e.initialPivotAnswer&&1===q.length&&T.current);else if(B.commitDirtyValue){const e=Xe({renderedBlocks:q,activeBlock:D,blocks:l,activeIndexOfBlocks:X,answers:B,questions:i,contactData:c,pages:h,surveyLayout:"standard"}),t=!(h.length>0)||h[h.length-1]?.page_id===O?.page_id;if(e!==1/0){D.question.type_info?.question_type&&!["FORM_FIELD","MULTI_SELECT"].includes(D.question.type_info?.question_type)?(e=>{e!==1/0&&setTimeout((()=>{const t=Be({pivotQn:S.current?.question,pivotQnAnswer:S.current?.answer,block:l?.[e],questions:i});if(t?.name){const e=document.querySelector(`.question-container.standard-card-${t.name}`),n=document.querySelector(`.question-container.standard-card-${t.name} input`),o=document.querySelector(`.question-container.standard-card-${t.name} textarea`);e?.scrollIntoView({behavior:"smooth"}),setTimeout((()=>{n?.focus(),o?.focus()}),ae)}j()}))})(e):j();const t=l[e],n=q.find((e=>e.name===t.name));h.length>0&&!B.moveToNextPage&&D.page_id===n?.page_id&&D.orderOfSet===n?.orderOfSet||(e=>{if(e===1/0)return;const t=Be({pivotQn:S.current?.question,pivotQnAnswer:S.current?.answer,block:l?.[e],questions:i}),n=Qe({renderedBlocks:q,activeIndexOfRenderedBlocks:w}),o=l?.[e],a=et({activeBlock:{...o,question:t},answers:B,blocks:l,pivot:S.current,questions:i,pages:h,renderedBlocks:q,contactData:c,surveyLayout:"standard",isEditResponse:_.current}),r=[...n,...t?.name?[{...o,question:t}]:[],...a];k((e=>{const t={...e};return r.forEach((e=>{"MATRIX_RATING_SCALE"===e.question.type_info?.question_type&&(t[e.question.name]=0)})),t}));let s=0;q.forEach((e=>{!ze(e.orderOfSet)&&(e.orderOfSet??0)>s&&(s=e.orderOfSet)})),P.current=P.current+1;const p=(e=>{let t=0,n=e[0].orderOfSet;return e.map((e=>(e.orderOfSet===n||(n=e.orderOfSet,t++),e.orderOfSet=t,e)))})(r.map((e=>ze(e.orderOfSet)?{...e,orderOfSet:P.current}:e)));W(p),x(n.length),ze(p?.[p.length-1]?.orderOfSet)||(P.current=p[p.length-1].orderOfSet),L(P.current)})(e)}else{const e=q.filter(((e,t)=>t<=X));W(e),P.current=e[e.length-1].orderOfSet,x(l.findIndex((t=>e[0].name===t.name))),t||(g(!0),I(!0),j("COMPLETE"))}}}else"MATRIX_RATING_SCALE"===D?.question?.type_info?.question_type&&j()}),[B,l]);const V=()=>{if(D?.question_name)switch(D.question?.type_info?.question_type){case"FORM_FIELD":return ot({fields:D.question?.type_info?.form_fields?.fields,answers:B.formValues?.[D.question_name]||{},errorSetter:d,questionName:D.question_name,errors:u,translationVariables:s});case"TEXT":return at({type:D.question?.type_info?.text_field?.text_type,answer:B.formValues?.[D.question_name]||"",errorSetter:d,questionName:D.question_name,errors:u,translationVariables:s});case"CONTACT_FORM":return rt({fields:D.question?.type_info?.contact_form?.fields,answers:B.formValues?.[D.question_name]||{},errorSetter:d,questionName:D.question_name,errors:u,translationVariables:s});case"FILE":return it({errors:u.fileUploadErrors})||!D.required}return!0},j=(t="PARTIAL")=>{let n=()=>{};if(!V())return;let o={...B.formValues};if("COMPLETE"===t){n=()=>{I(!0),_.current=!1};o=ct({pages:h,answers:{...B,formValues:o},blocks:l,questions:i,contactData:c,surveyLayout:"standard"})}e.onSubmit({...o,others_meta:B.others},n,t,_.current?"EDIT":"CREATE")},F=e=>{k((t=>({...t,[e]:(ze(t[e])?0:t[e])+1})))},U=t.useMemo((()=>{if("MATRIX_RATING_SCALE"!==D?.question?.type_info?.question_type)return!1;const e=D?.question?.type_info?.matrix_properties?.statements||[],t=e?.[C?.[D?.question.name]]??0,n=(B.formValues[D?.question.name]||[]).find((e=>e.statement_id===t?.id));return(n?.rating_labels||[]).length>0}),[C,w]);return{blocks:l,pages:h,navigateToPreviousPage:()=>{const e=h.findIndex((e=>e.page_id===O?.page_id));let t=1,n=h?.[e-t];for(;!q.map((e=>e.page_id)).includes(n?.page_id)&&t>=0;)n=h?.[e-++t];const o=q.find((e=>e.page_id===n.page_id)),a=l.findIndex((e=>e.name===o?.name));n?.page_id&&(v(n),k({}),M(!1),x(a))},navigateToNextPage:()=>{const e=h.findIndex((e=>e.page_id===O?.page_id));let t=1,n=h?.[e+t];for(;!q.map((e=>e.page_id)).includes(n?.page_id)&&t<h.length;)n=h?.[e+ ++t];const o=q.find((e=>e.page_id===n.page_id)),a=l.findIndex((e=>e.name===o?.name));n?.page_id&&(v(n),k({}),M(!1),x(a))},navigateToNextSet:()=>{const e=q.find((e=>e.orderOfSet===R+1));L((e=>e+1));const t=h.find((t=>t.page_id===e?.page_id));t?.page_id&&v(t)},navigateToPreviousSet:()=>{const e=q.find((e=>e.orderOfSet===R-1));L((e=>e-1));const t=h.find((t=>t.page_id===e?.page_id));t?.page_id&&v(t)},activePage:O,questions:i,renderedBlocks:q,initialStatementHasAnswer:U,activeBlock:D,activeIndexOfBlocks:X,activeIndexOfRenderedBlocks:w,activeIndexOfRenderedStatement:C,navigateToNextStatement:F,navigateToPreviousStatement:e=>{k((t=>({...t,[e]:(ze(t[e])?0:t[e])-1})))},isInitialTransition:T.current,isSurveyCompleted:H,setIsSurveyCompleted:I,pivot:S.current,answers:B,translationVariables:s,...u,setErrors:d,saveFormValues:(e,t,n=!1,o=w)=>{T.current=!1,e.question.name===S.current?.question.name&&(S.current={...S.current,answer:"BOOLEAN"===S.current?.question?.type_info?.question_type?Boolean(t):t}),o!==w&&x(o);const a={...B,formValues:{...B.formValues,[e.question.name]:"BOOLEAN"===e.question?.type_info?.question_type?Boolean(t):t},commitDirtyValue:n,moveToNextPage:!1};_.current&&(e.category??[]).length>0&&(e.category?.forEach((e=>{e.question_name&&(a.formValues[e.question_name]=null)})),a.formValues[e.question.name]=t),$(a);const r=q[o];"SINGLE_ANSWER"===r.question.type_info?.matrix_properties?.type&&(C?.[r.question.name]??0)<(r.question?.type_info?.matrix_properties?.statements||[]).length-1&&setTimeout((()=>{F?.(r.question.name)}),0)},saveOthersValue:(e,t,n=w)=>{if(n!==w&&x(n),null===t){const t={...B.others};delete t[e],$({...B,commitDirtyValue:!1,others:t,moveToNextPage:!1})}else $({...B,commitDirtyValue:!1,others:{...B.others,[e]:t},moveToNextPage:!1})},clearRadioSelection:e=>{x(e);const t=q[e].question;t.type_info?.pivot_question&&(S.current={question:t,answer:void 0}),delete B.formValues[t.name],delete B.others[t.name];const n=Je({renderedBlocks:q,activeIndexOfRenderedBlocks:e,answers:B}),o={...n,formValues:{...n.formValues},moveToNextPage:!1,commitDirtyValue:!1},a=et({activeBlock:q[e],blocks:l,questions:i,answers:o,pages:h,pivot:S.current?.question?.name?{question:S.current.question,answer:S.current.answer}:null,renderedBlocks:q,contactData:c,surveyLayout:"standard",isEditResponse:_.current});k((e=>{const t={...e};return a.forEach((e=>{"MATRIX_RATING_SCALE"===e.question.type_info?.question_type&&(t[e.question.name]=0)})),t}));let r=0;q.forEach((e=>{!ze(e.orderOfSet)&&(e.orderOfSet??0)>r&&(r=e.orderOfSet)})),P.current=r;const s=[...q.slice(0,e+1),...a.map((e=>ze(e.orderOfSet)?{...e,orderOfSet:P.current}:e))];W(s),$(o)},onSubmitHandler:j,navigateToStart:()=>{_.current=!0,I(!1),k({}),x(0),$((e=>({...e}))),ze(q?.[0].orderOfSet)||L(q?.[0].orderOfSet)},resetSurvey:()=>{I(!1),m((e=>e+1)),$({formValues:{},others:{},commitDirtyValue:!1,moveToNextPage:!1}),sessionStorage.clear()},moveToNextPage:e=>{const t={};e&&h.length>0&&q.forEach((e=>{O?.page_id===e.page_id&&R===e.orderOfSet&&"MESSAGE"!==e.question.type_info?.question_type&&(t[e.question.name]=null)}));const n=q.filter((e=>O?.page_id===e?.page_id)),o=n[n.length-1],a=q.findIndex((e=>e.name===o.name));x(a),setTimeout((()=>{$((e=>({...e,formValues:{...e.formValues,...t},commitDirtyValue:!0,moveToNextPage:!0})))}),0)},moveToNextSet:e=>{const t={};e&&h.length>0&&q.forEach((e=>{O?.page_id===e.page_id&&R===e.orderOfSet&&"MESSAGE"!==e.question.type_info?.question_type&&(t[e.question.name]=null)}));const n=q.filter((e=>O?.page_id===e?.page_id&&R===e.orderOfSet)),o=n[n.length-1],a=q.findIndex((e=>e.name===o.name));x(a),setTimeout((()=>{$((e=>({...e,formValues:{...e.formValues,...t},commitDirtyValue:!0,moveToNextPage:!0})))}),0)},setIsSubmitting:g,isSubmitting:A,expanded:b,setExpanded:M,activeIndexOfSet:R}};dl(".freemium-survey-components.standard-survey-style {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n align-items: center;\n width: 100%;\n margin: 0 auto;\n}\n.freemium-survey-components.standard-survey-style .questions {\n max-width: var(--fsc-standard-max-width);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 24px;\n padding: 24px;\n flex: 1;\n scroll-behavior: smooth;\n}\n.freemium-survey-components.standard-survey-style .questions.sec-btn {\n overflow: auto;\n}\n.freemium-survey-components.standard-survey-style .thankyou-container {\n padding: 2rem;\n max-width: var(--fsc-standard-max-width);\n width: 100%;\n}\n.freemium-survey-components.standard-survey-style .question-container.thankyou {\n flex: 1;\n overflow: auto;\n}\n.freemium-survey-components.standard-survey-style .question-container.thankyou,\n.freemium-survey-components.standard-survey-style .question-container {\n width: 100%;\n background: transparent;\n border-radius: 6px;\n box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px;\n transition: all 0.2s ease, width 0s;\n padding: 32px;\n border: 0;\n background-color: var(--question-background-color, var(--default-question-background-color));\n}\n.freemium-survey-components.standard-survey-style .question-container.thankyou .question-text:not(:last-child),\n.freemium-survey-components.standard-survey-style .question-container .question-text:not(:last-child) {\n margin-bottom: 24px;\n}\n.freemium-survey-components.standard-survey-style .question-container.thankyou .question-text p,\n.freemium-survey-components.standard-survey-style .question-container .question-text p {\n margin: 0;\n}\n.freemium-survey-components.standard-survey-style .question-container.thankyou .footer,\n.freemium-survey-components.standard-survey-style .question-container .footer {\n margin-top: 24px !important;\n text-align: center;\n}\n.freemium-survey-components.standard-survey-style .question-container.thankyou .footer p,\n.freemium-survey-components.standard-survey-style .question-container .footer p {\n word-break: break-word;\n}\n.freemium-survey-components.standard-survey-style .question-container.thankyou .footer-alignment,\n.freemium-survey-components.standard-survey-style .question-container .footer-alignment {\n width: 75%;\n font-size: 18px;\n text-align: center;\n}\n.freemium-survey-components.standard-survey-style .survey-footer {\n padding: 1rem;\n width: 100%;\n}\n.freemium-survey-components.standard-survey-style .page-actions {\n max-width: var(--fsc-standard-max-width);\n padding: 24px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.freemium-survey-components.standard-survey-style .questions,\n.freemium-survey-components.standard-survey-style .page-actions {\n width: 100%;\n}\n.freemium-survey-components.standard-survey-style .page-action-buttons {\n display: flex;\n gap: 8px;\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components.standard-survey-style .page-actions,\n .freemium-survey-components.standard-survey-style .survey-footer {\n width: 100%;\n }\n .freemium-survey-components.standard-survey-style .questions {\n width: 100%;\n }\n .freemium-survey-components.standard-survey-style .question-container.thankyou,\n .freemium-survey-components.standard-survey-style .question-container {\n width: 100%;\n }\n .freemium-survey-components.standard-survey-style .action-buttons {\n flex-direction: column;\n }\n .freemium-survey-components.standard-survey-style .action-buttons button.consent-button {\n width: 100%;\n height: unset;\n min-height: 40px;\n }\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .page-actions,\n.freemium-survey-components.standard-survey-style.mobile-preview .survey-footer {\n width: 100%;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .questions {\n width: 100%;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .question-container.thankyou,\n.freemium-survey-components.standard-survey-style.mobile-preview .question-container {\n width: 100%;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .action-buttons {\n flex-direction: column;\n}\n.freemium-survey-components.standard-survey-style.mobile-preview .action-buttons button.consent-button {\n width: 100%;\n height: unset;\n min-height: 40px;\n}");dl(':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 --fsc-z-index: 2147483647;\n --fsc-transition-duration: 0.3s;\n --fsc-standard-max-width: 900px;\n --fsc-question-width: 700px;\n --fsc-widget-transition-duration: 0.6s;\n --fsc-border-color: #cfd7df;\n --fsc-font-size: 14px;\n --fsc-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,\n Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";\n}\n\n[data-radix-popper-content-wrapper] {\n z-index: calc(var(--fsc-z-index) + 1) !important;\n}\n\n.surveyserv-widget-container,\n.freemium-survey-components {\n font-family: var(--fsc-font-family);\n color: var(--question-text-color, var(--default-question-text-color));\n font-size: var(--fsc-font-size);\n}\n.surveyserv-widget-container li,\n.freemium-survey-components li {\n list-style-position: inside;\n}\n.surveyserv-widget-container *,\n.freemium-survey-components * {\n box-sizing: border-box;\n}\n.surveyserv-widget-container .questions .question-container,\n.freemium-survey-components .questions .question-container {\n position: relative;\n text-align: left;\n}\n.surveyserv-widget-container .questions .question-container.prompt-container,\n.freemium-survey-components .questions .question-container.prompt-container {\n padding-top: unset;\n}\n.surveyserv-widget-container .questions .question-container .question-text,\n.freemium-survey-components .questions .question-container .question-text {\n font-size: 1.2em;\n font-weight: 400;\n line-height: 1.6;\n letter-spacing: 0.3px;\n color: var(--question-text-color, var(--default-question-text-color));\n position: relative;\n}\n.surveyserv-widget-container .questions .question-container .question-text p,\n.freemium-survey-components .questions .question-container .question-text p {\n margin: 0;\n}\n.surveyserv-widget-container .questions .question-container .question-text p strong,\n.freemium-survey-components .questions .question-container .question-text p strong {\n font-weight: bold;\n}\n.surveyserv-widget-container .questions .question-container .question-text strong,\n.freemium-survey-components .questions .question-container .question-text strong {\n font-weight: bold;\n}\n.surveyserv-widget-container .questions .question-container .question-text .placeholder-tag > span,\n.freemium-survey-components .questions .question-container .question-text .placeholder-tag > span {\n display: none !important;\n}\n.surveyserv-widget-container .questions .question-container .question-text.required:has(p) p:last-child:after,\n.freemium-survey-components .questions .question-container .question-text.required:has(p) p:last-child:after {\n content: "*";\n position: absolute;\n color: #d72d30;\n}\n.surveyserv-widget-container .questions .question-container .question-text.required:not(:has(p))::after,\n.freemium-survey-components .questions .question-container .question-text.required:not(:has(p))::after {\n content: "*";\n position: absolute;\n color: #d72d30;\n}\n.surveyserv-widget-container .questions .question-footer,\n.freemium-survey-components .questions .question-footer {\n display: flex;\n justify-content: space-between;\n margin-top: 12px;\n}\n.surveyserv-widget-container .freemium-survey-step-navigation,\n.freemium-survey-components .freemium-survey-step-navigation {\n border-radius: 3px;\n border: 1px solid #efefef;\n width: -moz-fit-content;\n width: fit-content;\n display: flex;\n}\n.surveyserv-widget-container .freemium-survey-step-navigation button.navigation-button,\n.freemium-survey-components .freemium-survey-step-navigation button.navigation-button {\n width: 38px;\n height: 38px;\n background-color: #fff;\n border: none;\n cursor: pointer;\n display: grid;\n place-content: center;\n border-radius: 0 3px 3px 0;\n}\n.surveyserv-widget-container .freemium-survey-step-navigation button.navigation-button:disabled,\n.freemium-survey-components .freemium-survey-step-navigation button.navigation-button:disabled {\n cursor: not-allowed;\n pointer-events: none;\n opacity: 0.5;\n}\n.surveyserv-widget-container .freemium-survey-step-navigation button.navigation-button:first-of-type,\n.freemium-survey-components .freemium-survey-step-navigation button.navigation-button:first-of-type {\n border-right: 1px solid #efefef;\n border-radius: 3px 0 0 3px;\n}\n.surveyserv-widget-container .action-buttons,\n.freemium-survey-components .action-buttons {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.surveyserv-widget-container .action-buttons button.fsc-button,\n.freemium-survey-components .action-buttons button.fsc-button {\n height: 40px;\n}\n.surveyserv-widget-container .question-container.thankyou,\n.freemium-survey-components .question-container.thankyou {\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n overflow: unset !important;\n gap: 24px;\n}\n.surveyserv-widget-container .question-container.thankyou img.thankyou-logo-img,\n.freemium-survey-components .question-container.thankyou img.thankyou-logo-img {\n height: 100px;\n}\n.surveyserv-widget-container .question-container.thankyou .heading,\n.freemium-survey-components .question-container.thankyou .heading {\n font-weight: 500;\n font-size: 1.4em;\n}\n.surveyserv-widget-container .question-container.thankyou .text,\n.freemium-survey-components .question-container.thankyou .text {\n text-align: center;\n white-space: pre-wrap;\n font-weight: 500;\n font-size: var(--fsc-font-size);\n word-break: break-word;\n line-height: 1.6;\n color: var(--question-text-color, var(--default-question-text-color));\n width: 75%;\n}\n.surveyserv-widget-container .question-container.thankyou .text a,\n.freemium-survey-components .question-container.thankyou .text a {\n color: #2c5cc5;\n -webkit-text-decoration: none;\n text-decoration: none;\n}\n.surveyserv-widget-container .question-container.thankyou .text a:hover,\n.freemium-survey-components .question-container.thankyou .text a:hover {\n -webkit-text-decoration: underline;\n text-decoration: underline;\n}\n.surveyserv-widget-container .question-container.thankyou .wrap-up-actions,\n.freemium-survey-components .question-container.thankyou .wrap-up-actions {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n align-items: center;\n justify-content: center;\n}\n.surveyserv-widget-container .question-container.thankyou .wrap-up-actions button.action-button,\n.freemium-survey-components .question-container.thankyou .wrap-up-actions button.action-button {\n letter-spacing: 0.05em;\n font-weight: 600;\n font-size: var(--fsc-font-size);\n line-height: 20px;\n color: #2c5cc5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n background-color: #e5f2fd;\n padding: 8px 12px;\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 8px;\n white-space: nowrap;\n border-radius: 4px;\n}\n.surveyserv-widget-container .question-container.thankyou .wrap-up-actions button.action-button:hover,\n.freemium-survey-components .question-container.thankyou .wrap-up-actions button.action-button:hover {\n transform: translateY(-4px);\n}\n.surveyserv-widget-container .question-container.thankyou .redirection-container,\n.freemium-survey-components .question-container.thankyou .redirection-container {\n display: flex;\n align-items: center;\n flex-direction: column;\n width: 100%;\n}\n.surveyserv-widget-container .question-container.thankyou .redirection-container .redirection-text,\n.freemium-survey-components .question-container.thankyou .redirection-container .redirection-text {\n color: #929292;\n margin-bottom: 12px;\n text-align: center;\n font-weight: 300;\n}\n.surveyserv-widget-container .question-container.thankyou .redirection-container .link,\n.freemium-survey-components .question-container.thankyou .redirection-container .link {\n max-width: 100%;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #2c5cc5;\n font-weight: 500;\n text-decoration: unset;\n}\n.surveyserv-widget-container .question-container.thankyou .redirection-container .link:hover,\n.freemium-survey-components .question-container.thankyou .redirection-container .link:hover {\n -webkit-text-decoration: underline;\n text-decoration: underline;\n}\n.surveyserv-widget-container .question-container.thankyou .show-link-container,\n.freemium-survey-components .question-container.thankyou .show-link-container {\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n justify-content: center;\n}\n.surveyserv-widget-container .question-container.thankyou .show-link-container .show-link,\n.freemium-survey-components .question-container.thankyou .show-link-container .show-link {\n background: #f5f7f9;\n padding: 16px;\n border-radius: 12px;\n display: flex;\n gap: 12px;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.surveyserv-widget-container .question-container.thankyou .show-link-container .show-link.show-custom-button-container,\n.freemium-survey-components .question-container.thankyou .show-link-container .show-link.show-custom-button-container {\n background: unset;\n}\n.surveyserv-widget-container .question-container.thankyou .show-link-container .show-link .link-image-url,\n.freemium-survey-components .question-container.thankyou .show-link-container .show-link .link-image-url {\n display: grid;\n place-content: center;\n height: 45px;\n width: 45px;\n background: #fff;\n border-radius: 8px;\n}\n.surveyserv-widget-container .question-container.thankyou .show-link-container .show-link .title-text,\n.freemium-survey-components .question-container.thankyou .show-link-container .show-link .title-text {\n font-size: var(--fsc-font-size);\n font-weight: 500;\n}\n.surveyserv-widget-container .question-container.thankyou .show-link-container .show-link .links,\n.freemium-survey-components .question-container.thankyou .show-link-container .show-link .links {\n display: flex;\n gap: 8px;\n}\n.surveyserv-widget-container .question-container.thankyou .show-link-container .show-link a,\n.freemium-survey-components .question-container.thankyou .show-link-container .show-link a {\n text-decoration: unset;\n}\n.surveyserv-widget-container .question-container.thankyou .show-link-container .show-link a .button_text,\n.freemium-survey-components .question-container.thankyou .show-link-container .show-link a .button_text {\n padding: 8px 12px;\n background: #4560f6;\n color: #fff;\n font-weight: 700;\n border-radius: 8px;\n}\n\n.rtl {\n direction: rtl;\n}\n.rtl .checkbox-button-value {\n padding: 16px 16px 16px 40px !important;\n}\n.rtl span.label-text:first-child {\n text-align: right !important;\n}\n.rtl span.label-text:last-child {\n text-align: left !important;\n}\n.rtl .progressbar {\n transform-origin: right !important;\n}\n.rtl .widget-progressbar {\n right: 12px !important;\n}\n.rtl .navigation-button {\n transform: rotate(180deg);\n}');const G4=["next","next-statement","next-page","next-set","skip","skip-statement","skip-page","skip-set","submit","navigation","page-navigation","clear-selection","message","consent","navigation-prev","navigation-next","navigation-page-prev","navigation-page-next","previous-matrix-statement","next-matrix-statement","navigation-set-prev","navigation-set-next"],Y4=({navigateToNextPage:e,navigateToPreviousPage:n,translationVariables:o,canDisplayDisableButtonParams:a,navigateToNextSet:r,navigateToPreviousSet:i})=>t.createElement("div",{className:"freemium-survey-step-navigation","data-navigation-element":"1"},t.createElement("button",{disabled:Ke("navigation-set-prev",a),className:"navigation-button",onClick:i,title:o?.prev_question??"go to previous question"},t.createElement(fl,{name:"arrow-previous"})),t.createElement("button",{className:"navigation-button",disabled:Ke("navigation-set-next",a),title:o?.next_question||"Go to next question",onClick:r},t.createElement(fl,{name:"arrow-next"}))),Z4=({surveyServAssetUrl:e,thankYouQuestion:n,preview:a,placeholders:i,canResubmit:c,allowMultipleSubmission:s,navigateToStart:l,resetSurvey:p,isMobile:u,pivot:d,rangeToRender:b,translationVariables:M})=>{const{redirectUrl:z,redirectDelay:m,image_url:h,show_custom_button:f,show_review_links:O,show_social_links:v}=n?.type_info?.meta??{},[A,g]=o(m??10),[y,q]=t.useState(!1);return r((()=>{if(!a&&z){const e=setInterval((()=>g((e=>e>1?e-1:("undefined"!=typeof window&&(window.location.href=z??""),0)))),1e3);return()=>{clearInterval(e),q(!1)}}return()=>{q(!1)}}),[]),t.createElement("div",{className:"thankyou-container"},t.createElement("div",{className:"question-container thankyou"},h&&t.createElement("img",{className:"thankyou-logo-img",src:h,alt:"thankyou_logo"}),t.createElement(t.Fragment,null,ve(n)),t.createElement("div",{className:"text",dangerouslySetInnerHTML:{__html:ge({questionText:n.text,placeholders:i,npsRating:d?.answer,ratingLabel:ze(d?.answer)?"":b?.find((e=>e?.value===String(d?.answer)))?.text??"",preference:d?.question.type_info?.scale_properties?.labels?.preference,isPreview:a})}}),(c||s)&&t.createElement("div",{className:("wrap-up-actions "+(u?"mobile":"")).trim()},c&&t.createElement("button",{className:"action-button",tabIndex:0,disabled:y,onClick:()=>{q(!0),l()}},t.createElement(fl,{name:"edit"}),M?.edit_response||"Edit your response"),s&&t.createElement("button",{className:"action-button",tabIndex:0,disabled:y,onClick:()=>{q(!0),p()}},t.createElement(fl,{name:"reload"}),M?.another_response||"Submit another response")),z&&t.createElement(t.Fragment,null,t.createElement("div",{className:"redirection-text"},We(A,M?.redirect_msg),t.createElement("br",null)),t.createElement("a",{className:"link",href:z},z)),t.createElement(Ez,{show_custom_button:f,show_review_links:O,show_social_links:v,surveyServAssetUrl:e})))},K4=e=>{const{blockIndex:n,renderedBlocks:o,activeIndexOfRenderedBlocks:a,translationVariables:r,saveFormValues:i,answers:c,clearRadioSelection:s,canDisplayDisableButtonParams:l,navigateToNextStatement:p,navigateToPreviousStatement:u}=e,d={};G4.forEach((e=>{d[e]=!!Ue(e,l)}));const b=o[n??a],{question:M}=b,z=M?.type_info?.meta?.display_format;return d?.consent||d?.["previous-matrix-statement"]||d?.["next-matrix-statement"]||d?.["clear-selection"]||d?.message?t.createElement("div",{className:"question-footer"},t.createElement("div",null,(d?.["previous-matrix-statement"]||d?.["next-matrix-statement"])&&t.createElement("div",{className:"freemium-survey-step-navigation","data-navigation-element":"1"},t.createElement("button",{disabled:Ke("previous-matrix-statement",l),className:"navigation-button",onClick:()=>{u(M.name)},title:r?.prev_question??"go to previous question"},t.createElement(fl,{name:"arrow-previous"})),t.createElement("button",{className:"navigation-button",disabled:Ke("next-matrix-statement",l),title:r?.next_question||"Go to next question",onClick:()=>{p(M.name)}},t.createElement(fl,{name:"arrow-next"})))),t.createElement("div",{className:"action-buttons"},d?.["clear-selection"]&&t.createElement(Ml,{className:"sec-button",variant:"secondary",onClick:()=>s(n)},r?.clear_selection??"Clear selection"),d?.consent&&"BUTTON"===z&&de.map((e=>t.createElement(Ml,{key:a+String(e.recordAs),onClick:()=>{i(b,e.recordAs,!0,n)},disabled:Ke("consent",l),variant:ze(c.formValues?.[M.name])||c.formValues?.[M.name]===e.recordAs?"primary":"secondary",className:("consent-button "+(c.formValues?.[M.name]===e.recordAs?"selected":"")).trim()},M?.type_info?.scale_properties?.labels?.values?.[e.id]??e.defaultValue))))):null},J4=e=>{const{pages:n,activePage:i,navigateToNextPage:c,navigateToPreviousPage:s,navigateToNextSet:l,navigateToPreviousSet:p,isInitialTransition:u,blocks:d,renderedBlocks:b,activeBlock:M,activeIndexOfBlocks:z,activeIndexOfRenderedBlocks:m,isSurveyCompleted:h,translationVariables:f,saveFormValues:O,saveOthersValue:v,clearRadioSelection:A,onSubmitHandler:g,answers:y,questions:q,resetSurvey:W,initialStatementHasAnswer:w,navigateToStart:x,activeIndexOfRenderedStatement:R,navigateToNextStatement:L,navigateToPreviousStatement:C,pivot:k,formQuestionErrors:P,setIsSurveyCompleted:S,textboxQuestionErrors:T,contactFormErrors:E,fileUploadErrors:N,setErrors:B,isSubmitting:$,setIsSubmitting:_,moveToNextSet:H,expanded:I,setExpanded:D,activeIndexOfSet:X}=U4(e);ke("Standard",{...e,answers:y,activePage:i,activeBlock:M,renderedBlocks:b,activeIndexOfSet:X,activeIndexOfBlocks:z,activeIndexOfRenderedBlocks:m,activeIndexOfRenderedStatement:R});const V=a(null),j=a(null),F=t.useMemo((()=>Ae(k?.question)),[k?.question]),U=me(y.formValues)&&e.survey.prompt_settings?.is_enabled&&e.preview,[G,Y]=o(U),Z=b.filter((e=>i?.page_id===e?.page_id));if(r((()=>{e.getSurveyProgress?.({totalBlocks:d.length,isSurveyCompleted:h,activeIndexOfBlocks:z})}),[d.length,h,z]),r((()=>{e.survey.ui_theme&&qe(e.survey.ui_theme)}),[e.survey.ui_theme]),r((()=>{setTimeout((()=>{j.current&&j.current?.scrollIntoView({block:"start",behavior:"smooth"})}),0),M&&e.onBlockChange?.(M,i)}),[i?.page_id]),!M||!M.question)return null;const{question:K}=b[m],J=!(n.length>0)||n[n.length-1]?.page_id===i?.page_id,Q={answers:y,blocks:d,blockIndex:0,activeIndexOfBlocks:z,initialStatementHasAnswer:w,activeIndexOfRenderedBlocks:m,activeIndexOfRenderedStatement:R,renderedBlocks:b,activePage:i,isMobile:!!e.isMobile,surveyStyle:e.surveyStyle,isWidget:!!e.isWidget,initialPivotAnswer:e.initialPivotAnswer,isInitialTransition:u,questions:q,pages:n,contactData:e.contactData,activeIndexOfSet:X},ee={};G4.forEach((e=>{ee[e]=!!Ue(e,Q)}));const te=b[b.length-1];return t.createElement("div",{className:`freemium-survey-components ${he(e.language||"en")?"rtl":"ltr"} ${e.isMobile?"mobile-preview":""} standard-survey-style`,id:"freemium-survey",ref:j,style:{...ye(e.survey.ui_theme||{})}},G&&e.survey.prompt_settings?t.createElement("div",{className:"questions"},t.createElement("div",{className:"question-container"},t.createElement(Tz,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt?.(t),1===t&&Y(!1)},placeholders:e.placeholders,isPreview:!!e.preview}))):t.createElement(t.Fragment,null,h?t.createElement(Z4,{surveyServAssetUrl:e.surveyServAssetUrl??"",thankYouQuestion:Be({pivotQn:k?.question,pivotQnAnswer:k?.answer,block:He({activeBlock:te,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:y,questions:q,activeIndexOfBlocks:d.findIndex((e=>e.name===te.name)),renderedBlocks:b,contactData:e.contactData,surveyLayout:"standard",pages:n}),questions:q}),preview:!!e.preview,placeholders:e.placeholders,pivot:{...k,question:k?.question||{name:""},answer:k?.answer},rangeToRender:F,canResubmit:e.canResubmit,isMobile:e.isMobile,allowMultipleSubmission:e.allowMultipleSubmission,translationVariables:f,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",(()=>{_(!1),x()})):(_(!1),x())},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",(()=>{_(!1),W()})):(_(!1),W())}}):t.createElement(t.Fragment,null,n.length>0&&i?.page_id&&t.createElement(I4,{expanded:I,id:i.page_id,setExpanded:D,activePage:i,translationVariables:f}),t.createElement("div",{className:("questions "+(e?.secBtnTxt?"sec-btn":"")).trim()},b.map(((o,a)=>{if(n.length>0&&i?.page_id!==o?.page_id||o.orderOfSet!==X)return null;const r=Z.findIndex((e=>e.name===o.name));return t.createElement(il.div,{id:o.question.name,key:o.question.name,ref:V,className:`question-container standard-card-${o.question.name}`,"data-test-question-name":M.question.name,initial:{opacity:0},animate:{opacity:1,x:0},exit:{opacity:0},transition:{duration:.2,delay:r?r/15:0}},t.createElement("div",{className:`question-text ${o.required?"required":""} ${0===a?"nps":""}`.trim(),dangerouslySetInnerHTML:{__html:ge({questionText:o.question.text,placeholders:e.placeholders,npsRating:k?.answer,ratingLabel:ze(k?.answer)?"":F?.find((e=>e?.value===String(k?.answer)))?.text??"",preference:k?.question.type_info?.scale_properties?.labels?.preference,isPreview:!!e.preview})},"aria-label":`question-${a}`,role:"heading","aria-level":1}),t.createElement(H4,{surveyServAssetUrl:e.surveyServAssetUrl,fileUploadErrors:N,setErrors:B,onFileUpload:e.onFileUpload,block:o,preview:!!e.preview,surveyLanguage:e.survey.language,language:e.language||"en",question:o.question,surveyStyle:e.surveyStyle,isFinalQn:Ne({blocks:d,activeIndexOfBlocks:z,renderedBlocks:b,activeIndexOfRenderedBlocks:m,questions:q}),formValues:y.formValues,othersMeta:y.others,isMobile:!!e.isMobile,autoFocusDelay:20,activeIndexOfRenderedStatement:R,saveOthersValue:(e,t)=>{v(e,t,a)},onChangeHandler:(e,t)=>{const r=o.question.type_info?.question_type;O(o,e,!!r&&(!(n.length>0)||!J)&&["RANGE","SLIDER","MULTI_SELECT","DROPDOWN","BOOLEAN","CONSENT"].includes(r)||t,a)},initialPivotAnswer:e.initialPivotAnswer,initialQuestionAnswer:e.initialQuestionAnswer,formQuestionErrors:P,textboxQuestionErrors:T,contactFormErrors:E,translationVariables:f}),"MESSAGE"!==o.question.type_info?.question_type&&t.createElement(K4,{canDisplayDisableButtonParams:{...Q,blockIndex:a},language:e.language||"en",isWidget:!1,surveyStyle:e.surveyStyle,answers:y,renderedBlocks:b,blocks:d,pages:n,blockIndex:a,isInitialTransition:u,activeIndexOfRenderedBlocks:m,initialStatementHasAnswer:w,navigateToNextStatement:L,navigateToPreviousStatement:C,activeIndexOfRenderedStatement:R,activeIndexOfBlocks:z,saveFormValues:O,isMobile:!!e.isMobile,clearRadioSelection:A,onSubmitHandler:g,initialPivotAnswer:e.initialPivotAnswer,translationVariables:f,formQuestionErrors:P,textboxQuestionErrors:T,contactFormErrors:E,fileUploadErrors:N,questions:q}))}))),t.createElement("div",{className:"page-actions"},t.createElement("div",null,ee["page-navigation"]&&t.createElement(Y4,{answers:y,canDisplayDisableButtonParams:Q,activeIndexOfBlocks:z,pages:n,activeIndexOfRenderedBlocks:m,renderedBlocks:b,initialStatementHasAnswer:w,blocks:d,activeIndexOfRenderedStatement:R,navigateToNextPage:c,navigateToPreviousPage:s,translationVariables:f,navigateToPreviousSet:p,navigateToNextSet:l})),t.createElement("div",{className:"page-action-buttons"},e?.secBtnTxt&&t.createElement(Ml,{variant:"secondary",onClick:()=>{e?.handleSecondaryAction?.({answers:y.formValues,survey:e.survey})},"aria-label":"secondary-action"},e.secBtnTxt),ee["skip-set"]&&t.createElement(Ml,{variant:"secondary",onClick:()=>{H(!0)},"aria-label":"skip set"},f?.skip||"Skip"),ee?.["next-set"]&&t.createElement(Ml,{onClick:()=>{H()},disabled:!!Ke("next-page",Q),className:"next-page"},f?.next||"Next"),ee.submit&&t.createElement(Ml,{disabled:!!Ke("submit",Q),onClick:()=>{me(P?.[K.name])&&me(T?.[K.name])&&me(N?.[K.name])&&me(E?.[K.name])&&(_(!0),S(!0),g("COMPLETE"))}},$?f?.submitting||"Submitting":f?.submit_survey||"Submit"))))),t.createElement(Sz,{...e.footerProps,surveyStyle:e.surveyStyle,bgColor:e.survey.ui_theme?.body_background_color??D4}))};dl("@keyframes mountWidget {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n.surveyserv-widget-container {\n overflow: hidden;\n position: fixed;\n bottom: 12px;\n border-radius: 6px;\n z-index: var(--fsc-z-index);\n display: flex;\n flex-direction: column;\n background-color: var(--question-background-color, #fff);\n transition: opacity var(--fsc-widget-transition-duration) ease, height var(--fsc-widget-transition-duration) ease;\n animation: mountWidget var(--fsc-widget-transition-duration) ease;\n transform: translate(-50%, 0);\n box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px;\n}\n.surveyserv-widget-container.default-container-style {\n left: 50%;\n width: 660px;\n}\n.surveyserv-widget-container.default-container-style .question-container.thankyou {\n padding-bottom: 12px;\n}\n.surveyserv-widget-container.compact-container-style {\n width: 350px;\n transform: unset;\n right: 32px;\n overflow: hidden;\n}\n.surveyserv-widget-container.compact-container-style .compact-footer-layout {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n width: 100%;\n}\n.surveyserv-widget-container.compact-container-style .compact-footer-container {\n flex: 1;\n display: flex;\n flex-wrap: wrap;\n gap: 24px;\n}\n.surveyserv-widget-container.compact-container-style .compact-footer-container button.message-button {\n word-break: break-all;\n}\n.surveyserv-widget-container.compact-container-style .compact-footer-container button.consent-buttons, .surveyserv-widget-container.compact-container-style .compact-footer-container > :first-child {\n flex: 1;\n}\n.surveyserv-widget-container.compact-container-style .question-container.thankyou {\n padding: 12px;\n}\n.surveyserv-widget-container.cozy-container-style {\n left: 50%;\n width: 96%;\n max-width: 1000px;\n min-width: 800px;\n}\n.surveyserv-widget-container.cozy-container-style .question-container.thankyou {\n padding-bottom: 12px;\n}\n.surveyserv-widget-container div.widget-progressbar {\n position: absolute;\n top: 10px;\n left: 12px;\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.surveyserv-widget-container div.widget-progressbar .progress-completion {\n font-size: 12px;\n}\n.surveyserv-widget-container header.widget-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 8px 8px 0 8px;\n}\n.surveyserv-widget-container header.widget-header.minimized {\n padding-bottom: 8px;\n}\n.surveyserv-widget-container header.widget-header span.header-content.minimized {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.surveyserv-widget-container header.widget-header div.icons {\n display: flex;\n}\n.surveyserv-widget-container header.widget-header div.icons button.fsc-button {\n transform: unset;\n width: 32px;\n height: 32px;\n display: grid;\n place-content: center;\n padding: 0;\n margin: 0;\n}\n.surveyserv-widget-container main.widget-main {\n max-height: calc(100vh - 128px);\n overflow: auto;\n transition: height var(--fsc-transition-duration);\n}\n.surveyserv-widget-container main.widget-main .animation-container {\n transition: height var(--fsc-transition-duration);\n overflow: auto;\n}\n.surveyserv-widget-container main.widget-main .scroll-container {\n display: flex;\n flex-direction: column;\n gap: 16px;\n overflow: hidden;\n}\n.surveyserv-widget-container main.widget-main .question-container {\n padding: 12px 0;\n}\n.surveyserv-widget-container main.widget-main .question-container .heading {\n width: 100%;\n}\n.surveyserv-widget-container main.widget-main .question-container .heading .footer-alignment {\n width: 75%;\n font-size: 18px;\n text-align: center;\n}\n.surveyserv-widget-container main.widget-main .question-container .heading .footer {\n font-weight: 400;\n text-align: center;\n margin: 1rem auto 0 auto;\n line-height: 1.5;\n color: var(--question-text-color, var(--default-question-text-color));\n}\n.surveyserv-widget-container main.widget-main .question-container .heading .footer p {\n margin: unset;\n word-break: break-word;\n}\n.surveyserv-widget-container main.widget-main .question-container .heading .footer:empty {\n display: none;\n}\n.surveyserv-widget-container main.widget-main .question-text {\n padding: 0 24px;\n}\n.surveyserv-widget-container main.widget-main .question-wrapper {\n padding: 4px 24px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n.surveyserv-widget-container main.widget-main .question-footer {\n padding: 0 24px 24px 24px;\n}\n.surveyserv-widget-container main.widget-main.minimized .question-footer,\n.surveyserv-widget-container main.widget-main.minimized div.widget-progressbar {\n display: none;\n}\n.surveyserv-widget-container main.widget-main.minimized .question-container {\n padding: 0;\n}\n.surveyserv-widget-container footer.widget-footer {\n white-space: nowrap;\n flex-wrap: wrap;\n font-size: 12px;\n overflow: auto;\n background-color: var(--background-color, #f8f8f8);\n display: flex;\n gap: 8px;\n justify-content: space-between;\n align-items: center;\n padding: 12px;\n}\n.surveyserv-widget-container footer.widget-footer a {\n color: var(--question-text-color, var(--default-question-text-color));\n font-size: 0.7rem;\n display: grid;\n place-content: center;\n -webkit-text-decoration: underline;\n text-decoration: underline;\n}\n.surveyserv-widget-container footer.widget-footer.survey-footer-dark a {\n color: #bedbf5;\n}\n.surveyserv-widget-container footer.widget-footer.survey-footer-dark a:hover {\n color: #ffffff;\n}\n.surveyserv-widget-container footer.widget-footer.survey-footer-light a {\n color: #2c5cc5;\n}\n.surveyserv-widget-container footer.widget-footer.survey-footer-light a:hover {\n color: #c58af9;\n}\n.surveyserv-widget-container footer.widget-footer div.footer-text {\n display: flex;\n align-items: center;\n gap: 6px;\n}");const Q4=({surveyServAssetUrl:e,thankYouQuestion:n,placeholders:o,canResubmit:a,navigateToStart:i,resetSurvey:c,widgetStyle:s,allowMultipleSubmission:l,pivot:p,rangeToRender:u,translationVariables:d})=>{const{show_custom_button:b,show_review_links:M,show_social_links:z,image_url:m}=n?.type_info?.meta??{},[h,f]=t.useState(!1);return r((()=>()=>{f(!1)}),[]),t.createElement("div",{className:"question-container thankyou"},m&&t.createElement("img",{className:"thankyou-logo-img",src:m,alt:"thankyou_logo"}),t.createElement("div",{className:m?"heading":"heading thankyou-image"},t.createElement(t.Fragment,null,ve(n))),t.createElement("div",{className:m?"text":"text thankyou-image",dangerouslySetInnerHTML:{__html:ge({questionText:n.text,placeholders:o,npsRating:p?.answer,ratingLabel:ze(p?.answer)?"":u?.find((e=>e?.value===String(p?.answer)))?.text??"",preference:p?.question.type_info?.scale_properties?.labels?.preference})}}),(a||l)&&t.createElement("div",{className:`wrap-up-actions ${m?"":"thank-you-image"} ${"compact"===s?"mobile":""}`.trim()},a&&t.createElement("button",{className:"action-button",tabIndex:0,disabled:h,onClick:()=>{f(!0),i()}},t.createElement(fl,{name:"edit"}),d?.edit_response||"Edit your response"),l&&t.createElement("button",{className:"action-button",tabIndex:0,disabled:h,onClick:()=>{f(!0),c()}},t.createElement(fl,{name:"reload"}),d?.another_response||"Submit another response")),t.createElement(Ez,{show_custom_button:b,show_review_links:M,show_social_links:z,surveyServAssetUrl:e}))},e6=({translationVariables:e,activeIndexOfRenderedStatement:n,navigateToPreviousBlock:o,navigateToNextBlock:a,question:r,canDisplayDisableButtonParams:i,animationInProgress:c,setAnimationInProgress:s})=>t.createElement("div",{className:"freemium-survey-step-navigation","data-navigation-element":"1"},t.createElement("button",{disabled:c||!!Ke("navigation-prev",i),className:"navigation-button",onClick:()=>{s(!0),setTimeout((()=>{s(!1)}),oe),o()},title:r.name&&(n?.[r.name]??0)>0?e?.prev_statement||"go to previous statement":e?.prev_question||"go to previous question"},t.createElement(fl,{name:"arrow-previous"})),t.createElement("button",{className:"navigation-button",disabled:c||!!Ke("navigation-next",i),onClick:()=>{s(!0),setTimeout((()=>{s(!1)}),oe),a()},title:e?.next_question||"go to next question"},t.createElement(fl,{name:"arrow-next"}))),t6=e=>{const{widgetStyle:n,answers:a,initialStatementHasAnswer:r,renderedBlocks:i,blocks:c,activeIndexOfBlocks:s,navigateToNextStatement:l,activeIndexOfRenderedBlocks:p,translationVariables:u,saveFormValues:d,activeIndexOfRenderedStatement:b={},onSubmitHandler:M,skipBlock:z,skipStatement:m,navigateToNextBlock:h,navigateToPreviousBlock:f,formQuestionErrors:O,textboxQuestionErrors:v,fileUploadErrors:A,contactFormErrors:g,canDisplayDisableButtonParams:y,pages:q,setFooterElementRef:W}=e,[w,x]=o(!1),[R,L]=o(!1),{question:C}=i[p],k=C?.type_info?.question_type,P={...y,isSubmitting:R},S=(e=!1)=>{const n=e?[...de].reverse():[...de];return Ue("consent",P)&&"BUTTON"===E&&n.map((e=>t.createElement(Ml,{key:p+String(e.id),onClick:()=>{x(!0),setTimeout((()=>{x(!1)}),oe),d(i[p],e.recordAs,!0)},disabled:w||Ke("consent",P),variant:ze(a.formValues?.[C.name])||a.formValues?.[C.name]===e.recordAs?"primary":"secondary",className:("consent-button "+(a.formValues?.[C.name]===e.recordAs?"selected":"")).trim()},C?.type_info?.scale_properties?.labels?.values?.[e.id]||e.defaultValue)))},T="compact"===n&&(Ue("navigation",P)&&Ue("skip",P)||"CONSENT"===k||"MESSAGE"===k),E=C?.type_info?.meta?.display_format;return t.createElement(t.Fragment,null,(Ue("navigation",P)||Ue("next",P)||Ue("next-statement",P)||Ue("consent",P)||Ue("submit",P)||Ue("skip",P)||Ue("skip-statement",P)||Ue("message",P))&&t.createElement("div",{className:"question-footer",ref:e=>e?W?.(e):null},T?t.createElement("div",{className:"compact-footer-container"},Ue("next",P)&&t.createElement(Ml,{onClick:()=>{x(!0),setTimeout((()=>{x(!1)}),oe),d(i[p],"CHECKBOX"===C?.type_info?.meta?.display_format&&"CONSENT"===C?.type_info?.question_type?a.formValues[C.name]??!1:a.formValues[C.name],!0)},disabled:w||!!Ke("next",P),className:"next-button"},u?.next||"Next"),Ue("message",P)&&t.createElement(Ml,{onClick:()=>{x(!0),setTimeout((()=>{x(!1)}),oe),z()},disabled:w||Ke("message",P),className:"message-button"},C?.type_info?.scale_properties?.labels?.values?.[0]||"Begin"),Ue("submit",P)&&t.createElement("div",{className:"submit"},t.createElement(Ml,{disabled:w||!!Ke("submit",P),onClick:()=>{me(O?.[C.name])&&me(v?.[C.name])&&me(A?.[C.name])&&me(g?.[C.name])&&(x(!0),setTimeout((()=>{x(!1)}),oe),L(!0),M("COMPLETE"))}},R?u?.submitting||"Submitting":u?.submit_survey||"Submit")),Ue("next-statement",P)&&t.createElement(Ml,{onClick:()=>{x(!0),setTimeout((()=>{x(!1)}),oe),l?.(C.name)},disabled:w||!!Ke("next-statement",P),className:"next-button"},u?.next||"Next"),S(),t.createElement("div",{className:"compact-footer-layout"},t.createElement(e6,{animationInProgress:w,setAnimationInProgress:x,answers:a,canDisplayDisableButtonParams:P,pages:q,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:p,renderedBlocks:i,initialStatementHasAnswer:r,blocks:c,activeIndexOfRenderedStatement:b,question:C,translationVariables:u,navigateToNextBlock:h,navigateToPreviousBlock:f}),"MESSAGE"!==k&&!c[s].required&&t.createElement(Ml,{className:"skip-button",onClick:()=>{x(!0),setTimeout((()=>{x(!1)}),oe),z()},variant:"secondary","aria-label":"skip question",disabled:w},u?.skip||"Skip"))):t.createElement(t.Fragment,null,Ue("navigation",P)?t.createElement(e6,{animationInProgress:w,setAnimationInProgress:x,answers:a,pages:q,canDisplayDisableButtonParams:P,activeIndexOfBlocks:s,activeIndexOfRenderedBlocks:p,activeIndexOfRenderedStatement:b,renderedBlocks:i,blocks:c,question:C,initialStatementHasAnswer:r,translationVariables:u,navigateToNextBlock:h,navigateToPreviousBlock:f}):t.createElement("div",null),t.createElement("div",{className:"action-buttons"},Ue("skip",P)&&t.createElement(Ml,{className:"skip-button",variant:"secondary",onClick:()=>{x(!0),setTimeout((()=>{x(!1)}),oe),z()},"aria-label":"skip question",disabled:w},u?.skip||"Skip"),Ue("skip-statement",P)&&t.createElement(Ml,{className:"skip-button",variant:"secondary",onClick:()=>{x(!0),setTimeout((()=>{x(!1)}),oe),m()},"aria-label":"skip statement",disabled:w},u?.skip||"Skip"),S(!0),Ue("next",P)&&t.createElement(Ml,{onClick:()=>{x(!0),setTimeout((()=>{x(!1)}),oe),d(i[p],"CHECKBOX"===C?.type_info?.meta?.display_format&&"CONSENT"===C?.type_info?.question_type?a.formValues[C.name]??!1:a.formValues[C.name],!0)},disabled:w||!!Ke("next",P),className:"next-button"},u?.next||"Next"),Ue("next-statement",P)&&t.createElement(Ml,{onClick:()=>{x(!0),setTimeout((()=>{x(!1)}),oe),l?.(C.name)},disabled:w||!!Ke("next-statement",P),className:"next-button"},u?.next||"Next"),Ue("submit",P)&&t.createElement("div",{className:"submit"},t.createElement(Ml,{disabled:w||!!Ke("submit",P),onClick:()=>{me(O?.[C.name])&&me(v?.[C.name])&&me(A?.[C.name])&&me(g?.[C.name])&&(x(!0),setTimeout((()=>{x(!1)}),oe),L(!0),M("COMPLETE"))}},R?u?.submitting||"Submitting":u?.submit_survey||"Submit")),Ue("message",P)&&t.createElement(Ml,{onClick:()=>{x(!0),setTimeout((()=>{x(!1)}),oe),z()},disabled:w||Ke("message",P),className:"next-button"},C?.type_info?.scale_properties?.labels?.values?.[0]||"Begin")))))},n6=e=>{const{pages:n,activePage:i,blocks:c,renderedBlocks:s,activeBlock:l,activeIndexOfBlocks:p,activeIndexOfRenderedBlocks:u,isSurveyCompleted:d,isReverseAnimation:b,translationVariables:M,saveFormValues:z,saveOthersValue:m,skipBlock:h,skipStatement:f,initialStatementHasAnswer:O,onSubmitHandler:v,navigateToNextBlock:A,activeIndexOfRenderedStatement:g,navigateToNextStatement:y,navigateToPreviousStatement:q,navigateToPreviousBlock:W,answers:w,questions:x,resetSurvey:R,navigateToStart:L,pivot:C,formQuestionErrors:k,textboxQuestionErrors:P,fileUploadErrors:S,contactFormErrors:T,setErrors:E,expanded:N,setExpanded:B}=st({...e,isWidget:!0});ke("Widget",{...e,renderedBlocks:s,activeIndexOfBlocks:p,answers:w,activeIndexOfRenderedBlocks:u,activeBlock:l});const[$,_]=o(null),[H,I]=o(null),[D,X]=o(null),[V,j]=o(0),F=t.useMemo((()=>Ae(C?.question)),[C?.question]),U=me(w.formValues)&&e.survey.prompt_settings?.is_enabled,[G,Y]=o(U),Z=a(U?-1:u),K=()=>{if(null===$||!$||"undefined"==typeof window||"undefined"==typeof document)return;const t=Math.max(document.documentElement.clientHeight||0,window.innerHeight||0)-(H?.scrollHeight??0)-(D?.scrollHeight??0)-164,n=Math.min($?.scrollHeight,Math.min(ie[e.widgetStyle],t));V!==n&&j(n)};r((()=>{setTimeout((()=>{K()}),0)}),[G,d,$,g[l?.question?.name],u,D,N]),r((()=>{"MATRIX_RATING_SCALE"===l?.question?.type_info?.question_type&&setTimeout((()=>{K()}),0)}),[g[l?.question?.name]]),r((()=>{e.loadAsNewSurvey&&e.handleAction&&e.handleAction("RE_SUBMIT",R)}),[]),r((()=>{e.setCurrentSurveyState?.({question:s[u]?.question,npsScore:C?.answer})}),[u,C?.answer]),r((()=>{u!==Z.current&&(Z.current=-1)}),[u]);const J={answers:w,blocks:c,blockIndex:u,activeIndexOfBlocks:p,initialStatementHasAnswer:O,activeIndexOfRenderedBlocks:u,activeIndexOfRenderedStatement:g,renderedBlocks:s,isMobile:!!e.isMobile,surveyStyle:"card",isWidget:!0,questions:x,pages:n,contactData:e.contactData,activeIndexOfSet:0};if(!l||!l?.question)return null;const Q=d?c.length:p+(d?1:0),ee=d?100:(Q>0?100/c.length:0)*Q;return t.createElement("div",{className:`freemium-survey-components widget-survey-components\n ${e.widgetStyle}-style`.trim(),id:"freemium-survey"},d||G?null:t.createElement("div",{className:"widget-progressbar"},t.createElement("div",{className:"progress-completion"},ee.toFixed(),"%"),t.createElement(Ju,{totalSteps:c.length,completedSteps:p+(d?1:0),isWidget:!0})),!G&&!e.minimized&&n.length>0&&i?.page_id&&!d&&t.createElement(I4,{ref:e=>e?X(e):null,expanded:N,id:i.page_id,setExpanded:B,activePage:i,translationVariables:M}),t.createElement("div",{className:"questions",style:{...U&&G||Z.current===u?{transition:"none"}:{}}},t.createElement(ul,{exitBeforeEnter:!0},t.createElement(il.div,{id:`${l.question.name}`,className:`question-container ${d?"thankyou":""} ${G?"prompt-container":""}`.trim(),"data-test-question-name":l.question.name,key:`${l.question.name}`,initial:{opacity:0,x:fe(e.language,b)},animate:{opacity:1,x:0},exit:{opacity:0,x:Oe(e.language,b)},transition:{duration:.2}},t.createElement("div",{className:"animation-container",style:{height:e.minimized?0:V>0&&!N?`${V}px`:"auto"}},t.createElement("div",{className:"scroll-container",ref:e=>e?_(e):null},G&&e.survey.prompt_settings?t.createElement(Tz,{config:e.survey.prompt_settings,onSelect:t=>{e.onAnsweringPrompt(t),1===t&&Y(!1)},placeholders:e.placeholders}):t.createElement(t.Fragment,null,d?t.createElement(Q4,{surveyServAssetUrl:e.surveyServAssetUrl??"",thankYouQuestion:Be({pivotQn:C?.question,pivotQnAnswer:C?.answer,block:He({activeBlock:l,blocks:e.survey.blocks?.filter((e=>!e.is_deleted)),answers:w,questions:x,activeIndexOfBlocks:p,renderedBlocks:s,contactData:e.contactData,surveyLayout:"card",pages:n}),questions:x}),placeholders:e.placeholders,canResubmit:e.canResubmit,widgetStyle:e.widgetStyle,navigateToStart:()=>{e.handleAction?e.handleAction("EDIT_RESPONSE",L):L()},resetSurvey:()=>{e.handleAction?e.handleAction("RE_SUBMIT",R):R()},allowMultipleSubmission:e.allowMultipleSubmission,pivot:C,rangeToRender:F,translationVariables:M}):t.createElement(t.Fragment,null,t.createElement("div",{className:`question-text ${!l.question.type_info?.pivot_question&&l.required?"required":""} ${"RANGE"===l?.question?.type_info?.question_type?"range-question-text":""}`.trim(),dangerouslySetInnerHTML:{__html:ge({questionText:l?.question.text,placeholders:e.placeholders,npsRating:C?.answer,ratingLabel:ze(C?.answer)?"":F?.find((e=>e?.value===String(C?.answer)))?.text??"",preference:C?.question.type_info?.scale_properties?.labels?.preference})},"aria-label":`question-${u}`,role:"heading","aria-level":1}),"MESSAGE"!==l.question.type_info?.question_type&&t.createElement("div",{className:"question-wrapper",onTransitionEndCapture:e=>e.stopPropagation()},t.createElement(H4,{setFocus:!0,surveyStyle:"card",isReverseAnimation:b,language:e?.language||"en",surveyServAssetUrl:e.surveyServAssetUrl,fileUploadErrors:S,setErrors:E,onFileUpload:e.onFileUpload,surveyLanguage:e.survey.language,block:l,question:l.question,isFinalQn:Ne({blocks:c,activeIndexOfBlocks:p,renderedBlocks:s,activeIndexOfRenderedBlocks:u,questions:x}),formValues:w.formValues,widgetStyle:e.widgetStyle,isMobile:!1,othersMeta:w.others,autoFocusDelay:0,activeIndexOfRenderedStatement:g,isWidget:!0,saveOthersValue:(e,t)=>{m(e,t),setTimeout((()=>{K()}),0)},onChangeHandler:e=>{setTimeout((()=>{K()}),0),z(l,e)},formQuestionErrors:k,textboxQuestionErrors:P,contactFormErrors:T,translationVariables:M})))))))),!d&&!G&&t.createElement(t6,{pages:n,isWidget:!0,language:e.language||"en",widgetStyle:e.widgetStyle,setFooterElementRef:I,surveyStyle:"standard",answers:w,canDisplayDisableButtonParams:{...J,blockIndex:u,activeIndexOfRenderedBlocks:u},isMobile:!1,renderedBlocks:s,initialStatementHasAnswer:O,activeIndexOfRenderedStatement:g,blocks:c,activeIndexOfRenderedBlocks:u,navigateToNextStatement:y,navigateToPreviousStatement:q,activeIndexOfBlocks:p,translationVariables:M,saveFormValues:z,skipBlock:h,skipStatement:f,onSubmitHandler:v,navigateToPreviousBlock:W,navigateToNextBlock:A,formQuestionErrors:k,textboxQuestionErrors:P,fileUploadErrors:S,contactFormErrors:T,questions:x})))},o6=e=>t.createElement("svg",{width:"8",height:"2",viewBox:"0 0 8 2",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("path",{d:"M7.3 1.4H0.7C0.313401 1.4 0 1.0866 0 0.699999C0 0.3134 0.313401 0 0.7 0H7.3C7.6866 0 8 0.3134 8 0.699999C8 1.0866 7.6866 1.4 7.3 1.4Z",fill:"#264966"})),a6=e=>t.createElement("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("g",{clipPath:"url(#clip0_8207_70478)"},t.createElement("rect",{width:"10",height:"10",fill:"white",fillOpacity:"0.01"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.62499 3.19375C8.62499 3.4 8.79374 3.56875 8.99999 3.56875C9.20624 3.56875 9.37499 3.4 9.37499 3.19375V1C9.37499 0.79375 9.20624 0.625 8.99999 0.625H6.80624C6.59999 0.625 6.43124 0.79375 6.43124 1C6.43124 1.20625 6.59999 1.375 6.80624 1.375H8.09377L5.66876 3.80001C5.52501 3.95001 5.52501 4.18751 5.66876 4.33126C5.73751 4.40626 5.83751 4.44376 5.93126 4.44376V4.45001C6.02501 4.45001 6.11876 4.41251 6.19376 4.33751L8.62499 1.90628V3.19375ZM1 9.37501H1.00738H3.19375C3.4 9.37501 3.56875 9.20626 3.56875 9.00001C3.56875 8.79376 3.4 8.62501 3.19375 8.62501H1.90626L4.3375 6.19376C4.48125 6.04376 4.48125 5.80626 4.3375 5.66251C4.1875 5.51876 3.95 5.51876 3.80625 5.66251L1.375 8.09376V6.80626C1.375 6.60001 1.20625 6.43126 1 6.43126C0.79375 6.43126 0.625 6.60001 0.625 6.80626V9.00001C0.625 9.20626 0.79375 9.37501 1 9.37501Z",fill:"#264966"})),t.createElement("defs",null,t.createElement("clipPath",{id:"clip0_8207_70478"},t.createElement("rect",{width:"10",height:"10",fill:"white"})))),r6=e=>t.createElement("svg",{width:"11",height:"10",viewBox:"0 0 11 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("rect",{opacity:"0.01",x:"0.166748",width:"10",height:"10",fill:"white",fillOpacity:"0.01"}),t.createElement("path",{d:"M1.85044 1.68284L8.48309 8.31549",stroke:"#264966",strokeWidth:"1.5",strokeLinecap:"round"}),t.createElement("path",{d:"M8.48309 1.68284L1.85044 8.31549",stroke:"#264966",strokeWidth:"1.5",strokeLinecap:"round"})),i6={default:{width:522,11:6,10:6,9:8,8:8,7:18,6:22,5:28,4:32,3:36},compact:{width:522,11:6,10:6,9:8,8:8,7:18,6:22,5:28,4:32,3:36},cozy:{width:582,11:12,10:12,9:12,8:12,7:18,6:22,5:28,4:32,3:36}},c6=({language:e="en",survey:n,preview:r,placeholders:i,contactData:c,overRideComponent:s,onSubmit:l,onDismiss:p,onClose:u,isMobile:d,surveyType:b,unsubscribeUrl:M,isSurveyCompleted:z,children:m=null,answerStatus:h,loadSurveyCollapsed:f=!1,handleAction:O,answers:v,onAnsweringPrompt:A,allowMultipleSubmission:g,loadAsNewSurvey:y,canResubmit:q,translationVariables:W,surveyServAssetUrl:w,surveyPoweredBy:x,onFileUpload:R})=>{const L=n.question_details?.questions||[],[C,k]=o(),[P,S]=o(!1),[T,E]=o(f),[N,B]=o(!1),{ui_theme:$}=n,[_,H]=o(null),I=t.useMemo((()=>((e=[])=>{const t=e.sort(((e,t)=>Number(e.order)-Number(t.order)));return t.find((e=>!e.is_deleted))??t[0]})(n.blocks||[])),[n.blocks]),D=I?.question_name?I?.question_name??"":I?.category?.[0].question_name??"",X=L.find((e=>e.name===D)),V=()=>{S(!0),setTimeout((()=>{u?.()}),300)},j=a(null);return t.useEffect((()=>{const e=document.documentElement;if(!e||!n.question_details?.questions)return;let t=0;(n.question_details.questions??[]).forEach((e=>{const n=Ae(e);"RANGE"===e.type_info?.question_type&&n.length>t&&(t=n.length)}));const o=42*t+i6[b][t]*(t-1);e.style.setProperty("--fsc-max-range-question-width",Math.min(i6[b].width,o)+"px")}),[n,b]),t.useEffect((()=>{$&&(qe($),B(Pe($.body_background_color??D4)))}),[$]),t.createElement("div",{className:`surveyserv-widget-container ${he(e||"en")?"rtl":"ltr"} ${d?"widget-mobile":""} ${b}-container-style ${T?"minimized":""}`,style:{opacity:P?0:1,...ye($||{})}},t.createElement("header",{id:"surveyserv-widget-header",className:("widget-header "+(T?"minimized":"")).trim()},T?t.createElement("span",{className:"header-content minimized",dangerouslySetInnerHTML:{__html:ge({questionText:(!C&&n.prompt_settings?.is_enabled?n.prompt_settings.text:_?.question?.text)??Re(X?.text||""),placeholders:{...i,"{{nps.rating}}":String(_?.npsScore??"")}})}}):t.createElement("div",null),t.createElement("div",{className:"icons"},!z&&t.createElement(Ml,{onClick:()=>{E((e=>!e))},variant:"secondary",className:"icon minimize-btn",title:T?W?.maximize||"Maximize widget":W?.minimize||"Minimize widget"},T?t.createElement(a6,null):t.createElement(o6,null)),t.createElement(Ml,{ref:j,onClick:()=>{z||p(),V()},variant:"secondary",title:W?.dismiss||"Dismiss widget",className:"icon minimize-btn"},t.createElement(r6,null)))),m,t.createElement("main",{className:("widget-main "+(T?"minimized":"")).trim()},s?t.createElement(t.Fragment,null,s):t.createElement(n6,{surveyServAssetUrl:w,answers:v,minimized:T,widgetStyle:b,answerStatus:h,language:e||"en",survey:n,placeholders:i,isMobile:!!d,contactData:c,onFileUpload:R,allowMultipleSubmission:g,loadAsNewSurvey:y,canResubmit:q,onSubmit:l,setCurrentSurveyState:H,widgetHeaderQuerySelector:T?void 0:"#surveyserv-widget-header",onAnsweringPrompt:e=>{A?.(e),k(e),0==e&&me(n.prompt_settings?.declined_message)&&V()},handleAction:O,translationVariables:W})),t.createElement("footer",{className:`widget-footer ${T?"minimized":""} survey-footer-${N?"dark":"light"}`.trim()},t.createElement("div",null,M&&!T&&t.createElement("a",{href:M,target:"_blank",rel:"noopener noreferrer",onClick:e=>{r&&e.preventDefault(),e.stopPropagation(),V()}},W?.unsubscribe||"Unsubscribe")),t.createElement("div",{className:"footer-text"},t.createElement(Pz,{surveyPoweredBy:x,isDark:N}))))},s6=e=>{const{survey:n,answers:o}=Se(e.survey,e.answers),[a,r]=t.useState(!1);return t.useEffect((()=>{"undefined"!=typeof window&&window&&window.matchMedia&&"undefined"!=typeof sessionStorage&&sessionStorage&&sessionStorage.clear&&(r(window.matchMedia("(max-width: 550px)").matches),sessionStorage.clear())}),[]),t.useEffect((()=>{const t=document.documentElement;!ze(e.surveyServAssetUrl)&&t&&setTimeout((()=>{t.style.setProperty("--fsc-whatsapp-bg",`url(${e.surveyServAssetUrl}/survey/whatsapp-bg.svg)`),t.style.setProperty("--fsc-instagram-bg",`url(${e.surveyServAssetUrl}/survey/instagram-bg.svg)`)}),0)}),[e.surveyServAssetUrl]),ke("Survey",{...e,survey:n,isMobile:a,answers:o}),t.createElement(t.Fragment,null,"standard"===e.surveyStyle?t.createElement(J4,{...e,answers:o,survey:n,isMobile:a||!!e.isMobile,initialQuestionAnswer:e.initialQuestionAnswer}):t.createElement(F4,{...e,answers:o,survey:n,isMobile:a||!!e.isMobile,surveyStyle:"card",initialQuestionAnswer:e.initialQuestionAnswer}))},l6=e=>{const{survey:n,answers:o}=Se(e.survey,e.answers),[a,r]=t.useState(!1),[i,c]=t.useState(!1);return t.useEffect((()=>{"undefined"!=typeof window&&window&&window.matchMedia&&(r(window.matchMedia("(max-width: 550px)").matches),"cozy"===e.surveyType&&c(window.matchMedia("(max-width: 1080px)").matches))}),[]),ke("WebInAppSurvey",{...e,survey:n,isMobile:a,isDefault:i,answers:o}),t.createElement(c6,{...e,survey:n,answers:o,isMobile:a,surveyType:a?"compact":i?"default":e.surveyType})};dl('.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: var(--fsc-font-size);\n position: relative;\n width: 340px;\n height: 574px;\n background-image: var(--fsc-whatsapp-bg);\n background-repeat: no-repeat;\n background-size: contain;\n margin: 0 auto;\n font-family: var(--fsc-font-family);\n color: var(--question-text-color, var(--default-question-text-color));\n}\n.whatsapp-container.instagram {\n --message-bg: none;\n --answers-bg: #4d5bff;\n --answers-color: #fff;\n --answers-radius: 21px;\n background-image: var(--fsc-instagram-bg);\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: 70px;\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: 6px;\n gap: 6px;\n height: -moz-fit-content;\n height: fit-content;\n}\n.whatsapp-container.instagram .question-container .options-popup main .option-row {\n border: 1px solid #0584fe;\n border-radius: 50px;\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 gap: 6px;\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 gap: 6px;\n overflow: auto;\n flex: 1;\n background: #fff;\n margin: 0;\n padding-top: 8px;\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: 12px 0;\n margin: 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 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 -webkit-text-decoration: underline;\n text-decoration: underline;\n}\n.whatsapp-container .question-text .placeholder-tag > span {\n display: none !important;\n}\n.whatsapp-container .question-container {\n margin-right: var(--message-margin);\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}\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 gap: 12px;\n}\n.whatsapp-container .choices {\n display: flex;\n flex-direction: column;\n gap: 2px;\n list-style-type: none;\n padding: 5px 0;\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 padding: 0;\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: 0.8em;\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 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::placeholder {\n line-height: 16px;\n padding-left: 2px;\n}');const p6=({children:e,title:n,closeModal:o,isModalOpen:a})=>t.createElement($,{in:a,unmountOnExit:!0,timeout:500,classNames:"fade",key:n},t.createElement("div",{className:"options-popup",style:{}},t.createElement("header",null,t.createElement("button",{onClick:o,className:"close"},t.createElement(r6,null)),t.createElement("h4",null,n)),t.createElement("main",{className:"fsc-range-main"},e),t.createElement("footer",null,"Tab an item to select it"))),u6=({question:e,saveFormValues:n})=>{const[r,i]=o(!1),{range:c}=e?.type_info?.scale_properties||{},s=Number(c?.[0]?.min),l=Number(c?.[c.length-1]?.max),p="descending"===e?.type_info?.scale_properties?.order,u=[...e?.type_info?.scale_properties?.labels?.values||[]],d=e?.type_info?.scale_properties?.labels?.preference;p&&u.reverse();const b=a(Array.from({length:l+(0===s?1:0)},((e,t)=>p?l-t:t+s)));return b.current.length<=3?t.createElement("ul",{className:`choices ${("THUMBS"===e?.type_info?.type_variant||"all"!==e?.type_info?.scale_properties?.labels?.preference)&&"one-line"}`},b.current.map(((o,a)=>"THUMBS"===e?.type_info?.type_variant?t.createElement("li",{className:"choice range-choice",key:`thumbs-${o}-${a}`},t.createElement("button",{onClick:()=>{n(o)}},t.createElement(fl,{name:o?"whatsapp-thumbs-up":"whatsapp-thumbs-down"}),"all"===e?.type_info?.scale_properties?.labels?.preference&&e?.type_info?.scale_properties?.labels?.values?.[o])):t.createElement("li",{className:"choice range-choice",key:`choice-${o}-${a}`},t.createElement("button",{onClick:()=>{n(o)}},Array.from({length:o},((e,n)=>t.createElement(fl,{name:"whatsapp-star",id:`choice-${n}`})))," ","all"===e?.type_info?.scale_properties?.labels?.preference&&e?.type_info?.scale_properties?.labels?.values?.[o-1]))))):t.createElement(t.Fragment,null,t.createElement("button",{onClick:()=>i(!0),className:"choices-button choice"},t.createElement(fl,{name:"whatsapp-choices"}),"Rate Support"),t.createElement(p6,{title:"Rate Support",isModalOpen:r,closeModal:()=>i(!1)},b.current.map(((e,o)=>t.createElement("div",{className:"option-row"},t.createElement("button",{onClick:()=>{n(e),i(!1)}},Array.from({length:e},((e,n)=>t.createElement(fl,{name:"whatsapp-star",id:`qus-${n}`}))),"all"===d||"edges"===d&&(0===o||o===u.length-1)?t.createElement("span",null,u[e-1]):null))))))},d6=({question:e,saveFormValues:n,type:a})=>{const[r,i]=o(!1);return t.createElement(t.Fragment,null,t.createElement("button",{onClick:()=>i(!0),className:"choices-button choice"},t.createElement(fl,{name:"whatsapp-choices"}),"Select answer"),t.createElement(p6,{title:"Select a choice",isModalOpen:r,closeModal:()=>i(!1)},t.createElement("ul",{className:`choices multi-choice ${a}`},e.choices.map(((e,o)=>t.createElement("li",{className:"choice",style:{boxShadow:"none"},key:`${e}-${o}`},t.createElement("button",{onClick:()=>{n(e.id),i(!1)}},e.value)))))))},b6=e=>{const n=a(null);return((e,t)=>{r((()=>{if(e){e.style.height="0px";const t=e.scrollHeight;e.style.height=t+"px"}}),[e,t])})(n.current,String(e.value)??""),r((()=>{e.autoFocus&&n.current?.focus()}),[e.autoFocus]),t.createElement("div",{className:"textarea-container"},t.createElement("textarea",{placeholder:"Type a message",ref:n,rows:1,onChange:e.onChange,value:e.value}),t.createElement("button",{onClick:()=>{e.onSubmit(),n.current&&(n.current.value="")}},t.createElement(fl,{name:"whatsapp-send"})))},M6=({text:e,placeholders:n,pivot:o,rangeToRender:a})=>t.createElement("div",{className:"question-text-container"},t.createElement("div",{className:"question-text",dangerouslySetInnerHTML:{__html:ge({questionText:e,placeholders:n,npsRating:o?.answer,ratingLabel:ze(o?.answer)?"":a?.find((e=>e?.value===String(o?.answer)))?.text??"",preference:o?.question.type_info?.scale_properties?.labels?.preference,isPreview:!0})},role:"heading","aria-level":1})),z6=({block:e,saveFormValues:n,type:o,translationVariables:a})=>{const{question_type:r}=e.question?.type_info;switch(r){case"RANGE":return t.createElement(u6,{question:e.question,saveFormValues:e=>n(e,!0)});case"DROPDOWN":case"MULTI_CHOICE":case"MULTI_SELECT":return t.createElement(d6,{question:e.question,saveFormValues:e=>n(e,!0),type:o,translationVariables:a});case"PARAGRAPH":case"INPUT":return null;default:return console.error(`Question type ${r} not supported`),null}},m6=({config:e,placeholders:o,onSelect:a,promptAccepted:r,type:i})=>{const c=n((()=>e.reverse_order?e.choices?.reverse():e.choices),[e]);return t.createElement(t.Fragment,null,t.createElement("div",{className:"question-container "+(null==r?"active":"")},t.createElement(M6,{text:e.text,placeholders:o}),t.createElement("ul",{className:"choices one-line"},c?.map(((e,n)=>t.createElement("li",{className:"choice",key:`prompt-${e}-${n}`},t.createElement("button",{className:"action",onClick:()=>{a(Number(e.id))}},t.createElement(fl,{name:Number(e.id)?"whatsapp-thumbs-up":"whatsapp-thumbs-down"}),e.value)))))),void 0!==r&&t.createElement("div",{className:"answers-container"},t.createElement("div",{className:"answers"},"whatsapp"===i&&t.createElement("div",{className:"reply-block"},t.createElement("p",{className:"user"},"Acme.inc"),t.createElement("p",{className:"question",dangerouslySetInnerHTML:{__html:ge({questionText:e.text,placeholders:o})}})),t.createElement("div",{className:"answer-text"},t.createElement(fl,{name:Number(r)?"whatsapp-thumbs-up":"whatsapp-thumbs-down"}),c.find((e=>e.id==r))?.value))),!1===r&&e.is_declined&&e.declined_message&&t.createElement("div",{className:"question-container"},t.createElement(M6,{text:e.declined_message,placeholders:o})))},h6=e=>{const{activeBlock:n,activeIndexOfBlocks:i,activeIndexOfRenderedBlocks:c,answers:s,saveFormValues:l,blocks:p,questions:u,renderedBlocks:d,onSubmitHandler:b,isSurveyCompleted:M,pivot:z}=st(e),{type:m="whatsapp"}=e,{question_type:h}=n?.question.type_info??{},f=t.useMemo((()=>Ae(z?.question)),[z?.question]),O=a(null),[v,A]=o(void 0);return r((()=>{O.current&&O.current.scroll({top:1e4,behavior:"smooth"})}),[n,s,M]),n&&n.question?t.createElement("div",{className:`${m} whatsapp-container`},t.createElement("div",{className:"msg-container"},t.createElement("div",{className:"scroll-wrapper",ref:O},e.survey.prompt_settings?t.createElement(m6,{config:e.survey.prompt_settings,onSelect:e=>{A(1===e)},promptAccepted:v,placeholders:e.placeholders,type:m}):null,!e.survey.prompt_settings||v?d.map(((o,a)=>t.createElement(t.Fragment,null,t.createElement("div",{className:"question-container "+(M||a!==d.length-1?"":"active")},t.createElement(M6,{text:o.question.text,placeholders:e.placeholders,pivot:z,rangeToRender:f}),t.createElement(z6,{language:e.language||"en",block:o,placeholders:e.placeholders,saveFormValues:(e,t)=>{l(o,e,t),setTimeout((()=>{!0===t&&Ne({blocks:p,activeIndexOfBlocks:i,renderedBlocks:d,activeIndexOfRenderedBlocks:c,questions:u})&&b("COMPLETE")}))},type:m})),o.name===n.name&&!s.commitDirtyValue||zl.isNil(s.formValues[o.question.name])?null:t.createElement("div",{className:"answers-container"},t.createElement("div",{className:"answers"},"THUMBS"===o.question.type_info?.type_variant?t.createElement(t.Fragment,null,"whatsapp"===m&&t.createElement("div",{className:"reply-block"},t.createElement("p",{className:"user"},"Acme.inc"),t.createElement("p",{className:"question",dangerouslySetInnerHTML:{__html:ge({questionText:o.question.text||"",placeholders:e.placeholders,npsRating:z?.answer,ratingLabel:zl.isNil(z?.answer)?"":f?.find((e=>e?.value===String(z?.answer)))?.text??"",preference:z?.question.type_info?.scale_properties?.labels?.preference,isPreview:!0})}})),t.createElement("div",{className:"answer-text"},t.createElement(fl,{name:Number(s.formValues[o.question.name])?"whatsapp-thumbs-up":"whatsapp-thumbs-down"}),"all"===o.question.type_info?.scale_properties?.labels?.preference&&o.question.type_info?.scale_properties?.labels?.values?.[Number(s.formValues[o.question.name])])):"EMOJI"===o.question.type_info?.type_variant||"STAR"===o.question.type_info?.type_variant?t.createElement(t.Fragment,null,"whatsapp"===m&&s.formValues[o.question.name]&&t.createElement("div",{className:"reply-block"},t.createElement("p",{className:"user"},"Acme.inc"),t.createElement("p",{className:"question",dangerouslySetInnerHTML:{__html:ge({questionText:o.question.text||"",placeholders:e.placeholders,npsRating:z?.answer,ratingLabel:zl.isNil(z?.answer)?"":f?.find((e=>e?.value===String(z?.answer)))?.text??"",preference:z?.question.type_info?.scale_properties?.labels?.preference,isPreview:!0})}})),t.createElement("div",{className:"answer-text"},Array.from({length:Number(s.formValues[o.question.name])},((e,n)=>t.createElement(fl,{name:"whatsapp-star",id:`ans-${n}`})))," ",t.createElement("span",null,o.question.type_info?.scale_properties?.labels?.values?.[Number(s.formValues[o.question.name])-1]))):"DROPDOWN"===o.question.type_info?.question_type||"MULTI_SELECT"===o.question.type_info?.question_type?t.createElement(t.Fragment,null,o.question.choices?.find((e=>e.id===s.formValues[o.question.name]))?.value||s.formValues[o.question.name]):t.createElement(t.Fragment,null,s.formValues[o.question.name])))))):null,M&&t.createElement("div",{className:"question-container",id:"new"},t.createElement(M6,{text:Be({pivotQn:z?.question,pivotQnAnswer:z?.answer,block:e.survey.blocks?.find((e=>"TY"===e.name)),questions:u})?.text,placeholders:e.placeholders,pivot:z,rangeToRender:f})))),t.createElement(b6,{onChange:e=>{"PARAGRAPH"!==h||M||l(n,e.target.value)},value:"PARAGRAPH"===h&&!M&&s.formValues[n.question.name]?s.formValues[n.question.name]:"",activeBlock:!0,autoFocus:"PARAGRAPH"===h,onSubmit:()=>{l(n,s?.formValues?.[n.question.name],!0),n.name===p[p.length-1].name&&b("COMPLETE")}})):null},f6=e=>{const{survey:n,answers:o}=Se(e.survey,e.answers);return t.useEffect((()=>{const t=document.documentElement;!ze(e.surveyServAssetUrl)&&t&&setTimeout((()=>{t.style.setProperty("--fsc-whatsapp-bg",`url(${e.surveyServAssetUrl}/survey/whatsapp-bg.svg)`),t.style.setProperty("--fsc-instagram-bg",`url(${e.surveyServAssetUrl}/survey/instagram-bg.svg)`)}),0)}),[e.surveyServAssetUrl]),t.useEffect((()=>{n.ui_theme&&qe(n.ui_theme)}),[n.ui_theme]),"whatsapp"===e.channel?t.createElement(h6,{...e,survey:n,answers:o}):"instagram"===e.channel?t.createElement(h6,{type:"instagram",...e,survey:n,answers:o}):(console.error(`Channel ${e.channel} not supported`),null)};var O6=Object.freeze({__proto__:null,allPathsLoader:function(e,t){return bt(void 0,void 0,void 0,(function(){return Mt(this,(function(n){switch(n.label){case 0:return[4,Promise.resolve().then((function(){return lA}))];case 1:return[2,(0,n.sent().getIconPaths)(e,t)]}}))}))}}),v6=Object.freeze({__proto__:null,splitPathsBySizeLoader:function(e,t){return bt(void 0,void 0,void 0,(function(){var n,o;return Mt(this,(function(a){switch(a.label){case 0:return n=nA(e),t!==aA.STANDARD?[3,2]:[4,Promise.resolve().then((function(){return rA}))];case 1:return o=a.sent(),[3,4];case 2:return[4,Promise.resolve().then((function(){return iA}))];case 3:o=a.sent(),a.label=4;case 4:return[2,o[n]]}}))}))}});export{gl as Binary,Ml as Button,f6 as ChannelPreview,Zu as Checkbox,Eu as Dropdown,wl as Input,Ju as ProgressBar,Ku as RadioGroup,Wl as Range,TM as RankOrder,Cz as Slider,s6 as Survey,Sz as SurveyFooter,kz as SurveyProgress,xl as TextArea,l6 as WebInAppSurvey};