"use strict";(globalThis.webpackChunkhelpgent=globalThis.webpackChunkhelpgent||[]).push([[822],{767:(e,t,n)=>{n.d(t,{A:()=>l});var i=n(26374),o=n(7012);const l=e=>(0,i.n)(t=>(0,o.A)(e,t))},16174:(e,t,n)=>{function i(e,t,n,i,o,l,r,a){const{singleForm:p,submittedElements:g}=r,{elements:s,global:d}=p.content;if(!(void 0!==e&&"0"!==e||r.responseToken||o)){const e=s.filter(e=>"user_validation"===e.element_type)[0];if(e&&"0"===d.anonymous_submission.isActive)g.push(i),a({...r,submittedElements:g,activeElement:e});else{const e=s.filter(e=>e.id===t.elementLogic.default_target)[0];g.push(i),a({...r,submittedElements:g,activeElement:e})}return}{const e=s.filter(e=>e.id===t.elementLogic.default_target)[0];var h;g.push(i),e?!l&&e.isPro?a({...r,submittedElements:g,activeElement:null!==(h=n[0])&&void 0!==h?h:i}):a({...r,submittedElements:g,activeElement:e}):a({...r,submittedElements:g,activeElement:i})}}n.d(t,{O:()=>i}),n(86958)},22146:(e,t,n)=>{n.d(t,{T:()=>r});var i=n(94933),o=n(86958),l=n(6945);async function r(e,t,n,r,a,p,g,s,d,h,c,x,m,u,f,b,w,v,y,_,M,L){const{singleForm:k,submittedAnswers:D,submittedElements:j,isFinalSubmissionActive:z,isVisitedValidation:E}=x,{id:N}=k,{elements:A}=k.content;if("welcome"!==e.element_type&&"end"!==e.element_type){for(const e in n)n.hasOwnProperty(e)&&""===n[e]?delete n[e]:"object"!=typeof n[e]||Array.isArray(n[e])||null===n[e]||void 0===n[e]||n[e].label&&(n[e]=n[e].label);!1===n.multi_select?n.multi_select=[]:"string"==typeof n.multi_select&&(n.multi_select=[n.multi_select]),"string"==typeof n.gdpr&&(n.gdpr=[n.gdpr]);let k={form_id:N,element_id:e.id,response_token:x.responseToken,attachment_tokens:[]};try{let T=!0;"1"===r?.save_incomplete_data?.isActive&&d&&(T=!1);let S=[...x.cachedElementsValue],I={id:x.activeElement.id,value:{[e.element_type]:n[e.element_type]}};if(n.fieldKeys)for(const e of n.fieldKeys)n.hasOwnProperty(e)&&(I.value[e]=n[e]);const C=S.findIndex(e=>e.id===I.id);if(C>=0?S[C].value=I.value:S.push(I),"1"===r.save_incomplete_data.isActive&&d){if(x.isGdprActive)h||"gdpr"===e.element_type&&(z?(await(0,l.$2)(s,g,D,k,x,m,h,T,_,w,y,M,L),(0,l.Wz)(z,n,k,e),delete k.data,delete k?.map_address,await f(k)):(await(0,l.$2)(s,g,(0,l._$)(e,n,D,k),k,x,m,h,T,_,w,y,M,L),m(e=>({...e,isGdprActive:!1}))));else{let t=x.responseToken;(0,l.Wz)(z,n,k,e),x.responseToken||h||(t=s?await(0,i.o)(_,{form_id:N}):E?await(0,i.o)(y,{form_id:N,email:x.userEmail,password:x.userPassword}):await(0,i.o)(y,{form_id:N}),m({...x,responseToken:t}),k.response_token=t),(1==k.submit||c(e.id))&&(h||(delete k?.map_address,await f(k)),u(e.id,!1))}let b=(0,l.mu)(e,n);(0,o.R)(n,e,t,S,A,r,a,p,D,j,b,v,k?.response_token,d,x,m)}else{z&&await(0,l.$2)(s,g,(0,l._$)(e,n,D,k),k,x,m,h,T,_,b,y,M,L);let i=(0,l.mu)(e,n);(0,o.R)(n,e,t,S,A,r,a,p,D,j,i,v,x?.responseToken,d,x,m)}}catch(e){console.log(e),m({...x,submitAnswerError:e})}}}},30912:(e,t,n)=>{n.d(t,{EV:()=>g,F4:()=>o,Ih:()=>m,NO:()=>b,Pk:()=>_,Vz:()=>p,Y8:()=>r,a8:()=>u,dn:()=>d,eq:()=>v,hH:()=>a,lm:()=>f,mR:()=>c,px:()=>h,rS:()=>l,rp:()=>y,vB:()=>w,xk:()=>s,yA:()=>x});var i=n(38267);const o=i.Ay.div`
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5px 0 0;
    margin-bottom: 20px;
    background-color: var(--helpgent-color-white);
    position: sticky;
    top: 32px;
    z-index: 98;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02);
    @media only screen and (max-width: 767px){
        gap: 15px;
    }
    @media only screen and (max-width: 575px){
        flex-wrap: wrap;
        padding: 15px;
    }
    @media only screen and (max-width: 430px){
        justify-content: center;
    }
    .helpgent-single-form-header__back-link{
        position: relative;
        font-size: 14px;
        font-weight: 500;
        text-decoration: none;
        padding: 21px 15px 21px 0;
        margin-right: 8px;
        color: var(--helpgent-color-gray);
        display: flex;
        align-items: center;
        gap: 8px;
        transition: var(--helpgent-transition);
        &:after{
            position: absolute;
            inset-inline-end: 0;
            top: 0;
            width: 1px;
            height: 100%;
            content: '';
            background-color: var(--helpgent-color-border-light);
        }
        svg {
            position: relative;
            top: -1px;
            path {
                fill: var(--helpgent-color-gray);
                transition: var(--helpgent-transition);
            }
        }
        &:hover{
            color: var(--helpgent-color-primary);
            svg path{
                fill: var(--helpgent-color-primary);
            }
        }
    }
    .helpgent-single-form-header__right{
        min-width: 282px;
    }
    .helpgent-single-form-header__left{
        display: flex;
        align-items: center;
        flex: 0.34;
        @media only screen and (max-width: 1650px){
            flex: 0.4;
        }
        @media only screen and (max-width: 1500px){
            flex: 0.6;
        }
        @media only screen and (max-width: 575px){
            flex: 0 0 100%;
        }
    }
    .helpgent-single-form-header__logo{
        background: var(--helpgent-color-bg-deep);
        margin-right: 14px;
        a{
            display: block;
            padding: 13px 14px;
        }
    }
    .helpgent-single-form-header__title{
        font-size: 14px;
        display: flex;
        align-items: center;
        color: var(--helpgent-color-gray);
        padding: 10px 15px 10px 10px;
        border-radius: 8px;
        transition: var(--helpgent-transition);
        margin-right: 15px;
        svg{
            margin-inline-end: 10px;
            width: 14px;
            height: 14px;
            flex: none;
            path{
                fill: var(--helpgent-color-light-gray);
            }
            @media only screen and (max-width: 767px){
                display: none;
            }
        }
        .helpgent-form-rename-field{
            background: none;
            border: 0 none;
            outline: 0;
            box-shadow: none;
            padding: 0;
            min-height: auto;
            line-height: normal;
            position: relative;
            top: -1px;
            left: -1px;
            max-width: 168px;
        }
        &.helpgent-single-form-header__title-active{
            background: var(--helpgent-color-bg-light);
        }
        .helpgent-form-rename-field-validate{
            flex: 0 0 100%;
            font-size: 12px;
            position: relative;
            top: 5px;
            color: var(--helpgent-color-danger);
        }
    }

    .helpgent-draft-text{
        margin: 0;
        display: flex;
        align-items: center;
        gap: 6px;
        color: var(--helpgent-color-light-gray);
        font-size: 12px;
        font-weight: 500;
        line-height: normal;
        min-width: 110px;
        svg{
            margin: 0;
            width: 12px;
            height: 12px;
            flex: none;
            path{
                fill: var(--helpgent-color-light-gray);
            }
        }
    }

    .helpgent-single-form-header__middle{
        flex: 0.48;
        display: flex;
        justify-content: center;
        margin-right: auto;
        @media only screen and (max-width: 1500px){
            flex: 0.2;
        }
        @media only screen and (max-width: 430px){
            flex: 0 0 100%;
        }
    }

    .helpgent-single-form-header__tab{
        display: flex;
        align-items: center;
        gap: 30px;
        padding: 0;
        margin: 0;
        list-style: none;
        @media only screen and (max-width: 767px){
            gap: 15px;
        }
        li{
            margin: 0;
            padding: 0;
        }
    }
    .helpgent-single-form-header__tab-link{
        position: relative;
        font-size: 14px;
        font-weight: 400;
        display: inline-block;
        text-decoration: none;
        padding: 21px 0;
        cursor: pointer;
        transition: var(--helpgent-transition);
        color: var(--helpgent-color-gray);
        @media only screen and (max-width: 575px){
            padding: 0 0 10px;
        }
        &:focus{
            outline: none;
            box-shadow: 0 0;
        }
        &:after{
            position: absolute;
            inset-inline-start: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            border-radius: 10px;
            content: '';
            opacity: 0;
            visibility: visible;
            transition: var(--helpgent-transition);
            background-color: var(--helpgent-color-primary);
        }
        &:hover,
        &.helpgent-active{
            color:  var(--helpgent-color-primary);
            &:after{
                opacity: 1;
                visibility: visible;
            }
        }
        &.helpgent-active{
            font-weight: 600;
        }
    }
    .helpgent-form-undo-redo-actions{
        display: flex;
        align-items: center;
        gap: 2px;
        margin-right: 3px;
        span{
            display: flex;
            align-items: center;
            justify-content: center;
            width: 36px;
            height: 36px;
            border-radius: 8px;
            transition: var(--helpgent-transition);
            pointer-events: none;
            svg{
                width: 14px;
                height: 13px;
                path{
                    fill: var(--helpgent-color-extra-light);
                    transition: var(--helpgent-transition);
                }
            }
            &.helpgent-form-undo-active,
            &.helpgent-form-redo-active{
                pointer-events: all;
                cursor: pointer;
                svg path{
                    fill: var(--helpgent-color-gray);
                }
                &:hover{
                    background: var(--helpgent-color-bg-gray);
                }
            }
        }
    }
    .helpgent-single-form-more-action{
        .helpgent-single-form-action-dropdown{
            .helpgent-dropdown-icon{
                line-height: 0;
            }
            .helpgent-dropdown__toggle{
                width: 36px;
                height: 36px;
                border-radius: 8px;
                transition: var(--helpgent-transition);
                align-items: center;
                justify-content: center;
                position: relative;
                &:hover{
                    background: var(--helpgent-color-border-light);
                }
                &::before{
                    content: attr(data-tooltip);
                    position: absolute;
                    right: 0;
                    top: calc(100% + 4px);
                    width: 250px;
                    padding: 9px 10px;
                    background: var(--helpgent-color-dark);
                    border-radius: 6px;
                    font-size: 12px;
                    font-weight: 500;
                    color: #fff;
                    display: none;
                    align-items: center;
                }
                &::after{
                    content: "";
                    position: absolute;
                    right: 8px;
                    top: calc(100% + 1px);
                    transform: translateX(-50%) rotate(45deg);
                    width: 9px;
                    height: 9px;
                    border-radius: 2px;
                    background: var(--helpgent-color-dark);
                    display: none;
                }
                &:hover{
                    &::before,
                    &::after{
                        display: flex;
                    }
                }
                &:active,
                &:focus{
                    &::before,
                    &::after{
                        display: none;
                    }
                }
            }
            &.helpgent-dropdown-open{
                .helpgent-dropdown__toggle{
                    background: var(--helpgent-color-border-light);
                }
            }
            .helpgent-dropdown__content{
                min-width: 240px;
                padding: 13px;
                li:last-child{
                    border-top: 1px solid var(--helpgent-color-bg-gray);
                    padding-top: 5px;
                }
            }
            .helpgent-single-form-action-fullscreen{
                padding: 11px;
                transition: var(--helpgent-transition);
                cursor: pointer;
                border-radius: 8px;
                &:hover{
                    background: var(--helpgent-color-bg-general);
                }
                .helpgent-toggle{
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                }
                .helpgent-toggle__label{
                    font-size: 14px;
                    font-weight: 400;
                    color: var(--helpgent-color-dark);
                    display: flex;
                    align-items: center;
                    gap: 10px;
                    flex: 1;
                    svg{
                        width: 14px;
                        height: 14px;
                        path{
                            fill: var(--helpgent-color-text);
                        }
                    }
                }
            }
        }
    }
    .helpgent-single-form-header__action{
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: flex-end;
        .helpgent-btn{
            svg{
                margin:0 8px 0 0;
            }
        }

        .helpgent-btn{
            height: 36px;
            min-height: 36px;
            padding: 0 20px;
        }
        .helpgent-btn-icon{
            padding-left: 10px;
            padding-right: 10px;
            font-weight: 500;
            font-size: 13px;
            svg{
                margin: 0;
            }
        }
    }
    .helpgent-single-form-header__action--compact{
        .helpgent-single-form-header__action-dropdown{
            order: 1;
        }
    }
    .helpgent-single-form-header__action-dropdown{
        position: relative;
        .helpgent-header-action-more{
            width: 36px;
            height: 36px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: var(--helpgent-color-bg-light);
        }
        .helpgent-header-action-items{
            position: absolute;
            right: 0;
            top: 40px;
            background: #fff;
            padding: 15px 20px;
            box-shadow: 0 0 15px rgba(0,0,0,0.1);
            border-radius: 8px;
            min-width: 160px;
            box-sizing: border-box;
            .helpgent-btn{
                background: none;
                padding: 0;
                border: 0 none;
                height: auto;
                max-height: none;
                min-height: auto;
                color: var(--helpgent-color-gray);
                font-size: 14px;
                font-weight: 500;
                line-height: normal;
                svg path{
                    fill: var(--helpgent-color-light-gray);
                }
            }
            .helpgent-btn-preview,
            .helpgent-header-action-item__share{
                margin-top: 12px;
                background: none !important;
            }
            .helpgent-header-action-item__share{
                .helpgent-btn{
                    background: none;
                }
                .helpgent-share-popup{
                    top: 30px;
                    right: -40px;
                }
            }
        }
    }
`,l=(i.Ay.div`

`,i.Ay.div`
    position: relative;
    width: 280px;
    border-radius: 14px;
    background-color: var(--helpgent-color-white);
    transition: width .3s ease;
    height: calc(100vh - 150px);
    @media screen and (min-width: 1199px) and (max-width: 1367px) {
        width: 235px;
    }

    &.helpgent-screenBar--collapsed{
        width: 56px;
        border-radius: 10px;
        .helpgent-screenBar-header{
            padding: 7px 10px;
        }
        .helpgent-screenBar-header__add,
        .helpgent-screenBar-end-head__add{
            width: 36px;
            height: 36px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(101,81,242,0.1);
            svg{
                width: 12px;
                height: 12px;
                path{
                    fill: var(--helpgent-color-primary);
                }
            }
        }
        .helpgent-screenBar-content__welcome,
        .helpgent-screenBar-content__other{
            padding: 5px 10px;
        }
        .helpgent-screenBar-content__end{
            padding: 15px 10px;
            .helpgent-end-screen-list{
                padding-right: 0;
                margin-right: -10px;
            }
        }
        .helpgent-screen__item--collapsed{
            width: 36px;
            height: 36px;
            border-radius: 8px;
            border: 1px solid transparent;
            &:not(.helpgent-active){
                background: none;
                border: 1px solid var(--helpgent-color-bg-gray);
            }
            &:hover{
                background: var(--helpgent-color-bg-gray);
                .helpgent-screen__icon svg path{
                    fill: var(--helpgent-color-gray);
                }
            }
            .helpgent-screen__inner{
                box-sizing: border-box;
                padding: 0;
                height: inherit;
                .helpgent-screen__content{
                    justify-content: center;
                    height: inherit;
                    position: relative;
                    &::before{
                        content: attr(data-title);
                        min-width: 100px;
                        max-width: 200px;
                        background: #000000;
                        border-radius: 6px;
                        padding: 7px 10px;
                        left: calc(var(--helpgent-sidebar-elm-position-right) + 10px);
                        top: calc(var(--helpgent-sidebar-elm-position-top) + 2px);
                        position: fixed;
                        transform: translateY(-50%);
                        z-index: 999;
                        visibility: hidden;
                        opacity: 0;
                        font-size: 13px;
                        font-weight: 500;
                        color: #fff;
                    }
                    &::after{
                        content: '';
                        position: fixed;
                        top: calc(var(--helpgent-sidebar-elm-position-top) - 5px);
                        left: calc(var(--helpgent-sidebar-elm-position-right) + 3px);
                        border-top: 7px solid transparent;
                        border-bottom: 7px solid transparent;
                        border-right: 8px solid #000000;
                        z-index: 999;
                        visibility: hidden;
                        opacity: 0;
                    }
                    .helpgent-screen__icon{
                        flex: none;
                        width: auto;
                        height: auto;
                        margin: 0;
                        background: none !important;
                    }
                    &:hover{
                        &::before,
                        &::after{
                            visibility: visible;
                            opacity: 1;
                        }
                    }
                }
                .helpgent-screen__title{
                    display: none;
                }
            }
        }
    }

    .helpgent-screenBar-header{
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 20px;
        border-bottom: 1px solid var(--helpgent-color-bg-gray);
        transition: var(--helpgent-transition);
        @media screen and (min-width: 1199px) and (max-width: 1367px) {
            padding: 15px 15px;
        }
    }
    .helpgent-screenBar-header__title{
        font-size: 15px;
        margin: 0;
        color: var(--helpgent-color-dark);
        font-weight: 500;
    }
    .helpgent-screenBar-header__add{
        position: relative;
        font-size: 13px;
        font-weight: 500;
        text-decoration: none;
        color: var(--helpgent-color-primary);
        display: flex;
        align-items: center;
        gap: 6px;
        &:focus{
            outline: none;
            box-shadow: 0 0;
        }
        svg{
            margin: 0;
            width: 10px;
            height: 10px;
            path{
                fill: var(--helpgent-color-primary);
            }
        }
    }
    .helpgent-screenBar-content{
        display: flex;
        flex-flow: column;
        justify-content: space-between;
        height: calc( 100vh - 200px );
        padding-top: 15px;
        transition: var(--helpgent-transition);
        .helpgent-screen__icon{
            width: 36px;
            height: 36px;
            flex: 0 0 36px;
            svg{
                path,
                circle{
                    fill: var(--helpgent-color-gray);
                }
            }
        }
    }
    .helpgent-sortable-item{
        margin-bottom: 10px;
    }
    .helpgent-sortable-screen{
        &.helpgent-disabled{
            pointer-events: none;
            opacity: .65;
            cursor: not-allowed;
            user-select: none;
        }
    }
    .helpgent-screenBar-content__welcome{
        padding: 5px 20px;
        @media screen and (min-width: 1199px) and (max-width: 1367px) {
            padding: 5px 15px;
        }
        .helpgent-screen__item.helpgent-screen__disabled{
            pointer-events: none;
            opacity: .65;
            cursor: not-allowed;
            user-select: none;
        }
    }
    .helpgent-screenBar-welcome-screens{
        border-bottom: 1px solid var(--helpgent-color-bg-gray);
        padding-bottom: 15px;
        &:empty{
            display: none;
        }
    }
    .helpgent-screenBar-content__other{
        flex: 1 1 0%;
        padding: 0 20px 20px;
        overflow-y: auto;
        @media screen and (min-width: 1199px) and (max-width: 1367px) {
            padding: 0 15px 20px;
        }
        .helpgent-screen__title-text{
            flex: 0 0 138px;
        }
        &::-webkit-scrollbar-track {
            background: #fff;
        }
    }
    .helpgent-screenBar-welcome-screens:not(:empty) + .helpgent-screenBar-content__other{
        padding-top: 20px;
    }
    .helpgent-screenBar-content__end{
        display: flex;
        flex-direction: column;
        padding: 0 20px 20px;
        border-top: 1px solid var(--helpgent-color-bg-gray);
        user-select: none;
        max-height: 250px;
        @media screen and (min-width: 1199px) and (max-width: 1367px) {
            padding: 0 15px 20px;
        }
        .helpgent-end-screen-list{
            overflow-y: auto;
            padding-right: 20px;
            margin-right: -20px;
            @media screen and (min-width: 1199px) and (max-width: 1367px) {
                padding-right: 15px;
                margin-right: -15px;
            }
            &::-webkit-scrollbar-track {
                background: #fff;
            }
        }
        .helpgent-screen__title{
            .helpgent-screen__title-text{
                flex: 0 0 124px;
            }
        }

    }
    .helpgent-ending-draggable{
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 16px;
        cursor: grab;
        .helpgent-ending-draggable__pipe{
            width: 50px;
            height: 4px;
            border-radius: 20px;
            background-color: var(--helpgent-color-light-gray);
        }
    }
    .helpgent-screenBar-end-head{
        display: flex;
        justify-content: space-between;
        margin: 10px 0 20px;
    }
    .helpgent-screenBar-end-head__title{
        font-size: 15px;
        font-weight: 500;
        color: var(--helpgent-color-dark);
    }
    .helpgent-screenBar-end-head__add{
        font-size: 13px;
        text-decoration: none;
        color: var(--helpgent-color-light-gray);
        cursor: pointer;
        transition: var(--helpgent-transition);
        &:hover{
            color: var(--helpgent-color-primary);
        }
    }
    .helpgent-sidebar-collapse{
        position: absolute;
        inset-inline-start: calc(100% + 20px);
        top: 0;
        background: var(--helpgent-color-bg-deep) !important;
        border-radius: 6px;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0 none;
        cursor: pointer;
        svg{
            width: 14px;
            height: 12px;
            path{
                fill: var(--helpgent-color-light-gray);
            }
        }
    }
`),r=i.Ay.div`
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 20px 0 20px;
    overflow: hidden;
    position: relative;
    @media only screen and (max-width: 1399px){
        padding-bottom: 30px;
    }
`,a=i.Ay.div`
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color .3s ease-in-out;
    background-color: var(--helpgent-color-bg-light);
    &:hover{
        background-color: var(--helpgent-color-gray);
        .helpgent-screen__title .helpgent-screen__counter-end{
            background: #fff;
        }
        .helpgent-screen__title .helpgent-screen__counter-end,
        .helpgent-screen__title .helpgent-screen__counter{
            background: rgba(255,255,255,0.2);
            color: #fff;
        }
        .helpgent-screen__title{
            color: var( --helpgent-color-white );
        }
        .helpgent-screen__title .helpgent-screen__title-text{
            color: #fff;
        }
        .helpgent-screen__icon{
            background: rgba(255,255,255,0.2);
            svg{
                path,
                circle{
                    fill: var(--helpgent-color-white);
                }
            }
        }
    }
    &:not(:last-child){
        margin-bottom: 10px;
    }
    &.helpgent-screen__disabled{
        cursor: not-allowed;
    }
    &.helpgent-active{
        background-color: var(--helpgent-color-gray);
        .helpgent-screen__title{
            color: var( --helpgent-color-white );
        }
        .helpgent-screen__icon{
            svg{
                path,
                circle{
                    fill: var(--helpgent-color-white);
                }
            }
        }
        .helpgent-screen__title .helpgent-screen__counter-end,
        .helpgent-screen__title .helpgent-screen__counter{
            background: rgba(255,255,255,0.2);
            color: #fff;
        }
        .helpgent-screen__title .helpgent-screen__title-text{
            color: #fff;
        }
        .helpgent-screen__icon{
            background: rgba(255,255,255,0.2);
        }
    }
    .helpgent-screen__inner{
        width: 100%;
        padding: 6px;
    }
    .helpgent-screen-dropdown{
        position: absolute;
        inset-inline-end: 0;
        .helpgent-dropdown__toggle{
            padding: 5px 15px;
        }
        .helpgent-dropdown__content{
            right: 0;
        }
    }
    .helpgent-screen__content{
        display: flex;
        align-items: center;
    }
    .helpgent-screen__icon{
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        margin-inline-end: 8px;
        background-color: var(--helpgent-color-white);
        transition: var(--helpgent-transition);
        svg{
            path,
            circle{
                fill: var(--helpgent-color-light-gray);
                transition: var(--helpgent-transition);
            }
        }
    }
    .helpgent-screen__title{
        position: relative;
        display: flex;
        align-items: center;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.25;
        margin: 0;
        color: var(--helpgent-color-gray);
        word-break: break-word;
        padding-inline-end: 25px;
        flex: 1;
        .helpgent-screen__title-text{
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            flex: 0 0 125px;
            word-break: break-word;
            overflow: hidden;
            font-size: 13px;
            font-weight: 500;
            color: var(--helpgent-color-gray);
            line-height: 1.2;
            transition: var(--helpgent-transition);
            font-family: var(--helpgent-font-family);
            @media screen and (min-width: 1199px) and (max-width: 1367px) {
                flex: 0 0 95px;
            }
        }
        .helpgent-badge{
            display: inline-block;
            margin-inline-start: 11px;
            line-height: 1.8;
            padding: 0 5px;
            flex: none;
        }
        .helpgent-screen__counter{
            margin-inline-end: 9px;
            width: 24px;
            height: 24px;
            border-radius: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex: none;
            background: var(--helpgent-color-bg-deep);
            font-size: 13px;
            font-weight: 500;
            text-transform: uppercase;
            color: var(--helpgent-color-black);
            transition: var(--helpgent-transition);
        }
        .helpgent-screen__counter-end{
            margin-right: 9px;
            width: 24px;
            height: 24px;
            border-radius: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex: none;
            background: var(--helpgent-color-bg-deep);
            font-size: 13px;
            font-weight: 600;
            text-transform: uppercase;
            color: var(--helpgent-color-black);
            transition: var(--helpgent-transition);
        }
        P,
        strong{
            margin: 0;
            font-size: inherit;
            line-height: inherit;
        }
    }
    .helpgent-dropdown{
        line-height: 1;
    }
    .helpgent-dropdown__content{
        width: 200px;
        margin: 0;
        top: 40px;
        inset-inline-end: -6px;
        box-sizing: border-box;
        li{
            margin: 0;
        }
        a{
            font-size: 14px;
            &:hover{
                background-color: var(--helpgent-color-bg-gray);
            }
        }
    }
    .helpgent-dropdown__toggle{
        padding: 2px 0;
    }
`,p=i.Ay.div`
    position: fixed;
    width: 45vw;
    border-radius: 14px;
    cursor: auto;
    box-shadow: 0 5px 30px rgba(0,0,0,.10);
    z-index: 99999;
    background-color: var(--helpgent-color-white);
    top: var(--helpgent-dropdown-top);
    right: var(--helpgent-dropdown-right);
    @media only screen and (max-width: 1199px){
        width: 60vw;
    }
    @media only screen and (max-width: 991px){
        width: 70vw;
    }
    &:before{
        content: '';
        position: absolute;
        width: 100%;
        height: 20px;
        background: #fff;
        left: 0;
        bottom: 0;
        border-radius: 0 0 14px 14px;
        z-index: 1;
    }
    .helpgent-mega-dropdown__title{
        font-size: 16px;
        font-weight: 600;
        color: var(--helpgent-color-dark);
        margin: 0 0 20px;
    }
    .helpgent-screen-type__title{
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 12px;
        color: var(--helpgent-color-light-gray);
    }
    .helpgent-mega-dropdown__search{
        position: relative;
        border-bottom: 1px solid var(--helpgent-color-bg-gray);
        .helpgent-mega-dropdown__search-icon{
            position: absolute;
            inset-inline-start: 20px;
            top: 50%;
            transform: translateY(-50%);
        }
        input{
            width: 100%;
            font-size: 14px;
            padding-inline-start: 45px;
            padding-inline-end: 30px;
            min-height: 50px;
            border-radius: 14px 14px 0 0;
            border: 0 none;
            &:focus{
                outline: none;
                box-shadow: 0 0;
            }
        }
    }
    .helpgent-screen-type-wrap{
        display: grid;
        grid-gap: 25px;
        grid-template-columns: 1fr 1fr 1fr;
        @media only screen and (max-width: 767px){
            grid-template-columns: 1fr 1fr;
        }
        @media only screen and (max-width: 575px){
            grid-template-columns: 1fr;
        }
    }
    .helpgent-screen-type{
        font-size: clamp(14px, 4vw, 15px);
        &:not(:last-child){
            margin-bottom: 50px;
            @media only screen and (max-width: 1399px){
                margin-bottom: 30px;
            }
        }
    }
    .helpgent-mega-dropdown__content{
        padding: 20px 30px 40px;
        min-height: 300px;
        box-sizing: border-box;
        @media only screen and (max-width: 1450px){
            max-height: 400px;
        }
        .helpgent-screen__title{56
            padding-inline-end: 0;
        }
        .helpgent-screen__title-text{
            flex: unset;
        }
    }
    .helpgent-screen-type-column{
        &:empty{
            display: none;
        }
    }
    .helpgent-screen__counter-end{
        display: none !important;
    }
`,g=i.Ay.div`
    flex: 1 1 0%;
    padding: 0 30px;
    text-align: center;
    display:flex;
    flex-direction: column;
    transform-origin: top center;
    transition: var(--helpgent-transition);
    height: calc(100vh - 150px);
    @media screen and (min-width: 1199px) and (max-width: 1367px) {
        padding: 0 20px;
    }

    .helpgent-preview-container{
        &:hover{
            .helpgent-media-action{
                visibility: visible;
                opacity: 1;
            }
        }
    }

    &.helpgent-preview-style{
        .helpgent-element-textField{
            padding-left: 40px;
            padding-right: 40px;
            textarea.helpgent-form-group__element{
                min-height: 80px;
            }
        }
        .helpgent-preview-media-overlay .helpgent-element-element{
            padding-left: 40px;
            padding-right: 40px;
        }
        .helpgent-form-bottom-extras {
            @media only screen and (max-width: 768px){
                position: absolute;
            }
            @media only screen and (max-width: 575px){
                padding: 0;
            }
            .helpgent-form__step-count{
                @media only screen and (max-width: 575px){
                    margin: 10px 20px;
                }
            }
        }
    }
    &.helpgent-preview-style--tablet{
        > *{
            width: 650px;
            @media only screen and (max-width: 1399px){
                width: 450px;
            }
            @media only screen and (max-width: 575px){
                width: 100%;
            }
        }
        .helpgent-element-element{
            padding: 15px 0 calc(var(--helpgent-bottom-extras-height) + 25px);
        }
        .helpgent-element-element.helpgent-element-element--open-ended{
            height: auto;
        }
    }

    &.helpgent-preview-style--mobile{
        > *{
            width: 350px;
            @media only screen and (max-width: 400px){
                width: 100%;
            }
        }
        .helpgent-element-element{
            &.helpgent-element-element--open-ended{
                padding: 25px 0 100px 0 !important;
                height: auto;
                @media only screen and (max-width: 575px){
                    justify-content: space-between;
                    .helpgent-element-element__action{
                        margin-top: unset;
                        margin-bottom: 30px;
                    }
                }
                .helpgent-element-element__text{
                    margin-bottom: 25px;
                }
            }
        }
        .helpgent-preview-media-left,
        .helpgent-preview-media-right{
            .helpgent-element-element{
                &.helpgent-element-element--open-ended{
                    padding: 25px 0 115px 0;
                }
            }
        }
        .helpgent-preview-media-overlay,
        .helpgent-preview-no-media,
        .helpgent-preview-open-ended-default{
            .helpgent-element-element{
                &.helpgent-element-element--open-ended{
                    justify-content: space-between;
                    .helpgent-element-element__action{
                        margin-top: unset;
                        margin-bottom: unset;
                    }
                }
            }
            .helpgent-form__copyright--media{
                justify-content: center;
            }
        }
        .helpgent-open-ended-element-types {
            flex-wrap: nowrap;
            .helpgent-open-ended-btn{
                min-width: 60px;
                min-height: 60px;
                svg{
                    width: 18px;
                    height: 18px;
                }
            }
        }
        .helpgent-preview-media-overlay{
            .helpgent-element-element__text,
            .helpgent-element-element__action{
                padding: 0 15px;
            }
        }
        .helpgent-preview-media-overlay .helpgent-element-element-wrapper--multi_select,
        .helpgent-preview-media-overlay .helpgent-element-element-wrapper--single_select{
            .helpgent-element-element__action{
                padding: 0 30px;
            }
        }
        .helpgent-promoter-score__single{
            width: 20px;
            height: 20px;
            font-size: 11px;
        }
        .helpgent-preview-media-overlay .helpgent-promoter-score__single{
            width: 24px;
            height: 24px;
            font-size: 12px;
        }
        .helpgent-element-element__text,
        .helpgent-element-element__action{
            padding: 0 25px;
        }
        .helpgent-preview-container:not(.helpgent-preview-open-ended-default){
            .helpgent-open-ended-element-types {
                grid-template-columns: repeat(auto-fill, minmax(66px, 66px));
                grid-auto-flow: column;
                .helpgent-open-ended-btn{
                    min-width: 65px;
                    min-height: 65px;
                }
            }
        }
    }

    &.helpgent-preview-style--tablet,
    &.helpgent-preview-style--mobile{
        align-items: center;
        > *{
            box-sizing: border-box;
        }
        .helpgent-preview-container{
            flex-flow: column;
        }
        .helpgent-preview-top{
            margin-bottom: 15px;
        }
        .helpgent-element-element{
            padding: 25px 0 calc(var(--helpgent-bottom-extras-height) + 25px) 0;
        }
        .helpgent-element-element-wrapper--welcome{
            .helpgent-element-element{
                padding: 25px 0 calc(var(--helpgent-bottom-extras-height) + 32px) 0;
            }
        }
        .helpgent-btn.helpgent-btn-sm {
            min-height: 30px;
            padding-inline-start: 10px;
            padding-inline-end: 10px;
        }
        .helpgent-media-empty,
        .helpgent-media-src__video video,
        .helpgent-media-src__image img{
            border-radius: 20px 20px 0 0;
        }
        .helpgent-preview-media-overlay,
        .helpgent-preview-open-ended-default{
            .helpgent-element-element{
                padding: 25px 0 calc(var(--helpgent-bottom-extras-height) + 25px) 0;
            }
        }
        .helpgent-form-bottom-extras{
            padding: 0;
            width: 100%;
            right: 0;
            bottom: 0;
            margin: 0;
            border-radius: 0 0 20px 20px;
            justify-content: flex-start;
            box-shadow: 0 -2px 5px rgba(0,0,0,0.08);
            flex-wrap: wrap;
            z-index: 10;
            .helpgent-form__step-count{
                margin: 10px 20px;
            }
            .helpgent-navigation{
                margin-right: 20px;
            }
            .helpgent-form__copyright{
                flex: 0 0 100%;
                a{
                    border-radius: 0 0 20px 20px;
                }
            }
        }
    }

    .helpgent-preview-top{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 15px;
        margin-bottom: 30px;
        svg{
            margin-inline-end: 10px;
        }
    }
    .helpgent-preview-top__text{
        font-size: 14px;
        font-weight: 500;
        color: var(--helpgent-preview-top__text);
    }
    .helpgent-promoter-score__list .helpgent-promoter-score__single{
        width: 28px;
        height: 28px;
    }
    .helpgent-promoter-score__list.helpgent-promoter-score__list--sm .helpgent-promoter-score__single{
        width: 21px;
        height: 21px;
        font-size: 11px;
        @media only screen and (max-width: 1567px) and (min-width: 1500px){
            width: 17px;
            height: 17px;
            font-size: 10px;
        }
        @media only screen and (max-width: 1500px) and (min-width: 1367px){
            width: 12px;
            height: 12px;
            font-size: 8px;
        }
    }
`,s=i.Ay.div`
    position: relative;
    width: 340px;
    border-radius: 14px;
    background-color: var(--helpgent-color-white);
    height: calc(100vh - 150px);
    overflow: hidden;
    @media only screen and (max-width: 1367px){
        width: 290px;
    }
    &.helpgent-email-settings-sidebar{
        position: sticky;
        top: 116px;
        .helpgent-screen-setting-wrap .helpgent-toggle__label{
            flex: 1;
            padding-right: 10px;
        }
    }
    .helpgent-screen-setting-header{
        border-bottom: 1px solid var(--helpgent-color-bg-gray);
    }
    .helpgent-screen-setting-content{
        height: calc(100% - 80px);
        box-sizing: border-box;
        overflow: auto;
        &--global{
            height: calc(100% - 114px);
            .helpgent-screen-setting-block{
                .helpgent-field-element--inline .helpgent-field-element__label{
                    width: 150px;
                    @media screen and (min-width: 1199px) and (max-width: 1367px) {
                        width: 130px;
                    }
                }
            }
        }
    }
    .helpgent-btn-save-settings{
        border-radius: 0;
        min-height: 54px;
        &:hover{
            border-color: #3e2db6;
            background: #3e2db6;
            color: #fff;
        }
    }
    .helpgent-screen-setting-element__label{
        font-size: 14px;
        font-weight: 500;
        margin: 0 0 8px;
        color: var(--helpgent-color-dark);
    }
    .helpgent-verification-group{
        margin: 0 0 30px;
        .helpgent-field-element__label{
            margin-bottom: 15px;
            overflow: unset !important;
        }
    }
    .helpgent-field-element__label{
        .helpgent-tooltip-toggle{
            position: relative;
            top: 2px;
            margin-left: 10px;
        }
    }
    .helpgent-screen-setting-element__content{
        position: relative;
        .helpgent-mega-dropdown{
            //inset-inline-start: auto;
            //inset-inline-end: 0;
        }
        .helpgent-mega-dropdown__content{
            height: min(80vh, 520px);
            overflow-y: auto;
        }
    }
    .helpgent-screen-setting-list{
        display: flex;
        align-items: center;
        gap: 0 30px;
        padding: 10px 25px 0 25px;
        margin: 0;
        @media screen and (min-width: 1199px) and (max-width: 1367px) {
            padding: 10px 15px 0 15px;
        }
        @media only screen and (max-width: 400px){
            padding: 0 15px 0 15px;
        }
        li{
            padding: 15px 0;
            font-size: 14px;
            font-weight: 500;
            cursor: pointer;
            color: var(--helpgent-color-gray);
            margin: 0;
            border-bottom: 2px solid transparent;
            transition: var(--helpgent-transition);
            &.helpgent-active{
                border-color: var(--helpgent-color-primary);
                color: var(--helpgent-color-primary);
                font-weight: 600;
            }
            &:hover{
                color: var(--helpgent-color-primary);
            }
        }
    }

    .helpgent-screen-setting-block{
        padding: 25px;
        @media screen and (min-width: 1199px) and (max-width: 1367px) {
            padding: 15px;
        }
        @media only screen and (max-width: 400px){
            padding: 15px;
        }
        &:not(:last-child){
            border-bottom: 1px solid var(--helpgent-color-bg-gray);
        }
        .helpgent-screen-setting-block{
            padding: 25px 0 0 0;
            margin: 25px 0 0 0;
            border-top: 1px solid var(--helpgent-color-bg-gray);
            .helpgent-field-element__label{
                width: 150px;
            }
        }
        .helpgent-button-text-block{
            h3{
                font-size: 15px;
                margin: 0 0 15px;
            }
            .helpgent-field-element__label{
                width: 170px;
            }
            .helpgent-form-group{
                margin-bottom: 15px;
            }
        }
        .helpgent-form-group__text-selection{
            margin-left: -3px;
            border-radius: 0 6px 6px 0;
            border: 2px solid var(--helpgent-color-bg-deep);
            .helpgent-select__control{
                border-radius: 0;
                min-height: 36px;
                min-width: 58px;
                padding: 4px 8px 6px 8px;
                background-color: var(--helpgent-color-bg-deep);
                &.helpgent-select__control--is-focused{
                    border-radius: 0 6px 6px 0;
                }
            }
            .helpgent-select__value-container{
                padding: 0;
                   .helpgent-quotation-toggle{
            .helpgent-toggle{
                margin-bottom: 0;
            }
        }
 }
            .helpgent-select__indicator{
                padding-inline-end: 0;
                svg{
                    width: 16px;
                    height: 16px;
                }
            }
            .helpgent-select__option{
                padding: 8px 6px;
            }
        }
        .helpgent-field-element{
            position: relative;
            &:last-child{
                .helpgent-field-element__content--inline:not(.helpgent-field-element__content--yesNo){
                    margin-bottom: 0;
                }
            }
            &.helpgent-field-element-gdpr-label{
                textarea.helpgent-form-group__element{
                    min-height: 70px;
                }
            }
            .helpgent-field-element__content--yesNo{
                margin-bottom: 10px;
            }
            .helpgent-bubble-bg-types{
                position: absolute;
                right: 0;
                top: 48px;
                width: 290px;
                height auto;
                background: #fff;
                border-radius: 10px;
                box-shadow: 0 5px 30px rgba(0,0,0,0.15);
                z-index: 999;
                &__list{
                    border-bottom: 1px solid var(--helpgent-color-border-light);
                    padding: 0 20px;
                    display: flex;
                    align-items: center;
                    gap: 10px 20px;
                    span{
                        display: flex;
                        align-items: center;
                        gap: 6px;
                        color: var(--helpgent-color-light-gray);
                        transition: var(--helpgent-transition);
                        border-bottom: 2px solid transparent;
                        padding: 19px 0 15px;
                        cursor: pointer;
                        font-size: 13px;
                        font-weight: 500;
                        svg{
                            width: 14px;
                            height: 14px;
                            path{
                                fill: var(--helpgent-color-light-gray);
                                transition: var(--helpgent-transition);
                            }
                        }
                        &.helpgent-active{
                            color: var(--helpgent-color-dark);
                            border-color: var(--helpgent-color-dark);
                            svg path{
                                fill: var(--helpgent-color-dark);
                            }
                        }
                    }
                }
                &__content{
                    padding: 16px 20px 20px;
                    max-height: 270px;
                    overflow: auto;
                    .helpgent-element-single{
                        border-radius: 8px;
                        background: var(--helpgent-color-bg-light);
                        display: flex;
                        gap: 10px;
                        align-items: center;
                        padding: 5px;
                        cursor: pointer;
                        &:not(:last-child){
                            margin-bottom: 8px;
                        }
                        &__icon{
                            width: 30px;
                            height: 30px;
                            border-radius: 50%;
                            background: #fff;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            flex: none;
                            svg{
                                width: 14px;
                                height: 14px;
                                path{
                                    fill: var(--helpgent-color-light-gray);
                                }
                            }
                        }
                        &__label{
                            color: var(--helpgent-color-light-gray);
                            font-size: 14px;
                            font-weight: 400;
                            p{
                                margin: 0;
                                font-size: inherit;
                                line-height: inherit;
                            }
                        }
                        &__selected{
                            width: 20px;
                            height: 20px;
                            border-radius: 50%;
                            margin-left: auto;
                            background: var(--helpgent-color-primary);
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            svg{
                                width: 9px;
                                height: 9px;
                            }
                        }
                    }
                    .helpgent-element-single--active{
                        .helpgent-element-single__icon{
                            svg path{
                                fill: var(--helpgent-color-primary);
                            }
                        }
                        .helpgent-element-single__label{
                            font-weight: 500;
                            color: var(--helpgent-color-dark);
                        }
                    }
                    .helpgent-bubble-color-picker{
                        .components-color-picker{
                            width: 100%;
                            .react-colorful{
                                width: 100%;
                                .react-colorful__hue,
                                .react-colorful__alpha{
                                    width: 97%;
                                }
                            }
                            .components-input-control__container{
                                width: 100%;
                                border-radius: 8px;
                                .components-input-control__backdrop{
                                    border: 1px solid var(--helpgent-color-border-light);
                                }
                            }
                            .components-range-control__thumb-wrapper span,
                            .components-range-control__track{
                                background: var(--helpgent-color-primary);
                            }

                        }
                    }
                }
            }
            &__right{
                &.helpgent-active{
                    .helpgent-bubble-bg-types{
                        display: block;
                    }
                }
            }
            .helpgent-bubble-shapes{
                display: flex;
                align-items: center;
                gap: 20px;
                margin: 0;
                padding: 0;
                .helpgent-bubble-shape{
                    padding: 0;
                    margin: 0;
                    background: var(--helpgent-color-bg-deep);
                    border-radius: 8px;
                    width: 40px;
                    height: 40px;
                    position: relative;
                    cursor: pointer;
                    span{
                        position: absolute;
                        right: 4px;
                        bottom: 4px;
                        background: #fff;
                        display: block;
                        pointer-events: none;
                    }
                    &--circle{
                        span{
                            width: 16px;
                            height: 16px;
                            border-radius: 50%;
                        }
                    }
                    &--boxed-horizontal{
                        span{
                            width: 22px;
                            height: 16px;
                            border-radius: 4px;
                        }
                    }
                    &--boxed-vertical{
                        span{
                            width: 16px;
                            height: 22px;
                            border-radius: 4px;
                        }
                    }
                    &.helpgent-active{
                        background: var(--helpgent-color-primary);
                    }
                }
            }
            .helpgent-bubble-border{
                display: flex;
                align-items: center;
                gap: 10px;
                margin: 0;
                li{
                    margin: 0;
                }
                &__color{
                    .helpgent-color-picker__text{
                        display: none;
                    }
                }
                &__visibility{
                    width: 24px;
                    height: 24px;
                    border-radius: 50%;
                    background: #fff;
                    box-shadow: 0 0 4px rgba(0,0,0,0.15);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    cursor: pointer;
                    svg{
                        width: 14px;
                        height: 14px;
                    }
                    span{
                        line-height: 0;
                    }
                }
            }
            .helpgent-bubble-position{
                display: flex;
                align-items: center;
                gap: 10px;
                margin: 0;
                li{
                    padding: 0;
                    margin: 0;
                    background: var(--helpgent-color-bg-deep);
                    border-radius: 8px;
                    width: 40px;
                    height: 40px;
                    position: relative;
                    cursor: pointer;
                    span{
                        position: absolute;
                        bottom: 4px;
                        background: #fff;
                        display: block;
                        width: 16px;
                        height: 16px;
                        border-radius: 50%;
                        pointer-events: none;
                    }
                    &.helpgent-active{
                        background: var(--helpgent-color-primary);
                    }
                }
                .helpgent-bubble-position__left{
                    span{
                        left: 4px;
                    }
                }
                .helpgent-bubble-position__right{
                    span{
                        right: 4px;
                    }
                }
            }
            .helpgent-picture-single{
                width: 246px;
                height: 150px;
                margin-top: 10px;
                margin-left: 9px;
                position: relative;
                @media screen and (min-width: 1199px) and (max-width: 1367px) {
                    width: 210px;
                }
                img{
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    border-radius: 12px;
                }
                .helpgent-picture-select-action{
                    position: absolute;
                    left: 50%;
                    bottom: 10px;
                    transform: translateX(-50%);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: 8px;
                    &--upload{
                        width: calc(100% - 4px);
                        height: calc(100% - 4px);
                        left: 0;
                        top: 0;
                        transform: none;
                        z-index: 1;
                        border: 2px dashed var(--helpgent-color-extra-light);
                        border-radius: 12px;
                        button{
                            svg{
                                width: 16px;
                            }
                        }
                    }
                    .helpgent-btn-hover-danger{
                        width: 34px;
                        height: 34px;
                        padding: 0;
                        justify-content: center;
                    }
                }
            }
            .helpgent-btn-add-picture-field{
                margin-left: 9px;
                width: 246px;
                justify-content: center;
                font-size: 13px;
                font-weight: 500;
                color: var(--helpgent-color-gray);
                @media screen and (min-width: 1199px) and (max-width: 1367px) {
                    width: 210px;
                }
                svg path{
                    fill: var(--helpgent-color-gray);
                }
            }
            .helpgent-btn-email-template{
                width: 48px;
                max-width: 48px;
                background: var(--helpgent-color-bg-light);
                padding-left: 0;
                padding-right: 0;
                justify-content: center;
                margin-left: auto;
                flex: none;
                border-color: var(--helpgent-color-bg-light);
            }
        }

        textarea.helpgent-form-group__element{
            resize: none;
            min-height: 100px;
        }

        .helpgent-field-element--wrap{
            flex-wrap: wrap;
            .helpgent-field-element__right{
                width: auto;
            }
            .helpgent-selected-screen{
                flex: 0 0 100%;
                display: flex;
                align-items: center;
                margin-top: 20px;
                gap: 10px;
                .helpgent-element-single{
                    &__icon{
                        width: 30px;
                        height: 30px;
                        background: var(--helpgent-color-bg-gray);
                        border-radius: 50%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        flex: none;
                        svg{
                            width: 14px;
                            height: 14px;
                        }
                        video,
                        img{
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                            border-radius: 50%;
                        }
                    }
                    &__label{
                        font-size: 14px;
                        font-weight: 500;
                        color: var(--helpgent-color-gray);
                        max-width: 205px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }
                    &__remove{
                        width: 30px;
                        height: 30px;
                        background: var(--helpgent-color-bg-light);
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        flex: none;
                        border-radius: 6px;
                        margin-left: auto;
                        cursor: pointer;
                        transition: var(--helpgent-transition);
                        svg{
                            path{
                                transition: var(--helpgent-transition);
                            }
                        }
                        &:hover{
                            background: var(--helpgent-color-danger);
                            svg{
                                path{
                                    fill: #fff;
                                }
                            }
                        }
                    }
                }
            }
        }
        .helpgent-field-element__right{
            width: 128px;
            display: flex;
            justify-content: flex-end;
            flex-direction: column;
        }
        .helpgent-input-description{
            margin-top: 6px;
        }
        .helpgent-field-element--inline .helpgent-field-element__label{
            font-size: 14px;
            font-weight: 500;
            word-wrap: break-word;
            word-break: break-word;
            white-space: nowrap;
            width: 160px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: flex;
            align-items: center;
            gap: 5px;
            @media screen and (min-width: 1199px) and (max-width: 1367px) {
                width: 110px;
            }
            .helpgent-tooltip-toggle{
                line-height: 1;
            }
        }
        .helpgent-date-format{
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 10px;
            &__btn{
                font-size: 13px;
                font-weight: 500;
                height: 36px;
                min-height: 36px;
                padding: 0 16px;
                transition: var(--helpgent-transition);
                &.helpgent-btn-active,
                &:hover{
                    background: var(--helpgent-color-primary) !important;
                    border-color: var(--helpgent-color-primary);
                    color: #fff !important;
                }
            }
        }
        .helpgent-date-separator{
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 8px;
            margin-bottom: 0;
            &__btn{
                font-size: 13px;
                font-weight: 500;
                height: 36px;
                min-height: 36px;
                width: 36px;
                padding: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: var(--helpgent-transition);
                &.helpgent-btn-active,
                &:hover{
                    background: var(--helpgent-color-primary) !important;
                    border-color: var(--helpgent-color-primary);
                    color: #fff !important;
                }
            }
        }
        .helpgent-field-element__top{
            &--inline{
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-bottom: 10px;
                .helpgent-field-element__label{
                    padding-left: 9px;
                }
            }
            &__action{
                display: flex;
                align-items: center;
                gap: 0 10px;
                svg{
                    width: 15px;
                    height: 15px;
                    path{
                        fill: var(--helpgent-color-light-gray);
                    }
                }
                .helpgent-field-required--disabled{
                    pointer-events: none;
                    svg{
                        path{
                            fill: var(--helpgent-color-extra-light);
                        }
                    }
                }
            }
            .helpgent-field-element__label-inner{
                font-size: 12px;
                font-weight: 500;
                display: inline-block;
                margin-bottom: 5px;
                color: var(--helpgent-color-light-gray);
                span{
                    display: inline-flex;
                    justify-content: center;
                    align-items: center;
                    width: 16px;
                    height: 16px;
                    background-color:var(--helpgent-color-bg-gray);
                }
            }
        }
        .helpgent-field-element__content{
            &--inline{
                display: flex;
                align-items: center;
                gap: 10px;
                margin-bottom: 30px;
                margin-inline-start: -10px;
                .helpgent-form-group{
                    margin-bottom: 0;
                    flex: 1;
                }
            }
            .helpgent-select{
                .helpgent-select__placeholder{
                    font-size: 14px;
                }
                .helpgent-select__control{
                    padding-top: 5px;
                    padding-bottom: 5px;
                }
            }
            .helpgent-author-location-input{
                position: relative;
                width: 100%;
                .helpgent-form-group__element{
                    padding-right: 30px;
                }
                .helpgent-input-icon-close{
                    position: absolute;
                    right: 14px;
                    top: 50%;
                    transform: translateY(-50%);
                    cursor: pointer;
                    svg{
                        width: 10px;
                        height: 10px;
                        fill: var(--helpgent-color-light-gray);
                    }
                }
            }
            .helpgent-map-autocomplete-dropdown{

            }
        }
        .helpgent-add-option{
            display: flex;
            align-items: center;
            gap: 6px;
            color: var(--helpgent-color-light-gray);
            font-size: 13px;
            font-weight: 500;
            text-decoration: none;
            transition: var(--helpgent-transition);
            span{
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
                background: var(--helpgent-color-bg-light);
                width: 20px;
                height: 20px;
                svg{
                    width: 8px;
                    height: 8px;
                    path{
                        transition: var(--helpgent-transition);
                        fill: var(--helpgent-color-gray);
                    }
                }
            }
            &:focus{
                outline: 0;
                border: 0 none;
                box-shadow: none;
            }
            &:hover{
                color: var(--helpgent-color-primary);
                svg path{
                    fill: var(--helpgent-color-primary);
                }
            }
        }
        .helpgent-add-social{
            &__btn,
            .helpgent-social-submit{
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 0 6px;
                color: var(--helpgent-color-gray);
                svg{
                    path{
                        fill: var(--helpgent-color-gray);
                    }
                }
            }
            &__form{
                margin-top: 40px;
            }
            &__fields{
                &:not(:last-child){
                    margin-bottom: 20px;
                }
                .helpgent-select{
                    margin-bottom: 8px;
                    &__control{
                        border-radius: 8px;
                        background: var(--helpgent-color-bg-light);
                        height: 40px;
                        padding-top: 6px;
                    }
                    &__single-value{
                        span{
                            font-weight: 500;
                        }
                        svg{
                            margin-inline-end: 10px;
                            width: 16px;
                            height: 16px;
                            path{
                                fill: var(--helpgent-color-primary);
                            }
                            #facebook{
                                fill: var(--helpgent-color-facebook);
                            }
                            #youtube{
                                fill: var(--helpgent-color-youtube);
                            }
                            #twitter{
                                fill: var(--helpgent-color-twitter);
                            }
                            #instagram{
                                fill: var(--helpgent-color-instagram);
                            }
                        }
                    }
                    &__placeholder{
                        font-size: 14px;
                        font-weight: 500;
                        color: var(--helpgent-color-gray);
                    }
                    &__option{
                        svg{
                            margin-right: 6px;
                            width: 16px;
                            height: 16px;
                            #facebook{
                                fill: var(--helpgent-color-facebook);
                            }
                            #youtube{
                                fill: var(--helpgent-color-youtube);
                            }
                            #twitter{
                                fill: var(--helpgent-color-twitter);
                            }
                            #instagram{
                                fill: var(--helpgent-color-instagram);
                            }
                        }
                    }
                }
            }
            &__select-wrap{
                display: flex;
                align-items: center;
                gap: 0 10px;
                .helpgent-select{
                    flex: 1;
                    margin-bottom: 0;
                }
                +.helpgent-form-group{
                    margin-top: 8px;
                    width: calc(100% - 32px);
                }
            }
        }
        .helpgent-social-list:not(:empty){
            margin: 20px 0;
        }
    }
    .helpgent-field-element--inline{
        display: flex;
        align-items: center;
        justify-content: space-between;
        &:not(:first-child){
            margin-top: 25px;
        }
        & + .helpgent-field-element{
            margin-top: 25px;
        }
        .helpgent-select{
            &__control{
                height: 36px;
                padding: 0;
                border-radius: 8px;
            }
            &__placeholder{
                font-size: 13px;
                font-weight: 500;
            }
        }
        .helpgent-form-group .helpgent-form-group__element{
            height: 36px;
            min-height: 36px;
        }
        .helpgent-field-element__top{
            flex: auto;
            .helpgent-field-element__label{
                margin: 0;
            }
        }
        .helpgent-field-element__content{
            flex: 2;
            .helpgent-form-group{
                margin: 0;
                min-width: 128px;
                @media only screen and (max-width: 1367px){
                    min-width: 80px;
                }
            }
        }
        .helpgent-field-element__left{
            label{
                margin: 0;
            }
            &.helpgent-field-element__left--has-tooltip{
                display: flex;
                .helpgent-field-element__label{
                    width: auto;
                }
                .helpgent-tooltip-toggle{
                    margin-left: 8px;
                }
            }
        }
        .helpgent-field-element__right{
            .helpgent-form-group{
                margin-bottom: 0;
            }
        }
    }
    .helpgent-color-picker{
        height: 36px;
        background: var(--helpgent-color-bg-gray);
        border-radius: 8px;
        padding: 0 12px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        width: 100%;
        box-sizing: border-box;
        .helpgent-color-picker__text{
            min-width: 70px;
            @media screen and (min-width: 1199px) and (max-width: 1367px) {
                min-width: 57px;
                font-size: 11px;
            }
        }
    }
    .helpgent-design-setting-wrap{
        .helpgent-screen-setting-block{
            .helpgent-field-element__label{
                width: 150px;
                &.helpgent-selectable-field-label{
                    width: auto;
                    margin-bottom: 13px;
                }
                @media screen and (max-width: 1367px) {
                    width: 100px;
                }
            }

            .helpgent-select{
                .helpgent-select__single-value{
                    margin: 0;
                }
                .helpgent-select__value-container{
                    padding: 0 12px;
                }
            }
            .helpgent-form-group .helpgent-form-group__element{
                padding-left: 12px;
                border: 0 none;
            }
        }
    }
    .helpgent-element-dropdown{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5px 18px 5px 5px;
        border-radius: 10px;
        cursor: pointer;
        transition: background-color .3s ease-in-out;
        background-color: var(--helpgent-color-bg-gray);
        .helpgent-element-dropdown__content{
            display: flex;
            align-items: center;
        }
        .helpgent-element-dropdown__icon{
            width: 36px;
            height: 36px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            margin-inline-end: 10px;
            background-color: var(--helpgent-color-white);
            svg path{
                fill: var(--helpgent-color-primary);
            }
        }
        .helpgent-element-dropdown__title{
            font-size: 14px;
            font-weight: 500;
            margin: 0;
            color: var(--helpgent-color-dark);
            p,
            strong{
                font-size: inherit;
                line-height: inherit;
                margin: 0;
            }
        }
    }
    .helpgent-media-uploader{
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 160px;
        border-radius: 12px;
        background-color: var(--helpgent-color-bg-light);
        border: 2px dashed var(--helpgent-color-bg-deep);
        .helpgent-btn-upload-trigger{
            font-size: 14px;
            white-space: nowrap;
            color: var(--color-dark);
            background-color: var(--helpgent-color-white);
        }
        &.helpgent-media-uploader--has-media{
            border-color: transparent;
            overflow: hidden;
        }
    }
    .helpgent-media-uploader-actions {
        display: flex;
        flex-direction: column;
    }
    .helpgent-media-uploader.helpgent-media-uploader--media-added{
        border: 2px solid #fff;
    }
    .helpgent-element-media-uploader{
        display: flex;
        align-items: center;
        gap: 10px;
        .helpgent-btn{
            flex: 1;
            svg path{
                fill: var(--helpgent-color-light-gray);
                transition: var(--helpgent-transition);
            }
            &.helpgent-btn-remove{
                &:hover{
                    color: var(--helpgent-color-danger);
                    svg path{
                        fill: var(--helpgent-color-danger);
                    }
                }
            }
        }
    }
    .helpgent-focal-point-picker{
        margin-bottom: 20px;
        .components-focal-point-picker{
            box-shadow: none;
            border-radius: 12px;
            overflow: hidden;
            max-height: 190px;
        }
        .components-focal-point-picker__media--image{
            max-height: 190px;
        }
        .components-focal-point-picker-control{
            background: var(--helpgent-color-bg-gray);
            line-height: 0;
            border-radius: 12px;
        }
        .focal-point-picker__controls{
            display: none;
        }
        .components-base-control__field{
            margin-bottom: 0;
        }
        .helpgent-focal-point-picker-top{
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 10px;
        }
        .helpgent-focal-point-label{
            font-size: 14px;
            font-weight: 500;
            color: #030308;
        }
        .helpgent-focal-point-reset{
            cursor: pointer;
            width: 30px;
            height: 30px;
            border-radius: 6px;
            background: var(--helpgent-color-bg-gray);
            transition: var(--helpgent-transition);
            display: flex;
            align-items: center;
            justify-content: center;
            svg{
                width: 14px;
                height: 14px;
                path{
                    fill: var(--helpgent-color-gray);
                }
            }
            &:hover{
                background: var(--helpgent-color-bg-deep);
            }
        }
        .components-focal-point-picker__icon_container{
            box-shadow: none;
            border: 2px solid #fff;
            background: var(--helpgent-color-primary);
            backdrop-filter: none;
            width: 24px;
            height: 24px;
            margin: -12px 0 0 -12px;
        }
    }
    .helpgent-media-preview{
        position: absolute;
        height: 100%;
        width: 100%;
        inset-inline-start: 0;
        top: 0;
        video{
            height: 100%;
            max-height: 200px;
            width: 100%;
            object-fit: cover;
            border-radius: 12px;
        }
        .helpgent-video-control{
            position: absolute;
            width: 56px;
            height: 56px;
            border-radius: 50%;
            inset-inline-start: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            opacity: 0;
            visibility: hidden;
            transition: var(--helpgent-transition);
            z-index: 4;
            svg{
                width: 16px;
                height: 16px;
                path{
                    fill: var(--helpgent-color-dark);
                }
            }
        }
        &:hover{
            .helpgent-video-control{
                opacity: 1;
                visibility: visible;
            }
        }
    }
    .helpgent-media-preview__src{
        height: 100%;
        position: relative;
        &:before{
            position: absolute;
            content: '';
            width: 100%;
            height: 100%;
            inset-inline-start: 0;
            top: 0;
            background: rgba(0,0,0,0.3);
            border-radius: 12px;
            z-index: 1;
        }
        img{
            height: 100%;
            width: 100%;
            object-fit: cover;
            border-radius: 12px;
        }
    }
    .helpgent-layout-actions{
        display: flex;
        align-items: center;
        gap: 15px;
        flex-wrap: wrap;
        .helpgent-layout-action__single{
            cursor: pointer;
            line-height: 0;
            svg{
                width: 60px;
                height: 40px;
            }
            &.helpgent-layout-action__single--open-ended{
                svg{
                    width: auto;
                }
            }
            &.helpgent-active{
                svg{
                    path,
                    rect{
                        fill: var(--helpgent-color-primary);
                    }
                }
            }
        }
    }

    //rating styles
    .helpgent-rating-list{
        display: flex;
        align-items: center;
        gap: 4px;
        margin-bottom: 25px;
        .helpgent-rating-single{
            width: 38px;
            height: 38px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            background: var(--helpgent-color-bg-light);
            transition: var(--helpgent-transition);
            margin-top: 5px;
            cursor: pointer;
            svg{
                width: 16px;
                height: 16px;
                path{
                    fill: var(--helpgent-color-extra-light);
                    transition: var(--helpgent-transition);
                }
            }
            &.helpgent-active{
                background: var(--helpgent-color-primary);
                svg{
                    path{
                        fill: #fff;
                    }
                }
            }
        }
    }
`,d=i.Ay.div`
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    background: #fff;
    padding: 5px;
    border-radius: 8px;
    width: 110px !important;
    margin: 30px auto 0;
    box-sizing: border-box;
    @media only screen and (max-width: 575px){
        display: none;
    }
    .helpgent-device-action{
        cursor: pointer;
        line-height: 0;
        border-radius: 6px;
        transition: var(--helpgent-transition);
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        &.helpgent-active{
            background: var(--helpgent-color-bg-deep);
            svg{
                path{
                    fill: var(--helpgent-color-gray);
                }
            }
        }
        svg{
            path{
                fill: var(--helpgent-color-extra-light);
                transition: var(--helpgent-transition);
            }
        }
    }
`,h=i.Ay.div`
    //padding: 15px;
    border-radius: 10px;
    margin-bottom: 10px;
    background-color: var(--helpgent-color-bg-light);
    &.helpgent-collapsed{
        .helpgent-validation-collapse{
            background-color: var(--helpgent-color-extra-light);
        }
        .helpgent-validation-top{
            .helpgent-validation-label{
                color: var(--helpgent-color-gray);
            }
        }
        .helpgent-validation-content{
            display: none;
        }
    }
    .helpgent-validation-top{
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        user-select: none;
        padding: 15px;
        .helpgent-validation-label{
            font-size: 14px;
            font-weight: 500;
            color: var(--helpgent-color-primary);
        }
    }
    .helpgent-form-element-inline{
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
    }
    .helpgent-field-element-action{
        .helpgent-field-visibility{
            margin: 6px;
        }
        span{
            cursor: pointer;
        }
        svg{
            width: 14px;
            height: 14px;
            path{
                fill: var(--helpgent-color-light-gray)
            }
        }
    }
    .helpgent-validation-content{
        padding: 10px 15px 20px;
    }
    .helpgent-form-group{
        &:last-child{
            margin-bottom: 0;
        }
        .helpgent-form-group__label{
            font-size: 14px;
            margin-bottom: 0;
        }
        textarea{
            min-height: 100px;
            resize: none;
        }
    }
    .helpgent-form-group__element{
        border-radius: 8px;
        background-color: var(--helpgent-color-white);
    }
    .helpgent-validation-collapse{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background-color: var(--helpgent-color-primary);
        svg{
            path{
                fill: var(--helpgent-color-white);
            }
        }
    }
`,c=i.Ay.div`
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    min-height: 660px;
    border-radius: 14px;
    box-sizing: border-box;
    transform: translateX(0%);
    transition: transform 0.3s ease-in-out 0s;
    background-color: var(--helpgent-color-white);
    z-index: 1;
    > div{
        padding: 32px 32px 30px;
        @media only screen and (max-width: 1399px){
            max-height: 400px;
            overflow-y: scroll;
        }
    }
    .helpgent-btn-back{
        font-size: 14px;
        font-weight: 500;
        text-decoration: none;
        transition: var(--helpgent-transition);
        color: var(--helpgent-color-dark);
        svg{
            margin-right: 5px;
            path{
                fill: var(--helpgent-color-dark);
            }
        }
        &:hover{
            color: var(--helpgent-color-primary);
            svg path{
                fill: var(--helpgent-color-primary);
            }
        }
    }
    h4{
        font-size: 16px;
        font-weight: 500;
        color: var(--helpgent-color-gray-light);
    }
    .helpgent-textField-form{
        display: flex;
        align-items: flex-end;
        gap: 12px;
        @media screen and (min-width: 1199px) and (max-width: 1367px) {
            flex-wrap: wrap;
        }
        &:not(:last-child){
            margin-bottom: 20px;
        }
        .helpgent-form-group{
            margin-bottom: 0;
        }
        &__element{
            .helpgent-form-group__label{
                font-size: 14px;
                font-weight: 500;
                word-wrap: break-word;
                word-break: break-word;
                white-space: nowrap;
                width: 160px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: flex;
                align-items: center;
                gap: 5px;
                margin-bottom: 12px;
                color: var(--helpgent-color-dark);
            }
            input{
                width: 100%;
                font-size: 14px;
                font-weight: 500;
                line-height: 1.57;
                min-height: 40px;
                border-radius: 6px;
                padding: 7px 16px;
                border: 0 none;
                box-sizing: border-box;
                color: var(--helpgent-color-dark);
                border: 2px solid transparent;
                margin: 0;
                background-color: var(--helpgent-color-bg-gray);
            }
            textarea{
                height: 100px;
            }
        }
        &__action{
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }
        .helpgent-textField-form__action-item{
            width: 40px;
            height: 40px;
            border-radius: 6px;
            background-color: var(--helpgent-color-bg-gray);
            display: flex;
            align-items: center;
            justify-content: center;
            svg{
                path{
                    fill: rgb(186, 186, 186);
                }
            }
            &.helpgent-active{
                svg{
                    path{
                        fill: var(--helpgent-color-dark);
                    }
                }
            }
            &.helpgent-textField-form__action-item--disabled{
                pointer-events: none;
                svg{
                    path{
                        fill: var(--helpgent-color-extra-light);
                    }
                }
            }
        }
    }
`,x=i.Ay.div`
    .helpgent-logic-rule-form__condition {
        &:not(:last-child){
            margin-bottom: 5px;
            border-bottom: 1px solid #d0cece;
            padding-bottom: 30px;
        }
    }
    .helpgent-logic-rule-form__condition-top{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 25px 0 10px;
        .helpgent-logic-rule-form__and{
            font-size: 14px;
            font-weight: 400;
            color: var(--helpgent-color-gray);
            border-radius: 8px;
            background: #fff;
            min-height: 40px;
            padding: 0 14px;
            display: inline-flex;
            align-items: center;
            min-width: 140px;
            box-sizing: border-box;
        }
        .helpgent-logic-rule-form__condition-cancel{
            width: 34px;
            height: 34px;
            background: rgba(239,0,0,0.1);
            svg{
                path{
                    fill: var(--helpgent-color-danger);
                    transition: var(--helpgent-transition);
                }
            }
            &:hover{
                background: var(--helpgent-color-danger);
                svg{
                    path{
                        fill: #fff;
                    }
                }
            }
        }
    }
    &.helpgent-setting-logic-wrap{
        padding: 25px 25px 5px;
        height: calc(100% - 0px);
        box-sizing: border-box;
        .helpgent-logic-add{
            display: flex;
            justify-content: center;
            box-sizing: border-box;
            gap: 10px;
            border-radius: 10px;
            font-size: 14px;
            font-weight: 500;
        }
        .helpgent-logic-inner{
            display: flex;
            flex-direction: column;
            height: 100%;
            box-sizing: border-box;
            .helpgent-logic-bottom{
                margin-top: auto;
                .helpgent-logic-remove{
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: 8px;
                    cursor: pointer;
                    transition: var(--helpgent-transition);
                    &:hover{
                        color: var(--helpgent-color-danger);
                        svg path{
                            fill: var(--helpgent-color-danger);
                        }
                    }
                    svg path{
                        transition: var(--helpgent-transition);
                    }
                    &.helpgent-btn-disabled{
                        pointer-events: none;
                        cursor: not-allowed;
                        opacity: .4;
                    }
                }
            }

            .helpgent-select__option{
                .helpgent-select__option__icon,
                .helpgent-badge{
                    flex: none;
                }
                .helpgent-select__option__text{
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    flex: 0 0 184px;
                    word-break: break-word;
                    overflow: hidden;
                    p,
                    strong{
                        margin: 0;
                        font-size: inherit;
                        font-weight: inherit;
                        line-height: inherit;
                    }
                }
            }

        }
        .helpgent-logic{
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: var(--helpgent-color-bg-gray);
            border-radius: 10px;
            padding: 5px 5px 5px 15px;
            margin-bottom: 10px;
            &.helpgent-logic--conditional{
                padding: 6px;
            }
            &__text{
                font-size: 14px;
                font-weight: 500;
                color: var(--helpgent-color-black);
                display: flex;
                align-items: center;
                gap: 8px;
                span{
                    display: flex;
                    align-items: center;
                    gap: 8px;
                }
                .helpgent-option-index{
                    width: 23px;
                    height: 23px;
                    border-radius: 6px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 13px;
                    font-weight: 600;
                    background: var(--helpgent-color-primary);
                    text-transform: uppercase;
                    color: #fff;
                }
            }
            &__dropdown{
                display: flex;
                align-items: center;
                .helpgent-badge{
                    position: absolute;
                    z-index: 0;
                    inset-inline-start: calc(-100% - 4px);
                    top: 50%;
                    transform: translateY(-50%);
                    line-height: normal;
                }
                .helpgent-select__menu{
                    min-width: 290px;
                    inset-inline-end: -5px;
                    .helpgent-select__group-heading{
                        font-size: 13px;
                        font-weight: 500;
                        color: var(--helpgent-color-light-gray);
                        text-transform: capitalize;
                    }
                }
                .helpgent-select{
                    flex: none;
                    position: relative;
                    box-sizing: border-box;
                    width: 40px;
                    height: 40px;
                    border-radius: 10px;
                    background: var(--helpgent-color-white);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    .helpgent-select__control{
                        padding: 10px;
                        background-color: transparent;
                        overflow: visible;
                        &--is-focused{
                            box-shadow: none;
                        }
                    }
                    &__value-container{
                        overflow: visible;
                        padding: 0;
                        height: 0;
                        &--has-value{
                            height: auto;
                            & + .helpgent-select__indicators{
                                display: none;
                            }
                        }
                        svg{
                            width: 16px;
                            height: 16px;
                            path{
                                fill: var(--helpgent-color-primary);
                            }
                        }
                    }
                    &__indicator{
                        padding-inline-end: 0;
                    }
                    &__option{
                        display: flex;
                        align-items: center;
                        gap: 8px;
                        transition: var(--helpgent-transition);
                        span{
                            margin-inline-end: 0;
                            display: flex;
                            position: static;
                            transform: none;
                        }
                        &__icon{
                            width: 32px;
                            height: 32px;
                            border-radius: 8px;
                            background: var(--helpgent-color-bg-gray);
                            align-items: center;
                            justify-content: center;
                            transition: var(--helpgent-transition);
                            svg{
                                width: 16px;
                                height: 16px;
                                path{
                                    fill: var(--helpgent-color-light-gray);
                                }
                            }
                        }
                        &:hover{
                            background: var(--helpgent-color-bg-gray);
                            .helpgent-select__option__icon{
                                background: var(--helpgent-color-white);
                            }
                        }
                    }
                }
            }
        }
    }

    .helpgent-logic-rule-form{
        padding: 20px 15px;
        border-radius: 10px;
        background-color: var(--helpgent-color-bg-gray);
        margin-bottom: 25px;
        .helpgent-form-group__element{
            background-color: var(--helpgent-color-white);
        }
    }

    .helpgent-logic-rule-form__condition{
        .helpgent-select{
            .helpgent-select__control{
                border-radius: 8px;
                background: #fff;
                padding: 4px;
            }
            .helpgent-select__value-container{
                padding-left: 0;
            }
        }
        .helpgent-form-group{
            margin-bottom: 0;
        }
        .helpgent-select__indicator{
            color: var(--helpgent-color-primary);
        }
        .helpgent-dropdown-icon{
            width: 32px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            background: var(--helpgent-color-primary);
            margin-right: 5px;
            flex: none;
            svg{
                width: 14px;
                height: 14px;
                path{
                    fill: #fff;
                }
            }
        }
        .helpgent-badge-circle{
            flex: none;
        }
        .helpgent-select__option__text{
            font-size: 14px;
            font-weight: 400;
            color: var(--helpgent-color-gray);
            margin-left: 10px;
            display: flex;
        }
        .helpgent-select__menu{
            .helpgent-select__option{
                display: flex;
                align-items: center;
                gap: 5px;
            }
            .helpgent-select__option__icon{
                width: 32px;
                height: 32px;
                border-radius: 8px;
                background: var(--helpgent-color-bg-gray);
                display: flex;
                align-items: center;
                justify-content: center;
                flex: none;
            }
            .helpgent-badge{
                flex: none;
            }
            .helpgent-select__option__text{
                padding-left: 0;
            }
        }
        .helpgent-select-logic-element,
        .helpgent-logic-rule-form__condition-inner{
            display: block;
            margin: 0 0 10px;
        }
        .helpgent-logic-rule-form__condition-inner{
            .helpgent-select .helpgent-select__control{
                padding: 5px 14px;
            }
        }
    }
    .helpgent-logic-rule-form__top-text{
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 10px;
        color: var(--helpgent-color-gray);
        border-radius: 8px;
        background: #fff;
        min-height: 40px;
        padding: 0 14px;
        display: inline-flex;
        align-items: center;
        min-width: 140px;
        box-sizing: border-box;
    }
    .helpgent-logic-rule-form__condition-inner{
        font-size: 14px;
        font-weight: 500;
        display: inline-block;
        margin: 0 6px;
        color: var(--helpgent-color-light);
    }
    .helpgent-logic-condition-add{
        display: flex;
        align-items: center;
        margin: 20px 0 22px;
        color: var(--helpgent-color-primary);
        font-size: 13px;
        font-weight: 500;
        cursor: pointer;
        .helpgent-logic-condition-add__icon{
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: var(--helpgent-color-white);
            width: 20px;
            height: 20px;
            margin-right: 6px;
        }
        svg{
            width: 8px;
            height: 8px;
            path{
                transition: var(--helpgent-transition);
                fill: var(--helpgent-color-primary);
            }
        }
    }
    .helpgent-logic-rule-form__condition-cancel{
        flex: none;
        margin-left: 10px;
    }
    .helpgent-logic-rule-form__action{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 20px;
        .helpgent-btn-link{
            font-size: 13px;
            font-weight: 500;
            text-decoration: none;
            color: var(--helpgent-color-danger);
            cursor: pointer;
        }
    }
    .helpgent-logic-rule-form__destination{
        span:not(.helpgent-badge){
            font-size: 14px;
            font-weight: 500;
            margin-right: 6px;
            margin-bottom: 8px;
            color: var(--helpgent-color-gray);
            display: inline-block;
            background: none;
        }
        .helpgent-select__control{
            background-color: var(--helpgent-color-white);
            padding: 4px 0;
            border-radius: 8px;
            min-height: 40px;
            .helpgent-select__value-container{
                padding-left: 4px;
                .helpgent-dropdown-icon{
                    width: 32px;
                    height: 32px;
                    border-radius: 8px;
                    background: var(--helpgent-color-primary);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin-right: 5px;
                    flex: none;
                    svg{
                        width: 14px;
                        height: 14px;
                        path{
                            fill: #fff;
                        }
                    }
                }
                .helpgent-badge{
                    margin-right: 10px;
                    flex: none;
                }
                .helpgent-select__option__text,
                .helpgent-select__placeholder{
                    font-size: 14px;
                    font-weight: 400;
                    color: var(--helpgent-color-gray);
                    margin: 0;
                }
                .helpgent-select__placeholder{
                    padding-left: 10px;
                }
            }
        }
        .helpgent-select__menu{
            .helpgent-select__option{
                display: flex;
                align-items: center;
                gap: 5px;
            }
            .helpgent-select__option__icon{
                width: 32px;
                height: 32px;
                border-radius: 8px;
                background: var(--helpgent-color-bg-gray);
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 0 5px 0 0;
            }
            .helpgent-badge{
                margin: 0;
            }
            .helpgent-select__option__text{
                padding-left: 0;
                margin: 0 0 0 10px;
                flex: auto;
            }
        }
        .helpgent-select__option__icon{
            svg{
                path{
                    fill: var(--helpgent-color-light-gray);
                }
            }
        }
    }
    .helpgent-logic-rule-form__element-answer{
        .helpgent-select__control{
            .helpgent-select__value-container{
                .helpgent-select__option__text,
                .helpgent-select__placeholder{
                    font-size: 14px;
                    font-weight: 400;
                    color: var(--helpgent-color-gray);
                    margin: 0;
                }
                .helpgent-select__placeholder{
                    padding-left: 10px;
                }
            }
        }
    }
    .helpgent-logic-add-rule{
        margin-top: 20px;
        margin-bottom: 25px;
        font-size: 13px;
        font-weight: 500;
        color: var(--helpgent-color-gray);
        svg{
            width: 10px;
            height: 10px;
            path{
                fill: var(--helpgent-color-gray);
            }
        }
    }
`,m=i.Ay.div`
    &.helpgent-logic-source{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 12px;
        .helpgent-logic-source__icon{
            width: 32px;
            height: 32px;
            border-radius: 8px;
            background: var(--helpgent-color-primary);
            display: flex;
            align-items: center;
            justify-content: center;
            flex: none;
            svg{
                width: 14px;
                height: 14px;
                path{
                    fill: var(--helpgent-color-white);
                }
            }
        }
    }
    .helpgent-logic-source__element{
        display: flex;
        align-items: center;
        gap: 6px;
        .helpgent-badge{
            border-radius: 6px;
            padding: 5px 8.6px 4.5px 8.6px;
        }
    }
    .helpgent-logic-source__label{
        font-size: 14px;
        font-weight: 500;
        margin: 0;
        color: var(--helpgent-color-gray);
    }
`,u=i.Ay.div`
    .helpgent-logic--conditional{
        cursor: pointer;
        > span{
            font-size: 13px;
            font-weight: 500;
            color: var(--helpgent-color-gray);
            margin-left: 9px;
        }
    }
    .helpgent-logic-list__element{
        width: 100%;
        display: flex;
        align-items: center;
        gap: 8px;
        margin-left: 20px;
        cursor: pointer;
    }
    .helpgent-logic-list__element--icon{
        position: relative;
        width: 36px;
        height: 36px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--helpgent-color-white);
        flex: none;
        svg{
            width: 16px;
            height: 16px;
            path{
                fill: var(--helpgent-color-primary);
            }
        }
        .helpgent-badge{
            position: absolute;
            left: -14px;
            top: 50%;
            transform: translateY(-50%);
            flex: none;
        }
    }

    .helpgent-logic-list__element--label{
        font-size: 13px;
        font-weight: 500;
        color: var(--helpgent-color-gray);
        word-break: break-word;
        word-wrap: break-word;
        max-width: 140px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .helpgent-logic-list__condition-answer{
        display: flex;
    }
    .helpgent-logic-list__condition-type{
        font-size: 13px;
        font-weight: 500;
        color: var(--helpgent-color-gray);
    }
    .helpgent-logic-list__condition-value{
        max-width: 70px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        white-space: nowrap;
        font-size: 13px;
        font-weight: 500;
        color: var(--helpgent-color-gray);
        margin-left: 7px;
    }
    .helpgent-logic-list__go-to-text{
        display: inline-block;
        margin-right: 20px;
        font-size: 13px;
        font-weight: 500;
        color: var(--helpgent-color-gray);
    }
    .helpgent-logic-list__element-destination{
        display: flex;
        flex: none;
        align-items: center;
    }
`,f=i.Ay.div`
    display: flex;
    align-items: center;
    gap: 10px;
    .helpgent-selectable-option{
        width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: 500;
        border-radius: 8px;
        cursor: pointer;
        text-transform: capitalize;
        color: var(--helpgent-color-gray);
        background-color: var(--helpgent-color-bg-light);
        &:hover,
        &.helpgent-active{
            background-color: var(--helpgent-color-gray);
            color: var(--helpgent-color-white);
            svg{
                path{
                    fill: var(--helpgent-color-white);
                }
            }
        }
        svg{
            path{
                fill: var(--helpgent-color-gray);
            }
        }
    }
`,b=i.Ay.div`

`,w=i.Ay.div`

`,v=i.Ay.div`
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background-position: center top;
    background-size: cover;
    background-color: var(--helpgent-background-color);
    .helpgent-element-background__overlay{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        border-radius: 20px;
        background-color: var(--helpgent-background-overlay-color);
        opacity: var(--helpgent-background-overlay-opacity);
    }
`,y=i.Ay.ul`
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    gap: 8px;
    li{
        list-style: none;
    }
`,_=(i.Ay.div`
    background: var(--helpgent-color-bg-light);
    border-radius: 10px;
    padding: 20px;
    .helpgent-cta-card__title{
        margin: 0 0 12px;
        padding: 0;
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 14px;
        font-weight: 500;
        color: var(--helpgent-color-dark);
    }
    .helpgent-cta-card__description{
        line-height: 1.7;
        font-size: 13px;
        font-weight: 500;
        margin: 0 0 16px;
        color: var(--helpgent-color-gray);
    }
`,i.Ay.div`
    border-left: 1px solid var(--helpgent-color-bg-gray);
    .helpgent-close-panel__top{
        position: relative;
        padding: 12px 0;
        min-height: 36px;
        border-bottom: 1px solid var(--helpgent-color-bg-gray);
        .helpgent-btn-panel-close{
            position: absolute;
            right: 20px;
            top: 12px;
            display: flex;
            align-items: center;
            font-size: 13px;
            font-weight: 500;
            padding-inline-start: 13.5px;
            padding-inline-end: 13.5px;
            text-decoration: none;
            border-color: transparent;
            color: var(--helpgent-color-gray);
            background-color: var(--helpgent-color-bg-gray);
            &:focus{
                outline: none;
            }
            svg{
                width: 10px;
                height: 10px;
                margin-right: 9px;
            }
        }
    }
    .helpgent-close-panel__content{
        padding: 20px;
    }
    .helpgent-close-panel__title{
        font-size: 16px;
        font-weight: 500;
        display: flex;
        align-items: center;
        margin: 0;
        font-family: var(--helpgent-font-family);
        color: var(--helpgent-color-dark);
        svg{
            margin-left: 8px;
            position: relative;
            top: -3px;
        }
    }
    p{
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 20px;
        color: var(--helpgent-color-gray);
    }
    .helpgent-close-panel__field{
        .helpgent-form-group__element{
            border-radius: 10px;
            color: var(--helpgent-color-gray);
            background-color: var(--helpgent-color-bg-gray);
        }
        .helpgent-btn-copy{
            font-size: 14px;
            margin-top: 10px;
            svg{
                width: 16px;
                height: 16px;
                path{
                    fill: var(--helpgent-color-white);
                }
            }
            &:hover{
                color: var(--helpgent-color-white);
                background-color: #3a3a3a;
                border-color: #3a3a3a;
            }
        }
    }
`)},44154:(e,t,n)=>{function i(e,t){let n="24",i="30",o="16",l="15",r="16",a="15",p="16",g="25",s="10",d=window.innerWidth<=480?"10":"14",h="0 30.45px",c="0 31.6px";return"lg"===e?.element_size?(n="30",l="16",a="16",o="18"):"sm"===e?.element_size&&(n="20",l="14"),"openEndedDefault"===t&&"16"===o&&"sm"===e.element_size&&(o="15"),"lg"===e?.specialElement_size?(i="36",h="0 36px",c="0 41.6px"):"sm"===e.specialElement_size&&(i="24",p="15",r="15",c="0 29.1px"),"partiallyRound"===e?.corner?g="8":"square"===e?.corner&&(g="0",s="0",d="0"),{labelFontSize:n,specialLabelFontSize:i,chatTitleFontSize:o,descriptionFontSize:l,specialDescriptionFontSize:r,btnFontSize:a,specialBtnFontSize:p,cornerRadius:g,largeCornerRadius:s,openEndedRadius:d,welcomeBtnPadding:h,endElementBtnPadding:c}}n.d(t,{J:()=>i})},68469:(e,t,n)=>{n.d(t,{A:()=>l});var i=n(1455),o=n.n(i);async function l(e,t,n){return n=n||{},await o()({path:e,method:"DELETE",data:t,...n}).then(e=>e)}},86958:(e,t,n)=>{n.d(t,{R:()=>a});var i=n(95282),o=n(44089),l=n(6945);function r(e){let t=(0,l.Xd)("editedElements",{});for(const n of Object.keys(t))e.includes(n)&&delete t[n];(0,l.CS)("editedElements",t)}async function a(e,t,n,l,a,p,g,s,d,h,c,x,m,u,f,b){let w=[...s];s.includes(t.id)||w.push(t.id);let v=[...w];if(g?.elementLogic?.logics){let _=!1;for(let M=0;M<g?.elementLogic?.logics.length;M++){var y;const L=g?.elementLogic?.logics[M],k=(0,i.D)(t.id,L,null!==(y=e[t.element_type])&&void 0!==y?y:"",t?.element_type,f);if(L.conditions.length===k){const i=(0,o.e)(a,L?.target_element,t?.id);if(h.push(t),void 0!==c[t.element_type]&&null!==c[t.element_type]||e.fieldKeys){const e=d.findIndex(e=>e.element_id===c.element_id);-1===e?d.push(c):d[e]=c}if(i){if("1"===p.save_incomplete_data.isActive&&u){const e=w.indexOf(t.id);if(-1!==e&&!s.includes(i.id)&&s.includes(t.id)){const t=w.slice(e+1);v=w.slice(0,e+1),0!==t.length&&(r(t),x({form_id:singleForm.id,element_ids:t,response_token:m}))}}!u&&i.isPro?b({...f,submittedRoute:v,submittedAnswers:d,submittedElements:h,activeElement:n[0]||t,responseToken:m,cachedElementsValue:l,openEndedAnswerType:null}):b({...f,submittedRoute:v,submittedAnswers:d,submittedElements:h,activeElement:i,responseToken:m,cachedElementsValue:l,openEndedAnswerType:null})}else b({...f,submittedRoute:v,submittedAnswers:d,submittedElements:h,activeElement:t,responseToken:m,cachedElementsValue:l,openEndedAnswerType:null});_=!0;break}}if(_)return}if(g?.elementLogic?.default_target){const i=(0,o.e)(a,g?.elementLogic?.default_target,t?.id);if(h.push(t),void 0!==c[t.element_type]&&null!==c[t.element_type]||e.fieldKeys){const e=d.findIndex(e=>e.element_id===c.element_id);-1===e?d.push(c):d[e]=c}if(i){if(g?.elementLogic?.logics&&"1"===p.save_incomplete_data.isActive&&u){const e=w.indexOf(t.id);if(-1!==e&&!s.includes(i.id)&&s.includes(t.id)){const t=w.slice(e+1);v=w.slice(0,e+1),0!==t.length&&(r(t),x({form_id:singleForm.id,element_ids:t,response_token:m}))}}var _;!u&&i.isPro?b({...f,submittedRoute:v,submittedAnswers:d,submittedElements:h,activeElement:null!==(_=n[0])&&void 0!==_?_:t,responseToken:m,cachedElementsValue:l,openEndedAnswerType:null}):b(e=>({...e,submittedRoute:v,submittedAnswers:d,submittedElements:h,activeElement:i,responseToken:m,cachedElementsValue:l,openEndedAnswerType:null}))}else b({...f,submittedRoute:w,submittedAnswers:d,submittedElements:h,activeElement:t,responseToken:m,cachedElementsValue:l,openEndedAnswerType:null})}else b({...f,submittedRoute:v,activeElement:t,responseToken:m,cachedElementsValue:l,openEndedAnswerType:null})}},88039:(e,t,n)=>{n.d(t,{A:()=>l});var i=n(26374),o=n(68469);const l=(e,t)=>(0,i.n)(n=>"object"==typeof n?(n.id&&n.data&&(e=`${e}/${n.id}`,n=n.data),(0,o.A)(e,n,t)):(e=n?`${e}/${n}`:e,(0,o.A)(e,n||{},t)))},92095:(e,t,n)=>{n.d(t,{A:()=>r});var i=n(94933),o=n(22146),l=n(16174);async function r(e,t,n,r,a,p,g,s,d,h,c,x,m,u,f,b,w,v,y,_,M,L){if(!t)return;"recaptcha"===s.element_type?r(e=>({...e,isReCaptchaSubmitted:!0,submitAnswerError:null,isSubmitAnswerLoading:!0})):r({...n,submitAnswerError:null,isSubmitAnswerLoading:!0});const{singleForm:k,submittedRoute:D,submittedElements:j,userVerificationField:z,isVisitedValidation:E}=n,{elements:N,global:A}=k.content,T=N.filter(e=>"end"===e.element_type),{id:S}=k;function I(e,t){const n=e.find(e=>"welcome"===e.element_type);if(n){const{controls:i}=n;return e.find(e=>e.id===i.elementLogic.default_target)||t}const i=e.filter(e=>"welcome"!==e.element_type&&"end"!==e.element_type&&"user_validation"!==e.element_type);return 0!==i.length?i[0]:e.find(e=>"end"===e.element_type)||t}if(e.form_id=S,"welcome"===s.element_type)(0,l.O)(a,p,T,s,E,M,n,r);else if("user_validation"===s.element_type)!async function(){if("default"===z)try{const t=await d(e);if("registered"===t.user_type)r({...n,userEmail:e.email,userType:"registered",userVerificationField:"registered",isRegisteredUser:!0,submissionServerError:null,isVisitedValidation:!0});else if("guest"===t.user_type){const t={form_id:S,email:e.email};"1"===A.save_incomplete_data.isActive&&M?r({...n,userEmail:e.email,activeElement:I(N,s),responseToken:await(0,i.o)(y,t),userVerificationField:"registered",submissionServerError:null,isVisitedValidation:!0}):r({...n,userType:"guest",userEmail:e.email,activeElement:I(N,s),isVisitedValidation:!0,isRegisteredUser:!0})}}catch(t){r({...n,userEmail:e.email,isRegisteredUser:!1,userVerificationField:"guest"})}else if("registered"===z){e.email=n.userEmail;try{await h(e),r({...n,userVerificationField:"default",activeElement:I(N,s),userPassword:e.password,submissionServerError:null,isVisitedValidation:!0})}catch(e){r({...n,submissionServerError:e.message})}}else if("guest"===z)if(delete e?.acceptance,delete e?.welcome,"1"===A.save_incomplete_data.isActive&&M)try{const t=await c(e);r({...n,userVerificationField:"default",activeElement:I(N,s),responseToken:t.response_token,submissionServerError:null,isVisitedValidation:!0})}catch(e){r({...n,submissionServerError:e.message})}else r({...n,userVerificationField:"default",activeElement:I(N,s),userType:"guest",guestData:e,isRegisteredUser:!1,isVisitedValidation:!0,submissionServerError:null})}();else{if(!(void 0!==a&&"0"!==a||E)){const t=N.filter(e=>"user_validation"===e.element_type)[0];return void(t&&"0"===A.anonymous_submission.isActive?(j.push(s),r({...n,submittedElements:j,activeElement:t})):(0,o.T)(s,T,e,A,p,D,a,!0,M,L,b,n,r,w,x,m,u,f,v,_,y,c))}(0,o.T)(s,T,e,A,p,D,a,!1,M,L,b,n,r,w,x,m,u,f,v,_,y,c)}}},93869:(e,t,n)=>{n.d(t,{A:()=>p});var i=n(51609),o=n(65604);const l="data:image/svg+xml;base64, ";var r=n(4286),a=n(27723);function p(e){const{className:t}=e;return(0,i.createElement)(r.A3,{className:`helpgent-form__copyright ${void 0!==t?t:""}`},(0,i.createElement)("a",{href:"https://wpwax.com/helpgent/",target:"__blank",className:"helpgent-copyright__button"},(0,a.__)("Powered by","helpgent"),(0,i.createElement)(o.A,{src:l})))}},98822:(e,t,n)=>{n.r(t),n.d(t,{default:()=>v});var i=n(51609),o=n(86087),l=n(49785),r=n(4286),a=n(49876),p=n(92095),g=n(767),s=n(28050),d=n(88039),h=n(6945),c=n(38745),x=n(93869),m=n(30912),u=n(44154),f=n(27723);const b=(0,o.lazy)(()=>n.e(604).then(n.bind(n,79604))),w=(0,o.lazy)(()=>n.e(102).then(n.bind(n,7102)));function v(e){const{moduleState:t,setModuleState:n,isFloatingForm:v}=e,{isLoggedIn:y,isPreviewActive:_,activeElement:M,submittedElements:L,singleForm:k,isSubmitAnswerLoading:D,reWatchedElementIds:j,isProcessingSubmitCallback:z}=t,[E,N]=(0,o.useState)({chatFormClose:null,chatFormNavigation:null}),[A,T]=(0,o.useState)({}),{elements:S,global:I}=k.content,{layout:C,controls:O}=M,{fieldDesign:Y}=O,F=(0,c.L)(),[Q,U]=(0,o.useState)(),{labelFontSize:V,specialLabelFontSize:B,chatTitleFontSize:$,descriptionFontSize:G,specialDescriptionFontSize:R,btnFontSize:Z,specialBtnFontSize:P,cornerRadius:W,largeCornerRadius:J,openEndedRadius:X,welcomeBtnPadding:H,endElementBtnPadding:K}=(0,u.J)(I,C),{register:q,handleSubmit:ee,setValue:te,getValues:ne,resetField:ie,control:oe,watch:le,formState:{errors:re},setError:ae,clearErrors:pe}=(0,l.mN)({mode:"onChange"}),{mutateAsync:ge,isLoading:se}=(0,g.A)("/helpgent/response/get-user-type"),{mutateAsync:de,isLoading:he}=(0,s.A)("/helpgent/response/verify-registered-user"),{mutateAsync:ce,isLoading:xe}=(0,s.A)("/helpgent/response/register-guest"),{mutateAsync:me,isLoading:ue}=(0,s.A)("/helpgent-pro/response/answer"),{mutateAsync:fe,isLoading:be}=(0,s.A)("/helpgent/response/answer/"),{mutateAsync:we,isLoading:ve}=(0,s.A)("/helpgent-pro/response/answer/half"),{mutateAsync:ye,isLoading:_e}=(0,d.A)("/helpgent-pro/response/answer"),{mutateAsync:Me,isLoading:Le}=(0,s.A)("/helpgent/response/generate-token/registered"),{mutateAsync:ke,isLoading:De}=(0,s.A)("/helpgent/response/generate-token/guest"),{mutateAsync:je,isLoading:ze}=(0,s.A)("/helpgent/response/generate-token/unknown"),{mutateAsync:Ee}=(0,d.A)("/helpgent/response/answer/attachment"),Ne=I?.font_weight_variations&&"string"!=typeof I.font_family?`${I?.font_family?.family}, ${I?.font_family?.category}`:I.font_family,{filteredWelcomeElement:Ae,filteredEndElement:Te,filteredOtherElement:Se}=S.reduce((e,t)=>("welcome"===t.element_type?e.filteredWelcomeElement.push(t):"end"===t.element_type?e.filteredEndElement.push(t):"user_validation"!==t.element_type&&e.filteredOtherElement.push(t),e),{filteredWelcomeElement:[],filteredEndElement:[],filteredOtherElement:[]}),Ie=[...Ae,...Se,...Te],Ce=[...Se],Oe=Ie.findIndex(e=>e.id===M.id);function Ye(e){const t=(0,h.Xd)("editedElements",{});return void 0!==t[e]&&t[e]}function Fe(e,t){(0,h.CS)("editedElements",{[e]:t},!0)}return(0,o.useEffect)(()=>{const e=(0,a.$)("helpgent_chat_form_close",{props:{moduleState:t,setModuleState:n}}),i=(0,a.$)("helpgent_chat_form_navigation",{props:{selectedElement:M,isClientModeActive:!0,featureState:t,setFeatureState:n,clearErrors:pe,getValues:ne,register:q,errors:re}});N({...E,chatFormClose:e[1],chatFormNavigation:i[1]})},[t]),(0,o.useEffect)(()=>{const e=document.querySelector(".helpgent-form-bottom-extras");U(e.clientHeight)},[C,S]),(0,i.createElement)(r.MS,{className:`${xe||he||se||ue||be||ve||Le||De?"helpgent-answer-loading":""} ${v?"helpgent-chat-bubble-form__floating":""} helpgent-form__contents`},(0,i.createElement)("form",{className:"helpgent-form__element-form",onSubmit:ee(async e=>{const i=(0,h.Xd)("chatFormBeforeSubmitCallback",null),o=(0,h.Xd)("chatFormBeforeSubmitCallbackArgs",null);if("function"==typeof i){n(e=>({...e,isProcessingSubmitCallback:!0}));const t=await i(o,e);if(n(e=>({...e,isProcessingSubmitCallback:!1})),"boolean"==typeof t.success&&!t.success)return;e=void 0!==t.formData?t.formData:e}(0,p.A)(e,!0,t,n,y,O,null,M,ge,de,ce,me,fe,we,ye,Ye,Fe,Me,ke,je,(0,c.L)(),_)})},(0,i.createElement)(r.Ch,{className:"helpgent-preview-container "+("mediaRight"===C?"helpgent-preview-media-right":"mediaBehind"===C?"helpgent-preview-media-overlay helpgent-preview-media-overlay--has-media":"openEndedDefault"===C?"helpgent-preview-open-ended-default":"noMedia"===C?"helpgent-preview-no-media":"helpgent-preview-media-left"),style:{"--helpgent-form-font":`${Ne}`,"--helpgent-element-icon-color":`${I?.color_style?.icon?.value}`,"--helpgent-label-font-size":`${V}px`,"--helpgent-special-label-font-size":`${B}px`,"--helpgent-label-font-weight":600,"--helpgent-label-color":`${I?.color_style?.title?.value}`,"--helpgent-description-font-size":`${G}px`,"--helpgent-special-description-font-size":`${R}px`,"--helpgent-description-font-weight":400,"--helpgent-description-color":`${I?.color_style?.description?.value}`,"--helpgent-chatTtile-font-size":`${$}px`,"--helpgent-chatTtile-font-weight":"600","--helpgent-chatTtile-color":`${I?.color_style?.chatTitleStyle?.value}`,"--helpgent-footerText-font-size":"13px","--helpgent-footerText-font-weight":400,"--helpgent-footerText-color":`${I?.color_style?.footer_text_color?.value}`,"--helpgent-options-color":`${I?.color_style?.options_color?.value}`,"--helpgent-btn-color":`${I?.color_style?.button?.value}`,"--helpgent-btn-radius":`${W}px`,"--helpgent-btn-text-color":`${I?.color_style?.button_text?.value}`,"--helpgent-btn-font-size":`${Z}px`,"--helpgent-special-btn-font-size":`${P}px`,"--helpgent-overlay-color":`${Y?.mediaStyle?.overlay_color.value}`,"--helpgent-overlay-opacity":`${Y?.mediaStyle?.overlay_opacity.value}%`,"--helpgent-background-overlay-color":`${I?.background_style?.overlay_color.value}`,"--helpgent-background-overlay-opacity":`${I?.background_style?.overlay_opacity.value}%`,"--helpgent-input-radius":`${W}px`,"--helpgent-large-component-radius":`${J}px`,"--helpgent-input-background":"#EFEFEF","--helpgent-background-color":I?.background_color,"--helpgent-open-ended-border-radius":`${X}px`,"--helpgent-special-btn-padding":`${H}`,"--helpgent-end-element-btn-padding":`${K}`,"--helpgent-bottom-extras-height":`${Q}px`}},(0,i.createElement)(o.Suspense,{fallback:(0,i.createElement)("div",{className:"helpgent-chat-form-loader-wrap"},(0,i.createElement)("span",{className:"helpgent-chat-form-loader"},(0,i.createElement)("span",null,(0,f.__)("Loading","helpgent"))))},(0,i.createElement)(m.eq,{className:"helpgent-element-background",style:{backgroundImage:`url(${I?.background_image?.url})`}}," ","1"===I?.background_style?.background_overlay?.isActive&&I?.background_image&&(0,i.createElement)("span",{className:"helpgent-element-background__overlay"})," "),"end"!==M.element_type&&(null===t.openEndedAnswerType||void 0===t.openEndedAnswerType)&&"noMedia"!==C&&(0,i.createElement)(b,{key:`${M.id}-media`,selectedElement:M,featureState:t,setFeatureState:n,isClientModeActive:!0}),(0,i.createElement)(w,{key:M.id,selectedElement:M,featureState:t,setFeatureState:n,isClientModeActive:!0,register:q,errors:re,setValue:te,getValues:ne,clearErrors:pe,resetField:ie,control:oe,watch:le,setError:ae,isElementEdited:Ye,updateEditedElementStatus:Fe,deleteAnswers:async function(e,t,n){try{return{success:!0,response:await ye({form_id:e,element_ids:t,response_token:n})}}catch(e){return{success:!1,error:e}}},deleteAttachment:async function(e,t){var n;if("number"!=typeof e)return;const i=null!==(n=(0,h.Xd)("attachments"))&&void 0!==n?n:[],o=i.filter(t=>t.id===e)[0],l={id:e,data:{token:o?.token,form_id:k?.id}};"1"===I.save_incomplete_data.isActive&&F&&(l.data.response_token=t);try{const t=i.filter(t=>t.id!==e);return(0,h.CS)("attachments",t),await Ee(l)}catch(e){console.log(e)}},getCachedFormData:function(e,t,n){let i=n?n.filter(e=>e.id===t):[];return i=i.length?i[0].value:{},e.reduce((e,t)=>(e[t]=i.hasOwnProperty(t)?i[t]:void 0,e),{})},updateCachedFormData:function(e,t){n(n=>{if(!n.cachedElementsValue)return n;const i=n.cachedElementsValue.map(n=>n.id!==e?n:{...n,value:{...n.value,...t}});return{...n,cachedElementsValue:i}})},tempData:A,updateTempData:(e,t,n,i)=>{i="string"==typeof i&&["merge","override"].includes(i)?i:"override",T(o=>{o.hasOwnProperty(e)||(o={...o,[e]:{}});const l=(e,t,n,i)=>({...t,[e]:{...t[e],[n]:i}});return o[e].hasOwnProperty(t)&&(e=>e&&"object"==typeof e&&!Array.isArray(e))(o[e][t])&&"merge"===i?((e,t,n,i)=>({...t,[e]:{...t[e],[n]:{...t[e][n],[n]:i}}}))(e,o,t,n):l(e,o,t,n)})}})),E?.chatFormClose&&v&&(0,i.createElement)(o.Fragment,{key:`${M.id}-form-close`},E.chatFormClose),(0,i.createElement)("div",{className:"helpgent-form-bottom-extras"},"end"!==M.element_type&&"welcome"!==M.element_type&&"user_validation"!==M.element_type&&"0"!==I?.progress_count?.isActive&&(0,i.createElement)("span",{className:"helpgent-form__step-count"},(0,i.createElement)("span",{className:"helpgent-form__step-active"},"user_validation"===M.element_type||"welcome"===M.element_type?"0":Oe),(0,i.createElement)("span",null," / ",Ce.length)),E?.chatFormNavigation&&"end"!==M.element_type&&E.chatFormNavigation,("1"===I?.helpgent_branding?.isActive||!F)&&(0,i.createElement)(x.A,{key:`${M.id}-copyright`,className:"helpgent-form__copyright--media"})))))}}}]);