freemium-survey-components 0.9.1 → 0.9.2

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 (4) hide show
  1. package/lib/index.cjs.js +1 -1
  2. package/lib/index.esm.js +1 -1
  3. package/lib/types/mock.d.ts +202 -133
  4. package/package.json +1 -1
package/lib/index.cjs.js CHANGED
@@ -1 +1 @@
1
- "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),t=e(n),r=e(require("react-dom"));function o(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}o(".freemium-survey-components .nps-container {\n margin: 0 auto;\n width: 100%;\n display: flex;\n flex-direction: column;\n grid-gap: 52px;\n gap: 52px;\n}\n.freemium-survey-components .nps-container .footer {\n border-top: 1px solid var(--default-background-color);\n border-top: 1px solid var(--background-color, var(--default-background-color));\n padding-top: 20px;\n margin-top: 20px;\n display: flex;\n justify-content: center;\n font-size: 0.875rem;\n line-height: 1.5;\n}\n.freemium-survey-components .nps-container .widget {\n position: relative;\n}\n.freemium-survey-components .nps-container .widget .button-container {\n display: flex;\n justify-content: space-between;\n background: var(--default-background-color);\n background: var(--background-color, var(--default-background-color));\n position: relative;\n}\n.freemium-survey-components .nps-container .widget .positive-text {\n position: absolute;\n color: #475867;\n bottom: -40px;\n font-size: 12px;\n right: 0px;\n text-align: right;\n}\n.freemium-survey-components .nps-container .widget .negative-text {\n position: absolute;\n color: #475867;\n bottom: -40px;\n font-size: 12px;\n left: 0;\n text-align: left;\n}\n.freemium-survey-components .nps-container .widget span {\n color: #aaa;\n font-size: 0.75rem;\n}\n.freemium-survey-components .nps-container .widget button {\n display: inline-block;\n font-size: 1rem;\n white-space: nowrap;\n vertical-align: middle;\n background: none;\n border: none;\n box-shadow: none;\n cursor: pointer;\n text-align: center;\n font-weight: 400;\n border-radius: 4px;\n margin: 0;\n outline: none;\n margin-left: -1px;\n width: 40px;\n height: 40px;\n transform: scale(1);\n transition: background 0.2s ease-in, color 0.2s ease-in, border-color 0.2s ease-in, transform 0.2s cubic-bezier(0.5, 2, 0.5, 0.75);\n}\n.freemium-survey-components .nps-container .widget button:hover {\n color: white;\n transform: scale(1.2);\n z-index: 2;\n position: relative;\n}\n.freemium-survey-components .nps-container .widget button.active {\n color: white;\n transform: scale(1.2);\n z-index: 2;\n position: relative;\n}\n.freemium-survey-components .nps-container .widget.rounded button {\n border-radius: 50%;\n}\n.freemium-survey-components .nps-container .widget.square button {\n border-radius: 0;\n}\n.freemium-survey-components .nps-container .widget.curved button {\n border-radius: 3px;\n}\n.freemium-survey-components .nps-container .widget.highlighted button:hover, .freemium-survey-components .nps-container .widget.highlighted button.active {\n background: var(--default-brand-color) !important;\n background: var(--brand-color, var(--default-brand-color)) !important;\n}\n.freemium-survey-components .nps-container .widget .choices {\n width: 100%;\n display: flex;\n justify-content: space-between;\n}\n.freemium-survey-components .nps-container .widget.standard .button-container {\n background-color: transparent;\n}\n.freemium-survey-components .nps-container .widget.standard .choice {\n color: #000;\n background: var(--default-background-color);\n background: var(--background-color, var(--default-background-color));\n}\n.freemium-survey-components .nps-container .widget.standard .choice.active,\n.freemium-survey-components .nps-container .widget.standard .choice:hover {\n color: #fff;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(1):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(1).active {\n background: #eb5b56;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(2):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(2).active {\n background: #fb8774;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(3):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(3).active {\n background: #f58f6b;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(4):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(4).active {\n background: #f6996a;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(5):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(5).active {\n background: #eab268;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(6):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(6).active {\n background: #cebb69;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(7):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(7).active {\n background: #bdc46c;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(8):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(8).active {\n background: #a4cd72;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(9):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(9).active {\n background: #77c955;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(10):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(10).active {\n background: #37c248;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(11):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(11).active {\n background: #1ebf31;\n}\n\n.freemium-survey-components.mobile-preview .nps-container .widget .button-container {\n background: transparent;\n}\n.freemium-survey-components.mobile-preview .nps-container .widget .choices {\n flex-wrap: wrap;\n justify-content: center;\n grid-gap: 16px;\n gap: 16px;\n background: transparent;\n}\n.freemium-survey-components.mobile-preview .nps-container .widget button {\n border-radius: 50%;\n background: #ebeff3;\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components .nps-container .widget .button-container {\n background: transparent;\n }\n .freemium-survey-components .nps-container .widget .choices {\n flex-wrap: wrap;\n justify-content: center;\n grid-gap: 16px;\n gap: 16px;\n background: transparent;\n }\n .freemium-survey-components .nps-container .widget button {\n border-radius: 50%;\n background: #ebeff3;\n }\n}\n.widget-survey-components .nps-container .widget .button-container {\n background: transparent;\n}\n.widget-survey-components .nps-container .widget .choices {\n flex-wrap: wrap;\n justify-content: center;\n grid-gap: 16px;\n gap: 16px;\n background: transparent;\n}\n.widget-survey-components .nps-container .widget button {\n border-radius: 50%;\n background: #ebeff3;\n}");const a=e=>{const{type_info:{linear_scale:{button_shape:r,button_style:o},score_presets:{start:a,end:i},validation:{min:c},footer_text:s}}=e,l=e=>{switch(e){case e<=6:return"detractor";case e<=8:return"passive";default:return"promoter"}},u=n.useRef(Array.from({length:10+(0===c?1:0)},((e,n)=>n+c)));return t.createElement("div",{className:"nps-container"},t.createElement("div",{className:`widget ${r} ${o}`},t.createElement("div",{className:"button-container"},t.createElement("span",{className:"negative-text"},a),t.createElement("div",{className:"choices"},u.current.map((n=>t.createElement("button",{key:n,onClick:t=>{e.onChangeHandler(n)},className:`choice ${l(n)} ${e.npsValue===n&&"active"}`},n)))),t.createElement("span",{className:"positive-text"},i))),t.createElement("div",{className:"footer"},s))},i=(e,n)=>(e.defaultProps=n,e);o('.freemium-survey-components .input-container,\n.freemium-survey-components .textarea-container {\n display: flex;\n flex-direction: column;\n width: 100%;\n border-radius: 4px;\n position: relative;\n}\n.freemium-survey-components label.input-label {\n display: inline-block;\n padding-bottom: 8px;\n padding-left: 2px;\n font-size: 0.75rem;\n font-weight: 400;\n}\n.freemium-survey-components label.required::after {\n content: "*";\n position: relative;\n top: 2px;\n font-weight: 500;\n font-size: 0.85rem;\n padding-left: 3px;\n color: #d72d30;\n}\n.freemium-survey-components .input-basic {\n width: 100%;\n display: flex;\n align-items: center;\n border-radius: 4px;\n border: 1px solid var(--default-brand-color);\n border: 1px solid var(--brand-color, var(--default-brand-color));\n transition: border-color 0.2s linear;\n background: #fff;\n}\n.freemium-survey-components .textarea-container .input-basic {\n flex-direction: column;\n align-items: unset;\n}\n.freemium-survey-components .input-basic.error {\n border: 1px solid #d72d30;\n}\n.freemium-survey-components .input-basic.error:hover {\n border: 1px solid #d72d30;\n}\n.freemium-survey-components .input-basic.error[focus-within] {\n box-shadow: none;\n}\n.freemium-survey-components .input-basic.error:focus-within {\n box-shadow: none;\n}\n.freemium-survey-components .input-basic:hover {\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n transition: 0.2s linear;\n}\n.freemium-survey-components .input-basic[focus-within] {\n border: 1px solid transparent;\n box-shadow: 0 0 0 2px var(--default-brand-color);\n box-shadow: 0 0 0 2px var(--brand-color, var(--default-brand-color));\n}\n.freemium-survey-components .input-basic:focus-within {\n border: 1px solid transparent;\n box-shadow: 0 0 0 2px var(--default-brand-color);\n box-shadow: 0 0 0 2px var(--brand-color, var(--default-brand-color));\n}\n.freemium-survey-components .end-max-length {\n padding: 0 8px;\n font-size: 0.85rem;\n}\n.freemium-survey-components .textarea-container .end-max-length {\n padding: 8px;\n align-self: flex-end;\n}\n.freemium-survey-components span.input-error {\n display: block;\n padding-left: 2px;\n padding-top: 4px;\n font-size: 0.9rem;\n color: #d72d30;\n}\n.freemium-survey-components input[type=text] {\n padding: 6px 12px;\n flex: 1;\n border: unset;\n height: 32px;\n font-size: 1rem;\n /* line-height: ${typography.input.text.lineHeight}; */\n border-radius: 4px;\n}\n.freemium-survey-components input[type=text],\n.freemium-survey-components textarea {\n outline: none;\n border: none;\n}\n.freemium-survey-components input[type=text]::-moz-placeholder {\n color: #92a2b2;\n font-weight: 400;\n font-size: 0.85rem;\n}\n.freemium-survey-components input[type=text]:-ms-input-placeholder {\n color: #92a2b2;\n font-weight: 400;\n font-size: 0.85rem;\n}\n.freemium-survey-components input[type=text]::placeholder {\n color: #92a2b2;\n font-weight: 400;\n font-size: 0.85rem;\n}\n.freemium-survey-components textarea {\n min-height: 116px;\n padding: 12px;\n flex: 1;\n border: unset;\n resize: none;\n font-size: 1rem;\n /* line-height: ${typography.input.text.lineHeight}; */\n border-radius: 4px;\n}\n.freemium-survey-components textarea::-moz-placeholder {\n color: #92a2b2;\n font-weight: 400;\n font-size: 0.85rem;\n}\n.freemium-survey-components textarea:-ms-input-placeholder {\n color: #92a2b2;\n font-weight: 400;\n font-size: 0.85rem;\n}\n.freemium-survey-components textarea::placeholder {\n color: #92a2b2;\n font-weight: 400;\n font-size: 0.85rem;\n}');const c={isRequired:!1,showCount:!1,isErrored:!1,inline:!1,spellCheck:!1,autoFocus:!0},s=n.forwardRef(((e,r)=>{const o=n.useRef(null);n.useEffect((()=>{e.autoFocus&&setTimeout((()=>{o.current?.focus()}),L+20)}),[e.autoFocus]);const{inputStyle:a,style:i,className:c,showCount:s,isErrored:l,startLabel:u,isRequired:d,errorText:p,endLabel:m,maxLength:f,autoFocus:h,...C}=e;return t.createElement("div",{className:"input-container",style:i},e.label&&t.createElement("label",{className:"input-label "+(d?"required":"")},e.label),t.createElement("div",null,u&&t.createElement("div",{className:"start-label"},u),t.createElement("div",{className:`input-basic ${l?"error":""}${c||""}`},t.createElement("input",Object.assign({type:"text",autoComplete:"off",ref:o,style:a},C)),s&&f>0&&t.createElement("div",{className:"end-max-length"},`${e.value&&e.value.length||0}/${e.maxLength}`)),m&&t.createElement("div",{className:"end-label"},m)),l&&p&&t.createElement("span",{className:"input-error"},e.errorText))})),l=n.forwardRef(((e,r)=>{const o=n.useRef(null);n.useEffect((()=>{e.autoFocus&&setTimeout((()=>{o.current?.focus()}),L+20)}),[]);const{inputStyle:a,style:i,className:c,showCount:s,maxLength:l,isErrored:u,startLabel:d,isRequired:p,autoFocus:m,...f}=e;return t.createElement(t.Fragment,null,t.createElement("div",{className:"textarea-container",style:i},e.label&&t.createElement("label",{className:"input-label "+(p?"required":"")},e.label),d&&t.createElement("div",{className:"start-label"},d),t.createElement("div",{className:`input-basic ${u?"error":""} ${c||""}`},t.createElement("textarea",Object.assign({autoComplete:"off",ref:o,style:a},f)),s&&l&&l>0&&t.createElement("div",{className:"end-max-length"},`${e.value&&e.value.length||0}/${e.maxLength}`)),e.endLabel&&t.createElement("div",{className:"end-label"},e.endLabel)),e.isErrored&&e.errorText&&t.createElement("span",{className:"input-error"},e.errorText))})),u=i(s,c),d=i(l,c);o('.freemium-survey-components .checkbox-group {\n display: flex;\n grid-gap: 12px;\n gap: 12px;\n flex-direction: column;\n white-space: nowrap;\n flex-wrap: wrap;\n}\n.freemium-survey-components .icon-container {\n display: inline-block;\n flex: 0 0 12px;\n width: 12px;\n height: 12px;\n min-width: 12px;\n min-height: 12px;\n color: inherit;\n position: absolute;\n left: 1px;\n top: 2px;\n}\n.freemium-survey-components .tick-icon {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n width: 100%;\n color: inherit;\n fill: currentColor;\n}\n.freemium-survey-components input[type=checkbox] {\n position: absolute;\n clip: rect(0px 0px 0px 0px);\n width: 0px;\n height: 0px;\n}\n.freemium-survey-components input[type=checkbox]:focus ~ .checkbox {\n /* box-shadow: ${pseudo.focus} 0px 0px 0px 2px; */\n box-shadow: var(--default-brand-color) 0px 0px 0px 2px;\n box-shadow: var(--brand-color, var(--default-brand-color)) 0px 0px 0px 2px;\n border-color: transparent;\n}\n.freemium-survey-components .checkbox-label {\n display: flex;\n align-items: flex-start;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n text-align: left;\n opacity: 1;\n line-height: 1.2;\n cursor: pointer;\n font-size: 1rem;\n padding: 16px 24px;\n min-width: 200px;\n border: 1px solid #ebeff3;\n box-shadow: 0px 2px 5px rgba(18, 52, 77, 0.06);\n border-radius: 4px;\n white-space: pre-wrap;\n}\n.freemium-survey-components .checkbox-label:hover .checkbox {\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n box-shadow: var(--default-background-color) 0px 0px 0px 5px;\n box-shadow: var(--background-color, var(--default-background-color)) 0px 0px 0px 5px;\n}\n.freemium-survey-components .checkbox-label.disabled {\n opacity: 0.5;\n cursor: "not-allowed";\n}\n.freemium-survey-components .checkbox {\n transition: background-color ease-in 0.2s;\n min-width: 14px;\n min-height: 14px;\n min-height: 14px;\n max-height: 14px;\n border-radius: 2px;\n position: relative;\n margin-right: 16px;\n background-color: #fff;\n border: 1px solid;\n text-align: left;\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n}\n.freemium-survey-components .checkbox:hover {\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n box-shadow: var(--default-background-color) 0px 0px 0px 5px;\n box-shadow: var(--background-color, var(--default-background-color)) 0px 0px 0px 5px;\n}\n.freemium-survey-components input[type=checkbox]:checked ~ .checkbox {\n background-color: var(--default-brand-color);\n background-color: var(--brand-color, var(--default-brand-color));\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n}\n.freemium-survey-components input[type=checkbox]:checked ~ .checkbox:hover {\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n}\n.freemium-survey-components input[type=checkbox]:disabled ~ .checkbox:hover {\n box-shadow: unset;\n border-color: unset;\n}');const p=()=>t.createElement("svg",{id:"tick",className:"tick-icon",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"title",viewBox:"0 0 10 10"},t.createElement("path",{d:"M3 5.87c-.18666814.00267463-.36667109-.06932655-.5-.2L.21 3.41c-.1786328-.17863279-.24839684-.43899577-.1830127-.6830127.06538414-.24401694.25598306-.43461586.5-.5C.77100423 2.16160316 1.0313672 2.23136721 1.21 2.41L3 4.18 6.8.33c.27679776-.27455556.72320224-.27455556 1 0 .13696438.13025306.21450026.31098915.21450026.5S7.93696438 1.19974694 7.8 1.33L3.45 5.67c-.12082534.11896945-.28072735.19003701-.45.2Z",fill:"#fff",fillRule:"evenodd"})),m=({values:e=[],options:r,autoFocus:o,onChangeHandler:a,othersOption:i,othersRequired:c})=>{const s=(()=>{let n=-1;return e.map(((e,t)=>{const o=r.find((n=>n.value===e));return o||(n=t),o})),n})(),[l,d]=n.useState(!1);return t.createElement("div",{className:"checkbox-group"},r.map(((n,r)=>t.createElement(f,{key:n.value,checked:e?.includes(n.value),name:n.value,id:n.value,autoFocus:0===r&&o,onChange:(t,r)=>{if(r)a([...e||[],n.value]);else{const t=e.indexOf(n.value);t>-1&&e.splice(t,1),a([...e])}}},n.value))),i&&t.createElement(f,{key:"others",checked:l,name:"others",id:"others",onChange:(e,n)=>{d(n)}},"Others"),l&&t.createElement(t.Fragment,null,t.createElement(u,{placeholder:"Enter your comment",value:e[s],onChange:n=>{-1!==s?(e[s]=n.target.value,a(e)):a(e.concat(n.target.value))},label:""})))},f=i((e=>{const r=n.useRef(null);return n.useEffect((()=>{e.autoFocus&&setTimeout((()=>{r.current?.focus()}),L+20)}),[]),t.createElement("label",{className:`checkbox-label ${e.disabled&&"disabled"}`},t.createElement("input",{ref:r,id:e.id,type:"checkbox",name:e.name,readOnly:e.readOnly,disabled:e.disabled,"aria-disabled":e.disabled,checked:e.checked,onChange:e.readOnly?()=>{}:n=>e.onChange(n,n.target.checked)}),t.createElement("div",{className:"checkbox"},e.checked&&t.createElement("div",{className:"icon-container"},t.createElement(p,null)," ")),t.createElement("div",null,e.children))}),{checked:!1});o('.freemium-survey-components .radio-group {\n display: flex;\n grid-gap: 12px;\n gap: 12px;\n white-space: nowrap;\n flex-direction: column;\n}\n.freemium-survey-components .radio {\n background-color: #fff;\n border: 1px solid;\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n transition: background-color ease-in 0.2s;\n min-width: 18px;\n max-width: 18px;\n min-height: 18px;\n max-height: 18px;\n border-radius: 50%;\n position: relative;\n margin-right: 16px;\n text-align: left;\n}\n.freemium-survey-components .radio:before {\n left: 3px;\n top: 3px;\n content: "";\n position: absolute;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n transition: all ease-in 0.2s;\n background-color: #fff;\n}\n.freemium-survey-components .radio-label {\n display: flex;\n align-items: flex-start;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n text-align: left;\n cursor: pointer;\n line-height: 1.2;\n font-size: 1rem;\n font-weight: 400;\n padding: 16px 24px;\n min-width: 200px;\n border: 1px solid #ebeff3;\n box-shadow: 0px 2px 5px rgba(18, 52, 77, 0.06);\n border-radius: 4px;\n white-space: pre-wrap;\n}\n.freemium-survey-components input[type=radio] {\n position: absolute;\n clip: rect(0, 0, 0, 0);\n width: 0px;\n height: 0px;\n}\n.freemium-survey-components input[type=radio]:focus ~ .radio {\n /* box-shadow: ${pseudo.focus} 0px 0px 0px 3px; */\n box-shadow: var(--default-brand-color) 0px 0px 0px 3px;\n box-shadow: var(--brand-color, var(--default-brand-color)) 0px 0px 0px 3px;\n border-color: transparent;\n}\n.freemium-survey-components input[type=radio]:checked ~ .radio:before {\n background-color: var(--default-brand-color);\n background-color: var(--brand-color, var(--default-brand-color));\n}\n.freemium-survey-components .radio-label:hover .radio {\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n box-shadow: var(--default-background-color) 0px 0px 0px 5px;\n box-shadow: var(--background-color, var(--default-background-color)) 0px 0px 0px 5px;\n}');const h=({name:e,options:r,value:o,autoFocus:a,onChangeHandler:i,othersOption:c,othersRequired:s})=>{const[l,d]=n.useState(""),[p,m]=n.useState("");return n.useEffect((()=>{o||(m(""),d(""))}),[o]),n.useEffect((()=>{p&&r.find((e=>e.value===p))&&i(p)}),[p]),t.createElement("div",{className:"radio-group"},r.map(((n,r)=>t.createElement(C,{key:n.value,value:n.value,name:e,onChange:e=>{m(e.currentTarget.value)},autoFocus:0===r&&a,checked:p===n.value},n.value))),c&&t.createElement(C,{key:"others",value:"others",name:e,onChange:e=>{m("others")},checked:"others"===p},"Others"),"others"===p&&t.createElement(t.Fragment,null,t.createElement(u,{value:l,onChange:e=>d(e.target.value),placeholder:"Enter your comment",label:""}),l!==o&&t.createElement(b,{disabled:s&&0===l.length,onClick:()=>i(l)},"Next")))},C=i((e=>{const r=n.useRef(null);return n.useEffect((()=>{e.autoFocus&&setTimeout((()=>{r.current?.focus()}),L+20)}),[]),t.createElement("label",{className:"radio-label"},t.createElement("input",{ref:r,type:"radio",name:e.name,value:e.value,checked:e.checked,onChange:e.onChange}),t.createElement("div",{className:"radio"}),t.createElement("div",null,e.children))}),{checked:!1,autoFocus:!1});o(".progressbar-container {\n width: 100%;\n height: 4px;\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1;\n text-align: left;\n}\n\n.progressbar {\n transition: transform 0.25s linear;\n transform-origin: left;\n height: 100%;\n background-color: var(--default-brand-color);\n background-color: var(--brand-color, var(--default-brand-color));\n}");const x=e=>{const{totalSteps:n,completedSteps:r}=e;return t.createElement("div",{className:"progressbar-container"},t.createElement("div",{className:"progressbar",style:{width:(r>0?100/n:0)+"%",transform:`scaleX(${r})`}}))};o(".freemium-survey-components .action-button {\n width: auto;\n display: block;\n padding: 8px 16px;\n cursor: pointer;\n line-height: 1.5;\n text-align: center;\n font-weight: 500;\n letter-spacing: 0.3px;\n border-radius: 4px;\n white-space: nowrap;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n color: --default-button-text-color;\n color: var(--button-text-color, --default-button-text-color);\n background: var(--default-brand-color);\n background: var(--brand-color, var(--default-brand-color));\n border: 1px solid var(--default-brand-color);\n border: 1px solid var(--brand-color, var(--default-brand-color));\n border-radius: 4px;\n min-width: 200px;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n}\n.freemium-survey-components .action-button:not([disabled]):hover {\n transform: translateY(-4px);\n}\n.freemium-survey-components .action-button[disabled] {\n cursor: not-allowed;\n opacity: 0.6;\n}\n.freemium-survey-components button:focus:not(:active) {\n /* box-shadow: 0 0 0 2px ${pseudo.focus}; */\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components .action-button {\n min-width: 120px;\n }\n}\n.widget-survey-components .action-button {\n min-width: 120px;\n}");const g=()=>t.createElement(t.Fragment,null,"..."),b=e=>{const{inline:n=!1,children:r,disabled:o,className:a="",htmlType:i,type:c="primary",onClick:s,size:l,overrideStyleClassName:u="",loading:d=!1,...p}=e;return t.createElement("button",Object.assign({style:n?{display:"inline-block"}:{},disabled:o,className:`action-button ${a} ${u}`,type:i,onClick:s},p),d?t.createElement(g,null):r)},v=()=>t.createElement("svg",{width:"200",height:"182",viewBox:"0 0 200 182",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("g",{"clip-path":"url(#clip0_5504_25779)"},t.createElement("g",{opacity:"0.8"},t.createElement("path",{opacity:"0.8",d:"M165.375 76.3154C165.375 77.0026 165.375 77.6857 165.342 78.3729C165.342 78.9202 165.305 79.4634 165.276 80.019C165.039 84.6023 164.35 89.1511 163.219 93.599C162.483 96.5028 161.558 99.3552 160.449 102.138C158.518 106.993 156.047 111.616 153.083 115.919C152.627 116.586 152.153 117.245 151.672 117.895C149.529 120.792 147.165 123.519 144.602 126.051C143.702 126.94 142.779 127.804 141.832 128.644C136.335 133.522 130.104 137.505 123.368 140.446C122.458 140.857 121.532 141.223 120.598 141.582C114.818 143.816 108.764 145.265 102.599 145.89C101.677 145.985 100.755 146.063 99.8292 146.116C98.3752 146.207 96.913 146.252 95.4425 146.252C89.6055 146.257 83.7909 145.531 78.1342 144.092C77.2014 143.856 76.2783 143.601 75.3647 143.326C68.9961 141.419 62.9333 138.61 57.361 134.985C56.4227 134.372 55.4968 133.75 54.5915 133.088C51.0031 130.499 47.6661 127.578 44.6246 124.364C44.0759 123.782 43.5368 123.192 43.0073 122.594C40.6559 119.932 38.5099 117.096 36.5877 114.109C35.6083 112.583 34.6851 111.017 33.8182 109.409C28.597 99.7056 25.7564 88.9001 25.5303 77.8832C25.5303 77.3647 25.5303 76.838 25.5303 76.3154C25.5167 65.5894 27.9828 55.0054 32.7359 45.3901C32.9335 44.9786 33.1475 44.567 33.3491 44.1555C33.5096 43.8428 33.6742 43.53 33.8388 43.2214C34.703 41.6165 35.6261 40.05 36.6083 38.5219C41.2923 31.2474 47.2786 24.8998 54.2664 19.798L54.612 19.547C54.9001 19.3371 55.1882 19.1355 55.4803 18.9297C56.1058 18.4935 56.7396 18.0655 57.3815 17.6458C62.9478 14.0235 69.0035 11.216 75.3647 9.30851C76.2783 9.03416 77.2014 8.77903 78.1342 8.54309C83.7911 7.10508 89.6057 6.38067 95.4425 6.38676C96.9157 6.38676 98.378 6.43202 99.8292 6.52256C100.757 6.58017 101.68 6.65561 102.599 6.74889C108.764 7.37169 114.818 8.81801 120.598 11.0492C121.532 11.4072 122.458 11.7858 123.368 12.185C128.019 14.2174 132.434 16.7508 136.536 19.7404C136.948 20.0285 137.326 20.3206 137.713 20.6169C139.126 21.6869 140.498 22.8103 141.828 23.9872C142.775 24.8267 143.698 25.6923 144.598 26.5839C148.891 30.8221 152.617 35.5983 155.684 40.7935C155.927 41.205 156.161 41.6165 156.392 42.028C159.408 47.3707 161.702 53.0899 163.215 59.0359C164.651 64.6834 165.377 70.4881 165.375 76.3154Z",fill:"#F4F4F4"})),t.createElement("path",{d:"M137.75 20.6126C133.225 23.0657 128.514 25.1586 123.66 26.8717C114.533 30.1296 104.92 31.8174 95.2285 31.8634C88.4636 31.8759 81.7275 30.9818 75.2001 29.205C67.7764 27.1585 60.7097 23.9874 54.2458 19.8019L54.5915 19.5509C54.8796 19.341 55.1676 19.1394 55.4598 18.9336C61.6723 22.8973 68.4424 25.91 75.5458 27.8717C95.4466 33.3242 117.002 30.1885 136.553 19.736C136.948 20.0241 137.339 20.3163 137.75 20.6126Z",fill:"white"}),t.createElement("path",{d:"M156.396 42.0196C153.652 43.6656 150.847 45.2102 147.98 46.6532C133.95 53.7623 118.704 58.1601 103.043 59.6159C99.3093 59.9588 95.5686 60.1303 91.8211 60.1303C83.9243 60.13 76.0458 59.3693 68.2948 57.8587C58.6763 55.9698 49.2998 53.009 40.3407 49.0318C37.7646 47.8932 35.2228 46.6738 32.7153 45.3734C32.9129 44.9619 33.1268 44.5504 33.3285 44.1389C50.2664 52.937 74.1713 60.8587 102.92 58.2167C124.853 56.2003 142.75 48.505 155.688 40.7686C155.931 41.1965 156.165 41.608 156.396 42.0196Z",fill:"white"}),t.createElement("path",{d:"M165.342 78.3687C165.342 78.9161 165.305 79.4593 165.276 80.0148C162.079 81.5786 158.832 83.0394 155.565 84.381C136.549 92.1997 116.985 96.1338 97.2572 96.1338C93.2024 96.1338 89.1421 95.9665 85.0764 95.6318C64.2199 93.8738 43.9495 87.8361 25.5303 77.8955C25.5303 77.377 25.5303 76.8503 25.5303 76.3276C43.9568 86.3909 64.2791 92.5016 85.1998 94.2697C117.998 96.9198 145.688 88.0558 165.342 78.3687Z",fill:"white"}),t.createElement("path",{d:"M153.083 115.919C152.626 116.586 152.153 117.245 151.672 117.895C133.336 124.374 114.133 128.07 94.7017 128.857C92.101 128.964 89.4947 129.017 86.883 129.014C72.6689 129.01 58.4981 127.448 44.6246 124.355C44.0759 123.774 43.5368 123.184 43.0073 122.586C57.372 125.94 72.0744 127.633 86.8254 127.631C89.4014 127.631 92.0022 127.582 94.6441 127.475C114.603 126.66 134.316 122.763 153.083 115.919Z",fill:"white"}),t.createElement("path",{d:"M4.74072 180.173C9.21388 174.655 16.4689 167.573 26.8966 164.947C41.0404 161.375 47.3612 169.441 64.2868 167.717C82.1959 165.894 81.9572 156.166 97.5207 155.256C116.187 154.162 118.179 168.058 140.45 169.104C156.215 169.844 162.33 163.211 175.066 167.717C183.671 170.762 189.469 176.824 193.07 181.564L4.74072 180.173Z",fill:"#F4F4F4"}),t.createElement("path",{d:"M50.9208 180.173H47.353C45.0711 177.41 42.9404 174.525 40.9704 171.531C38.8552 168.178 38.6001 166.692 39.1227 166.116C40.0733 165.066 43.7975 166.782 45.9703 168.494C48.0613 170.182 49.5663 172.486 50.2706 175.079C50.7504 176.733 50.9697 178.452 50.9208 180.173Z",fill:"#DFE0E4"}),t.createElement("path",{d:"M49.2129 180.482C49.1415 180.481 49.0725 180.456 49.0178 180.41C48.963 180.364 48.9258 180.301 48.9124 180.231C48.3854 177.421 47.2258 174.769 45.5216 172.474C44.4001 170.976 43.0569 169.658 41.5381 168.564C41.4715 168.516 41.4268 168.444 41.4136 168.363C41.4005 168.282 41.4201 168.199 41.4682 168.132C41.5162 168.066 41.5887 168.021 41.6697 168.008C41.7507 167.995 41.8337 168.014 41.9002 168.062C43.4679 169.194 44.8553 170.557 46.0154 172.103C47.7741 174.475 48.9716 177.214 49.5174 180.116C49.5318 180.196 49.5139 180.278 49.4677 180.346C49.4214 180.413 49.3505 180.459 49.2705 180.474L49.2129 180.482Z",fill:"#30354F"}),t.createElement("path",{d:"M54.114 180.214C60.8917 160.626 60.9246 154.91 59.1674 153.988C57.2703 152.989 52.8589 157.371 50.6532 160.943C45.4146 169.428 49.1717 178.939 49.6944 180.194L54.114 180.214Z",fill:"#D0D3D9"}),t.createElement("path",{d:"M52.1553 179.972C52.0833 179.972 52.0133 179.947 51.9577 179.901C51.9021 179.855 51.8643 179.791 51.8508 179.72C51.0407 175.21 51.2972 170.572 52.5998 166.178C53.4404 163.385 54.7017 160.738 56.3404 158.326C56.3882 158.263 56.4583 158.221 56.5361 158.208C56.614 158.195 56.6938 158.213 56.7592 158.257C56.8245 158.301 56.8704 158.369 56.8874 158.446C56.9045 158.523 56.8913 158.604 56.8507 158.672C55.2471 161.032 54.0121 163.622 53.1882 166.355C51.9084 170.663 51.6575 175.211 52.4557 179.634C52.4689 179.714 52.4499 179.796 52.4029 179.863C52.3559 179.929 52.2847 179.974 52.2047 179.988L52.1553 179.972Z",fill:"#30354F"}),t.createElement("path",{d:"M194.93 180.305H0.740725C0.331634 180.305 0 180.636 0 181.045C0 181.455 0.331634 181.786 0.740725 181.786H194.93C195.339 181.786 195.671 181.455 195.671 181.045C195.671 180.636 195.339 180.305 194.93 180.305Z",fill:"#5F6386"}),t.createElement("path",{d:"M36.1433 91.6608L25.0942 101.562L24.1106 102.294L24.7197 103.529L40.0321 134.034L42.8757 139.717L32.4026 145.376L28.9871 140.952L2.55552 106.698C1.69055 105.548 1.06504 104.237 0.716056 102.842C0.510627 101.972 0.412505 101.081 0.423881 100.187C0.384408 98.8303 0.623282 97.4796 1.12578 96.2184C1.62828 94.9572 2.38375 93.8122 3.34563 92.8542L32.4479 64.6367C32.4479 64.6367 52.2829 50.3612 79.5293 64.5626",fill:"#D0D3D9"}),t.createElement("path",{d:"M36.1433 91.6608L25.0942 101.562L24.1106 102.294L24.7197 103.529L40.0321 134.034L42.8757 139.717L32.4026 145.376L28.9871 140.952L2.55552 106.698C1.69055 105.548 1.06504 104.237 0.716056 102.842C0.510627 101.972 0.412505 101.081 0.423881 100.187C0.384408 98.8303 0.623282 97.4796 1.12578 96.2184C1.62828 94.9572 2.38375 93.8122 3.34563 92.8542L32.4479 64.6367C32.4479 64.6367 52.2829 50.3612 79.5293 64.5626",stroke:"#251138","stroke-width":"1.49","stroke-miterlimit":"10"}),t.createElement("path",{d:"M86.3356 180.243H60.5007C59.9946 166.515 59.3279 152.725 58.5172 139.87C58.3883 137.829 58.2511 135.812 58.1057 133.82L59.5419 133.775L85.0558 132.952C85.9241 146.302 86.3109 162.799 86.3356 180.243Z",fill:"#5D6476"}),t.createElement("path",{d:"M60.1181 130.277C59.9411 131.421 59.7518 132.586 59.5584 133.775C59.2319 135.75 58.8849 137.782 58.5173 139.87C56.3856 152.005 53.5503 165.882 50.3281 180.243H24.2793C26.6414 168.112 28.7278 156.643 30.9211 142.948C31.4931 139.372 39.6123 137.187 40.1349 133.734L39.5177 131.895L60.1181 130.277Z",fill:"#5D6476"}),t.createElement("path",{d:"M72.3442 160.865L49.0237 160.56L55.682 137.038L66.7435 135.092L72.3442 160.865Z",fill:"#5D6476"}),t.createElement("path",{d:"M57.7066 149.915L64.2743 149.153L61.8999 133.895L61.4472 133.964L63.7476 148.75L57.6531 149.458L57.7066 149.915Z",fill:"#251138"}),t.createElement("path",{d:"M85.8295 156.717L86.1217 156.363L83.1505 153.898L81.4304 133.03L80.9736 133.067L82.7061 154.129L85.8295 156.717Z",fill:"#251138"}),t.createElement("path",{d:"M28.3615 158.268L32.847 156.672L37.4642 136.52L37.0156 136.425L32.4519 156.326L28.2092 157.836L28.3615 158.268Z",fill:"#251138"}),t.createElement("path",{d:"M148.956 117.43C149.063 115.063 144.894 113.681 141.281 112.858C142.828 111.562 144.018 109.92 143.618 109.08C143.042 107.874 139.405 108.784 137.071 109.903C136.656 110.099 136.259 110.329 135.882 110.59C134.783 110.571 133.702 110.88 132.779 111.478C131.856 112.075 131.132 112.934 130.7 113.945C130.268 114.956 130.146 116.073 130.352 117.153C130.557 118.234 131.08 119.228 131.853 120.01C132.099 120.254 132.366 120.476 132.652 120.672C133.843 121.776 135.328 122.51 136.927 122.788C140.73 123.504 148.709 122.804 148.956 117.43Z",fill:"#F3A268"}),t.createElement("path",{d:"M83.776 122.059C84.2966 122.149 84.8237 122.197 85.3521 122.203H93.3931L128.874 122.174H134.223L136.104 110.413L130.981 109.421L93.7387 102.191L93.3889 102.125L91.6277 101.784L90.7264 101.611L87.2039 100.924C86.6363 100.834 86.0625 100.788 85.4879 100.788C82.7871 100.77 80.1795 101.774 78.1884 103.599C76.1974 105.424 74.9701 107.935 74.7529 110.627C74.5358 113.319 75.3447 115.993 77.0175 118.114C78.6903 120.234 81.1032 121.644 83.7718 122.059H83.776Z",fill:"#D0D3D9",stroke:"#251138","stroke-width":"1.49","stroke-miterlimit":"10"}),t.createElement("path",{d:"M85.3028 121.878H85.237C84.7555 121.974 84.2669 122.031 83.7761 122.047C81.6269 122.139 79.5053 121.536 77.7261 120.327C75.9469 119.118 74.6051 117.367 73.8998 115.335L61.6202 80.0724C61.0247 78.4131 60.7796 76.6483 60.9003 74.8895C61.0211 73.1307 61.5051 71.416 62.3217 69.8536C63.1384 68.2913 64.2701 66.9151 65.6453 65.8121C67.0205 64.709 68.6094 63.9029 70.3118 63.4447C72.0142 62.9865 73.793 62.8862 75.5361 63.15C77.2792 63.4138 78.9487 64.036 80.4393 64.9774C81.9299 65.9187 83.2091 67.1589 84.1964 68.6195C85.1836 70.08 85.8574 71.7294 86.1752 73.4635L91.315 100.117L91.6319 101.763L91.422 101.467",fill:"#D0D3D9"}),t.createElement("path",{d:"M85.3028 121.878H85.237C84.7555 121.974 84.2669 122.031 83.7761 122.047C81.6269 122.139 79.5053 121.536 77.7261 120.327C75.9469 119.118 74.6051 117.367 73.8998 115.335L61.6202 80.0724C61.0247 78.4131 60.7796 76.6483 60.9003 74.8895C61.0211 73.1307 61.5051 71.416 62.3217 69.8536C63.1384 68.2913 64.2701 66.9151 65.6453 65.8121C67.0205 64.709 68.6094 63.9029 70.3118 63.4447C72.0142 62.9865 73.793 62.8862 75.5361 63.15C77.2792 63.4138 78.9487 64.036 80.4393 64.9774C81.9299 65.9187 83.2091 67.1589 84.1964 68.6195C85.1836 70.08 85.8574 71.7294 86.1752 73.4635L91.315 100.117L91.6319 101.763L91.422 101.467",stroke:"#251138","stroke-width":"1.49","stroke-miterlimit":"10"}),t.createElement("path",{d:"M33.6373 63.9987C44.8881 56.3939 64.2375 56.6449 79.4552 64.9492L81.1548 85.0229L83.3934 111.516L85.1959 132.796C77.7104 145.742 60.8013 137.507 41.9869 134.359C38.8512 133.833 37.6866 127.602 35.2298 123.919L32.7607 119.002L33.3327 93.459",fill:"#D0D3D9"}),t.createElement("path",{d:"M33.6373 63.9987C44.8881 56.3939 64.2375 56.6449 79.4552 64.9492L81.1548 85.0229L83.3934 111.516L85.1959 132.796C77.7104 145.742 60.8013 137.507 41.9869 134.359C38.8512 133.833 37.6866 127.602 35.2298 123.919L32.7607 119.002L33.3327 93.459",stroke:"#251138","stroke-width":"1.49","stroke-miterlimit":"10"}),t.createElement("path",{d:"M82 121.5L78.5 65.5H80L82 69L88.5 121.5H82Z",fill:"#D0D3D9"}),t.createElement("path",{d:"M48.8139 35.2625C48.8781 34.7758 47.7574 34.2266 46.3108 34.0359C44.8643 33.8452 43.6396 34.0852 43.5754 34.5719C43.5112 35.0586 44.6319 35.6077 46.0785 35.7984C47.5251 35.9891 48.7498 35.7492 48.8139 35.2625Z",fill:"#202738"}),t.createElement("path",{d:"M47.0182 37.4299C47.3379 37.3254 47.2294 36.1164 46.7758 34.7296C46.3223 33.3428 45.6955 32.3033 45.3758 32.4079C45.056 32.5124 45.1645 33.7214 45.6181 35.1082C46.0716 36.495 46.6985 37.5345 47.0182 37.4299Z",fill:"#202738"}),t.createElement("path",{d:"M63.7517 60.8134C63.5541 64.1055 62.4431 67.8955 58.3608 67.698C51.2005 67.3523 49.468 59.8257 49.468 59.8257C49.468 59.8257 50.0524 49.0564 50.2211 48.9453H63.5212V56.118C63.7576 57.6712 63.8348 59.2445 63.7517 60.8134Z",fill:"#F3A268"}),t.createElement("path",{d:"M63.7518 60.8134C53.4639 58.6776 51.9907 53.2498 51.9907 53.2498L62.3362 48.9453H63.5213V56.118C63.7578 57.6712 63.835 59.2445 63.7518 60.8134Z",fill:"#E56542"}),t.createElement("path",{d:"M48.2705 45.0444C48.2705 45.0444 51.3569 60.1306 62.8669 57.0442C64.1746 56.6944 65.3669 56.0059 66.3236 55.0484C67.178 54.1893 67.7972 53.1251 68.122 51.9579C69.2824 47.7728 69.0767 40.9416 67.8298 32.02L48.2705 33.6661V45.0444Z",fill:"#F3A268"}),t.createElement("path",{d:"M47.5381 46.18C47.5792 46.18 49.8343 43.711 51.8055 47.0319C51.8055 47.0319 48.3241 45.3858 47.5792 46.18H47.5381Z",fill:"#F35757"}),t.createElement("path",{d:"M52.8879 39.6082C62.0317 41.2131 69.5583 38.9333 71.5295 33.4355C71.7091 32.9274 71.7625 32.3832 71.6851 31.8498C71.6076 31.3165 71.4017 30.81 71.0851 30.3739C70.7684 29.9378 70.3505 29.5852 69.8674 29.3464C69.3842 29.1077 68.8502 28.99 68.3115 29.0035C64.1099 29.1146 56.9866 30.6495 50.0485 31.8841C49.5312 31.9749 49.0287 32.1355 48.5547 32.3614C44.5013 34.3079 43.3614 38.0115 44.279 42.9579C45.8346 50.3117 48.2337 51.6326 50.818 51.5997C50.6534 47.2006 54.0031 43.748 52.8879 39.6082Z",fill:"#202738"}),t.createElement("path",{d:"M49.6286 50.9701C51.3172 50.9701 52.6861 49.2069 52.6861 47.0319C52.6861 44.8569 51.3172 43.0938 49.6286 43.0938C47.94 43.0938 46.571 44.8569 46.571 47.0319C46.571 49.2069 47.94 50.9701 49.6286 50.9701Z",fill:"#F3A268"}),t.createElement("path",{d:"M47.5382 46.4227C47.497 46.4433 49.6904 44.1059 51.3406 46.7314C51.3323 46.7149 48.9455 45.7026 47.5382 46.4227Z",fill:"#E56542"}),t.createElement("path",{d:"M45.1596 154.162C47.102 152.804 45.6535 148.656 44.0979 145.293C46.0691 145.726 48.0979 145.668 48.5176 144.837C49.1225 143.643 46.1802 141.318 43.8757 140.15C43.466 139.942 43.0409 139.765 42.6041 139.623C41.8988 138.664 40.9021 137.958 39.7628 137.612C38.6236 137.266 37.4029 137.297 36.2831 137.702C35.1633 138.107 34.2043 138.862 33.5495 139.857C32.8946 140.851 32.5789 142.031 32.6496 143.219C32.4995 144.835 32.8196 146.46 33.5714 147.898C35.3245 151.351 40.7482 157.248 45.1596 154.162Z",fill:"#F3A268"}),t.createElement("path",{d:"M58.0523 67.7022H58.2457C60.2662 67.6651 61.83 66.6652 62.8917 64.7269C63.8793 62.9245 64.1962 60.7394 64.2867 59.2291L63.8299 59.2003C63.3978 66.373 59.7765 67.2125 58.2374 67.2413H58.0564C50.6491 67.2413 48.9742 58.727 48.9578 58.6406L48.5051 58.727C48.5216 58.8258 50.2705 67.7022 58.0523 67.7022Z",fill:"#251138"}),t.createElement("path",{d:"M58.4638 67.4733L58.0032 67.4897L60.4935 137.403L60.9541 137.386L58.4638 67.4733Z",fill:"#251138"}),t.createElement("path",{d:"M60.9042 76.6116C61.3201 76.6116 61.6573 76.2744 61.6573 75.8585C61.6573 75.4426 61.3201 75.1055 60.9042 75.1055C60.4883 75.1055 60.1511 75.4426 60.1511 75.8585C60.1511 76.2744 60.4883 76.6116 60.9042 76.6116Z",fill:"black"}),t.createElement("path",{d:"M61.4762 87.4632C61.8921 87.4632 62.2293 87.126 62.2293 86.7101C62.2293 86.2942 61.8921 85.957 61.4762 85.957C61.0603 85.957 60.7231 86.2942 60.7231 86.7101C60.7231 87.126 61.0603 87.4632 61.4762 87.4632Z",fill:"black"}),t.createElement("path",{d:"M62.048 98.3108C62.4639 98.3108 62.8011 97.9737 62.8011 97.5578C62.8011 97.1419 62.4639 96.8047 62.048 96.8047C61.6321 96.8047 61.2949 97.1419 61.2949 97.5578C61.2949 97.9737 61.6321 98.3108 62.048 98.3108Z",fill:"black"}),t.createElement("path",{d:"M62.62 109.158C63.0359 109.158 63.3731 108.821 63.3731 108.405C63.3731 107.99 63.0359 107.652 62.62 107.652C62.2041 107.652 61.8669 107.99 61.8669 108.405C61.8669 108.821 62.2041 109.158 62.62 109.158Z",fill:"black"}),t.createElement("path",{d:"M63.192 120.01C63.6079 120.01 63.9451 119.673 63.9451 119.257C63.9451 118.841 63.6079 118.504 63.192 118.504C62.7761 118.504 62.439 118.841 62.439 119.257C62.439 119.673 62.7761 120.01 63.192 120.01Z",fill:"black"}),t.createElement("path",{d:"M63.7641 130.857C64.18 130.857 64.5171 130.52 64.5171 130.104C64.5171 129.688 64.18 129.351 63.7641 129.351C63.3481 129.351 63.011 129.688 63.011 130.104C63.011 130.52 63.3481 130.857 63.7641 130.857Z",fill:"#001065"}),t.createElement("path",{d:"M136.108 110.409L134.224 122.158L128.878 122.162L130.985 109.417L136.108 110.409Z",fill:"#DFE0E4"}),t.createElement("path",{d:"M42.8757 139.717L32.4026 145.376L28.9871 140.927C31.7277 139.166 39.5671 134.158 40.028 134.022L42.8757 139.717Z",fill:"#DFE0E4"}),t.createElement("path",{d:"M19.5264 101.701L24.1682 102.319V101.858L19.5264 101.245V101.701Z",fill:"#251138"}),t.createElement("path",{d:"M91.8474 101.31L87.0142 106.144L87.3401 106.469L92.1733 101.636L91.8474 101.31Z",fill:"#251138"}),t.createElement("path",{d:"M151.128 58.7766C151.223 58.5915 150.989 58.4804 150.882 58.6491C149.647 60.5791 149.38 62.8589 149.124 65.1057C148.812 67.8629 148.635 70.6365 148.359 73.3936C147.351 83.27 143.964 92.7636 141.717 102.405C139.548 111.726 137.573 121.969 140.359 131.401C140.413 131.582 140.623 131.368 140.623 131.253C140.051 125.993 139.388 120.911 139.89 115.615C140.808 105.669 144.005 95.9816 146.474 86.3522C147.698 81.8261 148.558 77.2092 149.046 72.5459C149.458 68.0769 149.149 62.863 151.133 58.7561L151.128 58.7766Z",fill:"#E0E0E0"}),t.createElement("path",{d:"M152.775 60.7687C152.873 60.7234 152.956 60.4271 152.775 60.4683C151.59 60.7399 150.409 61.7645 150.767 63.0855C151.125 64.4065 153.038 64.7604 154.17 64.2953C154.82 64.0484 155.293 63.4147 154.705 62.8756C153.824 62.032 152.614 62.9291 152.285 63.7892C151.898 64.8139 152.116 66.1513 153.289 66.4434C153.836 66.5834 155.692 66.3899 155.347 65.4105C155.129 64.7439 154.199 65.0608 153.853 65.4105C152.738 66.5545 154.108 67.8796 155.129 68.3817C155.264 68.4516 155.375 68.1924 155.264 68.106C154.886 67.8878 154.552 67.6002 154.281 67.2582C154.425 66.0525 153.894 65.2212 152.664 64.7892L152.754 64.0896C153.063 63.9497 153.063 63.9085 152.754 63.9085C152.325 63.8882 151.913 63.7294 151.581 63.4559C150.664 62.4394 151.906 61.1473 152.783 60.7687H152.775Z",fill:"#E0E0E0"}),t.createElement("path",{d:"M168.071 41.1517C168.145 40.9419 167.898 40.9419 167.824 41.1106C166.351 44.4027 165.511 47.9664 164.301 51.2297C163.091 54.493 161.503 57.6205 160.388 60.9497C158.33 67.0483 157.474 73.435 156.12 79.6983C155.523 82.6843 154.664 85.6119 153.552 88.4471C152.404 91.2947 151.001 94.0231 149.668 96.7884C147.026 102.27 144.355 107.821 142.557 113.661C141.651 116.607 140.911 119.627 140.207 122.619C139.45 125.862 138.833 129.125 139.034 132.471C139.034 132.697 139.326 132.528 139.326 132.364C139.539 128.543 140.167 124.757 141.199 121.072C142.042 117.78 142.845 114.459 143.981 111.245C146.014 105.513 148.734 100.015 151.388 94.5539C152.705 91.9827 153.873 89.3377 154.886 86.6323C155.888 83.5888 156.673 80.4782 157.235 77.3238C158.503 70.9906 159.569 64.6451 161.853 58.5752C162.881 55.8634 164.207 53.2749 165.145 50.5343C166.19 47.4191 166.988 44.2299 168.079 41.1435L168.071 41.1517Z",fill:"#E0E0E0"}),t.createElement("path",{d:"M163.75 89.4636C163.865 89.2743 163.614 89.1632 163.503 89.3237C162.351 90.9698 161.663 92.764 160.733 94.5211C159.429 96.9902 157.404 98.9778 155.519 100.978C152.585 104.089 149.524 107.06 147.289 110.78C145.055 114.5 143.816 118.681 142.763 122.854C142.182 125.158 141.676 127.492 141.088 129.796C140.85 130.929 140.49 132.033 140.014 133.088C139.54 134.035 138.919 134.878 138.499 135.854C138.347 136.212 138.952 136.347 139.088 136.035C139.499 135.059 140.125 134.212 140.606 133.265C141.038 132.337 141.365 131.364 141.581 130.364C142.182 128.076 142.68 125.73 143.265 123.368C144.442 118.673 145.849 113.945 148.548 109.871C151.149 105.978 154.688 102.793 157.812 99.307C158.904 98.1412 159.887 96.8765 160.746 95.5293C161.919 93.5952 162.581 91.4142 163.758 89.4842L163.75 89.4636Z",fill:"#E0E0E0"}),t.createElement("path",{d:"M163.89 91.4018C163.976 91.2537 163.82 91.1179 163.709 91.2537C162.91 92.2454 162.622 93.6487 163.561 94.6857C164.133 95.3154 165.54 95.9738 166.289 95.0973C167.038 94.2207 165.877 93.5911 165.054 93.5911C164.512 93.6317 164 93.8588 163.607 94.2339C163.213 94.609 162.961 95.1089 162.894 95.6487C162.892 95.6774 162.892 95.7063 162.894 95.7351C162.865 95.9962 162.887 96.2605 162.961 96.5128C163.034 96.7651 163.156 97.0005 163.321 97.2054C163.485 97.4103 163.688 97.5808 163.919 97.707C164.149 97.8332 164.402 97.9126 164.663 97.9408C165.322 98.0108 166.865 97.4429 166.281 96.5046C165.322 94.9614 161.643 98.5951 164.951 99.6074C165.165 99.6609 165.363 99.3605 165.165 99.2618H165.104C164.729 99.1237 164.424 98.8426 164.256 98.4801C164.087 98.1175 164.07 97.7031 164.207 97.3277L163.569 96.6816C163.02 95.3702 163.631 94.5019 165.4 94.0767L164.223 94.6652C163.433 94.5664 163.351 92.7763 163.433 92.3854C163.52 92.0402 163.669 91.7139 163.873 91.4224L163.89 91.4018Z",fill:"#E0E0E0"}),t.createElement("path",{d:"M166.556 41.7402C166.508 41.9639 166.52 42.1966 166.593 42.4139C166.665 42.6311 166.795 42.8248 166.968 42.9747C167.424 43.4121 167.977 43.7349 168.583 43.9166C169.188 44.0983 169.828 44.1337 170.449 44.02C170.68 43.994 170.899 43.9056 171.083 43.7641C171.268 43.6227 171.41 43.4337 171.494 43.2175C171.832 42.1393 170.729 38.7402 170.322 38.6168C169.914 38.4933 166.898 40.7032 166.585 41.7402H166.556Z",fill:"#BA68C8"}),t.createElement("path",{opacity:"0.1",d:"M166.556 41.7402C166.508 41.9639 166.52 42.1966 166.593 42.4139C166.665 42.6311 166.795 42.8248 166.968 42.9747C167.424 43.4121 167.977 43.7349 168.583 43.9166C169.188 44.0983 169.828 44.1337 170.449 44.02C170.68 43.994 170.899 43.9056 171.083 43.7641C171.268 43.6227 171.41 43.4337 171.494 43.2175C171.832 42.1393 170.729 38.7402 170.322 38.6168C169.914 38.4933 166.898 40.7032 166.585 41.7402H166.556Z",fill:"black"}),t.createElement("path",{d:"M164.466 32.9049L169.634 40.4603L178.116 37.0036C186.169 33.7115 196.284 28.0819 198.691 20.078C199.435 17.5808 199.206 14.8947 198.049 12.5596V12.5185C197.363 11.1393 196.4 9.91609 195.221 8.92496C194.041 7.93384 192.67 7.19598 191.194 6.75729C187.461 5.62562 183.305 7.40337 180.416 10.2099C180.181 10.4371 179.89 10.5976 179.572 10.6749C179.255 10.7521 178.922 10.7434 178.609 10.6495C178.296 10.5556 178.014 10.38 177.791 10.1407C177.568 9.90143 177.413 9.60713 177.342 9.2881C176.486 5.37048 174.013 1.60925 170.26 0.481697C168.787 0.0321725 167.238 -0.109566 165.708 0.0652961C164.178 0.240158 162.7 0.727881 161.367 1.49814H161.318C159.059 2.80389 157.38 4.91915 156.622 7.41571C154.24 15.4402 159.561 25.6869 164.466 32.9049Z",fill:"#BA68C8"}),t.createElement("path",{d:"M164.466 32.9049L169.634 40.4603L178.116 37.0036C186.169 33.7115 196.284 28.0819 198.691 20.078C199.435 17.5808 199.206 14.8947 198.049 12.5596V12.5185C197.363 11.1393 196.4 9.91609 195.221 8.92496C194.041 7.93384 192.67 7.19598 191.194 6.75729C187.461 5.62562 183.305 7.40337 180.416 10.2099C180.181 10.4371 179.89 10.5976 179.572 10.6749C179.255 10.7521 178.922 10.7434 178.609 10.6495C178.296 10.5556 178.014 10.38 177.791 10.1407C177.568 9.90143 177.413 9.60713 177.342 9.2881C176.486 5.37048 174.013 1.60925 170.26 0.481697C168.787 0.0321725 167.238 -0.109566 165.708 0.0652961C164.178 0.240158 162.7 0.727881 161.367 1.49814H161.318C159.059 2.80389 157.38 4.91915 156.622 7.41571C154.24 15.4402 159.561 25.6869 164.466 32.9049Z",fill:"#128749"}),t.createElement("path",{opacity:"0.1",d:"M164.458 32.8884L169.63 40.4438L178.112 36.9871C186.165 33.6949 196.276 28.0654 198.687 20.0574C199.427 17.5662 199.196 14.8875 198.041 12.5596C198.798 21.2014 185.572 31.3699 173.791 30.6662C163.914 30.0366 157.104 16.7323 156.277 14.7776C157.252 21.0738 160.968 27.7609 164.458 32.8884Z",fill:"black"}),t.createElement("path",{d:"M161.89 89.2001C161.789 89.405 161.744 89.6332 161.761 89.8611C161.778 90.089 161.855 90.3083 161.984 90.4964C162.314 91.0337 162.765 91.4856 163.302 91.8152C163.839 92.1449 164.447 92.343 165.075 92.3935C165.298 92.4184 165.523 92.3848 165.728 92.296C165.934 92.2072 166.113 92.0664 166.248 91.8873C166.873 90.9038 166.659 87.3606 166.285 87.1343C165.91 86.908 162.458 88.2742 161.869 89.1919H161.89V89.2001Z",fill:"#BA68C8"}),t.createElement("path",{d:"M161.89 89.2001C161.789 89.405 161.744 89.6332 161.761 89.8611C161.778 90.089 161.855 90.3083 161.984 90.4964C162.314 91.0337 162.765 91.4856 163.302 91.8152C163.839 92.1449 164.447 92.343 165.075 92.3935C165.298 92.4184 165.523 92.3848 165.728 92.296C165.934 92.2072 166.113 92.0664 166.248 91.8873C166.873 90.9038 166.659 87.3606 166.285 87.1343C165.91 86.908 162.458 88.2742 161.869 89.1919H161.89V89.2001Z",fill:"#B4DD64"}),t.createElement("path",{d:"M162.112 80.1179L165.174 88.7597L174.256 87.5827C182.897 86.4799 194.103 83.624 198.481 76.5007C199.842 74.2872 200.31 71.6391 199.79 69.0934V69.0399C199.478 67.5326 198.859 66.1055 197.972 64.8475C197.085 63.5895 195.949 62.5274 194.634 61.7273C191.301 59.6697 186.86 60.3446 183.342 62.3158C183.046 62.4809 182.71 62.562 182.371 62.5503C181.882 62.5311 181.422 62.3187 181.09 61.9599C180.758 61.601 180.582 61.1252 180.601 60.6368C180.782 56.6122 179.367 52.3448 176.017 50.2954C174.709 49.4819 173.247 48.9463 171.723 48.7218C170.198 48.4974 168.644 48.589 167.157 48.9909H167.112C164.598 49.6821 162.44 51.2994 161.071 53.5176C156.68 60.5998 159.223 71.904 162.112 80.1179Z",fill:"#BA68C8"}),t.createElement("path",{d:"M162.112 80.1179L165.174 88.7597L174.256 87.5827C182.897 86.4799 194.103 83.624 198.481 76.5007C199.842 74.2872 200.31 71.6391 199.79 69.0934V69.0399C199.478 67.5326 198.859 66.1055 197.972 64.8475C197.085 63.5895 195.949 62.5274 194.634 61.7273C191.301 59.6697 186.86 60.3446 183.342 62.3158C183.046 62.4809 182.71 62.562 182.371 62.5503C181.882 62.5311 181.422 62.3187 181.09 61.9599C180.758 61.601 180.582 61.1252 180.601 60.6368C180.782 56.6122 179.367 52.3448 176.017 50.2954C174.709 49.4819 173.247 48.9463 171.723 48.7218C170.198 48.4974 168.644 48.589 167.157 48.9909H167.112C164.598 49.6821 162.44 51.2994 161.071 53.5176C156.68 60.5998 159.223 71.904 162.112 80.1179Z",fill:"#B4DD64"}),t.createElement("path",{opacity:"0.05",d:"M162.112 80.1177L165.169 88.7595L174.247 87.5826C182.889 86.4797 194.099 83.6238 198.477 76.5005C199.836 74.2863 200.304 71.639 199.786 69.0933C198.3 77.6445 182.914 84.0806 171.708 80.3564C162.293 77.233 159.153 62.6078 158.861 60.5132C158.178 66.8382 160.05 74.2495 162.112 80.1177Z",fill:"black"}),t.createElement("path",{d:"M148.602 59.0607C148.547 59.2798 148.552 59.5094 148.615 59.7262C148.677 59.943 148.797 60.1393 148.96 60.2952C149.392 60.7565 149.927 61.1089 150.521 61.3235C151.116 61.5381 151.753 61.6088 152.38 61.5298C152.606 61.5095 152.823 61.43 153.008 61.2992C153.194 61.1685 153.342 60.9911 153.437 60.7849C153.828 59.6985 152.861 56.2583 152.491 56.1307C152.12 56.0031 148.968 58.0442 148.602 59.0648V59.0607Z",fill:"#BA68C8"}),t.createElement("path",{d:"M148.602 59.0607C148.547 59.2798 148.552 59.5094 148.615 59.7262C148.677 59.943 148.797 60.1393 148.96 60.2952C149.392 60.7565 149.927 61.1089 150.521 61.3235C151.116 61.5381 151.753 61.6088 152.38 61.5298C152.606 61.5095 152.823 61.43 153.008 61.2992C153.194 61.1685 153.342 60.9911 153.437 60.7849C153.828 59.6985 152.861 56.2583 152.491 56.1307C152.12 56.0031 148.968 58.0442 148.602 59.0648V59.0607Z",fill:"#1F9999"}),t.createElement("path",{d:"M146.952 50.1146L151.721 57.9334L160.363 54.917C168.573 52.0364 178.963 46.9377 181.762 39.0696C182.63 36.6145 182.54 33.9225 181.511 31.5306V31.4895C180.894 30.08 179.994 28.8123 178.867 27.7647C177.74 26.7171 176.41 25.9119 174.959 25.3991C171.256 24.074 167.05 25.6336 164.021 28.2797C163.774 28.4938 163.474 28.6383 163.153 28.6983C162.831 28.7583 162.499 28.7316 162.191 28.621C161.883 28.5104 161.61 28.3199 161.4 28.069C161.191 27.8181 161.051 27.5158 160.997 27.1933C160.338 23.2222 158.067 19.3416 154.371 18.0247C152.924 17.4997 151.385 17.2781 149.849 17.3737C148.312 17.4693 146.812 17.88 145.441 18.5803L145.396 18.6091C143.082 19.801 141.305 21.8259 140.425 24.2756C137.635 32.1438 142.441 42.6662 146.952 50.1146Z",fill:"#1F9999"}),t.createElement("path",{opacity:"0.1",d:"M146.964 50.1142L151.734 57.933L160.375 54.9166C168.585 52.036 178.972 46.9374 181.774 39.0692C182.642 36.6142 182.553 33.9221 181.523 31.5303C181.832 40.2009 168.104 49.6739 156.367 48.3489C146.516 47.2337 140.425 33.5755 139.697 31.5838C140.376 37.9376 143.742 44.8057 146.964 50.1142Z",fill:"black"})),t.createElement("defs",null,t.createElement("clipPath",{id:"clip0_5504_25779"},t.createElement("rect",{width:"200",height:"181.79",fill:"white"})))),y=({question:e,formValues:n,onChangeHandler:r,autoFocus:o})=>{switch(e.type_info.question_type){case"RANGE":return t.createElement(a,{type_info:e.type_info,onChangeHandler:r,npsValue:n[e.name]});case"CHECKBOX":case"MULTI_SELECT":return t.createElement(m,{autoFocus:o,values:n[e.name],options:e.type_info.choices,onChangeHandler:r,othersOption:e.type_info.meta?.othersOption,othersRequired:e.type_info.meta?.othersRequired});case"RADIO":case"DROPDOWN":return t.createElement(h,{autoFocus:o,name:e.name,onChangeHandler:r,options:e.type_info.choices,value:n[e.name],othersOption:e.type_info.meta?.othersOption,othersRequired:e.type_info.meta?.othersRequired});case"INPUT":case"TEXT":return e.type_info?.meta?.readOnly?t.createElement("div",{className:"message-container"},e.type_info?.meta?.value):t.createElement("div",{className:"responsive-text-field"},t.createElement(u,{autoFocus:o,label:"",maxLength:300,showCount:!0,isRequired:e.is_required,value:n[e.name]||"",placeholder:e.type_info?.meta?.placeholder??"",onChange:e=>r(e.target.value)}),t.createElement(d,{autoFocus:o,label:"",maxLength:300,showCount:!0,isRequired:e.is_required,placeholder:e.type_info?.meta?.placeholder??"",value:n[e.name]||"",onChange:e=>r(e.target.value)}));case"PARAGRAPH":return t.createElement(d,{autoFocus:o,label:"",isRequired:e.is_required,placeholder:e.type_info?.meta?.placeholder??"",value:n[e.name]||"",onChange:e=>r(e.target.value)});default:return console.error(`Question type ${e.type_info.question_type} not found`),null}};o(":root {\n --widget-container-width: 350px;\n --default-brand-color: #264966;\n --default-question-text-color: #000;\n --default-question-background-color: #fff;\n --default-background-color: #ebeff3;\n --default-button-text-color: #fff;\n --default-secondary-button-text-color: #000;\n --default-input-placeholder-color: #92a2b1;\n --compact-widget-max-height: 560px;\n --default-widget-max-height: 400px;\n --cozy-widget-max-height: 380px;\n}\n\n.freemium-survey-components .question-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n text-align: center;\n max-width: 700px;\n margin: 0 auto;\n background: var(--default-question-background-color);\n background: var(--question-background-color, var(--default-question-background-color));\n border-radius: 4px;\n transition: transform 500ms ease 0ms, opacity 200ms ease 0ms;\n box-shadow: 0 1px 3px 0 rgba(18, 52, 77, 0.2);\n margin-bottom: 28px;\n padding: 28px;\n grid-gap: 28px;\n gap: 28px;\n position: relative;\n}\n.freemium-survey-components .question-text {\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.8;\n width: 100%;\n text-align: left;\n color: var(--default-question-text-color);\n color: var(--question-text-color, var(--default-question-text-color));\n}\n.freemium-survey-components .thankyou {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.freemium-survey-components .thankyou .text {\n white-space: pre-wrap;\n font-weight: 500;\n font-size: 1.2rem;\n line-height: 2;\n color: #12344d;\n}\n.freemium-survey-components .thankyou .redirection-text {\n color: #929292;\n margin-bottom: 12px;\n font-weight: 300;\n}\n.freemium-survey-components .thankyou .link {\n width: 100%;\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #666;\n font-weight: 500;\n text-decoration: underline;\n}\n.freemium-survey-components .action-buttons {\n display: flex;\n justify-content: flex-start;\n grid-gap: 40px;\n gap: 40px;\n width: 100%;\n align-items: center;\n}\n.freemium-survey-components .action-buttons:empty {\n display: none;\n}\n.freemium-survey-components .skip-button {\n font-weight: 400;\n cursor: pointer;\n background: transparent;\n border: none;\n min-width: 40px;\n padding: 8px 16px;\n border-radius: 4px;\n color: var(--default-secondary-button-text-color);\n color: var(--secondary-button-text-color, var(--default-secondary-button-text-color));\n letter-spacing: 0.05rem;\n line-height: 1.5;\n border: 1px solid transparent;\n}\n.freemium-survey-components .skip-button:hover {\n background-color: #f3f3f3;\n}\n.freemium-survey-components .next-button {\n color: var(--default-button-text-color);\n color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components .submit {\n max-width: 700px;\n margin: 0 auto;\n text-align: left;\n background: transparent;\n box-shadow: none;\n color: var(--default-button-text-color);\n color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components .responsive-text-field {\n width: 100%;\n}\n.freemium-survey-components .responsive-text-field .textarea-container {\n display: none;\n}\n.freemium-survey-components .message-container:empty {\n display: none;\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components .responsive-text-field .input-container {\n display: none;\n }\n .freemium-survey-components .responsive-text-field .textarea-container {\n display: flex;\n }\n}\ndiv.widget-survey-components {\n display: flex;\n flex-grow: 1;\n font-size: 0.875rem;\n overflow: hidden;\n}\ndiv.widget-survey-components .textarea-container .end-max-length {\n padding: 4px;\n}\ndiv.widget-survey-components .responsive-text-field .input-container {\n display: none;\n}\ndiv.widget-survey-components .responsive-text-field .textarea-container {\n display: flex;\n}\ndiv.widget-survey-components .questions {\n min-width: 100%;\n max-width: 100%;\n display: flex;\n height: 100%;\n max-height: 560px;\n max-height: var(--compact-widget-max-height);\n}\ndiv.widget-survey-components .question-text {\n font-size: 0.875rem;\n width: 100%;\n text-align: left;\n}\ndiv.widget-survey-components .question-container {\n box-shadow: none;\n height: 100%;\n min-width: 100%;\n max-width: 100%;\n margin-bottom: 0;\n border-radius: 0;\n padding: 12px 16px;\n grid-gap: 16px;\n gap: 16px;\n flex-grow: 1;\n}\ndiv.widget-survey-components .action-buttons {\n margin: 0px auto;\n justify-content: end;\n flex-direction: row-reverse;\n grid-gap: 16px;\n gap: 16px;\n position: -webkit-sticky;\n position: sticky;\n bottom: 0;\n background-color: #fff;\n}\ndiv.widget-survey-components .submit {\n padding-bottom: 0;\n margin: unset;\n}\ndiv.widget-survey-components .nps-container .footer {\n padding-top: 12px;\n}\ndiv.widget-survey-components .nps-container .widget .choices {\n grid-gap: 8px;\n gap: 8px;\n}\ndiv.widget-survey-components .radio-group {\n overflow: auto;\n width: 100%;\n}\ndiv.widget-survey-components .checkbox-group {\n overflow: auto;\n width: 100%;\n flex-wrap: nowrap;\n}\ndiv.widget-survey-components div.thankyou {\n grid-gap: 36px;\n gap: 36px;\n}\ndiv.widget-survey-components svg {\n width: 140px;\n height: 120px;\n}\n\n.widget-survey-components.default-style .questions {\n max-height: 400px;\n max-height: var(--default-widget-max-height);\n}\n.widget-survey-components.default-style .question-container {\n padding: 12px 28px;\n}\n.widget-survey-components.default-style .nps-container .footer {\n padding-top: 12px;\n}\n.widget-survey-components.default-style .action-button {\n line-height: 1.2;\n}\n.widget-survey-components.default-style .radio-group {\n flex-direction: row;\n flex-wrap: wrap;\n overflow: auto;\n}\n.widget-survey-components.default-style .radio-group .radio-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9rem;\n}\n.widget-survey-components.default-style .checkbox-group {\n flex-direction: row;\n flex-wrap: wrap;\n overflow: auto;\n}\n.widget-survey-components.default-style .checkbox-group .checkbox-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9rem;\n}\n.widget-survey-components.default-style textarea {\n min-height: 84px;\n}\n.widget-survey-components.default-style .end-max-length {\n font-size: 0.8rem;\n font-weight: 300;\n padding: 4px;\n}\n.widget-survey-components.default-style div.thankyou {\n flex-direction: row;\n}\n\n.widget-survey-components.cozy-style .questions {\n max-height: 380px;\n max-height: var(--cozy-widget-max-height);\n}\n.widget-survey-components.cozy-style .question-text {\n font-size: 1rem;\n}\n.widget-survey-components.cozy-style .question-text.nps {\n text-align: center;\n width: 60%;\n min-width: 600px;\n margin: auto;\n}\n.widget-survey-components.cozy-style .question-container {\n padding: 12px 28px;\n}\n.widget-survey-components.cozy-style .nps-container {\n grid-gap: 44px;\n gap: 44px;\n}\n.widget-survey-components.cozy-style .nps-container .widget {\n display: flex;\n justify-content: center;\n}\n.widget-survey-components.cozy-style .nps-container .button-container {\n width: 60%;\n min-width: 600px;\n margin: 0 auto;\n}\n.widget-survey-components.cozy-style .nps-container .button-container .choices {\n justify-content: space-around;\n}\n.widget-survey-components.cozy-style .nps-container .footer {\n padding-top: 8px;\n}\n.widget-survey-components.cozy-style .action-button {\n line-height: 1.2;\n}\n.widget-survey-components.cozy-style .radio-group {\n flex-direction: row;\n flex-wrap: wrap;\n overflow: auto;\n}\n.widget-survey-components.cozy-style .radio-group .radio-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9rem;\n}\n.widget-survey-components.cozy-style .checkbox-group {\n flex-direction: row;\n flex-wrap: wrap;\n overflow: auto;\n}\n.widget-survey-components.cozy-style .checkbox-group .checkbox-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9rem;\n}\n.widget-survey-components.cozy-style textarea {\n min-height: 60px;\n}\n.widget-survey-components.cozy-style .end-max-length {\n font-size: 0.8rem;\n font-weight: 300;\n padding: 4px;\n}");const w=()=>t.createElement("svg",{style:{display:"block"},width:"9",height:"14",viewBox:"0 0 10 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M7.82585 6.15754C7.98999 6.32147 8.08232 6.54389 8.08252 6.77587L8.08252 7.2192C8.07983 7.45069 7.98788 7.6722 7.82585 7.83754L1.82919 13.8225C1.77496 13.8772 1.71044 13.9206 1.63936 13.9502C1.56827 13.9798 1.49203 13.9951 1.41502 13.9951C1.33801 13.9951 1.26177 13.9798 1.19068 13.9502C1.1196 13.9206 1.05508 13.8772 1.00085 13.8225L0.172521 12.9942C0.118197 12.941 0.0750381 12.8774 0.0455752 12.8073C0.0161124 12.7372 0.000937578 12.6619 0.000937585 12.5859C0.000937592 12.5098 0.0161125 12.4345 0.0455753 12.3644C0.0750381 12.2943 0.118197 12.2308 0.172521 12.1775L5.36419 6.99754L0.172522 1.81754C0.117847 1.76331 0.0744506 1.69879 0.0448352 1.62771C0.0152208 1.55662 -2.75162e-05 1.48038 -2.75094e-05 1.40337C-2.75027e-05 1.32636 0.0152208 1.25012 0.0448353 1.17904C0.0744507 1.10795 0.117847 1.04343 0.172522 0.989205L1.00086 0.172537C1.05508 0.117862 1.1196 0.0744661 1.19069 0.0448507C1.26177 0.0152353 1.33801 -1.20337e-05 1.41502 -1.2027e-05C1.49203 -1.20203e-05 1.56827 0.0152353 1.63936 0.0448507C1.71044 0.0744661 1.77496 0.117862 1.82919 0.172537L7.82585 6.15754Z",fill:"#6B6B6B"})),E=()=>t.createElement("svg",{style:{display:"block"},width:"9",height:"14",viewBox:"0 0 10 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M0.256667 7.83755C0.0925257 7.67361 0.000204227 7.4512 0 7.21921V6.77588C0.00268801 6.5444 0.0946357 6.32289 0.256667 6.15755L6.25333 0.172549C6.30756 0.117874 6.37208 0.0744776 6.44316 0.0448625C6.51425 0.0152474 6.59049 0 6.6675 0C6.74451 0 6.82075 0.0152474 6.89184 0.0448625C6.96292 0.0744776 7.02744 0.117874 7.08167 0.172549L7.91 1.00088C7.96432 1.05411 8.00748 1.11764 8.03694 1.18776C8.06641 1.25787 8.08158 1.33316 8.08158 1.40922C8.08158 1.48527 8.06641 1.56056 8.03694 1.63067C8.00748 1.70079 7.96432 1.76432 7.91 1.81755L2.71833 6.99755L7.91 12.1775C7.96467 12.2318 8.00807 12.2963 8.03769 12.3674C8.0673 12.4385 8.08255 12.5147 8.08255 12.5917C8.08255 12.6687 8.0673 12.745 8.03769 12.8161C8.00807 12.8871 7.96467 12.9517 7.91 13.0059L7.08167 13.8225C7.02744 13.8772 6.96292 13.9206 6.89184 13.9502C6.82075 13.9799 6.74451 13.9951 6.6675 13.9951C6.59049 13.9951 6.51425 13.9799 6.44316 13.9502C6.37208 13.9206 6.30756 13.8772 6.25333 13.8225L0.256667 7.83755Z",fill:"#6B6B6B"})),k=["RANGE","NPS","RADIO","DROPDOWN"],L=300,q=({thankYouQuestion:e,preview:r})=>(n.useEffect((()=>{r||e.type_info.meta?.redirectUrl&&setTimeout((()=>{window.location.href=e.type_info.meta?.redirectUrl}),1e4)}),[]),t.createElement("div",{className:"question-container thankyou"},t.createElement(v,null),t.createElement("div",{className:"text"},e.text),e.type_info.meta?.redirectUrl&&t.createElement("div",{style:{width:"100%"}},t.createElement("div",{className:"redirection-text"},"You will be redirected to the below URL automatically in 10 seconds.",t.createElement("br",null)),t.createElement("a",{className:"link",href:e.type_info.meta?.redirectUrl},e?.type_info.meta?.redirectUrl))));exports.AUTO_REDIRECT_DELAY=1e4,exports.BUTTON_SIZE_VARIANTS={LARGE:"large",MINI:"mini",NORMAL:"normal"},exports.Button=b,exports.CheckboxGroup=m,exports.Input=u,exports.NPS=a,exports.ProgressBar=x,exports.Radio=C,exports.RadioGroup=h,exports.Survey=({survey:e,placeholders:o,onSubmit:a,widget:i,surveyContainerWidth:c="0px",npsValue:s,widgetStyle:l,widgetNavigatorQuerySelector:u,preview:d,mobilePreview:p})=>{const{meta:{blocks:m},question_details:{questions:f}}=e,[h,C]=n.useState(null),[g,v]=n.useState({}),[_,N]=n.useState(!1),[M,Z]=n.useState([]),[z,R]=n.useState(0),[F,H]=n.useState(!1),[S,D]=n.useState(null),A=n.useRef(null),O=n.useRef(null),T=n.useRef(-1),$=n.useRef(null),B=n.useRef(0),V=n.useRef(!1),I=n.useRef([]),j=n.useRef(null),P=n.useRef([]);n.useEffect((()=>{m&&(j.current=m.find((e=>"T_1"===e.name)),C(m.filter((e=>"T_1"!==e.name))))}),[m]),n.useEffect((()=>{if(h)if(O.current=f.find((e=>e.pivot_question))??f.find((e=>"RANGE"===e.type_info.question_type))??f[0],null!=s){T.current=s;const e=f.find((e=>e.name===h[0].question_names[0]));A.current={...h[0],question:e},I.current=[...I.current,{...h[0],question:e}],Z(I.current),v({Q_1:s})}else if(!A.current&&h.length>0)return A.current=h[0],void G(h[0])}),[h,s]),t.useEffect((()=>{i||$.current?.scrollIntoView({block:"center",behavior:"smooth"}),M.length&&(I.current=M),$.current&&($.current.style.maxHeight="unset"),P.current[B.current]=$.current?.scrollHeight||P.current[B.current]||0,R(M.length-1),$.current&&($.current.style.maxHeight="100%")}),[M]),n.useEffect((()=>{Object.keys(g).length>0&&A.current.question&&(k.includes(A.current.question.type_info.question_type)||V.current)&&!U()&&Q()}),[g]),n.useEffect((()=>{if(null!=g?.[O.current?.name])if(j.current?.is_based_on_score){const e=O.current?.type_info?.choices[g?.[O.current?.name]]?.dependent_question_names,n=j.current?.question_names.find((n=>e?.includes(n))),t=f.find((e=>e.name===n));D(t)}else{const e=f.find((e=>e.name==j.current?.question_names[0]));D(e)}}),[g?.[O.current?.name]]);const U=()=>B.current===h.length-1||"end"===A.current.branchOption,Y=e=>{if(e){let t={"{{nps.score}}":T.current};o&&(t={...t,...o});var n=new RegExp(Object.keys(t).join("|"),"gi");e=e.replace(n,(function(e){return t[e.toLowerCase()]}))}return e},G=e=>{let n={};if(e.is_based_on_score){const t=O.current?.type_info?.choices[g?.[O.current?.name]]?.dependent_question_names,r=e.question_names.find((e=>t?.includes(e)));n=f.find((e=>e.name===r))}else n=f.find((n=>n.name===e.question_names[0]));A.current.question=n;const t=I.current.find((e=>e.question.name===n.name));Z(t?[...I.current]:[...I.current,{...e,question:n}])},Q=()=>{if(U())N(!0);else{if(A.current.nextBlock)B.current=h.findIndex((e=>e.name===A.current.nextBlock));else if(A.current.question.type_info?.meta?.branches){const e=A.current.question.type_info?.meta?.branches,n=g[A.current.question.name];let t;t="RANGE"===A.current.type?e.find((e=>n>=e.min&&n<=e.max)):e.find((e=>n===e.value)),t?.nextBlock?B.current=h.findIndex((e=>e.name===t.nextBlock)):B.current+=1}else B.current+=1;A.current=h[B.current],G(h[B.current])}},W=(e,n)=>{V.current=!0,delete g[n.name],v({...g})},X=(e,n,t)=>{if(t){if(V.current=!0,null!=g[e.question.name]&&e.name!==M[M.length-1].name){const[t,r]=(e=>{const n=M.findIndex((n=>n.name===e.name)),t=M.slice(0,n+1),r=t.reduce(((e,n)=>(e[n.question.name]=g[n.question.name],e)),{});return B.current=h.findIndex((n=>n.name===e.name)),[t,r]})(e);v({...r,...null!=n&&{[e.question.name]:n}}),I.current=t}else v({...g,...null!=n&&{[e.question.name]:n}});O?.current?.name==e?.question?.name&&(T.current=n)}else v({...g,...null!=n&&{[e.question.name]:n}})};return A.current&&A.current.question?_?t.createElement("div",{className:`freemium-survey-components ${i?"widget-survey-components":""} ${l}-style`},t.createElement(q,{thankYouQuestion:S,preview:d})):t.createElement("div",{className:`freemium-survey-components ${i?"widget-survey-components":""} ${l}-style ${p?"mobile-preview":""}`,style:{"--widget-container-width":c}},!i&&t.createElement(x,{totalSteps:h.length,completedSteps:B.current}),i&&document.querySelector(u)&&t.createElement(t.Fragment,null,r.createPortal(t.createElement("div",{className:"navigation","data-navigation-element":"1",style:0!==B.current?{paddingLeft:"18px"}:{}},t.createElement("button",{style:0==B.current?{display:"none"}:{},className:"navigate-button",onClick:()=>{B.current=Math.max(B.current-1,0),R(B.current)}},t.createElement(E,null)),t.createElement("span",{className:"navigation-text"},"Question ",B.current+1," of"," ",M.length," "),t.createElement("button",{className:"navigate-button",style:B.current>=M.length-1?{visibility:"hidden"}:{},onClick:()=>{B.current=Math.min(B.current+1,M.length-1),R(B.current)}},t.createElement(w,null))),document.querySelector(u))),t.createElement("div",{style:i?{transform:`translateX(calc(-${z} * 100%))`,height:`${P.current[B.current]}px`,transition:M?.length>1?`all ${L}ms linear 0ms`:`transform ${L}ms linear 0ms`}:{},className:"questions"},M.map(((e,n)=>{return t.createElement("div",{className:"question-container",style:{height:"fit-content",transition:"opacity 100ms ease-out",opacity:i&&B.current!==n?0:1},ref:$,id:e.question.name,key:e.question.name},t.createElement("div",{className:"question-text "+(0===n?"nps":""),dangerouslySetInnerHTML:{__html:Y(e.question.text)}}),t.createElement(y,{question:e.question,formValues:g,autoFocus:A.current.name===e.name,onChangeHandler:n=>{V.current=!1,B.current=h.findIndex((n=>n.name===e.name)),A.current=e,X(e,n,k.includes(e.question.type_info.question_type)&&!U())}}),t.createElement("div",{className:"action-buttons"},(r=e.question,r.name===A.current.question.name&&!k.includes(r.type_info.question_type)&&!U()&&t.createElement(b,{onClick:()=>{V.current?(B.current=Math.min(B.current+1,M.length-1),A.current=M[n+1],R(B.current)):X(e,null,!0)},disabled:!g[A.current.question.name]||Array.isArray(g[A.current.question.name])&&0===g[A.current.question.name].length,className:"next-button"},"Next")),((e,n)=>"RANGE"!==n.type_info.question_type&&!n.required&&n.name===A.current.question.name&&!U())(0,e.question)&&t.createElement("button",{className:"skip-button",onClick:()=>W(0,e.question)},"Skip"),((e,n)=>"DROPDOWN"===n.type_info.question_type&&n.name!==A.current.question.name&&!n.required&&null!=g[n.name])(0,e.question)&&t.createElement("button",{className:"skip-button",onClick:()=>{A.current=e,B.current=h.findIndex((n=>n.name===e.name)),W(0,e.question)}},"Clear selection"),i&&(e=>U()&&e.name===A.current.question.name)(e.question)&&t.createElement("div",{className:"submit"},t.createElement(b,{disabled:(A.current.question.required||A.current.question.type_info.pivot_question)&&void 0===g[A.current.question.name]||F,onClick:()=>{H(!0),a(g,(()=>{S?.type_info.meta?.skipThankYouPage||N(!0)}))}},F?"Submitting":"Submit Survey"))));var r})),!i&&U()&&t.createElement("div",{className:"submit"},t.createElement(b,{disabled:A.current.question.required&&void 0===g[A.current.question.name]||F,onClick:()=>{H(!0),a(g,(()=>{d||S?.type_info.meta?.skipThankYouPage&&(window.location.href=S?.type_info.meta?.redirectUrl),S?.type_info.meta?.skipThankYouPage||N(!0)}))}},F?"Submitting Survey":"Submit Survey")))):null},exports.TRANSITION_DELAY=L,exports.TextArea=d;
1
+ "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),t=e(n),r=e(require("react-dom"));function o(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}o(".freemium-survey-components .nps-container {\n margin: 0 auto;\n width: 100%;\n display: flex;\n flex-direction: column;\n grid-gap: 52px;\n gap: 52px;\n}\n.freemium-survey-components .nps-container .footer {\n border-top: 1px solid var(--default-background-color);\n border-top: 1px solid var(--background-color, var(--default-background-color));\n padding-top: 20px;\n margin-top: 20px;\n display: flex;\n justify-content: center;\n font-size: 0.875rem;\n line-height: 1.5;\n}\n.freemium-survey-components .nps-container .widget {\n position: relative;\n}\n.freemium-survey-components .nps-container .widget .button-container {\n display: flex;\n justify-content: space-between;\n background: var(--default-background-color);\n background: var(--background-color, var(--default-background-color));\n position: relative;\n}\n.freemium-survey-components .nps-container .widget .positive-text {\n position: absolute;\n color: #475867;\n bottom: -40px;\n font-size: 12px;\n right: 0px;\n text-align: right;\n}\n.freemium-survey-components .nps-container .widget .negative-text {\n position: absolute;\n color: #475867;\n bottom: -40px;\n font-size: 12px;\n left: 0;\n text-align: left;\n}\n.freemium-survey-components .nps-container .widget span {\n color: #aaa;\n font-size: 0.75rem;\n}\n.freemium-survey-components .nps-container .widget button {\n display: inline-block;\n font-size: 1rem;\n white-space: nowrap;\n vertical-align: middle;\n background: none;\n border: none;\n box-shadow: none;\n cursor: pointer;\n text-align: center;\n font-weight: 400;\n border-radius: 4px;\n margin: 0;\n outline: none;\n margin-left: -1px;\n width: 40px;\n height: 40px;\n transform: scale(1);\n transition: background 0.2s ease-in, color 0.2s ease-in, border-color 0.2s ease-in, transform 0.2s cubic-bezier(0.5, 2, 0.5, 0.75);\n}\n.freemium-survey-components .nps-container .widget button:hover {\n color: white;\n transform: scale(1.2);\n z-index: 2;\n position: relative;\n}\n.freemium-survey-components .nps-container .widget button.active {\n color: white;\n transform: scale(1.2);\n z-index: 2;\n position: relative;\n}\n.freemium-survey-components .nps-container .widget.rounded button {\n border-radius: 50%;\n}\n.freemium-survey-components .nps-container .widget.square button {\n border-radius: 0;\n}\n.freemium-survey-components .nps-container .widget.curved button {\n border-radius: 3px;\n}\n.freemium-survey-components .nps-container .widget.highlighted button:hover, .freemium-survey-components .nps-container .widget.highlighted button.active {\n background: var(--default-brand-color) !important;\n background: var(--brand-color, var(--default-brand-color)) !important;\n}\n.freemium-survey-components .nps-container .widget .choices {\n width: 100%;\n display: flex;\n justify-content: space-between;\n}\n.freemium-survey-components .nps-container .widget.standard .button-container {\n background-color: transparent;\n}\n.freemium-survey-components .nps-container .widget.standard .choice {\n color: #000;\n background: var(--default-background-color);\n background: var(--background-color, var(--default-background-color));\n}\n.freemium-survey-components .nps-container .widget.standard .choice.active,\n.freemium-survey-components .nps-container .widget.standard .choice:hover {\n color: #fff;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(1):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(1).active {\n background: #eb5b56;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(2):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(2).active {\n background: #fb8774;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(3):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(3).active {\n background: #f58f6b;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(4):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(4).active {\n background: #f6996a;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(5):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(5).active {\n background: #eab268;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(6):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(6).active {\n background: #cebb69;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(7):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(7).active {\n background: #bdc46c;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(8):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(8).active {\n background: #a4cd72;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(9):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(9).active {\n background: #77c955;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(10):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(10).active {\n background: #37c248;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(11):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(11).active {\n background: #1ebf31;\n}\n\n.freemium-survey-components.mobile-preview .nps-container .widget .button-container {\n background: transparent;\n}\n.freemium-survey-components.mobile-preview .nps-container .widget .choices {\n flex-wrap: wrap;\n justify-content: center;\n grid-gap: 16px;\n gap: 16px;\n background: transparent;\n}\n.freemium-survey-components.mobile-preview .nps-container .widget button {\n border-radius: 50%;\n background: #ebeff3;\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components .nps-container .widget .button-container {\n background: transparent;\n }\n .freemium-survey-components .nps-container .widget .choices {\n flex-wrap: wrap;\n justify-content: center;\n grid-gap: 16px;\n gap: 16px;\n background: transparent;\n }\n .freemium-survey-components .nps-container .widget button {\n border-radius: 50%;\n background: #ebeff3;\n }\n}\n.widget-survey-components .nps-container .widget .button-container {\n background: transparent;\n}\n.widget-survey-components .nps-container .widget .choices {\n flex-wrap: wrap;\n justify-content: center;\n grid-gap: 16px;\n gap: 16px;\n background: transparent;\n}\n.widget-survey-components .nps-container .widget button {\n border-radius: 50%;\n background: #ebeff3;\n}");const a=e=>{const{type_info:{linear_scale:{button_shape:r,button_style:o},score_presets:{start:a,end:i},validation:{min:c},footer_text:s}}=e,l=e=>{switch(e){case e<=6:return"detractor";case e<=8:return"passive";default:return"promoter"}},u=n.useRef(Array.from({length:10+(0===c?1:0)},((e,n)=>n+c)));return t.createElement("div",{className:"nps-container"},t.createElement("div",{className:`widget ${r} ${o}`},t.createElement("div",{className:"button-container"},t.createElement("span",{className:"negative-text"},a),t.createElement("div",{className:"choices"},u.current.map((n=>t.createElement("button",{key:n,onClick:t=>{e.onChangeHandler(n)},className:`choice ${l(n)} ${e.npsValue===n&&"active"}`},n)))),t.createElement("span",{className:"positive-text"},i))),t.createElement("div",{className:"footer"},s))},i=(e,n)=>(e.defaultProps=n,e);o('.freemium-survey-components .input-container,\n.freemium-survey-components .textarea-container {\n display: flex;\n flex-direction: column;\n width: 100%;\n border-radius: 4px;\n position: relative;\n}\n.freemium-survey-components label.input-label {\n display: inline-block;\n padding-bottom: 8px;\n padding-left: 2px;\n font-size: 0.75rem;\n font-weight: 400;\n}\n.freemium-survey-components label.required::after {\n content: "*";\n position: relative;\n top: 2px;\n font-weight: 500;\n font-size: 0.85rem;\n padding-left: 3px;\n color: #d72d30;\n}\n.freemium-survey-components .input-basic {\n width: 100%;\n display: flex;\n align-items: center;\n border-radius: 4px;\n border: 1px solid var(--default-brand-color);\n border: 1px solid var(--brand-color, var(--default-brand-color));\n transition: border-color 0.2s linear;\n background: #fff;\n}\n.freemium-survey-components .textarea-container .input-basic {\n flex-direction: column;\n align-items: unset;\n}\n.freemium-survey-components .input-basic.error {\n border: 1px solid #d72d30;\n}\n.freemium-survey-components .input-basic.error:hover {\n border: 1px solid #d72d30;\n}\n.freemium-survey-components .input-basic.error[focus-within] {\n box-shadow: none;\n}\n.freemium-survey-components .input-basic.error:focus-within {\n box-shadow: none;\n}\n.freemium-survey-components .input-basic:hover {\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n transition: 0.2s linear;\n}\n.freemium-survey-components .input-basic[focus-within] {\n border: 1px solid transparent;\n box-shadow: 0 0 0 2px var(--default-brand-color);\n box-shadow: 0 0 0 2px var(--brand-color, var(--default-brand-color));\n}\n.freemium-survey-components .input-basic:focus-within {\n border: 1px solid transparent;\n box-shadow: 0 0 0 2px var(--default-brand-color);\n box-shadow: 0 0 0 2px var(--brand-color, var(--default-brand-color));\n}\n.freemium-survey-components .end-max-length {\n padding: 0 8px;\n font-size: 0.85rem;\n}\n.freemium-survey-components .textarea-container .end-max-length {\n padding: 8px;\n align-self: flex-end;\n}\n.freemium-survey-components span.input-error {\n display: block;\n padding-left: 2px;\n padding-top: 4px;\n font-size: 0.9rem;\n color: #d72d30;\n}\n.freemium-survey-components input[type=text] {\n padding: 6px 12px;\n flex: 1;\n border: unset;\n height: 32px;\n font-size: 1rem;\n /* line-height: ${typography.input.text.lineHeight}; */\n border-radius: 4px;\n}\n.freemium-survey-components input[type=text],\n.freemium-survey-components textarea {\n outline: none;\n border: none;\n}\n.freemium-survey-components input[type=text]::-moz-placeholder {\n color: #92a2b2;\n font-weight: 400;\n font-size: 0.85rem;\n}\n.freemium-survey-components input[type=text]:-ms-input-placeholder {\n color: #92a2b2;\n font-weight: 400;\n font-size: 0.85rem;\n}\n.freemium-survey-components input[type=text]::placeholder {\n color: #92a2b2;\n font-weight: 400;\n font-size: 0.85rem;\n}\n.freemium-survey-components textarea {\n min-height: 116px;\n padding: 12px;\n flex: 1;\n border: unset;\n resize: none;\n font-size: 1rem;\n /* line-height: ${typography.input.text.lineHeight}; */\n border-radius: 4px;\n}\n.freemium-survey-components textarea::-moz-placeholder {\n color: #92a2b2;\n font-weight: 400;\n font-size: 0.85rem;\n}\n.freemium-survey-components textarea:-ms-input-placeholder {\n color: #92a2b2;\n font-weight: 400;\n font-size: 0.85rem;\n}\n.freemium-survey-components textarea::placeholder {\n color: #92a2b2;\n font-weight: 400;\n font-size: 0.85rem;\n}');const c={isRequired:!1,showCount:!1,isErrored:!1,inline:!1,spellCheck:!1,autoFocus:!0},s=n.forwardRef(((e,r)=>{const o=n.useRef(null);n.useEffect((()=>{e.autoFocus&&setTimeout((()=>{o.current?.focus()}),L+20)}),[e.autoFocus]);const{inputStyle:a,style:i,className:c,showCount:s,isErrored:l,startLabel:u,isRequired:d,errorText:p,endLabel:m,maxLength:f,autoFocus:h,...C}=e;return t.createElement("div",{className:"input-container",style:i},e.label&&t.createElement("label",{className:"input-label "+(d?"required":"")},e.label),t.createElement("div",null,u&&t.createElement("div",{className:"start-label"},u),t.createElement("div",{className:`input-basic ${l?"error":""}${c||""}`},t.createElement("input",Object.assign({type:"text",autoComplete:"off",ref:o,style:a},C)),s&&f>0&&t.createElement("div",{className:"end-max-length"},`${e.value&&e.value.length||0}/${e.maxLength}`)),m&&t.createElement("div",{className:"end-label"},m)),l&&p&&t.createElement("span",{className:"input-error"},e.errorText))})),l=n.forwardRef(((e,r)=>{const o=n.useRef(null);n.useEffect((()=>{e.autoFocus&&setTimeout((()=>{o.current?.focus()}),L+20)}),[]);const{inputStyle:a,style:i,className:c,showCount:s,maxLength:l,isErrored:u,startLabel:d,isRequired:p,autoFocus:m,...f}=e;return t.createElement(t.Fragment,null,t.createElement("div",{className:"textarea-container",style:i},e.label&&t.createElement("label",{className:"input-label "+(p?"required":"")},e.label),d&&t.createElement("div",{className:"start-label"},d),t.createElement("div",{className:`input-basic ${u?"error":""} ${c||""}`},t.createElement("textarea",Object.assign({autoComplete:"off",ref:o,style:a},f)),s&&l&&l>0&&t.createElement("div",{className:"end-max-length"},`${e.value&&e.value.length||0}/${e.maxLength}`)),e.endLabel&&t.createElement("div",{className:"end-label"},e.endLabel)),e.isErrored&&e.errorText&&t.createElement("span",{className:"input-error"},e.errorText))})),u=i(s,c),d=i(l,c);o('.freemium-survey-components .checkbox-group {\n display: flex;\n grid-gap: 12px;\n gap: 12px;\n flex-direction: column;\n white-space: nowrap;\n flex-wrap: wrap;\n}\n.freemium-survey-components .icon-container {\n display: inline-block;\n flex: 0 0 12px;\n width: 12px;\n height: 12px;\n min-width: 12px;\n min-height: 12px;\n color: inherit;\n position: absolute;\n left: 1px;\n top: 2px;\n}\n.freemium-survey-components .tick-icon {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n width: 100%;\n color: inherit;\n fill: currentColor;\n}\n.freemium-survey-components input[type=checkbox] {\n position: absolute;\n clip: rect(0px 0px 0px 0px);\n width: 0px;\n height: 0px;\n}\n.freemium-survey-components input[type=checkbox]:focus ~ .checkbox {\n /* box-shadow: ${pseudo.focus} 0px 0px 0px 2px; */\n box-shadow: var(--default-brand-color) 0px 0px 0px 2px;\n box-shadow: var(--brand-color, var(--default-brand-color)) 0px 0px 0px 2px;\n border-color: transparent;\n}\n.freemium-survey-components .checkbox-label {\n display: flex;\n align-items: flex-start;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n text-align: left;\n opacity: 1;\n line-height: 1.2;\n cursor: pointer;\n font-size: 1rem;\n padding: 16px 24px;\n min-width: 200px;\n border: 1px solid #ebeff3;\n box-shadow: 0px 2px 5px rgba(18, 52, 77, 0.06);\n border-radius: 4px;\n white-space: pre-wrap;\n}\n.freemium-survey-components .checkbox-label:hover .checkbox {\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n box-shadow: var(--default-background-color) 0px 0px 0px 5px;\n box-shadow: var(--background-color, var(--default-background-color)) 0px 0px 0px 5px;\n}\n.freemium-survey-components .checkbox-label.disabled {\n opacity: 0.5;\n cursor: "not-allowed";\n}\n.freemium-survey-components .checkbox {\n transition: background-color ease-in 0.2s;\n min-width: 14px;\n min-height: 14px;\n min-height: 14px;\n max-height: 14px;\n border-radius: 2px;\n position: relative;\n margin-right: 16px;\n background-color: #fff;\n border: 1px solid;\n text-align: left;\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n}\n.freemium-survey-components .checkbox:hover {\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n box-shadow: var(--default-background-color) 0px 0px 0px 5px;\n box-shadow: var(--background-color, var(--default-background-color)) 0px 0px 0px 5px;\n}\n.freemium-survey-components input[type=checkbox]:checked ~ .checkbox {\n background-color: var(--default-brand-color);\n background-color: var(--brand-color, var(--default-brand-color));\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n}\n.freemium-survey-components input[type=checkbox]:checked ~ .checkbox:hover {\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n}\n.freemium-survey-components input[type=checkbox]:disabled ~ .checkbox:hover {\n box-shadow: unset;\n border-color: unset;\n}');const p=()=>t.createElement("svg",{id:"tick",className:"tick-icon",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"title",viewBox:"0 0 10 10"},t.createElement("path",{d:"M3 5.87c-.18666814.00267463-.36667109-.06932655-.5-.2L.21 3.41c-.1786328-.17863279-.24839684-.43899577-.1830127-.6830127.06538414-.24401694.25598306-.43461586.5-.5C.77100423 2.16160316 1.0313672 2.23136721 1.21 2.41L3 4.18 6.8.33c.27679776-.27455556.72320224-.27455556 1 0 .13696438.13025306.21450026.31098915.21450026.5S7.93696438 1.19974694 7.8 1.33L3.45 5.67c-.12082534.11896945-.28072735.19003701-.45.2Z",fill:"#fff",fillRule:"evenodd"})),m=({values:e=[],options:r,autoFocus:o,onChangeHandler:a,othersOption:i,othersRequired:c})=>{const s=(()=>{let n=-1;return e.map(((e,t)=>{const o=r.find((n=>n.value===e));return o||(n=t),o})),n})(),[l,d]=n.useState(!1);return t.createElement("div",{className:"checkbox-group"},r?.map(((n,r)=>t.createElement(f,{key:n.value,checked:e?.includes(n.value),name:n.value,id:n.value,autoFocus:0===r&&o,onChange:(t,r)=>{if(r)a([...e||[],n.value]);else{const t=e.indexOf(n.value);t>-1&&e.splice(t,1),a([...e])}}},n.value))),i&&t.createElement(f,{key:"others",checked:l,name:"others",id:"others",onChange:(e,n)=>{d(n)}},"Others"),l&&t.createElement(t.Fragment,null,t.createElement(u,{placeholder:"Enter your comment",value:e[s],onChange:n=>{-1!==s?(e[s]=n.target.value,a(e)):a(e.concat(n.target.value))},label:""})))},f=i((e=>{const r=n.useRef(null);return n.useEffect((()=>{e.autoFocus&&setTimeout((()=>{r.current?.focus()}),L+20)}),[]),t.createElement("label",{className:`checkbox-label ${e.disabled&&"disabled"}`},t.createElement("input",{ref:r,id:e.id,type:"checkbox",name:e.name,readOnly:e.readOnly,disabled:e.disabled,"aria-disabled":e.disabled,checked:e.checked,onChange:e.readOnly?()=>{}:n=>e.onChange(n,n.target.checked)}),t.createElement("div",{className:"checkbox"},e.checked&&t.createElement("div",{className:"icon-container"},t.createElement(p,null)," ")),t.createElement("div",null,e.children))}),{checked:!1});o('.freemium-survey-components .radio-group {\n display: flex;\n grid-gap: 12px;\n gap: 12px;\n white-space: nowrap;\n flex-direction: column;\n}\n.freemium-survey-components .radio {\n background-color: #fff;\n border: 1px solid;\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n transition: background-color ease-in 0.2s;\n min-width: 18px;\n max-width: 18px;\n min-height: 18px;\n max-height: 18px;\n border-radius: 50%;\n position: relative;\n margin-right: 16px;\n text-align: left;\n}\n.freemium-survey-components .radio:before {\n left: 3px;\n top: 3px;\n content: "";\n position: absolute;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n transition: all ease-in 0.2s;\n background-color: #fff;\n}\n.freemium-survey-components .radio-label {\n display: flex;\n align-items: flex-start;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n text-align: left;\n cursor: pointer;\n line-height: 1.2;\n font-size: 1rem;\n font-weight: 400;\n padding: 16px 24px;\n min-width: 200px;\n border: 1px solid #ebeff3;\n box-shadow: 0px 2px 5px rgba(18, 52, 77, 0.06);\n border-radius: 4px;\n white-space: pre-wrap;\n}\n.freemium-survey-components input[type=radio] {\n position: absolute;\n clip: rect(0, 0, 0, 0);\n width: 0px;\n height: 0px;\n}\n.freemium-survey-components input[type=radio]:focus ~ .radio {\n /* box-shadow: ${pseudo.focus} 0px 0px 0px 3px; */\n box-shadow: var(--default-brand-color) 0px 0px 0px 3px;\n box-shadow: var(--brand-color, var(--default-brand-color)) 0px 0px 0px 3px;\n border-color: transparent;\n}\n.freemium-survey-components input[type=radio]:checked ~ .radio:before {\n background-color: var(--default-brand-color);\n background-color: var(--brand-color, var(--default-brand-color));\n}\n.freemium-survey-components .radio-label:hover .radio {\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n box-shadow: var(--default-background-color) 0px 0px 0px 5px;\n box-shadow: var(--background-color, var(--default-background-color)) 0px 0px 0px 5px;\n}');const h=({name:e,options:r,value:o,autoFocus:a,onChangeHandler:i,othersOption:c,othersRequired:s})=>{const[l,d]=n.useState(""),[p,m]=n.useState("");return n.useEffect((()=>{o||(m(""),d(""))}),[o]),n.useEffect((()=>{p&&r.find((e=>e.value===p))&&i(p)}),[p]),t.createElement("div",{className:"radio-group"},r?.map(((n,r)=>t.createElement(C,{key:n.value,value:n.value,name:e,onChange:e=>{m(e.currentTarget.value)},autoFocus:0===r&&a,checked:p===n.value},n.value))),c&&t.createElement(C,{key:"others",value:"others",name:e,onChange:e=>{m("others")},checked:"others"===p},"Others"),"others"===p&&t.createElement(t.Fragment,null,t.createElement(u,{value:l,onChange:e=>d(e.target.value),placeholder:"Enter your comment",label:""}),l!==o&&t.createElement(b,{disabled:s&&0===l.length,onClick:()=>i(l)},"Next")))},C=i((e=>{const r=n.useRef(null);return n.useEffect((()=>{e.autoFocus&&setTimeout((()=>{r.current?.focus()}),L+20)}),[]),t.createElement("label",{className:"radio-label"},t.createElement("input",{ref:r,type:"radio",name:e.name,value:e.value,checked:e.checked,onChange:e.onChange}),t.createElement("div",{className:"radio"}),t.createElement("div",null,e.children))}),{checked:!1,autoFocus:!1});o(".progressbar-container {\n width: 100%;\n height: 4px;\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1;\n text-align: left;\n}\n\n.progressbar {\n transition: transform 0.25s linear;\n transform-origin: left;\n height: 100%;\n background-color: var(--default-brand-color);\n background-color: var(--brand-color, var(--default-brand-color));\n}");const x=e=>{const{totalSteps:n,completedSteps:r}=e;return t.createElement("div",{className:"progressbar-container"},t.createElement("div",{className:"progressbar",style:{width:(r>0?100/n:0)+"%",transform:`scaleX(${r})`}}))};o(".freemium-survey-components .action-button {\n width: auto;\n display: block;\n padding: 8px 16px;\n cursor: pointer;\n line-height: 1.5;\n text-align: center;\n font-weight: 500;\n letter-spacing: 0.3px;\n border-radius: 4px;\n white-space: nowrap;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n color: --default-button-text-color;\n color: var(--button-text-color, --default-button-text-color);\n background: var(--default-brand-color);\n background: var(--brand-color, var(--default-brand-color));\n border: 1px solid var(--default-brand-color);\n border: 1px solid var(--brand-color, var(--default-brand-color));\n border-radius: 4px;\n min-width: 200px;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n}\n.freemium-survey-components .action-button:not([disabled]):hover {\n transform: translateY(-4px);\n}\n.freemium-survey-components .action-button[disabled] {\n cursor: not-allowed;\n opacity: 0.6;\n}\n.freemium-survey-components button:focus:not(:active) {\n /* box-shadow: 0 0 0 2px ${pseudo.focus}; */\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components .action-button {\n min-width: 120px;\n }\n}\n.widget-survey-components .action-button {\n min-width: 120px;\n}");const g=()=>t.createElement(t.Fragment,null,"..."),b=e=>{const{inline:n=!1,children:r,disabled:o,className:a="",htmlType:i,type:c="primary",onClick:s,size:l,overrideStyleClassName:u="",loading:d=!1,...p}=e;return t.createElement("button",Object.assign({style:n?{display:"inline-block"}:{},disabled:o,className:`action-button ${a} ${u}`,type:i,onClick:s},p),d?t.createElement(g,null):r)},v=()=>t.createElement("svg",{width:"200",height:"182",viewBox:"0 0 200 182",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("g",{"clip-path":"url(#clip0_5504_25779)"},t.createElement("g",{opacity:"0.8"},t.createElement("path",{opacity:"0.8",d:"M165.375 76.3154C165.375 77.0026 165.375 77.6857 165.342 78.3729C165.342 78.9202 165.305 79.4634 165.276 80.019C165.039 84.6023 164.35 89.1511 163.219 93.599C162.483 96.5028 161.558 99.3552 160.449 102.138C158.518 106.993 156.047 111.616 153.083 115.919C152.627 116.586 152.153 117.245 151.672 117.895C149.529 120.792 147.165 123.519 144.602 126.051C143.702 126.94 142.779 127.804 141.832 128.644C136.335 133.522 130.104 137.505 123.368 140.446C122.458 140.857 121.532 141.223 120.598 141.582C114.818 143.816 108.764 145.265 102.599 145.89C101.677 145.985 100.755 146.063 99.8292 146.116C98.3752 146.207 96.913 146.252 95.4425 146.252C89.6055 146.257 83.7909 145.531 78.1342 144.092C77.2014 143.856 76.2783 143.601 75.3647 143.326C68.9961 141.419 62.9333 138.61 57.361 134.985C56.4227 134.372 55.4968 133.75 54.5915 133.088C51.0031 130.499 47.6661 127.578 44.6246 124.364C44.0759 123.782 43.5368 123.192 43.0073 122.594C40.6559 119.932 38.5099 117.096 36.5877 114.109C35.6083 112.583 34.6851 111.017 33.8182 109.409C28.597 99.7056 25.7564 88.9001 25.5303 77.8832C25.5303 77.3647 25.5303 76.838 25.5303 76.3154C25.5167 65.5894 27.9828 55.0054 32.7359 45.3901C32.9335 44.9786 33.1475 44.567 33.3491 44.1555C33.5096 43.8428 33.6742 43.53 33.8388 43.2214C34.703 41.6165 35.6261 40.05 36.6083 38.5219C41.2923 31.2474 47.2786 24.8998 54.2664 19.798L54.612 19.547C54.9001 19.3371 55.1882 19.1355 55.4803 18.9297C56.1058 18.4935 56.7396 18.0655 57.3815 17.6458C62.9478 14.0235 69.0035 11.216 75.3647 9.30851C76.2783 9.03416 77.2014 8.77903 78.1342 8.54309C83.7911 7.10508 89.6057 6.38067 95.4425 6.38676C96.9157 6.38676 98.378 6.43202 99.8292 6.52256C100.757 6.58017 101.68 6.65561 102.599 6.74889C108.764 7.37169 114.818 8.81801 120.598 11.0492C121.532 11.4072 122.458 11.7858 123.368 12.185C128.019 14.2174 132.434 16.7508 136.536 19.7404C136.948 20.0285 137.326 20.3206 137.713 20.6169C139.126 21.6869 140.498 22.8103 141.828 23.9872C142.775 24.8267 143.698 25.6923 144.598 26.5839C148.891 30.8221 152.617 35.5983 155.684 40.7935C155.927 41.205 156.161 41.6165 156.392 42.028C159.408 47.3707 161.702 53.0899 163.215 59.0359C164.651 64.6834 165.377 70.4881 165.375 76.3154Z",fill:"#F4F4F4"})),t.createElement("path",{d:"M137.75 20.6126C133.225 23.0657 128.514 25.1586 123.66 26.8717C114.533 30.1296 104.92 31.8174 95.2285 31.8634C88.4636 31.8759 81.7275 30.9818 75.2001 29.205C67.7764 27.1585 60.7097 23.9874 54.2458 19.8019L54.5915 19.5509C54.8796 19.341 55.1676 19.1394 55.4598 18.9336C61.6723 22.8973 68.4424 25.91 75.5458 27.8717C95.4466 33.3242 117.002 30.1885 136.553 19.736C136.948 20.0241 137.339 20.3163 137.75 20.6126Z",fill:"white"}),t.createElement("path",{d:"M156.396 42.0196C153.652 43.6656 150.847 45.2102 147.98 46.6532C133.95 53.7623 118.704 58.1601 103.043 59.6159C99.3093 59.9588 95.5686 60.1303 91.8211 60.1303C83.9243 60.13 76.0458 59.3693 68.2948 57.8587C58.6763 55.9698 49.2998 53.009 40.3407 49.0318C37.7646 47.8932 35.2228 46.6738 32.7153 45.3734C32.9129 44.9619 33.1268 44.5504 33.3285 44.1389C50.2664 52.937 74.1713 60.8587 102.92 58.2167C124.853 56.2003 142.75 48.505 155.688 40.7686C155.931 41.1965 156.165 41.608 156.396 42.0196Z",fill:"white"}),t.createElement("path",{d:"M165.342 78.3687C165.342 78.9161 165.305 79.4593 165.276 80.0148C162.079 81.5786 158.832 83.0394 155.565 84.381C136.549 92.1997 116.985 96.1338 97.2572 96.1338C93.2024 96.1338 89.1421 95.9665 85.0764 95.6318C64.2199 93.8738 43.9495 87.8361 25.5303 77.8955C25.5303 77.377 25.5303 76.8503 25.5303 76.3276C43.9568 86.3909 64.2791 92.5016 85.1998 94.2697C117.998 96.9198 145.688 88.0558 165.342 78.3687Z",fill:"white"}),t.createElement("path",{d:"M153.083 115.919C152.626 116.586 152.153 117.245 151.672 117.895C133.336 124.374 114.133 128.07 94.7017 128.857C92.101 128.964 89.4947 129.017 86.883 129.014C72.6689 129.01 58.4981 127.448 44.6246 124.355C44.0759 123.774 43.5368 123.184 43.0073 122.586C57.372 125.94 72.0744 127.633 86.8254 127.631C89.4014 127.631 92.0022 127.582 94.6441 127.475C114.603 126.66 134.316 122.763 153.083 115.919Z",fill:"white"}),t.createElement("path",{d:"M4.74072 180.173C9.21388 174.655 16.4689 167.573 26.8966 164.947C41.0404 161.375 47.3612 169.441 64.2868 167.717C82.1959 165.894 81.9572 156.166 97.5207 155.256C116.187 154.162 118.179 168.058 140.45 169.104C156.215 169.844 162.33 163.211 175.066 167.717C183.671 170.762 189.469 176.824 193.07 181.564L4.74072 180.173Z",fill:"#F4F4F4"}),t.createElement("path",{d:"M50.9208 180.173H47.353C45.0711 177.41 42.9404 174.525 40.9704 171.531C38.8552 168.178 38.6001 166.692 39.1227 166.116C40.0733 165.066 43.7975 166.782 45.9703 168.494C48.0613 170.182 49.5663 172.486 50.2706 175.079C50.7504 176.733 50.9697 178.452 50.9208 180.173Z",fill:"#DFE0E4"}),t.createElement("path",{d:"M49.2129 180.482C49.1415 180.481 49.0725 180.456 49.0178 180.41C48.963 180.364 48.9258 180.301 48.9124 180.231C48.3854 177.421 47.2258 174.769 45.5216 172.474C44.4001 170.976 43.0569 169.658 41.5381 168.564C41.4715 168.516 41.4268 168.444 41.4136 168.363C41.4005 168.282 41.4201 168.199 41.4682 168.132C41.5162 168.066 41.5887 168.021 41.6697 168.008C41.7507 167.995 41.8337 168.014 41.9002 168.062C43.4679 169.194 44.8553 170.557 46.0154 172.103C47.7741 174.475 48.9716 177.214 49.5174 180.116C49.5318 180.196 49.5139 180.278 49.4677 180.346C49.4214 180.413 49.3505 180.459 49.2705 180.474L49.2129 180.482Z",fill:"#30354F"}),t.createElement("path",{d:"M54.114 180.214C60.8917 160.626 60.9246 154.91 59.1674 153.988C57.2703 152.989 52.8589 157.371 50.6532 160.943C45.4146 169.428 49.1717 178.939 49.6944 180.194L54.114 180.214Z",fill:"#D0D3D9"}),t.createElement("path",{d:"M52.1553 179.972C52.0833 179.972 52.0133 179.947 51.9577 179.901C51.9021 179.855 51.8643 179.791 51.8508 179.72C51.0407 175.21 51.2972 170.572 52.5998 166.178C53.4404 163.385 54.7017 160.738 56.3404 158.326C56.3882 158.263 56.4583 158.221 56.5361 158.208C56.614 158.195 56.6938 158.213 56.7592 158.257C56.8245 158.301 56.8704 158.369 56.8874 158.446C56.9045 158.523 56.8913 158.604 56.8507 158.672C55.2471 161.032 54.0121 163.622 53.1882 166.355C51.9084 170.663 51.6575 175.211 52.4557 179.634C52.4689 179.714 52.4499 179.796 52.4029 179.863C52.3559 179.929 52.2847 179.974 52.2047 179.988L52.1553 179.972Z",fill:"#30354F"}),t.createElement("path",{d:"M194.93 180.305H0.740725C0.331634 180.305 0 180.636 0 181.045C0 181.455 0.331634 181.786 0.740725 181.786H194.93C195.339 181.786 195.671 181.455 195.671 181.045C195.671 180.636 195.339 180.305 194.93 180.305Z",fill:"#5F6386"}),t.createElement("path",{d:"M36.1433 91.6608L25.0942 101.562L24.1106 102.294L24.7197 103.529L40.0321 134.034L42.8757 139.717L32.4026 145.376L28.9871 140.952L2.55552 106.698C1.69055 105.548 1.06504 104.237 0.716056 102.842C0.510627 101.972 0.412505 101.081 0.423881 100.187C0.384408 98.8303 0.623282 97.4796 1.12578 96.2184C1.62828 94.9572 2.38375 93.8122 3.34563 92.8542L32.4479 64.6367C32.4479 64.6367 52.2829 50.3612 79.5293 64.5626",fill:"#D0D3D9"}),t.createElement("path",{d:"M36.1433 91.6608L25.0942 101.562L24.1106 102.294L24.7197 103.529L40.0321 134.034L42.8757 139.717L32.4026 145.376L28.9871 140.952L2.55552 106.698C1.69055 105.548 1.06504 104.237 0.716056 102.842C0.510627 101.972 0.412505 101.081 0.423881 100.187C0.384408 98.8303 0.623282 97.4796 1.12578 96.2184C1.62828 94.9572 2.38375 93.8122 3.34563 92.8542L32.4479 64.6367C32.4479 64.6367 52.2829 50.3612 79.5293 64.5626",stroke:"#251138","stroke-width":"1.49","stroke-miterlimit":"10"}),t.createElement("path",{d:"M86.3356 180.243H60.5007C59.9946 166.515 59.3279 152.725 58.5172 139.87C58.3883 137.829 58.2511 135.812 58.1057 133.82L59.5419 133.775L85.0558 132.952C85.9241 146.302 86.3109 162.799 86.3356 180.243Z",fill:"#5D6476"}),t.createElement("path",{d:"M60.1181 130.277C59.9411 131.421 59.7518 132.586 59.5584 133.775C59.2319 135.75 58.8849 137.782 58.5173 139.87C56.3856 152.005 53.5503 165.882 50.3281 180.243H24.2793C26.6414 168.112 28.7278 156.643 30.9211 142.948C31.4931 139.372 39.6123 137.187 40.1349 133.734L39.5177 131.895L60.1181 130.277Z",fill:"#5D6476"}),t.createElement("path",{d:"M72.3442 160.865L49.0237 160.56L55.682 137.038L66.7435 135.092L72.3442 160.865Z",fill:"#5D6476"}),t.createElement("path",{d:"M57.7066 149.915L64.2743 149.153L61.8999 133.895L61.4472 133.964L63.7476 148.75L57.6531 149.458L57.7066 149.915Z",fill:"#251138"}),t.createElement("path",{d:"M85.8295 156.717L86.1217 156.363L83.1505 153.898L81.4304 133.03L80.9736 133.067L82.7061 154.129L85.8295 156.717Z",fill:"#251138"}),t.createElement("path",{d:"M28.3615 158.268L32.847 156.672L37.4642 136.52L37.0156 136.425L32.4519 156.326L28.2092 157.836L28.3615 158.268Z",fill:"#251138"}),t.createElement("path",{d:"M148.956 117.43C149.063 115.063 144.894 113.681 141.281 112.858C142.828 111.562 144.018 109.92 143.618 109.08C143.042 107.874 139.405 108.784 137.071 109.903C136.656 110.099 136.259 110.329 135.882 110.59C134.783 110.571 133.702 110.88 132.779 111.478C131.856 112.075 131.132 112.934 130.7 113.945C130.268 114.956 130.146 116.073 130.352 117.153C130.557 118.234 131.08 119.228 131.853 120.01C132.099 120.254 132.366 120.476 132.652 120.672C133.843 121.776 135.328 122.51 136.927 122.788C140.73 123.504 148.709 122.804 148.956 117.43Z",fill:"#F3A268"}),t.createElement("path",{d:"M83.776 122.059C84.2966 122.149 84.8237 122.197 85.3521 122.203H93.3931L128.874 122.174H134.223L136.104 110.413L130.981 109.421L93.7387 102.191L93.3889 102.125L91.6277 101.784L90.7264 101.611L87.2039 100.924C86.6363 100.834 86.0625 100.788 85.4879 100.788C82.7871 100.77 80.1795 101.774 78.1884 103.599C76.1974 105.424 74.9701 107.935 74.7529 110.627C74.5358 113.319 75.3447 115.993 77.0175 118.114C78.6903 120.234 81.1032 121.644 83.7718 122.059H83.776Z",fill:"#D0D3D9",stroke:"#251138","stroke-width":"1.49","stroke-miterlimit":"10"}),t.createElement("path",{d:"M85.3028 121.878H85.237C84.7555 121.974 84.2669 122.031 83.7761 122.047C81.6269 122.139 79.5053 121.536 77.7261 120.327C75.9469 119.118 74.6051 117.367 73.8998 115.335L61.6202 80.0724C61.0247 78.4131 60.7796 76.6483 60.9003 74.8895C61.0211 73.1307 61.5051 71.416 62.3217 69.8536C63.1384 68.2913 64.2701 66.9151 65.6453 65.8121C67.0205 64.709 68.6094 63.9029 70.3118 63.4447C72.0142 62.9865 73.793 62.8862 75.5361 63.15C77.2792 63.4138 78.9487 64.036 80.4393 64.9774C81.9299 65.9187 83.2091 67.1589 84.1964 68.6195C85.1836 70.08 85.8574 71.7294 86.1752 73.4635L91.315 100.117L91.6319 101.763L91.422 101.467",fill:"#D0D3D9"}),t.createElement("path",{d:"M85.3028 121.878H85.237C84.7555 121.974 84.2669 122.031 83.7761 122.047C81.6269 122.139 79.5053 121.536 77.7261 120.327C75.9469 119.118 74.6051 117.367 73.8998 115.335L61.6202 80.0724C61.0247 78.4131 60.7796 76.6483 60.9003 74.8895C61.0211 73.1307 61.5051 71.416 62.3217 69.8536C63.1384 68.2913 64.2701 66.9151 65.6453 65.8121C67.0205 64.709 68.6094 63.9029 70.3118 63.4447C72.0142 62.9865 73.793 62.8862 75.5361 63.15C77.2792 63.4138 78.9487 64.036 80.4393 64.9774C81.9299 65.9187 83.2091 67.1589 84.1964 68.6195C85.1836 70.08 85.8574 71.7294 86.1752 73.4635L91.315 100.117L91.6319 101.763L91.422 101.467",stroke:"#251138","stroke-width":"1.49","stroke-miterlimit":"10"}),t.createElement("path",{d:"M33.6373 63.9987C44.8881 56.3939 64.2375 56.6449 79.4552 64.9492L81.1548 85.0229L83.3934 111.516L85.1959 132.796C77.7104 145.742 60.8013 137.507 41.9869 134.359C38.8512 133.833 37.6866 127.602 35.2298 123.919L32.7607 119.002L33.3327 93.459",fill:"#D0D3D9"}),t.createElement("path",{d:"M33.6373 63.9987C44.8881 56.3939 64.2375 56.6449 79.4552 64.9492L81.1548 85.0229L83.3934 111.516L85.1959 132.796C77.7104 145.742 60.8013 137.507 41.9869 134.359C38.8512 133.833 37.6866 127.602 35.2298 123.919L32.7607 119.002L33.3327 93.459",stroke:"#251138","stroke-width":"1.49","stroke-miterlimit":"10"}),t.createElement("path",{d:"M82 121.5L78.5 65.5H80L82 69L88.5 121.5H82Z",fill:"#D0D3D9"}),t.createElement("path",{d:"M48.8139 35.2625C48.8781 34.7758 47.7574 34.2266 46.3108 34.0359C44.8643 33.8452 43.6396 34.0852 43.5754 34.5719C43.5112 35.0586 44.6319 35.6077 46.0785 35.7984C47.5251 35.9891 48.7498 35.7492 48.8139 35.2625Z",fill:"#202738"}),t.createElement("path",{d:"M47.0182 37.4299C47.3379 37.3254 47.2294 36.1164 46.7758 34.7296C46.3223 33.3428 45.6955 32.3033 45.3758 32.4079C45.056 32.5124 45.1645 33.7214 45.6181 35.1082C46.0716 36.495 46.6985 37.5345 47.0182 37.4299Z",fill:"#202738"}),t.createElement("path",{d:"M63.7517 60.8134C63.5541 64.1055 62.4431 67.8955 58.3608 67.698C51.2005 67.3523 49.468 59.8257 49.468 59.8257C49.468 59.8257 50.0524 49.0564 50.2211 48.9453H63.5212V56.118C63.7576 57.6712 63.8348 59.2445 63.7517 60.8134Z",fill:"#F3A268"}),t.createElement("path",{d:"M63.7518 60.8134C53.4639 58.6776 51.9907 53.2498 51.9907 53.2498L62.3362 48.9453H63.5213V56.118C63.7578 57.6712 63.835 59.2445 63.7518 60.8134Z",fill:"#E56542"}),t.createElement("path",{d:"M48.2705 45.0444C48.2705 45.0444 51.3569 60.1306 62.8669 57.0442C64.1746 56.6944 65.3669 56.0059 66.3236 55.0484C67.178 54.1893 67.7972 53.1251 68.122 51.9579C69.2824 47.7728 69.0767 40.9416 67.8298 32.02L48.2705 33.6661V45.0444Z",fill:"#F3A268"}),t.createElement("path",{d:"M47.5381 46.18C47.5792 46.18 49.8343 43.711 51.8055 47.0319C51.8055 47.0319 48.3241 45.3858 47.5792 46.18H47.5381Z",fill:"#F35757"}),t.createElement("path",{d:"M52.8879 39.6082C62.0317 41.2131 69.5583 38.9333 71.5295 33.4355C71.7091 32.9274 71.7625 32.3832 71.6851 31.8498C71.6076 31.3165 71.4017 30.81 71.0851 30.3739C70.7684 29.9378 70.3505 29.5852 69.8674 29.3464C69.3842 29.1077 68.8502 28.99 68.3115 29.0035C64.1099 29.1146 56.9866 30.6495 50.0485 31.8841C49.5312 31.9749 49.0287 32.1355 48.5547 32.3614C44.5013 34.3079 43.3614 38.0115 44.279 42.9579C45.8346 50.3117 48.2337 51.6326 50.818 51.5997C50.6534 47.2006 54.0031 43.748 52.8879 39.6082Z",fill:"#202738"}),t.createElement("path",{d:"M49.6286 50.9701C51.3172 50.9701 52.6861 49.2069 52.6861 47.0319C52.6861 44.8569 51.3172 43.0938 49.6286 43.0938C47.94 43.0938 46.571 44.8569 46.571 47.0319C46.571 49.2069 47.94 50.9701 49.6286 50.9701Z",fill:"#F3A268"}),t.createElement("path",{d:"M47.5382 46.4227C47.497 46.4433 49.6904 44.1059 51.3406 46.7314C51.3323 46.7149 48.9455 45.7026 47.5382 46.4227Z",fill:"#E56542"}),t.createElement("path",{d:"M45.1596 154.162C47.102 152.804 45.6535 148.656 44.0979 145.293C46.0691 145.726 48.0979 145.668 48.5176 144.837C49.1225 143.643 46.1802 141.318 43.8757 140.15C43.466 139.942 43.0409 139.765 42.6041 139.623C41.8988 138.664 40.9021 137.958 39.7628 137.612C38.6236 137.266 37.4029 137.297 36.2831 137.702C35.1633 138.107 34.2043 138.862 33.5495 139.857C32.8946 140.851 32.5789 142.031 32.6496 143.219C32.4995 144.835 32.8196 146.46 33.5714 147.898C35.3245 151.351 40.7482 157.248 45.1596 154.162Z",fill:"#F3A268"}),t.createElement("path",{d:"M58.0523 67.7022H58.2457C60.2662 67.6651 61.83 66.6652 62.8917 64.7269C63.8793 62.9245 64.1962 60.7394 64.2867 59.2291L63.8299 59.2003C63.3978 66.373 59.7765 67.2125 58.2374 67.2413H58.0564C50.6491 67.2413 48.9742 58.727 48.9578 58.6406L48.5051 58.727C48.5216 58.8258 50.2705 67.7022 58.0523 67.7022Z",fill:"#251138"}),t.createElement("path",{d:"M58.4638 67.4733L58.0032 67.4897L60.4935 137.403L60.9541 137.386L58.4638 67.4733Z",fill:"#251138"}),t.createElement("path",{d:"M60.9042 76.6116C61.3201 76.6116 61.6573 76.2744 61.6573 75.8585C61.6573 75.4426 61.3201 75.1055 60.9042 75.1055C60.4883 75.1055 60.1511 75.4426 60.1511 75.8585C60.1511 76.2744 60.4883 76.6116 60.9042 76.6116Z",fill:"black"}),t.createElement("path",{d:"M61.4762 87.4632C61.8921 87.4632 62.2293 87.126 62.2293 86.7101C62.2293 86.2942 61.8921 85.957 61.4762 85.957C61.0603 85.957 60.7231 86.2942 60.7231 86.7101C60.7231 87.126 61.0603 87.4632 61.4762 87.4632Z",fill:"black"}),t.createElement("path",{d:"M62.048 98.3108C62.4639 98.3108 62.8011 97.9737 62.8011 97.5578C62.8011 97.1419 62.4639 96.8047 62.048 96.8047C61.6321 96.8047 61.2949 97.1419 61.2949 97.5578C61.2949 97.9737 61.6321 98.3108 62.048 98.3108Z",fill:"black"}),t.createElement("path",{d:"M62.62 109.158C63.0359 109.158 63.3731 108.821 63.3731 108.405C63.3731 107.99 63.0359 107.652 62.62 107.652C62.2041 107.652 61.8669 107.99 61.8669 108.405C61.8669 108.821 62.2041 109.158 62.62 109.158Z",fill:"black"}),t.createElement("path",{d:"M63.192 120.01C63.6079 120.01 63.9451 119.673 63.9451 119.257C63.9451 118.841 63.6079 118.504 63.192 118.504C62.7761 118.504 62.439 118.841 62.439 119.257C62.439 119.673 62.7761 120.01 63.192 120.01Z",fill:"black"}),t.createElement("path",{d:"M63.7641 130.857C64.18 130.857 64.5171 130.52 64.5171 130.104C64.5171 129.688 64.18 129.351 63.7641 129.351C63.3481 129.351 63.011 129.688 63.011 130.104C63.011 130.52 63.3481 130.857 63.7641 130.857Z",fill:"#001065"}),t.createElement("path",{d:"M136.108 110.409L134.224 122.158L128.878 122.162L130.985 109.417L136.108 110.409Z",fill:"#DFE0E4"}),t.createElement("path",{d:"M42.8757 139.717L32.4026 145.376L28.9871 140.927C31.7277 139.166 39.5671 134.158 40.028 134.022L42.8757 139.717Z",fill:"#DFE0E4"}),t.createElement("path",{d:"M19.5264 101.701L24.1682 102.319V101.858L19.5264 101.245V101.701Z",fill:"#251138"}),t.createElement("path",{d:"M91.8474 101.31L87.0142 106.144L87.3401 106.469L92.1733 101.636L91.8474 101.31Z",fill:"#251138"}),t.createElement("path",{d:"M151.128 58.7766C151.223 58.5915 150.989 58.4804 150.882 58.6491C149.647 60.5791 149.38 62.8589 149.124 65.1057C148.812 67.8629 148.635 70.6365 148.359 73.3936C147.351 83.27 143.964 92.7636 141.717 102.405C139.548 111.726 137.573 121.969 140.359 131.401C140.413 131.582 140.623 131.368 140.623 131.253C140.051 125.993 139.388 120.911 139.89 115.615C140.808 105.669 144.005 95.9816 146.474 86.3522C147.698 81.8261 148.558 77.2092 149.046 72.5459C149.458 68.0769 149.149 62.863 151.133 58.7561L151.128 58.7766Z",fill:"#E0E0E0"}),t.createElement("path",{d:"M152.775 60.7687C152.873 60.7234 152.956 60.4271 152.775 60.4683C151.59 60.7399 150.409 61.7645 150.767 63.0855C151.125 64.4065 153.038 64.7604 154.17 64.2953C154.82 64.0484 155.293 63.4147 154.705 62.8756C153.824 62.032 152.614 62.9291 152.285 63.7892C151.898 64.8139 152.116 66.1513 153.289 66.4434C153.836 66.5834 155.692 66.3899 155.347 65.4105C155.129 64.7439 154.199 65.0608 153.853 65.4105C152.738 66.5545 154.108 67.8796 155.129 68.3817C155.264 68.4516 155.375 68.1924 155.264 68.106C154.886 67.8878 154.552 67.6002 154.281 67.2582C154.425 66.0525 153.894 65.2212 152.664 64.7892L152.754 64.0896C153.063 63.9497 153.063 63.9085 152.754 63.9085C152.325 63.8882 151.913 63.7294 151.581 63.4559C150.664 62.4394 151.906 61.1473 152.783 60.7687H152.775Z",fill:"#E0E0E0"}),t.createElement("path",{d:"M168.071 41.1517C168.145 40.9419 167.898 40.9419 167.824 41.1106C166.351 44.4027 165.511 47.9664 164.301 51.2297C163.091 54.493 161.503 57.6205 160.388 60.9497C158.33 67.0483 157.474 73.435 156.12 79.6983C155.523 82.6843 154.664 85.6119 153.552 88.4471C152.404 91.2947 151.001 94.0231 149.668 96.7884C147.026 102.27 144.355 107.821 142.557 113.661C141.651 116.607 140.911 119.627 140.207 122.619C139.45 125.862 138.833 129.125 139.034 132.471C139.034 132.697 139.326 132.528 139.326 132.364C139.539 128.543 140.167 124.757 141.199 121.072C142.042 117.78 142.845 114.459 143.981 111.245C146.014 105.513 148.734 100.015 151.388 94.5539C152.705 91.9827 153.873 89.3377 154.886 86.6323C155.888 83.5888 156.673 80.4782 157.235 77.3238C158.503 70.9906 159.569 64.6451 161.853 58.5752C162.881 55.8634 164.207 53.2749 165.145 50.5343C166.19 47.4191 166.988 44.2299 168.079 41.1435L168.071 41.1517Z",fill:"#E0E0E0"}),t.createElement("path",{d:"M163.75 89.4636C163.865 89.2743 163.614 89.1632 163.503 89.3237C162.351 90.9698 161.663 92.764 160.733 94.5211C159.429 96.9902 157.404 98.9778 155.519 100.978C152.585 104.089 149.524 107.06 147.289 110.78C145.055 114.5 143.816 118.681 142.763 122.854C142.182 125.158 141.676 127.492 141.088 129.796C140.85 130.929 140.49 132.033 140.014 133.088C139.54 134.035 138.919 134.878 138.499 135.854C138.347 136.212 138.952 136.347 139.088 136.035C139.499 135.059 140.125 134.212 140.606 133.265C141.038 132.337 141.365 131.364 141.581 130.364C142.182 128.076 142.68 125.73 143.265 123.368C144.442 118.673 145.849 113.945 148.548 109.871C151.149 105.978 154.688 102.793 157.812 99.307C158.904 98.1412 159.887 96.8765 160.746 95.5293C161.919 93.5952 162.581 91.4142 163.758 89.4842L163.75 89.4636Z",fill:"#E0E0E0"}),t.createElement("path",{d:"M163.89 91.4018C163.976 91.2537 163.82 91.1179 163.709 91.2537C162.91 92.2454 162.622 93.6487 163.561 94.6857C164.133 95.3154 165.54 95.9738 166.289 95.0973C167.038 94.2207 165.877 93.5911 165.054 93.5911C164.512 93.6317 164 93.8588 163.607 94.2339C163.213 94.609 162.961 95.1089 162.894 95.6487C162.892 95.6774 162.892 95.7063 162.894 95.7351C162.865 95.9962 162.887 96.2605 162.961 96.5128C163.034 96.7651 163.156 97.0005 163.321 97.2054C163.485 97.4103 163.688 97.5808 163.919 97.707C164.149 97.8332 164.402 97.9126 164.663 97.9408C165.322 98.0108 166.865 97.4429 166.281 96.5046C165.322 94.9614 161.643 98.5951 164.951 99.6074C165.165 99.6609 165.363 99.3605 165.165 99.2618H165.104C164.729 99.1237 164.424 98.8426 164.256 98.4801C164.087 98.1175 164.07 97.7031 164.207 97.3277L163.569 96.6816C163.02 95.3702 163.631 94.5019 165.4 94.0767L164.223 94.6652C163.433 94.5664 163.351 92.7763 163.433 92.3854C163.52 92.0402 163.669 91.7139 163.873 91.4224L163.89 91.4018Z",fill:"#E0E0E0"}),t.createElement("path",{d:"M166.556 41.7402C166.508 41.9639 166.52 42.1966 166.593 42.4139C166.665 42.6311 166.795 42.8248 166.968 42.9747C167.424 43.4121 167.977 43.7349 168.583 43.9166C169.188 44.0983 169.828 44.1337 170.449 44.02C170.68 43.994 170.899 43.9056 171.083 43.7641C171.268 43.6227 171.41 43.4337 171.494 43.2175C171.832 42.1393 170.729 38.7402 170.322 38.6168C169.914 38.4933 166.898 40.7032 166.585 41.7402H166.556Z",fill:"#BA68C8"}),t.createElement("path",{opacity:"0.1",d:"M166.556 41.7402C166.508 41.9639 166.52 42.1966 166.593 42.4139C166.665 42.6311 166.795 42.8248 166.968 42.9747C167.424 43.4121 167.977 43.7349 168.583 43.9166C169.188 44.0983 169.828 44.1337 170.449 44.02C170.68 43.994 170.899 43.9056 171.083 43.7641C171.268 43.6227 171.41 43.4337 171.494 43.2175C171.832 42.1393 170.729 38.7402 170.322 38.6168C169.914 38.4933 166.898 40.7032 166.585 41.7402H166.556Z",fill:"black"}),t.createElement("path",{d:"M164.466 32.9049L169.634 40.4603L178.116 37.0036C186.169 33.7115 196.284 28.0819 198.691 20.078C199.435 17.5808 199.206 14.8947 198.049 12.5596V12.5185C197.363 11.1393 196.4 9.91609 195.221 8.92496C194.041 7.93384 192.67 7.19598 191.194 6.75729C187.461 5.62562 183.305 7.40337 180.416 10.2099C180.181 10.4371 179.89 10.5976 179.572 10.6749C179.255 10.7521 178.922 10.7434 178.609 10.6495C178.296 10.5556 178.014 10.38 177.791 10.1407C177.568 9.90143 177.413 9.60713 177.342 9.2881C176.486 5.37048 174.013 1.60925 170.26 0.481697C168.787 0.0321725 167.238 -0.109566 165.708 0.0652961C164.178 0.240158 162.7 0.727881 161.367 1.49814H161.318C159.059 2.80389 157.38 4.91915 156.622 7.41571C154.24 15.4402 159.561 25.6869 164.466 32.9049Z",fill:"#BA68C8"}),t.createElement("path",{d:"M164.466 32.9049L169.634 40.4603L178.116 37.0036C186.169 33.7115 196.284 28.0819 198.691 20.078C199.435 17.5808 199.206 14.8947 198.049 12.5596V12.5185C197.363 11.1393 196.4 9.91609 195.221 8.92496C194.041 7.93384 192.67 7.19598 191.194 6.75729C187.461 5.62562 183.305 7.40337 180.416 10.2099C180.181 10.4371 179.89 10.5976 179.572 10.6749C179.255 10.7521 178.922 10.7434 178.609 10.6495C178.296 10.5556 178.014 10.38 177.791 10.1407C177.568 9.90143 177.413 9.60713 177.342 9.2881C176.486 5.37048 174.013 1.60925 170.26 0.481697C168.787 0.0321725 167.238 -0.109566 165.708 0.0652961C164.178 0.240158 162.7 0.727881 161.367 1.49814H161.318C159.059 2.80389 157.38 4.91915 156.622 7.41571C154.24 15.4402 159.561 25.6869 164.466 32.9049Z",fill:"#128749"}),t.createElement("path",{opacity:"0.1",d:"M164.458 32.8884L169.63 40.4438L178.112 36.9871C186.165 33.6949 196.276 28.0654 198.687 20.0574C199.427 17.5662 199.196 14.8875 198.041 12.5596C198.798 21.2014 185.572 31.3699 173.791 30.6662C163.914 30.0366 157.104 16.7323 156.277 14.7776C157.252 21.0738 160.968 27.7609 164.458 32.8884Z",fill:"black"}),t.createElement("path",{d:"M161.89 89.2001C161.789 89.405 161.744 89.6332 161.761 89.8611C161.778 90.089 161.855 90.3083 161.984 90.4964C162.314 91.0337 162.765 91.4856 163.302 91.8152C163.839 92.1449 164.447 92.343 165.075 92.3935C165.298 92.4184 165.523 92.3848 165.728 92.296C165.934 92.2072 166.113 92.0664 166.248 91.8873C166.873 90.9038 166.659 87.3606 166.285 87.1343C165.91 86.908 162.458 88.2742 161.869 89.1919H161.89V89.2001Z",fill:"#BA68C8"}),t.createElement("path",{d:"M161.89 89.2001C161.789 89.405 161.744 89.6332 161.761 89.8611C161.778 90.089 161.855 90.3083 161.984 90.4964C162.314 91.0337 162.765 91.4856 163.302 91.8152C163.839 92.1449 164.447 92.343 165.075 92.3935C165.298 92.4184 165.523 92.3848 165.728 92.296C165.934 92.2072 166.113 92.0664 166.248 91.8873C166.873 90.9038 166.659 87.3606 166.285 87.1343C165.91 86.908 162.458 88.2742 161.869 89.1919H161.89V89.2001Z",fill:"#B4DD64"}),t.createElement("path",{d:"M162.112 80.1179L165.174 88.7597L174.256 87.5827C182.897 86.4799 194.103 83.624 198.481 76.5007C199.842 74.2872 200.31 71.6391 199.79 69.0934V69.0399C199.478 67.5326 198.859 66.1055 197.972 64.8475C197.085 63.5895 195.949 62.5274 194.634 61.7273C191.301 59.6697 186.86 60.3446 183.342 62.3158C183.046 62.4809 182.71 62.562 182.371 62.5503C181.882 62.5311 181.422 62.3187 181.09 61.9599C180.758 61.601 180.582 61.1252 180.601 60.6368C180.782 56.6122 179.367 52.3448 176.017 50.2954C174.709 49.4819 173.247 48.9463 171.723 48.7218C170.198 48.4974 168.644 48.589 167.157 48.9909H167.112C164.598 49.6821 162.44 51.2994 161.071 53.5176C156.68 60.5998 159.223 71.904 162.112 80.1179Z",fill:"#BA68C8"}),t.createElement("path",{d:"M162.112 80.1179L165.174 88.7597L174.256 87.5827C182.897 86.4799 194.103 83.624 198.481 76.5007C199.842 74.2872 200.31 71.6391 199.79 69.0934V69.0399C199.478 67.5326 198.859 66.1055 197.972 64.8475C197.085 63.5895 195.949 62.5274 194.634 61.7273C191.301 59.6697 186.86 60.3446 183.342 62.3158C183.046 62.4809 182.71 62.562 182.371 62.5503C181.882 62.5311 181.422 62.3187 181.09 61.9599C180.758 61.601 180.582 61.1252 180.601 60.6368C180.782 56.6122 179.367 52.3448 176.017 50.2954C174.709 49.4819 173.247 48.9463 171.723 48.7218C170.198 48.4974 168.644 48.589 167.157 48.9909H167.112C164.598 49.6821 162.44 51.2994 161.071 53.5176C156.68 60.5998 159.223 71.904 162.112 80.1179Z",fill:"#B4DD64"}),t.createElement("path",{opacity:"0.05",d:"M162.112 80.1177L165.169 88.7595L174.247 87.5826C182.889 86.4797 194.099 83.6238 198.477 76.5005C199.836 74.2863 200.304 71.639 199.786 69.0933C198.3 77.6445 182.914 84.0806 171.708 80.3564C162.293 77.233 159.153 62.6078 158.861 60.5132C158.178 66.8382 160.05 74.2495 162.112 80.1177Z",fill:"black"}),t.createElement("path",{d:"M148.602 59.0607C148.547 59.2798 148.552 59.5094 148.615 59.7262C148.677 59.943 148.797 60.1393 148.96 60.2952C149.392 60.7565 149.927 61.1089 150.521 61.3235C151.116 61.5381 151.753 61.6088 152.38 61.5298C152.606 61.5095 152.823 61.43 153.008 61.2992C153.194 61.1685 153.342 60.9911 153.437 60.7849C153.828 59.6985 152.861 56.2583 152.491 56.1307C152.12 56.0031 148.968 58.0442 148.602 59.0648V59.0607Z",fill:"#BA68C8"}),t.createElement("path",{d:"M148.602 59.0607C148.547 59.2798 148.552 59.5094 148.615 59.7262C148.677 59.943 148.797 60.1393 148.96 60.2952C149.392 60.7565 149.927 61.1089 150.521 61.3235C151.116 61.5381 151.753 61.6088 152.38 61.5298C152.606 61.5095 152.823 61.43 153.008 61.2992C153.194 61.1685 153.342 60.9911 153.437 60.7849C153.828 59.6985 152.861 56.2583 152.491 56.1307C152.12 56.0031 148.968 58.0442 148.602 59.0648V59.0607Z",fill:"#1F9999"}),t.createElement("path",{d:"M146.952 50.1146L151.721 57.9334L160.363 54.917C168.573 52.0364 178.963 46.9377 181.762 39.0696C182.63 36.6145 182.54 33.9225 181.511 31.5306V31.4895C180.894 30.08 179.994 28.8123 178.867 27.7647C177.74 26.7171 176.41 25.9119 174.959 25.3991C171.256 24.074 167.05 25.6336 164.021 28.2797C163.774 28.4938 163.474 28.6383 163.153 28.6983C162.831 28.7583 162.499 28.7316 162.191 28.621C161.883 28.5104 161.61 28.3199 161.4 28.069C161.191 27.8181 161.051 27.5158 160.997 27.1933C160.338 23.2222 158.067 19.3416 154.371 18.0247C152.924 17.4997 151.385 17.2781 149.849 17.3737C148.312 17.4693 146.812 17.88 145.441 18.5803L145.396 18.6091C143.082 19.801 141.305 21.8259 140.425 24.2756C137.635 32.1438 142.441 42.6662 146.952 50.1146Z",fill:"#1F9999"}),t.createElement("path",{opacity:"0.1",d:"M146.964 50.1142L151.734 57.933L160.375 54.9166C168.585 52.036 178.972 46.9374 181.774 39.0692C182.642 36.6142 182.553 33.9221 181.523 31.5303C181.832 40.2009 168.104 49.6739 156.367 48.3489C146.516 47.2337 140.425 33.5755 139.697 31.5838C140.376 37.9376 143.742 44.8057 146.964 50.1142Z",fill:"black"})),t.createElement("defs",null,t.createElement("clipPath",{id:"clip0_5504_25779"},t.createElement("rect",{width:"200",height:"181.79",fill:"white"})))),y=({question:e,formValues:n,onChangeHandler:r,autoFocus:o})=>{switch(e.type_info.question_type){case"RANGE":return t.createElement(a,{type_info:e.type_info,onChangeHandler:r,npsValue:n[e.name]});case"CHECKBOX":case"MULTI_SELECT":return t.createElement(m,{autoFocus:o,values:n[e.name],options:e.type_info.choices,onChangeHandler:r,othersOption:e.type_info.meta?.othersOption,othersRequired:e.type_info.meta?.othersRequired});case"RADIO":case"DROPDOWN":return t.createElement(h,{autoFocus:o,name:e.name,onChangeHandler:r,options:e.type_info.choices,value:n[e.name],othersOption:e.type_info.meta?.othersOption,othersRequired:e.type_info.meta?.othersRequired});case"INPUT":case"TEXT":return e.type_info?.meta?.readOnly?t.createElement("div",{className:"message-container"},e.type_info?.meta?.value):t.createElement("div",{className:"responsive-text-field"},t.createElement(u,{autoFocus:o,label:"",maxLength:300,showCount:!0,isRequired:e.is_required,value:n[e.name]||"",placeholder:e.type_info?.meta?.placeholder??"",onChange:e=>r(e.target.value)}),t.createElement(d,{autoFocus:o,label:"",maxLength:300,showCount:!0,isRequired:e.is_required,placeholder:e.type_info?.meta?.placeholder??"",value:n[e.name]||"",onChange:e=>r(e.target.value)}));case"PARAGRAPH":return t.createElement(d,{autoFocus:o,label:"",isRequired:e.is_required,placeholder:e.type_info?.meta?.placeholder??"",value:n[e.name]||"",onChange:e=>r(e.target.value)});default:return console.error(`Question type ${e.type_info.question_type} not found`),null}};o(":root {\n --widget-container-width: 350px;\n --default-brand-color: #264966;\n --default-question-text-color: #000;\n --default-question-background-color: #fff;\n --default-background-color: #ebeff3;\n --default-button-text-color: #fff;\n --default-secondary-button-text-color: #000;\n --default-input-placeholder-color: #92a2b1;\n --compact-widget-max-height: 560px;\n --default-widget-max-height: 400px;\n --cozy-widget-max-height: 380px;\n}\n\n.freemium-survey-components .question-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n text-align: center;\n max-width: 700px;\n margin: 0 auto;\n background: var(--default-question-background-color);\n background: var(--question-background-color, var(--default-question-background-color));\n border-radius: 4px;\n transition: transform 500ms ease 0ms, opacity 200ms ease 0ms;\n box-shadow: 0 1px 3px 0 rgba(18, 52, 77, 0.2);\n margin-bottom: 28px;\n padding: 28px;\n grid-gap: 28px;\n gap: 28px;\n position: relative;\n}\n.freemium-survey-components .question-text {\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.8;\n width: 100%;\n text-align: left;\n color: var(--default-question-text-color);\n color: var(--question-text-color, var(--default-question-text-color));\n}\n.freemium-survey-components .thankyou {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.freemium-survey-components .thankyou .text {\n white-space: pre-wrap;\n font-weight: 500;\n font-size: 1.2rem;\n line-height: 2;\n color: #12344d;\n}\n.freemium-survey-components .thankyou .redirection-text {\n color: #929292;\n margin-bottom: 12px;\n font-weight: 300;\n}\n.freemium-survey-components .thankyou .link {\n width: 100%;\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #666;\n font-weight: 500;\n text-decoration: underline;\n}\n.freemium-survey-components .action-buttons {\n display: flex;\n justify-content: flex-start;\n grid-gap: 40px;\n gap: 40px;\n width: 100%;\n align-items: center;\n}\n.freemium-survey-components .action-buttons:empty {\n display: none;\n}\n.freemium-survey-components .skip-button {\n font-weight: 400;\n cursor: pointer;\n background: transparent;\n border: none;\n min-width: 40px;\n padding: 8px 16px;\n border-radius: 4px;\n color: var(--default-secondary-button-text-color);\n color: var(--secondary-button-text-color, var(--default-secondary-button-text-color));\n letter-spacing: 0.05rem;\n line-height: 1.5;\n border: 1px solid transparent;\n}\n.freemium-survey-components .skip-button:hover {\n background-color: #f3f3f3;\n}\n.freemium-survey-components .next-button {\n color: var(--default-button-text-color);\n color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components .submit {\n max-width: 700px;\n margin: 0 auto;\n text-align: left;\n background: transparent;\n box-shadow: none;\n color: var(--default-button-text-color);\n color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components .responsive-text-field {\n width: 100%;\n}\n.freemium-survey-components .responsive-text-field .textarea-container {\n display: none;\n}\n.freemium-survey-components .message-container:empty {\n display: none;\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components .responsive-text-field .input-container {\n display: none;\n }\n .freemium-survey-components .responsive-text-field .textarea-container {\n display: flex;\n }\n}\ndiv.widget-survey-components {\n display: flex;\n flex-grow: 1;\n font-size: 0.875rem;\n overflow: hidden;\n}\ndiv.widget-survey-components .textarea-container .end-max-length {\n padding: 4px;\n}\ndiv.widget-survey-components .responsive-text-field .input-container {\n display: none;\n}\ndiv.widget-survey-components .responsive-text-field .textarea-container {\n display: flex;\n}\ndiv.widget-survey-components .questions {\n min-width: 100%;\n max-width: 100%;\n display: flex;\n height: 100%;\n max-height: 560px;\n max-height: var(--compact-widget-max-height);\n}\ndiv.widget-survey-components .question-text {\n font-size: 0.875rem;\n width: 100%;\n text-align: left;\n}\ndiv.widget-survey-components .question-container {\n box-shadow: none;\n height: 100%;\n min-width: 100%;\n max-width: 100%;\n margin-bottom: 0;\n border-radius: 0;\n padding: 12px 28px;\n grid-gap: 16px;\n gap: 16px;\n flex-grow: 1;\n}\ndiv.widget-survey-components .action-buttons {\n margin: 0px auto;\n justify-content: end;\n flex-direction: row-reverse;\n grid-gap: 16px;\n gap: 16px;\n position: -webkit-sticky;\n position: sticky;\n bottom: 0;\n background-color: #fff;\n}\ndiv.widget-survey-components .submit {\n padding-bottom: 0;\n margin: unset;\n}\ndiv.widget-survey-components .nps-container .footer {\n padding-top: 12px;\n}\ndiv.widget-survey-components .nps-container .widget .choices {\n grid-gap: 8px;\n gap: 8px;\n}\ndiv.widget-survey-components .radio-group {\n overflow: auto;\n width: 100%;\n}\ndiv.widget-survey-components .checkbox-group {\n overflow: auto;\n width: 100%;\n flex-wrap: nowrap;\n}\ndiv.widget-survey-components div.thankyou {\n grid-gap: 36px;\n gap: 36px;\n}\ndiv.widget-survey-components svg {\n width: 140px;\n height: 120px;\n}\n\n.widget-survey-components.default-style .questions {\n max-height: 400px;\n max-height: var(--default-widget-max-height);\n}\n.widget-survey-components.default-style .question-container {\n padding: 12px 28px;\n}\n.widget-survey-components.default-style .nps-container .footer {\n padding-top: 12px;\n}\n.widget-survey-components.default-style .action-button {\n line-height: 1.2;\n}\n.widget-survey-components.default-style .radio-group {\n flex-direction: row;\n flex-wrap: wrap;\n overflow: auto;\n}\n.widget-survey-components.default-style .radio-group .radio-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9rem;\n}\n.widget-survey-components.default-style .checkbox-group {\n flex-direction: row;\n flex-wrap: wrap;\n overflow: auto;\n}\n.widget-survey-components.default-style .checkbox-group .checkbox-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9rem;\n}\n.widget-survey-components.default-style textarea {\n min-height: 84px;\n}\n.widget-survey-components.default-style .end-max-length {\n font-size: 0.8rem;\n font-weight: 300;\n padding: 4px;\n}\n.widget-survey-components.default-style div.thankyou {\n flex-direction: row;\n}\n\n.widget-survey-components.cozy-style .questions {\n max-height: 380px;\n max-height: var(--cozy-widget-max-height);\n}\n.widget-survey-components.cozy-style .question-text {\n font-size: 1rem;\n}\n.widget-survey-components.cozy-style .question-text.nps {\n text-align: center;\n width: 60%;\n min-width: 600px;\n margin: auto;\n}\n.widget-survey-components.cozy-style .question-container {\n padding: 12px 28px;\n}\n.widget-survey-components.cozy-style .nps-container {\n grid-gap: 44px;\n gap: 44px;\n}\n.widget-survey-components.cozy-style .nps-container .widget {\n display: flex;\n justify-content: center;\n}\n.widget-survey-components.cozy-style .nps-container .button-container {\n width: 60%;\n min-width: 600px;\n margin: 0 auto;\n}\n.widget-survey-components.cozy-style .nps-container .button-container .choices {\n justify-content: space-around;\n}\n.widget-survey-components.cozy-style .nps-container .footer {\n padding-top: 8px;\n}\n.widget-survey-components.cozy-style .action-button {\n line-height: 1.2;\n}\n.widget-survey-components.cozy-style .radio-group {\n flex-direction: row;\n flex-wrap: wrap;\n overflow: auto;\n}\n.widget-survey-components.cozy-style .radio-group .radio-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9rem;\n}\n.widget-survey-components.cozy-style .checkbox-group {\n flex-direction: row;\n flex-wrap: wrap;\n overflow: auto;\n}\n.widget-survey-components.cozy-style .checkbox-group .checkbox-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9rem;\n}\n.widget-survey-components.cozy-style textarea {\n min-height: 60px;\n}\n.widget-survey-components.cozy-style .end-max-length {\n font-size: 0.8rem;\n font-weight: 300;\n padding: 4px;\n}");const w=()=>t.createElement("svg",{style:{display:"block"},width:"9",height:"14",viewBox:"0 0 10 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M7.82585 6.15754C7.98999 6.32147 8.08232 6.54389 8.08252 6.77587L8.08252 7.2192C8.07983 7.45069 7.98788 7.6722 7.82585 7.83754L1.82919 13.8225C1.77496 13.8772 1.71044 13.9206 1.63936 13.9502C1.56827 13.9798 1.49203 13.9951 1.41502 13.9951C1.33801 13.9951 1.26177 13.9798 1.19068 13.9502C1.1196 13.9206 1.05508 13.8772 1.00085 13.8225L0.172521 12.9942C0.118197 12.941 0.0750381 12.8774 0.0455752 12.8073C0.0161124 12.7372 0.000937578 12.6619 0.000937585 12.5859C0.000937592 12.5098 0.0161125 12.4345 0.0455753 12.3644C0.0750381 12.2943 0.118197 12.2308 0.172521 12.1775L5.36419 6.99754L0.172522 1.81754C0.117847 1.76331 0.0744506 1.69879 0.0448352 1.62771C0.0152208 1.55662 -2.75162e-05 1.48038 -2.75094e-05 1.40337C-2.75027e-05 1.32636 0.0152208 1.25012 0.0448353 1.17904C0.0744507 1.10795 0.117847 1.04343 0.172522 0.989205L1.00086 0.172537C1.05508 0.117862 1.1196 0.0744661 1.19069 0.0448507C1.26177 0.0152353 1.33801 -1.20337e-05 1.41502 -1.2027e-05C1.49203 -1.20203e-05 1.56827 0.0152353 1.63936 0.0448507C1.71044 0.0744661 1.77496 0.117862 1.82919 0.172537L7.82585 6.15754Z",fill:"#6B6B6B"})),E=()=>t.createElement("svg",{style:{display:"block"},width:"9",height:"14",viewBox:"0 0 10 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M0.256667 7.83755C0.0925257 7.67361 0.000204227 7.4512 0 7.21921V6.77588C0.00268801 6.5444 0.0946357 6.32289 0.256667 6.15755L6.25333 0.172549C6.30756 0.117874 6.37208 0.0744776 6.44316 0.0448625C6.51425 0.0152474 6.59049 0 6.6675 0C6.74451 0 6.82075 0.0152474 6.89184 0.0448625C6.96292 0.0744776 7.02744 0.117874 7.08167 0.172549L7.91 1.00088C7.96432 1.05411 8.00748 1.11764 8.03694 1.18776C8.06641 1.25787 8.08158 1.33316 8.08158 1.40922C8.08158 1.48527 8.06641 1.56056 8.03694 1.63067C8.00748 1.70079 7.96432 1.76432 7.91 1.81755L2.71833 6.99755L7.91 12.1775C7.96467 12.2318 8.00807 12.2963 8.03769 12.3674C8.0673 12.4385 8.08255 12.5147 8.08255 12.5917C8.08255 12.6687 8.0673 12.745 8.03769 12.8161C8.00807 12.8871 7.96467 12.9517 7.91 13.0059L7.08167 13.8225C7.02744 13.8772 6.96292 13.9206 6.89184 13.9502C6.82075 13.9799 6.74451 13.9951 6.6675 13.9951C6.59049 13.9951 6.51425 13.9799 6.44316 13.9502C6.37208 13.9206 6.30756 13.8772 6.25333 13.8225L0.256667 7.83755Z",fill:"#6B6B6B"})),k=["RANGE","NPS","RADIO","DROPDOWN"],L=300,q=({thankYouQuestion:e,preview:r})=>(n.useEffect((()=>{r||e.type_info.meta?.redirectUrl&&setTimeout((()=>{window.location.href=e.type_info.meta?.redirectUrl}),1e4)}),[]),t.createElement("div",{className:"question-container thankyou"},t.createElement(v,null),t.createElement("div",{className:"text"},e.text),e.type_info.meta?.redirectUrl&&t.createElement("div",{style:{width:"100%"}},t.createElement("div",{className:"redirection-text"},"You will be redirected to the below URL automatically in 10 seconds.",t.createElement("br",null)),t.createElement("a",{className:"link",href:e.type_info.meta?.redirectUrl},e?.type_info.meta?.redirectUrl))));exports.AUTO_REDIRECT_DELAY=1e4,exports.BUTTON_SIZE_VARIANTS={LARGE:"large",MINI:"mini",NORMAL:"normal"},exports.Button=b,exports.CheckboxGroup=m,exports.Input=u,exports.NPS=a,exports.ProgressBar=x,exports.Radio=C,exports.RadioGroup=h,exports.Survey=({survey:e,placeholders:o,onSubmit:a,widget:i,surveyContainerWidth:c="0px",npsValue:s,widgetStyle:l,widgetNavigatorQuerySelector:u,preview:d,mobilePreview:p})=>{const{meta:{blocks:m},question_details:{questions:f}}=e,[h,C]=n.useState(null),[g,v]=n.useState({}),[_,N]=n.useState(!1),[M,Z]=n.useState([]),[z,R]=n.useState(0),[F,H]=n.useState(!1),[S,D]=n.useState(null),A=n.useRef(null),O=n.useRef(null),T=n.useRef(-1),$=n.useRef(null),B=n.useRef(0),V=n.useRef(!1),I=n.useRef([]),j=n.useRef(null),P=n.useRef([]);n.useEffect((()=>{m&&(j.current=m.find((e=>"T_1"===e.name)),C(m.filter((e=>"T_1"!==e.name))))}),[m]),n.useEffect((()=>{if(h)if(O.current=f.find((e=>e.pivot_question))??f.find((e=>"RANGE"===e.type_info.question_type))??f[0],null!=s){T.current=s;const e=f.find((e=>e.name===h[0].question_names[0]));A.current={...h[0],question:e},I.current=[...I.current,{...h[0],question:e}],Z(I.current),v({Q_1:s})}else if(!A.current&&h.length>0)return A.current=h[0],void G(h[0])}),[h,s]),t.useEffect((()=>{i||$.current?.scrollIntoView({block:"center",behavior:"smooth"}),M.length&&(I.current=M),$.current&&($.current.style.maxHeight="unset"),P.current[B.current]=$.current?.scrollHeight||P.current[B.current]||0,R(M.length-1),$.current&&($.current.style.maxHeight="100%")}),[M]),n.useEffect((()=>{Object.keys(g).length>0&&A.current.question&&(k.includes(A.current.question.type_info.question_type)||V.current)&&!U()&&Q()}),[g]),n.useEffect((()=>{if(null!=g?.[O.current?.name])if(j.current?.is_based_on_score){const e=O.current?.type_info?.choices[g?.[O.current?.name]]?.dependent_question_names,n=j.current?.question_names.find((n=>e?.includes(n))),t=f.find((e=>e.name===n));D(t)}else{const e=f.find((e=>e.name==j.current?.question_names[0]));D(e)}}),[g?.[O.current?.name]]);const U=()=>B.current===h.length-1||"end"===A.current.branchOption,Y=e=>{if(e){let t={"{{nps.score}}":T.current};o&&(t={...t,...o});var n=new RegExp(Object.keys(t).join("|"),"gi");e=e.replace(n,(function(e){return t[e.toLowerCase()]}))}return e},G=e=>{let n={};if(e.is_based_on_score){const t=O.current?.type_info?.choices[g?.[O.current?.name]]?.dependent_question_names,r=e.question_names.find((e=>t?.includes(e)));n=f.find((e=>e.name===r))}else n=f.find((n=>n.name===e.question_names[0]));A.current.question=n;const t=I.current.find((e=>e.question.name===n.name));Z(t?[...I.current]:[...I.current,{...e,question:n}])},Q=()=>{if(U())N(!0);else{if(A.current.nextBlock)B.current=h.findIndex((e=>e.name===A.current.nextBlock));else if(A.current.question.type_info?.meta?.branches){const e=A.current.question.type_info?.meta?.branches,n=g[A.current.question.name];let t;t="RANGE"===A.current.type?e.find((e=>n>=e.min&&n<=e.max)):e.find((e=>n===e.value)),t?.nextBlock?B.current=h.findIndex((e=>e.name===t.nextBlock)):B.current+=1}else B.current+=1;A.current=h[B.current],G(h[B.current])}},W=(e,n)=>{V.current=!0,delete g[n.name],v({...g})},X=(e,n,t)=>{if(t){if(V.current=!0,null!=g[e.question.name]&&e.name!==M[M.length-1].name){const[t,r]=(e=>{const n=M.findIndex((n=>n.name===e.name)),t=M.slice(0,n+1),r=t.reduce(((e,n)=>(e[n.question.name]=g[n.question.name],e)),{});return B.current=h.findIndex((n=>n.name===e.name)),[t,r]})(e);v({...r,...null!=n&&{[e.question.name]:n}}),I.current=t}else v({...g,...null!=n&&{[e.question.name]:n}});O?.current?.name==e?.question?.name&&(T.current=n)}else v({...g,...null!=n&&{[e.question.name]:n}})};return A.current&&A.current.question?_?t.createElement("div",{className:`freemium-survey-components ${i?"widget-survey-components":""} ${l}-style`},t.createElement(q,{thankYouQuestion:S,preview:d})):t.createElement("div",{className:`freemium-survey-components ${i?"widget-survey-components":""} ${l}-style ${p?"mobile-preview":""}`,style:{"--widget-container-width":c}},!i&&t.createElement(x,{totalSteps:h.length,completedSteps:B.current}),i&&document.querySelector(u)&&t.createElement(t.Fragment,null,r.createPortal(t.createElement("div",{className:"navigation","data-navigation-element":"1",style:0!==B.current?{paddingLeft:"18px"}:{}},t.createElement("button",{style:0==B.current?{display:"none"}:{},className:"navigate-button",onClick:()=>{B.current=Math.max(B.current-1,0),R(B.current)}},t.createElement(E,null)),t.createElement("span",{className:"navigation-text"},"Question ",B.current+1," of"," ",M.length," "),t.createElement("button",{className:"navigate-button",style:B.current>=M.length-1?{visibility:"hidden"}:{},onClick:()=>{B.current=Math.min(B.current+1,M.length-1),R(B.current)}},t.createElement(w,null))),document.querySelector(u))),t.createElement("div",{style:i?{transform:`translateX(calc(-${z} * 100%))`,height:`${P.current[B.current]}px`,transition:M?.length>1?`all ${L}ms linear 0ms`:`transform ${L}ms linear 0ms`}:{},className:"questions"},M.map(((e,n)=>{return t.createElement("div",{className:"question-container",style:{height:"fit-content",transition:"opacity 100ms ease-out",opacity:i&&B.current!==n?0:1},ref:$,id:e.question.name,key:e.question.name},t.createElement("div",{className:"question-text "+(0===n?"nps":""),dangerouslySetInnerHTML:{__html:Y(e.question.text)}}),t.createElement(y,{question:e.question,formValues:g,autoFocus:A.current.name===e.name,onChangeHandler:n=>{V.current=!1,B.current=h.findIndex((n=>n.name===e.name)),A.current=e,X(e,n,k.includes(e.question.type_info.question_type)&&!U())}}),t.createElement("div",{className:"action-buttons"},(r=e.question,r.name===A.current.question.name&&!k.includes(r.type_info.question_type)&&!U()&&t.createElement(b,{onClick:()=>{V.current?(B.current=Math.min(B.current+1,M.length-1),A.current=M[n+1],R(B.current)):X(e,null,!0)},disabled:!g[A.current.question.name]||Array.isArray(g[A.current.question.name])&&0===g[A.current.question.name].length,className:"next-button"},"Next")),((e,n)=>"RANGE"!==n.type_info.question_type&&!n.required&&n.name===A.current.question.name&&!U())(0,e.question)&&t.createElement("button",{className:"skip-button",onClick:()=>W(0,e.question)},"Skip"),((e,n)=>"DROPDOWN"===n.type_info.question_type&&n.name!==A.current.question.name&&!n.required&&null!=g[n.name])(0,e.question)&&t.createElement("button",{className:"skip-button",onClick:()=>{A.current=e,B.current=h.findIndex((n=>n.name===e.name)),W(0,e.question)}},"Clear selection"),i&&(e=>U()&&e.name===A.current.question.name)(e.question)&&t.createElement("div",{className:"submit"},t.createElement(b,{disabled:(A.current.question.required||A.current.question.type_info.pivot_question)&&void 0===g[A.current.question.name]||F,onClick:()=>{H(!0),a(g,(()=>{S?.type_info.meta?.skipThankYouPage||N(!0)}))}},F?"Submitting":"Submit Survey"))));var r})),!i&&U()&&t.createElement("div",{className:"submit"},t.createElement(b,{disabled:A.current.question.required&&void 0===g[A.current.question.name]||F,onClick:()=>{H(!0),a(g,(()=>{d||S?.type_info.meta?.skipThankYouPage&&(window.location.href=S?.type_info.meta?.redirectUrl),S?.type_info.meta?.skipThankYouPage||N(!0)}))}},F?"Submitting Survey":"Submit Survey")))):null},exports.TRANSITION_DELAY=L,exports.TextArea=d;
package/lib/index.esm.js CHANGED
@@ -1 +1 @@
1
- import e,{useRef as n,forwardRef as t,useEffect as r,useState as o}from"react";import a from"react-dom";function i(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}i(".freemium-survey-components .nps-container {\n margin: 0 auto;\n width: 100%;\n display: flex;\n flex-direction: column;\n grid-gap: 52px;\n gap: 52px;\n}\n.freemium-survey-components .nps-container .footer {\n border-top: 1px solid var(--default-background-color);\n border-top: 1px solid var(--background-color, var(--default-background-color));\n padding-top: 20px;\n margin-top: 20px;\n display: flex;\n justify-content: center;\n font-size: 0.875rem;\n line-height: 1.5;\n}\n.freemium-survey-components .nps-container .widget {\n position: relative;\n}\n.freemium-survey-components .nps-container .widget .button-container {\n display: flex;\n justify-content: space-between;\n background: var(--default-background-color);\n background: var(--background-color, var(--default-background-color));\n position: relative;\n}\n.freemium-survey-components .nps-container .widget .positive-text {\n position: absolute;\n color: #475867;\n bottom: -40px;\n font-size: 12px;\n right: 0px;\n text-align: right;\n}\n.freemium-survey-components .nps-container .widget .negative-text {\n position: absolute;\n color: #475867;\n bottom: -40px;\n font-size: 12px;\n left: 0;\n text-align: left;\n}\n.freemium-survey-components .nps-container .widget span {\n color: #aaa;\n font-size: 0.75rem;\n}\n.freemium-survey-components .nps-container .widget button {\n display: inline-block;\n font-size: 1rem;\n white-space: nowrap;\n vertical-align: middle;\n background: none;\n border: none;\n box-shadow: none;\n cursor: pointer;\n text-align: center;\n font-weight: 400;\n border-radius: 4px;\n margin: 0;\n outline: none;\n margin-left: -1px;\n width: 40px;\n height: 40px;\n transform: scale(1);\n transition: background 0.2s ease-in, color 0.2s ease-in, border-color 0.2s ease-in, transform 0.2s cubic-bezier(0.5, 2, 0.5, 0.75);\n}\n.freemium-survey-components .nps-container .widget button:hover {\n color: white;\n transform: scale(1.2);\n z-index: 2;\n position: relative;\n}\n.freemium-survey-components .nps-container .widget button.active {\n color: white;\n transform: scale(1.2);\n z-index: 2;\n position: relative;\n}\n.freemium-survey-components .nps-container .widget.rounded button {\n border-radius: 50%;\n}\n.freemium-survey-components .nps-container .widget.square button {\n border-radius: 0;\n}\n.freemium-survey-components .nps-container .widget.curved button {\n border-radius: 3px;\n}\n.freemium-survey-components .nps-container .widget.highlighted button:hover, .freemium-survey-components .nps-container .widget.highlighted button.active {\n background: var(--default-brand-color) !important;\n background: var(--brand-color, var(--default-brand-color)) !important;\n}\n.freemium-survey-components .nps-container .widget .choices {\n width: 100%;\n display: flex;\n justify-content: space-between;\n}\n.freemium-survey-components .nps-container .widget.standard .button-container {\n background-color: transparent;\n}\n.freemium-survey-components .nps-container .widget.standard .choice {\n color: #000;\n background: var(--default-background-color);\n background: var(--background-color, var(--default-background-color));\n}\n.freemium-survey-components .nps-container .widget.standard .choice.active,\n.freemium-survey-components .nps-container .widget.standard .choice:hover {\n color: #fff;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(1):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(1).active {\n background: #eb5b56;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(2):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(2).active {\n background: #fb8774;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(3):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(3).active {\n background: #f58f6b;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(4):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(4).active {\n background: #f6996a;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(5):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(5).active {\n background: #eab268;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(6):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(6).active {\n background: #cebb69;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(7):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(7).active {\n background: #bdc46c;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(8):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(8).active {\n background: #a4cd72;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(9):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(9).active {\n background: #77c955;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(10):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(10).active {\n background: #37c248;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(11):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(11).active {\n background: #1ebf31;\n}\n\n.freemium-survey-components.mobile-preview .nps-container .widget .button-container {\n background: transparent;\n}\n.freemium-survey-components.mobile-preview .nps-container .widget .choices {\n flex-wrap: wrap;\n justify-content: center;\n grid-gap: 16px;\n gap: 16px;\n background: transparent;\n}\n.freemium-survey-components.mobile-preview .nps-container .widget button {\n border-radius: 50%;\n background: #ebeff3;\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components .nps-container .widget .button-container {\n background: transparent;\n }\n .freemium-survey-components .nps-container .widget .choices {\n flex-wrap: wrap;\n justify-content: center;\n grid-gap: 16px;\n gap: 16px;\n background: transparent;\n }\n .freemium-survey-components .nps-container .widget button {\n border-radius: 50%;\n background: #ebeff3;\n }\n}\n.widget-survey-components .nps-container .widget .button-container {\n background: transparent;\n}\n.widget-survey-components .nps-container .widget .choices {\n flex-wrap: wrap;\n justify-content: center;\n grid-gap: 16px;\n gap: 16px;\n background: transparent;\n}\n.widget-survey-components .nps-container .widget button {\n border-radius: 50%;\n background: #ebeff3;\n}");const c=t=>{const{type_info:{linear_scale:{button_shape:r,button_style:o},score_presets:{start:a,end:i},validation:{min:c},footer_text:l}}=t,s=e=>{switch(e){case e<=6:return"detractor";case e<=8:return"passive";default:return"promoter"}},d=n(Array.from({length:10+(0===c?1:0)},((e,n)=>n+c)));return e.createElement("div",{className:"nps-container"},e.createElement("div",{className:`widget ${r} ${o}`},e.createElement("div",{className:"button-container"},e.createElement("span",{className:"negative-text"},a),e.createElement("div",{className:"choices"},d.current.map((n=>e.createElement("button",{key:n,onClick:e=>{t.onChangeHandler(n)},className:`choice ${s(n)} ${t.npsValue===n&&"active"}`},n)))),e.createElement("span",{className:"positive-text"},i))),e.createElement("div",{className:"footer"},l))},l=(e,n)=>(e.defaultProps=n,e);i('.freemium-survey-components .input-container,\n.freemium-survey-components .textarea-container {\n display: flex;\n flex-direction: column;\n width: 100%;\n border-radius: 4px;\n position: relative;\n}\n.freemium-survey-components label.input-label {\n display: inline-block;\n padding-bottom: 8px;\n padding-left: 2px;\n font-size: 0.75rem;\n font-weight: 400;\n}\n.freemium-survey-components label.required::after {\n content: "*";\n position: relative;\n top: 2px;\n font-weight: 500;\n font-size: 0.85rem;\n padding-left: 3px;\n color: #d72d30;\n}\n.freemium-survey-components .input-basic {\n width: 100%;\n display: flex;\n align-items: center;\n border-radius: 4px;\n border: 1px solid var(--default-brand-color);\n border: 1px solid var(--brand-color, var(--default-brand-color));\n transition: border-color 0.2s linear;\n background: #fff;\n}\n.freemium-survey-components .textarea-container .input-basic {\n flex-direction: column;\n align-items: unset;\n}\n.freemium-survey-components .input-basic.error {\n border: 1px solid #d72d30;\n}\n.freemium-survey-components .input-basic.error:hover {\n border: 1px solid #d72d30;\n}\n.freemium-survey-components .input-basic.error[focus-within] {\n box-shadow: none;\n}\n.freemium-survey-components .input-basic.error:focus-within {\n box-shadow: none;\n}\n.freemium-survey-components .input-basic:hover {\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n transition: 0.2s linear;\n}\n.freemium-survey-components .input-basic[focus-within] {\n border: 1px solid transparent;\n box-shadow: 0 0 0 2px var(--default-brand-color);\n box-shadow: 0 0 0 2px var(--brand-color, var(--default-brand-color));\n}\n.freemium-survey-components .input-basic:focus-within {\n border: 1px solid transparent;\n box-shadow: 0 0 0 2px var(--default-brand-color);\n box-shadow: 0 0 0 2px var(--brand-color, var(--default-brand-color));\n}\n.freemium-survey-components .end-max-length {\n padding: 0 8px;\n font-size: 0.85rem;\n}\n.freemium-survey-components .textarea-container .end-max-length {\n padding: 8px;\n align-self: flex-end;\n}\n.freemium-survey-components span.input-error {\n display: block;\n padding-left: 2px;\n padding-top: 4px;\n font-size: 0.9rem;\n color: #d72d30;\n}\n.freemium-survey-components input[type=text] {\n padding: 6px 12px;\n flex: 1;\n border: unset;\n height: 32px;\n font-size: 1rem;\n /* line-height: ${typography.input.text.lineHeight}; */\n border-radius: 4px;\n}\n.freemium-survey-components input[type=text],\n.freemium-survey-components textarea {\n outline: none;\n border: none;\n}\n.freemium-survey-components input[type=text]::-moz-placeholder {\n color: #92a2b2;\n font-weight: 400;\n font-size: 0.85rem;\n}\n.freemium-survey-components input[type=text]:-ms-input-placeholder {\n color: #92a2b2;\n font-weight: 400;\n font-size: 0.85rem;\n}\n.freemium-survey-components input[type=text]::placeholder {\n color: #92a2b2;\n font-weight: 400;\n font-size: 0.85rem;\n}\n.freemium-survey-components textarea {\n min-height: 116px;\n padding: 12px;\n flex: 1;\n border: unset;\n resize: none;\n font-size: 1rem;\n /* line-height: ${typography.input.text.lineHeight}; */\n border-radius: 4px;\n}\n.freemium-survey-components textarea::-moz-placeholder {\n color: #92a2b2;\n font-weight: 400;\n font-size: 0.85rem;\n}\n.freemium-survey-components textarea:-ms-input-placeholder {\n color: #92a2b2;\n font-weight: 400;\n font-size: 0.85rem;\n}\n.freemium-survey-components textarea::placeholder {\n color: #92a2b2;\n font-weight: 400;\n font-size: 0.85rem;\n}');const s={isRequired:!1,showCount:!1,isErrored:!1,inline:!1,spellCheck:!1,autoFocus:!0},d=t(((t,o)=>{const a=n(null);r((()=>{t.autoFocus&&setTimeout((()=>{a.current?.focus()}),M+20)}),[t.autoFocus]);const{inputStyle:i,style:c,className:l,showCount:s,isErrored:d,startLabel:u,isRequired:m,errorText:p,endLabel:f,maxLength:h,autoFocus:C,...g}=t;return e.createElement("div",{className:"input-container",style:c},t.label&&e.createElement("label",{className:"input-label "+(m?"required":"")},t.label),e.createElement("div",null,u&&e.createElement("div",{className:"start-label"},u),e.createElement("div",{className:`input-basic ${d?"error":""}${l||""}`},e.createElement("input",Object.assign({type:"text",autoComplete:"off",ref:a,style:i},g)),s&&h>0&&e.createElement("div",{className:"end-max-length"},`${t.value&&t.value.length||0}/${t.maxLength}`)),f&&e.createElement("div",{className:"end-label"},f)),d&&p&&e.createElement("span",{className:"input-error"},t.errorText))})),u=t(((t,o)=>{const a=n(null);r((()=>{t.autoFocus&&setTimeout((()=>{a.current?.focus()}),M+20)}),[]);const{inputStyle:i,style:c,className:l,showCount:s,maxLength:d,isErrored:u,startLabel:m,isRequired:p,autoFocus:f,...h}=t;return e.createElement(e.Fragment,null,e.createElement("div",{className:"textarea-container",style:c},t.label&&e.createElement("label",{className:"input-label "+(p?"required":"")},t.label),m&&e.createElement("div",{className:"start-label"},m),e.createElement("div",{className:`input-basic ${u?"error":""} ${l||""}`},e.createElement("textarea",Object.assign({autoComplete:"off",ref:a,style:i},h)),s&&d&&d>0&&e.createElement("div",{className:"end-max-length"},`${t.value&&t.value.length||0}/${t.maxLength}`)),t.endLabel&&e.createElement("div",{className:"end-label"},t.endLabel)),t.isErrored&&t.errorText&&e.createElement("span",{className:"input-error"},t.errorText))})),m=l(d,s),p=l(u,s);i('.freemium-survey-components .checkbox-group {\n display: flex;\n grid-gap: 12px;\n gap: 12px;\n flex-direction: column;\n white-space: nowrap;\n flex-wrap: wrap;\n}\n.freemium-survey-components .icon-container {\n display: inline-block;\n flex: 0 0 12px;\n width: 12px;\n height: 12px;\n min-width: 12px;\n min-height: 12px;\n color: inherit;\n position: absolute;\n left: 1px;\n top: 2px;\n}\n.freemium-survey-components .tick-icon {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n width: 100%;\n color: inherit;\n fill: currentColor;\n}\n.freemium-survey-components input[type=checkbox] {\n position: absolute;\n clip: rect(0px 0px 0px 0px);\n width: 0px;\n height: 0px;\n}\n.freemium-survey-components input[type=checkbox]:focus ~ .checkbox {\n /* box-shadow: ${pseudo.focus} 0px 0px 0px 2px; */\n box-shadow: var(--default-brand-color) 0px 0px 0px 2px;\n box-shadow: var(--brand-color, var(--default-brand-color)) 0px 0px 0px 2px;\n border-color: transparent;\n}\n.freemium-survey-components .checkbox-label {\n display: flex;\n align-items: flex-start;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n text-align: left;\n opacity: 1;\n line-height: 1.2;\n cursor: pointer;\n font-size: 1rem;\n padding: 16px 24px;\n min-width: 200px;\n border: 1px solid #ebeff3;\n box-shadow: 0px 2px 5px rgba(18, 52, 77, 0.06);\n border-radius: 4px;\n white-space: pre-wrap;\n}\n.freemium-survey-components .checkbox-label:hover .checkbox {\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n box-shadow: var(--default-background-color) 0px 0px 0px 5px;\n box-shadow: var(--background-color, var(--default-background-color)) 0px 0px 0px 5px;\n}\n.freemium-survey-components .checkbox-label.disabled {\n opacity: 0.5;\n cursor: "not-allowed";\n}\n.freemium-survey-components .checkbox {\n transition: background-color ease-in 0.2s;\n min-width: 14px;\n min-height: 14px;\n min-height: 14px;\n max-height: 14px;\n border-radius: 2px;\n position: relative;\n margin-right: 16px;\n background-color: #fff;\n border: 1px solid;\n text-align: left;\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n}\n.freemium-survey-components .checkbox:hover {\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n box-shadow: var(--default-background-color) 0px 0px 0px 5px;\n box-shadow: var(--background-color, var(--default-background-color)) 0px 0px 0px 5px;\n}\n.freemium-survey-components input[type=checkbox]:checked ~ .checkbox {\n background-color: var(--default-brand-color);\n background-color: var(--brand-color, var(--default-brand-color));\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n}\n.freemium-survey-components input[type=checkbox]:checked ~ .checkbox:hover {\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n}\n.freemium-survey-components input[type=checkbox]:disabled ~ .checkbox:hover {\n box-shadow: unset;\n border-color: unset;\n}');const f=()=>e.createElement("svg",{id:"tick",className:"tick-icon",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"title",viewBox:"0 0 10 10"},e.createElement("path",{d:"M3 5.87c-.18666814.00267463-.36667109-.06932655-.5-.2L.21 3.41c-.1786328-.17863279-.24839684-.43899577-.1830127-.6830127.06538414-.24401694.25598306-.43461586.5-.5C.77100423 2.16160316 1.0313672 2.23136721 1.21 2.41L3 4.18 6.8.33c.27679776-.27455556.72320224-.27455556 1 0 .13696438.13025306.21450026.31098915.21450026.5S7.93696438 1.19974694 7.8 1.33L3.45 5.67c-.12082534.11896945-.28072735.19003701-.45.2Z",fill:"#fff",fillRule:"evenodd"})),h=({values:n=[],options:t,autoFocus:r,onChangeHandler:a,othersOption:i,othersRequired:c})=>{const l=(()=>{let e=-1;return n.map(((n,r)=>{const o=t.find((e=>e.value===n));return o||(e=r),o})),e})(),[s,d]=o(!1);return e.createElement("div",{className:"checkbox-group"},t.map(((t,o)=>e.createElement(C,{key:t.value,checked:n?.includes(t.value),name:t.value,id:t.value,autoFocus:0===o&&r,onChange:(e,r)=>{if(r)a([...n||[],t.value]);else{const e=n.indexOf(t.value);e>-1&&n.splice(e,1),a([...n])}}},t.value))),i&&e.createElement(C,{key:"others",checked:s,name:"others",id:"others",onChange:(e,n)=>{d(n)}},"Others"),s&&e.createElement(e.Fragment,null,e.createElement(m,{placeholder:"Enter your comment",value:n[l],onChange:e=>{-1!==l?(n[l]=e.target.value,a(n)):a(n.concat(e.target.value))},label:""})))},C=l((t=>{const o=n(null);return r((()=>{t.autoFocus&&setTimeout((()=>{o.current?.focus()}),M+20)}),[]),e.createElement("label",{className:`checkbox-label ${t.disabled&&"disabled"}`},e.createElement("input",{ref:o,id:t.id,type:"checkbox",name:t.name,readOnly:t.readOnly,disabled:t.disabled,"aria-disabled":t.disabled,checked:t.checked,onChange:t.readOnly?()=>{}:e=>t.onChange(e,e.target.checked)}),e.createElement("div",{className:"checkbox"},t.checked&&e.createElement("div",{className:"icon-container"},e.createElement(f,null)," ")),e.createElement("div",null,t.children))}),{checked:!1});i('.freemium-survey-components .radio-group {\n display: flex;\n grid-gap: 12px;\n gap: 12px;\n white-space: nowrap;\n flex-direction: column;\n}\n.freemium-survey-components .radio {\n background-color: #fff;\n border: 1px solid;\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n transition: background-color ease-in 0.2s;\n min-width: 18px;\n max-width: 18px;\n min-height: 18px;\n max-height: 18px;\n border-radius: 50%;\n position: relative;\n margin-right: 16px;\n text-align: left;\n}\n.freemium-survey-components .radio:before {\n left: 3px;\n top: 3px;\n content: "";\n position: absolute;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n transition: all ease-in 0.2s;\n background-color: #fff;\n}\n.freemium-survey-components .radio-label {\n display: flex;\n align-items: flex-start;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n text-align: left;\n cursor: pointer;\n line-height: 1.2;\n font-size: 1rem;\n font-weight: 400;\n padding: 16px 24px;\n min-width: 200px;\n border: 1px solid #ebeff3;\n box-shadow: 0px 2px 5px rgba(18, 52, 77, 0.06);\n border-radius: 4px;\n white-space: pre-wrap;\n}\n.freemium-survey-components input[type=radio] {\n position: absolute;\n clip: rect(0, 0, 0, 0);\n width: 0px;\n height: 0px;\n}\n.freemium-survey-components input[type=radio]:focus ~ .radio {\n /* box-shadow: ${pseudo.focus} 0px 0px 0px 3px; */\n box-shadow: var(--default-brand-color) 0px 0px 0px 3px;\n box-shadow: var(--brand-color, var(--default-brand-color)) 0px 0px 0px 3px;\n border-color: transparent;\n}\n.freemium-survey-components input[type=radio]:checked ~ .radio:before {\n background-color: var(--default-brand-color);\n background-color: var(--brand-color, var(--default-brand-color));\n}\n.freemium-survey-components .radio-label:hover .radio {\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n box-shadow: var(--default-background-color) 0px 0px 0px 5px;\n box-shadow: var(--background-color, var(--default-background-color)) 0px 0px 0px 5px;\n}');const g=({name:n,options:t,value:a,autoFocus:i,onChangeHandler:c,othersOption:l,othersRequired:s})=>{const[d,u]=o(""),[p,f]=o("");return r((()=>{a||(f(""),u(""))}),[a]),r((()=>{p&&t.find((e=>e.value===p))&&c(p)}),[p]),e.createElement("div",{className:"radio-group"},t.map(((t,r)=>e.createElement(x,{key:t.value,value:t.value,name:n,onChange:e=>{f(e.currentTarget.value)},autoFocus:0===r&&i,checked:p===t.value},t.value))),l&&e.createElement(x,{key:"others",value:"others",name:n,onChange:e=>{f("others")},checked:"others"===p},"Others"),"others"===p&&e.createElement(e.Fragment,null,e.createElement(m,{value:d,onChange:e=>u(e.target.value),placeholder:"Enter your comment",label:""}),d!==a&&e.createElement(w,{disabled:s&&0===d.length,onClick:()=>c(d)},"Next")))},x=l((t=>{const o=n(null);return r((()=>{t.autoFocus&&setTimeout((()=>{o.current?.focus()}),M+20)}),[]),e.createElement("label",{className:"radio-label"},e.createElement("input",{ref:o,type:"radio",name:t.name,value:t.value,checked:t.checked,onChange:t.onChange}),e.createElement("div",{className:"radio"}),e.createElement("div",null,t.children))}),{checked:!1,autoFocus:!1});i(".progressbar-container {\n width: 100%;\n height: 4px;\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1;\n text-align: left;\n}\n\n.progressbar {\n transition: transform 0.25s linear;\n transform-origin: left;\n height: 100%;\n background-color: var(--default-brand-color);\n background-color: var(--brand-color, var(--default-brand-color));\n}");const b=n=>{const{totalSteps:t,completedSteps:r}=n;return e.createElement("div",{className:"progressbar-container"},e.createElement("div",{className:"progressbar",style:{width:(r>0?100/t:0)+"%",transform:`scaleX(${r})`}}))};i(".freemium-survey-components .action-button {\n width: auto;\n display: block;\n padding: 8px 16px;\n cursor: pointer;\n line-height: 1.5;\n text-align: center;\n font-weight: 500;\n letter-spacing: 0.3px;\n border-radius: 4px;\n white-space: nowrap;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n color: --default-button-text-color;\n color: var(--button-text-color, --default-button-text-color);\n background: var(--default-brand-color);\n background: var(--brand-color, var(--default-brand-color));\n border: 1px solid var(--default-brand-color);\n border: 1px solid var(--brand-color, var(--default-brand-color));\n border-radius: 4px;\n min-width: 200px;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n}\n.freemium-survey-components .action-button:not([disabled]):hover {\n transform: translateY(-4px);\n}\n.freemium-survey-components .action-button[disabled] {\n cursor: not-allowed;\n opacity: 0.6;\n}\n.freemium-survey-components button:focus:not(:active) {\n /* box-shadow: 0 0 0 2px ${pseudo.focus}; */\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components .action-button {\n min-width: 120px;\n }\n}\n.widget-survey-components .action-button {\n min-width: 120px;\n}");const v=()=>e.createElement(e.Fragment,null,"..."),y={LARGE:"large",MINI:"mini",NORMAL:"normal"},w=n=>{const{inline:t=!1,children:r,disabled:o,className:a="",htmlType:i,type:c="primary",onClick:l,size:s,overrideStyleClassName:d="",loading:u=!1,...m}=n;return e.createElement("button",Object.assign({style:t?{display:"inline-block"}:{},disabled:o,className:`action-button ${a} ${d}`,type:i,onClick:l},m),u?e.createElement(v,null):r)},E=()=>e.createElement("svg",{width:"200",height:"182",viewBox:"0 0 200 182",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("g",{"clip-path":"url(#clip0_5504_25779)"},e.createElement("g",{opacity:"0.8"},e.createElement("path",{opacity:"0.8",d:"M165.375 76.3154C165.375 77.0026 165.375 77.6857 165.342 78.3729C165.342 78.9202 165.305 79.4634 165.276 80.019C165.039 84.6023 164.35 89.1511 163.219 93.599C162.483 96.5028 161.558 99.3552 160.449 102.138C158.518 106.993 156.047 111.616 153.083 115.919C152.627 116.586 152.153 117.245 151.672 117.895C149.529 120.792 147.165 123.519 144.602 126.051C143.702 126.94 142.779 127.804 141.832 128.644C136.335 133.522 130.104 137.505 123.368 140.446C122.458 140.857 121.532 141.223 120.598 141.582C114.818 143.816 108.764 145.265 102.599 145.89C101.677 145.985 100.755 146.063 99.8292 146.116C98.3752 146.207 96.913 146.252 95.4425 146.252C89.6055 146.257 83.7909 145.531 78.1342 144.092C77.2014 143.856 76.2783 143.601 75.3647 143.326C68.9961 141.419 62.9333 138.61 57.361 134.985C56.4227 134.372 55.4968 133.75 54.5915 133.088C51.0031 130.499 47.6661 127.578 44.6246 124.364C44.0759 123.782 43.5368 123.192 43.0073 122.594C40.6559 119.932 38.5099 117.096 36.5877 114.109C35.6083 112.583 34.6851 111.017 33.8182 109.409C28.597 99.7056 25.7564 88.9001 25.5303 77.8832C25.5303 77.3647 25.5303 76.838 25.5303 76.3154C25.5167 65.5894 27.9828 55.0054 32.7359 45.3901C32.9335 44.9786 33.1475 44.567 33.3491 44.1555C33.5096 43.8428 33.6742 43.53 33.8388 43.2214C34.703 41.6165 35.6261 40.05 36.6083 38.5219C41.2923 31.2474 47.2786 24.8998 54.2664 19.798L54.612 19.547C54.9001 19.3371 55.1882 19.1355 55.4803 18.9297C56.1058 18.4935 56.7396 18.0655 57.3815 17.6458C62.9478 14.0235 69.0035 11.216 75.3647 9.30851C76.2783 9.03416 77.2014 8.77903 78.1342 8.54309C83.7911 7.10508 89.6057 6.38067 95.4425 6.38676C96.9157 6.38676 98.378 6.43202 99.8292 6.52256C100.757 6.58017 101.68 6.65561 102.599 6.74889C108.764 7.37169 114.818 8.81801 120.598 11.0492C121.532 11.4072 122.458 11.7858 123.368 12.185C128.019 14.2174 132.434 16.7508 136.536 19.7404C136.948 20.0285 137.326 20.3206 137.713 20.6169C139.126 21.6869 140.498 22.8103 141.828 23.9872C142.775 24.8267 143.698 25.6923 144.598 26.5839C148.891 30.8221 152.617 35.5983 155.684 40.7935C155.927 41.205 156.161 41.6165 156.392 42.028C159.408 47.3707 161.702 53.0899 163.215 59.0359C164.651 64.6834 165.377 70.4881 165.375 76.3154Z",fill:"#F4F4F4"})),e.createElement("path",{d:"M137.75 20.6126C133.225 23.0657 128.514 25.1586 123.66 26.8717C114.533 30.1296 104.92 31.8174 95.2285 31.8634C88.4636 31.8759 81.7275 30.9818 75.2001 29.205C67.7764 27.1585 60.7097 23.9874 54.2458 19.8019L54.5915 19.5509C54.8796 19.341 55.1676 19.1394 55.4598 18.9336C61.6723 22.8973 68.4424 25.91 75.5458 27.8717C95.4466 33.3242 117.002 30.1885 136.553 19.736C136.948 20.0241 137.339 20.3163 137.75 20.6126Z",fill:"white"}),e.createElement("path",{d:"M156.396 42.0196C153.652 43.6656 150.847 45.2102 147.98 46.6532C133.95 53.7623 118.704 58.1601 103.043 59.6159C99.3093 59.9588 95.5686 60.1303 91.8211 60.1303C83.9243 60.13 76.0458 59.3693 68.2948 57.8587C58.6763 55.9698 49.2998 53.009 40.3407 49.0318C37.7646 47.8932 35.2228 46.6738 32.7153 45.3734C32.9129 44.9619 33.1268 44.5504 33.3285 44.1389C50.2664 52.937 74.1713 60.8587 102.92 58.2167C124.853 56.2003 142.75 48.505 155.688 40.7686C155.931 41.1965 156.165 41.608 156.396 42.0196Z",fill:"white"}),e.createElement("path",{d:"M165.342 78.3687C165.342 78.9161 165.305 79.4593 165.276 80.0148C162.079 81.5786 158.832 83.0394 155.565 84.381C136.549 92.1997 116.985 96.1338 97.2572 96.1338C93.2024 96.1338 89.1421 95.9665 85.0764 95.6318C64.2199 93.8738 43.9495 87.8361 25.5303 77.8955C25.5303 77.377 25.5303 76.8503 25.5303 76.3276C43.9568 86.3909 64.2791 92.5016 85.1998 94.2697C117.998 96.9198 145.688 88.0558 165.342 78.3687Z",fill:"white"}),e.createElement("path",{d:"M153.083 115.919C152.626 116.586 152.153 117.245 151.672 117.895C133.336 124.374 114.133 128.07 94.7017 128.857C92.101 128.964 89.4947 129.017 86.883 129.014C72.6689 129.01 58.4981 127.448 44.6246 124.355C44.0759 123.774 43.5368 123.184 43.0073 122.586C57.372 125.94 72.0744 127.633 86.8254 127.631C89.4014 127.631 92.0022 127.582 94.6441 127.475C114.603 126.66 134.316 122.763 153.083 115.919Z",fill:"white"}),e.createElement("path",{d:"M4.74072 180.173C9.21388 174.655 16.4689 167.573 26.8966 164.947C41.0404 161.375 47.3612 169.441 64.2868 167.717C82.1959 165.894 81.9572 156.166 97.5207 155.256C116.187 154.162 118.179 168.058 140.45 169.104C156.215 169.844 162.33 163.211 175.066 167.717C183.671 170.762 189.469 176.824 193.07 181.564L4.74072 180.173Z",fill:"#F4F4F4"}),e.createElement("path",{d:"M50.9208 180.173H47.353C45.0711 177.41 42.9404 174.525 40.9704 171.531C38.8552 168.178 38.6001 166.692 39.1227 166.116C40.0733 165.066 43.7975 166.782 45.9703 168.494C48.0613 170.182 49.5663 172.486 50.2706 175.079C50.7504 176.733 50.9697 178.452 50.9208 180.173Z",fill:"#DFE0E4"}),e.createElement("path",{d:"M49.2129 180.482C49.1415 180.481 49.0725 180.456 49.0178 180.41C48.963 180.364 48.9258 180.301 48.9124 180.231C48.3854 177.421 47.2258 174.769 45.5216 172.474C44.4001 170.976 43.0569 169.658 41.5381 168.564C41.4715 168.516 41.4268 168.444 41.4136 168.363C41.4005 168.282 41.4201 168.199 41.4682 168.132C41.5162 168.066 41.5887 168.021 41.6697 168.008C41.7507 167.995 41.8337 168.014 41.9002 168.062C43.4679 169.194 44.8553 170.557 46.0154 172.103C47.7741 174.475 48.9716 177.214 49.5174 180.116C49.5318 180.196 49.5139 180.278 49.4677 180.346C49.4214 180.413 49.3505 180.459 49.2705 180.474L49.2129 180.482Z",fill:"#30354F"}),e.createElement("path",{d:"M54.114 180.214C60.8917 160.626 60.9246 154.91 59.1674 153.988C57.2703 152.989 52.8589 157.371 50.6532 160.943C45.4146 169.428 49.1717 178.939 49.6944 180.194L54.114 180.214Z",fill:"#D0D3D9"}),e.createElement("path",{d:"M52.1553 179.972C52.0833 179.972 52.0133 179.947 51.9577 179.901C51.9021 179.855 51.8643 179.791 51.8508 179.72C51.0407 175.21 51.2972 170.572 52.5998 166.178C53.4404 163.385 54.7017 160.738 56.3404 158.326C56.3882 158.263 56.4583 158.221 56.5361 158.208C56.614 158.195 56.6938 158.213 56.7592 158.257C56.8245 158.301 56.8704 158.369 56.8874 158.446C56.9045 158.523 56.8913 158.604 56.8507 158.672C55.2471 161.032 54.0121 163.622 53.1882 166.355C51.9084 170.663 51.6575 175.211 52.4557 179.634C52.4689 179.714 52.4499 179.796 52.4029 179.863C52.3559 179.929 52.2847 179.974 52.2047 179.988L52.1553 179.972Z",fill:"#30354F"}),e.createElement("path",{d:"M194.93 180.305H0.740725C0.331634 180.305 0 180.636 0 181.045C0 181.455 0.331634 181.786 0.740725 181.786H194.93C195.339 181.786 195.671 181.455 195.671 181.045C195.671 180.636 195.339 180.305 194.93 180.305Z",fill:"#5F6386"}),e.createElement("path",{d:"M36.1433 91.6608L25.0942 101.562L24.1106 102.294L24.7197 103.529L40.0321 134.034L42.8757 139.717L32.4026 145.376L28.9871 140.952L2.55552 106.698C1.69055 105.548 1.06504 104.237 0.716056 102.842C0.510627 101.972 0.412505 101.081 0.423881 100.187C0.384408 98.8303 0.623282 97.4796 1.12578 96.2184C1.62828 94.9572 2.38375 93.8122 3.34563 92.8542L32.4479 64.6367C32.4479 64.6367 52.2829 50.3612 79.5293 64.5626",fill:"#D0D3D9"}),e.createElement("path",{d:"M36.1433 91.6608L25.0942 101.562L24.1106 102.294L24.7197 103.529L40.0321 134.034L42.8757 139.717L32.4026 145.376L28.9871 140.952L2.55552 106.698C1.69055 105.548 1.06504 104.237 0.716056 102.842C0.510627 101.972 0.412505 101.081 0.423881 100.187C0.384408 98.8303 0.623282 97.4796 1.12578 96.2184C1.62828 94.9572 2.38375 93.8122 3.34563 92.8542L32.4479 64.6367C32.4479 64.6367 52.2829 50.3612 79.5293 64.5626",stroke:"#251138","stroke-width":"1.49","stroke-miterlimit":"10"}),e.createElement("path",{d:"M86.3356 180.243H60.5007C59.9946 166.515 59.3279 152.725 58.5172 139.87C58.3883 137.829 58.2511 135.812 58.1057 133.82L59.5419 133.775L85.0558 132.952C85.9241 146.302 86.3109 162.799 86.3356 180.243Z",fill:"#5D6476"}),e.createElement("path",{d:"M60.1181 130.277C59.9411 131.421 59.7518 132.586 59.5584 133.775C59.2319 135.75 58.8849 137.782 58.5173 139.87C56.3856 152.005 53.5503 165.882 50.3281 180.243H24.2793C26.6414 168.112 28.7278 156.643 30.9211 142.948C31.4931 139.372 39.6123 137.187 40.1349 133.734L39.5177 131.895L60.1181 130.277Z",fill:"#5D6476"}),e.createElement("path",{d:"M72.3442 160.865L49.0237 160.56L55.682 137.038L66.7435 135.092L72.3442 160.865Z",fill:"#5D6476"}),e.createElement("path",{d:"M57.7066 149.915L64.2743 149.153L61.8999 133.895L61.4472 133.964L63.7476 148.75L57.6531 149.458L57.7066 149.915Z",fill:"#251138"}),e.createElement("path",{d:"M85.8295 156.717L86.1217 156.363L83.1505 153.898L81.4304 133.03L80.9736 133.067L82.7061 154.129L85.8295 156.717Z",fill:"#251138"}),e.createElement("path",{d:"M28.3615 158.268L32.847 156.672L37.4642 136.52L37.0156 136.425L32.4519 156.326L28.2092 157.836L28.3615 158.268Z",fill:"#251138"}),e.createElement("path",{d:"M148.956 117.43C149.063 115.063 144.894 113.681 141.281 112.858C142.828 111.562 144.018 109.92 143.618 109.08C143.042 107.874 139.405 108.784 137.071 109.903C136.656 110.099 136.259 110.329 135.882 110.59C134.783 110.571 133.702 110.88 132.779 111.478C131.856 112.075 131.132 112.934 130.7 113.945C130.268 114.956 130.146 116.073 130.352 117.153C130.557 118.234 131.08 119.228 131.853 120.01C132.099 120.254 132.366 120.476 132.652 120.672C133.843 121.776 135.328 122.51 136.927 122.788C140.73 123.504 148.709 122.804 148.956 117.43Z",fill:"#F3A268"}),e.createElement("path",{d:"M83.776 122.059C84.2966 122.149 84.8237 122.197 85.3521 122.203H93.3931L128.874 122.174H134.223L136.104 110.413L130.981 109.421L93.7387 102.191L93.3889 102.125L91.6277 101.784L90.7264 101.611L87.2039 100.924C86.6363 100.834 86.0625 100.788 85.4879 100.788C82.7871 100.77 80.1795 101.774 78.1884 103.599C76.1974 105.424 74.9701 107.935 74.7529 110.627C74.5358 113.319 75.3447 115.993 77.0175 118.114C78.6903 120.234 81.1032 121.644 83.7718 122.059H83.776Z",fill:"#D0D3D9",stroke:"#251138","stroke-width":"1.49","stroke-miterlimit":"10"}),e.createElement("path",{d:"M85.3028 121.878H85.237C84.7555 121.974 84.2669 122.031 83.7761 122.047C81.6269 122.139 79.5053 121.536 77.7261 120.327C75.9469 119.118 74.6051 117.367 73.8998 115.335L61.6202 80.0724C61.0247 78.4131 60.7796 76.6483 60.9003 74.8895C61.0211 73.1307 61.5051 71.416 62.3217 69.8536C63.1384 68.2913 64.2701 66.9151 65.6453 65.8121C67.0205 64.709 68.6094 63.9029 70.3118 63.4447C72.0142 62.9865 73.793 62.8862 75.5361 63.15C77.2792 63.4138 78.9487 64.036 80.4393 64.9774C81.9299 65.9187 83.2091 67.1589 84.1964 68.6195C85.1836 70.08 85.8574 71.7294 86.1752 73.4635L91.315 100.117L91.6319 101.763L91.422 101.467",fill:"#D0D3D9"}),e.createElement("path",{d:"M85.3028 121.878H85.237C84.7555 121.974 84.2669 122.031 83.7761 122.047C81.6269 122.139 79.5053 121.536 77.7261 120.327C75.9469 119.118 74.6051 117.367 73.8998 115.335L61.6202 80.0724C61.0247 78.4131 60.7796 76.6483 60.9003 74.8895C61.0211 73.1307 61.5051 71.416 62.3217 69.8536C63.1384 68.2913 64.2701 66.9151 65.6453 65.8121C67.0205 64.709 68.6094 63.9029 70.3118 63.4447C72.0142 62.9865 73.793 62.8862 75.5361 63.15C77.2792 63.4138 78.9487 64.036 80.4393 64.9774C81.9299 65.9187 83.2091 67.1589 84.1964 68.6195C85.1836 70.08 85.8574 71.7294 86.1752 73.4635L91.315 100.117L91.6319 101.763L91.422 101.467",stroke:"#251138","stroke-width":"1.49","stroke-miterlimit":"10"}),e.createElement("path",{d:"M33.6373 63.9987C44.8881 56.3939 64.2375 56.6449 79.4552 64.9492L81.1548 85.0229L83.3934 111.516L85.1959 132.796C77.7104 145.742 60.8013 137.507 41.9869 134.359C38.8512 133.833 37.6866 127.602 35.2298 123.919L32.7607 119.002L33.3327 93.459",fill:"#D0D3D9"}),e.createElement("path",{d:"M33.6373 63.9987C44.8881 56.3939 64.2375 56.6449 79.4552 64.9492L81.1548 85.0229L83.3934 111.516L85.1959 132.796C77.7104 145.742 60.8013 137.507 41.9869 134.359C38.8512 133.833 37.6866 127.602 35.2298 123.919L32.7607 119.002L33.3327 93.459",stroke:"#251138","stroke-width":"1.49","stroke-miterlimit":"10"}),e.createElement("path",{d:"M82 121.5L78.5 65.5H80L82 69L88.5 121.5H82Z",fill:"#D0D3D9"}),e.createElement("path",{d:"M48.8139 35.2625C48.8781 34.7758 47.7574 34.2266 46.3108 34.0359C44.8643 33.8452 43.6396 34.0852 43.5754 34.5719C43.5112 35.0586 44.6319 35.6077 46.0785 35.7984C47.5251 35.9891 48.7498 35.7492 48.8139 35.2625Z",fill:"#202738"}),e.createElement("path",{d:"M47.0182 37.4299C47.3379 37.3254 47.2294 36.1164 46.7758 34.7296C46.3223 33.3428 45.6955 32.3033 45.3758 32.4079C45.056 32.5124 45.1645 33.7214 45.6181 35.1082C46.0716 36.495 46.6985 37.5345 47.0182 37.4299Z",fill:"#202738"}),e.createElement("path",{d:"M63.7517 60.8134C63.5541 64.1055 62.4431 67.8955 58.3608 67.698C51.2005 67.3523 49.468 59.8257 49.468 59.8257C49.468 59.8257 50.0524 49.0564 50.2211 48.9453H63.5212V56.118C63.7576 57.6712 63.8348 59.2445 63.7517 60.8134Z",fill:"#F3A268"}),e.createElement("path",{d:"M63.7518 60.8134C53.4639 58.6776 51.9907 53.2498 51.9907 53.2498L62.3362 48.9453H63.5213V56.118C63.7578 57.6712 63.835 59.2445 63.7518 60.8134Z",fill:"#E56542"}),e.createElement("path",{d:"M48.2705 45.0444C48.2705 45.0444 51.3569 60.1306 62.8669 57.0442C64.1746 56.6944 65.3669 56.0059 66.3236 55.0484C67.178 54.1893 67.7972 53.1251 68.122 51.9579C69.2824 47.7728 69.0767 40.9416 67.8298 32.02L48.2705 33.6661V45.0444Z",fill:"#F3A268"}),e.createElement("path",{d:"M47.5381 46.18C47.5792 46.18 49.8343 43.711 51.8055 47.0319C51.8055 47.0319 48.3241 45.3858 47.5792 46.18H47.5381Z",fill:"#F35757"}),e.createElement("path",{d:"M52.8879 39.6082C62.0317 41.2131 69.5583 38.9333 71.5295 33.4355C71.7091 32.9274 71.7625 32.3832 71.6851 31.8498C71.6076 31.3165 71.4017 30.81 71.0851 30.3739C70.7684 29.9378 70.3505 29.5852 69.8674 29.3464C69.3842 29.1077 68.8502 28.99 68.3115 29.0035C64.1099 29.1146 56.9866 30.6495 50.0485 31.8841C49.5312 31.9749 49.0287 32.1355 48.5547 32.3614C44.5013 34.3079 43.3614 38.0115 44.279 42.9579C45.8346 50.3117 48.2337 51.6326 50.818 51.5997C50.6534 47.2006 54.0031 43.748 52.8879 39.6082Z",fill:"#202738"}),e.createElement("path",{d:"M49.6286 50.9701C51.3172 50.9701 52.6861 49.2069 52.6861 47.0319C52.6861 44.8569 51.3172 43.0938 49.6286 43.0938C47.94 43.0938 46.571 44.8569 46.571 47.0319C46.571 49.2069 47.94 50.9701 49.6286 50.9701Z",fill:"#F3A268"}),e.createElement("path",{d:"M47.5382 46.4227C47.497 46.4433 49.6904 44.1059 51.3406 46.7314C51.3323 46.7149 48.9455 45.7026 47.5382 46.4227Z",fill:"#E56542"}),e.createElement("path",{d:"M45.1596 154.162C47.102 152.804 45.6535 148.656 44.0979 145.293C46.0691 145.726 48.0979 145.668 48.5176 144.837C49.1225 143.643 46.1802 141.318 43.8757 140.15C43.466 139.942 43.0409 139.765 42.6041 139.623C41.8988 138.664 40.9021 137.958 39.7628 137.612C38.6236 137.266 37.4029 137.297 36.2831 137.702C35.1633 138.107 34.2043 138.862 33.5495 139.857C32.8946 140.851 32.5789 142.031 32.6496 143.219C32.4995 144.835 32.8196 146.46 33.5714 147.898C35.3245 151.351 40.7482 157.248 45.1596 154.162Z",fill:"#F3A268"}),e.createElement("path",{d:"M58.0523 67.7022H58.2457C60.2662 67.6651 61.83 66.6652 62.8917 64.7269C63.8793 62.9245 64.1962 60.7394 64.2867 59.2291L63.8299 59.2003C63.3978 66.373 59.7765 67.2125 58.2374 67.2413H58.0564C50.6491 67.2413 48.9742 58.727 48.9578 58.6406L48.5051 58.727C48.5216 58.8258 50.2705 67.7022 58.0523 67.7022Z",fill:"#251138"}),e.createElement("path",{d:"M58.4638 67.4733L58.0032 67.4897L60.4935 137.403L60.9541 137.386L58.4638 67.4733Z",fill:"#251138"}),e.createElement("path",{d:"M60.9042 76.6116C61.3201 76.6116 61.6573 76.2744 61.6573 75.8585C61.6573 75.4426 61.3201 75.1055 60.9042 75.1055C60.4883 75.1055 60.1511 75.4426 60.1511 75.8585C60.1511 76.2744 60.4883 76.6116 60.9042 76.6116Z",fill:"black"}),e.createElement("path",{d:"M61.4762 87.4632C61.8921 87.4632 62.2293 87.126 62.2293 86.7101C62.2293 86.2942 61.8921 85.957 61.4762 85.957C61.0603 85.957 60.7231 86.2942 60.7231 86.7101C60.7231 87.126 61.0603 87.4632 61.4762 87.4632Z",fill:"black"}),e.createElement("path",{d:"M62.048 98.3108C62.4639 98.3108 62.8011 97.9737 62.8011 97.5578C62.8011 97.1419 62.4639 96.8047 62.048 96.8047C61.6321 96.8047 61.2949 97.1419 61.2949 97.5578C61.2949 97.9737 61.6321 98.3108 62.048 98.3108Z",fill:"black"}),e.createElement("path",{d:"M62.62 109.158C63.0359 109.158 63.3731 108.821 63.3731 108.405C63.3731 107.99 63.0359 107.652 62.62 107.652C62.2041 107.652 61.8669 107.99 61.8669 108.405C61.8669 108.821 62.2041 109.158 62.62 109.158Z",fill:"black"}),e.createElement("path",{d:"M63.192 120.01C63.6079 120.01 63.9451 119.673 63.9451 119.257C63.9451 118.841 63.6079 118.504 63.192 118.504C62.7761 118.504 62.439 118.841 62.439 119.257C62.439 119.673 62.7761 120.01 63.192 120.01Z",fill:"black"}),e.createElement("path",{d:"M63.7641 130.857C64.18 130.857 64.5171 130.52 64.5171 130.104C64.5171 129.688 64.18 129.351 63.7641 129.351C63.3481 129.351 63.011 129.688 63.011 130.104C63.011 130.52 63.3481 130.857 63.7641 130.857Z",fill:"#001065"}),e.createElement("path",{d:"M136.108 110.409L134.224 122.158L128.878 122.162L130.985 109.417L136.108 110.409Z",fill:"#DFE0E4"}),e.createElement("path",{d:"M42.8757 139.717L32.4026 145.376L28.9871 140.927C31.7277 139.166 39.5671 134.158 40.028 134.022L42.8757 139.717Z",fill:"#DFE0E4"}),e.createElement("path",{d:"M19.5264 101.701L24.1682 102.319V101.858L19.5264 101.245V101.701Z",fill:"#251138"}),e.createElement("path",{d:"M91.8474 101.31L87.0142 106.144L87.3401 106.469L92.1733 101.636L91.8474 101.31Z",fill:"#251138"}),e.createElement("path",{d:"M151.128 58.7766C151.223 58.5915 150.989 58.4804 150.882 58.6491C149.647 60.5791 149.38 62.8589 149.124 65.1057C148.812 67.8629 148.635 70.6365 148.359 73.3936C147.351 83.27 143.964 92.7636 141.717 102.405C139.548 111.726 137.573 121.969 140.359 131.401C140.413 131.582 140.623 131.368 140.623 131.253C140.051 125.993 139.388 120.911 139.89 115.615C140.808 105.669 144.005 95.9816 146.474 86.3522C147.698 81.8261 148.558 77.2092 149.046 72.5459C149.458 68.0769 149.149 62.863 151.133 58.7561L151.128 58.7766Z",fill:"#E0E0E0"}),e.createElement("path",{d:"M152.775 60.7687C152.873 60.7234 152.956 60.4271 152.775 60.4683C151.59 60.7399 150.409 61.7645 150.767 63.0855C151.125 64.4065 153.038 64.7604 154.17 64.2953C154.82 64.0484 155.293 63.4147 154.705 62.8756C153.824 62.032 152.614 62.9291 152.285 63.7892C151.898 64.8139 152.116 66.1513 153.289 66.4434C153.836 66.5834 155.692 66.3899 155.347 65.4105C155.129 64.7439 154.199 65.0608 153.853 65.4105C152.738 66.5545 154.108 67.8796 155.129 68.3817C155.264 68.4516 155.375 68.1924 155.264 68.106C154.886 67.8878 154.552 67.6002 154.281 67.2582C154.425 66.0525 153.894 65.2212 152.664 64.7892L152.754 64.0896C153.063 63.9497 153.063 63.9085 152.754 63.9085C152.325 63.8882 151.913 63.7294 151.581 63.4559C150.664 62.4394 151.906 61.1473 152.783 60.7687H152.775Z",fill:"#E0E0E0"}),e.createElement("path",{d:"M168.071 41.1517C168.145 40.9419 167.898 40.9419 167.824 41.1106C166.351 44.4027 165.511 47.9664 164.301 51.2297C163.091 54.493 161.503 57.6205 160.388 60.9497C158.33 67.0483 157.474 73.435 156.12 79.6983C155.523 82.6843 154.664 85.6119 153.552 88.4471C152.404 91.2947 151.001 94.0231 149.668 96.7884C147.026 102.27 144.355 107.821 142.557 113.661C141.651 116.607 140.911 119.627 140.207 122.619C139.45 125.862 138.833 129.125 139.034 132.471C139.034 132.697 139.326 132.528 139.326 132.364C139.539 128.543 140.167 124.757 141.199 121.072C142.042 117.78 142.845 114.459 143.981 111.245C146.014 105.513 148.734 100.015 151.388 94.5539C152.705 91.9827 153.873 89.3377 154.886 86.6323C155.888 83.5888 156.673 80.4782 157.235 77.3238C158.503 70.9906 159.569 64.6451 161.853 58.5752C162.881 55.8634 164.207 53.2749 165.145 50.5343C166.19 47.4191 166.988 44.2299 168.079 41.1435L168.071 41.1517Z",fill:"#E0E0E0"}),e.createElement("path",{d:"M163.75 89.4636C163.865 89.2743 163.614 89.1632 163.503 89.3237C162.351 90.9698 161.663 92.764 160.733 94.5211C159.429 96.9902 157.404 98.9778 155.519 100.978C152.585 104.089 149.524 107.06 147.289 110.78C145.055 114.5 143.816 118.681 142.763 122.854C142.182 125.158 141.676 127.492 141.088 129.796C140.85 130.929 140.49 132.033 140.014 133.088C139.54 134.035 138.919 134.878 138.499 135.854C138.347 136.212 138.952 136.347 139.088 136.035C139.499 135.059 140.125 134.212 140.606 133.265C141.038 132.337 141.365 131.364 141.581 130.364C142.182 128.076 142.68 125.73 143.265 123.368C144.442 118.673 145.849 113.945 148.548 109.871C151.149 105.978 154.688 102.793 157.812 99.307C158.904 98.1412 159.887 96.8765 160.746 95.5293C161.919 93.5952 162.581 91.4142 163.758 89.4842L163.75 89.4636Z",fill:"#E0E0E0"}),e.createElement("path",{d:"M163.89 91.4018C163.976 91.2537 163.82 91.1179 163.709 91.2537C162.91 92.2454 162.622 93.6487 163.561 94.6857C164.133 95.3154 165.54 95.9738 166.289 95.0973C167.038 94.2207 165.877 93.5911 165.054 93.5911C164.512 93.6317 164 93.8588 163.607 94.2339C163.213 94.609 162.961 95.1089 162.894 95.6487C162.892 95.6774 162.892 95.7063 162.894 95.7351C162.865 95.9962 162.887 96.2605 162.961 96.5128C163.034 96.7651 163.156 97.0005 163.321 97.2054C163.485 97.4103 163.688 97.5808 163.919 97.707C164.149 97.8332 164.402 97.9126 164.663 97.9408C165.322 98.0108 166.865 97.4429 166.281 96.5046C165.322 94.9614 161.643 98.5951 164.951 99.6074C165.165 99.6609 165.363 99.3605 165.165 99.2618H165.104C164.729 99.1237 164.424 98.8426 164.256 98.4801C164.087 98.1175 164.07 97.7031 164.207 97.3277L163.569 96.6816C163.02 95.3702 163.631 94.5019 165.4 94.0767L164.223 94.6652C163.433 94.5664 163.351 92.7763 163.433 92.3854C163.52 92.0402 163.669 91.7139 163.873 91.4224L163.89 91.4018Z",fill:"#E0E0E0"}),e.createElement("path",{d:"M166.556 41.7402C166.508 41.9639 166.52 42.1966 166.593 42.4139C166.665 42.6311 166.795 42.8248 166.968 42.9747C167.424 43.4121 167.977 43.7349 168.583 43.9166C169.188 44.0983 169.828 44.1337 170.449 44.02C170.68 43.994 170.899 43.9056 171.083 43.7641C171.268 43.6227 171.41 43.4337 171.494 43.2175C171.832 42.1393 170.729 38.7402 170.322 38.6168C169.914 38.4933 166.898 40.7032 166.585 41.7402H166.556Z",fill:"#BA68C8"}),e.createElement("path",{opacity:"0.1",d:"M166.556 41.7402C166.508 41.9639 166.52 42.1966 166.593 42.4139C166.665 42.6311 166.795 42.8248 166.968 42.9747C167.424 43.4121 167.977 43.7349 168.583 43.9166C169.188 44.0983 169.828 44.1337 170.449 44.02C170.68 43.994 170.899 43.9056 171.083 43.7641C171.268 43.6227 171.41 43.4337 171.494 43.2175C171.832 42.1393 170.729 38.7402 170.322 38.6168C169.914 38.4933 166.898 40.7032 166.585 41.7402H166.556Z",fill:"black"}),e.createElement("path",{d:"M164.466 32.9049L169.634 40.4603L178.116 37.0036C186.169 33.7115 196.284 28.0819 198.691 20.078C199.435 17.5808 199.206 14.8947 198.049 12.5596V12.5185C197.363 11.1393 196.4 9.91609 195.221 8.92496C194.041 7.93384 192.67 7.19598 191.194 6.75729C187.461 5.62562 183.305 7.40337 180.416 10.2099C180.181 10.4371 179.89 10.5976 179.572 10.6749C179.255 10.7521 178.922 10.7434 178.609 10.6495C178.296 10.5556 178.014 10.38 177.791 10.1407C177.568 9.90143 177.413 9.60713 177.342 9.2881C176.486 5.37048 174.013 1.60925 170.26 0.481697C168.787 0.0321725 167.238 -0.109566 165.708 0.0652961C164.178 0.240158 162.7 0.727881 161.367 1.49814H161.318C159.059 2.80389 157.38 4.91915 156.622 7.41571C154.24 15.4402 159.561 25.6869 164.466 32.9049Z",fill:"#BA68C8"}),e.createElement("path",{d:"M164.466 32.9049L169.634 40.4603L178.116 37.0036C186.169 33.7115 196.284 28.0819 198.691 20.078C199.435 17.5808 199.206 14.8947 198.049 12.5596V12.5185C197.363 11.1393 196.4 9.91609 195.221 8.92496C194.041 7.93384 192.67 7.19598 191.194 6.75729C187.461 5.62562 183.305 7.40337 180.416 10.2099C180.181 10.4371 179.89 10.5976 179.572 10.6749C179.255 10.7521 178.922 10.7434 178.609 10.6495C178.296 10.5556 178.014 10.38 177.791 10.1407C177.568 9.90143 177.413 9.60713 177.342 9.2881C176.486 5.37048 174.013 1.60925 170.26 0.481697C168.787 0.0321725 167.238 -0.109566 165.708 0.0652961C164.178 0.240158 162.7 0.727881 161.367 1.49814H161.318C159.059 2.80389 157.38 4.91915 156.622 7.41571C154.24 15.4402 159.561 25.6869 164.466 32.9049Z",fill:"#128749"}),e.createElement("path",{opacity:"0.1",d:"M164.458 32.8884L169.63 40.4438L178.112 36.9871C186.165 33.6949 196.276 28.0654 198.687 20.0574C199.427 17.5662 199.196 14.8875 198.041 12.5596C198.798 21.2014 185.572 31.3699 173.791 30.6662C163.914 30.0366 157.104 16.7323 156.277 14.7776C157.252 21.0738 160.968 27.7609 164.458 32.8884Z",fill:"black"}),e.createElement("path",{d:"M161.89 89.2001C161.789 89.405 161.744 89.6332 161.761 89.8611C161.778 90.089 161.855 90.3083 161.984 90.4964C162.314 91.0337 162.765 91.4856 163.302 91.8152C163.839 92.1449 164.447 92.343 165.075 92.3935C165.298 92.4184 165.523 92.3848 165.728 92.296C165.934 92.2072 166.113 92.0664 166.248 91.8873C166.873 90.9038 166.659 87.3606 166.285 87.1343C165.91 86.908 162.458 88.2742 161.869 89.1919H161.89V89.2001Z",fill:"#BA68C8"}),e.createElement("path",{d:"M161.89 89.2001C161.789 89.405 161.744 89.6332 161.761 89.8611C161.778 90.089 161.855 90.3083 161.984 90.4964C162.314 91.0337 162.765 91.4856 163.302 91.8152C163.839 92.1449 164.447 92.343 165.075 92.3935C165.298 92.4184 165.523 92.3848 165.728 92.296C165.934 92.2072 166.113 92.0664 166.248 91.8873C166.873 90.9038 166.659 87.3606 166.285 87.1343C165.91 86.908 162.458 88.2742 161.869 89.1919H161.89V89.2001Z",fill:"#B4DD64"}),e.createElement("path",{d:"M162.112 80.1179L165.174 88.7597L174.256 87.5827C182.897 86.4799 194.103 83.624 198.481 76.5007C199.842 74.2872 200.31 71.6391 199.79 69.0934V69.0399C199.478 67.5326 198.859 66.1055 197.972 64.8475C197.085 63.5895 195.949 62.5274 194.634 61.7273C191.301 59.6697 186.86 60.3446 183.342 62.3158C183.046 62.4809 182.71 62.562 182.371 62.5503C181.882 62.5311 181.422 62.3187 181.09 61.9599C180.758 61.601 180.582 61.1252 180.601 60.6368C180.782 56.6122 179.367 52.3448 176.017 50.2954C174.709 49.4819 173.247 48.9463 171.723 48.7218C170.198 48.4974 168.644 48.589 167.157 48.9909H167.112C164.598 49.6821 162.44 51.2994 161.071 53.5176C156.68 60.5998 159.223 71.904 162.112 80.1179Z",fill:"#BA68C8"}),e.createElement("path",{d:"M162.112 80.1179L165.174 88.7597L174.256 87.5827C182.897 86.4799 194.103 83.624 198.481 76.5007C199.842 74.2872 200.31 71.6391 199.79 69.0934V69.0399C199.478 67.5326 198.859 66.1055 197.972 64.8475C197.085 63.5895 195.949 62.5274 194.634 61.7273C191.301 59.6697 186.86 60.3446 183.342 62.3158C183.046 62.4809 182.71 62.562 182.371 62.5503C181.882 62.5311 181.422 62.3187 181.09 61.9599C180.758 61.601 180.582 61.1252 180.601 60.6368C180.782 56.6122 179.367 52.3448 176.017 50.2954C174.709 49.4819 173.247 48.9463 171.723 48.7218C170.198 48.4974 168.644 48.589 167.157 48.9909H167.112C164.598 49.6821 162.44 51.2994 161.071 53.5176C156.68 60.5998 159.223 71.904 162.112 80.1179Z",fill:"#B4DD64"}),e.createElement("path",{opacity:"0.05",d:"M162.112 80.1177L165.169 88.7595L174.247 87.5826C182.889 86.4797 194.099 83.6238 198.477 76.5005C199.836 74.2863 200.304 71.639 199.786 69.0933C198.3 77.6445 182.914 84.0806 171.708 80.3564C162.293 77.233 159.153 62.6078 158.861 60.5132C158.178 66.8382 160.05 74.2495 162.112 80.1177Z",fill:"black"}),e.createElement("path",{d:"M148.602 59.0607C148.547 59.2798 148.552 59.5094 148.615 59.7262C148.677 59.943 148.797 60.1393 148.96 60.2952C149.392 60.7565 149.927 61.1089 150.521 61.3235C151.116 61.5381 151.753 61.6088 152.38 61.5298C152.606 61.5095 152.823 61.43 153.008 61.2992C153.194 61.1685 153.342 60.9911 153.437 60.7849C153.828 59.6985 152.861 56.2583 152.491 56.1307C152.12 56.0031 148.968 58.0442 148.602 59.0648V59.0607Z",fill:"#BA68C8"}),e.createElement("path",{d:"M148.602 59.0607C148.547 59.2798 148.552 59.5094 148.615 59.7262C148.677 59.943 148.797 60.1393 148.96 60.2952C149.392 60.7565 149.927 61.1089 150.521 61.3235C151.116 61.5381 151.753 61.6088 152.38 61.5298C152.606 61.5095 152.823 61.43 153.008 61.2992C153.194 61.1685 153.342 60.9911 153.437 60.7849C153.828 59.6985 152.861 56.2583 152.491 56.1307C152.12 56.0031 148.968 58.0442 148.602 59.0648V59.0607Z",fill:"#1F9999"}),e.createElement("path",{d:"M146.952 50.1146L151.721 57.9334L160.363 54.917C168.573 52.0364 178.963 46.9377 181.762 39.0696C182.63 36.6145 182.54 33.9225 181.511 31.5306V31.4895C180.894 30.08 179.994 28.8123 178.867 27.7647C177.74 26.7171 176.41 25.9119 174.959 25.3991C171.256 24.074 167.05 25.6336 164.021 28.2797C163.774 28.4938 163.474 28.6383 163.153 28.6983C162.831 28.7583 162.499 28.7316 162.191 28.621C161.883 28.5104 161.61 28.3199 161.4 28.069C161.191 27.8181 161.051 27.5158 160.997 27.1933C160.338 23.2222 158.067 19.3416 154.371 18.0247C152.924 17.4997 151.385 17.2781 149.849 17.3737C148.312 17.4693 146.812 17.88 145.441 18.5803L145.396 18.6091C143.082 19.801 141.305 21.8259 140.425 24.2756C137.635 32.1438 142.441 42.6662 146.952 50.1146Z",fill:"#1F9999"}),e.createElement("path",{opacity:"0.1",d:"M146.964 50.1142L151.734 57.933L160.375 54.9166C168.585 52.036 178.972 46.9374 181.774 39.0692C182.642 36.6142 182.553 33.9221 181.523 31.5303C181.832 40.2009 168.104 49.6739 156.367 48.3489C146.516 47.2337 140.425 33.5755 139.697 31.5838C140.376 37.9376 143.742 44.8057 146.964 50.1142Z",fill:"black"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_5504_25779"},e.createElement("rect",{width:"200",height:"181.79",fill:"white"})))),k=({question:n,formValues:t,onChangeHandler:r,autoFocus:o})=>{switch(n.type_info.question_type){case"RANGE":return e.createElement(c,{type_info:n.type_info,onChangeHandler:r,npsValue:t[n.name]});case"CHECKBOX":case"MULTI_SELECT":return e.createElement(h,{autoFocus:o,values:t[n.name],options:n.type_info.choices,onChangeHandler:r,othersOption:n.type_info.meta?.othersOption,othersRequired:n.type_info.meta?.othersRequired});case"RADIO":case"DROPDOWN":return e.createElement(g,{autoFocus:o,name:n.name,onChangeHandler:r,options:n.type_info.choices,value:t[n.name],othersOption:n.type_info.meta?.othersOption,othersRequired:n.type_info.meta?.othersRequired});case"INPUT":case"TEXT":return n.type_info?.meta?.readOnly?e.createElement("div",{className:"message-container"},n.type_info?.meta?.value):e.createElement("div",{className:"responsive-text-field"},e.createElement(m,{autoFocus:o,label:"",maxLength:300,showCount:!0,isRequired:n.is_required,value:t[n.name]||"",placeholder:n.type_info?.meta?.placeholder??"",onChange:e=>r(e.target.value)}),e.createElement(p,{autoFocus:o,label:"",maxLength:300,showCount:!0,isRequired:n.is_required,placeholder:n.type_info?.meta?.placeholder??"",value:t[n.name]||"",onChange:e=>r(e.target.value)}));case"PARAGRAPH":return e.createElement(p,{autoFocus:o,label:"",isRequired:n.is_required,placeholder:n.type_info?.meta?.placeholder??"",value:t[n.name]||"",onChange:e=>r(e.target.value)});default:return console.error(`Question type ${n.type_info.question_type} not found`),null}};i(":root {\n --widget-container-width: 350px;\n --default-brand-color: #264966;\n --default-question-text-color: #000;\n --default-question-background-color: #fff;\n --default-background-color: #ebeff3;\n --default-button-text-color: #fff;\n --default-secondary-button-text-color: #000;\n --default-input-placeholder-color: #92a2b1;\n --compact-widget-max-height: 560px;\n --default-widget-max-height: 400px;\n --cozy-widget-max-height: 380px;\n}\n\n.freemium-survey-components .question-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n text-align: center;\n max-width: 700px;\n margin: 0 auto;\n background: var(--default-question-background-color);\n background: var(--question-background-color, var(--default-question-background-color));\n border-radius: 4px;\n transition: transform 500ms ease 0ms, opacity 200ms ease 0ms;\n box-shadow: 0 1px 3px 0 rgba(18, 52, 77, 0.2);\n margin-bottom: 28px;\n padding: 28px;\n grid-gap: 28px;\n gap: 28px;\n position: relative;\n}\n.freemium-survey-components .question-text {\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.8;\n width: 100%;\n text-align: left;\n color: var(--default-question-text-color);\n color: var(--question-text-color, var(--default-question-text-color));\n}\n.freemium-survey-components .thankyou {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.freemium-survey-components .thankyou .text {\n white-space: pre-wrap;\n font-weight: 500;\n font-size: 1.2rem;\n line-height: 2;\n color: #12344d;\n}\n.freemium-survey-components .thankyou .redirection-text {\n color: #929292;\n margin-bottom: 12px;\n font-weight: 300;\n}\n.freemium-survey-components .thankyou .link {\n width: 100%;\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #666;\n font-weight: 500;\n text-decoration: underline;\n}\n.freemium-survey-components .action-buttons {\n display: flex;\n justify-content: flex-start;\n grid-gap: 40px;\n gap: 40px;\n width: 100%;\n align-items: center;\n}\n.freemium-survey-components .action-buttons:empty {\n display: none;\n}\n.freemium-survey-components .skip-button {\n font-weight: 400;\n cursor: pointer;\n background: transparent;\n border: none;\n min-width: 40px;\n padding: 8px 16px;\n border-radius: 4px;\n color: var(--default-secondary-button-text-color);\n color: var(--secondary-button-text-color, var(--default-secondary-button-text-color));\n letter-spacing: 0.05rem;\n line-height: 1.5;\n border: 1px solid transparent;\n}\n.freemium-survey-components .skip-button:hover {\n background-color: #f3f3f3;\n}\n.freemium-survey-components .next-button {\n color: var(--default-button-text-color);\n color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components .submit {\n max-width: 700px;\n margin: 0 auto;\n text-align: left;\n background: transparent;\n box-shadow: none;\n color: var(--default-button-text-color);\n color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components .responsive-text-field {\n width: 100%;\n}\n.freemium-survey-components .responsive-text-field .textarea-container {\n display: none;\n}\n.freemium-survey-components .message-container:empty {\n display: none;\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components .responsive-text-field .input-container {\n display: none;\n }\n .freemium-survey-components .responsive-text-field .textarea-container {\n display: flex;\n }\n}\ndiv.widget-survey-components {\n display: flex;\n flex-grow: 1;\n font-size: 0.875rem;\n overflow: hidden;\n}\ndiv.widget-survey-components .textarea-container .end-max-length {\n padding: 4px;\n}\ndiv.widget-survey-components .responsive-text-field .input-container {\n display: none;\n}\ndiv.widget-survey-components .responsive-text-field .textarea-container {\n display: flex;\n}\ndiv.widget-survey-components .questions {\n min-width: 100%;\n max-width: 100%;\n display: flex;\n height: 100%;\n max-height: 560px;\n max-height: var(--compact-widget-max-height);\n}\ndiv.widget-survey-components .question-text {\n font-size: 0.875rem;\n width: 100%;\n text-align: left;\n}\ndiv.widget-survey-components .question-container {\n box-shadow: none;\n height: 100%;\n min-width: 100%;\n max-width: 100%;\n margin-bottom: 0;\n border-radius: 0;\n padding: 12px 16px;\n grid-gap: 16px;\n gap: 16px;\n flex-grow: 1;\n}\ndiv.widget-survey-components .action-buttons {\n margin: 0px auto;\n justify-content: end;\n flex-direction: row-reverse;\n grid-gap: 16px;\n gap: 16px;\n position: -webkit-sticky;\n position: sticky;\n bottom: 0;\n background-color: #fff;\n}\ndiv.widget-survey-components .submit {\n padding-bottom: 0;\n margin: unset;\n}\ndiv.widget-survey-components .nps-container .footer {\n padding-top: 12px;\n}\ndiv.widget-survey-components .nps-container .widget .choices {\n grid-gap: 8px;\n gap: 8px;\n}\ndiv.widget-survey-components .radio-group {\n overflow: auto;\n width: 100%;\n}\ndiv.widget-survey-components .checkbox-group {\n overflow: auto;\n width: 100%;\n flex-wrap: nowrap;\n}\ndiv.widget-survey-components div.thankyou {\n grid-gap: 36px;\n gap: 36px;\n}\ndiv.widget-survey-components svg {\n width: 140px;\n height: 120px;\n}\n\n.widget-survey-components.default-style .questions {\n max-height: 400px;\n max-height: var(--default-widget-max-height);\n}\n.widget-survey-components.default-style .question-container {\n padding: 12px 28px;\n}\n.widget-survey-components.default-style .nps-container .footer {\n padding-top: 12px;\n}\n.widget-survey-components.default-style .action-button {\n line-height: 1.2;\n}\n.widget-survey-components.default-style .radio-group {\n flex-direction: row;\n flex-wrap: wrap;\n overflow: auto;\n}\n.widget-survey-components.default-style .radio-group .radio-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9rem;\n}\n.widget-survey-components.default-style .checkbox-group {\n flex-direction: row;\n flex-wrap: wrap;\n overflow: auto;\n}\n.widget-survey-components.default-style .checkbox-group .checkbox-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9rem;\n}\n.widget-survey-components.default-style textarea {\n min-height: 84px;\n}\n.widget-survey-components.default-style .end-max-length {\n font-size: 0.8rem;\n font-weight: 300;\n padding: 4px;\n}\n.widget-survey-components.default-style div.thankyou {\n flex-direction: row;\n}\n\n.widget-survey-components.cozy-style .questions {\n max-height: 380px;\n max-height: var(--cozy-widget-max-height);\n}\n.widget-survey-components.cozy-style .question-text {\n font-size: 1rem;\n}\n.widget-survey-components.cozy-style .question-text.nps {\n text-align: center;\n width: 60%;\n min-width: 600px;\n margin: auto;\n}\n.widget-survey-components.cozy-style .question-container {\n padding: 12px 28px;\n}\n.widget-survey-components.cozy-style .nps-container {\n grid-gap: 44px;\n gap: 44px;\n}\n.widget-survey-components.cozy-style .nps-container .widget {\n display: flex;\n justify-content: center;\n}\n.widget-survey-components.cozy-style .nps-container .button-container {\n width: 60%;\n min-width: 600px;\n margin: 0 auto;\n}\n.widget-survey-components.cozy-style .nps-container .button-container .choices {\n justify-content: space-around;\n}\n.widget-survey-components.cozy-style .nps-container .footer {\n padding-top: 8px;\n}\n.widget-survey-components.cozy-style .action-button {\n line-height: 1.2;\n}\n.widget-survey-components.cozy-style .radio-group {\n flex-direction: row;\n flex-wrap: wrap;\n overflow: auto;\n}\n.widget-survey-components.cozy-style .radio-group .radio-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9rem;\n}\n.widget-survey-components.cozy-style .checkbox-group {\n flex-direction: row;\n flex-wrap: wrap;\n overflow: auto;\n}\n.widget-survey-components.cozy-style .checkbox-group .checkbox-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9rem;\n}\n.widget-survey-components.cozy-style textarea {\n min-height: 60px;\n}\n.widget-survey-components.cozy-style .end-max-length {\n font-size: 0.8rem;\n font-weight: 300;\n padding: 4px;\n}");const L=()=>e.createElement("svg",{style:{display:"block"},width:"9",height:"14",viewBox:"0 0 10 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M7.82585 6.15754C7.98999 6.32147 8.08232 6.54389 8.08252 6.77587L8.08252 7.2192C8.07983 7.45069 7.98788 7.6722 7.82585 7.83754L1.82919 13.8225C1.77496 13.8772 1.71044 13.9206 1.63936 13.9502C1.56827 13.9798 1.49203 13.9951 1.41502 13.9951C1.33801 13.9951 1.26177 13.9798 1.19068 13.9502C1.1196 13.9206 1.05508 13.8772 1.00085 13.8225L0.172521 12.9942C0.118197 12.941 0.0750381 12.8774 0.0455752 12.8073C0.0161124 12.7372 0.000937578 12.6619 0.000937585 12.5859C0.000937592 12.5098 0.0161125 12.4345 0.0455753 12.3644C0.0750381 12.2943 0.118197 12.2308 0.172521 12.1775L5.36419 6.99754L0.172522 1.81754C0.117847 1.76331 0.0744506 1.69879 0.0448352 1.62771C0.0152208 1.55662 -2.75162e-05 1.48038 -2.75094e-05 1.40337C-2.75027e-05 1.32636 0.0152208 1.25012 0.0448353 1.17904C0.0744507 1.10795 0.117847 1.04343 0.172522 0.989205L1.00086 0.172537C1.05508 0.117862 1.1196 0.0744661 1.19069 0.0448507C1.26177 0.0152353 1.33801 -1.20337e-05 1.41502 -1.2027e-05C1.49203 -1.20203e-05 1.56827 0.0152353 1.63936 0.0448507C1.71044 0.0744661 1.77496 0.117862 1.82919 0.172537L7.82585 6.15754Z",fill:"#6B6B6B"})),q=()=>e.createElement("svg",{style:{display:"block"},width:"9",height:"14",viewBox:"0 0 10 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M0.256667 7.83755C0.0925257 7.67361 0.000204227 7.4512 0 7.21921V6.77588C0.00268801 6.5444 0.0946357 6.32289 0.256667 6.15755L6.25333 0.172549C6.30756 0.117874 6.37208 0.0744776 6.44316 0.0448625C6.51425 0.0152474 6.59049 0 6.6675 0C6.74451 0 6.82075 0.0152474 6.89184 0.0448625C6.96292 0.0744776 7.02744 0.117874 7.08167 0.172549L7.91 1.00088C7.96432 1.05411 8.00748 1.11764 8.03694 1.18776C8.06641 1.25787 8.08158 1.33316 8.08158 1.40922C8.08158 1.48527 8.06641 1.56056 8.03694 1.63067C8.00748 1.70079 7.96432 1.76432 7.91 1.81755L2.71833 6.99755L7.91 12.1775C7.96467 12.2318 8.00807 12.2963 8.03769 12.3674C8.0673 12.4385 8.08255 12.5147 8.08255 12.5917C8.08255 12.6687 8.0673 12.745 8.03769 12.8161C8.00807 12.8871 7.96467 12.9517 7.91 13.0059L7.08167 13.8225C7.02744 13.8772 6.96292 13.9206 6.89184 13.9502C6.82075 13.9799 6.74451 13.9951 6.6675 13.9951C6.59049 13.9951 6.51425 13.9799 6.44316 13.9502C6.37208 13.9206 6.30756 13.8772 6.25333 13.8225L0.256667 7.83755Z",fill:"#6B6B6B"})),_=["RANGE","NPS","RADIO","DROPDOWN"],M=300,N=1e4,Z=({thankYouQuestion:n,preview:t})=>(r((()=>{t||n.type_info.meta?.redirectUrl&&setTimeout((()=>{window.location.href=n.type_info.meta?.redirectUrl}),1e4)}),[]),e.createElement("div",{className:"question-container thankyou"},e.createElement(E,null),e.createElement("div",{className:"text"},n.text),n.type_info.meta?.redirectUrl&&e.createElement("div",{style:{width:"100%"}},e.createElement("div",{className:"redirection-text"},"You will be redirected to the below URL automatically in 10 seconds.",e.createElement("br",null)),e.createElement("a",{className:"link",href:n.type_info.meta?.redirectUrl},n?.type_info.meta?.redirectUrl)))),z=({survey:t,placeholders:i,onSubmit:c,widget:l,surveyContainerWidth:s="0px",npsValue:d,widgetStyle:u,widgetNavigatorQuerySelector:m,preview:p,mobilePreview:f})=>{const{meta:{blocks:h},question_details:{questions:C}}=t,[g,x]=o(null),[v,y]=o({}),[E,N]=o(!1),[z,F]=o([]),[H,D]=o(0),[$,O]=o(!1),[R,A]=o(null),S=n(null),T=n(null),B=n(-1),V=n(null),j=n(0),I=n(!1),P=n([]),U=n(null),Y=n([]);r((()=>{h&&(U.current=h.find((e=>"T_1"===e.name)),x(h.filter((e=>"T_1"!==e.name))))}),[h]),r((()=>{if(g)if(T.current=C.find((e=>e.pivot_question))??C.find((e=>"RANGE"===e.type_info.question_type))??C[0],null!=d){B.current=d;const e=C.find((e=>e.name===g[0].question_names[0]));S.current={...g[0],question:e},P.current=[...P.current,{...g[0],question:e}],F(P.current),y({Q_1:d})}else if(!S.current&&g.length>0)return S.current=g[0],void W(g[0])}),[g,d]),e.useEffect((()=>{l||V.current?.scrollIntoView({block:"center",behavior:"smooth"}),z.length&&(P.current=z),V.current&&(V.current.style.maxHeight="unset"),Y.current[j.current]=V.current?.scrollHeight||Y.current[j.current]||0,D(z.length-1),V.current&&(V.current.style.maxHeight="100%")}),[z]),r((()=>{Object.keys(v).length>0&&S.current.question&&(_.includes(S.current.question.type_info.question_type)||I.current)&&!G()&&X()}),[v]),r((()=>{if(null!=v?.[T.current?.name])if(U.current?.is_based_on_score){const e=T.current?.type_info?.choices[v?.[T.current?.name]]?.dependent_question_names,n=U.current?.question_names.find((n=>e?.includes(n))),t=C.find((e=>e.name===n));A(t)}else{const e=C.find((e=>e.name==U.current?.question_names[0]));A(e)}}),[v?.[T.current?.name]]);const G=()=>j.current===g.length-1||"end"===S.current.branchOption,Q=e=>{if(e){let t={"{{nps.score}}":B.current};i&&(t={...t,...i});var n=new RegExp(Object.keys(t).join("|"),"gi");e=e.replace(n,(function(e){return t[e.toLowerCase()]}))}return e},W=e=>{let n={};if(e.is_based_on_score){const t=T.current?.type_info?.choices[v?.[T.current?.name]]?.dependent_question_names,r=e.question_names.find((e=>t?.includes(e)));n=C.find((e=>e.name===r))}else n=C.find((n=>n.name===e.question_names[0]));S.current.question=n;const t=P.current.find((e=>e.question.name===n.name));F(t?[...P.current]:[...P.current,{...e,question:n}])},X=()=>{if(G())N(!0);else{if(S.current.nextBlock)j.current=g.findIndex((e=>e.name===S.current.nextBlock));else if(S.current.question.type_info?.meta?.branches){const e=S.current.question.type_info?.meta?.branches,n=v[S.current.question.name];let t;t="RANGE"===S.current.type?e.find((e=>n>=e.min&&n<=e.max)):e.find((e=>n===e.value)),t?.nextBlock?j.current=g.findIndex((e=>e.name===t.nextBlock)):j.current+=1}else j.current+=1;S.current=g[j.current],W(g[j.current])}},K=(e,n)=>{I.current=!0,delete v[n.name],y({...v})},J=(e,n,t)=>{if(t){if(I.current=!0,null!=v[e.question.name]&&e.name!==z[z.length-1].name){const[t,r]=(e=>{const n=z.findIndex((n=>n.name===e.name)),t=z.slice(0,n+1),r=t.reduce(((e,n)=>(e[n.question.name]=v[n.question.name],e)),{});return j.current=g.findIndex((n=>n.name===e.name)),[t,r]})(e);y({...r,...null!=n&&{[e.question.name]:n}}),P.current=t}else y({...v,...null!=n&&{[e.question.name]:n}});T?.current?.name==e?.question?.name&&(B.current=n)}else y({...v,...null!=n&&{[e.question.name]:n}})};return S.current&&S.current.question?E?e.createElement("div",{className:`freemium-survey-components ${l?"widget-survey-components":""} ${u}-style`},e.createElement(Z,{thankYouQuestion:R,preview:p})):e.createElement("div",{className:`freemium-survey-components ${l?"widget-survey-components":""} ${u}-style ${f?"mobile-preview":""}`,style:{"--widget-container-width":s}},!l&&e.createElement(b,{totalSteps:g.length,completedSteps:j.current}),l&&document.querySelector(m)&&e.createElement(e.Fragment,null,a.createPortal(e.createElement("div",{className:"navigation","data-navigation-element":"1",style:0!==j.current?{paddingLeft:"18px"}:{}},e.createElement("button",{style:0==j.current?{display:"none"}:{},className:"navigate-button",onClick:()=>{j.current=Math.max(j.current-1,0),D(j.current)}},e.createElement(q,null)),e.createElement("span",{className:"navigation-text"},"Question ",j.current+1," of"," ",z.length," "),e.createElement("button",{className:"navigate-button",style:j.current>=z.length-1?{visibility:"hidden"}:{},onClick:()=>{j.current=Math.min(j.current+1,z.length-1),D(j.current)}},e.createElement(L,null))),document.querySelector(m))),e.createElement("div",{style:l?{transform:`translateX(calc(-${H} * 100%))`,height:`${Y.current[j.current]}px`,transition:z?.length>1?`all ${M}ms linear 0ms`:`transform ${M}ms linear 0ms`}:{},className:"questions"},z.map(((n,t)=>{return e.createElement("div",{className:"question-container",style:{height:"fit-content",transition:"opacity 100ms ease-out",opacity:l&&j.current!==t?0:1},ref:V,id:n.question.name,key:n.question.name},e.createElement("div",{className:"question-text "+(0===t?"nps":""),dangerouslySetInnerHTML:{__html:Q(n.question.text)}}),e.createElement(k,{question:n.question,formValues:v,autoFocus:S.current.name===n.name,onChangeHandler:e=>{I.current=!1,j.current=g.findIndex((e=>e.name===n.name)),S.current=n,J(n,e,_.includes(n.question.type_info.question_type)&&!G())}}),e.createElement("div",{className:"action-buttons"},(r=n.question,r.name===S.current.question.name&&!_.includes(r.type_info.question_type)&&!G()&&e.createElement(w,{onClick:()=>{I.current?(j.current=Math.min(j.current+1,z.length-1),S.current=z[t+1],D(j.current)):J(n,null,!0)},disabled:!v[S.current.question.name]||Array.isArray(v[S.current.question.name])&&0===v[S.current.question.name].length,className:"next-button"},"Next")),((e,n)=>"RANGE"!==n.type_info.question_type&&!n.required&&n.name===S.current.question.name&&!G())(0,n.question)&&e.createElement("button",{className:"skip-button",onClick:()=>K(0,n.question)},"Skip"),((e,n)=>"DROPDOWN"===n.type_info.question_type&&n.name!==S.current.question.name&&!n.required&&null!=v[n.name])(0,n.question)&&e.createElement("button",{className:"skip-button",onClick:()=>{S.current=n,j.current=g.findIndex((e=>e.name===n.name)),K(0,n.question)}},"Clear selection"),l&&(e=>G()&&e.name===S.current.question.name)(n.question)&&e.createElement("div",{className:"submit"},e.createElement(w,{disabled:(S.current.question.required||S.current.question.type_info.pivot_question)&&void 0===v[S.current.question.name]||$,onClick:()=>{O(!0),c(v,(()=>{R?.type_info.meta?.skipThankYouPage||N(!0)}))}},$?"Submitting":"Submit Survey"))));var r})),!l&&G()&&e.createElement("div",{className:"submit"},e.createElement(w,{disabled:S.current.question.required&&void 0===v[S.current.question.name]||$,onClick:()=>{O(!0),c(v,(()=>{p||R?.type_info.meta?.skipThankYouPage&&(window.location.href=R?.type_info.meta?.redirectUrl),R?.type_info.meta?.skipThankYouPage||N(!0)}))}},$?"Submitting Survey":"Submit Survey")))):null};export{N as AUTO_REDIRECT_DELAY,y as BUTTON_SIZE_VARIANTS,w as Button,h as CheckboxGroup,m as Input,c as NPS,b as ProgressBar,x as Radio,g as RadioGroup,z as Survey,M as TRANSITION_DELAY,p as TextArea};
1
+ import e,{useRef as n,forwardRef as t,useEffect as r,useState as o}from"react";import a from"react-dom";function i(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}i(".freemium-survey-components .nps-container {\n margin: 0 auto;\n width: 100%;\n display: flex;\n flex-direction: column;\n grid-gap: 52px;\n gap: 52px;\n}\n.freemium-survey-components .nps-container .footer {\n border-top: 1px solid var(--default-background-color);\n border-top: 1px solid var(--background-color, var(--default-background-color));\n padding-top: 20px;\n margin-top: 20px;\n display: flex;\n justify-content: center;\n font-size: 0.875rem;\n line-height: 1.5;\n}\n.freemium-survey-components .nps-container .widget {\n position: relative;\n}\n.freemium-survey-components .nps-container .widget .button-container {\n display: flex;\n justify-content: space-between;\n background: var(--default-background-color);\n background: var(--background-color, var(--default-background-color));\n position: relative;\n}\n.freemium-survey-components .nps-container .widget .positive-text {\n position: absolute;\n color: #475867;\n bottom: -40px;\n font-size: 12px;\n right: 0px;\n text-align: right;\n}\n.freemium-survey-components .nps-container .widget .negative-text {\n position: absolute;\n color: #475867;\n bottom: -40px;\n font-size: 12px;\n left: 0;\n text-align: left;\n}\n.freemium-survey-components .nps-container .widget span {\n color: #aaa;\n font-size: 0.75rem;\n}\n.freemium-survey-components .nps-container .widget button {\n display: inline-block;\n font-size: 1rem;\n white-space: nowrap;\n vertical-align: middle;\n background: none;\n border: none;\n box-shadow: none;\n cursor: pointer;\n text-align: center;\n font-weight: 400;\n border-radius: 4px;\n margin: 0;\n outline: none;\n margin-left: -1px;\n width: 40px;\n height: 40px;\n transform: scale(1);\n transition: background 0.2s ease-in, color 0.2s ease-in, border-color 0.2s ease-in, transform 0.2s cubic-bezier(0.5, 2, 0.5, 0.75);\n}\n.freemium-survey-components .nps-container .widget button:hover {\n color: white;\n transform: scale(1.2);\n z-index: 2;\n position: relative;\n}\n.freemium-survey-components .nps-container .widget button.active {\n color: white;\n transform: scale(1.2);\n z-index: 2;\n position: relative;\n}\n.freemium-survey-components .nps-container .widget.rounded button {\n border-radius: 50%;\n}\n.freemium-survey-components .nps-container .widget.square button {\n border-radius: 0;\n}\n.freemium-survey-components .nps-container .widget.curved button {\n border-radius: 3px;\n}\n.freemium-survey-components .nps-container .widget.highlighted button:hover, .freemium-survey-components .nps-container .widget.highlighted button.active {\n background: var(--default-brand-color) !important;\n background: var(--brand-color, var(--default-brand-color)) !important;\n}\n.freemium-survey-components .nps-container .widget .choices {\n width: 100%;\n display: flex;\n justify-content: space-between;\n}\n.freemium-survey-components .nps-container .widget.standard .button-container {\n background-color: transparent;\n}\n.freemium-survey-components .nps-container .widget.standard .choice {\n color: #000;\n background: var(--default-background-color);\n background: var(--background-color, var(--default-background-color));\n}\n.freemium-survey-components .nps-container .widget.standard .choice.active,\n.freemium-survey-components .nps-container .widget.standard .choice:hover {\n color: #fff;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(1):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(1).active {\n background: #eb5b56;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(2):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(2).active {\n background: #fb8774;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(3):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(3).active {\n background: #f58f6b;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(4):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(4).active {\n background: #f6996a;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(5):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(5).active {\n background: #eab268;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(6):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(6).active {\n background: #cebb69;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(7):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(7).active {\n background: #bdc46c;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(8):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(8).active {\n background: #a4cd72;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(9):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(9).active {\n background: #77c955;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(10):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(10).active {\n background: #37c248;\n}\n.freemium-survey-components .nps-container .widget.standard .choice:nth-child(11):hover, .freemium-survey-components .nps-container .widget.standard .choice:nth-child(11).active {\n background: #1ebf31;\n}\n\n.freemium-survey-components.mobile-preview .nps-container .widget .button-container {\n background: transparent;\n}\n.freemium-survey-components.mobile-preview .nps-container .widget .choices {\n flex-wrap: wrap;\n justify-content: center;\n grid-gap: 16px;\n gap: 16px;\n background: transparent;\n}\n.freemium-survey-components.mobile-preview .nps-container .widget button {\n border-radius: 50%;\n background: #ebeff3;\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components .nps-container .widget .button-container {\n background: transparent;\n }\n .freemium-survey-components .nps-container .widget .choices {\n flex-wrap: wrap;\n justify-content: center;\n grid-gap: 16px;\n gap: 16px;\n background: transparent;\n }\n .freemium-survey-components .nps-container .widget button {\n border-radius: 50%;\n background: #ebeff3;\n }\n}\n.widget-survey-components .nps-container .widget .button-container {\n background: transparent;\n}\n.widget-survey-components .nps-container .widget .choices {\n flex-wrap: wrap;\n justify-content: center;\n grid-gap: 16px;\n gap: 16px;\n background: transparent;\n}\n.widget-survey-components .nps-container .widget button {\n border-radius: 50%;\n background: #ebeff3;\n}");const c=t=>{const{type_info:{linear_scale:{button_shape:r,button_style:o},score_presets:{start:a,end:i},validation:{min:c},footer_text:l}}=t,s=e=>{switch(e){case e<=6:return"detractor";case e<=8:return"passive";default:return"promoter"}},d=n(Array.from({length:10+(0===c?1:0)},((e,n)=>n+c)));return e.createElement("div",{className:"nps-container"},e.createElement("div",{className:`widget ${r} ${o}`},e.createElement("div",{className:"button-container"},e.createElement("span",{className:"negative-text"},a),e.createElement("div",{className:"choices"},d.current.map((n=>e.createElement("button",{key:n,onClick:e=>{t.onChangeHandler(n)},className:`choice ${s(n)} ${t.npsValue===n&&"active"}`},n)))),e.createElement("span",{className:"positive-text"},i))),e.createElement("div",{className:"footer"},l))},l=(e,n)=>(e.defaultProps=n,e);i('.freemium-survey-components .input-container,\n.freemium-survey-components .textarea-container {\n display: flex;\n flex-direction: column;\n width: 100%;\n border-radius: 4px;\n position: relative;\n}\n.freemium-survey-components label.input-label {\n display: inline-block;\n padding-bottom: 8px;\n padding-left: 2px;\n font-size: 0.75rem;\n font-weight: 400;\n}\n.freemium-survey-components label.required::after {\n content: "*";\n position: relative;\n top: 2px;\n font-weight: 500;\n font-size: 0.85rem;\n padding-left: 3px;\n color: #d72d30;\n}\n.freemium-survey-components .input-basic {\n width: 100%;\n display: flex;\n align-items: center;\n border-radius: 4px;\n border: 1px solid var(--default-brand-color);\n border: 1px solid var(--brand-color, var(--default-brand-color));\n transition: border-color 0.2s linear;\n background: #fff;\n}\n.freemium-survey-components .textarea-container .input-basic {\n flex-direction: column;\n align-items: unset;\n}\n.freemium-survey-components .input-basic.error {\n border: 1px solid #d72d30;\n}\n.freemium-survey-components .input-basic.error:hover {\n border: 1px solid #d72d30;\n}\n.freemium-survey-components .input-basic.error[focus-within] {\n box-shadow: none;\n}\n.freemium-survey-components .input-basic.error:focus-within {\n box-shadow: none;\n}\n.freemium-survey-components .input-basic:hover {\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n transition: 0.2s linear;\n}\n.freemium-survey-components .input-basic[focus-within] {\n border: 1px solid transparent;\n box-shadow: 0 0 0 2px var(--default-brand-color);\n box-shadow: 0 0 0 2px var(--brand-color, var(--default-brand-color));\n}\n.freemium-survey-components .input-basic:focus-within {\n border: 1px solid transparent;\n box-shadow: 0 0 0 2px var(--default-brand-color);\n box-shadow: 0 0 0 2px var(--brand-color, var(--default-brand-color));\n}\n.freemium-survey-components .end-max-length {\n padding: 0 8px;\n font-size: 0.85rem;\n}\n.freemium-survey-components .textarea-container .end-max-length {\n padding: 8px;\n align-self: flex-end;\n}\n.freemium-survey-components span.input-error {\n display: block;\n padding-left: 2px;\n padding-top: 4px;\n font-size: 0.9rem;\n color: #d72d30;\n}\n.freemium-survey-components input[type=text] {\n padding: 6px 12px;\n flex: 1;\n border: unset;\n height: 32px;\n font-size: 1rem;\n /* line-height: ${typography.input.text.lineHeight}; */\n border-radius: 4px;\n}\n.freemium-survey-components input[type=text],\n.freemium-survey-components textarea {\n outline: none;\n border: none;\n}\n.freemium-survey-components input[type=text]::-moz-placeholder {\n color: #92a2b2;\n font-weight: 400;\n font-size: 0.85rem;\n}\n.freemium-survey-components input[type=text]:-ms-input-placeholder {\n color: #92a2b2;\n font-weight: 400;\n font-size: 0.85rem;\n}\n.freemium-survey-components input[type=text]::placeholder {\n color: #92a2b2;\n font-weight: 400;\n font-size: 0.85rem;\n}\n.freemium-survey-components textarea {\n min-height: 116px;\n padding: 12px;\n flex: 1;\n border: unset;\n resize: none;\n font-size: 1rem;\n /* line-height: ${typography.input.text.lineHeight}; */\n border-radius: 4px;\n}\n.freemium-survey-components textarea::-moz-placeholder {\n color: #92a2b2;\n font-weight: 400;\n font-size: 0.85rem;\n}\n.freemium-survey-components textarea:-ms-input-placeholder {\n color: #92a2b2;\n font-weight: 400;\n font-size: 0.85rem;\n}\n.freemium-survey-components textarea::placeholder {\n color: #92a2b2;\n font-weight: 400;\n font-size: 0.85rem;\n}');const s={isRequired:!1,showCount:!1,isErrored:!1,inline:!1,spellCheck:!1,autoFocus:!0},d=t(((t,o)=>{const a=n(null);r((()=>{t.autoFocus&&setTimeout((()=>{a.current?.focus()}),M+20)}),[t.autoFocus]);const{inputStyle:i,style:c,className:l,showCount:s,isErrored:d,startLabel:u,isRequired:m,errorText:p,endLabel:f,maxLength:h,autoFocus:C,...g}=t;return e.createElement("div",{className:"input-container",style:c},t.label&&e.createElement("label",{className:"input-label "+(m?"required":"")},t.label),e.createElement("div",null,u&&e.createElement("div",{className:"start-label"},u),e.createElement("div",{className:`input-basic ${d?"error":""}${l||""}`},e.createElement("input",Object.assign({type:"text",autoComplete:"off",ref:a,style:i},g)),s&&h>0&&e.createElement("div",{className:"end-max-length"},`${t.value&&t.value.length||0}/${t.maxLength}`)),f&&e.createElement("div",{className:"end-label"},f)),d&&p&&e.createElement("span",{className:"input-error"},t.errorText))})),u=t(((t,o)=>{const a=n(null);r((()=>{t.autoFocus&&setTimeout((()=>{a.current?.focus()}),M+20)}),[]);const{inputStyle:i,style:c,className:l,showCount:s,maxLength:d,isErrored:u,startLabel:m,isRequired:p,autoFocus:f,...h}=t;return e.createElement(e.Fragment,null,e.createElement("div",{className:"textarea-container",style:c},t.label&&e.createElement("label",{className:"input-label "+(p?"required":"")},t.label),m&&e.createElement("div",{className:"start-label"},m),e.createElement("div",{className:`input-basic ${u?"error":""} ${l||""}`},e.createElement("textarea",Object.assign({autoComplete:"off",ref:a,style:i},h)),s&&d&&d>0&&e.createElement("div",{className:"end-max-length"},`${t.value&&t.value.length||0}/${t.maxLength}`)),t.endLabel&&e.createElement("div",{className:"end-label"},t.endLabel)),t.isErrored&&t.errorText&&e.createElement("span",{className:"input-error"},t.errorText))})),m=l(d,s),p=l(u,s);i('.freemium-survey-components .checkbox-group {\n display: flex;\n grid-gap: 12px;\n gap: 12px;\n flex-direction: column;\n white-space: nowrap;\n flex-wrap: wrap;\n}\n.freemium-survey-components .icon-container {\n display: inline-block;\n flex: 0 0 12px;\n width: 12px;\n height: 12px;\n min-width: 12px;\n min-height: 12px;\n color: inherit;\n position: absolute;\n left: 1px;\n top: 2px;\n}\n.freemium-survey-components .tick-icon {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n width: 100%;\n color: inherit;\n fill: currentColor;\n}\n.freemium-survey-components input[type=checkbox] {\n position: absolute;\n clip: rect(0px 0px 0px 0px);\n width: 0px;\n height: 0px;\n}\n.freemium-survey-components input[type=checkbox]:focus ~ .checkbox {\n /* box-shadow: ${pseudo.focus} 0px 0px 0px 2px; */\n box-shadow: var(--default-brand-color) 0px 0px 0px 2px;\n box-shadow: var(--brand-color, var(--default-brand-color)) 0px 0px 0px 2px;\n border-color: transparent;\n}\n.freemium-survey-components .checkbox-label {\n display: flex;\n align-items: flex-start;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n text-align: left;\n opacity: 1;\n line-height: 1.2;\n cursor: pointer;\n font-size: 1rem;\n padding: 16px 24px;\n min-width: 200px;\n border: 1px solid #ebeff3;\n box-shadow: 0px 2px 5px rgba(18, 52, 77, 0.06);\n border-radius: 4px;\n white-space: pre-wrap;\n}\n.freemium-survey-components .checkbox-label:hover .checkbox {\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n box-shadow: var(--default-background-color) 0px 0px 0px 5px;\n box-shadow: var(--background-color, var(--default-background-color)) 0px 0px 0px 5px;\n}\n.freemium-survey-components .checkbox-label.disabled {\n opacity: 0.5;\n cursor: "not-allowed";\n}\n.freemium-survey-components .checkbox {\n transition: background-color ease-in 0.2s;\n min-width: 14px;\n min-height: 14px;\n min-height: 14px;\n max-height: 14px;\n border-radius: 2px;\n position: relative;\n margin-right: 16px;\n background-color: #fff;\n border: 1px solid;\n text-align: left;\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n}\n.freemium-survey-components .checkbox:hover {\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n box-shadow: var(--default-background-color) 0px 0px 0px 5px;\n box-shadow: var(--background-color, var(--default-background-color)) 0px 0px 0px 5px;\n}\n.freemium-survey-components input[type=checkbox]:checked ~ .checkbox {\n background-color: var(--default-brand-color);\n background-color: var(--brand-color, var(--default-brand-color));\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n}\n.freemium-survey-components input[type=checkbox]:checked ~ .checkbox:hover {\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n}\n.freemium-survey-components input[type=checkbox]:disabled ~ .checkbox:hover {\n box-shadow: unset;\n border-color: unset;\n}');const f=()=>e.createElement("svg",{id:"tick",className:"tick-icon",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"title",viewBox:"0 0 10 10"},e.createElement("path",{d:"M3 5.87c-.18666814.00267463-.36667109-.06932655-.5-.2L.21 3.41c-.1786328-.17863279-.24839684-.43899577-.1830127-.6830127.06538414-.24401694.25598306-.43461586.5-.5C.77100423 2.16160316 1.0313672 2.23136721 1.21 2.41L3 4.18 6.8.33c.27679776-.27455556.72320224-.27455556 1 0 .13696438.13025306.21450026.31098915.21450026.5S7.93696438 1.19974694 7.8 1.33L3.45 5.67c-.12082534.11896945-.28072735.19003701-.45.2Z",fill:"#fff",fillRule:"evenodd"})),h=({values:n=[],options:t,autoFocus:r,onChangeHandler:a,othersOption:i,othersRequired:c})=>{const l=(()=>{let e=-1;return n.map(((n,r)=>{const o=t.find((e=>e.value===n));return o||(e=r),o})),e})(),[s,d]=o(!1);return e.createElement("div",{className:"checkbox-group"},t?.map(((t,o)=>e.createElement(C,{key:t.value,checked:n?.includes(t.value),name:t.value,id:t.value,autoFocus:0===o&&r,onChange:(e,r)=>{if(r)a([...n||[],t.value]);else{const e=n.indexOf(t.value);e>-1&&n.splice(e,1),a([...n])}}},t.value))),i&&e.createElement(C,{key:"others",checked:s,name:"others",id:"others",onChange:(e,n)=>{d(n)}},"Others"),s&&e.createElement(e.Fragment,null,e.createElement(m,{placeholder:"Enter your comment",value:n[l],onChange:e=>{-1!==l?(n[l]=e.target.value,a(n)):a(n.concat(e.target.value))},label:""})))},C=l((t=>{const o=n(null);return r((()=>{t.autoFocus&&setTimeout((()=>{o.current?.focus()}),M+20)}),[]),e.createElement("label",{className:`checkbox-label ${t.disabled&&"disabled"}`},e.createElement("input",{ref:o,id:t.id,type:"checkbox",name:t.name,readOnly:t.readOnly,disabled:t.disabled,"aria-disabled":t.disabled,checked:t.checked,onChange:t.readOnly?()=>{}:e=>t.onChange(e,e.target.checked)}),e.createElement("div",{className:"checkbox"},t.checked&&e.createElement("div",{className:"icon-container"},e.createElement(f,null)," ")),e.createElement("div",null,t.children))}),{checked:!1});i('.freemium-survey-components .radio-group {\n display: flex;\n grid-gap: 12px;\n gap: 12px;\n white-space: nowrap;\n flex-direction: column;\n}\n.freemium-survey-components .radio {\n background-color: #fff;\n border: 1px solid;\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n transition: background-color ease-in 0.2s;\n min-width: 18px;\n max-width: 18px;\n min-height: 18px;\n max-height: 18px;\n border-radius: 50%;\n position: relative;\n margin-right: 16px;\n text-align: left;\n}\n.freemium-survey-components .radio:before {\n left: 3px;\n top: 3px;\n content: "";\n position: absolute;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n transition: all ease-in 0.2s;\n background-color: #fff;\n}\n.freemium-survey-components .radio-label {\n display: flex;\n align-items: flex-start;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n text-align: left;\n cursor: pointer;\n line-height: 1.2;\n font-size: 1rem;\n font-weight: 400;\n padding: 16px 24px;\n min-width: 200px;\n border: 1px solid #ebeff3;\n box-shadow: 0px 2px 5px rgba(18, 52, 77, 0.06);\n border-radius: 4px;\n white-space: pre-wrap;\n}\n.freemium-survey-components input[type=radio] {\n position: absolute;\n clip: rect(0, 0, 0, 0);\n width: 0px;\n height: 0px;\n}\n.freemium-survey-components input[type=radio]:focus ~ .radio {\n /* box-shadow: ${pseudo.focus} 0px 0px 0px 3px; */\n box-shadow: var(--default-brand-color) 0px 0px 0px 3px;\n box-shadow: var(--brand-color, var(--default-brand-color)) 0px 0px 0px 3px;\n border-color: transparent;\n}\n.freemium-survey-components input[type=radio]:checked ~ .radio:before {\n background-color: var(--default-brand-color);\n background-color: var(--brand-color, var(--default-brand-color));\n}\n.freemium-survey-components .radio-label:hover .radio {\n border-color: var(--default-brand-color);\n border-color: var(--brand-color, var(--default-brand-color));\n box-shadow: var(--default-background-color) 0px 0px 0px 5px;\n box-shadow: var(--background-color, var(--default-background-color)) 0px 0px 0px 5px;\n}');const g=({name:n,options:t,value:a,autoFocus:i,onChangeHandler:c,othersOption:l,othersRequired:s})=>{const[d,u]=o(""),[p,f]=o("");return r((()=>{a||(f(""),u(""))}),[a]),r((()=>{p&&t.find((e=>e.value===p))&&c(p)}),[p]),e.createElement("div",{className:"radio-group"},t?.map(((t,r)=>e.createElement(x,{key:t.value,value:t.value,name:n,onChange:e=>{f(e.currentTarget.value)},autoFocus:0===r&&i,checked:p===t.value},t.value))),l&&e.createElement(x,{key:"others",value:"others",name:n,onChange:e=>{f("others")},checked:"others"===p},"Others"),"others"===p&&e.createElement(e.Fragment,null,e.createElement(m,{value:d,onChange:e=>u(e.target.value),placeholder:"Enter your comment",label:""}),d!==a&&e.createElement(w,{disabled:s&&0===d.length,onClick:()=>c(d)},"Next")))},x=l((t=>{const o=n(null);return r((()=>{t.autoFocus&&setTimeout((()=>{o.current?.focus()}),M+20)}),[]),e.createElement("label",{className:"radio-label"},e.createElement("input",{ref:o,type:"radio",name:t.name,value:t.value,checked:t.checked,onChange:t.onChange}),e.createElement("div",{className:"radio"}),e.createElement("div",null,t.children))}),{checked:!1,autoFocus:!1});i(".progressbar-container {\n width: 100%;\n height: 4px;\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1;\n text-align: left;\n}\n\n.progressbar {\n transition: transform 0.25s linear;\n transform-origin: left;\n height: 100%;\n background-color: var(--default-brand-color);\n background-color: var(--brand-color, var(--default-brand-color));\n}");const b=n=>{const{totalSteps:t,completedSteps:r}=n;return e.createElement("div",{className:"progressbar-container"},e.createElement("div",{className:"progressbar",style:{width:(r>0?100/t:0)+"%",transform:`scaleX(${r})`}}))};i(".freemium-survey-components .action-button {\n width: auto;\n display: block;\n padding: 8px 16px;\n cursor: pointer;\n line-height: 1.5;\n text-align: center;\n font-weight: 500;\n letter-spacing: 0.3px;\n border-radius: 4px;\n white-space: nowrap;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n color: --default-button-text-color;\n color: var(--button-text-color, --default-button-text-color);\n background: var(--default-brand-color);\n background: var(--brand-color, var(--default-brand-color));\n border: 1px solid var(--default-brand-color);\n border: 1px solid var(--brand-color, var(--default-brand-color));\n border-radius: 4px;\n min-width: 200px;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n}\n.freemium-survey-components .action-button:not([disabled]):hover {\n transform: translateY(-4px);\n}\n.freemium-survey-components .action-button[disabled] {\n cursor: not-allowed;\n opacity: 0.6;\n}\n.freemium-survey-components button:focus:not(:active) {\n /* box-shadow: 0 0 0 2px ${pseudo.focus}; */\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components .action-button {\n min-width: 120px;\n }\n}\n.widget-survey-components .action-button {\n min-width: 120px;\n}");const v=()=>e.createElement(e.Fragment,null,"..."),y={LARGE:"large",MINI:"mini",NORMAL:"normal"},w=n=>{const{inline:t=!1,children:r,disabled:o,className:a="",htmlType:i,type:c="primary",onClick:l,size:s,overrideStyleClassName:d="",loading:u=!1,...m}=n;return e.createElement("button",Object.assign({style:t?{display:"inline-block"}:{},disabled:o,className:`action-button ${a} ${d}`,type:i,onClick:l},m),u?e.createElement(v,null):r)},E=()=>e.createElement("svg",{width:"200",height:"182",viewBox:"0 0 200 182",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("g",{"clip-path":"url(#clip0_5504_25779)"},e.createElement("g",{opacity:"0.8"},e.createElement("path",{opacity:"0.8",d:"M165.375 76.3154C165.375 77.0026 165.375 77.6857 165.342 78.3729C165.342 78.9202 165.305 79.4634 165.276 80.019C165.039 84.6023 164.35 89.1511 163.219 93.599C162.483 96.5028 161.558 99.3552 160.449 102.138C158.518 106.993 156.047 111.616 153.083 115.919C152.627 116.586 152.153 117.245 151.672 117.895C149.529 120.792 147.165 123.519 144.602 126.051C143.702 126.94 142.779 127.804 141.832 128.644C136.335 133.522 130.104 137.505 123.368 140.446C122.458 140.857 121.532 141.223 120.598 141.582C114.818 143.816 108.764 145.265 102.599 145.89C101.677 145.985 100.755 146.063 99.8292 146.116C98.3752 146.207 96.913 146.252 95.4425 146.252C89.6055 146.257 83.7909 145.531 78.1342 144.092C77.2014 143.856 76.2783 143.601 75.3647 143.326C68.9961 141.419 62.9333 138.61 57.361 134.985C56.4227 134.372 55.4968 133.75 54.5915 133.088C51.0031 130.499 47.6661 127.578 44.6246 124.364C44.0759 123.782 43.5368 123.192 43.0073 122.594C40.6559 119.932 38.5099 117.096 36.5877 114.109C35.6083 112.583 34.6851 111.017 33.8182 109.409C28.597 99.7056 25.7564 88.9001 25.5303 77.8832C25.5303 77.3647 25.5303 76.838 25.5303 76.3154C25.5167 65.5894 27.9828 55.0054 32.7359 45.3901C32.9335 44.9786 33.1475 44.567 33.3491 44.1555C33.5096 43.8428 33.6742 43.53 33.8388 43.2214C34.703 41.6165 35.6261 40.05 36.6083 38.5219C41.2923 31.2474 47.2786 24.8998 54.2664 19.798L54.612 19.547C54.9001 19.3371 55.1882 19.1355 55.4803 18.9297C56.1058 18.4935 56.7396 18.0655 57.3815 17.6458C62.9478 14.0235 69.0035 11.216 75.3647 9.30851C76.2783 9.03416 77.2014 8.77903 78.1342 8.54309C83.7911 7.10508 89.6057 6.38067 95.4425 6.38676C96.9157 6.38676 98.378 6.43202 99.8292 6.52256C100.757 6.58017 101.68 6.65561 102.599 6.74889C108.764 7.37169 114.818 8.81801 120.598 11.0492C121.532 11.4072 122.458 11.7858 123.368 12.185C128.019 14.2174 132.434 16.7508 136.536 19.7404C136.948 20.0285 137.326 20.3206 137.713 20.6169C139.126 21.6869 140.498 22.8103 141.828 23.9872C142.775 24.8267 143.698 25.6923 144.598 26.5839C148.891 30.8221 152.617 35.5983 155.684 40.7935C155.927 41.205 156.161 41.6165 156.392 42.028C159.408 47.3707 161.702 53.0899 163.215 59.0359C164.651 64.6834 165.377 70.4881 165.375 76.3154Z",fill:"#F4F4F4"})),e.createElement("path",{d:"M137.75 20.6126C133.225 23.0657 128.514 25.1586 123.66 26.8717C114.533 30.1296 104.92 31.8174 95.2285 31.8634C88.4636 31.8759 81.7275 30.9818 75.2001 29.205C67.7764 27.1585 60.7097 23.9874 54.2458 19.8019L54.5915 19.5509C54.8796 19.341 55.1676 19.1394 55.4598 18.9336C61.6723 22.8973 68.4424 25.91 75.5458 27.8717C95.4466 33.3242 117.002 30.1885 136.553 19.736C136.948 20.0241 137.339 20.3163 137.75 20.6126Z",fill:"white"}),e.createElement("path",{d:"M156.396 42.0196C153.652 43.6656 150.847 45.2102 147.98 46.6532C133.95 53.7623 118.704 58.1601 103.043 59.6159C99.3093 59.9588 95.5686 60.1303 91.8211 60.1303C83.9243 60.13 76.0458 59.3693 68.2948 57.8587C58.6763 55.9698 49.2998 53.009 40.3407 49.0318C37.7646 47.8932 35.2228 46.6738 32.7153 45.3734C32.9129 44.9619 33.1268 44.5504 33.3285 44.1389C50.2664 52.937 74.1713 60.8587 102.92 58.2167C124.853 56.2003 142.75 48.505 155.688 40.7686C155.931 41.1965 156.165 41.608 156.396 42.0196Z",fill:"white"}),e.createElement("path",{d:"M165.342 78.3687C165.342 78.9161 165.305 79.4593 165.276 80.0148C162.079 81.5786 158.832 83.0394 155.565 84.381C136.549 92.1997 116.985 96.1338 97.2572 96.1338C93.2024 96.1338 89.1421 95.9665 85.0764 95.6318C64.2199 93.8738 43.9495 87.8361 25.5303 77.8955C25.5303 77.377 25.5303 76.8503 25.5303 76.3276C43.9568 86.3909 64.2791 92.5016 85.1998 94.2697C117.998 96.9198 145.688 88.0558 165.342 78.3687Z",fill:"white"}),e.createElement("path",{d:"M153.083 115.919C152.626 116.586 152.153 117.245 151.672 117.895C133.336 124.374 114.133 128.07 94.7017 128.857C92.101 128.964 89.4947 129.017 86.883 129.014C72.6689 129.01 58.4981 127.448 44.6246 124.355C44.0759 123.774 43.5368 123.184 43.0073 122.586C57.372 125.94 72.0744 127.633 86.8254 127.631C89.4014 127.631 92.0022 127.582 94.6441 127.475C114.603 126.66 134.316 122.763 153.083 115.919Z",fill:"white"}),e.createElement("path",{d:"M4.74072 180.173C9.21388 174.655 16.4689 167.573 26.8966 164.947C41.0404 161.375 47.3612 169.441 64.2868 167.717C82.1959 165.894 81.9572 156.166 97.5207 155.256C116.187 154.162 118.179 168.058 140.45 169.104C156.215 169.844 162.33 163.211 175.066 167.717C183.671 170.762 189.469 176.824 193.07 181.564L4.74072 180.173Z",fill:"#F4F4F4"}),e.createElement("path",{d:"M50.9208 180.173H47.353C45.0711 177.41 42.9404 174.525 40.9704 171.531C38.8552 168.178 38.6001 166.692 39.1227 166.116C40.0733 165.066 43.7975 166.782 45.9703 168.494C48.0613 170.182 49.5663 172.486 50.2706 175.079C50.7504 176.733 50.9697 178.452 50.9208 180.173Z",fill:"#DFE0E4"}),e.createElement("path",{d:"M49.2129 180.482C49.1415 180.481 49.0725 180.456 49.0178 180.41C48.963 180.364 48.9258 180.301 48.9124 180.231C48.3854 177.421 47.2258 174.769 45.5216 172.474C44.4001 170.976 43.0569 169.658 41.5381 168.564C41.4715 168.516 41.4268 168.444 41.4136 168.363C41.4005 168.282 41.4201 168.199 41.4682 168.132C41.5162 168.066 41.5887 168.021 41.6697 168.008C41.7507 167.995 41.8337 168.014 41.9002 168.062C43.4679 169.194 44.8553 170.557 46.0154 172.103C47.7741 174.475 48.9716 177.214 49.5174 180.116C49.5318 180.196 49.5139 180.278 49.4677 180.346C49.4214 180.413 49.3505 180.459 49.2705 180.474L49.2129 180.482Z",fill:"#30354F"}),e.createElement("path",{d:"M54.114 180.214C60.8917 160.626 60.9246 154.91 59.1674 153.988C57.2703 152.989 52.8589 157.371 50.6532 160.943C45.4146 169.428 49.1717 178.939 49.6944 180.194L54.114 180.214Z",fill:"#D0D3D9"}),e.createElement("path",{d:"M52.1553 179.972C52.0833 179.972 52.0133 179.947 51.9577 179.901C51.9021 179.855 51.8643 179.791 51.8508 179.72C51.0407 175.21 51.2972 170.572 52.5998 166.178C53.4404 163.385 54.7017 160.738 56.3404 158.326C56.3882 158.263 56.4583 158.221 56.5361 158.208C56.614 158.195 56.6938 158.213 56.7592 158.257C56.8245 158.301 56.8704 158.369 56.8874 158.446C56.9045 158.523 56.8913 158.604 56.8507 158.672C55.2471 161.032 54.0121 163.622 53.1882 166.355C51.9084 170.663 51.6575 175.211 52.4557 179.634C52.4689 179.714 52.4499 179.796 52.4029 179.863C52.3559 179.929 52.2847 179.974 52.2047 179.988L52.1553 179.972Z",fill:"#30354F"}),e.createElement("path",{d:"M194.93 180.305H0.740725C0.331634 180.305 0 180.636 0 181.045C0 181.455 0.331634 181.786 0.740725 181.786H194.93C195.339 181.786 195.671 181.455 195.671 181.045C195.671 180.636 195.339 180.305 194.93 180.305Z",fill:"#5F6386"}),e.createElement("path",{d:"M36.1433 91.6608L25.0942 101.562L24.1106 102.294L24.7197 103.529L40.0321 134.034L42.8757 139.717L32.4026 145.376L28.9871 140.952L2.55552 106.698C1.69055 105.548 1.06504 104.237 0.716056 102.842C0.510627 101.972 0.412505 101.081 0.423881 100.187C0.384408 98.8303 0.623282 97.4796 1.12578 96.2184C1.62828 94.9572 2.38375 93.8122 3.34563 92.8542L32.4479 64.6367C32.4479 64.6367 52.2829 50.3612 79.5293 64.5626",fill:"#D0D3D9"}),e.createElement("path",{d:"M36.1433 91.6608L25.0942 101.562L24.1106 102.294L24.7197 103.529L40.0321 134.034L42.8757 139.717L32.4026 145.376L28.9871 140.952L2.55552 106.698C1.69055 105.548 1.06504 104.237 0.716056 102.842C0.510627 101.972 0.412505 101.081 0.423881 100.187C0.384408 98.8303 0.623282 97.4796 1.12578 96.2184C1.62828 94.9572 2.38375 93.8122 3.34563 92.8542L32.4479 64.6367C32.4479 64.6367 52.2829 50.3612 79.5293 64.5626",stroke:"#251138","stroke-width":"1.49","stroke-miterlimit":"10"}),e.createElement("path",{d:"M86.3356 180.243H60.5007C59.9946 166.515 59.3279 152.725 58.5172 139.87C58.3883 137.829 58.2511 135.812 58.1057 133.82L59.5419 133.775L85.0558 132.952C85.9241 146.302 86.3109 162.799 86.3356 180.243Z",fill:"#5D6476"}),e.createElement("path",{d:"M60.1181 130.277C59.9411 131.421 59.7518 132.586 59.5584 133.775C59.2319 135.75 58.8849 137.782 58.5173 139.87C56.3856 152.005 53.5503 165.882 50.3281 180.243H24.2793C26.6414 168.112 28.7278 156.643 30.9211 142.948C31.4931 139.372 39.6123 137.187 40.1349 133.734L39.5177 131.895L60.1181 130.277Z",fill:"#5D6476"}),e.createElement("path",{d:"M72.3442 160.865L49.0237 160.56L55.682 137.038L66.7435 135.092L72.3442 160.865Z",fill:"#5D6476"}),e.createElement("path",{d:"M57.7066 149.915L64.2743 149.153L61.8999 133.895L61.4472 133.964L63.7476 148.75L57.6531 149.458L57.7066 149.915Z",fill:"#251138"}),e.createElement("path",{d:"M85.8295 156.717L86.1217 156.363L83.1505 153.898L81.4304 133.03L80.9736 133.067L82.7061 154.129L85.8295 156.717Z",fill:"#251138"}),e.createElement("path",{d:"M28.3615 158.268L32.847 156.672L37.4642 136.52L37.0156 136.425L32.4519 156.326L28.2092 157.836L28.3615 158.268Z",fill:"#251138"}),e.createElement("path",{d:"M148.956 117.43C149.063 115.063 144.894 113.681 141.281 112.858C142.828 111.562 144.018 109.92 143.618 109.08C143.042 107.874 139.405 108.784 137.071 109.903C136.656 110.099 136.259 110.329 135.882 110.59C134.783 110.571 133.702 110.88 132.779 111.478C131.856 112.075 131.132 112.934 130.7 113.945C130.268 114.956 130.146 116.073 130.352 117.153C130.557 118.234 131.08 119.228 131.853 120.01C132.099 120.254 132.366 120.476 132.652 120.672C133.843 121.776 135.328 122.51 136.927 122.788C140.73 123.504 148.709 122.804 148.956 117.43Z",fill:"#F3A268"}),e.createElement("path",{d:"M83.776 122.059C84.2966 122.149 84.8237 122.197 85.3521 122.203H93.3931L128.874 122.174H134.223L136.104 110.413L130.981 109.421L93.7387 102.191L93.3889 102.125L91.6277 101.784L90.7264 101.611L87.2039 100.924C86.6363 100.834 86.0625 100.788 85.4879 100.788C82.7871 100.77 80.1795 101.774 78.1884 103.599C76.1974 105.424 74.9701 107.935 74.7529 110.627C74.5358 113.319 75.3447 115.993 77.0175 118.114C78.6903 120.234 81.1032 121.644 83.7718 122.059H83.776Z",fill:"#D0D3D9",stroke:"#251138","stroke-width":"1.49","stroke-miterlimit":"10"}),e.createElement("path",{d:"M85.3028 121.878H85.237C84.7555 121.974 84.2669 122.031 83.7761 122.047C81.6269 122.139 79.5053 121.536 77.7261 120.327C75.9469 119.118 74.6051 117.367 73.8998 115.335L61.6202 80.0724C61.0247 78.4131 60.7796 76.6483 60.9003 74.8895C61.0211 73.1307 61.5051 71.416 62.3217 69.8536C63.1384 68.2913 64.2701 66.9151 65.6453 65.8121C67.0205 64.709 68.6094 63.9029 70.3118 63.4447C72.0142 62.9865 73.793 62.8862 75.5361 63.15C77.2792 63.4138 78.9487 64.036 80.4393 64.9774C81.9299 65.9187 83.2091 67.1589 84.1964 68.6195C85.1836 70.08 85.8574 71.7294 86.1752 73.4635L91.315 100.117L91.6319 101.763L91.422 101.467",fill:"#D0D3D9"}),e.createElement("path",{d:"M85.3028 121.878H85.237C84.7555 121.974 84.2669 122.031 83.7761 122.047C81.6269 122.139 79.5053 121.536 77.7261 120.327C75.9469 119.118 74.6051 117.367 73.8998 115.335L61.6202 80.0724C61.0247 78.4131 60.7796 76.6483 60.9003 74.8895C61.0211 73.1307 61.5051 71.416 62.3217 69.8536C63.1384 68.2913 64.2701 66.9151 65.6453 65.8121C67.0205 64.709 68.6094 63.9029 70.3118 63.4447C72.0142 62.9865 73.793 62.8862 75.5361 63.15C77.2792 63.4138 78.9487 64.036 80.4393 64.9774C81.9299 65.9187 83.2091 67.1589 84.1964 68.6195C85.1836 70.08 85.8574 71.7294 86.1752 73.4635L91.315 100.117L91.6319 101.763L91.422 101.467",stroke:"#251138","stroke-width":"1.49","stroke-miterlimit":"10"}),e.createElement("path",{d:"M33.6373 63.9987C44.8881 56.3939 64.2375 56.6449 79.4552 64.9492L81.1548 85.0229L83.3934 111.516L85.1959 132.796C77.7104 145.742 60.8013 137.507 41.9869 134.359C38.8512 133.833 37.6866 127.602 35.2298 123.919L32.7607 119.002L33.3327 93.459",fill:"#D0D3D9"}),e.createElement("path",{d:"M33.6373 63.9987C44.8881 56.3939 64.2375 56.6449 79.4552 64.9492L81.1548 85.0229L83.3934 111.516L85.1959 132.796C77.7104 145.742 60.8013 137.507 41.9869 134.359C38.8512 133.833 37.6866 127.602 35.2298 123.919L32.7607 119.002L33.3327 93.459",stroke:"#251138","stroke-width":"1.49","stroke-miterlimit":"10"}),e.createElement("path",{d:"M82 121.5L78.5 65.5H80L82 69L88.5 121.5H82Z",fill:"#D0D3D9"}),e.createElement("path",{d:"M48.8139 35.2625C48.8781 34.7758 47.7574 34.2266 46.3108 34.0359C44.8643 33.8452 43.6396 34.0852 43.5754 34.5719C43.5112 35.0586 44.6319 35.6077 46.0785 35.7984C47.5251 35.9891 48.7498 35.7492 48.8139 35.2625Z",fill:"#202738"}),e.createElement("path",{d:"M47.0182 37.4299C47.3379 37.3254 47.2294 36.1164 46.7758 34.7296C46.3223 33.3428 45.6955 32.3033 45.3758 32.4079C45.056 32.5124 45.1645 33.7214 45.6181 35.1082C46.0716 36.495 46.6985 37.5345 47.0182 37.4299Z",fill:"#202738"}),e.createElement("path",{d:"M63.7517 60.8134C63.5541 64.1055 62.4431 67.8955 58.3608 67.698C51.2005 67.3523 49.468 59.8257 49.468 59.8257C49.468 59.8257 50.0524 49.0564 50.2211 48.9453H63.5212V56.118C63.7576 57.6712 63.8348 59.2445 63.7517 60.8134Z",fill:"#F3A268"}),e.createElement("path",{d:"M63.7518 60.8134C53.4639 58.6776 51.9907 53.2498 51.9907 53.2498L62.3362 48.9453H63.5213V56.118C63.7578 57.6712 63.835 59.2445 63.7518 60.8134Z",fill:"#E56542"}),e.createElement("path",{d:"M48.2705 45.0444C48.2705 45.0444 51.3569 60.1306 62.8669 57.0442C64.1746 56.6944 65.3669 56.0059 66.3236 55.0484C67.178 54.1893 67.7972 53.1251 68.122 51.9579C69.2824 47.7728 69.0767 40.9416 67.8298 32.02L48.2705 33.6661V45.0444Z",fill:"#F3A268"}),e.createElement("path",{d:"M47.5381 46.18C47.5792 46.18 49.8343 43.711 51.8055 47.0319C51.8055 47.0319 48.3241 45.3858 47.5792 46.18H47.5381Z",fill:"#F35757"}),e.createElement("path",{d:"M52.8879 39.6082C62.0317 41.2131 69.5583 38.9333 71.5295 33.4355C71.7091 32.9274 71.7625 32.3832 71.6851 31.8498C71.6076 31.3165 71.4017 30.81 71.0851 30.3739C70.7684 29.9378 70.3505 29.5852 69.8674 29.3464C69.3842 29.1077 68.8502 28.99 68.3115 29.0035C64.1099 29.1146 56.9866 30.6495 50.0485 31.8841C49.5312 31.9749 49.0287 32.1355 48.5547 32.3614C44.5013 34.3079 43.3614 38.0115 44.279 42.9579C45.8346 50.3117 48.2337 51.6326 50.818 51.5997C50.6534 47.2006 54.0031 43.748 52.8879 39.6082Z",fill:"#202738"}),e.createElement("path",{d:"M49.6286 50.9701C51.3172 50.9701 52.6861 49.2069 52.6861 47.0319C52.6861 44.8569 51.3172 43.0938 49.6286 43.0938C47.94 43.0938 46.571 44.8569 46.571 47.0319C46.571 49.2069 47.94 50.9701 49.6286 50.9701Z",fill:"#F3A268"}),e.createElement("path",{d:"M47.5382 46.4227C47.497 46.4433 49.6904 44.1059 51.3406 46.7314C51.3323 46.7149 48.9455 45.7026 47.5382 46.4227Z",fill:"#E56542"}),e.createElement("path",{d:"M45.1596 154.162C47.102 152.804 45.6535 148.656 44.0979 145.293C46.0691 145.726 48.0979 145.668 48.5176 144.837C49.1225 143.643 46.1802 141.318 43.8757 140.15C43.466 139.942 43.0409 139.765 42.6041 139.623C41.8988 138.664 40.9021 137.958 39.7628 137.612C38.6236 137.266 37.4029 137.297 36.2831 137.702C35.1633 138.107 34.2043 138.862 33.5495 139.857C32.8946 140.851 32.5789 142.031 32.6496 143.219C32.4995 144.835 32.8196 146.46 33.5714 147.898C35.3245 151.351 40.7482 157.248 45.1596 154.162Z",fill:"#F3A268"}),e.createElement("path",{d:"M58.0523 67.7022H58.2457C60.2662 67.6651 61.83 66.6652 62.8917 64.7269C63.8793 62.9245 64.1962 60.7394 64.2867 59.2291L63.8299 59.2003C63.3978 66.373 59.7765 67.2125 58.2374 67.2413H58.0564C50.6491 67.2413 48.9742 58.727 48.9578 58.6406L48.5051 58.727C48.5216 58.8258 50.2705 67.7022 58.0523 67.7022Z",fill:"#251138"}),e.createElement("path",{d:"M58.4638 67.4733L58.0032 67.4897L60.4935 137.403L60.9541 137.386L58.4638 67.4733Z",fill:"#251138"}),e.createElement("path",{d:"M60.9042 76.6116C61.3201 76.6116 61.6573 76.2744 61.6573 75.8585C61.6573 75.4426 61.3201 75.1055 60.9042 75.1055C60.4883 75.1055 60.1511 75.4426 60.1511 75.8585C60.1511 76.2744 60.4883 76.6116 60.9042 76.6116Z",fill:"black"}),e.createElement("path",{d:"M61.4762 87.4632C61.8921 87.4632 62.2293 87.126 62.2293 86.7101C62.2293 86.2942 61.8921 85.957 61.4762 85.957C61.0603 85.957 60.7231 86.2942 60.7231 86.7101C60.7231 87.126 61.0603 87.4632 61.4762 87.4632Z",fill:"black"}),e.createElement("path",{d:"M62.048 98.3108C62.4639 98.3108 62.8011 97.9737 62.8011 97.5578C62.8011 97.1419 62.4639 96.8047 62.048 96.8047C61.6321 96.8047 61.2949 97.1419 61.2949 97.5578C61.2949 97.9737 61.6321 98.3108 62.048 98.3108Z",fill:"black"}),e.createElement("path",{d:"M62.62 109.158C63.0359 109.158 63.3731 108.821 63.3731 108.405C63.3731 107.99 63.0359 107.652 62.62 107.652C62.2041 107.652 61.8669 107.99 61.8669 108.405C61.8669 108.821 62.2041 109.158 62.62 109.158Z",fill:"black"}),e.createElement("path",{d:"M63.192 120.01C63.6079 120.01 63.9451 119.673 63.9451 119.257C63.9451 118.841 63.6079 118.504 63.192 118.504C62.7761 118.504 62.439 118.841 62.439 119.257C62.439 119.673 62.7761 120.01 63.192 120.01Z",fill:"black"}),e.createElement("path",{d:"M63.7641 130.857C64.18 130.857 64.5171 130.52 64.5171 130.104C64.5171 129.688 64.18 129.351 63.7641 129.351C63.3481 129.351 63.011 129.688 63.011 130.104C63.011 130.52 63.3481 130.857 63.7641 130.857Z",fill:"#001065"}),e.createElement("path",{d:"M136.108 110.409L134.224 122.158L128.878 122.162L130.985 109.417L136.108 110.409Z",fill:"#DFE0E4"}),e.createElement("path",{d:"M42.8757 139.717L32.4026 145.376L28.9871 140.927C31.7277 139.166 39.5671 134.158 40.028 134.022L42.8757 139.717Z",fill:"#DFE0E4"}),e.createElement("path",{d:"M19.5264 101.701L24.1682 102.319V101.858L19.5264 101.245V101.701Z",fill:"#251138"}),e.createElement("path",{d:"M91.8474 101.31L87.0142 106.144L87.3401 106.469L92.1733 101.636L91.8474 101.31Z",fill:"#251138"}),e.createElement("path",{d:"M151.128 58.7766C151.223 58.5915 150.989 58.4804 150.882 58.6491C149.647 60.5791 149.38 62.8589 149.124 65.1057C148.812 67.8629 148.635 70.6365 148.359 73.3936C147.351 83.27 143.964 92.7636 141.717 102.405C139.548 111.726 137.573 121.969 140.359 131.401C140.413 131.582 140.623 131.368 140.623 131.253C140.051 125.993 139.388 120.911 139.89 115.615C140.808 105.669 144.005 95.9816 146.474 86.3522C147.698 81.8261 148.558 77.2092 149.046 72.5459C149.458 68.0769 149.149 62.863 151.133 58.7561L151.128 58.7766Z",fill:"#E0E0E0"}),e.createElement("path",{d:"M152.775 60.7687C152.873 60.7234 152.956 60.4271 152.775 60.4683C151.59 60.7399 150.409 61.7645 150.767 63.0855C151.125 64.4065 153.038 64.7604 154.17 64.2953C154.82 64.0484 155.293 63.4147 154.705 62.8756C153.824 62.032 152.614 62.9291 152.285 63.7892C151.898 64.8139 152.116 66.1513 153.289 66.4434C153.836 66.5834 155.692 66.3899 155.347 65.4105C155.129 64.7439 154.199 65.0608 153.853 65.4105C152.738 66.5545 154.108 67.8796 155.129 68.3817C155.264 68.4516 155.375 68.1924 155.264 68.106C154.886 67.8878 154.552 67.6002 154.281 67.2582C154.425 66.0525 153.894 65.2212 152.664 64.7892L152.754 64.0896C153.063 63.9497 153.063 63.9085 152.754 63.9085C152.325 63.8882 151.913 63.7294 151.581 63.4559C150.664 62.4394 151.906 61.1473 152.783 60.7687H152.775Z",fill:"#E0E0E0"}),e.createElement("path",{d:"M168.071 41.1517C168.145 40.9419 167.898 40.9419 167.824 41.1106C166.351 44.4027 165.511 47.9664 164.301 51.2297C163.091 54.493 161.503 57.6205 160.388 60.9497C158.33 67.0483 157.474 73.435 156.12 79.6983C155.523 82.6843 154.664 85.6119 153.552 88.4471C152.404 91.2947 151.001 94.0231 149.668 96.7884C147.026 102.27 144.355 107.821 142.557 113.661C141.651 116.607 140.911 119.627 140.207 122.619C139.45 125.862 138.833 129.125 139.034 132.471C139.034 132.697 139.326 132.528 139.326 132.364C139.539 128.543 140.167 124.757 141.199 121.072C142.042 117.78 142.845 114.459 143.981 111.245C146.014 105.513 148.734 100.015 151.388 94.5539C152.705 91.9827 153.873 89.3377 154.886 86.6323C155.888 83.5888 156.673 80.4782 157.235 77.3238C158.503 70.9906 159.569 64.6451 161.853 58.5752C162.881 55.8634 164.207 53.2749 165.145 50.5343C166.19 47.4191 166.988 44.2299 168.079 41.1435L168.071 41.1517Z",fill:"#E0E0E0"}),e.createElement("path",{d:"M163.75 89.4636C163.865 89.2743 163.614 89.1632 163.503 89.3237C162.351 90.9698 161.663 92.764 160.733 94.5211C159.429 96.9902 157.404 98.9778 155.519 100.978C152.585 104.089 149.524 107.06 147.289 110.78C145.055 114.5 143.816 118.681 142.763 122.854C142.182 125.158 141.676 127.492 141.088 129.796C140.85 130.929 140.49 132.033 140.014 133.088C139.54 134.035 138.919 134.878 138.499 135.854C138.347 136.212 138.952 136.347 139.088 136.035C139.499 135.059 140.125 134.212 140.606 133.265C141.038 132.337 141.365 131.364 141.581 130.364C142.182 128.076 142.68 125.73 143.265 123.368C144.442 118.673 145.849 113.945 148.548 109.871C151.149 105.978 154.688 102.793 157.812 99.307C158.904 98.1412 159.887 96.8765 160.746 95.5293C161.919 93.5952 162.581 91.4142 163.758 89.4842L163.75 89.4636Z",fill:"#E0E0E0"}),e.createElement("path",{d:"M163.89 91.4018C163.976 91.2537 163.82 91.1179 163.709 91.2537C162.91 92.2454 162.622 93.6487 163.561 94.6857C164.133 95.3154 165.54 95.9738 166.289 95.0973C167.038 94.2207 165.877 93.5911 165.054 93.5911C164.512 93.6317 164 93.8588 163.607 94.2339C163.213 94.609 162.961 95.1089 162.894 95.6487C162.892 95.6774 162.892 95.7063 162.894 95.7351C162.865 95.9962 162.887 96.2605 162.961 96.5128C163.034 96.7651 163.156 97.0005 163.321 97.2054C163.485 97.4103 163.688 97.5808 163.919 97.707C164.149 97.8332 164.402 97.9126 164.663 97.9408C165.322 98.0108 166.865 97.4429 166.281 96.5046C165.322 94.9614 161.643 98.5951 164.951 99.6074C165.165 99.6609 165.363 99.3605 165.165 99.2618H165.104C164.729 99.1237 164.424 98.8426 164.256 98.4801C164.087 98.1175 164.07 97.7031 164.207 97.3277L163.569 96.6816C163.02 95.3702 163.631 94.5019 165.4 94.0767L164.223 94.6652C163.433 94.5664 163.351 92.7763 163.433 92.3854C163.52 92.0402 163.669 91.7139 163.873 91.4224L163.89 91.4018Z",fill:"#E0E0E0"}),e.createElement("path",{d:"M166.556 41.7402C166.508 41.9639 166.52 42.1966 166.593 42.4139C166.665 42.6311 166.795 42.8248 166.968 42.9747C167.424 43.4121 167.977 43.7349 168.583 43.9166C169.188 44.0983 169.828 44.1337 170.449 44.02C170.68 43.994 170.899 43.9056 171.083 43.7641C171.268 43.6227 171.41 43.4337 171.494 43.2175C171.832 42.1393 170.729 38.7402 170.322 38.6168C169.914 38.4933 166.898 40.7032 166.585 41.7402H166.556Z",fill:"#BA68C8"}),e.createElement("path",{opacity:"0.1",d:"M166.556 41.7402C166.508 41.9639 166.52 42.1966 166.593 42.4139C166.665 42.6311 166.795 42.8248 166.968 42.9747C167.424 43.4121 167.977 43.7349 168.583 43.9166C169.188 44.0983 169.828 44.1337 170.449 44.02C170.68 43.994 170.899 43.9056 171.083 43.7641C171.268 43.6227 171.41 43.4337 171.494 43.2175C171.832 42.1393 170.729 38.7402 170.322 38.6168C169.914 38.4933 166.898 40.7032 166.585 41.7402H166.556Z",fill:"black"}),e.createElement("path",{d:"M164.466 32.9049L169.634 40.4603L178.116 37.0036C186.169 33.7115 196.284 28.0819 198.691 20.078C199.435 17.5808 199.206 14.8947 198.049 12.5596V12.5185C197.363 11.1393 196.4 9.91609 195.221 8.92496C194.041 7.93384 192.67 7.19598 191.194 6.75729C187.461 5.62562 183.305 7.40337 180.416 10.2099C180.181 10.4371 179.89 10.5976 179.572 10.6749C179.255 10.7521 178.922 10.7434 178.609 10.6495C178.296 10.5556 178.014 10.38 177.791 10.1407C177.568 9.90143 177.413 9.60713 177.342 9.2881C176.486 5.37048 174.013 1.60925 170.26 0.481697C168.787 0.0321725 167.238 -0.109566 165.708 0.0652961C164.178 0.240158 162.7 0.727881 161.367 1.49814H161.318C159.059 2.80389 157.38 4.91915 156.622 7.41571C154.24 15.4402 159.561 25.6869 164.466 32.9049Z",fill:"#BA68C8"}),e.createElement("path",{d:"M164.466 32.9049L169.634 40.4603L178.116 37.0036C186.169 33.7115 196.284 28.0819 198.691 20.078C199.435 17.5808 199.206 14.8947 198.049 12.5596V12.5185C197.363 11.1393 196.4 9.91609 195.221 8.92496C194.041 7.93384 192.67 7.19598 191.194 6.75729C187.461 5.62562 183.305 7.40337 180.416 10.2099C180.181 10.4371 179.89 10.5976 179.572 10.6749C179.255 10.7521 178.922 10.7434 178.609 10.6495C178.296 10.5556 178.014 10.38 177.791 10.1407C177.568 9.90143 177.413 9.60713 177.342 9.2881C176.486 5.37048 174.013 1.60925 170.26 0.481697C168.787 0.0321725 167.238 -0.109566 165.708 0.0652961C164.178 0.240158 162.7 0.727881 161.367 1.49814H161.318C159.059 2.80389 157.38 4.91915 156.622 7.41571C154.24 15.4402 159.561 25.6869 164.466 32.9049Z",fill:"#128749"}),e.createElement("path",{opacity:"0.1",d:"M164.458 32.8884L169.63 40.4438L178.112 36.9871C186.165 33.6949 196.276 28.0654 198.687 20.0574C199.427 17.5662 199.196 14.8875 198.041 12.5596C198.798 21.2014 185.572 31.3699 173.791 30.6662C163.914 30.0366 157.104 16.7323 156.277 14.7776C157.252 21.0738 160.968 27.7609 164.458 32.8884Z",fill:"black"}),e.createElement("path",{d:"M161.89 89.2001C161.789 89.405 161.744 89.6332 161.761 89.8611C161.778 90.089 161.855 90.3083 161.984 90.4964C162.314 91.0337 162.765 91.4856 163.302 91.8152C163.839 92.1449 164.447 92.343 165.075 92.3935C165.298 92.4184 165.523 92.3848 165.728 92.296C165.934 92.2072 166.113 92.0664 166.248 91.8873C166.873 90.9038 166.659 87.3606 166.285 87.1343C165.91 86.908 162.458 88.2742 161.869 89.1919H161.89V89.2001Z",fill:"#BA68C8"}),e.createElement("path",{d:"M161.89 89.2001C161.789 89.405 161.744 89.6332 161.761 89.8611C161.778 90.089 161.855 90.3083 161.984 90.4964C162.314 91.0337 162.765 91.4856 163.302 91.8152C163.839 92.1449 164.447 92.343 165.075 92.3935C165.298 92.4184 165.523 92.3848 165.728 92.296C165.934 92.2072 166.113 92.0664 166.248 91.8873C166.873 90.9038 166.659 87.3606 166.285 87.1343C165.91 86.908 162.458 88.2742 161.869 89.1919H161.89V89.2001Z",fill:"#B4DD64"}),e.createElement("path",{d:"M162.112 80.1179L165.174 88.7597L174.256 87.5827C182.897 86.4799 194.103 83.624 198.481 76.5007C199.842 74.2872 200.31 71.6391 199.79 69.0934V69.0399C199.478 67.5326 198.859 66.1055 197.972 64.8475C197.085 63.5895 195.949 62.5274 194.634 61.7273C191.301 59.6697 186.86 60.3446 183.342 62.3158C183.046 62.4809 182.71 62.562 182.371 62.5503C181.882 62.5311 181.422 62.3187 181.09 61.9599C180.758 61.601 180.582 61.1252 180.601 60.6368C180.782 56.6122 179.367 52.3448 176.017 50.2954C174.709 49.4819 173.247 48.9463 171.723 48.7218C170.198 48.4974 168.644 48.589 167.157 48.9909H167.112C164.598 49.6821 162.44 51.2994 161.071 53.5176C156.68 60.5998 159.223 71.904 162.112 80.1179Z",fill:"#BA68C8"}),e.createElement("path",{d:"M162.112 80.1179L165.174 88.7597L174.256 87.5827C182.897 86.4799 194.103 83.624 198.481 76.5007C199.842 74.2872 200.31 71.6391 199.79 69.0934V69.0399C199.478 67.5326 198.859 66.1055 197.972 64.8475C197.085 63.5895 195.949 62.5274 194.634 61.7273C191.301 59.6697 186.86 60.3446 183.342 62.3158C183.046 62.4809 182.71 62.562 182.371 62.5503C181.882 62.5311 181.422 62.3187 181.09 61.9599C180.758 61.601 180.582 61.1252 180.601 60.6368C180.782 56.6122 179.367 52.3448 176.017 50.2954C174.709 49.4819 173.247 48.9463 171.723 48.7218C170.198 48.4974 168.644 48.589 167.157 48.9909H167.112C164.598 49.6821 162.44 51.2994 161.071 53.5176C156.68 60.5998 159.223 71.904 162.112 80.1179Z",fill:"#B4DD64"}),e.createElement("path",{opacity:"0.05",d:"M162.112 80.1177L165.169 88.7595L174.247 87.5826C182.889 86.4797 194.099 83.6238 198.477 76.5005C199.836 74.2863 200.304 71.639 199.786 69.0933C198.3 77.6445 182.914 84.0806 171.708 80.3564C162.293 77.233 159.153 62.6078 158.861 60.5132C158.178 66.8382 160.05 74.2495 162.112 80.1177Z",fill:"black"}),e.createElement("path",{d:"M148.602 59.0607C148.547 59.2798 148.552 59.5094 148.615 59.7262C148.677 59.943 148.797 60.1393 148.96 60.2952C149.392 60.7565 149.927 61.1089 150.521 61.3235C151.116 61.5381 151.753 61.6088 152.38 61.5298C152.606 61.5095 152.823 61.43 153.008 61.2992C153.194 61.1685 153.342 60.9911 153.437 60.7849C153.828 59.6985 152.861 56.2583 152.491 56.1307C152.12 56.0031 148.968 58.0442 148.602 59.0648V59.0607Z",fill:"#BA68C8"}),e.createElement("path",{d:"M148.602 59.0607C148.547 59.2798 148.552 59.5094 148.615 59.7262C148.677 59.943 148.797 60.1393 148.96 60.2952C149.392 60.7565 149.927 61.1089 150.521 61.3235C151.116 61.5381 151.753 61.6088 152.38 61.5298C152.606 61.5095 152.823 61.43 153.008 61.2992C153.194 61.1685 153.342 60.9911 153.437 60.7849C153.828 59.6985 152.861 56.2583 152.491 56.1307C152.12 56.0031 148.968 58.0442 148.602 59.0648V59.0607Z",fill:"#1F9999"}),e.createElement("path",{d:"M146.952 50.1146L151.721 57.9334L160.363 54.917C168.573 52.0364 178.963 46.9377 181.762 39.0696C182.63 36.6145 182.54 33.9225 181.511 31.5306V31.4895C180.894 30.08 179.994 28.8123 178.867 27.7647C177.74 26.7171 176.41 25.9119 174.959 25.3991C171.256 24.074 167.05 25.6336 164.021 28.2797C163.774 28.4938 163.474 28.6383 163.153 28.6983C162.831 28.7583 162.499 28.7316 162.191 28.621C161.883 28.5104 161.61 28.3199 161.4 28.069C161.191 27.8181 161.051 27.5158 160.997 27.1933C160.338 23.2222 158.067 19.3416 154.371 18.0247C152.924 17.4997 151.385 17.2781 149.849 17.3737C148.312 17.4693 146.812 17.88 145.441 18.5803L145.396 18.6091C143.082 19.801 141.305 21.8259 140.425 24.2756C137.635 32.1438 142.441 42.6662 146.952 50.1146Z",fill:"#1F9999"}),e.createElement("path",{opacity:"0.1",d:"M146.964 50.1142L151.734 57.933L160.375 54.9166C168.585 52.036 178.972 46.9374 181.774 39.0692C182.642 36.6142 182.553 33.9221 181.523 31.5303C181.832 40.2009 168.104 49.6739 156.367 48.3489C146.516 47.2337 140.425 33.5755 139.697 31.5838C140.376 37.9376 143.742 44.8057 146.964 50.1142Z",fill:"black"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_5504_25779"},e.createElement("rect",{width:"200",height:"181.79",fill:"white"})))),k=({question:n,formValues:t,onChangeHandler:r,autoFocus:o})=>{switch(n.type_info.question_type){case"RANGE":return e.createElement(c,{type_info:n.type_info,onChangeHandler:r,npsValue:t[n.name]});case"CHECKBOX":case"MULTI_SELECT":return e.createElement(h,{autoFocus:o,values:t[n.name],options:n.type_info.choices,onChangeHandler:r,othersOption:n.type_info.meta?.othersOption,othersRequired:n.type_info.meta?.othersRequired});case"RADIO":case"DROPDOWN":return e.createElement(g,{autoFocus:o,name:n.name,onChangeHandler:r,options:n.type_info.choices,value:t[n.name],othersOption:n.type_info.meta?.othersOption,othersRequired:n.type_info.meta?.othersRequired});case"INPUT":case"TEXT":return n.type_info?.meta?.readOnly?e.createElement("div",{className:"message-container"},n.type_info?.meta?.value):e.createElement("div",{className:"responsive-text-field"},e.createElement(m,{autoFocus:o,label:"",maxLength:300,showCount:!0,isRequired:n.is_required,value:t[n.name]||"",placeholder:n.type_info?.meta?.placeholder??"",onChange:e=>r(e.target.value)}),e.createElement(p,{autoFocus:o,label:"",maxLength:300,showCount:!0,isRequired:n.is_required,placeholder:n.type_info?.meta?.placeholder??"",value:t[n.name]||"",onChange:e=>r(e.target.value)}));case"PARAGRAPH":return e.createElement(p,{autoFocus:o,label:"",isRequired:n.is_required,placeholder:n.type_info?.meta?.placeholder??"",value:t[n.name]||"",onChange:e=>r(e.target.value)});default:return console.error(`Question type ${n.type_info.question_type} not found`),null}};i(":root {\n --widget-container-width: 350px;\n --default-brand-color: #264966;\n --default-question-text-color: #000;\n --default-question-background-color: #fff;\n --default-background-color: #ebeff3;\n --default-button-text-color: #fff;\n --default-secondary-button-text-color: #000;\n --default-input-placeholder-color: #92a2b1;\n --compact-widget-max-height: 560px;\n --default-widget-max-height: 400px;\n --cozy-widget-max-height: 380px;\n}\n\n.freemium-survey-components .question-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n text-align: center;\n max-width: 700px;\n margin: 0 auto;\n background: var(--default-question-background-color);\n background: var(--question-background-color, var(--default-question-background-color));\n border-radius: 4px;\n transition: transform 500ms ease 0ms, opacity 200ms ease 0ms;\n box-shadow: 0 1px 3px 0 rgba(18, 52, 77, 0.2);\n margin-bottom: 28px;\n padding: 28px;\n grid-gap: 28px;\n gap: 28px;\n position: relative;\n}\n.freemium-survey-components .question-text {\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.8;\n width: 100%;\n text-align: left;\n color: var(--default-question-text-color);\n color: var(--question-text-color, var(--default-question-text-color));\n}\n.freemium-survey-components .thankyou {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.freemium-survey-components .thankyou .text {\n white-space: pre-wrap;\n font-weight: 500;\n font-size: 1.2rem;\n line-height: 2;\n color: #12344d;\n}\n.freemium-survey-components .thankyou .redirection-text {\n color: #929292;\n margin-bottom: 12px;\n font-weight: 300;\n}\n.freemium-survey-components .thankyou .link {\n width: 100%;\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #666;\n font-weight: 500;\n text-decoration: underline;\n}\n.freemium-survey-components .action-buttons {\n display: flex;\n justify-content: flex-start;\n grid-gap: 40px;\n gap: 40px;\n width: 100%;\n align-items: center;\n}\n.freemium-survey-components .action-buttons:empty {\n display: none;\n}\n.freemium-survey-components .skip-button {\n font-weight: 400;\n cursor: pointer;\n background: transparent;\n border: none;\n min-width: 40px;\n padding: 8px 16px;\n border-radius: 4px;\n color: var(--default-secondary-button-text-color);\n color: var(--secondary-button-text-color, var(--default-secondary-button-text-color));\n letter-spacing: 0.05rem;\n line-height: 1.5;\n border: 1px solid transparent;\n}\n.freemium-survey-components .skip-button:hover {\n background-color: #f3f3f3;\n}\n.freemium-survey-components .next-button {\n color: var(--default-button-text-color);\n color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components .submit {\n max-width: 700px;\n margin: 0 auto;\n text-align: left;\n background: transparent;\n box-shadow: none;\n color: var(--default-button-text-color);\n color: var(--button-text-color, var(--default-button-text-color));\n}\n.freemium-survey-components .responsive-text-field {\n width: 100%;\n}\n.freemium-survey-components .responsive-text-field .textarea-container {\n display: none;\n}\n.freemium-survey-components .message-container:empty {\n display: none;\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components .responsive-text-field .input-container {\n display: none;\n }\n .freemium-survey-components .responsive-text-field .textarea-container {\n display: flex;\n }\n}\ndiv.widget-survey-components {\n display: flex;\n flex-grow: 1;\n font-size: 0.875rem;\n overflow: hidden;\n}\ndiv.widget-survey-components .textarea-container .end-max-length {\n padding: 4px;\n}\ndiv.widget-survey-components .responsive-text-field .input-container {\n display: none;\n}\ndiv.widget-survey-components .responsive-text-field .textarea-container {\n display: flex;\n}\ndiv.widget-survey-components .questions {\n min-width: 100%;\n max-width: 100%;\n display: flex;\n height: 100%;\n max-height: 560px;\n max-height: var(--compact-widget-max-height);\n}\ndiv.widget-survey-components .question-text {\n font-size: 0.875rem;\n width: 100%;\n text-align: left;\n}\ndiv.widget-survey-components .question-container {\n box-shadow: none;\n height: 100%;\n min-width: 100%;\n max-width: 100%;\n margin-bottom: 0;\n border-radius: 0;\n padding: 12px 28px;\n grid-gap: 16px;\n gap: 16px;\n flex-grow: 1;\n}\ndiv.widget-survey-components .action-buttons {\n margin: 0px auto;\n justify-content: end;\n flex-direction: row-reverse;\n grid-gap: 16px;\n gap: 16px;\n position: -webkit-sticky;\n position: sticky;\n bottom: 0;\n background-color: #fff;\n}\ndiv.widget-survey-components .submit {\n padding-bottom: 0;\n margin: unset;\n}\ndiv.widget-survey-components .nps-container .footer {\n padding-top: 12px;\n}\ndiv.widget-survey-components .nps-container .widget .choices {\n grid-gap: 8px;\n gap: 8px;\n}\ndiv.widget-survey-components .radio-group {\n overflow: auto;\n width: 100%;\n}\ndiv.widget-survey-components .checkbox-group {\n overflow: auto;\n width: 100%;\n flex-wrap: nowrap;\n}\ndiv.widget-survey-components div.thankyou {\n grid-gap: 36px;\n gap: 36px;\n}\ndiv.widget-survey-components svg {\n width: 140px;\n height: 120px;\n}\n\n.widget-survey-components.default-style .questions {\n max-height: 400px;\n max-height: var(--default-widget-max-height);\n}\n.widget-survey-components.default-style .question-container {\n padding: 12px 28px;\n}\n.widget-survey-components.default-style .nps-container .footer {\n padding-top: 12px;\n}\n.widget-survey-components.default-style .action-button {\n line-height: 1.2;\n}\n.widget-survey-components.default-style .radio-group {\n flex-direction: row;\n flex-wrap: wrap;\n overflow: auto;\n}\n.widget-survey-components.default-style .radio-group .radio-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9rem;\n}\n.widget-survey-components.default-style .checkbox-group {\n flex-direction: row;\n flex-wrap: wrap;\n overflow: auto;\n}\n.widget-survey-components.default-style .checkbox-group .checkbox-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9rem;\n}\n.widget-survey-components.default-style textarea {\n min-height: 84px;\n}\n.widget-survey-components.default-style .end-max-length {\n font-size: 0.8rem;\n font-weight: 300;\n padding: 4px;\n}\n.widget-survey-components.default-style div.thankyou {\n flex-direction: row;\n}\n\n.widget-survey-components.cozy-style .questions {\n max-height: 380px;\n max-height: var(--cozy-widget-max-height);\n}\n.widget-survey-components.cozy-style .question-text {\n font-size: 1rem;\n}\n.widget-survey-components.cozy-style .question-text.nps {\n text-align: center;\n width: 60%;\n min-width: 600px;\n margin: auto;\n}\n.widget-survey-components.cozy-style .question-container {\n padding: 12px 28px;\n}\n.widget-survey-components.cozy-style .nps-container {\n grid-gap: 44px;\n gap: 44px;\n}\n.widget-survey-components.cozy-style .nps-container .widget {\n display: flex;\n justify-content: center;\n}\n.widget-survey-components.cozy-style .nps-container .button-container {\n width: 60%;\n min-width: 600px;\n margin: 0 auto;\n}\n.widget-survey-components.cozy-style .nps-container .button-container .choices {\n justify-content: space-around;\n}\n.widget-survey-components.cozy-style .nps-container .footer {\n padding-top: 8px;\n}\n.widget-survey-components.cozy-style .action-button {\n line-height: 1.2;\n}\n.widget-survey-components.cozy-style .radio-group {\n flex-direction: row;\n flex-wrap: wrap;\n overflow: auto;\n}\n.widget-survey-components.cozy-style .radio-group .radio-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9rem;\n}\n.widget-survey-components.cozy-style .checkbox-group {\n flex-direction: row;\n flex-wrap: wrap;\n overflow: auto;\n}\n.widget-survey-components.cozy-style .checkbox-group .checkbox-label {\n padding: 12px 16px;\n min-width: 160px;\n font-size: 0.9rem;\n}\n.widget-survey-components.cozy-style textarea {\n min-height: 60px;\n}\n.widget-survey-components.cozy-style .end-max-length {\n font-size: 0.8rem;\n font-weight: 300;\n padding: 4px;\n}");const L=()=>e.createElement("svg",{style:{display:"block"},width:"9",height:"14",viewBox:"0 0 10 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M7.82585 6.15754C7.98999 6.32147 8.08232 6.54389 8.08252 6.77587L8.08252 7.2192C8.07983 7.45069 7.98788 7.6722 7.82585 7.83754L1.82919 13.8225C1.77496 13.8772 1.71044 13.9206 1.63936 13.9502C1.56827 13.9798 1.49203 13.9951 1.41502 13.9951C1.33801 13.9951 1.26177 13.9798 1.19068 13.9502C1.1196 13.9206 1.05508 13.8772 1.00085 13.8225L0.172521 12.9942C0.118197 12.941 0.0750381 12.8774 0.0455752 12.8073C0.0161124 12.7372 0.000937578 12.6619 0.000937585 12.5859C0.000937592 12.5098 0.0161125 12.4345 0.0455753 12.3644C0.0750381 12.2943 0.118197 12.2308 0.172521 12.1775L5.36419 6.99754L0.172522 1.81754C0.117847 1.76331 0.0744506 1.69879 0.0448352 1.62771C0.0152208 1.55662 -2.75162e-05 1.48038 -2.75094e-05 1.40337C-2.75027e-05 1.32636 0.0152208 1.25012 0.0448353 1.17904C0.0744507 1.10795 0.117847 1.04343 0.172522 0.989205L1.00086 0.172537C1.05508 0.117862 1.1196 0.0744661 1.19069 0.0448507C1.26177 0.0152353 1.33801 -1.20337e-05 1.41502 -1.2027e-05C1.49203 -1.20203e-05 1.56827 0.0152353 1.63936 0.0448507C1.71044 0.0744661 1.77496 0.117862 1.82919 0.172537L7.82585 6.15754Z",fill:"#6B6B6B"})),q=()=>e.createElement("svg",{style:{display:"block"},width:"9",height:"14",viewBox:"0 0 10 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M0.256667 7.83755C0.0925257 7.67361 0.000204227 7.4512 0 7.21921V6.77588C0.00268801 6.5444 0.0946357 6.32289 0.256667 6.15755L6.25333 0.172549C6.30756 0.117874 6.37208 0.0744776 6.44316 0.0448625C6.51425 0.0152474 6.59049 0 6.6675 0C6.74451 0 6.82075 0.0152474 6.89184 0.0448625C6.96292 0.0744776 7.02744 0.117874 7.08167 0.172549L7.91 1.00088C7.96432 1.05411 8.00748 1.11764 8.03694 1.18776C8.06641 1.25787 8.08158 1.33316 8.08158 1.40922C8.08158 1.48527 8.06641 1.56056 8.03694 1.63067C8.00748 1.70079 7.96432 1.76432 7.91 1.81755L2.71833 6.99755L7.91 12.1775C7.96467 12.2318 8.00807 12.2963 8.03769 12.3674C8.0673 12.4385 8.08255 12.5147 8.08255 12.5917C8.08255 12.6687 8.0673 12.745 8.03769 12.8161C8.00807 12.8871 7.96467 12.9517 7.91 13.0059L7.08167 13.8225C7.02744 13.8772 6.96292 13.9206 6.89184 13.9502C6.82075 13.9799 6.74451 13.9951 6.6675 13.9951C6.59049 13.9951 6.51425 13.9799 6.44316 13.9502C6.37208 13.9206 6.30756 13.8772 6.25333 13.8225L0.256667 7.83755Z",fill:"#6B6B6B"})),_=["RANGE","NPS","RADIO","DROPDOWN"],M=300,N=1e4,Z=({thankYouQuestion:n,preview:t})=>(r((()=>{t||n.type_info.meta?.redirectUrl&&setTimeout((()=>{window.location.href=n.type_info.meta?.redirectUrl}),1e4)}),[]),e.createElement("div",{className:"question-container thankyou"},e.createElement(E,null),e.createElement("div",{className:"text"},n.text),n.type_info.meta?.redirectUrl&&e.createElement("div",{style:{width:"100%"}},e.createElement("div",{className:"redirection-text"},"You will be redirected to the below URL automatically in 10 seconds.",e.createElement("br",null)),e.createElement("a",{className:"link",href:n.type_info.meta?.redirectUrl},n?.type_info.meta?.redirectUrl)))),z=({survey:t,placeholders:i,onSubmit:c,widget:l,surveyContainerWidth:s="0px",npsValue:d,widgetStyle:u,widgetNavigatorQuerySelector:m,preview:p,mobilePreview:f})=>{const{meta:{blocks:h},question_details:{questions:C}}=t,[g,x]=o(null),[v,y]=o({}),[E,N]=o(!1),[z,F]=o([]),[H,D]=o(0),[$,O]=o(!1),[R,A]=o(null),S=n(null),T=n(null),B=n(-1),V=n(null),j=n(0),I=n(!1),P=n([]),U=n(null),Y=n([]);r((()=>{h&&(U.current=h.find((e=>"T_1"===e.name)),x(h.filter((e=>"T_1"!==e.name))))}),[h]),r((()=>{if(g)if(T.current=C.find((e=>e.pivot_question))??C.find((e=>"RANGE"===e.type_info.question_type))??C[0],null!=d){B.current=d;const e=C.find((e=>e.name===g[0].question_names[0]));S.current={...g[0],question:e},P.current=[...P.current,{...g[0],question:e}],F(P.current),y({Q_1:d})}else if(!S.current&&g.length>0)return S.current=g[0],void W(g[0])}),[g,d]),e.useEffect((()=>{l||V.current?.scrollIntoView({block:"center",behavior:"smooth"}),z.length&&(P.current=z),V.current&&(V.current.style.maxHeight="unset"),Y.current[j.current]=V.current?.scrollHeight||Y.current[j.current]||0,D(z.length-1),V.current&&(V.current.style.maxHeight="100%")}),[z]),r((()=>{Object.keys(v).length>0&&S.current.question&&(_.includes(S.current.question.type_info.question_type)||I.current)&&!G()&&X()}),[v]),r((()=>{if(null!=v?.[T.current?.name])if(U.current?.is_based_on_score){const e=T.current?.type_info?.choices[v?.[T.current?.name]]?.dependent_question_names,n=U.current?.question_names.find((n=>e?.includes(n))),t=C.find((e=>e.name===n));A(t)}else{const e=C.find((e=>e.name==U.current?.question_names[0]));A(e)}}),[v?.[T.current?.name]]);const G=()=>j.current===g.length-1||"end"===S.current.branchOption,Q=e=>{if(e){let t={"{{nps.score}}":B.current};i&&(t={...t,...i});var n=new RegExp(Object.keys(t).join("|"),"gi");e=e.replace(n,(function(e){return t[e.toLowerCase()]}))}return e},W=e=>{let n={};if(e.is_based_on_score){const t=T.current?.type_info?.choices[v?.[T.current?.name]]?.dependent_question_names,r=e.question_names.find((e=>t?.includes(e)));n=C.find((e=>e.name===r))}else n=C.find((n=>n.name===e.question_names[0]));S.current.question=n;const t=P.current.find((e=>e.question.name===n.name));F(t?[...P.current]:[...P.current,{...e,question:n}])},X=()=>{if(G())N(!0);else{if(S.current.nextBlock)j.current=g.findIndex((e=>e.name===S.current.nextBlock));else if(S.current.question.type_info?.meta?.branches){const e=S.current.question.type_info?.meta?.branches,n=v[S.current.question.name];let t;t="RANGE"===S.current.type?e.find((e=>n>=e.min&&n<=e.max)):e.find((e=>n===e.value)),t?.nextBlock?j.current=g.findIndex((e=>e.name===t.nextBlock)):j.current+=1}else j.current+=1;S.current=g[j.current],W(g[j.current])}},K=(e,n)=>{I.current=!0,delete v[n.name],y({...v})},J=(e,n,t)=>{if(t){if(I.current=!0,null!=v[e.question.name]&&e.name!==z[z.length-1].name){const[t,r]=(e=>{const n=z.findIndex((n=>n.name===e.name)),t=z.slice(0,n+1),r=t.reduce(((e,n)=>(e[n.question.name]=v[n.question.name],e)),{});return j.current=g.findIndex((n=>n.name===e.name)),[t,r]})(e);y({...r,...null!=n&&{[e.question.name]:n}}),P.current=t}else y({...v,...null!=n&&{[e.question.name]:n}});T?.current?.name==e?.question?.name&&(B.current=n)}else y({...v,...null!=n&&{[e.question.name]:n}})};return S.current&&S.current.question?E?e.createElement("div",{className:`freemium-survey-components ${l?"widget-survey-components":""} ${u}-style`},e.createElement(Z,{thankYouQuestion:R,preview:p})):e.createElement("div",{className:`freemium-survey-components ${l?"widget-survey-components":""} ${u}-style ${f?"mobile-preview":""}`,style:{"--widget-container-width":s}},!l&&e.createElement(b,{totalSteps:g.length,completedSteps:j.current}),l&&document.querySelector(m)&&e.createElement(e.Fragment,null,a.createPortal(e.createElement("div",{className:"navigation","data-navigation-element":"1",style:0!==j.current?{paddingLeft:"18px"}:{}},e.createElement("button",{style:0==j.current?{display:"none"}:{},className:"navigate-button",onClick:()=>{j.current=Math.max(j.current-1,0),D(j.current)}},e.createElement(q,null)),e.createElement("span",{className:"navigation-text"},"Question ",j.current+1," of"," ",z.length," "),e.createElement("button",{className:"navigate-button",style:j.current>=z.length-1?{visibility:"hidden"}:{},onClick:()=>{j.current=Math.min(j.current+1,z.length-1),D(j.current)}},e.createElement(L,null))),document.querySelector(m))),e.createElement("div",{style:l?{transform:`translateX(calc(-${H} * 100%))`,height:`${Y.current[j.current]}px`,transition:z?.length>1?`all ${M}ms linear 0ms`:`transform ${M}ms linear 0ms`}:{},className:"questions"},z.map(((n,t)=>{return e.createElement("div",{className:"question-container",style:{height:"fit-content",transition:"opacity 100ms ease-out",opacity:l&&j.current!==t?0:1},ref:V,id:n.question.name,key:n.question.name},e.createElement("div",{className:"question-text "+(0===t?"nps":""),dangerouslySetInnerHTML:{__html:Q(n.question.text)}}),e.createElement(k,{question:n.question,formValues:v,autoFocus:S.current.name===n.name,onChangeHandler:e=>{I.current=!1,j.current=g.findIndex((e=>e.name===n.name)),S.current=n,J(n,e,_.includes(n.question.type_info.question_type)&&!G())}}),e.createElement("div",{className:"action-buttons"},(r=n.question,r.name===S.current.question.name&&!_.includes(r.type_info.question_type)&&!G()&&e.createElement(w,{onClick:()=>{I.current?(j.current=Math.min(j.current+1,z.length-1),S.current=z[t+1],D(j.current)):J(n,null,!0)},disabled:!v[S.current.question.name]||Array.isArray(v[S.current.question.name])&&0===v[S.current.question.name].length,className:"next-button"},"Next")),((e,n)=>"RANGE"!==n.type_info.question_type&&!n.required&&n.name===S.current.question.name&&!G())(0,n.question)&&e.createElement("button",{className:"skip-button",onClick:()=>K(0,n.question)},"Skip"),((e,n)=>"DROPDOWN"===n.type_info.question_type&&n.name!==S.current.question.name&&!n.required&&null!=v[n.name])(0,n.question)&&e.createElement("button",{className:"skip-button",onClick:()=>{S.current=n,j.current=g.findIndex((e=>e.name===n.name)),K(0,n.question)}},"Clear selection"),l&&(e=>G()&&e.name===S.current.question.name)(n.question)&&e.createElement("div",{className:"submit"},e.createElement(w,{disabled:(S.current.question.required||S.current.question.type_info.pivot_question)&&void 0===v[S.current.question.name]||$,onClick:()=>{O(!0),c(v,(()=>{R?.type_info.meta?.skipThankYouPage||N(!0)}))}},$?"Submitting":"Submit Survey"))));var r})),!l&&G()&&e.createElement("div",{className:"submit"},e.createElement(w,{disabled:S.current.question.required&&void 0===v[S.current.question.name]||$,onClick:()=>{O(!0),c(v,(()=>{p||R?.type_info.meta?.skipThankYouPage&&(window.location.href=R?.type_info.meta?.redirectUrl),R?.type_info.meta?.skipThankYouPage||N(!0)}))}},$?"Submitting Survey":"Submit Survey")))):null};export{N as AUTO_REDIRECT_DELAY,y as BUTTON_SIZE_VARIANTS,w as Button,h as CheckboxGroup,m as Input,c as NPS,b as ProgressBar,x as Radio,g as RadioGroup,z as Survey,M as TRANSITION_DELAY,p as TextArea};
package/lib/types/mock.d.ts CHANGED
@@ -1,73 +1,25 @@
1
1
  declare const _default: {
2
+ id: string;
2
3
  name: string;
3
4
  desc: string;
4
5
  type: string;
5
- header_message: string;
6
- gratitude_message: string;
7
- ui_branding: {
8
- footer_html: string;
9
- };
10
- meta: {
11
- blocks: ({
12
- name: string;
13
- title: string;
14
- order: number;
15
- question_names: string[];
16
- type: string;
17
- required: boolean;
18
- is_based_on_score: boolean;
19
- is_same_for_all: boolean;
20
- jump_logic: null;
21
- question_score_category?: undefined;
22
- position?: undefined;
23
- } | {
24
- name: string;
25
- order: number;
26
- type: string;
27
- title: string;
28
- question_names: string[];
29
- question_score_category: {
30
- promoter: string;
31
- passive: string;
32
- detractor: string;
33
- };
34
- required: boolean;
35
- is_based_on_score: boolean;
36
- is_same_for_all: boolean;
37
- jump_logic: null;
38
- position?: undefined;
39
- } | {
40
- name: string;
41
- order: number;
42
- type: string;
43
- title: string;
44
- question_names: string[];
45
- position: number;
46
- required: boolean;
47
- is_based_on_score: boolean;
48
- is_same_for_all: boolean;
49
- jump_logic: null;
50
- question_score_category?: undefined;
51
- })[];
52
- };
6
+ state: string;
7
+ is_active: boolean;
53
8
  question_details: {
54
9
  questions: ({
10
+ id: string;
55
11
  text: string;
56
12
  name: string;
57
13
  position: number;
58
14
  type_info: {
59
- pivot_question: boolean;
60
15
  question_type: string;
61
16
  validation: {
62
17
  min: number;
63
18
  max: number;
64
19
  };
65
- choices: {
66
- value: number;
67
- position: number;
68
- dependent_question_names: string[];
69
- }[];
70
20
  linear_scale: {
21
+ point_scale: null;
22
+ scale_order: null;
71
23
  button_style: string;
72
24
  button_shape: string;
73
25
  };
@@ -75,6 +27,11 @@ declare const _default: {
75
27
  start: string;
76
28
  end: string;
77
29
  };
30
+ choices: {
31
+ position: string;
32
+ value: string;
33
+ dependent_question_names: string[];
34
+ }[];
78
35
  footer_text: string;
79
36
  meta: {
80
37
  branches: {
@@ -83,149 +40,261 @@ declare const _default: {
83
40
  id: string;
84
41
  }[];
85
42
  branchType: string;
43
+ othersOption?: undefined;
44
+ othersRequired?: undefined;
86
45
  placeholder?: undefined;
87
46
  readOnly?: undefined;
88
47
  };
89
- text?: undefined;
90
- type_info?: undefined;
48
+ pivot_question: boolean;
91
49
  };
50
+ required: boolean;
92
51
  } | {
52
+ id: string;
93
53
  text: string;
94
54
  name: string;
95
55
  position: number;
96
56
  type_info: {
97
- pivot_question: boolean;
98
57
  question_type: string;
58
+ validation: null;
59
+ linear_scale: null;
60
+ score_presets: null;
99
61
  choices: {
62
+ id: string;
63
+ position: string;
100
64
  value: string;
101
- position: number;
102
65
  }[];
103
- validation?: undefined;
104
- linear_scale?: undefined;
105
- score_presets?: undefined;
106
- footer_text?: undefined;
107
- meta?: undefined;
108
- text?: undefined;
109
- type_info?: undefined;
66
+ footer_text: null;
67
+ meta: null;
68
+ pivot_question: boolean;
110
69
  };
70
+ required: boolean;
111
71
  } | {
72
+ id: string;
112
73
  text: string;
113
74
  name: string;
114
75
  position: number;
115
76
  type_info: {
77
+ question_type: string;
78
+ validation: null;
79
+ linear_scale: null;
80
+ score_presets: null;
81
+ choices: {
82
+ id: string;
83
+ position: string;
84
+ value: string;
85
+ }[];
86
+ footer_text: null;
87
+ meta: {
88
+ othersOption: boolean;
89
+ othersRequired: boolean;
90
+ branches?: undefined;
91
+ branchType?: undefined;
92
+ placeholder?: undefined;
93
+ readOnly?: undefined;
94
+ };
116
95
  pivot_question: boolean;
96
+ };
97
+ required: boolean;
98
+ } | {
99
+ id: string;
100
+ text: string;
101
+ name: string;
102
+ position: number;
103
+ type_info: {
117
104
  question_type: string;
105
+ validation: null;
106
+ linear_scale: null;
107
+ score_presets: null;
108
+ choices: {
109
+ id: string;
110
+ position: string;
111
+ value: string;
112
+ }[];
113
+ footer_text: null;
118
114
  meta: {
119
115
  placeholder: string;
116
+ othersOption: boolean;
120
117
  branches?: undefined;
121
118
  branchType?: undefined;
119
+ othersRequired?: undefined;
122
120
  readOnly?: undefined;
123
121
  };
124
- validation?: undefined;
125
- choices?: undefined;
126
- linear_scale?: undefined;
127
- score_presets?: undefined;
128
- footer_text?: undefined;
129
- text?: undefined;
130
- type_info?: undefined;
122
+ pivot_question: boolean;
131
123
  };
124
+ required: boolean;
132
125
  } | {
126
+ id: string;
133
127
  text: string;
134
128
  name: string;
135
129
  position: number;
136
130
  type_info: {
137
- pivot_question: boolean;
138
131
  question_type: string;
132
+ validation: null;
133
+ linear_scale: null;
134
+ score_presets: null;
135
+ choices: null;
136
+ footer_text: null;
139
137
  meta: {
140
138
  readOnly: boolean;
141
139
  branches?: undefined;
142
140
  branchType?: undefined;
141
+ othersOption?: undefined;
142
+ othersRequired?: undefined;
143
143
  placeholder?: undefined;
144
144
  };
145
- validation?: undefined;
146
- choices?: undefined;
147
- linear_scale?: undefined;
148
- score_presets?: undefined;
149
- footer_text?: undefined;
150
- text?: undefined;
151
- type_info?: undefined;
145
+ pivot_question: boolean;
152
146
  };
147
+ required: boolean;
153
148
  } | {
149
+ id: string;
150
+ text: string;
154
151
  name: string;
155
152
  position: number;
156
- text: string;
157
153
  type_info: {
154
+ question_type: string;
155
+ validation: null;
156
+ linear_scale: null;
157
+ score_presets: null;
158
+ choices: null;
159
+ footer_text: null;
160
+ meta: null;
161
+ pivot_question: boolean;
162
+ };
163
+ required: boolean;
164
+ })[];
165
+ };
166
+ created_at: string;
167
+ updated_at: string;
168
+ gratitude_message: string;
169
+ schedule_info: null;
170
+ throttle_info: null;
171
+ contact_info: {
172
+ list_id: string;
173
+ segment_id: null;
174
+ };
175
+ ui_branding: {
176
+ logo_url: string;
177
+ footer_html: string;
178
+ };
179
+ ui_theme: {
180
+ body_background_color: null;
181
+ primary_font: null;
182
+ secondary_font: null;
183
+ primary_background_color: null;
184
+ secondary_background_color: null;
185
+ primary_button_color: null;
186
+ secondary_button_color: null;
187
+ brand_color: string;
188
+ primary_button_text_color: null;
189
+ button_style: null;
190
+ secondary_button_text_color: string;
191
+ question_background_color: string;
192
+ question_text_color: string;
193
+ css_url: null;
194
+ };
195
+ meta: {
196
+ created_by: string;
197
+ blocks: ({
198
+ name: string;
199
+ title: string;
200
+ order: number;
201
+ question_names: string[];
202
+ type: string;
203
+ required: boolean;
204
+ is_based_on_score: boolean;
205
+ is_same_for_all: boolean;
206
+ question: {
207
+ id: string;
158
208
  text: string;
209
+ name: string;
210
+ position: number;
159
211
  type_info: {
160
- pivot_question: boolean;
161
212
  question_type: string;
213
+ validation: {
214
+ min: number;
215
+ max: number;
216
+ };
217
+ linear_scale: {
218
+ point_scale: null;
219
+ scale_order: null;
220
+ button_style: string;
221
+ button_shape: string;
222
+ };
223
+ score_presets: {
224
+ start: string;
225
+ end: string;
226
+ };
227
+ choices: {
228
+ position: string;
229
+ value: string;
230
+ dependent_question_names: string[];
231
+ }[];
232
+ footer_text: string;
233
+ meta: {
234
+ branches: {
235
+ min: number;
236
+ max: number;
237
+ id: string;
238
+ }[];
239
+ branchType: string;
240
+ };
241
+ pivot_question: boolean;
162
242
  };
163
- question_type: string;
164
- choices: {
165
- value: string;
166
- position: number;
167
- }[];
168
- pivot_question?: undefined;
169
- validation?: undefined;
170
- linear_scale?: undefined;
171
- score_presets?: undefined;
172
- footer_text?: undefined;
173
- meta?: undefined;
243
+ required: boolean;
174
244
  };
245
+ question_score_category?: undefined;
246
+ position?: undefined;
175
247
  } | {
176
248
  name: string;
177
- position: number;
178
- text: string;
179
- type_info: {
180
- text: string;
181
- meta: {
182
- placeholder: string;
183
- branches?: undefined;
184
- branchType?: undefined;
185
- readOnly?: undefined;
186
- };
187
- pivot_question: boolean;
188
- question_type: string;
189
- validation?: undefined;
190
- choices?: undefined;
191
- linear_scale?: undefined;
192
- score_presets?: undefined;
193
- footer_text?: undefined;
194
- type_info?: undefined;
249
+ order: number;
250
+ type: string;
251
+ title: string;
252
+ question_names: string[];
253
+ question_score_category: {
254
+ promoter: string;
255
+ passive: string;
256
+ detractor: string;
195
257
  };
258
+ required: boolean;
259
+ is_based_on_score: boolean;
260
+ is_same_for_all: boolean;
261
+ question?: undefined;
262
+ position?: undefined;
263
+ } | {
264
+ name: string;
265
+ order: number;
266
+ type: string;
267
+ title: string;
268
+ question_names: string[];
269
+ position: number;
270
+ required: boolean;
271
+ is_based_on_score: boolean;
272
+ is_same_for_all: boolean;
273
+ question?: undefined;
274
+ question_score_category?: undefined;
196
275
  })[];
197
276
  };
198
277
  channels: string[];
199
- state: string;
200
- ui_theme: {
201
- primary_text_color: string;
202
- question_background: string;
203
- question_text_color: string;
204
- };
205
278
  channel_info: {
206
279
  email_channel_info: {
207
- dkim_settings: null;
208
- email_body: string;
209
- email_body_bottom: string;
210
- footer: string;
211
- from_email: string;
212
280
  from_name: string;
213
- preheader: string;
281
+ from_email: string;
282
+ subject: string;
214
283
  reply_to: string;
215
284
  reply_to_name: string;
216
- subject: string;
285
+ preheader: string;
286
+ email_body: string;
287
+ footer: string;
217
288
  unsubscribe: string;
289
+ email_body_bottom: string;
290
+ copyright: null;
291
+ dkim_settings: null;
218
292
  };
219
- link_channel_info: null;
220
293
  web_in_app_info: null;
294
+ link_channel_info: null;
221
295
  };
222
- schedule_info: null;
223
- contact_info: null;
224
- throttle_info: null;
225
- email_channel_info: {
226
- email_body: string;
227
- email_body_bottom: string;
228
- subject: string;
229
- };
296
+ header_message: string;
297
+ product_client_id: string;
298
+ is_recurring: boolean;
230
299
  };
231
300
  export default _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "freemium-survey-components",
3
- "version": "0.9.1",
3
+ "version": "0.9.2",
4
4
  "description": "React Survey Ui Components",
5
5
  "main": "lib/index.cjs.js",
6
6
  "module": "lib/index.esm.js",