${Nr("You have added both Stripe and PayPal fields to your form. We recommend that you use the visibility conditions, so only one of them is visible at a time. For example:")}

1. ${Nr("Add an option to your form using a Radio (or Select) field that allows visitors to choose the payment method.")}

2. ${Nr("Apply visibility conditions to both Stripe and PayPal fields so only one is visible based on the visitor's selection in the Radio (or Select) field.")}`,dismiss:!0}).open()}render(){let e=forminatorData.fields.filter(e=>e.category),t={},s={};const r=forminatorData.fieldsPro||[],a=br("password",this.props.wrappers),i=this.props.modal.modalProps.groupId;e=_.filter(e,function(e){return"gdprcheckbox"!==e.slug&&"stripe"!==e.slug}),("registration"!==this.props.formType&&"login"!==this.props.formType||a&&"registration"===this.props.formType)&&(e=_.filter(e,function(e){return"password"!==e.slug})),i&&(e=_.filter(e,function(e){return!_.includes(["page-break","paypal","stripe","stripe-ocs","signature","captcha","postdata","group"],e.slug)}));const n=_.sortBy(e,"position");(this.hasStripe||this.hasStripeOCS||this.hasCaptcha||this.hasPayPal)&&(t={display:"block"}),forminatorData.isPro||this.props.skipProNotice||(s={display:"block"});const o=this.props.formType;let l,p;return"pdf-form"===o?(l=Nr("PDF file"),p="blue"):(l=Nr("form"),p="red"),d().createElement(er.Fragment,null,d().createElement(sl,{closeType:"icon",closeModal:this.closeModal},d().createElement(il,{id:this.props.modal.modalProps.id,label:Nr("Insert Fields")})),d().createElement("div",{className:"sui-box-body"},d().createElement("p",null,Nr("Select one or more fields below to include in your %s.",{args:[l]})),(this.hasStripe||this.hasCaptcha||this.hasStripeOCS||this.hasPayPal||"pdf-form"===o)&&d().createElement("div",{role:"alert",className:`sui-notice sui-notice-${p} sui-active`,"aria-live":"assertive",style:{display:"block"}},d().createElement("div",{className:"sui-notice-content"},d().createElement("div",{className:"sui-notice-message"},d().createElement("span",{className:"sui-notice-icon sui-icon-info","aria-hidden":"true"}),(this.hasStripe||this.hasStripeOCS)&&d().createElement("p",null,Nr("You can have only one Stripe field in your form for Stripe to work accurately. Please delete the existing Stripe field to add a new one.")),this.hasPayPal&&d().createElement("p",null,Nr("You can have only one PayPal field in your form for PayPal to work accurately. Please delete the existing PayPal field to add a new one.")),this.hasCaptcha&&d().createElement("p",null,Nr("You can have only one captcha field in your form for captcha to work accurately. Please delete the existing captcha field to add a new one.")),"pdf-form"===o&&d().createElement("p",null,Nr("{{b}}Note{{/b}}: You can use the {{b}}Rich Text{{/b}} field to add form fields and custom text to your PDF.",{components:{b:d().createElement("b",null)}})))))),d().createElement("div",{className:"sui-box-selectors sui-box-selectors-col-5",style:{margin:0}},d().createElement("ul",{id:"forminator-form-fields-to-insert",className:`sui-spacing-slim ${o}-field-selectors`},n.map(e=>d().createElement("li",{key:e.slug},d().createElement("label",{htmlFor:`forminator-form-field-${e.slug}`,className:"sui-box-selector sui-box-selector-vertical"},d().createElement("input",{type:"checkbox",id:`forminator-form-field-${e.slug}`,"data-field":e.slug,onChange:t=>this.toggleField(e.slug,t)}),d().createElement("span",null,d().createElement("i",{className:e.icon,"aria-hidden":"true"}),e.name)))),!forminatorData.isPro&&r.map(e=>{if("signature"!==e.field_type||"signature"===e.field_type&&_.isEmpty(i))return d().createElement("li",{key:e.slug},d().createElement("label",{className:"sui-box-selector sui-box-selector-vertical sui-disabled"},d().createElement("input",{type:"radio",disabled:!0}),d().createElement("span",null,d().createElement("span",{className:e.icon,"aria-hidden":"true"}),e.name,d().createElement("span",{className:"sui-tag sui-tag-pro"},"Pro"))))}),_.isEmpty(i)&&!forminatorData.isPro&&_.isEmpty(r)&&"pdf-form"!==o&&d().createElement("li",null,d().createElement("label",{className:"sui-box-selector sui-box-selector-vertical sui-disabled"},d().createElement("input",{type:"radio",disabled:!0}),d().createElement("span",null,d().createElement("span",{className:"sui-icon-pencil","aria-hidden":"true"}),Nr("E-Signature"),d().createElement("span",{className:"sui-tag sui-tag-pro"},"Pro")))),"pdf-form"===o&&d().createElement(er.Fragment,null,d().createElement("li",{className:"pdf-field-coming-soon sui-tooltip","data-tooltip":Nr("Coming soon")},d().createElement("label",{className:"sui-box-selector sui-box-selector-vertical sui-disabled"},d().createElement("input",{type:"radio",disabled:!0}),d().createElement("span",null,d().createElement("span",{className:"sui-icon-code","aria-hidden":"true"}),Nr("Quotation")))))),"pdf-form"!==o&&d().createElement("div",{role:"alert",id:"fui-notice-pro-fields",className:`sui-notice sui-notice-purple ${!forminatorData.isPro&&!this.props.skipProNotice&&" sui-active"}`,style:s,"aria-live":"assertive"},_.isEmpty(i)&&!forminatorData.isPro&&!this.props.skipProNotice&&d().createElement("div",{className:"sui-notice-content"},d().createElement("div",{className:"sui-notice-message"},d().createElement("span",{className:"sui-notice-icon sui-icon-info","aria-hidden":"true"}),d().createElement("p",null,Nr("Need access to pro form fields? {{link}}Upgrade to Pro{{/link}}",{components:{link:d().createElement("a",{href:"https://wpmudev.com/project/forminator-pro/?utm_source=forminator&utm_medium=plugin&utm_campaign=forminator_forms_insertfields_upsell_notice",target:"_blank",style:{color:"#8d00b1"}})}}))),d().createElement("div",{className:"sui-notice-actions"},d().createElement(cl,{icon:"check",iconSize:"sm",label:Nr("Dismiss"),onClick:this.skipProNotice})))),"pdf-form"===o&&this.missingPaymentField&&d().createElement("div",{role:"alert",className:"sui-notice sui-notice-red sui-active",style:{display:"block",marginTop:"15px"},"aria-live":"assertive"},d().createElement("div",{className:"sui-notice-content"},d().createElement("div",{className:"sui-notice-message"},d().createElement("span",{className:"sui-notice-icon sui-icon-info","aria-hidden":"true"}),d().createElement("p",null,Nr("This PDF is linked to a form without a payment field. To include payment information in your PDF, please add either a PayPal or Stripe field to your form.")))))),d().createElement(rl,{alignment:"separated"},d().createElement(Xo,{label:Nr("Cancel"),customClass:"sui-button-ghost forminator-builder-fields-close",closeModal:this.closeModal}),d().createElement("button",{id:"forminator-builder-insert-fields",className:"sui-button sui-button-blue",disabled:!this.state.fields.length||this.hasStripe||this.hasStripeOCS||this.hasCaptcha||this.hasPayPal||this.missingPaymentField,onClick:this.insertFields},d().createElement("span",{className:"sui-loading-text"},Nr("Insert Fields")),d().createElement("span",{className:"sui-icon-loader sui-loading","aria-hidden":"true"}))))}}class dl extends er.Component{constructor(e){super(e)}render(){const e=d().Children.map(this.props.children,e=>e);return d().createElement("div",{className:"sui-row"+(_.isUndefined(this.props.class)?"":" "+this.props.class)},e)}}class ml extends er.Component{constructor(e){super(e)}render(){const e=d().Children.map(this.props.children,e=>e),t=this.props.customClass?this.props.customClass:"";return d().createElement("div",{className:`sui-col-md-${this.props.cols} ${t}`},e)}}function hl(){return hl=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)}isMaxValid(e){return!!_.isUndefined(this.props.maxValid)||!_.isNull(e)&&e<=this.props.maxValid}isMinValid(e){return!!_.isUndefined(this.props.minValid)||(_.isEmpty(e)||Number(e)>=this.props.minValid)}render(){const e=_.isUndefined(this.props.settings[this.props.property])?this.props.defaultValue:this.props.settings[this.props.property],t=_.isUndefined(this.props.type)?"text":this.props.type,s=_.isUndefined(this.props.requiredError)?Nr("This field is required!"):this.props.requiredError,r=this.isValid(e)&&this.isMaxValid(e)&&this.isMinValid(e)?"":"sui-form-field-error",a=_.isUndefined(this.props.maxValidError)?Nr("Please enter valid number."):this.props.maxValidError,i=_.isUndefined(this.props.minValidError)?Nr("Please enter valid number."):this.props.minValidError,n=_.isUndefined(this.props.fieldClass)?"sui-form-field":"sui-form-field "+this.props.fieldClass;let o="sui-form-control";_.isUndefined(this.props.inputClass)||""===this.props.inputClass||(o+=" "+this.props.inputClass),_.isUndefined(this.props.prefix)||""===this.props.prefix||(o+=" sui-field-has-prefix"),_.isUndefined(this.props.suffix)||""===this.props.suffix||(o+=" sui-field-has-suffix");const l=_.isUndefined(this.props.inputId)?this.props.property:this.props.inputId;let p;if(this.props.label){const e=!1;p=d().createElement("label",{htmlFor:`forminator-field-${l}`,className:this.props.darkLabel?"sui-settings-label sui-dark":"sui-label"},this.props.label,this.props.isRequired&&d().createElement(er.Fragment,null," ",d().createElement("span",{className:"sui-error"},"*")),this.props.note&&d().createElement("span",{className:"sui-label-note"},this.props.note),e&&(this.props.property.endsWith("_label")||this.props.property.endsWith("-label")||this.props.property.endsWith("description"))&&!["poll","sc_email_button_label"].some(e=>this.props.property.includes(e))&&d().createElement("span",{className:"sui-label-note sui-tooltip sui-tooltip-left sui-tooltip-constrained cursor-help",style:{"--tooltip-width":"190px",cursor:"help"},"data-tooltip":Nr("Use the following formats to style your text: *bold*, _italic_, ~strikethrough~, `monospace`")},d().createElement("span",{className:"sui-icon-lightbulb","aria-hidden":"true"})," ",d().createElement("dfn",null,Nr("Text styles"))))}const c=d().createElement("input",hl({type:t,placeholder:this.props.placeholder,value:e||"",id:`forminator-field-${l}`,className:o},this.props.notWritable&&{readonly:""},this.props.minValue&&{min:this.props.minValue},this.props.maxValue&&{max:this.props.maxValue},this.props.step&&{step:this.props.step},this.props.maxLength&&{maxLength:this.props.maxLength},this.props.inputStyles&&{style:this.props.inputStyles},this.props.labelledBy&&{"aria-labelledby":this.props.labelledBy},this.props.ariaLabel&&{"aria-label":this.props.ariaLabel},{disabled:!!this.props.disabled,onBlur:e=>{let t=parseFloat(e.target.value);!_.isUndefined(this.props.minValue)&&tparseFloat(this.props.maxValue)&&(t=this.props.maxValue,this.updateValue(t)),"1"!==this.props.step||isNaN(t)||String(t)===e.target.value.trim()||this.updateValue(String(parseInt(t)))},onChange:e=>{this.updateValue(e.target.value)}})),u=d().createElement("div",{className:`${n} ${r}`},p,!_.isUndefined(this.props.prefix)&&""!==this.props.prefix&&d().createElement("span",{className:"sui-field-prefix"},this.props.prefix),this.props.canTrash?d().createElement("div",{className:"sui-with-button sui-with-button-icon"},c,d().createElement("button",{className:"sui-button-icon sui-tooltip sui-tooltip-top-right","data-tooltip":Nr("Delete")},d().createElement("i",{className:"sui-icon-trash","aria-hidden":"true"}))):c,this.props.suffix&&d().createElement("span",{className:"sui-field-suffix"},this.props.suffix),this.props.isRequired&&!this.isValid(e)&&d().createElement("span",{className:"sui-error-message"},s),!_.isUndefined(this.props.isPositive)&&!this.isValid(e)&&d().createElement("span",{className:"sui-error-message"},Nr("Please enter valid number.")),!this.isMaxValid(e)&&d().createElement("span",{className:"sui-error-message"},a),!this.isMinValid(e)&&d().createElement("span",{className:"sui-error-message"},i),this.props.description&&d().createElement("span",{className:"sui-description"},this.props.description));return this.props.simple?c:u}}class bl extends er.Component{constructor(e){super(e),this.state={open:!1},this.updateValue=this.updateValue.bind(this),this.toggleState=this.toggleState.bind(this)}toggleState(){this.setState({open:!this.state.open})}updateValue(e){"function"==typeof this.props.updateProperty?this.props.updateProperty(this.props.property,e):this.props.actions.settingsActions.updateSetting(this.props.property,e)}render(){const{label:e}=this.props;let t="";const{open:s}=this.state,r=_.isUndefined(this.props.settings[this.props.property])?"":this.props.settings[this.props.property];r||(t="sui-accordion-item--disabled"),r&&s&&(t="sui-accordion-item--open");const a=d().Children.map(this.props.children,e=>e);let i=s&&a;return this.props.noBoxBody||(i=d().createElement("div",{className:"sui-box"},d().createElement("div",{className:"sui-box-body"},s&&a))),d().createElement("div",{className:"sui-accordion-item "+t},d().createElement("div",{className:"sui-accordion-item-header",onClick:()=>this.toggleState()},d().createElement("div",{className:"sui-accordion-item-title"},d().createElement("label",{htmlFor:"forminator-"+this.props.property,className:"sui-toggle"},d().createElement("input",{type:"checkbox",id:"forminator-"+this.props.property,onChange:e=>{this.updateValue(e.target.checked)},checked:r?"checked":""}),d().createElement("span",{className:"sui-toggle-slider"}),d().createElement("span",{className:"sui-toggle-label"},e,this.props.required&&d().createElement("span",{className:"sui-error"}," *")))),d().createElement("div",{className:"sui-accordion-col-auto"},d().createElement("button",{className:"sui-button-icon sui-accordion-open-indicator","aria-label":!1===this.state.open?Nr("Open item"):Nr("Close item"),onClick:()=>this.toggleState()},d().createElement("i",{className:"sui-icon-chevron-down","aria-hidden":"true"})))),d().createElement("div",{className:"sui-accordion-item-body"},i))}}function gl(){return gl=Object.assign?Object.assign.bind():function(e){for(var t=1;tthis.el=e,style:{maxWidth:"none"}}),this.props.children);let n=i;"md"===this.props.fieldsize||"medium"===this.props.fieldsize?n=d().createElement("div",{className:"sui-form-field sui-input-md"},i):"sm"===this.props.fieldsize||"small"===this.props.fieldsize?n=d().createElement("div",{className:"sui-form-field sui-input-sm"},i):""!==this.props.fieldsize&&(n=d().createElement("div",{style:{width:"100%",maxWidth:this.props.fieldsize+"px"}},i));let o=n;return this.props.simple||(o=d().createElement("div",{className:t},a,n,this.props.description&&d().createElement("span",{className:"sui-description",style:{marginTop:"10px"}},this.props.description))),o}}function Nl(){return Nl=Object.assign?Object.assign.bind():function(e){for(var t=1;t{jQuery("#ui-datepicker-div").addClass("sui-calendar"),"forminator-field-date"===this.$el.attr("id")&&("disable"===this.props.state.past_dates?this.$el.datepicker("option","minDate",this.$el.datepicker("getDate")):"enable"===this.props.state.past_dates&&this.$el.datepicker("option","minDate",null))},dateFormat:r,dayNamesMin:forminatorl10n.calendar.day_names_min,monthNames:forminatorl10n.calendar.month_names,onSelect:e=>{this.updateValue(e),t=!0},onClose:s=>{if(t)return void(t=!1);try{jQuery.datepicker.parseDate(r,s,{dayNamesMin:forminatorl10n.calendar.day_names_min,monthNames:forminatorl10n.calendar.month_names})}catch(e){return}const a=_.isUndefined(e.props.settings[e.props.property])?e.props.defaultValue:e.props.settings[e.props.property];let i=s;this.hasWordFormat&&!_.isUndefined(s)&&isNaN(s)&&(i=new Date(s).getTime()),(_.isUndefined(a)||i.toString()!==a.toString())&&this.updateValue(s)}}),this.hasWordFormat&&(this.$el.datepicker("option","altField","#"+a+"-altfield"),this.$el.datepicker("option","altFormat","@"),_.isUndefined(s)||(isNaN(s)&&(s=new Date(s).getTime()),jQuery("#"+a+"-altfield").val(s),this.$el.datepicker("setDate",new Date(parseInt(s))))),this.updateValue=this.updateValue.bind(this)}replaceMonthsInEnglish(e){const t=forminatorl10n.calendar.month_names,s=["January","February","March","April","May","June","July","August","September","October","November","December"];for(let r=0;rthis.el=e,id:i,className:e,placeholder:this.props.placeholder,type:"text",autoComplete:"off"},this.props.onlyRead&&{'readonly="readonly"':""})),this.hasWordFormat&&d().createElement("input",{id:i+"-altfield",style:{display:"none"}}));let o=d().createElement("div",{className:a},s,this.props.noCalendar?n:d().createElement("div",{className:"sui-date"},"left"===t&&d().createElement("i",{className:"sui-icon-calendar","aria-hidden":"true"}),n,"right"===t&&d().createElement("i",{className:"sui-icon-calendar","aria-hidden":"true"})),d().createElement("div",{id:i+"-calendar",className:"sui-date-calendar"}),this.props.description&&d().createElement("span",{className:"sui-description"},this.props.description));return this.props.multiDate&&(o=d().createElement("div",{className:"sui-multi-date"},d().createElement("div",{className:a},s,this.props.noCalendar?n:d().createElement("div",{className:"sui-date"},n,d().createElement("i",{className:"sui-icon-calendar","aria-hidden":"true"})),this.props.description&&d().createElement("span",{className:"sui-description"},this.props.description)),r)),o}}function kl(){return kl=Object.assign?Object.assign.bind():function(e){for(var t=1;t0&&d().createElement("div",{className:"sui-box fui-visibility-rule"+(!0===this.state.open?" fui-open":"")},d().createElement("h4",{className:"fui-visibility-rule-header"},d().createElement("button",{id:"forminator-field-"+e,className:"sui-box-header","aria-controls":"forminator-field-"+e+"-content","aria-expanded":this.state.open,onClick:()=>this.toggleState()},d().createElement("i",{className:"sui-icon-link fui-visibility-rule-icon","aria-hidden":"true"}),d().createElement("span",{className:"fui-visibility-rule-text"},d().createElement("strong",null,_l(t.label))," ",("is_before_n_or_more_days"===this.props.rule.rule||"is_before_less_than_n_days"===this.props.rule.rule||"is_after_n_or_more_days"===this.props.rule.rule||"is_after_less_than_n_days"===this.props.rule.rule)&&d().createElement(er.Fragment,null,$r(this.props.rule.rule,t.field_type,r)),!("is_before_n_or_more_days"===this.props.rule.rule||"is_before_less_than_n_days"===this.props.rule.rule||"is_after_n_or_more_days"===this.props.rule.rule||"is_after_less_than_n_days"===this.props.rule.rule)&&d().createElement(er.Fragment,null,$r(this.props.rule.rule,t.field_type)," ",d().createElement("strong",null,r))),d().createElement("i",{className:"sui-icon-chevron-down fui-visibility-rule-arrow","aria-hidden":"true"}))),d().createElement("div",{role:"region",id:"forminator-field-"+e+"-content",className:"sui-box-body fui-visibility-rule-body","aria-labelledby":"forminator-field-"+e,"aria-hidden":!0!==this.state.open},d().createElement(xl,kl({},this.props,{elementId:e+"-field",property:"element_id",updateProperty:this.updateField,settings:this.props.rule,label:Nr("Field")}),_.map(this.fields,(e,t)=>d().createElement("option",{value:e.element_id,key:t},_l(e.label)," | ",e.element_id))),d().createElement(dl,null,d().createElement(ml,{cols:"6"},d().createElement(xl,kl({key:"visibility-condition-"+ir()},this.props,{elementId:e+"-condrule",settings:this.props.rule,property:"rule",updateProperty:this.updateRule,label:Nr("Condition (required)"),options:this.disableSearch()}),d().createElement("option",{value:""},Nr("Select rule")),"signature"===t.field_type&&!s&&d().createElement(er.Fragment,null,d().createElement("option",{value:"is"},Nr("Is null")),d().createElement("option",{value:"is_not"},Nr("Is not null"))),"signature"!==t.field_type&&d().createElement(er.Fragment,null,d().createElement("option",{value:"is"},Nr("Is")),d().createElement("option",{value:"is_not"},Nr("Is not"))),(t.isNumber||"rating"===t.field_type)&&!s&&d().createElement(er.Fragment,null,d().createElement("option",{value:"is_great"},Nr("Is greater than")),d().createElement("option",{value:"is_less"},Nr("Is less than"))),!t.isNumber&&!t.hasOptions&&!s&&"signature"!==t.field_type&&"rating"!==t.field_type&&d().createElement(er.Fragment,null,d().createElement("option",{value:"contains"},Nr("Contains")),d().createElement("option",{value:"does_not_contain"},Nr("Does not contain")),d().createElement("option",{value:"starts"},Nr("Starts with")),d().createElement("option",{value:"ends"},Nr("Ends with"))),"date"===t.field_type&&("date-day"===t.field_slug||"date"===t.field_slug)&&!s&&d().createElement(er.Fragment,null,d().createElement("option",{value:"day_is"},Nr("Day is")),d().createElement("option",{value:"day_is_not"},Nr("Day is not"))),"date"===t.field_type&&("date-month"===t.field_slug||"date"===t.field_slug)&&!s&&d().createElement(er.Fragment,null,d().createElement("option",{value:"month_is"},Nr("Month is")),d().createElement("option",{value:"month_is_not"},Nr("Month is not"))),"date"===t.field_type&&"date"===t.field_slug&&!s&&d().createElement(er.Fragment,null,d().createElement("option",{value:"is_before"},Nr("Is before")),d().createElement("option",{value:"is_after"},Nr("Is after")),d().createElement("option",{value:"is_before_n_or_more_days"},Nr("Is before n or more days")),d().createElement("option",{value:"is_before_less_than_n_days"},Nr("Is before less than n days")),d().createElement("option",{value:"is_after_n_or_more_days"},Nr("Is after n or more days")),d().createElement("option",{value:"is_after_less_than_n_days"},Nr("Is after less than n days"))))),d().createElement(ml,{cols:"6"},d().createElement(er.Fragment,null,t.hasOptions&&d().createElement(er.Fragment,null,d().createElement("label",{className:"sui-label"}," "),d().createElement("select",{className:"fui-select",value:this.props.rule.value,onChange:this.updateValue.bind(this)},d().createElement("option",{value:""},Nr("Select option")),_.map(t.values,(e,t)=>d().createElement("option",{value:e.value,key:t},_l(e.label))))),!t.hasOptions&&s&&d().createElement(fl,kl({},this.props,{settings:this.props.rule,inputId:e+"-value",property:"value",updateProperty:this.updateInputValue,label:Nr("Status"),disabled:!0})),!t.hasOptions&&"signature"!==t.field_type&&!s&&(!["day_is","day_is_not","month_is","month_is_not","is_before","is_after","is_before_n_or_more_days","is_before_less_than_n_days","is_after_n_or_more_days","is_after_less_than_n_days"].includes(this.props.rule.rule)||"date"!==t.field_type)&&d().createElement(fl,kl({},this.props,{settings:this.props.rule,inputId:e+"-value",property:"value",updateProperty:this.updateInputValue,label:Nr("Value")})),!t.hasOptions&&"date"===t.field_type&&("month_is"===this.props.rule.rule||"month_is_not"===this.props.rule.rule)&&d().createElement(er.Fragment,null,d().createElement("label",{className:"sui-label"}," "),d().createElement("select",{className:"fui-select",value:this.props.rule.value,onChange:this.updateValue.bind(this)},d().createElement("option",{value:""},Nr("Select month")),_.map(["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],e=>d().createElement("option",{value:e,key:e},e)))),!t.hasOptions&&"date"===t.field_type&&("day_is"===this.props.rule.rule||"day_is_not"===this.props.rule.rule)&&d().createElement(er.Fragment,null,d().createElement("label",{className:"sui-label"}," "),d().createElement("select",{className:"fui-select",value:this.props.rule.value,onChange:this.updateValue.bind(this)},d().createElement("option",{value:""},Nr("Select day")),_.map(["Su","Mo","Tu","We","Th","Fr","Sa"],e=>d().createElement("option",{value:e,key:e},e)))),!t.hasOptions&&"date"===t.field_type&&("is_before"===this.props.rule.rule||"is_after"===this.props.rule.rule)&&d().createElement(er.Fragment,null,d().createElement("label",{className:"sui-label"},Nr("Select date")),d().createElement(Cl,kl({},this.props,{settings:this.props.rule,property:"value",hasWordFormat:!0,id:e+"-value",placeholder:Nr("20 April 2018"),updateProperty:this.updateInputValue}))),!t.hasOptions&&"date"===t.field_type&&("is_before_n_or_more_days"===this.props.rule.rule||"is_before_less_than_n_days"===this.props.rule.rule||"is_after_n_or_more_days"===this.props.rule.rule||"is_after_less_than_n_days"===this.props.rule.rule)&&d().createElement(fl,kl({},this.props,{settings:this.props.rule,inputId:e+"-value",property:"value",updateProperty:this.updateInputValue,label:Nr("Number of days"),placeholder:Nr("E.g. 10"),type:"number",minValue:"0"}))))),d().createElement("div",{className:"fui-visibility-rule-footer"},d().createElement("button",{className:"sui-button sui-button-red sui-button-ghost",onClick:this.removeRule.bind(this)},d().createElement("i",{className:"sui-icon-trash","aria-hidden":"true"}),Nr("Delete")),d().createElement("button",{className:"sui-button sui-button-ghost",onClick:()=>this.toggleState()},Nr("Done")))))}}function Pl(){return Pl=Object.assign?Object.assign.bind():function(e){for(var t=1;t{e.props.timeType(jQuery(t.currentTarget).data("val"))})}componentWillUnmount(){this.$radioContainer.off("click",this.updateValue).removeData()}updateValue(e){if("function"==typeof this.props.updateProperty){if(this.props.updateProperty(this.props.property,e),"true"===this.props.clearOptions&&"single"===e){const e=[];_.each(this.props.state.options,t=>{t.default=!1,e.push(t)}),this.props.updateProperty("options",e)}}else this.props.actions.settingsActions.updateSetting(this.props.property,e)}render(){const e=_.isUndefined(this.props.settings[this.props.property])?this.props.defaultValue:this.props.settings[this.props.property],t=d().Children.map(this.props.children,t=>d().createElement("button",Pl({id:"tab-option-"+t.props.value,role:"tab",className:"forminator-toggle sui-tab-item "+(t.props.value===e?"active":""),"aria-selected":t.props.value===e?"true":"false"},t.props.value!==e&&{tabIndex:"-1"},{"data-val":t.props.value,onClick:this.updateValue.bind(this,t.props.value)}),t.props.children));let s="";this.props.label&&""!==this.props.label&&(s=d().createElement("label",{htmlFor:`forminator-field-${this.props.property}`,className:"sui-label"},this.props.label,this.props.note&&d().createElement("span",{className:"sui-label-note"},this.props.note)));let r="";this.props.description&&""!==this.props.description&&(r=d().createElement("span",{className:"sui-description"},this.props.description));let a="";!this.props.label&&this.props.settingsLabel&&(a=d().createElement("label",{className:"sui-settings-label"},this.props.settingsLabel));let i="";!this.props.label&&this.props.settingsDesc&&(i=d().createElement("span",{className:"sui-description",style:{marginBottom:"10px"}},this.props.settingsDesc));const n=d().createElement("div",{className:`sui-side-tabs ${this.props.property}`,style:this.props.description&&{marginBottom:"5px"},ref:e=>this.radioContainer=e},d().createElement("div",{className:"sui-tabs-menu",role:"tablist"},t));let o=d().createElement(er.Fragment,null,s,n);return this.props.noWrapper||(o=d().createElement("div",{className:"sui-form-field"},s,a,i,n,r)),o}}function Dl(){return Dl=Object.assign?Object.assign.bind():function(e){for(var t=1;te.element_id!==this.props.state.element_id),_.includes(["address","date","time","slider","name"],this.props.state.type)&&(this.fields=_.filter(this.fields,e=>!e.element_id.startsWith(this.props.state.element_id+"-"))),this.validateConditions()}updateState(e){this.props.isPayment?this.props.updatePayment(this.props.counter,"conditions",e):this.props.updateProperty("conditions",e)}getPropState(){const e=[];return _.each(this.props.state.conditions,t=>{const s=Object.assign({},t);e.push(s)}),e}updateField(e,t){const s=this.getPropState();s[e].element_id=t,s[e].rule="is",s[e].value="",this.updateState(s)}updateRule(e,t){const s=this.getPropState();s[e].rule=t,this.updateState(s)}updateValue(e,t){const s=this.getPropState();s[e].value=t,this.updateState(s)}updateInputValue(e,t){const s=this.getPropState();s[e].value=t,this.updateState(s)}removeRule(e){const t=this.getPropState();t.splice(e,1),this.updateState(t)}addRule(){const e=this.getPropState(),t=_.isUndefined(this.fields[0])?"":this.fields[0].element_id;e.push({element_id:t,rule:"is",value:""}),this.updateState(e)}validateConditions(){const e=_.map(this.props.state.conditions,"element_id"),t=_.map(this.fields,"element_id"),s=_.difference(e,t);_.isUndefined(s)||this.removeCondition(s)}removeCondition(e){const t=this.getPropState(),s=_.filter(t,function(t){return!_.includes(e,t.element_id)});this.updateState(s)}render(){let e=null,t=d().createElement("div",{className:"fui-visibility-options"},d().createElement("div",{className:"fui-visibility-option"},d().createElement(Ol,Dl({},this.props,{settings:this.props.state,property:"condition_action",defaultValue:"show",noWrapper:!0}),d().createElement("span",{value:"show"},Nr("Show")),d().createElement("span",{value:"hide"},Nr("Hide"))),d().createElement("span",{className:"sui-description"},this.isPageBreak?Nr("this page when"):Nr("this field if"))),!this.isPageBreak&&d().createElement("div",{className:"fui-visibility-option"},d().createElement(Ol,Dl({},this.props,{settings:this.props.state,property:"condition_rule",defaultValue:"all",noWrapper:!0}),d().createElement("span",{value:"all"},Nr("All")),d().createElement("span",{value:"any"},Nr("Any"))),d().createElement("span",{className:"sui-description"},Nr("of the following rules match:"))));this.props.isPayment&&(t=d().createElement("div",{className:"fui-visibility-options"},d().createElement("div",{className:"fui-visibility-option"},d().createElement("span",{className:"sui-description"},Nr("Process this plan if"))),d().createElement("div",{className:"fui-visibility-option"},d().createElement(Ol,Dl({},this.props,{settings:this.props.state,property:"condition_rule",defaultValue:"all",noWrapper:!0}),d().createElement("span",{value:"all"},Nr("All")),d().createElement("span",{value:"any"},Nr("Any"))),d().createElement("span",{className:"sui-description"},Nr("of the following conditions match:")))));let s=!1;if(this.isPageBreak){if(s="last"===Jr(this.props.state.element_id,this.props.wrappers),s){t=null;e=!_.isUndefined(this.props.state.conditions)&&this.props.state.conditions.length>0?d().createElement("div",{role:"alert",className:"sui-notice sui-notice-yellow sui-active fui-visibility-notice",style:{display:"block"},"aria-live":"assertive"},d().createElement("div",{className:"sui-notice-content"},d().createElement("div",{className:"sui-notice-message"},d().createElement("span",{className:"sui-notice-icon sui-icon-info","aria-hidden":"true"}),d().createElement("p",null,Nr("Note: The conditions on this page will be ignored as the last page will always be visible."))))):d().createElement("div",{role:"alert",className:"sui-notice sui-active fui-visibility-notice",style:{display:"block"},"aria-live":"assertive"},d().createElement("div",{className:"sui-notice-content"},d().createElement("div",{className:"sui-notice-message"},d().createElement("span",{className:"sui-notice-icon sui-icon-info","aria-hidden":"true"}),d().createElement("p",null,Nr("You can't apply visibility rules to the last page. It will always be visible.")))))}}const r=!this.isPageBreak&&d().createElement("label",{className:"sui-label"},this.props.isPayment?Nr("Conditions"):Nr("Rules")),a=d().createElement("p",null,this.isPageBreak?Nr("Set a condition to display this page and its fields only when specific criteria are met—like selecting a checkbox or entering a certain value."):Nr("Set conditions to display this field only when specific criteria are met—like selecting a checkbox or entering a certain value.")," ",forminatorData.showDocLink&&Nr("{{link}}Learn more{{/link}}",{components:{link:d().createElement("a",{href:"https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#Forminator-Conditional-Logic",target:"_blank",rel:"noreferrer"})}}));let i="";i=this.isPageBreak?Nr("By default, this page is always visible.")+"
"+Nr("Add a rule to control when it should be hidden or shown."):this.props.isPayment?Nr("Add conditions for how this plan will be processed based on your form field data."):Nr("By default, this field is always visible.")+"
"+Nr("Add rules to control when it should appear based on user input.");const n=d().createElement("div",{className:"fui-visibility-group"},this.props.wrappers.length<2&&this.fields.length<2&&_.isEmpty(this.fields)&&d().createElement("div",{role:"alert",className:"sui-notice sui-notice-red sui-active fui-visibility-notice",style:{display:"block"},"aria-live":"assertive"},d().createElement("div",{className:"sui-notice-content"},d().createElement("div",{className:"sui-notice-message"},d().createElement("span",{className:"sui-notice-icon sui-icon-info","aria-hidden":"true"}),d().createElement("p",null,Nr("You need more than one field to configure visibility conditions. Add more fields!"))))),(this.props.wrappers.length>1||this.fields.length>=1)&&!_.isEmpty(this.fields)&&d().createElement("div",{className:"fui-visibility-header"},!this.props.isPayment&&d().createElement("div",Dl({className:"fui-visibility-header-message"},s&&{style:{marginBottom:0}}),a,e),t,r),d().createElement("div",{className:"fui-visibility"},d().createElement("div",{className:"fui-visibility-empty-message forminator-visibility-field-empty-message"},d().createElement("p",{dangerouslySetInnerHTML:{__html:i}}),(this.props.wrappers.length>1||this.fields.length>=1)&&!_.isEmpty(this.fields)&&!s&&d().createElement("button",{accessKey:"a",onClick:this.addRule},d().createElement("i",{className:"sui-icon-plus","aria-hidden":"true"}),this.props.isPayment?Nr("Add conditions"):Nr("Add Rule")))));return(_.isUndefined(this.props.state.conditions)||0===this.props.state.conditions.length)&&er.Fragment,!_.isUndefined(this.props.state.conditions)&&this.props.state.conditions.length>0&&!_.isEmpty(this.fields)?d().createElement("div",{className:"fui-visibility-group"},(this.props.wrappers.length>1||this.fields.length>0)&&d().createElement("div",{className:"fui-visibility-header"},!this.props.isPayment&&d().createElement("div",Dl({className:"fui-visibility-header-message has-conditions"},s&&{style:{marginBottom:0}}),a,e),t,r),d().createElement("div",{className:"fui-visibility"},d().createElement("div",{className:"fui-visibility-rules"},_.map(this.props.state.conditions,(e,t)=>d().createElement(Sl,Dl({},this.props,{rule:e,key:t,counter:t,removeRule:this.removeRule,updateField:this.updateField,updateRule:this.updateRule,updateValue:this.updateValue,updateInputValue:this.updateInputValue,fields:this.fields}))))),!this.isPageBreak&&d().createElement("button",{className:"sui-button sui-button-blue",accessKey:"a",onClick:this.addRule},d().createElement("i",{className:"sui-icon-plus","aria-hidden":"true"}),this.props.isPayment?Nr("Add conditions"):Nr("Add Rule"))):d().createElement(er.Fragment,null,n)}}const Al=["formType","updateProperty","noWrapper","fieldClass","staticContext","formDesign","fieldSize","onChange"];function Tl(){return Tl=Object.assign?Object.assign.bind():function(e){for(var t=1;tthis.el=e,value:e,multiple:a},f),this.props.children);let g=d().createElement("select",{id:`forminator-field-${s}`,className:"sui-select",ref:e=>this.el=e,defaultValue:e,multiple:a},this.props.children);return"md"===this.props.fieldsize||"medium"===this.props.fieldsize?g=d().createElement("div",{className:"sui-form-field sui-input-md"},b):"sm"===this.props.fieldsize||"small"===this.props.fieldsize?g=d().createElement("div",{className:"sui-form-field sui-input-sm"},b):_.isUndefined(this.props.fieldsize)||""===this.props.fieldsize||(g=d().createElement("div",{style:{width:"100%",maxWidth:this.props.fieldsize+"px"}},b)),this.props.noWrapper?b:d().createElement("div",{className:t},r,g,this.props.description&&d().createElement("span",{className:"sui-description",style:{marginTop:"10px"}},this.props.description))}}function Ml(){return Ml=Object.assign?Object.assign.bind():function(e){for(var t=1;t{this.props.updateProperty(e,t.target.value)}}),d().createElement("span",{className:"sui-description"},Nr("Add one or more class names, separated by spaces. These apply to the field container.")))),Kr(this.props)&&d().createElement("div",{className:"sui-box-settings-row"},d().createElement("div",{className:"sui-box-settings-col-1"},d().createElement("span",{className:"sui-settings-label"},Nr("Field Description Placement")),d().createElement("span",{className:"sui-description"},Nr("Select where the description of this field should appear."))),d().createElement("div",{className:"sui-box-settings-col-2"},d().createElement(Ul,this.props))))}}function $l(){return $l=Object.assign?Object.assign.bind():function(e){for(var t=1;te);let t="";this.props.label&&""!==this.props.label&&(t=d().createElement("span",{className:"sui-settings-label"+(!0===this.props.labelDark?" sui-dark":"")},this.props.label));let s="",r=10;_.isUndefined(this.props.descriptionSpacing)||""===this.props.descriptionSpacing||(r=this.props.descriptionSpacing),_.isUndefined(this.props.description)||""===this.props.description||(s=!1===this.props.sidebar?d().createElement("span",{className:"sui-description",style:{marginBottom:r+"px"}},this.props.description):d().createElement("span",{className:"sui-description"},this.props.description));let a="";(this.props.label&&""!==this.props.label||this.props.description&&""!==this.props.description)&&(a=d().createElement("div",{className:"sui-box-settings-col-1"},t,s));const i=this.props.lastChild?{marginBottom:0,borderBottom:"unset"}:{},n=_.isUndefined(this.props.id)?{}:{id:this.props.id};return d().createElement("div",$l({},n,{className:"sui-box-settings-row",style:i}),(_.isUndefined(this.props.sidebar)||!1!==this.props.sidebar)&&a,d().createElement("div",{className:"sui-box-settings-col-2"},!_.isUndefined(this.props.sidebar)&&!1===this.props.sidebar&&t,!_.isUndefined(this.props.sidebar)&&!1===this.props.sidebar&&s,e))}}function Il(){return Il=Object.assign?Object.assign.bind():function(e){for(var t=1;t{this.props.updateProperty(this.requiredValProp,e.target.value)}})),n&&d().createElement("div",{style:{marginTop:"30px"}},d().createElement("div",{className:"sui-form-field"},d().createElement("label",{htmlFor:"forminator-field-custom-option-error-msg",className:"sui-label"},Nr("‘Other’ Field validation message")),d().createElement("input",{type:"text",value:o,placeholder:Nr("Please, enter a custom value"),id:"forminator-field-custom-option-error-msg",className:"sui-form-control",onChange:e=>{this.props.updateProperty(this.requiredCustomValue,e.target.value)}}))),i&&d().createElement("div",{className:"sui-form-field",style:{marginBottom:0}},d().createElement("label",{htmlFor:"forminator-confirm-error-msg",className:"sui-label"},Nr("Confirm Password error message")),d().createElement("input",{type:"text",value:s,placeholder:Nr("Enter confirm password message"),id:"forminator-confirm-error-msg",className:"sui-form-control",onChange:e=>{this.props.updateProperty(this.requiredCValProp,e.target.value)}})),d().createElement("div",Il({role:"alert",className:"sui-notice sui-notice-warning "+(e&&"select"===r?" sui-active":""),"aria-live":"assertive"},e&&"select"===r&&{style:{display:"block"}}))))))}}class Bl extends er.Component{constructor(e){super(e);const t=_.isUndefined(this.props.prefix)?"":this.props.prefix+"_";this.validProp=t+"validation",this.validTextProp=t+"validation_message"}toggleValue(e){this.props.updateProperty(this.validProp,e)}render(){const e=!_.isUndefined(this.props.state[this.validProp])&&this.props.state[this.validProp],t=_.isUndefined(this.props.state[this.validTextProp])?"":this.props.state[this.validTextProp];return d().createElement("div",{className:"sui-box-settings-row"},d().createElement("div",{className:"sui-box-settings-col-2"},d().createElement("label",{className:"sui-settings-label sui-dark"},Nr("Validate")),d().createElement("span",{className:"sui-description"},Nr("Make sure the user has filled out this field correctly and warn them when they haven't.")),d().createElement("div",{className:"sui-side-tabs",style:{marginTop:"10px"}},d().createElement("div",{className:"sui-tabs-menu"},d().createElement("div",{className:"sui-tab-item"+(e?"":" active"),onClick:this.toggleValue.bind(this,!1)},Nr("None")),d().createElement("div",{className:"sui-tab-item"+(e?" active":""),onClick:this.toggleValue.bind(this,!0)},Nr("Validate Field"))),d().createElement("div",{className:"sui-tabs-content"},d().createElement("div",{className:"sui-tab-content sui-tab-boxed"+(e?" active":"")},d().createElement("div",{className:"sui-form-field"},d().createElement("label",{htmlFor:"forminator-field-validation-error-msg",className:"sui-label"},Nr("Validation message")),d().createElement("input",{type:"text",id:"forminator-field-validation-error-msg",className:"sui-form-control",placeholder:Nr("Enter validation message"),value:t,onChange:e=>{this.props.updateProperty(this.validTextProp,e.target.value)}})))))))}}function zl(){return zl=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const t=this.$textarea.val().length;this.$textarea.siblings(".forminator-character-limit").find(".forminator-character-count").text(t)}))}render(){const e=_.isUndefined(this.props.settings[this.props.property])?"":this.props.settings[this.props.property],t={minHeight:this.props.height?this.props.height:"auto"};let s="";return this.props.label&&(s=d().createElement("label",{htmlFor:`forminator-field-${this.props.property}`,className:"sui-label"},this.props.label,this.props.note&&d().createElement("span",{className:"sui-label-note"},this.props.note))),d().createElement("div",{className:"sui-form-field"},s,this.props.topDescription&&d().createElement("span",{className:"sui-description"},this.props.topDescription),d().createElement("textarea",Hl({id:`forminator-field-${this.props.property}`,className:"sui-form-control",style:t,placeholder:this.props.placeholder,defaultValue:e,onChange:e=>{this.updateValue(e.target.value)},ref:e=>this.textarea=e,onBlur:this.props.onBlur??null},this.props.characterLimit&&{maxlength:this.props.characterLimit})),this.props.characterLimit&&d().createElement("span",{className:"forminator-character-limit"},Nr("{{span}}0{{/span}} / {{limit/}} characters",{components:{span:d().createElement("span",{className:"forminator-character-count"}),limit:d().createElement(d().Fragment,null,this.props.characterLimit)}})),this.props.description&&d().createElement("span",{className:"sui-description"},this.props.description))}}function Ql(){return Ql=Object.assign?Object.assign.bind():function(e){for(var t=1;te.replace(/^ +| $/g,"").replace(/ /g,", ").replace(/([^ ][^,])\n/g,"$1, \n")).filter(e=>e).join(", "),e.target.value=s,this.props.updateProperty(t,s))}render(){const e=_.isUndefined(this.props.state.filter_type)||!["allow","deny"].includes(this.props.state.filter_type)?"none":this.props.state.filter_type,t=d().createElement("div",{className:"sui-form-field"},d().createElement(fl,Ql({},this.props,{settings:this.props.state,label:Nr("Error message"),property:"filter-error",placeholder:Nr("Enter error message"),defaultValue:Nr("This email is not allowed. Please use a different one.")}))),s=d().createElement(d().Fragment,null,Nr("Enter email addresses and domains to block, separated by commas. Use * for advanced filtering. E.g., user@example.com, @example.com, *.com, *no-reply*")," ",forminatorData.showDocLink&&Nr("{{link}}learn more{{/link}}",{components:{link:d().createElement("a",{href:"https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#filter-email-providers",target:"_blank"})}})),r=d().createElement(d().Fragment,null,Nr("Enter email addresses and domains to allow, separated by commas. Use * for advanced filtering. E.g., user@example.com, @example.com, *.com, admin@*, hr@*.com")," ",forminatorData.showDocLink&&Nr("{{link}}learn more{{/link}}",{components:{link:d().createElement("a",{href:"https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#filter-email-providers",target:"_blank"})}}));return d().createElement("div",{className:"sui-box-settings-row"},d().createElement("div",{className:"sui-box-settings-col-2"},d().createElement("label",{className:"sui-settings-label sui-dark"},Nr("Filter email providers")),d().createElement("span",{className:"sui-description"},Nr("Use this option to allow or prevent email providers or domains from submitting this form.")),d().createElement("div",{className:"sui-side-tabs",style:{marginTop:"10px"}},d().createElement("div",{className:"sui-tabs-menu"},d().createElement("div",{className:"sui-tab-item"+("none"===e?" active":""),onClick:this.toggleValue.bind(this,"none")},Nr("None")),d().createElement("div",{className:"sui-tab-item"+("deny"===e?" active":""),onClick:this.toggleValue.bind(this,"deny")},Nr("Deny-list")),d().createElement("div",{className:"sui-tab-item"+("allow"===e?" active":""),onClick:this.toggleValue.bind(this,"allow")},Nr("Allow-list"))),d().createElement("div",{className:"sui-tabs-content"},d().createElement("div",{className:"sui-tab-content sui-tab-boxed"+("deny"===e?" active":"")},d().createElement(ql,Ql({},this.props,{settings:this.props.state,placeholder:Nr("E.g., user@example.com"),property:"denylist",height:100,topDescription:s,onBlur:e=>{this.validateEmails(e,"denylist")}})),"deny"===e&&t),d().createElement("div",{className:"sui-tab-content sui-tab-boxed"+("allow"===e?" active":"")},d().createElement(ql,Ql({},this.props,{settings:this.props.state,placeholder:Nr("E.g., user@example.com"),property:"allowlist",height:100,topDescription:r,onBlur:e=>{this.validateEmails(e,"allowlist")}})),"allow"===e&&t)))))}}function Gl(){return Gl=Object.assign?Object.assign.bind():function(e){for(var t=1;t{if(!_.isUndefined(e)&&!_.isNull(e))return d().createElement("div",{className:"forminator-toggle sui-tab-item"+(e.props.value===this.state.active?" active":""),onClick:this.toggleValue.bind(this,e.props.value)},e.props.label," ",e.props.required&&d().createElement("span",{className:"sui-error"},"*"))}),s=d().Children.map(this.props.children,e=>{if(_.isUndefined(e)||_.isNull(e))return;const t=_.isUndefined(e.props.boxClass)?"sui-tab-content":e.props.boxClass;return d().createElement("div",{className:t+(e.props.value===this.state.active?" active":"")},e.props.value===this.state.active&&e)});return d().createElement("div",{className:`sui-${this.state.type} ${e}`,ref:e=>this.el=e},"tabs"===this.state.type&&d().createElement("div",{tabindex:"-1",class:"sui-tabs-navigation","aria-hidden":"true"},d().createElement("button",{type:"button",class:"sui-button-icon sui-tabs-navigation--left sui-tabs-navigation--hidden"},d().createElement("span",{class:"sui-icon-chevron-left"})),d().createElement("button",{type:"button",class:"sui-button-icon sui-tabs-navigation--right sui-tabs-navigation--hidden"},d().createElement("span",{class:"sui-icon-chevron-right"}))),d().createElement("div",{role:"tablist",className:"sui-tabs-menu"},t),d().createElement("div",{className:"sui-tabs-content"},s))}}function tp(){return tp=Object.assign?Object.assign.bind():function(e){for(var t=1;t!_.isUndefined(e));return!_.isEmpty(t)}render(){const{type:e}=this.props;Nr("Note: The query parameter's value passed in URL should match with the {{link}}alpha-2 country code{{/link}} of the country you want to pre-populate dynamically.",{components:{link:d().createElement("a",{href:"https://en.wikipedia.org/wiki/List_of_ISO_3166_country_codes",target:"_blank"})}});switch(e){case"labels":return d().createElement("div",{className:"sui-accordion sui-accordion-flushed",value:"multiple"},this.multiFields.map((e,t)=>"address_country"===e.slug?d().createElement(bl,tp({},this.props,{label:e.label,property:e.slug,settings:this.props.state,required:this.props.state[e.slug+"_required"],key:t}),d().createElement(er.Fragment,null,d().createElement(dl,null,d().createElement(ml,{cols:"6"},d().createElement(fl,tp({},this.props,{settings:this.props.state,label:Nr("Label"),placeholder:Nr("Enter label"),property:e.slug+"_label"}))),d().createElement(ml,{cols:"6"},d().createElement(xl,tp({},this.props,{settings:this.props.state,label:Nr("Default Value (optional)"),"data-placeholder":Nr("Enter placeholder"),property:e.slug+"_placeholder"}),d().createElement("option",null),_.map(forminatorData.countries,(e,t)=>d().createElement("option",{value:e,key:t},e))))),d().createElement(dl,null,d().createElement(ml,{cols:"12"},d().createElement(fl,tp({},this.props,{settings:this.props.state,label:Nr("Description (optional)"),placeholder:Nr("Enter description"),property:e.slug+"_description"})))))):"address_country"!==e.slug?d().createElement(bl,tp({},this.props,{label:e.label,property:e.slug,settings:this.props.state,required:this.props.state[e.slug+"_required"],key:t}),d().createElement(er.Fragment,null,d().createElement(dl,null,d().createElement(ml,{cols:"6"},d().createElement(fl,tp({},this.props,{settings:this.props.state,label:Nr("Label"),placeholder:Nr("Enter label"),property:e.slug+"_label"}))),d().createElement(ml,{cols:"6"},d().createElement(fl,tp({},this.props,{settings:this.props.state,label:Nr("Placeholder (optional)"),placeholder:Nr("Enter placeholder"),property:e.slug+"_placeholder"})))),d().createElement(dl,null,d().createElement(ml,{cols:"12"},d().createElement(fl,tp({},this.props,{settings:this.props.state,label:Nr("Description (optional)"),placeholder:Nr("Enter description"),property:e.slug+"_description"})))))):void 0));case"settings":let e;const t=this.multiFields.map((t,s)=>{if(!_.isUndefined(this.props.state[t.slug])&&this.props.state[t.slug])return _.isEmpty(e)&&(e=t.slug),d().createElement(ml,{cols:"12",label:_l(t.label),settings:this.props.state,value:t.slug,required:this.props.state[t.slug+"_required"],boxClass:"sui-tab-boxed",key:s},d().createElement(Ll,tp({},this.props,{prefix:t.slug})),d().createElement(Kl,tp({},this.props,{prefix:t.slug})),d().createElement(Zl,tp({},this.props,{prefix:t.slug})))});return this.hasChildrens(t)?d().createElement(ep,{default:e},t):d().createElement("div",{role:"alert",className:"sui-notice sui-notice-red sui-active",style:{display:"none"},"aria-live":"assertive"},d().createElement("div",{className:"sui-notice-content"},d().createElement("div",{className:"sui-notice-message"},d().createElement("span",{className:"sui-notice-icon sui-icon-info","aria-hidden":"true"}),d().createElement("p",null,Nr("At least one field must be enabled")))));case"geolocation":return d().createElement(Xl,tp({},this.props,{text:forminatorData.isPro?Nr("The Autocomplete feature simplifies entering addresses by offering real-time suggestions as you type. This feature requires the Forminator Geolocation Add-on."):Nr("Collect your form submitters' location information, and provide address auto-completion using Google Maps API."),addonUrl:"https://wpmudev.com/project/forminator-pro/?utm_source=forminator&utm_medium=plugin&utm_campaign=forminator_form-builder_geolocation-addon",addonImg:"https://wpmudev.com/wp-content/uploads/2023/08/Geolocation-logo.png"}));case"visibility":return d().createElement(Fl,this.props);case"styling":return d().createElement(Vl,this.props);default:return d().createElement("div",null)}}}function rp(){return rp=Object.assign?Object.assign.bind():function(e){for(var t=1;t{if(!t)return d().createElement(er.Fragment,null);const s=_.isUndefined(t.props.label)?t.props.children:t.props.label,r=_.isUndefined(this.props.tooltip)?"":this.props.tooltip,a=_.isUndefined(t.props.id)?{}:{id:t.props.id+"-tab"};return this.props.disabled?r?d().createElement("div",{className:"sui-tooltip sui-tooltip-constrained sui-tooltip-top-left","data-tooltip":r,style:{"--tooltip-width":"min(350px, 60vw)"}},d().createElement("div",rp({},a,{className:"sui-tab-item"+(t.props.value===e?" active":""),style:{opacity:.5,cursor:"not-allowed"}}),s)):d().createElement("div",rp({},a,{className:"sui-tab-item"+(t.props.value===e?" active":""),style:{opacity:.5,cursor:"not-allowed"}}),s):this.props.disabled?void 0:d().createElement("div",rp({},a,{className:"sui-tab-item"+(t.props.value===e?" active":"")+(r?" sui-tooltip":""),onClick:this.toggleValue.bind(this,t.props.value),"data-tooltip":r}),s)}),s=_.isUndefined(this.props.divClass)?"sui-tabs-content":"sui-tabs-content "+this.props.divClass,r=d().Children.map(this.props.children,t=>{if(!t)return d().createElement(er.Fragment,null);const s=_.isUndefined(t.props.boxClass)?"":t.props.boxClass,r=_.isUndefined(t.props.id)?{}:{id:t.props.id+"-content"};if("Empty"!==t.type.name){let a="";return t.props.hasImage&&(t.props.image1x&&t.props.image2x&&(a=d().createElement("img",{src:`${forminatorData.imagesUrl}/${t.props.image1x}`,srcSet:`${forminatorData.imagesUrl}/${t.props.image1x} 1x,\n\t\t\t\t\t\t\t${forminatorData.imagesUrl}/${t.props.image2x} 2x`,"aria-hidden":"true"})),t.props.image1x&&!t.props.image2x&&(a=d().createElement("img",{src:`${forminatorData.imagesUrl}/${t.props.image1x}`,"aria-hidden":"true"})),t.props.image2x&&!t.props.image1x&&(a=d().createElement("img",{src:`${forminatorData.imagesUrl}/${t.props.image2x}`,srcSet:`${forminatorData.imagesUrl}/${t.props.image2x} 2x`}))),d().createElement("div",rp({},r,{className:s+" sui-tab-content"+(t.props.value===e?" active":"")}),a,t.props.value===e&&t)}return d().createElement(er.Fragment,null)});let a="";this.props.label&&""!==this.props.label&&(a=d().createElement("label",{htmlFor:`forminator-field-${this.props.property}`,className:"sui-label"},this.props.label,this.props.note&&d().createElement("span",{className:"sui-label-note"}," ",this.props.note)));let i="";if(this.props.settingsLabel&&""!==this.props.settingsLabel){const e=this.props.labelClass?this.props.labelClass:"sui-settings-label";i=d().createElement("label",{className:e},this.props.settingsLabel,this.props.tooltipDescription&&d().createElement("span",rp({class:"fui-tooltip-description sui-tooltip sui-tooltip-constrained"},this.props.tooltipWidth&&{style:{"--tooltip-width":this.props.tooltipWidth}},{"data-tooltip":this.props.tooltipDescription,"aria-hidden":"true"}),d().createElement("i",{className:"sui-icon-info","aria-hidden":"true"})))}let n="";this.props.description&&""!==this.props.description&&(n=d().createElement("span",{className:"sui-description",style:{marginBottom:10}},this.props.description));let o=_.isUndefined(this.props.wrapperClass)?"":this.props.wrapperClass;o=this.props.basicTabs?`sui-tabs sui-tabs-overflow ${o}`:`sui-side-tabs ${o}`;let l=d().createElement("div",{className:o},d().createElement("div",{className:"sui-tabs-menu"},t),d().createElement("div",{className:s},r));return this.props.simple||(l=d().createElement("div",{className:"sui-form-field"},i,a,n,d().createElement("div",{className:o},d().createElement("div",{className:"sui-tabs-menu"},t),d().createElement("div",{className:s},r)))),l}}class ip extends er.Component{constructor(e){super(e)}updateValue(e){"function"==typeof this.props.updateProperty?this.props.updateProperty(this.props.property,e):this.props.actions.settingsActions.updateSetting(this.props.property,e)}render(){const e=_.isUndefined(this.props.radioClass)?"sui-radio":"sui-radio "+this.props.radioClass,t=_.isUndefined(this.props.settings[this.props.property])?this.props.defaultValue:this.props.settings[this.props.property],s=d().Children.map(this.props.children,s=>{let r="";const a=_.isUndefined(s.props.label)?s.props.children:s.props.label;return s.props.image1x&&s.props.image2x&&(r=d().createElement("img",{src:`${forminatorData.imagesUrl}/${s.props.image1x}`,srcSet:`${forminatorData.imagesUrl}/${s.props.image1x} 1x,\n\t\t\t\t\t\t\t${forminatorData.imagesUrl}/${s.props.image2x} 2x`,"aria-hidden":"true"})),s.props.image1x&&!s.props.image2x&&(r=d().createElement("img",{src:`${forminatorData.imagesUrl}/${s.props.image1x}`,"aria-hidden":"true"})),s.props.image2x&&!s.props.image1x&&(r=d().createElement("img",{src:`${forminatorData.imagesUrl}/${s.props.image2x}`,srcSet:`${forminatorData.imagesUrl}/${s.props.image2x} 2x`,"aria-hidden":"true"})),s.props.hasImage?d().createElement("label",{htmlFor:`forminator-field-${s.props.value}`,className:"sui-radio-image"},r,d().createElement("span",{className:e},d().createElement("input",{type:"radio",name:`forminator-${this.props.property}`,value:s.props.value,id:`forminator-field-${s.props.value}`,checked:t===s.props.value,onChange:this.updateValue.bind(this,s.props.value)}),d().createElement("span",{"aria-hidden":"true"}),d().createElement("span",null,a))):s.props.hasImage?void 0:d().createElement("label",{htmlFor:`forminator-field-${s.props.value}`,className:e},d().createElement("input",{type:"radio",name:`forminator-${this.props.property}`,id:`forminator-field-${s.props.value}`,value:s.props.value,checked:t===s.props.value,onChange:this.updateValue.bind(this,s.props.value)}),d().createElement("span",{"aria-hidden":"true"}),d().createElement("span",null,a))}),r=d().Children.map(this.props.children,e=>"true"!==this.props.radioContent||_.isUndefined(e.props.children)?d().createElement(er.Fragment,null):d().createElement("div",{className:"sui-border-frame"+(e.props.value===t?"":" sui-hidden"),style:{marginLeft:"0"}},e.props.value===t&&e));let a="";this.props.label&&""!==this.props.label&&(a=d().createElement("label",{className:"sui-label"},this.props.label,this.props.note&&d().createElement("span",{className:"sui-label-note"},this.props.note)));let i="";this.props.description&&""!==this.props.description&&(i=d().createElement("span",{className:"sui-description",style:{marginBottom:"10px"}},this.props.description));let n="";this.props.settingsLabel&&""!==this.props.settingsLabel&&(n=d().createElement("label",{className:"sui-settings-label"},this.props.settingsLabel));let o="";return this.props.settingsDesc&&""!==this.props.settingsDesc&&(o=d().createElement("span",{className:"sui-description",style:{marginBottom:"10px"}},this.props.settingsDesc)),this.props.noWrapper?s:d().createElement(er.Fragment,null,d().createElement("div",{role:"radiogroup",className:"sui-form-field"},a,n,i,o,s,r))}}function np(){return""}class op extends er.Component{constructor(e){super(e)}render(){const e=d().Children.map(this.props.children,e=>e);return d().createElement("div",null,e)}}function lp(e,t){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,r)}return s}function pp(e){for(var t=1;t{this.initEditor()},50)}initEditor(){if(_.isUndefined(wp.editor)||"undefined"==typeof tinyMCE)return void setTimeout(()=>{this.initEditor()},50);let e={};_.isUndefined(this.props.allowButtonOnclick)||(e.extended_valid_elements="button[onclick|accesskey|class|dir{this.bindEvents()},50)}componentWillUnmount(){this.$el.off("change",this.updateEditor),wp.editor.remove(`forminator-field-${this.props.property+(_.isUndefined(this.props.extraId)?"":this.props.extraId)}`),this.$el.unbind().removeData()}updateEditor(){const e=this.editor.getContent();this.updateValue(e)}updateValue(e){let t={ADD_ATTR:["target"]};"variations"===this.props.property&&(t=pp(pp({},t),{ADD_TAGS:["iframe"]})),"function"==typeof this.props.updateProperty?this.props.updateProperty(this.props.property,Xs.sanitize(e,t)):this.props.actions.settingsActions.updateSetting(this.props.property,Xs.sanitize(e,t))}toggleOptions(){this.state.editorOptionsOpen?this.setState({editorOptionsOpen:!1}):this.setState({editorOptionsOpen:!0})}insertContent(e){if(this.editor.hidden){const t=jQuery(this.textEditor),s=t.prop("selectionStart"),r=t.prop("selectionEnd"),a=t.val();t.val(a.substring(0,s)+"{"+e+"}"+a.substring(r,a.length)),t.trigger("change")}else this.editor.insertContent("{"+e+"}");this.toggleOptions()}getDisabledFields(){let e=["captcha","product","hidden","page-break","postdata","total","upload","stripe","stripe-ocs","paypal","password"];return!_.isUndefined(this.props.enablePostData)&&this.props.enablePostData&&!_.isUndefined(this.props.enableUpload)&&this.props.enableUpload&&(e=["captcha","product","hidden","page-break","total","stripe","stripe-ocs","paypal","password"]),e}getFields(){const e=this.getDisabledFields(),t=!_.isUndefined(this.props.excludeSubFields)&&this.props.excludeSubFields;let s=this.props.wrappers;return _.isUndefined(this.props.enableParentForm)||_.isUndefined(forminatorData.parentFormFields)||(s=forminatorData.parentFormFields),Ar(s,e,void 0,void 0,t)}getFormData(){const e=this.getFields(),t=!!_.isUndefined(this.props.allowRepeater)||this.props.allowRepeater,s=_.map(e,(e,s)=>{if(e.required&&(t||!t&&_.isEmpty(e.parent_group)))return d().createElement("li",{className:"wpmudev-dropdown--option",key:s},d().createElement("a",{className:"wpmudev-insert-content",onClick:this.insertContent.bind(this,e.element_id)},_l(e.label)))}),r=_.isUndefined(this.props.settings.type)?"":this.props.settings.type,a=_.map(e,(e,s)=>{if(!e.required&&r!==e.field_type&&(t||!t&&_.isEmpty(e.parent_group)))return d().createElement("li",{className:"wpmudev-dropdown--option",key:s},d().createElement("a",{className:"wpmudev-insert-content",onClick:this.insertContent.bind(this,e.element_id)},_l(e.label)))});return d().createElement(er.Fragment,null,s&&s.some(function(e){return void 0!==e})&&d().createElement(er.Fragment,null,d().createElement("li",{className:"wpmudev-dropdown--option"},d().createElement("strong",null,Nr("Required Fields"))),d().createElement(er.Fragment,null,s)),a&&a.some(function(e){return void 0!==e})&&d().createElement(er.Fragment,null,d().createElement("li",{className:"wpmudev-dropdown--option"},d().createElement("strong",null,Nr("Optional Fields"))),d().createElement(er.Fragment,null,a)))}getMiscData(){const e=_.isEmpty(this.props.editorOptions)?[]:this.props.editorOptions;return d().createElement(er.Fragment,null,d().createElement("li",{className:"wpmudev-dropdown--option"},d().createElement("strong",null,Nr("Misc Data"))),_.map(e,(e,t)=>d().createElement("li",{className:"wpmudev-dropdown--option",key:t},d().createElement("a",{className:"wpmudev-insert-content",onClick:this.insertContent.bind(this,t)},e))))}hasSubscriptionPlans(e){let t=!1;return e.map(e=>{_.isUndefined(e.payments)||e.payments.map(e=>{_.isUndefined(e.payment_method)||"subscription"!==e.payment_method||(t=!0)})}),t}getPaymentData(){let e=this.props.wrappers;_.isUndefined(this.props.enableParentForm)||_.isUndefined(forminatorData.parentFormFields)||(e=forminatorData.parentFormFields);const t=gr("paypal",e),s=gr("stripe",e),r=_.isEmpty(this.props.paymentOptions)?[]:this.props.paymentOptions,a=_.isEmpty(this.props.stripeSubscriptionOptions)?[]:this.props.stripeSubscriptionOptions;if(!_.isEmpty(t)||!_.isEmpty(s))return d().createElement(er.Fragment,null,this.props.paymentOptions&&d().createElement("li",{className:"wpmudev-dropdown--option"},d().createElement("strong",null,Nr("Payment Data"))),_.map(r,(e,t)=>d().createElement("li",{className:"wpmudev-dropdown--option",key:t},d().createElement("a",{className:"wpmudev-insert-content",onClick:this.insertContent.bind(this,t)},e))),!_.isEmpty(s)&&this.hasSubscriptionPlans(s)&&_.map(a,(e,t)=>d().createElement("li",{className:"wpmudev-dropdown--option",key:t},d().createElement("a",{className:"wpmudev-insert-content",onClick:this.insertContent.bind(this,t)},e))))}getEditorOptions(){if(this.props.hideEditorOptions)return"";const e=this.props.disableMiscData?"":this.getMiscData(),t=this.props.enableFormData?this.getPaymentData():"",s=this.props.enableFormData?this.getFormData():"",r=this.props.mainOptions?this.props.mainOptions:{form_name:Nr("Form Name")};return d().createElement("ul",{className:this.state.editorOptionsOpen?"sui-active":""},this.props.enableAllFormFields&&d().createElement("li",{className:"wpmudev-dropdown--option"},d().createElement("a",{className:"wpmudev-insert-content",onClick:this.insertContent.bind(this,"all_fields")},Nr("All Form Fields"))),this.props.enableAllNonFormFields&&d().createElement("li",{className:"wpmudev-dropdown--option"},d().createElement("a",{className:"wpmudev-insert-content",onClick:this.insertContent.bind(this,"all_non_empty_fields")},Nr("All Non Empty Fields"))),s,d().createElement(er.Fragment,null,this.props.mainOptionsLabel&&d().createElement("li",{className:"wpmudev-dropdown--option"},d().createElement("strong",null,this.props.mainOptionsLabel)),_.map(r,(e,t)=>d().createElement("li",{className:"wpmudev-dropdown--option",key:t},d().createElement("a",{className:"wpmudev-insert-content",onClick:this.insertContent.bind(this,t)},e)))),e,t)}isValid(e){return this.props.isRequired?this.props.isRequired&&!_.isEmpty(e):!!_.isUndefined(this.props.isPositive)||(_.isEmpty(e)||e>=0)}render(){const e=this.props.settings[this.props.property]||this.props.defaultValue||"",t=this.getEditorOptions(),s=_.isUndefined(this.props.requiredError)?Nr("This field is required!"):this.props.requiredError,r=this.isValid(e)?"":"sui-form-field-error";let a;_.isEmpty(t)||(a=d().createElement("div",{className:"sui-editor-options"},d().createElement("button",{className:this.state.editorOptionsOpen?"sui-tooltip sui-active":"sui-tooltip","data-tooltip":_.isUndefined(this.props.tooltipLabel)?Nr("Insert form fields"):this.props.tooltipLabel,onClick:this.toggleOptions},d().createElement("i",{className:"sui-icon-plus sui-sm","aria-hidden":"true"}),_.isUndefined(this.props.selectLabel)?Nr("Insert form fields"):this.props.selectLabel),t));let i="";this.props.label?i=d().createElement("label",{htmlFor:`forminator-field-${this.props.property+(_.isUndefined(this.props.extraId)?"":this.props.extraId)}`,className:"sui-label"},this.props.label," ",this.props.isRequired&&d().createElement("span",{className:"sui-error"}," *"),this.props.note&&d().createElement("span",{className:"sui-label-note"},this.props.note)):this.props.ariaLabel&&(i=d().createElement("label",{htmlFor:`forminator-field-${this.props.property+(_.isUndefined(this.props.extraId)?"":this.props.extraId)}`,className:"sui-screen-reader-text"},this.props.ariaLabel));const n=`forminator-field-${this.props.property+(_.isUndefined(this.props.extraId)?"":this.props.extraId)}-description`;return d().createElement("div",{className:`sui-form-field ${r}`},i,this.props.descriptionTop&&d().createElement("span",{id:n,className:"sui-description",style:{marginBottom:"20px"}},this.props.descriptionTop),d().createElement("div",{className:"sui-editor"+(_.isEmpty(t)?"":" sui-editor-with-options")},a,d().createElement("textarea",{id:`forminator-field-${this.props.property+(_.isUndefined(this.props.extraId)?"":this.props.extraId)}`,placeholder:this.props.placeholder,defaultValue:e,onChange:e=>{this.updateValue(e.target.value)},ref:e=>this.textEditor=e})),this.props.isRequired&&!this.isValid(e)&&d().createElement("span",{className:"sui-error-message"},s),this.props.description&&d().createElement("span",{id:n,className:"sui-description"},this.props.description))}}function dp(){return dp=Object.assign?Object.assign.bind():function(e){for(var t=1;td().createElement("option",{value:t,key:t},e)))),"recaptcha"===t&&"v3_recaptcha"===this.props.state.captcha_type&&forminatorData.hasV3Captcha&&d().createElement(Rl,{label:Nr("Theme"),labelDark:!0,description:Nr("Select the theme for the captcha."),sidebar:!1},d().createElement(jl,dp({},this.props,{settings:this.props.state,label:Nr("Theme"),property:"captcha_theme",fieldClass:"sui-input-md"}),d().createElement("option",{value:"light"},Nr("Light")),d().createElement("option",{value:"dark"},Nr("Dark")))),"recaptcha"===t&&("v2_invisible"===this.props.state.captcha_type&&forminatorData.hasV2InvisibleCaptcha||"v3_recaptcha"===this.props.state.captcha_type&&forminatorData.hasV3Captcha)&&d().createElement(Rl,{label:Nr("Badge Position"),labelDark:!0,description:Nr("Select where the reCAPTCHA badge will be displayed on your page."),sidebar:!1},d().createElement(ip,dp({},this.props,{settings:this.props.state,property:"captcha_badge",defaultValue:"inline",radioClass:"sui-radio-sm"}),d().createElement(np,{value:"bottomright",hasImage:!0,image1x:"recaptcha-bottomright.png",image2x:"recaptcha-bottomright@2x.png",label:Nr("Bottom Right")}),d().createElement(np,{value:"bottomleft",hasImage:!0,image1x:"recaptcha-bottomleft.png",image2x:"recaptcha-bottomleft@2x.png",label:Nr("Bottom Left")}),d().createElement(np,{value:"inline",hasImage:!0,image1x:"recaptcha-inline.png",image2x:"recaptcha-inline@2x.png",label:Nr("Inline in Form")}))),d().createElement(Rl,{label:Nr("Error Message"),labelDark:!0,sidebar:!1},"recaptcha"===t&&d().createElement(er.Fragment,null,d().createElement("span",{className:"sui-description",style:{marginBottom:"10px"}},Nr("Choose the error message you want to display on your form when reCAPTCHA verification fails.")),d().createElement(fl,dp({},this.props,{type:"text",property:"recaptcha_error_message",settings:this.props.state,ariaLabel:Nr("reCAPTCHA error message")}))),"hcaptcha"===t&&d().createElement(er.Fragment,null,d().createElement("span",{className:"sui-description",style:{marginBottom:"10px"}},Nr("Choose the error message you want to display on your form when hCaptcha verification fails.")),d().createElement(fl,dp({},this.props,{type:"text",property:"hcaptcha_error_message",settings:this.props.state,defaultValue:s,ariaLabel:Nr("hCaptcha error message")}))),"turnstile"===t&&d().createElement(er.Fragment,null,d().createElement("span",{className:"sui-description",style:{marginBottom:"10px"}},Nr("Choose the error message you want to display on your form when Turnstile verification fails.")),d().createElement(fl,dp({},this.props,{type:"text",property:"turnstile_error_message",settings:this.props.state,defaultValue:r,ariaLabel:Nr("Cloudflare Turnstile error message")})))));case"styling":return d().createElement(Vl,this.props)}}}class hp extends er.Component{constructor(e){super(e),this.state={open:e.expanded||!1},this.toggleState=this.toggleState.bind(this)}toggleState(){this.setState({open:!this.state.open})}render(){const{label:e}=this.props,{open:t}=this.state;let s="";t&&(s="sui-accordion-item--open");const r=!(!_.isUndefined(this.props.boxedContent)&&""!==this.props.boxedContent)||this.props.boxedContent,a=!_.isUndefined(this.props.defaultContentRender)&&this.props.defaultContentRender,i=d().Children.map(this.props.children,e=>e);return d().createElement("div",{className:"sui-accordion-item "+s},d().createElement("span",{className:"sui-accordion-item-header",onClick:()=>this.toggleState()},d().createElement("div",{className:"sui-accordion-item-title"},d().createElement("span",null,e),d().createElement("button",{className:"sui-button-icon sui-accordion-open-indicator",onClick:()=>this.toggleState()},d().createElement("i",{className:"sui-icon-chevron-down","aria-hidden":"true"}),d().createElement("span",{className:"sui-screen-reader-text"},!1===this.state.open?"Open":"Close")))),d().createElement("div",{className:"sui-accordion-item-body"},!1===r?(a||t)&&i:d().createElement("div",{className:"sui-box"},d().createElement("div",{className:"sui-box-body"},(a||t)&&i),r)))}}class fp extends er.Component{constructor(e){super(e),this.updateValue=this.updateValue.bind(this)}updateValue(e){"function"==typeof this.props.updateProperty?this.props.updateProperty(this.props.property,e):this.props.actions.settingsActions.updateSetting(this.props.property,e)}render(){const e=_.isUndefined(this.props.settings[this.props.property])?this.props.defaultValue:this.props.settings[this.props.property],t=_.isUndefined(this.props.fieldId)?this.props.property:this.props.fieldId,s=!(_.isUndefined(this.props.disabled)||!this.props.disabled);let r="";return this.props.itemClass&&""!==this.props.itemClass&&(r=" "+this.props.itemClass),d().createElement("label",{htmlFor:`forminator-field-${t}`,className:`sui-checkbox${r}`},d().createElement("input",{type:"checkbox",id:`forminator-field-${t}`,value:"true",checked:e?"checked":"",disabled:s,onChange:e=>{this.updateValue(e.target.checked)}}),d().createElement("span",{"aria-hidden":"true"}),this.props.ariaLabel&&d().createElement("span",{className:"sui-screen-reader-text"},this.props.ariaLabel),this.props.label&&d().createElement("span",null,this.props.label,!_.isUndefined(this.props.tooltip)&&""!==this.props.tooltip&&d().createElement("span",{className:"sui-tooltip sui-tooltip-constrained",style:{marginLeft:10,verticalAlign:"middle","--tooltip-width":"165px"},"data-tooltip":this.props.tooltip},d().createElement("span",{className:"sui-icon-info","aria-hidden":"true",style:{pointerEvents:"none"}}))))}}class bp extends er.Component{constructor(e){super(e),this.updateValue=this.updateValue.bind(this)}componentDidMount(){const e=this,t=this.props.dateFormat?this.props.dateFormat:"mm-dd-yy",s=_.isUndefined(this.props.settings[this.props.property])?[]:this.props.settings[this.props.property];this.$el=jQuery(this.el),this.$elDate=jQuery(this.elDate);const r=Object.assign({allowClear:!0,dropdownCssClass:"sui-select-dropdown",placeholder:Nr("Click here to add a date…")},this.props.options);"function"==typeof this.$el.SUIselect2?this.$el.SUIselect2(r):"function"==typeof this.$el.FUIselect2?this.$el.FUIselect2(r):console.log("select2 not intiated"),this.$elDate.datepicker({beforeShow:(e,t)=>{jQuery("body").append(jQuery("#ui-datepicker-div")),jQuery("#ui-datepicker-div").addClass("sui-calendar"),"forminator-field-date"===this.$el.attr("id")&&("disable"===this.props.state.past_dates?this.$el.datepicker("option","minDate",this.$el.datepicker("getDate")):"enable"===this.props.state.past_dates&&this.$el.datepicker("option","minDate",null))},dateFormat:t,autoclose:!0,dayNamesMin:forminatorl10n.calendar.day_names_min,monthNames:forminatorl10n.calendar.month_names,onSelect:t=>{const s=_.isUndefined(this.props.settings[this.props.property])?[]:this.props.settings[this.props.property];s.push(t),e.updateValue(s),e.$el.html(""),_.each(s,function(t){e.$el.append(jQuery(''+t+""))}),e.$el.val(s).trigger("change")}}),this.$el.on("select2:opening",function(t){t.preventDefault(),(_.isUndefined(e.props.settings[e.props.property])?[]:e.props.settings[e.props.property]).length===t.currentTarget.selectedOptions.length&&e.$elDate.datepicker("show")}),this.$el.on("select2:unselect",function(t){t.preventDefault();let s=_.isUndefined(e.props.settings[e.props.property])?[]:e.props.settings[e.props.property];s=s.filter(e=>e!==t.params.data.id),e.updateValue(s)}),_.each(s,function(t){e.$el.append(jQuery(''+t+""))}),this.$el.val(s).trigger("change.select2")}updateValue(e){"function"==typeof this.props.updateProperty?this.props.updateProperty(this.props.property,e):this.props.actions.settingsActions.updateSetting(this.props.property,e)}componentWillUnmount(){this.$el.unbind().removeData(),this.$elDate.unbind().removeData()}render(){const e=_.isUndefined(this.props.settings[this.props.property])?[]:this.props.settings[this.props.property];let t="",s="";return this.props.label&&""!==this.props.label&&(t=this.props.hasSettingsLabel?d().createElement("label",{id:`forminator-field-${this.props.property}-label`,htmlFor:`forminator-field-${this.props.property}`,className:"sui-settings-label"+("dark"===this.props.hasSettingsLabel?" sui-dark":"")},this.props.label):d().createElement("label",{id:`forminator-field-${this.props.property}-label`,htmlFor:`forminator-field-${this.props.property}`,className:"sui-label"},this.props.label,this.props.note&&d().createElement("span",{className:"sui-label-note"},this.props.note))),this.props.description&&""!==this.props.description&&(s=d().createElement("p",{className:"sui-description",style:{marginBottom:10}},this.props.description)),d().createElement("div",{className:"sui-form-field"},t,s,d().createElement("div",{className:"fui-datepicker-tags"},d().createElement("select",{id:`forminator-field-${this.props.property}`,ref:e=>this.el=e,className:"sui-select sui-select-lg",defaultValue:e,multiple:"multiple"},this.props.children),d().createElement("input",{ref:e=>this.elDate=e,className:"sui-input","aria-labelledby":`forminator-field-${this.props.property}-label`})))}}class gp extends er.Component{constructor(e){super(e),this.updateValue=this.updateValue.bind(this)}componentDidMount(){const e=this,t=this.props.dateFormat?this.props.dateFormat:"MM/DD/YYYY",s=_.isUndefined(this.props.settings[this.props.property])?[]:this.props.settings[this.props.property];this.$el=jQuery(this.el),this.$elDate=jQuery(this.elDate);const r=Object.assign({allowClear:!0,dropdownCssClass:"sui-select-dropdown",placeholder:Nr("Click here to add a date range...")},this.props.options);"function"==typeof this.$el.SUIselect2?this.$el.SUIselect2(r):"function"==typeof this.$el.FUIselect2?this.$el.FUIselect2(r):console.log("select2 not intiated"),this.$elDate.daterangepicker({autoApply:!0,locale:{format:"MMMM DD, YYYY",separator:" - ",customRangeLabel:"Custom",daysOfWeek:["Su","Mo","Tu","We","Th","Fr","Sa"],monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"]},alwaysShowCalendars:!0,parentEl:".fui-daterange-calendar"}),this.$elDate.on("apply.daterangepicker",function(s,r){const a=_.isUndefined(e.props.settings[e.props.property])?[]:e.props.settings[e.props.property];a.push(r.startDate.format(t)+" - "+r.endDate.format(t)),e.updateValue(a),e.$el.html(""),_.each(a,function(t){e.$el.append(jQuery(''+t+""))}),e.$el.val(a).trigger("change")}),this.$el.on("select2:opening",function(t){t.preventDefault(),(_.isUndefined(e.props.settings[e.props.property])?[]:e.props.settings[e.props.property]).length===t.currentTarget.selectedOptions.length&&e.$elDate.trigger("click"),jQuery(".daterangepicker").css("zIndex","3001")}),this.$el.on("select2:unselect",function(t){t.preventDefault();let s=_.isUndefined(e.props.settings[e.props.property])?[]:e.props.settings[e.props.property];s=s.filter(e=>e!==t.params.data.id),setTimeout(function(){e.updateValue(s)},20)}),_.each(s,function(t){e.$el.append(jQuery(''+t+""))}),this.$el.val(s).trigger("change.select2")}updateValue(e){"function"==typeof this.props.updateProperty?this.props.updateProperty(this.props.property,e):this.props.actions.settingsActions.updateSetting(this.props.property,e)}componentWillUnmount(){this.$el.unbind().removeData(),this.$elDate.unbind().removeData()}render(){const e=_.isUndefined(this.props.settings[this.props.property])?[]:this.props.settings[this.props.property];let t="",s="";return this.props.label&&""!==this.props.label&&(t=this.props.hasSettingsLabel?d().createElement("label",{htmlFor:`forminator-field-${this.props.property}`,className:"sui-settings-label"+("dark"===this.props.hasSettingsLabel?" sui-dark":"")},this.props.label):d().createElement("label",{htmlFor:`forminator-field-${this.props.property}`,className:"sui-label"},this.props.label,this.props.note&&d().createElement("span",{className:"sui-label-note"},this.props.note))),this.props.description&&""!==this.props.description&&(s=d().createElement("p",{className:"sui-description",style:{marginBottom:10}},this.props.description)),d().createElement("div",{className:"sui-form-field"},t,s,d().createElement("div",{className:"fui-datepicker-tags"},d().createElement("select",{id:`forminator-field-${this.props.property}`,ref:e=>this.el=e,className:"sui-select sui-select-lg",defaultValue:e,multiple:"multiple"},this.props.children),d().createElement("div",{className:"fui-daterange-calendar"}),d().createElement("input",{id:`forminator-field-${this.props.property}`,style:{visibility:"hidden"},ref:e=>this.elDate=e,className:"sui-input",autoComplete:"off"})))}}function yp(){return yp=Object.assign?Object.assign.bind():function(e){for(var t=1;t{this.props.state.element_id!==t.element_id&&e.push({value:t.element_id,label:t.field_label})}),e}disableSearch(){return{minimumResultsForSearch:-1}}render(){let e=_.isUndefined(this.props.state["start-date"])?"":this.props.state["start-date"],t=_.isUndefined(this.props.state["end-date"])?"":this.props.state["end-date"];return!_.isEmpty(this.props.state.min_year)&&_.isUndefined(this.props.state["start-date"])&&(e="specific",this.props.state["start-date"]=e,this.props.state["start-specific-date"]="Jan 1 "+this.props.state.min_year),!_.isEmpty(this.props.state.max_year)&&_.isUndefined(this.props.state["end-date"])&&(t="specific",this.props.state["end-date"]=t,this.props.state["end-specific-date"]="Dec 31 "+this.props.state.max_year),d().createElement(er.Fragment,null,d().createElement(Rl,null,d().createElement("label",{className:"sui-settings-label sui-dark"},Nr("Start & End date")),d().createElement("span",{className:"sui-description"},Nr("Choose a start and end date limit for the calendar to restrict the date selection between a specific date range. Note that we will use the timezone set in your {{a}}WordPress Settings{{/a}}.",{components:{a:d().createElement("a",{href:forminatorData.adminUrl+"options-general.php",target:"_blank"})}})),d().createElement("div",{className:"fui-form-field--row"},d().createElement("div",{className:"fui-form-field--col",style:{maxWidth:240}},d().createElement(jl,yp({},this.props,{label:Nr("Start Date"),settings:this.props.state,property:"start-date",options:this.disableSearch()}),d().createElement("option",{value:""},Nr("No limit")),d().createElement("option",{value:"specific"},Nr("Specific date")),d().createElement("option",{value:"today"},Nr("Today")),this.getDateFields().length>0&&d().createElement("optgroup",{label:Nr("Date fields")},_.map(this.getDateFields(),(e,t)=>d().createElement("option",{value:e.value,key:t},_l(e.label)))))),"specific"===e&&d().createElement("div",{className:"fui-form-field--col"},d().createElement(Cl,yp({},this.props,{label:" ",settings:this.props.state,property:"start-specific-date",dateFormat:"mm/dd/yy",placeholder:Nr("Pick a date"),calendarIcon:"left"}))),""!==e&&"specific"!==e&&d().createElement("div",{className:"fui-form-field--col"},d().createElement("div",{className:"sui-form-field"},d().createElement("label",{className:"sui-label"},Nr("Offset (optional)")),d().createElement("div",{className:"sui-form-field-inline"},d().createElement(jl,yp({},this.props,{settings:this.props.state,property:"start-offset-operator",fieldClass:"sui-input-sm",defaultValue:"+",options:this.disableSearch()}),d().createElement("option",{value:"+"},Nr("+")),d().createElement("option",{value:"-"},Nr("-"))),d().createElement(fl,yp({},this.props,{settings:this.props.state,placeholder:Nr("0"),property:"start-offset-value",fieldClass:"sui-input-sm",defaultValue:"0"})),d().createElement(jl,yp({},this.props,{settings:this.props.state,property:"start-offset-duration",fieldClass:"fui-field-full",defaultValue:"days",options:this.disableSearch()}),d().createElement("option",{value:"days"},Nr("days")),d().createElement("option",{value:"weeks"},Nr("weeks")),d().createElement("option",{value:"months"},Nr("months")),d().createElement("option",{value:"years"},Nr("years"))))))),d().createElement("div",{className:"fui-form-field--row"},d().createElement("div",{className:"fui-form-field--col",style:{maxWidth:240}},d().createElement(jl,yp({},this.props,{label:Nr("End Date"),settings:this.props.state,property:"end-date",options:this.disableSearch()}),d().createElement("option",{value:""},Nr("No limit")),d().createElement("option",{value:"specific"},Nr("Specific date")),d().createElement("option",{value:"today"},Nr("Today")),this.getDateFields().length>0&&d().createElement("optgroup",{label:Nr("Date fields")},_.map(this.getDateFields(),(e,t)=>d().createElement("option",{value:e.value,key:t},_l(e.label)))))),"specific"===t&&d().createElement("div",{className:"fui-form-field--col"},d().createElement(Cl,yp({},this.props,{settings:this.props.state,property:"end-specific-date",dateFormat:"mm/dd/yy",placeholder:Nr("Pick a date"),calendarIcon:"left"}))),""!==t&&"specific"!==t&&d().createElement("div",{className:"fui-form-field--col"},d().createElement("div",{className:"sui-form-field"},d().createElement("label",{className:"sui-label"},Nr("Offset (optional)")),d().createElement("div",{className:"sui-form-field-inline"},d().createElement(jl,yp({},this.props,{settings:this.props.state,property:"end-offset-operator",fieldClass:"sui-input-sm",defaultValue:"+",options:this.disableSearch()}),d().createElement("option",{value:"+"},Nr("+")),d().createElement("option",{value:"-"},Nr("-"))),d().createElement(fl,yp({},this.props,{settings:this.props.state,placeholder:Nr("0"),property:"end-offset-value",fieldClass:"sui-input-sm",defaultValue:"0"})),d().createElement(jl,yp({},this.props,{settings:this.props.state,property:"end-offset-duration",fieldClass:"fui-field-full",defaultValue:"days",options:this.disableSearch()}),d().createElement("option",{value:"days"},Nr("days")),d().createElement("option",{value:"weeks"},Nr("weeks")),d().createElement("option",{value:"months"},Nr("months")),d().createElement("option",{value:"years"},Nr("years")))))))),d().createElement(Rl,null,d().createElement("label",{className:"sui-settings-label sui-dark"},Nr("Days of the week")),d().createElement("span",{className:"sui-description"},Nr("Choose which days of the week should be available on the calendar.")),d().createElement(ap,yp({},this.props,{property:"howto-restrict",settings:this.props.state,default:"all"}),d().createElement(np,{value:"all"},Nr("All days")),d().createElement(op,yp({},this.props,{settings:this.props.state,value:"week",label:Nr("Selected days"),boxClass:"sui-tab-boxed"}),d().createElement(dl,null,d().createElement(ml,{cols:"4"},d().createElement(fp,yp({},this.props,{settings:this.props.state,property:"sunday",label:Nr("Sunday"),itemClass:"sui-checkbox-stacked sui-checkbox-sm"})),d().createElement(fp,yp({},this.props,{settings:this.props.state,property:"wednesday",label:Nr("Wednesday"),itemClass:"sui-checkbox-stacked sui-checkbox-sm"})),d().createElement(fp,yp({},this.props,{settings:this.props.state,property:"saturday",label:Nr("Saturday"),itemClass:"sui-checkbox-stacked sui-checkbox-sm"}))),d().createElement(ml,{cols:"4"},d().createElement(fp,yp({},this.props,{settings:this.props.state,property:"monday",label:Nr("Monday"),itemClass:"sui-checkbox-stacked sui-checkbox-sm"})),d().createElement(fp,yp({},this.props,{settings:this.props.state,property:"thursday",label:Nr("Thursday"),itemClass:"sui-checkbox-stacked sui-checkbox-sm"}))),d().createElement(ml,{cols:"4"},d().createElement(fp,yp({},this.props,{settings:this.props.state,property:"tuesday",label:Nr("Tuesday"),itemClass:"sui-checkbox-stacked sui-checkbox-sm"})),d().createElement(fp,yp({},this.props,{settings:this.props.state,property:"friday",label:Nr("Friday"),itemClass:"sui-checkbox-stacked sui-checkbox-sm"}))))))),d().createElement(Rl,null,d().createElement(bp,yp({},this.props,{label:Nr("Disable dates"),hasSettingsLabel:"dark",description:Nr("Use this setting to disable specific dates on the calendar."),settings:this.props.state,property:"disabled-dates",dateFormat:"mm/dd/yy",placeholder:Nr("Pick a date")}))),d().createElement(Rl,null,d().createElement(gp,yp({},this.props,{label:Nr("Disable date ranges"),hasSettingsLabel:"dark",description:Nr("Use this setting to disable specific dates ranges on the calendar."),settings:this.props.state,property:"disable-date-range",dateFormat:"MM/DD/YYYY",placeholder:Nr("Pick a date")}))),d().createElement(Rl,null,d().createElement("label",{id:"forminator-settings-field-restrict_message-label",className:"sui-settings-label sui-dark"},Nr("Error Message")),d().createElement("span",{className:"sui-description"},Nr("Choose an error message to be used when visitor enters a date that is disabled.")),d().createElement(fl,yp({},this.props,{settings:this.props.state,property:"restrict_message",labelledBy:"forminator-settings-field-restrict_message-label"}))))}}function Ep(){return Ep=Object.assign?Object.assign.bind():function(e){for(var t=1;td().createElement("option",{value:t,key:t},e))))),"custom_value"===this.props.state.default_value&&d().createElement(dl,null,d().createElement(ml,{cols:"12"},d().createElement(fl,Sp({},this.props,{settings:this.props.state,label:Nr("Custom Value"),placeholder:Nr("Enter custom value"),property:"custom_value"})))),"query"===this.props.state.default_value&&d().createElement(dl,null,d().createElement(ml,{cols:"12"},d().createElement(fl,Sp({},this.props,{settings:this.props.state,label:Nr("Query parameter"),placeholder:Nr("E.g. query_parameter_key"),property:"prefill"})))));case"settings":case"visibility":default:return d().createElement("div",null);case"styling":return d().createElement(Vl,this.props)}}}function Op(){return Op=Object.assign?Object.assign.bind():function(e){for(var t=1;td().createElement("option",{value:e.element_id,key:t},_l(e.label+" {"+e.element_id+"}")))))),d().createElement(ap,Tp({},this.props,{property:"max_limit_type",settings:this.props.state,default:"custom",label:Nr("Maximum repeater limit"),wrapperClass:"forminator-float",description:Nr("Enter the maximum number of times this group field can be repeated, or select a variable from your form fields. If left empty, the maximum will be unlimited.")}),d().createElement(op,Tp({},this.props,{settings:this.props.state,value:"custom",label:Nr("Custom"),boxClass:""}),d().createElement(fl,Tp({},this.props,{settings:this.props.state,defaultValue:"",minValue:"1",property:"max_limit",placeholder:Nr("Enter maximum limit"),type:"number"}))),d().createElement(op,Tp({},this.props,{settings:this.props.state,value:"variable",label:Nr("Variable"),boxClass:""}),d().createElement(jl,Tp({},this.props,{settings:this.props.state,property:"max_limit_field",noWrapper:!0}),d().createElement("option",{value:""},Nr("Choose form field")),_.map(e,(e,t)=>d().createElement("option",{value:e.element_id,key:t},_l(e.label+" {"+e.element_id+"}")))))),d().createElement(ap,Tp({},this.props,{property:"action_element_type",settings:this.props.state,default:"button",label:Nr("Repeater Element Type"),description:Nr("Choose the element type and label text for your repeater actions.")}),d().createElement(op,Tp({},this.props,{settings:this.props.state,value:"button",label:Nr("Buttons"),boxClass:"sui-tab-boxed"}),d().createElement(dl,null,d().createElement(ml,{cols:"6"},d().createElement(fl,Tp({},this.props,{settings:this.props.state,label:Nr("Add Button Text (optional)"),placeholder:Nr("Add item"),defaultValue:Nr("Add item"),property:"add_action_text"}))),d().createElement(ml,{cols:"6"},d().createElement(fl,Tp({},this.props,{settings:this.props.state,label:Nr("Remove Button Text (optional)"),placeholder:Nr("Remove item"),defaultValue:Nr("Remove item"),property:"remove_action_text"}))))),d().createElement(np,Tp({},this.props,{settings:this.props.state,value:"icon",label:Nr("Icons")})),d().createElement(op,Tp({},this.props,{settings:this.props.state,value:"link",label:Nr("Text links"),boxClass:"sui-tab-boxed"}),d().createElement(dl,null,d().createElement(ml,{cols:"6"},d().createElement(fl,Tp({},this.props,{settings:this.props.state,label:Nr("Add Link Text (optional)"),placeholder:Nr("Add item"),defaultValue:Nr("Add item"),property:"add_action_text"}))),d().createElement(ml,{cols:"6"},d().createElement(fl,Tp({},this.props,{settings:this.props.state,label:Nr("Add Link Text (optional)"),placeholder:Nr("Remove item"),defaultValue:Nr("Remove item"),property:"remove_action_text"}))))))),d().createElement(np,Tp({},this.props,{settings:this.props.state,value:"false",label:Nr("Disable")})))}}function Mp(){return Mp=Object.assign?Object.assign.bind():function(e){for(var t=1;t{this.updateValue(e.target.checked)}}),d().createElement("span",{className:"sui-toggle-slider"}),this.props.label&&d().createElement(er.Fragment,null,d().createElement("span",{className:"sui-toggle-label"},this.props.label)),this.props.description&&d().createElement("span",{className:"sui-description sui-toggle-description"},this.props.description));let i="";return this.props.children&&this.props.settings[this.props.property]&&(i=d().createElement(er.Fragment,null,d().createElement("div",{tabIndex:"0",className:"sui-toggle-content sui-border-frame","aria-label":this.props.label},this.props.children))),this.props.unWrap?d().createElement(er.Fragment,null,a,i):this.props.unWrap?void 0:d().createElement("div",{className:"sui-form-field"},a,i)}}function Lp(){return Lp=Object.assign?Object.assign.bind():function(e){for(var t=1;tt&&this.props.updateProperty("slider_default",t),e>s&&this.props.updateProperty("slider_default",e),_.isUndefined(this.props.state.display_selected_value)&&this.props.updateProperty("display_selected_value",!0),_.isUndefined(this.props.state.display_step_value)){let e=!0;_.isUndefined(this.props.state.slider_limits)||"hide"!==this.props.state.slider_limits||(e=!1),this.props.updateProperty("display_step_value",e)}const l=d().createElement(er.Fragment,null,d().createElement(dl,null,d().createElement(ml,{cols:"12"},d().createElement(Ol,Lp({},this.props,{settings:this.props.state,property:"slider_width",defaultValue:"full",settingsLabel:Nr("Slider width"),settingsDesc:Nr("The Slider takes the full-width of its container by default, but you can select a different size below.")}),d().createElement("div",{value:"small"},Nr("Small")),d().createElement("div",{value:"medium"},Nr("Medium")),d().createElement("div",{value:"large"},Nr("Large")),d().createElement("div",{value:"full"},Nr("Full width"))))),!o&&d().createElement(d().Fragment,null,d().createElement(dl,null,d().createElement(ml,{cols:"12"},d().createElement(Ol,Lp({},this.props,{settings:this.props.state,property:"slider_scale",defaultValue:"small",settingsLabel:Nr("Slider scale"),settingsDesc:Nr("Adjust the slider base and the height of the draggable thumb/handle.")}),d().createElement("div",{value:"small"},Nr("Small")),d().createElement("div",{value:"large"},Nr("Large"))))),d().createElement(dl,null,d().createElement(ml,{cols:"12"},d().createElement(Ol,Lp({},this.props,{settings:this.props.state,property:"show_slider_handle",defaultValue:"true",settingsLabel:Nr("Slider Handle icon"),settingsDesc:Nr("Choose whether to show an icon on the slider handle.")}),d().createElement("div",{value:"true"},Nr("Show")),d().createElement("div",{value:"false"},Nr("Hide"))))))),p=d().createElement(er.Fragment,null,d().createElement(dl,null,d().createElement(ml,null,d().createElement(Ip,Lp({},this.props,{settings:this.props.state,label:Nr("Display selected value"),property:"display_selected_value",unWrap:!0}),d().createElement(dl,{boxClass:"sui-tab-boxed"},d().createElement(ml,null,d().createElement(jl,Lp({},this.props,{settings:this.props.state,label:Nr("Selected value position"),property:"value_position",defaultValue:"bottom"}),d().createElement(er.Fragment,null,d().createElement("option",{value:"top"},Nr("Above slider track")),d().createElement("option",{value:"bottom"},Nr("Below slider track"))))))))),d().createElement(dl,null,d().createElement(ml,null,d().createElement(Ip,Lp({},this.props,{settings:this.props.state,label:Nr("Display step values"),property:"display_step_value",unWrap:!0}),d().createElement(dl,{boxClass:"sui-tab-boxed"},d().createElement(ml,null,d().createElement(jl,Lp({},this.props,{settings:this.props.state,label:Nr("Display type"),property:"display_step_type",defaultValue:"min_max"}),d().createElement(er.Fragment,null,d().createElement("option",{value:"min_max"},Nr("Min & Max values only")),d().createElement("option",{value:"all"},Nr("All values")))),d().createElement(fp,Lp({},this.props,{settings:this.props.state,label:Nr("Use custom labels"),tooltip:Nr("Add custom labels to the minimum and maximum values on the slider"),property:"use_custom_labels",itemClass:"sui-checkbox-sm sui-checkbox-stacked"})),this.props.state.use_custom_labels&&d().createElement(er.Fragment,null,d().createElement(dl,{class:"sui-spacing-10"},d().createElement(ml,{cols:"3",customClass:"sui-padding-right-5"},d().createElement(fl,Lp({},this.props,{settings:this.props.state,type:"text",disabled:!0,property:"slider_min",defaultValue:e,inputStyles:{backgroundColor:"#fafafa",color:"#666666"}}))),d().createElement(ml,{cols:"9",customClass:"sui-padding-left-5"},d().createElement(fl,Lp({},this.props,{settings:this.props.state,type:"text",property:"slider_min_label",defaultValue:i,placeholder:Nr("e.g., Poor")})))),d().createElement(dl,{class:"sui-spacing-10"},d().createElement(ml,{cols:"3",customClass:"sui-padding-right-5"},d().createElement(fl,Lp({},this.props,{settings:this.props.state,type:"text",disabled:!0,property:"slider_max",defaultValue:t,inputStyles:{backgroundColor:"#fafafa",color:"#666666"}}))),d().createElement(ml,{cols:"9",customClass:"sui-padding-left-5"},d().createElement(fl,Lp({},this.props,{settings:this.props.state,type:"text",property:"slider_max_label",defaultValue:n,placeholder:Nr("e.g., Great")})))))))))),d().createElement(Rl,{label:Nr("Prefix and Suffix"),labelDark:!1,description:Nr("Use these fields to display texts (e.g., currency symbols or units of measure) before and after the slider values."),descriptionSpacing:20,sidebar:!1},d().createElement(dl,null,d().createElement(ml,{cols:"6"},d().createElement(fl,Lp({},this.props,{settings:this.props.state,label:Nr("Prefix"),placeholder:Nr('E.g. "$"'),property:"prefix"}))),d().createElement(ml,{cols:"6"},d().createElement(fl,Lp({},this.props,{settings:this.props.state,label:Nr("Suffix"),placeholder:Nr('E.g. "%"'),property:"suffix"})))))),c=d().createElement("div",{className:"sui-accordion sui-accordion-flushed",style:{marginBottom:"-30px"}},d().createElement(hp,Lp({},this.props,{label:Nr("Advanced settings")}),d().createElement("div",{className:"sui-tabs sui-tabs-flushed"},d().createElement("div",{role:"tablist",className:"sui-tabs-menu"},d().createElement(Pa,{to:"/builder/settings/slider/labels",className:e=>{let{isActive:t}=e;return(t?"active ":"")+"sui-tab-item"},role:"tab"},Nr("Display and Labels")),d().createElement(Pa,{to:"/builder/settings/slider/appearance",className:e=>{let{isActive:t}=e;return(t?"active ":"")+"sui-tab-item"},role:"tab"},Nr("Appearance"))),d().createElement(kt,null,d().createElement(Nt,{path:"/",element:d().createElement(xt,{to:"/builder/settings/slider/labels",replace:!0})})),d().createElement("div",{className:"sui-tabs-content"},d().createElement("div",{className:"sui-tab-content forminator-modal-body active",role:"tabpanel"},d().createElement(kt,null,d().createElement(Nt,{path:"/slider/labels",element:p}),d().createElement(Nt,{path:"/slider/appearance",element:l}))))))),u=d().createElement(Rl,{label:Nr("Values"),labelDark:!0,sidebar:!1,lastChild:!0},d().createElement(dl,null,d().createElement(ml,{cols:"6"},d().createElement(fl,Lp({},this.props,{settings:this.props.state,type:"number",maxValue:t,step:r,label:Nr("Minimum value"),placeholder:Nr("Enter value"),property:"slider_min",defaultValue:e}))),d().createElement(ml,{cols:"6"},d().createElement(fl,Lp({},this.props,{settings:this.props.state,type:"number",minValue:e,value:t,step:r,label:Nr("Maximum value"),placeholder:Nr("Enter value"),property:"slider_max"})))),d().createElement(dl,null,d().createElement(ml,{cols:"6"},d().createElement(fl,Lp({},this.props,{settings:this.props.state,type:"number",label:Nr("Step (Increment between values)"),minValue:"0",placeholder:Nr("Enter value"),property:"slider_step",defaultValue:r}))),d().createElement(ml,{cols:"6"},d().createElement(dl,null,d().createElement(ml,a&&{cols:"6"},d().createElement(fl,Lp({},this.props,{settings:this.props.state,type:"number",minValue:e,maxValue:_.min([t,this.props.state.slider_default_2]),step:r,label:Nr(a?"Start value":"Default selected value"),placeholder:Nr("Enter value"),property:"slider_default",defaultValue:e}))),a&&d().createElement(ml,{cols:"6"},d().createElement(fl,Lp({},this.props,{settings:this.props.state,type:"number",minValue:_.max([e,this.props.state.slider_default]),maxValue:t,step:r,label:Nr("End value"),placeholder:Nr("Enter value"),property:"slider_default_2",defaultValue:t})))))));return d().createElement(er.Fragment,null,d().createElement(Ll,this.props),u,c)}}function zp(){return zp=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const s=_.isEmpty(e.calculation)?"sui-form-field-error":"";return d().createElement("div",{key:t,className:`sui-form-field ${s}`},d().createElement("label",{htmlFor:`calculation-option-${t}`,className:"sui-label"},_l(e.label)),d().createElement("input",{type:"number",placeholder:Nr("Calculation value"),id:`calculation-option-${t}`,className:"sui-form-control sui-input-md",onChange:e=>this.updateField(e,t),defaultValue:e.calculation}),_.isEmpty(e.calculation)&&d().createElement("span",{className:"sui-error-message"},Nr("Calculation value is required!")))}),d().createElement(Wp,this.props))}}function qp(){return qp=Object.assign?Object.assign.bind():function(e){for(var t=1;t0?"sui-tab-boxed":"",s=this.isElementUsedInCalculationFields()&&(!0===this.props.state.calculations||"true"===this.props.state.calculations);let r="";if(s){r=`${Nr("It is impossible to disable calculation for this field because it is in use in %(names)s field(s).",{args:{names:this.getUsedCalculationFieldNames()}})}`}let a=d().createElement("span",{className:"sui-description"},Nr("Choose whether to allow this field to be used in calculations or not. The value used in calculations is the same as the input value of this field."));return this.props.description&&(a=d().createElement("span",{className:"sui-description"},this.props.description)),d().createElement("div",{className:"sui-box-settings-row"},d().createElement("div",{className:"sui-box-settings-col-2"},d().createElement("label",{className:"sui-settings-label sui-dark"},Nr("Calculations")),a,e.length>0&&d().createElement(ap,qp({},this.props,{settings:this.props.state,disabled:s,property:"calculations",description:"",default:"false",noWrapper:!0,tooltip:r}),d().createElement(Hp,qp({},this.props,{value:"true",boxClass:t,label:Nr("Enable")})),d().createElement(np,{value:"false",label:Nr("Disable")})),0===e.length&&d().createElement(ap,qp({},this.props,{settings:this.props.state,disabled:s,property:"calculations",default:"false",noWrapper:!0,tooltip:r}),d().createElement(op,qp({},this.props,{value:"true",label:Nr("Enable"),settings:this.props.state,boxClass:"sui-tab-boxed"}),d().createElement(Wp,this.props)),d().createElement(np,{value:"false",label:Nr("Disable")}))))}}class Yp extends er.Component{constructor(e){super(e)}render(){const{type:e}=this.props;switch(e){case"labels":return d().createElement(Rp,this.props);case"settings":return d().createElement(Bp,this.props);case"calculations":return d().createElement(Qp,this.props);case"visibility":return d().createElement(Fl,this.props);case"styling":return d().createElement(Vl,this.props);default:return d().createElement("div",null)}}}class Gp extends er.Component{constructor(e){super(e)}clearImage(){if("answer_image"===this.props.property){const e=Object.assign({},this.props.answer),t=this.props.property;e[t]="",e[t+"_filename"]="",e[t+"_alt"]="",this.props.actions.builderActions.updateAnswer(e)}else"function"==typeof this.props.updateProperty?(this.props.updateProperty(this.props.property,""),this.props.updateProperty(this.props.property+"_filename",""),this.props.updateProperty(this.props.property+"_alt","")):(this.props.actions.settingsActions.updateSetting(this.props.property,""),this.props.actions.settingsActions.updateSetting(this.props.property+"_filename",""),this.props.actions.settingsActions.updateSetting(this.props.property+"_alt",""))}openMedia(){const e=this,t=wp.media({title:Nr("Select image"),button:{text:Nr("Select",{context:"verb"})},multiple:!1}).on("select",function(){let s;const r=t.state().get("selection").first().toJSON();s=_.isUndefined(e.props.imageSize)?r.url:"thumbnail"===e.props.imageSize?r.sizes.thumbnail.url:"medium"===e.props.imageSize?_.isUndefined(r.sizes.medium)?r.sizes.full.url:r.sizes.medium.url:"large"===e.props.imageSize?_.isUndefined(r.sizes.large)?r.sizes.full.url:r.sizes.large.url:r.sizes.full.url,"function"==typeof e.props.updateProperty?(e.props.updateProperty(e.props.property,s),e.props.updateProperty(e.props.property+"_filename",r.filename),e.props.updateProperty(e.props.property+"_alt",r.alt)):(e.props.actions.settingsActions.updateSetting(e.props.property,s),e.props.actions.settingsActions.updateSetting(e.props.property+"_filename",r.filename),e.props.actions.settingsActions.updateSetting(e.props.property+"_alt",r.alt))});t.open()}render(){const e=_.isUndefined(this.props.settings[this.props.property])?this.props.defaultValue:this.props.settings[this.props.property],t=_.isEmpty(e)?"":"sui-has_file",s=_.isUndefined(this.props.settings[this.props.property+"_filename"])?e:_.isEmpty(this.props.settings[this.props.property+"_filename"])&&!_.isNull(e)?e.replace(/^.*[\\\/]/,""):this.props.settings[this.props.property+"_filename"];let r="";this.props.label&&(r=d().createElement("label",{className:"sui-label"},this.props.label));let a="";this.props.description&&(a=d().createElement("span",{className:"sui-description"},this.props.description));let i="";if("image"===this.props.type){let t="";e&&(t="url("+e+")"),i=d().createElement("div",{className:"sui-upload-image","aria-hidden":"true"},d().createElement("div",{className:"sui-image-mask"}),d().createElement("div",{role:"button",onClick:this.openMedia.bind(this),className:"sui-image-preview",style:{backgroundImage:t}}))}const n=this.props.fieldClass?" "+this.props.fieldClass:"",o="image"===this.props.type?`${Nr("Upload image")}`:`${Nr("Upload file")}`;return d().createElement("div",{className:`sui-form-field${n}`},r,d().createElement("div",{className:`sui-upload ${t}`},d().createElement("input",{type:"file",title:o,value:"",readOnly:"readonly"}),i,d().createElement("button",{className:"sui-upload-button",onClick:this.openMedia.bind(this)},d().createElement("i",{className:"sui-icon-upload-cloud","aria-hidden":"true"}),o),d().createElement("div",{className:"sui-upload-file"},d().createElement("span",{title:s},s),d().createElement("button",{className:"sui-upload-button--remove",onClick:this.clearImage.bind(this)},d().createElement("i",{className:"sui-icon-close","aria-hidden":"true"}),d().createElement("span",{className:"sui-screen-reader-text"},"image"===this.props.type?`${Nr("Remove uploaded image")}`:`${Nr("Remove uploaded file")}`)))),a)}}function Kp(){return Kp=Object.assign?Object.assign.bind():function(e){for(var t=1;t input",function(s){s.preventDefault(),s.stopPropagation(),e.scrollTop(t)})}componentDidUpdate(e){this.props.state.options_expanded!==e.state.options_expanded&&this.setState({open:this.props.state.options_expanded})}headerImage(){const{open:e}=this.state,t=this.props.state.enable_images,s=void 0!==this.props.option.image?"url("+this.props.option.image+")":"";return!e&&t?d().createElement("div",{className:"sui-upload"},d().createElement("div",{className:"sui-upload-image","aria-hidden":"true"},d().createElement("div",{className:"sui-image-mask"}),d().createElement("div",{role:"button",className:"sui-image-preview",style:{display:"block",backgroundImage:s}}))):null}renderLabelField(){const e=_.isEmpty(this.props.option.label)||this.props.option.error?"sui-form-field-error":"";return d().createElement("div",{className:`sui-form-field ${e}`},d().createElement("input",{type:"text",size:"1",placeholder:Nr("Label"),value:this.props.option.label,className:"sui-form-control",onChange:this.updateLabel.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlurLabel.bind(this),ref:this.labelInput,onClick:this.focusLabel,title:Nr("Label")}))}renderAccordionIndicator(){return d().createElement("button",{className:"sui-button-icon sui-accordion-open-indicator",title:Nr("Toggle"),"aria-label":Nr("Open item"),onClick:()=>this.toggleState()},d().createElement("i",{className:"sui-icon-chevron-down","aria-hidden":"true"}))}renderImageUploadField(){return this.props.state.enable_images?d().createElement("div",{className:"fui-option-settings--extra"},d().createElement(Gp,Kp({},this.props,{settings:this.props.option,type:"image",fieldClass:"sui-auto",property:"image",updateProperty:this.updateImage}))):null}render(){const e=this.state.focus?"fui-on_focus":"",{open:t}=this.state;let s="";return s=t?"sui-accordion-item--open":"",d().createElement("div",{className:`fui-option ${e}`,ref:e=>this.opt=e},d().createElement("div",{className:"fui-option-settings"},d().createElement("div",{className:"sui-accordion-item "+s,style:{boxShadow:"none"}},d().createElement("div",{className:"sui-accordion-item-header",style:{minHeight:"0",padding:"0"}},d().createElement("div",{className:"fui-option-settings--main",style:{padding:"0"}},this.headerImage(),this.renderLabelField(),!t&&d().createElement("label",{htmlFor:`option-selected-${this.props.counter}`,className:"sui-checkbox",title:Nr("Selected"),style:{marginLeft:"15px"}},d().createElement("input",{type:"checkbox",checked:this.props.option.default?"checked":"",name:"demo-field-radio--option-selected",id:`option-selected-${this.props.counter}`,onChange:this.updateDefault.bind(this)}),d().createElement("span",{"aria-hidden":"true"})),d().createElement("button",{className:"sui-button-icon sui-button-red fui-option-remove",title:Nr("Delete option"),"aria-label":Nr("Delete option"),onClick:this.removeOption.bind(this)},d().createElement("i",{className:"sui-icon-trash","aria-hidden":"true"})),d().createElement("div",{style:{borderLeft:"1px solid #E6E6E6",width:"1px",height:"30px"}}),this.renderAccordionIndicator())),d().createElement("div",{className:"sui-accordion-item-body",style:{padding:"10px 10px 0 0"}},d().createElement("div",{className:"fui-option-settings--extra"},d().createElement("input",{type:"text",value:this.props.option.value,title:Nr("Value"),placeholder:Nr("Value"),className:"sui-form-control",onChange:this.updateValue.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlurValue.bind(this),ref:this.valueInput,onClick:this.focusValue}),this.props.state.type&&"select"===this.props.state.type&&this.props.isLimit&&"true"===this.props.isLimit&&d().createElement("input",{type:"text",value:this.props.option.limit,placeholder:Nr("Submission limit"),className:"sui-form-control",onChange:this.updateLimit.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlur.bind(this)}),t&&d().createElement("label",{htmlFor:`option-selected-${this.props.counter}`,className:"sui-checkbox"},d().createElement("input",{type:"checkbox",checked:this.props.option.default?"checked":"",name:"demo-field-radio--option-selected",id:`option-selected-${this.props.counter}`,onChange:this.updateDefault.bind(this)}),d().createElement("span",{"aria-hidden":"true"}),d().createElement("span",{className:"sui-description sui-description-sm"},Nr("Selected")))),this.renderImageUploadField()))))}}class Jp extends er.Component{constructor(e){super(e),this.updateValue=this.updateValue.bind(this);const t=_.isUndefined(this.props.defaultValue)?"":this.props.defaultValue,s=_.isUndefined(this.props.settings[this.props.property])?t:this.props.settings[this.props.property];this.state={value:s}}componentDidMount(){const e=this;this.$el=jQuery(this.el),this.$addPredefined=jQuery(this.addPredefined),SUI.select.initVars(this.$el),this.updateValue=this.updateValue.bind(this),this.$el.on("change",t=>{const s=e.state.value;let r=t.target.value;0!==s.length&&(r=s+"\n"+r),this.updateValue(r),this.predefinedSelector(),this.scrollToNewOpt()}),this.predefinedSelector()}updateValue(e){"function"==typeof this.props.updateProperty?this.props.updateProperty(this.props.property,e):this.props.actions.settingsActions.updateSetting(this.props.property,e),"function"==typeof this.props.updateValue&&this.props.updateValue(this.props.counter,e),this.setState({value:e})}componentWillUnmount(){this.$el.off("change",this.updateValue),this.$el.unbind().removeData()}getSnapshotBeforeUpdate(e,t){return this.props.value!==e.value&&this.updateValue(this.props.value),null}componentDidUpdate(e,t){this.props.state.enable_images!==e.state.enable_images&&(SUI.select.initVars(this.$el),this.predefinedSelector())}isValid(e){return this.props.isRequired?this.props.isRequired&&!_.isEmpty(e):!!_.isUndefined(this.props.isPositive)||(_.isEmpty(e)||e>=0)}scrollToNewOpt(){const e=jQuery("#bulk-edit-textarea");let t;clearTimeout(t),t=setTimeout(function(){e.animate({scrollTop:e.prop("scrollHeight")},300)},20)}predefinedSelector(){this.$el.next(".select2-container").find(".select2-selection").html(Nr("+ Predefined options"))}render(){const e=_.isUndefined(this.props.defaultValue)?"":this.props.defaultValue,t=_.isUndefined(this.props.settings[this.props.property])?e:this.props.settings[this.props.property],s=_.isUndefined(this.props.requiredError)?Nr("This field is required!"):this.props.requiredError,r=this.isValid(t)?"":"sui-form-field-error",a=!_.isUndefined(this.props.state.enable_images)&&this.props.state.enable_images,i=Nr("My Label; my-value; 0; https://mysite.com/my-image-url.jpg"),n=Nr("My Label; my-value; 0");return d().createElement("div",{className:`sui-form-field ${r}`},d().createElement("div",{className:"sui-row"},d().createElement("label",{htmlFor:`forminator-field-${this.props.property}`,className:"sui-col-sm-6 sui-label"},this.props.label," ",(this.props.isRequired||this.props.required)&&d().createElement("span",{className:"sui-error"}," *")),d().createElement("div",{id:"add-predefined",className:"sui-col-sm-6 sui-insert-variables",ref:e=>this.addPredefined=e},d().createElement("select",{className:"predefined-options sui-variables",ref:e=>this.el=e},d().createElement("option",{value:n},Nr("New option")),a&&d().createElement("option",{value:i},Nr("New option with image")),d().createElement("option",{value:Nr("Under 1 year\n1-17\n18-24\n25-34\n35-44\n45-54\n55-64\n65 and Above")},Nr("Age")),d().createElement("option",{value:Nr("Male\nFemale\nNon-binary\nOther")},Nr("Gender")),d().createElement("option",{value:Nr("Primary School\nHigh School\nSome College\nAssociate's Degree\nBachelor's Degree\nMaster's degree\nProfessional degree\nDoctoral degree\nOther")},Nr("Educational Attainment")),d().createElement("option",{value:Nr("Full-time employed\nPart-time employed\nSelf-employed\nContract Worker\nHomemaker\nRetired\nStudent\nUnemployed")},Nr("Employment Status")),d().createElement("option",{value:Nr("Architecture and Engineering\nArts, Design, Entertainment, Sports, and Media\nBuilding and Grounds Cleaning and Maintenance\nBusiness and Financial Operations\nCommunity and Social Services\nComputer and Mathematical\nConstruction and Extraction\nEducational Instruction and Library\nFarming, Fishing, and Forestry\nFood Preparation and Serving Related\nHealthcare Practitioners and Technical\nHealthcare Support\nInstallation, Maintenance, and Repair\nLegal\nLife, Physical, and Social Science\nManagement\nOffice and Administrative Support\nPersonal Care and Services\nProduction/Manufacturing\nProtective Service\nSales and Related\nTransportation and Material Moving")},Nr("Occupation")),d().createElement("option",{value:Nr("Single\nMarried\nDivorced\nSeparated\nWidowed")},Nr("Marital Status")),d().createElement("option",{value:Nr("Africa\nAntarctica\nAsia\nAustralia\nEurope\nNorth America\nSouth America")},Nr("Continents")),d().createElement("option",{value:Object.values(forminatorData.countries).join("\n")},Nr("Countries")),d().createElement("option",{value:Nr("Alabama\nAlaska\nArizona\nArkansas\nCalifornia\nColorado\nConnecticut\nDelaware\nDistrict of Columbia\nFlorida\nGeorgia\nHawaii\nIdaho\nIllinois\nIndiana\nIowa\nKansas\nKentucky\nLouisiana\nMaine\nMaryland\nMassachusetts\nMichigan\nMinnesota\nMississippi\nMissouri\nMontana\nNebraska\nNevada\nNew Hampshire\nNew Jersey\nNew Mexico\nNew York\nNorth Carolina\nNorth Dakota\nOhio\nOklahoma\nOregon\nPennsylvania\nRhode Island\nSouth Carolina\nSouth Dakota\nTennessee\nTexas\nUtah\nVermont\nVirginia\nWashington\nWest Virginia\nWisconsin\nWyoming")},Nr("American States")),d().createElement("option",{value:Nr("Alberta\nBritish Columbia\nManitoba\nNew Brunswick\nNewfoundland and Labrador\nNorthwest Territories\nNova Scotia\nNunavut\nOntario\nPrince Edward Island\nQuebec\nSaskatchewan\nYukon")},Nr("Canadian Provinces"))))),d().createElement("div",{className:"sui-insert-variables"},d().createElement("textarea",{id:"bulk-edit-textarea",value:this.state.value,placeholder:this.props.placeholder,className:"sui-form-control",onChange:e=>{this.updateValue(e.target.value)},rows:"8"}),this.props.isRequired&&!this.isValid(t)&&d().createElement("span",{className:"sui-error-message"},s),this.props.description&&d().createElement("span",{className:"sui-description bulk-editor-description"},this.props.description)))}}class Xp extends Zp{constructor(e){super(e),this.updateImage=this.updateImage.bind(this),this.updateLabel=this.updateLabel.bind(this)}updateLabel(e){this.props.updateLabel(e.target.value)}updatePlaceHolder(e){this.props.updatePlaceHolder(e.target.value)}updateImage(e,t){this.props.updateImage(t,e)}onBlurLabel(e){this.onBlur();const t=hr(e.target.value);_.isEmpty(this.props.option.value)&&this.props.updatePlaceHolder(t)}render(){const e=this.state.focus?"fui-on_focus":"",{open:t}=this.state;let s="";return s=t?"sui-accordion-item--open":"",d().createElement("div",{className:`fui-option ${e}`,ref:e=>this.opt=e},d().createElement("div",{className:"fui-option-settings"},d().createElement("div",{className:"sui-accordion-item "+s,style:{boxShadow:"none"}},d().createElement("div",{className:"sui-accordion-item-header",style:{minHeight:"0",padding:"0"}},d().createElement("div",{className:"fui-option-settings--main",style:{padding:"0"}},this.headerImage(),this.renderLabelField(),this.renderAccordionIndicator())),d().createElement("div",{className:"sui-accordion-item-body",style:{padding:"10px 10px 0 0"}},d().createElement("div",{className:"fui-option-settings--extra",style:{"margin-right":"30px"}},d().createElement("input",{type:"text",value:this.props.option.placeholder,title:Nr("Other option placeholder"),placeholder:Nr("Other option placeholder"),className:"sui-form-control",onChange:this.updatePlaceHolder.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlurValue.bind(this),ref:this.valueInput,onClick:this.focusValue})),this.renderImageUploadField()))))}}function ec(){return ec=Object.assign?Object.assign.bind():function(e){for(var t=1;t span").on("click",function(){i.trigger("click"),e.hideError()}),a.on("click",function(){i.val("").trigger("change")}),i.on("change",function(){const n=i.val();if(n.length>0){e.setState({csv_file:i.get(0).files[0]});"csv"!==n.slice((n.lastIndexOf(".")-1>>>0)+2)?(a.trigger("click"),e.showError(Nr("Whoops, only .csv filetype is allowed."))):(s.prop("disabled",!1),t.hide(),r.show(),r.find("> span").html(n.replace(/^.*[\\\/]/,"")),0!==e.props.state.options_bulk_editor.length&&e.showError(Nr("Importing this will replace your current options. Click import to continue."),"warning"))}else s.prop("disabled",!0),t.show(),r.hide(),r.find("> span").html(""),e.hideError()}),s.on("click",function(){e.importCsv()})}}importCsv(){if(!(window.File&&window.FileReader&&window.FileList&&window.Blob))return;const e=this,t=this.$el.find("#upload-csv-input"),s=this.state.csv_file;if(t.get(0).files){const r=s,a=new FileReader;this.setState({options_bulk_editor:""}),a.onload=function(){let t=a.result;-1!==t.indexOf("Option label; Option value")&&(t=t.substring(t.indexOf("\n")+1)),e.props.updateProperty("options_bulk_editor",t),e.setState({options_bulk_editor:t}),e.convertToStandard()},a.readAsText(r),this.setState({csv_file:null}),t.trigger("change")}else e.showError(Nr("This browser doesn't seem to support the `files` property of file inputs."))}showError(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"error";"error"!==t?this.$importError.removeClass("sui-notice-error").addClass("sui-notice-"+t):this.$importError.removeClass().addClass("importer-error sui-notice sui-notice-error"),this.$importError.find("p").text(e),this.$importError.addClass("sui-active"),this.$importError.show()}hideError(){this.$importError.find("p").text(""),this.$importError.removeClass("sui-active"),this.$importError.hide()}componentWillUnmount(){jQuery("#forminator-modal").off("scroll"),this.$el.off().removeData()}updateState(e){const t=_.findKey(e,{key:"custom_option"});_.isUndefined(t)||e.push(e.splice(t,1)[0]),this.setState({options:e}),this.props.updateProperty("options",e),this.convertToBulk()}updateCustomOptionState(e){this.setState({custom_option:e});const t=this.state.options,s=_.findKey(t,{key:"custom_option"});_.isUndefined(s)?t.push(e):t[s]=e,this.updateState(t)}updateEnableCustomOption(e,t){if(this.props.updateProperty(e,t),!1===t){const e=this.state.options,t=_.findIndex(e,{key:"custom_option"});-1!==t&&this.removeOption(t)}else this.updateCustomOptionState(this.state.custom_option)}updateCustomOptionPlaceHolder(e){const t=this.state.custom_option;t.placeholder=e,this.updateCustomOptionState(t)}updateCustomOptionLabel(e){const t=this.state.custom_option;t.label=e,this.updateCustomOptionState(t)}updateCustomOptionImage(e,t){const s=this.state.custom_option;"image"===t&&(s.image=e),"image"!==t&&(s.image_filename=e),this.updateCustomOptionState(s)}updateLabel(e,t){const s=this.state.options;s[e].label=t,this.updateState(s)}updateLimit(e,t){const s=this.state.options;s[e].limit=t,this.updateState(s)}updateValue(e,t){const s=this.state.options;s[e].value=t,this.updateState(s)}moveOption(e,t){const s=this.state.options;s.splice(t,0,s.splice(e,1)[0]),this.updateState(s)}updateDefault(e,t){const s=this.state.options;this.props.isRadio&&"true"===this.props.isRadio&&_.map(s,(e,t)=>{s[t].default=!1}),s[e].default=t,this.updateState(s)}removeOption(e){const t=this.state.options;t.splice(e,1),this.updateState(t)}updateImage(e,t,s){const r=this.state.options;"image"===s&&(r[e].image=t),"image"!==s&&(r[e].image_filename=t),this.updateState(r)}addOption(){const e=this.state.options,t=ir()+"-"+ir();e.push({label:"",value:"",limit:"",default:!1,key:t}),this.updateState(e),this.scrollToNewOpt()}scrollToNewOpt(){const e=jQuery(".standard-editor");let t;clearTimeout(t),t=setTimeout(function(){e.animate({scrollTop:e.prop("scrollHeight")},300)},200)}addOptionClassToggle(){let e;clearTimeout(e),e=setTimeout(function(){const e=jQuery(".standard-editor").not(".custom-option").next(".fui-multi-options"),t=jQuery(".standard-editor").next(".fui-multi-options.custom-option");jQuery(".standard-editor").outerHeight()>460?(jQuery(".standard-editor").next(".fui-multi-options").removeClass("add-option-box"),e.addClass("add-option-box"),t.css("padding-top","15px")):(e.removeClass("add-option-box"),t.css("padding-top","0"))},50)}generateUniqId(){return ir()+"-"+ir()}updateBulkValue(){const e=this.state.options_bulk_editor;return this.setState({options_bulk_editor:e}),e}convertToBulk(){const e=this.state.options,t=this.props.state.type,s=this.props.state.value_type;let r="",a=!1;_.map(e,(e,i)=>{if("custom_option"===e.key)return;i>0&&(r+="\n");const n=e.label,o=e.value;r+=n,r+=";",_.isUndefined(o)?_.isUndefined(n)?r+="":r+=n:r+=o,_.isUndefined(e.default)||!e.default||("radio"===t||"select"===t&&"single"===s)&&a?(r+="; ",r+="0"):e.default&&(r+="; ",r+="1",a=!0),"select"===t?_.isUndefined(e.limit)||_.isEmpty(e.limit)||(r+="; ",r+=e.limit):_.isUndefined(e.image)||_.isEmpty(e.image)||(r+="; ",r+=e.image)}),this.setState({options_bulk_editor:r}),this.props.updateProperty("options_bulk_editor",r)}convertToStandard(){const e=this.props.state.type,t=this.props.state.value_type,s=[];let r=this.props.state.options_bulk_editor;if(!_.isUndefined(r)&&r.length>0){let a=0,i=!1;r=r.split(/\r\n|\r|\n/),_.map(r,(r,n)=>{if(Boolean(r)){const n=r.split(";"),o=!_.isUndefined(n[2])&&1==n[2],l=_.isEmpty(n[0])?Nr("Option ")+(a+1):n[0];let p=_.isUndefined(n[1])?"":n[1];if(_.isEmpty(p)&&(p=l),s[a]={key:this.generateUniqId(),label:l,value:p},s[a].default=("radio"!==e&&("select"!==e||"single"!==t)||!i)&&o,o&&(i=!0),_.isEmpty(n[3])||("select"===e?"enable"===this.props.state.limit_status&&(s[a].limit=n[3]):(s[a].image=n[3],s[a].image_filename=n[3].replace(/^.*[\\\/]/,""))),this.props.state.calculations){const e=_.find(this.state.options_calcs,function(e){return e.label===l});s[a].calculation=_.isUndefined(e)?"":e.calculation}a++}})}this.setState({options:s}),this.props.updateProperty("options",s)}findDuplicateOptions(e){let t=null;return _.map(e,s=>{const r=_.filter(e,{label:s.label}).length,a=_.filter(e,{value:s.value}).length;switch(!0){case _.isEmpty(s.value):t="Warning! Option value is empty it won't appear in the dropdown.",s.error=!0;break;case r>1&&a>1:t="Warning! You've added options with same label and value.",s.error=!0;break;case r>1:t="Warning! You've added options with same label.",s.error=!0;break;case a>1:t="Warning! You've added options with same value.",s.error=!0;break;default:s.error=!1}}),[e,t]}render(){const e=_.isUndefined(this.props.state.options_expanded)||!this.props.state.options_expanded?Nr("Expand All"):Nr("Collapse All"),t=!_.isUndefined(this.props.state.bulk_edit)&&this.props.state.bulk_edit,s=this.props.state.type,r="select"!==s?"checkbox_radio_bulk_template.csv":"select_bulk_template.csv",[a,i]=this.findDuplicateOptions(this.state.options),n=this.state.options_bulk_editor,o=this.state.is_loading,l=this.state.show_standard,p=a.length>1e3,c=0===a.length?"no-option":"";let u="";switch(s){case"select":u=Nr("Select");break;case"radio":u=Nr("Radio");break;case"checkbox":u=Nr("Checkbox")}let m=Nr("Label; value; selection (0 or 1); image-url");"select"===s&&(m="enable"===this.props.state.limit_status?Nr("Label; value; selection (0 or 1); submission limit"):Nr("Label; value; selection (0 or 1)"));const h=forminatorData.pluginUrl+"assets/csv/"+r,f=!_.isUndefined(this.props.state.enable_custom_option)&&this.props.state.enable_custom_option;return d().createElement("div",{id:"demo-multi-options--radio",className:"sui-form-field multi-options-bulk",ref:e=>this.el=e},p&&t||i&&d().createElement("div",{role:"alert",className:"sui-notice sui-notice-yellow sui-active",style:{display:"block"},"aria-live":"assertive"},d().createElement("div",{className:"sui-notice-content"},d().createElement("div",{className:"sui-notice-message"},d().createElement("span",{className:"sui-notice-icon sui-icon-info","aria-hidden":"true"}),d().createElement("p",null,Nr(i||"Warning! You've added more than 1000 options. Switching back to the standard (non-bulk) editor could make your browser slow or unresponsive. Proceed with caution."))))),d().createElement(dl,null,d().createElement(ml,{cols:"4"},d().createElement("div",{style:{"padding-top":"5px"}},d().createElement(Ip,ec({},this.props,{settings:this.props.state,property:"enable_custom_option",label:Nr("Other option"),unWrap:!0,updateProperty:this.updateEnableCustomOption})))),d().createElement(ml,{cols:"8"},d().createElement("div",{className:"switch-box"},!t&&d().createElement(fp,ec({},this.props,{settings:this.props.state,label:e,property:"options_expanded",itemClass:"sui-checkbox sui-checkbox-sm collapse-options"})),"select"!==s&&d().createElement(fp,ec({},this.props,{settings:this.props.state,label:Nr("Enable Images"),property:"enable_images",itemClass:"sui-checkbox-sm "})),d().createElement("span",{className:"bulk-edit-toggle "},d().createElement(Ip,ec({},this.props,{settings:this.props.state,property:"bulk_edit",label:Nr("Bulk Edit"),unWrap:!0})))))),o&&d().createElement("div",{className:"multi-opts-preloader"},d().createElement("span",{className:"sui-icon-loader sui-loading","aria-hidden":"true"}," ",Nr("Loading"),"...")),!t&&l&&d().createElement("div",{className:"sui-accordion sui-accordion-block"},d().createElement("div",{className:`fui-multi-options standard-editor ${c}`},_.map(a,(e,t)=>"custom_option"!==e.key&&d().createElement(Zp,ec({key:t,counter:t,option:e,removeOption:this.removeOption,updateValue:this.updateValue,updateLabel:this.updateLabel,updateLimit:this.updateLimit,updateDefault:this.updateDefault,updateImage:this.updateImage},this.props)))),f&&d().createElement("div",{className:"fui-multi-options custom-option standard-editor"},d().createElement(Xp,ec({option:this.state.custom_option,updatePlaceHolder:this.updateCustomOptionPlaceHolder,updateLabel:this.updateCustomOptionLabel,updateImage:this.updateCustomOptionImage},this.props))),d().createElement("div",{className:"fui-multi-options"},d().createElement("button",{className:"fui-add-option",onClick:this.addOption},d().createElement("i",{className:"sui-icon-plus","aria-hidden":"true"}),Nr("Add Option")))),t&&d().createElement("div",{className:"fui-multi-options"},d().createElement("div",{className:"sui-box sui-message sui-message-lg fui-multi-options-bulk"},d().createElement(Jp,ec({},this.props,{settings:this.props.state,property:"options_bulk_editor",defaultValue:n,value:n,updateValue:this.updateBulkValue,label:Nr("Enter field options (one per line)"),description:Nr('Type or paste options above (one per line and separated by semicolons) or click \n {{b}}"+ Predefined options"{{/b}} link to select an option. Example: {{b}}'+m+"{{/b}}",{components:{b:d().createElement("b",null)}})})),d().createElement("div",{className:"sui-form-field bulk-importer"},d().createElement("label",{className:"sui-label"},Nr("Import options from CSV")),d().createElement("div",{className:"sui-upload"},d().createElement("input",{id:"upload-csv-input",type:"file",value:"",readOnly:"readonly",accept:".csv"}),d().createElement("button",{className:"sui-upload-button upload-csv-btn"},d().createElement("span",{className:"sui-icon-upload-cloud","aria-hidden":"true"}),Nr("Upload file")),d().createElement("div",{className:"sui-upload-file uploaded-csv-file"},d().createElement("span",null),d().createElement("button",{className:"remove-file","aria-label":"Remove file"},d().createElement("span",{className:"sui-icon-close","aria-hidden":"true"}))),d().createElement("button",{role:"button",className:"sui-button sui-button-blue import-csv-btn",disabled:!0},d().createElement("span",{className:"sui-icon-download-cloud","aria-hidden":"true"}),Nr("Import"))),d().createElement("div",{role:"alert",className:"sui-notice sui-notice-error","aria-live":"assertive"},d().createElement("div",{className:"sui-notice-content"},d().createElement("div",{className:"sui-notice-message"},d().createElement("span",{className:"sui-notice-icon sui-icon-info","aria-hidden":"true"}),d().createElement("p",null)))),d().createElement("span",{className:"sui-description"},Nr("Choose a CSV (.csv) file to import field options and values.")+" ",h&&d().createElement("a",{className:"blue",href:h,target:"_blank",download:r},Nr("Download csv template")))))))}}function sc(){return sc=Object.assign?Object.assign.bind():function(e){for(var t=1;td().createElement(bl,lc({},this.props,{label:e.label,property:e.slug,settings:this.props.state,required:this.props.state[e.slug+"_required"],key:t}),d().createElement(er.Fragment,null,d().createElement(dl,null,d().createElement(ml,{cols:"6"},d().createElement(fl,lc({},this.props,{settings:this.props.state,label:Nr("Label"),placeholder:Nr("Enter label"),property:e.slug+"_label"}))),d().createElement(ml,{cols:"6"},d().createElement(fl,lc({},this.props,{settings:this.props.state,label:Nr("Placeholder (optional)"),placeholder:Nr("Enter placeholder"),property:e.slug+"_placeholder"})))),d().createElement(dl,null,d().createElement(ml,{cols:"12"},d().createElement(fl,lc({},this.props,{settings:this.props.state,label:Nr("Description (optional)"),placeholder:Nr("Enter description"),property:e.slug+"_description"}))))))))}}function cc(){return cc=Object.assign?Object.assign.bind():function(e){for(var t=1;t!_.isUndefined(e));return!_.isEmpty(t)}render(){const{type:e}=this.props;switch(e){case"labels":return d().createElement(ap,cc({},this.props,{property:"multiple_name",settings:this.props.state,default:"false",divClass:"sui-tabs-content-lg"}),d().createElement(yl,cc({settings:this.props.state},this.props,{value:"false"}),Nr("Single")),d().createElement(pc,cc({settings:this.props.state},this.props,{value:"true"}),Nr("Expanded")));case"settings":if("true"===this.props.state.multiple_name){let e;const t=this.multiFields.map((t,s)=>{if(!_.isUndefined(this.props.state[t.slug])&&this.props.state[t.slug]){if(_.isEmpty(e)&&(e=t.slug),"prefix"===t.slug)return d().createElement(ml,{cols:"12",label:_l(t.label),value:t.slug,settings:this.props.state,boxClass:"sui-tab-boxed",key:s},d().createElement(Kl,cc({},this.props,{prefix:t.slug})),d().createElement(Zl,cc({},this.props,{prefix:t.slug})));if("prefix"!==t.slug)return d().createElement(ml,{cols:"12",label:_l(t.label),settings:this.props.state,value:t.slug,required:this.props.state[t.slug+"_required"],boxClass:"sui-tab-boxed",key:s},d().createElement(Ll,cc({},this.props,{prefix:t.slug})),d().createElement(Kl,cc({},this.props,{prefix:t.slug})),d().createElement(Zl,cc({},this.props,{prefix:t.slug})))}});return this.hasChildrens(t)?d().createElement("div",null,d().createElement(ep,{default:e},t),d().createElement(Rl,{label:Nr("Layout"),labelDark:!0,description:Nr('By default, the "Prefix" and "First Name" fields are added to the first row, and the rest of the name fields are added to the second row. Under the Custom tab, you can choose the number of columns for displaying the name fields.'),sidebar:!1},d().createElement(ap,cc({},this.props,{property:"default_layout",settings:this.props.state,default:"default",label:""}),d().createElement(np,{value:"default"},Nr("Default")),d().createElement(op,cc({},this.props,{settings:this.props.state,value:"custom",label:Nr("Custom"),boxClass:"sui-tab-boxed"}),d().createElement("div",{className:"fui-form-field--row"},d().createElement("div",{className:"fui-form-field--col",style:{maxWidth:160}},d().createElement(jl,cc({},this.props,{settings:this.props.state,label:Nr("Number of columns"),placeholder:"1",property:"layout_columns"}),d().createElement("option",{value:"1"},"1"),d().createElement("option",{value:"2"},"2"),d().createElement("option",{value:"3"},"3"),d().createElement("option",{value:"4"},"4")))))))):d().createElement("div",{role:"alert",className:"sui-notice sui-notice-red sui-active",style:{display:"block"},"aria-live":"assertive"},d().createElement("div",{className:"sui-notice-content"},d().createElement("div",{className:"sui-notice-message"},d().createElement("span",{className:"sui-notice-icon sui-icon-info","aria-hidden":"true"}),d().createElement("p",null,Nr("At least one field must be enabled")))))}if("true"!==this.props.state.multiple_name)return d().createElement("div",null,d().createElement(Ll,this.props),d().createElement(Kl,this.props),d().createElement(Zl,this.props));case"visibility":return d().createElement(Fl,this.props);case"styling":return d().createElement(Vl,this.props);default:return d().createElement("div",null)}}}function dc(){return dc=Object.assign?Object.assign.bind():function(e){for(var t=1;td().createElement("option",{value:t,key:t},e))),d().createElement(fl,bc({},this.props,{settings:this.props.state,label:Nr("Validation message"),type:"text",placeholder:Nr("Enter validation message"),property:"validation_message"}))),d().createElement(op,{value:"international",label:Nr("International"),boxClass:"sui-tab-boxed"},d().createElement(xl,bc({},this.props,{settings:this.props.state,label:Nr("Default country"),property:"phone_international_country",defaultValue:"US"}),_.map(s,(e,t)=>d().createElement("option",{value:t,key:t},e))),d().createElement(fl,bc({},this.props,{settings:this.props.state,label:Nr("Validation message"),type:"text",placeholder:Nr("Enter validation message"),property:"validation_message"}))),d().createElement(op,{value:"character_limit",label:Nr("Character Limit"),boxClass:"sui-tab-boxed"},d().createElement(fl,bc({},this.props,{settings:this.props.state,label:Nr("Limit field to"),type:"text",placeholder:Nr("10"),property:"limit",suffix:Nr("Characters"),inputClass:"sui-field-has-suffix"})),d().createElement(fl,bc({},this.props,{settings:this.props.state,label:Nr("Validation message"),type:"text",placeholder:Nr("Enter validation message"),property:"validation_message"})))))),d().createElement(Kl,this.props),d().createElement(Zl,bc({},this.props,{default:"disabled"})));case"visibility":return d().createElement(Fl,this.props);case"styling":return d().createElement(Vl,this.props);default:return d().createElement("div",null)}}}class yc extends er.Component{constructor(e){super(e),this.updateValue=this.updateValue.bind(this),this.clearValue=this.clearValue.bind(this);const t=_.isUndefined(this.props.defaultValue)?"":this.props.defaultValue,s=_.isUndefined(this.props.settings[this.props.property])?t:this.props.settings[this.props.property];this.state={value:s}}componentDidMount(){this.$el=jQuery(this.el),SUI.select.initVars(this.$el),this.updateValue=this.updateValue.bind(this);const e=this.$el.closest(".sui-form-field").hasClass("redirect-url");this.clearValue(this.$el),this.$el.on("change",t=>{const s=this.state.value+(e?"":" ")+t.target.value;this.updateValue(s.trim())}),this.$el.closest(".sui-form-field").hasClass("sui-variables-select-text")&&this.insertFormFields()}updateValue(e){"function"==typeof this.props.updateProperty?this.props.updateProperty(this.props.property,e):this.props.actions.settingsActions.updateSetting(this.props.property,e),"function"==typeof this.props.updateValue&&this.props.updateValue(this.props.counter,e),this.setState({value:e})}clearValue(e){e.val(null).trigger("change")}componentWillUnmount(){this.$el.off("change",this.updateValue),this.$el.unbind().removeData()}isValid(e){return this.props.isRequired?this.props.isRequired&&!_.isEmpty(e):!!_.isUndefined(this.props.isPositive)||(_.isEmpty(e)||e>=0)}insertFormFields(){this.$el.next(".select2-container").find(".select2-selection").html(Nr("+ Insert form fields"))}render(){const e=_.isUndefined(this.props.defaultValue)?"":this.props.defaultValue,t=_.isUndefined(this.props.settings[this.props.property])?e:this.props.settings[this.props.property],s=_.isUndefined(this.props.requiredError)?Nr("This field is required!"):this.props.requiredError,r=this.isValid(t)?"":" sui-form-field-error",a=_.isUndefined(this.props.customClass)?"":" "+this.props.customClass;let i="",n="input",o="";"textarea"===this.props.type&&(n="textarea",o="textarea-type"),this.props.label&&(i=d().createElement("label",{htmlFor:`forminator-field-${this.props.property}`,className:"sui-label"},this.props.label," ",(this.props.isRequired||this.props.required)&&d().createElement("span",{className:"sui-error"}," *"),this.props.note&&d().createElement("span",{className:"sui-label-note"},this.props.note)));const l=d().createElement(er.Fragment,null,"input"===n&&d().createElement("input",{id:`forminator-field-${this.props.property}`,type:"text",value:t,placeholder:this.props.placeholder,className:"sui-form-control",onChange:e=>{this.updateValue(e.target.value)}}),"textarea"===n&&d().createElement("textarea",{id:`forminator-field-${this.props.property}`,value:t,placeholder:this.props.placeholder,className:"sui-form-control",onChange:e=>{this.updateValue(e.target.value)},rows:this.props.rows}));return d().createElement("div",{className:`sui-form-field${a}${r}`},i,d().createElement("div",{className:`sui-insert-variables ${o}`},l,d().createElement("select",{"aria-label":Nr("Insert form data"),className:"sui-variables",ref:e=>this.el=e},this.props.children.length<=0&&d().createElement("optgroup",{label:Nr("No available options")}),this.props.children),this.props.isRequired&&!this.isValid(t)&&d().createElement("span",{className:"sui-error-message"},s),this.props.description&&d().createElement("span",{className:"sui-description"},this.props.description)))}}function vc(){return vc=Object.assign?Object.assign.bind():function(e){for(var t=1;t{e.push({value:"{"+t.element_id+"}",label:t.label})}),e}removeOption(){this.props.removeOption(this.props.counter)}updateLabel(e){this.props.updateLabel(this.props.counter,e.target.value)}updateValue(e){this.props.updateValue(this.props.counter,e.target.value)}onFocus(){this.setState({focus:!0})}onBlur(){this.state.focus&&this.setState({focus:!1})}render(){const e=_.isEmpty(this.props.option.label)?"sui-form-field-error":"";return d().createElement("div",{className:`sui-builder-field sui-can_move sui-react ${e}`},d().createElement("div",{className:"sui-field-info",style:{overflow:"inherit"}},d().createElement("i",{className:"sui-icon-drag sui-align_top","aria-hidden":"true"}),d().createElement("div",{className:"sui-builder-field-form"},d().createElement("div",{className:"sui-form-field-row"},d().createElement("input",{type:"text",placeholder:Nr("Label"),value:this.props.option.label,className:"sui-form-control",onChange:this.updateLabel.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlur.bind(this)})),d().createElement("div",{className:"sui-form-field-row"},d().createElement(yc,vc({},this.props,{settings:this.props.option,property:"value",placeholder:Nr("Value"),className:"sui-form-control",onChange:this.updateValue.bind(this)}),this.getNameOptions().map((e,t)=>d().createElement("option",{key:t,value:e.value,"data-content":e.value},_l(e.label))))))),d().createElement("div",{className:"sui-field-actions sui-align_top"},d().createElement("button",{className:"sui-button-icon sui-button-red",onClick:this.removeOption.bind(this)},d().createElement("i",{className:"sui-icon-trash","aria-hidden":"true"}),d().createElement("span",{className:"sui-screen-reader-text"},Nr("Delete meta")))))}}function _c(){return _c=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const s=Object.assign({},t);e.push(s)}),e}updateLabel(e,t){const s=this.getPropState();s[e].label=t,this.updateState(s)}updateValue(e,t){const s=this.getPropState();s[e].value=t,this.updateState(s)}moveOption(e,t){const s=this.getPropState();s.splice(t,0,s.splice(e,1)[0]),this.updateState(s)}removeOption(e){const t=this.getPropState();t.splice(e,1),this.updateState(t)}addOption(){const e=this.getPropState();e.push({label:"",value:""}),this.updateState(e)}render(){const e=this.props.state.options;return d().createElement("div",{className:"sui-box-builder"},d().createElement("div",{className:"sui-box-builder-body",ref:e=>this.el=e},d().createElement("div",{className:"sui-builder-fields"},_.map(e,(e,t)=>d().createElement(Ec,_c({key:t,counter:t,option:e,removeOption:this.removeOption,updateValue:this.updateValue,updateLabel:this.updateLabel},this.props)))),d().createElement("button",{className:"sui-button sui-button-dashed",onClick:this.addOption},d().createElement("i",{className:"sui-icon-plus","aria-hidden":"true"}),Nr("Add Custom User Meta")),this.props.metaDescription&&e.length<=0&&d().createElement("span",{className:"sui-description",style:{marginTop:"30px"}},this.props.metaDescription)))}}function xc(){return xc=Object.assign?Object.assign.bind():function(e){for(var t=1;t{this.multiFields.push({slug:e.value,label:e.label,placeholder:!0})})),this.multiFields.push({slug:"post_custom_fields",label:Nr("Custom Fields"),placeholder:!1})}render(){const{type:e}=this.props,t=_.isUndefined(forminatorData.postCategories[this.props.state.post_type])?[]:forminatorData.postCategories[this.props.state.post_type];switch(e){case"labels":return d().createElement(er.Fragment,null,d().createElement("p",{className:"sui-description"},Nr("Allow users to submit post data with this field. By default, this will create new posts, but you can assign it to any post type in the {{a}}Settings{{/a}} tab.",{components:{a:d().createElement(Pa,{to:"/builder/settings/"})}})),d().createElement("div",{value:"multiple",className:"sui-accordion sui-accordion-flushed fui-modal-accordion"},this.multiFields.map((e,t)=>!1===e.placeholder&&"post_custom_fields"!==e.slug?d().createElement(bl,xc({},this.props,{label:e.label,property:e.slug,settings:this.props.state,required:this.props.state[e.slug+"_required"],key:t}),d().createElement(er.Fragment,null,d().createElement(dl,null,d().createElement(ml,{cols:"6"},d().createElement(fl,xc({},this.props,{settings:this.props.state,label:Nr("Label"),placeholder:Nr("Enter label"),property:e.slug+"_label"}))),d().createElement(ml,{cols:"6"},d().createElement(fl,xc({},this.props,{settings:this.props.state,label:Nr("Placeholder (optional)"),placeholder:Nr("Enter placeholder"),property:e.slug+"_placeholder"})))),d().createElement(dl,null,d().createElement(ml,{cols:"12"},d().createElement(fl,xc({},this.props,{settings:this.props.state,label:Nr("Description (optional)"),placeholder:Nr("Enter description"),property:e.slug+"_description"})))))):!0===e.placeholder&&"post_custom_fields"!==e.slug?d().createElement(bl,xc({},this.props,{label:e.label,property:e.slug,settings:this.props.state,required:this.props.state[e.slug+"_required"],key:t}),d().createElement(er.Fragment,null,d().createElement(dl,null,d().createElement(ml,{cols:"12"},d().createElement(fl,xc({},this.props,{settings:this.props.state,label:Nr("Label"),placeholder:Nr("Enter label"),property:e.slug+"_label"})))),d().createElement(dl,null,d().createElement(ml,{cols:"12"},d().createElement(fl,xc({},this.props,{settings:this.props.state,label:Nr("Description (optional)"),placeholder:Nr("Enter description"),property:e.slug+"_description"})))))):"post_custom_fields"===e.slug?d().createElement(bl,xc({},this.props,{label:e.label,property:e.slug,settings:this.props.state,key:t,noBoxBody:!0}),d().createElement(er.Fragment,null,d().createElement(wc,xc({wrappers:this.props.wrappers},this.props)))):void 0)));case"settings":return d().createElement(er.Fragment,null,d().createElement(Ll,this.props),this.props.state.post_content&&d().createElement(Rl,null,d().createElement("p",{className:"sui-settings-label sui-dark"},Nr("Media button")),d().createElement("p",{className:"sui-description"},Nr("Allow media insertion in content editor")),d().createElement(Ol,xc({},this.props,{settings:this.props.state,property:"post_content_media",defaultValue:"0"}),d().createElement("div",{value:"1"},Nr("Enable")),d().createElement("div",{value:"0"},Nr("Disable"))),"1"===this.props.state.post_content_media&&d().createElement("div",{role:"alert",className:"sui-notice sui-notice-blue sui-active",style:{display:"block"},"aria-live":"assertive"},d().createElement("div",{className:"sui-notice-content"},d().createElement("div",{className:"sui-notice-message"},d().createElement("span",{className:"sui-notice-icon sui-icon-info","aria-hidden":"true"}),d().createElement("p",null,Nr("Users must have the {{a}}upload_files capability{{/a}} to access the media upload button.",{components:{a:d().createElement("a",{href:"https://wordpress.org/documentation/article/roles-and-capabilities/#upload_files",target:"_blank",rel:"noopener noreferrer"})}})))))),d().createElement(Rl,null,d().createElement("p",{className:"sui-settings-label sui-dark"},Nr("Post type")),d().createElement("p",{className:"sui-description"},Nr("Choose the post type associated with this field.")),d().createElement(xl,xc({},this.props,{settings:this.props.state,label:Nr("Assigned post type"),placeholder:Nr("post"),property:"post_type",fieldClass:"sui-input-md"}),_.map(forminatorData.postTypeList,(e,t)=>d().createElement("option",{value:e.value,key:t},_l(e.label))))),d().createElement(Rl,null,d().createElement("p",{className:"sui-settings-label sui-dark"},Nr("Default status")),d().createElement("p",{className:"sui-description"},Nr("When a user submits this form, choose what status this post data is.")),d().createElement(xl,xc({},this.props,{settings:this.props.state,label:Nr("Status"),placeholder:Nr("pending"),property:"data_status",fieldClass:"sui-input-md"}),d().createElement("option",{value:"draft"},Nr("Draft")),d().createElement("option",{value:"pending"},Nr("Pending Review")),d().createElement("option",{value:"publish"},Nr("Published")))),d().createElement(Rl,null,d().createElement("p",{className:"sui-settings-label sui-dark"},Nr("Default author")),d().createElement("p",{className:"sui-description"},Nr("By default we'll assign posts to users if they're logged in, and fall back to the user specified below if you're allowing visitors to make posts. You can also override this to always assign posts to a specified user.")),d().createElement(xl,xc({},this.props,{settings:this.props.state,label:Nr("Default author"),property:"select_author",fieldClass:"sui-input-md fui-reduce-spacing"}),_.map(forminatorData.userList,(e,t)=>d().createElement("option",{value:e.value,key:t},_l(e.label)))),d().createElement(fp,xc({},this.props,{settings:this.props.state,property:"default_author",label:Nr("Always assign posts to this user"),itemClass:"sui-checkbox-stacked sui-checkbox-sm"}))),t.length>0&&d().createElement("div",{className:"sui-box-settings-row"},d().createElement("div",{className:"sui-box-settings-col-2"},d().createElement("label",{className:"sui-settings-label sui-dark"},Nr("Taxonomies limits")),d().createElement("span",{className:"sui-description"},Nr("Choose whether to allow single or multiple categories or tags on this post.")),d().createElement("div",{className:"sui-form-field"},d().createElement(dl,null,_.map(t,(e,t)=>d().createElement(ml,{cols:"6",key:t},d().createElement(Ol,xc({},this.props,{settings:this.props.state,property:e.value+"_multiple",defaultValue:"0",label:e.label}),d().createElement("div",{value:"0"},Nr("Single")),d().createElement("div",{value:"1"},Nr("Multiple"))))))))));case"visibility":return d().createElement(Fl,this.props);case"styling":return d().createElement(Vl,this.props);default:return d().createElement("div",null)}}}class Cc extends er.Component{constructor(e){super(e),this.updateValue=this.updateValue.bind(this)}componentDidMount(){this.$el=jQuery(this.el),this.$el.wpColorPicker({change:function(e,t){jQuery(this).val(t.color.toCSS()).trigger("change")},palettes:["#333333","#FFFFFF","#097BAA","#E1F6FF","#666666","#AAAAAA","#E6E6E6"]});const e=this.$el,t=e.closest(".sui-colorpicker-wrap"),s=t.find(".sui-colorpicker-value span[role=button]"),r=t.find(".sui-colorpicker-value"),a=r.find("button"),i=e.closest(".wp-picker-container"),n=i.find(".wp-color-result"),o=n.find(".color-alpha"),l=i.find(".wp-picker-clear");let p=o;p=!0===e.data("alpha")?o:n,e.bind("change",function(){s.find("span").css({"background-color":p.css("background-color")}),r.find("input").val(e.val())}),t.find(".sui-button, span[role=button]").on("click",function(e){e.preventDefault(),e.stopPropagation(),n.click()}),a.on("click",function(e){e.preventDefault(),e.stopPropagation(),l.click(),r.find("input").val(""),s.find("span").css({"background-color":""})}),this.updateValue=this.updateValue.bind(this),this.$el.on("change",this.updateValue)}updateValue(e){const t=e.target.value;"function"==typeof this.props.updateProperty?this.props.updateProperty(this.props.property,t):this.props.actions.settingsActions.updateSetting(this.props.property,t)}componentWillUnmount(){const e=this.$el.data("wpWpColorPicker")&&jQuery(".wp-picker-active .wp-picker-input-wrap:visible");e&&e.length&&this.$el.wpColorPicker("close"),this.$el.off("change",this.updateValue),this.$el.unbind().removeData()}render(){const e=_.isUndefined(this.props.settings[this.props.property])||null===this.props.settings[this.props.property]?this.props.defaultValue:this.props.settings[this.props.property];let t="";return this.props.label&&(t=d().createElement("label",{className:"sui-label",htmlFor:`forminator-color-${this.props.property}`},this.props.label,this.props.note&&d().createElement("span",{className:"sui-label-note"}," ",this.props.note))),d().createElement("div",{className:"sui-form-field"},t,d().createElement("div",{className:"sui-colorpicker-wrap"},d().createElement("div",{className:"sui-colorpicker sui-colorpicker-"+(this.props.isAlpha?"rgba":"hex"),"aria-hidden":"true"},d().createElement("div",{className:"sui-colorpicker-value"},d().createElement("span",{role:"button"},d().createElement("span",{style:{backgroundColor:e}})),d().createElement("input",{type:"text",defaultValue:e,readOnly:"readonly"}),d().createElement("button",null,d().createElement("i",{className:"sui-icon-close","aria-hidden":"true"}))),d().createElement("button",{className:"sui-button"},Nr("Select",{context:"verb"}))),d().createElement("input",{ref:e=>this.el=e,defaultValue:e,id:`forminator-color-${this.props.property}`,className:"sui-colorpicker-input","data-alpha":this.props.isAlpha?"true":"false"})),this.props.description&&""!==this.props.description&&d().createElement("span",{className:"sui-description"},this.props.description))}}function kc(){return kc=Object.assign?Object.assign.bind():function(e){for(var t=1;t12?(r-=12,a="pm"):a="am",i>12?(i-=12,n="pm"):n="am",this.updateProperty("restrict_start_hour",r),this.updateProperty("restrict_start_minute",t),this.updateProperty("restrict_start_ampm",a),this.updateProperty("restrict_end_hour",i),this.updateProperty("restrict_end_minute",s),this.updateProperty("restrict_end_ampm",n))}updateProperty(e,t){this.props.updateProperty(e,t)}render(){const{type:e}=this.props,t=_.isUndefined(this.props.state.time_type)?"twelve":this.props.state.time_type,s=_.isUndefined(this.props.state.field_type)?"input":this.props.state.field_type,r="twelve"===t?12:24,a=Nr("{{strong}}Note:{{/strong}} The query parameter's value passed in URL should match with the selected time format.",{components:{strong:d().createElement("strong",null)}}),i=this.isTimeValid(t),n="twelve"===t?"h:mma":"H:mm",o=this.props.state,l=o.restrict_start_hour,p=_.isUndefined(o.restrict_start_minute)?"0":o.restrict_start_minute,c=_.isUndefined(o.restrict_start_ampm)?"":o.restrict_start_ampm,u=o.restrict_end_hour,m=_.isUndefined(o.restrict_end_minute)?"0":o.restrict_end_minute,h=_.isUndefined(o.restrict_end_ampm)?"":o.restrict_end_ampm,f=moment(l+":"+p+c,n).format(n),b=moment(u+":"+m+h,n).format(n);switch(e){case"labels":return d().createElement(er.Fragment,null,d().createElement(dl,null,d().createElement(ml,{cols:"6"},d().createElement(Ol,jc({},this.props,{settings:this.props.state,property:"field_type",label:Nr("Type")}),d().createElement("span",{value:"select"},Nr("Dropdowns")),d().createElement("span",{value:"input"},Nr("Number inputs")))),d().createElement(ml,{cols:"6"},d().createElement(Ol,jc({},this.props,{settings:this.props.state,property:"time_type",label:Nr("Format"),timeType:this.checkTimeTypeChange}),d().createElement("span",{value:"twelve"},Nr("12 hour")),d().createElement("span",{value:"twentyfour"},Nr("24 hour"))))),this.timeTypeChanged&&d().createElement("div",{role:"alert",className:"sui-notice sui-notice-grey sui-active",style:{display:"block"},"aria-live":"assertive"},d().createElement("div",{className:"sui-notice-content"},d().createElement("div",{className:"sui-notice-message"},d().createElement("span",{className:"sui-notice-icon sui-icon-info","aria-hidden":"true"}),d().createElement("p",null,Nr(`We have mapped the time limit you have set to match the new time format you have chosen. The current time limit is set between ${f} and ${b}. You can adjust this limit under the Settings tab.`))))),d().createElement(fl,jc({},this.props,{settings:this.props.state,label:Nr("Label"),placeholder:Nr("Enter label"),property:"field_label"})),d().createElement(fl,jc({},this.props,{settings:this.props.state,label:Nr("Description (optional)"),placeholder:Nr("Enter description"),property:"description"})),d().createElement("label",{className:"sui-label"},Nr("Fields")),d().createElement("div",{className:"sui-accordion sui-accordion-flushed",style:{marginTop:"10px"}},d().createElement(hp,jc({},this.props,{label:Nr("Hours")}),d().createElement(dl,null,d().createElement(ml,{cols:"6"},d().createElement(fl,jc({},this.props,{settings:this.props.state,label:Nr("Label (optional)"),placeholder:Nr("Enter label"),property:"hh_label"}))),"select"!==s&&d().createElement(ml,{cols:"6"},d().createElement(fl,jc({},this.props,{settings:this.props.state,label:Nr("Placeholder (optional)"),placeholder:Nr("Enter placeholder"),property:"hh_placeholder"}))))),d().createElement(hp,jc({},this.props,{label:Nr("Minutes")}),d().createElement(dl,null,d().createElement(ml,{cols:"6"},d().createElement(fl,jc({},this.props,{settings:this.props.state,label:Nr("Label (optional)"),placeholder:Nr("Enter label"),property:"mm_label"}))),"select"!==s&&d().createElement(ml,{cols:"6"},d().createElement(fl,jc({},this.props,{settings:this.props.state,label:Nr("Placeholder (optional)"),placeholder:Nr("Enter placeholder"),property:"mm_placeholder"}))))),"twelve"===t&&d().createElement(hp,jc({},this.props,{label:Nr("AM/PM")}),d().createElement(dl,null,d().createElement(ml,{cols:"6"},d().createElement(fl,jc({},this.props,{settings:this.props.state,label:Nr("Label (optional)"),placeholder:Nr("Enter label"),property:"am_pm_label"})))))));case"settings":return d().createElement(er.Fragment,null,d().createElement(Ll,this.props),d().createElement(Rl,{label:Nr("Increments"),labelDark:!0,description:Nr("Choose what time increments you want to use for the hour and minute timepickers."),descriptionSpacing:20,sidebar:!1},d().createElement("div",{className:"sui-form-field-inline"},d().createElement(jl,jc({},this.props,{settings:this.props.state,label:Nr("Hour"),property:"increment_hour","data-width":"86"}),[...Array(r)].map((e,t)=>d().createElement("option",{value:t,key:t},t))),d().createElement(jl,jc({},this.props,{settings:this.props.state,label:Nr("Minute"),property:"increment_minute","data-width":"86"}),[...Array(60)].map((e,t)=>d().createElement("option",{value:t,key:t},t))))),d().createElement(Rl,{label:Nr("Limits"),labelDark:!0,description:Nr("Choose a time limit for the time picker field to restrict the time selection between specific hours."),descriptionSpacing:20,sidebar:!1},d().createElement(ap,jc({},this.props,{property:"restrict_time",settings:this.props.state,default:"none",simple:!0}),d().createElement(op,jc({settings:this.props.state},this.props,{value:"specific",label:Nr("Specific Hours"),boxClass:"sui-tab-boxed"}),d().createElement("label",{className:"sui-label"},Nr("Start Time")),d().createElement(dl,null,d().createElement(ml,{cols:"3"},d().createElement(jl,jc({},this.props,{settings:this.props.state,placeholder:"1",property:"restrict_start_hour"}),[...Array(r)].map((e,t)=>d().createElement("option",{value:t,key:t},t)))),d().createElement(ml,{cols:"3"},d().createElement(jl,jc({},this.props,{settings:this.props.state,placeholder:"0",property:"restrict_start_minute"}),[...Array(60)].map((e,t)=>d().createElement("option",{value:t,key:t},t)))),"twelve"===t&&d().createElement(ml,{cols:"3"},d().createElement(jl,jc({},this.props,{settings:this.props.state,property:"restrict_start_ampm"}),d().createElement("option",{value:"am"},Nr("AM")),d().createElement("option",{value:"pm"},Nr("PM"))))),d().createElement("label",{className:"sui-label"},Nr("End Time")),d().createElement(dl,null,d().createElement(ml,{cols:"3"},d().createElement(jl,jc({},this.props,{settings:this.props.state,placeholder:"1",property:"restrict_end_hour"}),[...Array(r)].map((e,t)=>d().createElement("option",{value:t,key:t},t)))),d().createElement(ml,{cols:"3"},d().createElement(jl,jc({},this.props,{settings:this.props.state,placeholder:"0",property:"restrict_end_minute"}),[...Array(60)].map((e,t)=>d().createElement("option",{value:t,key:t},t)))),"twelve"===t&&d().createElement(ml,{cols:"3"},d().createElement(jl,jc({},this.props,{settings:this.props.state,property:"restrict_end_ampm"}),d().createElement("option",{value:"am"},Nr("AM")),d().createElement("option",{value:"pm"},Nr("PM"))))),d().createElement(dl,null,d().createElement(ml,{cols:"12"},d().createElement(fl,jc({},this.props,{settings:this.props.state,label:Nr("Error Message"),property:"restrict_message",description:Nr("This error message will be used when time entered is out of the set limits.")}))))),d().createElement(np,{value:"none"},Nr("None")))),d().createElement(Rl,{label:Nr("Default Time"),labelDark:!0,description:Nr("Use this feature to specify a default selected time."),descriptionSpacing:20,sidebar:!1},d().createElement(ap,jc({},this.props,{property:"default_time",settings:this.props.state,default:"none",simple:!0}),d().createElement(op,jc({},this.props,{label:Nr("Default"),settings:this.props.state,value:"default",boxClass:"sui-tab-boxed"}),d().createElement(dl,null,d().createElement(ml,{cols:"3"},d().createElement(jl,jc({},this.props,{settings:this.props.state,label:Nr("Hour"),placeholder:"1",property:"default_time_hour"}),[...Array(r)].map((e,t)=>d().createElement("option",{value:t,key:t},t)))),d().createElement(ml,{cols:"3"},d().createElement(jl,jc({},this.props,{settings:this.props.state,label:Nr("Minute"),placeholder:"0",property:"default_time_minute"}),[...Array(60)].map((e,t)=>d().createElement("option",{value:t,key:t},t)))),"twelve"===t&&d().createElement(ml,{cols:"3"},d().createElement(jl,jc({},this.props,{settings:this.props.state,label:" ",property:"default_time_ampm"}),d().createElement("option",{value:"am"},Nr("AM")),d().createElement("option",{value:"pm"},Nr("PM"))))),!i&&d().createElement("span",{className:"sui-error-message"},Nr("Default time can't be outside the allowed time limit."))),d().createElement(np,{value:"none"},Nr("None")))),d().createElement(Kl,jc({},this.props,{notice:a})));case"visibility":return d().createElement(Fl,this.props);case"styling":return d().createElement(Vl,this.props);default:return d().createElement("div",null)}}}class Uc extends er.Component{constructor(e){super(e),this.updateValue=this.updateValue.bind(this),this.updateCheckboxItem=this.updateCheckboxItem.bind(this),this.onSelectAllCheckboxes=this.onSelectAllCheckboxes.bind(this)}updateValue(e){"function"==typeof this.props.updateProperty?this.props.updateProperty(this.props.property,e):this.props.actions.settingsActions.updateSetting(this.props.property,e)}onSelectAllCheckboxes(e,t,s){let r=_.isUndefined(this.props.settings[this.props.property])||!_.isArray(this.props.settings[this.props.property])?[]:this.props.settings[this.props.property];s.map(s=>{t?(r=r.concat(e),r.indexOf(s.value)<0&&(r=r.concat(s.value))):(r=r.filter(t=>t!==e),r.indexOf(s.value)>=0&&(r=r.filter(e=>e!==s.value)))}),this.updateValue(r)}updateCheckboxItem(e,t,s){let r=_.isUndefined(this.props.settings[this.props.property])||!_.isArray(this.props.settings[this.props.property])?[]:this.props.settings[this.props.property];if(t?r.indexOf(e)<0&&(r=r.concat(e)):!t&&r.indexOf(e)>=0&&(r=r.filter(t=>t!==e)),!_.isUndefined(this.props.fileType)){let e=s.filter(e=>r.includes(e.value));r=e.length===s.length?r.concat(this.props.fileType):r.filter(e=>e!==this.props.fileType)}this.updateValue(r)}render(){const e=_.isUndefined(this.props.settings[this.props.property])||!_.isArray(this.props.settings[this.props.property])?[]:this.props.settings[this.props.property],t=this.props.checkboxes;return d().createElement(er.Fragment,null,d().createElement("label",{htmlFor:`forminator-field-${this.props.property}`,className:"sui-label"},this.props.label),d().createElement("label",{htmlFor:`forminator-field-${this.props.property}-${this.props.fileType}`,className:"sui-checkbox sui-checkbox-stacked sui-checkbox-sm sui-checkbox-pre"},d().createElement("input",{type:"checkbox",id:`forminator-field-${this.props.property}-${this.props.fileType}`,value:this.props.fileType,checked:e.indexOf(this.props.fileType)>=0?"checked":"",onChange:e=>{this.onSelectAllCheckboxes(this.props.fileType,e.target.checked,t)}}),d().createElement("span",{"aria-hidden":"true"}),d().createElement("span",null,Nr("All"))),t.map((s,r)=>d().createElement("label",{key:r,htmlFor:`forminator-field-${this.props.property}-${s.value}`,className:"sui-checkbox "+s.itemClass},d().createElement("input",{type:"checkbox",id:`forminator-field-${this.props.property}-${s.value}`,value:s.value,checked:e.indexOf(s.value)>=0?"checked":"",onChange:e=>{this.updateCheckboxItem(s.value,e.target.checked,t)}}),d().createElement("span",{"aria-hidden":"true"}),d().createElement("span",null,_l(s.label)))))}}function Vc(){return Vc=Object.assign?Object.assign.bind():function(e){for(var t=1;t{t.push({value:e,label:"."+e,itemClass:"sui-checkbox-stacked sui-checkbox-sm sui-checkbox-pre"})}),_.isUndefined(forminatorData.fileExts.document)||forminatorData.fileExts.document.map(e=>{s.push({value:e,label:"."+e,itemClass:"sui-checkbox-stacked sui-checkbox-sm sui-checkbox-pre"})}),_.isUndefined(forminatorData.fileExts.image)||forminatorData.fileExts.image.map(e=>{r.push({value:e,label:"."+e,itemClass:"sui-checkbox-stacked sui-checkbox-sm sui-checkbox-pre"})}),_.isUndefined(forminatorData.fileExts.video)||forminatorData.fileExts.video.map(e=>{a.push({value:e,label:"."+e,itemClass:"sui-checkbox-stacked sui-checkbox-sm sui-checkbox-pre"})}),_.isUndefined(forminatorData.fileExts.archive)||forminatorData.fileExts.archive.map(e=>{i.push({value:e,label:"."+e,itemClass:"sui-checkbox-stacked sui-checkbox-sm sui-checkbox-pre"})}),_.isUndefined(forminatorData.fileExts.text)||forminatorData.fileExts.text.map(e=>{n.push({value:e,label:"."+e,itemClass:"sui-checkbox-stacked sui-checkbox-sm sui-checkbox-pre"})}),_.isUndefined(forminatorData.fileExts.spreadsheet)||forminatorData.fileExts.spreadsheet.map(e=>{o.push({value:e,label:"."+e,itemClass:"sui-checkbox-stacked sui-checkbox-sm sui-checkbox-pre"})}),_.isUndefined(forminatorData.fileExts.interactive)||forminatorData.fileExts.interactive.map(e=>{l.push({value:e,label:"."+e,itemClass:"sui-checkbox-stacked sui-checkbox-sm sui-checkbox-pre"})});const p=d().createElement(d().Fragment,null,Nr("Add a comma-separated list of additional file types along with their MIME types separated by “ | ”.")," ",forminatorData.showDocLink&&Nr("{{link}}Learn more{{/link}}",{components:{link:d().createElement("a",{href:"https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#upload-field-additional-filetypes",target:"_blank"})}}));return d().createElement("div",{className:"sui-box-settings-row"},d().createElement("div",{className:"sui-box-settings-col-2"},d().createElement("label",{className:"sui-settings-label sui-dark"},Nr("Allowed filetypes")),d().createElement("span",{className:"sui-description"},Nr("We use WordPress' {{a}}default allowed mime types{{/a}} to determine which file types can be uploaded. If you want to allow or restrict specific file types from being upload, you can do so by choosing the Specific filetypes option below.",{components:{a:d().createElement("a",{href:"https://developer.wordpress.org/reference/functions/get_allowed_mime_types",target:"_blank"})}})),d().createElement("div",{className:"sui-tabs sui-side-tabs",style:{marginTop:"10px"}},d().createElement("div",{className:"sui-tabs-menu"},d().createElement("div",{className:"sui-tab-item "+(e?"":"active"),onClick:this.toggleValue.bind(this,!1)},Nr("Default")),d().createElement("div",{className:"sui-tab-item "+(e?"active":""),onClick:this.toggleValue.bind(this,!0)},Nr("Specific filetypes"))),d().createElement("div",{className:"sui-tabs-content"},d().createElement("div",{className:"sui-tab-boxed "+(e?"active":"")},d().createElement(dl,null,d().createElement(ml,{cols:"3"},d().createElement(Uc,Vc({},this.props,{label:Nr("Images"),settings:this.props.state,fileType:"all-image",property:"filetypes",checkboxes:r}))),d().createElement(ml,{cols:"3"},d().createElement(Uc,Vc({},this.props,{label:Nr("Documents"),settings:this.props.state,fileType:"all-document",property:"filetypes",checkboxes:s}))),d().createElement(ml,{cols:"3"},d().createElement(Uc,Vc({},this.props,{label:Nr("Audio"),settings:this.props.state,fileType:"all-audio",property:"filetypes",checkboxes:t}))),d().createElement(ml,{cols:"3"},d().createElement(Uc,Vc({},this.props,{label:Nr("Video"),settings:this.props.state,fileType:"all-video",property:"filetypes",checkboxes:a})))),d().createElement(dl,null,d().createElement(ml,{cols:"3"},d().createElement(Uc,Vc({},this.props,{label:Nr("Archive"),settings:this.props.state,fileType:"all-archive",property:"filetypes",checkboxes:i}))),d().createElement(ml,{cols:"3"},d().createElement(Uc,Vc({},this.props,{label:Nr("Text"),settings:this.props.state,fileType:"all-text",property:"filetypes",checkboxes:n}))),d().createElement(ml,{cols:"3"},d().createElement(Uc,Vc({},this.props,{label:Nr("Spreadsheet"),settings:this.props.state,fileType:"all-spreadsheet",property:"filetypes",checkboxes:o}))),d().createElement(ml,{cols:"3"},d().createElement(Uc,Vc({},this.props,{label:Nr("Interactive"),settings:this.props.state,fileType:"all-interactive",property:"filetypes",checkboxes:l})))),d().createElement(dl,null,d().createElement(ml,{cols:"12"},d().createElement(ql,Vc({},this.props,{settings:this.props.state,label:Nr("Additional filetypes"),placeholder:Nr("E.g. .dts|audio/vnd.dts, .ai|application/postscript"),property:"additional-type",description:p})),d().createElement("div",{role:"alert",className:"sui-notice sui-active",style:{display:"block"},"aria-live":"assertive"},d().createElement("div",{className:"sui-notice-content"},d().createElement("div",{className:"sui-notice-message"},d().createElement("span",{className:"sui-notice-icon sui-icon-info","aria-hidden":"true"}),d().createElement("p",null,Nr("Note that if you're having trouble uploading one of the enabled filetypes, that filetype may be restricted by your hosting provider.")))))))))),d().createElement("div",{role:"alert",className:"sui-notice sui-notice-warning",style:{display:"block"},"aria-live":"assertive"},d().createElement("div",{className:"sui-notice-content"},d().createElement("div",{className:"sui-notice-message"},d().createElement("span",{className:"sui-notice-icon sui-icon-warning-alert","aria-hidden":"true"}),d().createElement("p",null,Nr("For security reasons, the following file types are disabled by default: .htm, .html, .shtml, .phtml, .jse, .jar, .xml, .css, .asp, .aspx, .jsp, .sql, .hta, .dll, .bat, .com, .sh, .bash, .py, .pl, .js, .php, .svg, .swf, .dfxp, .rar and .exe. The above file types could potentially allow malicious files to be uploaded, which could be used to gain access to your site.")))))))}}function Rc(){return Rc=Object.assign?Object.assign.bind():function(e){for(var t=1;tr?" sui-form-field-error":"")})),d().createElement(xl,Rc({},this.props,{property:"filesize",settings:this.props.state,defaultValue:"MB",elementClass:"sui-select-inline",simple:!0,ariaLabel:Nr("Select upload size unit (KB or MB)")}),d().createElement("option",{value:"MB"},Nr("MB")),d().createElement("option",{value:"KB"},Nr("KB")),d().createElement("option",{value:"B"},Nr("B")))),d().createElement("div",{role:"alert",className:`sui-notice${parseInt(t)>r&&" sui-active"}`,style:{display:parseInt(t)>r?"block":"none"},"aria-live":"assertive"},parseInt(t)>r&&d().createElement("div",{className:"sui-notice-content"},d().createElement("div",{className:"sui-notice-message"},d().createElement("span",{className:"sui-notice-icon sui-icon-info","aria-hidden":"true"}),d().createElement("p",null,Nr("The file size you have entered exceeds what your current hosting settings are capped to. You need to increase your max filesize limit at the server level first."))))))),"multiple"===a&&d().createElement(Rl,null,d().createElement("label",{className:"sui-settings-label sui-dark"},Nr("Upload method")),d().createElement("span",{className:"sui-description"},Nr("Choose whether you want to use AJAX to upload individual files as they are selected or use the traditional method of uploading all files together on form submission. We recommend using the AJAX method to avoid server timeouts.")),d().createElement("div",{className:"sui-form-field-inline"},d().createElement(Ol,Rc({},this.props,{settings:this.props.state,property:"upload-method",defaultValue:"ajax"}),d().createElement("div",{value:"ajax"},Nr("AJAX")),d().createElement("div",{value:"submission"},Nr("On form submission"))))),d().createElement(Rl,null,d().createElement("label",{className:"sui-settings-label sui-dark"},Nr("Show files in media library")),d().createElement("span",{className:"sui-description"},Nr("Choose whether you want to show the files uploaded by your visitors using this field in your media library.")),d().createElement("div",{className:"sui-form-field-inline"},d().createElement(Ol,Rc({},this.props,{settings:this.props.state,property:"use_library",defaultValue:""}),d().createElement("div",{value:"true"},Nr("Enable")),d().createElement("div",{value:""},Nr("Disable"))))));case"visibility":return d().createElement(Fl,this.props);case"styling":return d().createElement(Vl,this.props);default:return d().createElement("div",null)}}}function Lc(){return Lc=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0;)a-=1;const n=r.slice(0,a-1)+r.slice(i,r.length);this.updateValue(n),t.val(n),t.prop("selectionStart",a-1),t.prop("selectionEnd",a-1)}}}insertChar(e){_.includes([32,34,37,40,41,42,43,44,45,47,46,48,49,50,51,52,53,54,55,56,57,94],e.charCode)||e.preventDefault()}getDisabledFields(){const e=["number","slider","radio","select","checkbox","calculation","currency"],t=[];return _.each(forminatorData.fields,s=>{_.includes(e,s.type)||t.push(s.type)}),t}getFields(){const e=this.getDisabledFields();return Ar(this.props.wrappers,e)}isCalculationEnabled(e){let t=!0;return _.each(this.props.wrappers,s=>{_.each(s.fields,s=>{s.element_id!==e||"false"!==s.calculations&&!1!==s.calculations||(t=!1)})}),t}maybeReplaceFields(e){let t,s=arguments.length>1&&void 0!==arguments[1]&&arguments[1];const r=_.map(forminatorData.fields,e=>e.type).join("|"),a=new RegExp("\\{("+("("+r+")-\\d+")+")(\\-[A-Za-z-_]+)?(\\-[0-9\\*]+)?\\}","g");let i=_l(e);for(;t=a.exec(e);){const e=t[0];if(_.isUndefined(e))continue;if(!this.isCalculationEnabled(t[1]))return{error:Nr("%s is disabled for calculations. Please insert a valid field from the merged tags option.",{args:[e]}),result:!1};if(!Er(t[1],this.props.wrappers))return{error:Nr("%s does not exist in your form. Please insert a valid field from the merged tags option.",{args:[e]}),result:!1};if(s){const s=vr(t[1],this.props.wrappers),r=t[3]||"";i=i.replace(e,''+_l(s)+_l(r)+"")}else i=_l(i.replace(e,"(1)"))}return i}previewFormula(e){return this.maybeReplaceFields(e,!0)}validateFormula(e){const t=this.maybeReplaceFields(e,!1);if(!_.isUndefined(t.error))return this.props.modal.isValid=!1,this.props.modal.validationError=Nr("Calculation formula is required!"),t;const s=window.forminatorCalculator(t),r={};let a;try{if(a=s.calculate(),!isFinite(a))return r.error=Nr("Infinity calculation result."),r.result=!1,this.props.modal.isValid=!1,this.props.modal.validationError=r.error,r;r.result=Number(a.toFixed(2)),this.props.modal.isValid=!0}catch(e){r.error=e,r.result=!1,this.props.modal.isValid=!1,this.props.modal.validationError=r.error}return r}render(){const e=this.getFields(),t=_.indexBy(this.props.wrappers,"wrapper_id")[(this.props.modal.wrapper?this.props.modal.wrapper.wrapper_id:null)||this.props.state.wrapper_id].parent_group,s=_.map(e,(e,s)=>{if(e.element_id!==this.props.state.element_id||"slider"===e.field_type)return e.hasCalcs||"calculation"===e.field_type?d().createElement(er.Fragment,null,d().createElement("li",{className:"wpmudev-dropdown--option",key:s},d().createElement("button",{onClick:t=>this.insert(t,"{"+e.element_id+"}")},_l(e.label))),e.parent_group&&!t&&d().createElement("li",{className:"wpmudev-dropdown--option",key:s},d().createElement("button",{onClick:t=>this.insert(t,"{"+e.element_id+"-*}")},e.label+Nr(" (all)")))):void 0}),r=_.map(["abs","avg","ceil","floor","max","min","round"],e=>d().createElement("li",{className:"wpmudev-dropdown--option",key:e},d().createElement("button",{onClick:t=>this.insert(t,e+"()")},e+"()"))),a=_.isUndefined(this.props.settings[this.props.property])?"":this.props.settings[this.props.property],i=this.validateFormula(a),n=this.previewFormula(a),o=!1===i.result?" fui-error":"";return d().createElement(er.Fragment,null,d().createElement("div",{className:"sui-form-field"},d().createElement("label",{className:"sui-label"},Nr("Calculation Formula")),d().createElement("div",{className:`fui-calculations${o}`,ref:e=>this.el=e},d().createElement("div",{className:"fui-calcs-bar"},d().createElement("div",{className:"sui-dropdown sui-dropdown-right"},d().createElement("button",{className:"sui-button-icon sui-button-blue sui-tooltip sui-tooltip-top-left sui-dropdown-anchor","data-tooltip":Nr("Add Form Fields")},d().createElement("i",{className:"sui-icon-layout","aria-hidden":"true"}),d().createElement("span",{className:"sui-screen-reader-text"},Nr("Open list of fields"))),d().createElement("ul",null,s)),d().createElement("button",{className:"sui-button-icon",onClick:e=>this.insert(e,"+")},d().createElement("i",{className:"sui-icon-plus","aria-hidden":"true"}),d().createElement("span",{className:"sui-screen-reader-text"},Nr("Sum"))),d().createElement("button",{className:"sui-button-icon",onClick:e=>this.insert(e,"-")},d().createElement("b",{"aria-hidden":"true"},"-"),d().createElement("span",{className:"sui-screen-reader-text"},Nr("Minus"))),d().createElement("button",{className:"sui-button-icon",onClick:e=>this.insert(e,"*")},d().createElement("b",{"aria-hidden":"true"},"*"),d().createElement("span",{className:"sui-screen-reader-text"},Nr("Multiply"))),d().createElement("button",{className:"sui-button-icon",onClick:e=>this.insert(e,"/")},d().createElement("b",{"aria-hidden":"true"},"/"),d().createElement("span",{className:"sui-screen-reader-text"},Nr("Divide"))),d().createElement("button",{className:"sui-button-icon",onClick:e=>this.insert(e,"^")},d().createElement("b",{"aria-hidden":"true"},"^"),d().createElement("span",{className:"sui-screen-reader-text"},Nr("Exponentiate"))),d().createElement("button",{className:"sui-button-icon",onClick:e=>this.insert(e,"%")},d().createElement("b",{"aria-hidden":"true"},"%"),d().createElement("span",{className:"sui-screen-reader-text"},Nr("Modulus"))),d().createElement("button",{className:"sui-button-icon",onClick:e=>this.insert(e,"(")},d().createElement("b",{"aria-hidden":"true"},"("),d().createElement("span",{className:"sui-screen-reader-text"},Nr("Open parenthesis"))),d().createElement("button",{className:"sui-button-icon",onClick:e=>this.insert(e,")")},d().createElement("b",{"aria-hidden":"true"},")"),d().createElement("span",{className:"sui-screen-reader-text"},Nr("Close parenthesis"))),d().createElement("button",{className:"sui-button-icon",onClick:e=>this.insert(e,",")},d().createElement("b",{"aria-hidden":"true"},","),d().createElement("span",{className:"sui-screen-reader-text"},Nr("Comma"))),d().createElement("button",{className:"sui-button-icon",onClick:e=>this.insert(e,"PI")},d().createElement("b",{"aria-hidden":"true"},"PI"),d().createElement("span",{className:"sui-screen-reader-text"},Nr("PI constant"))),d().createElement("div",{className:"sui-dropdown sui-dropdown-right"},d().createElement("button",{className:"sui-button-icon sui-tooltip sui-tooltip-top-left sui-dropdown-anchor","data-tooltip":Nr("Add Function")},d().createElement("i",{className:"sui-icon-more","aria-hidden":"true"}),d().createElement("span",{className:"sui-screen-reader-text"},Nr("Open function list"))),d().createElement("ul",null,r))),d().createElement("div",{className:"fui-calcs-editor"},d().createElement("textarea",{autoFocus:!0,onKeyPress:e=>this.insertChar(e),onKeyDown:e=>this.deleteChar(e),defaultValue:a,onChange:e=>{this.updateValue(e.target.value)}}))),!1===i.result&&d().createElement("span",{className:"sui-error-message"},i.error),d().createElement("span",{className:"sui-description"},Nr("You can preview your form and check if the formula is generating expected results."))),d().createElement("div",{className:"sui-form-field"},d().createElement("label",{className:"sui-label"},Nr("Formula Preview")),d().createElement("div",{className:"fui-calculations-preview",dangerouslySetInnerHTML:{__html:n}})),d().createElement(Wp,this.props))}}function qc(){return qc=Object.assign?Object.assign.bind():function(e){for(var t=1;t

this.el=e},d().createElement("div",{className:"sui-box-builder-body"},this.props.behaviors.length>0&&d().createElement("div",{className:"sui-builder-fields"},_.map(this.props.behaviors,(e,t)=>d().createElement(vf,Ef({key:e.slug,behavior:e},this.props,{counter:t})))),d().createElement("button",{className:"sui-button sui-button-dashed",onClick:this.addBehavior},d().createElement("i",{className:"sui-icon-plus","aria-hidden":"true"}),Nr("Add Behavior"))))}}function wf(){return wf=Object.assign?Object.assign.bind():function(e){for(var t=1;t1&&this.props.behaviors.slice(0,-1).some(e=>!e.conditions||!e.conditions.length);return d().createElement("div",{id:"forminator-section-behavior-submission",className:"sui-box-settings-row"},d().createElement("div",{className:"sui-box-settings-col-1"},d().createElement("span",{className:"sui-settings-label"},Nr("Submission Behavior")),d().createElement("span",{className:"sui-description"},Nr("Configure what should happen when a user submits this form."))),d().createElement("div",{className:"sui-box-settings-col-2"},"leads"!==this.props.formType&&d().createElement(er.Fragment,null,d().createElement("label",{className:"sui-settings-label"},Nr("After submission")),d().createElement("span",{className:"sui-description",style:{marginBottom:10}},Nr("Choose what happens after successful submission of this form. Multiple submission behaviors can be added and conditionally processed based on submitted form data.")),e&&d().createElement("div",{role:"alert",className:"sui-notice sui-notice-blue sui-active",style:{display:"block",margin:"10px 0 20px"},"aria-live":"assertive"},d().createElement("div",{className:"sui-notice-content"},d().createElement("div",{className:"sui-notice-message"},d().createElement("span",{className:"sui-notice-icon sui-icon-info","aria-hidden":"true"}),d().createElement("p",null,Nr("You’ll need to configure conditional logic for each submission behavior to ensure Forminator knows when each behavior should be processed. If no conditions have been set, the first submission behavior will be processed."))))),d().createElement("div",{className:"sui-box-body",style:{marginBottom:30}},d().createElement(_f,this.props)),d().createElement(ap,wf({},this.props,{property:"enable-ajax",defaultValue:"true",settingsLabel:Nr("Method"),disabled:br("stripe",this.props.wrappers)||br("stripe-ocs",this.props.wrappers),description:Nr("Choose whether you want to use AJAX to send this form without reloading the page, or use the more traditional method of reloading the page.")}),d().createElement(op,{value:"true",label:Nr("Ajax")},(br("stripe",this.props.wrappers)||br("stripe-ocs",this.props.wrappers))&&d().createElement("div",{role:"alert",className:"sui-notice sui-notice-blue sui-active",style:{display:"block"},"aria-live":"assertive"},d().createElement("div",{className:"sui-notice-content"},d().createElement("div",{className:"sui-notice-message"},d().createElement("span",{className:"sui-notice-icon sui-icon-info","aria-hidden":"true"}),d().createElement("p",null,Nr("Note that you can only use the Ajax submission method while using the Stripe field in your form. The Ajax method will hide your form after the successful submission and only your inline success message will be shown. The form will be available again when the page is reloaded.")))))),d().createElement(op,{value:"false",label:Nr("Page Reload")},(br("stripe",this.props.wrappers)||br("stripe-ocs",this.props.wrappers))&&d().createElement("div",{role:"alert",className:"sui-notice sui-notice-blue sui-active",style:{display:"block"},"aria-live":"assertive"},d().createElement("div",{className:"sui-notice-content"},d().createElement("div",{className:"sui-notice-message"},d().createElement("span",{className:"sui-notice-icon sui-icon-info","aria-hidden":"true"}),d().createElement("p",null,Nr("Note that you can only use the Ajax submission method while using the Stripe field in your form. The Ajax method will hide your form after the successful submission and only your inline success message will be shown. The form will be available again when the page is reloaded.")))))))),d().createElement(Ol,wf({},this.props,{property:"validation",defaultValue:"true",settingsLabel:Nr("Validation"),settingsDesc:Nr("For fields that you've chosen to validate, choose how you want the validation to behave. On submission will run validation checks when the user submits the form using Ajax (recommended). The Live method will check fields at the same time as the user fills them out. Server side does the validation using PHP and returns any error messages after a page reload.")}),d().createElement("div",{value:"on_submit"},Nr("On Submit")),d().createElement("div",{value:"server"},Nr("Server Side"))),d().createElement(Ip,wf({},this.props,{label:Nr("Enable inline validation (as user types)"),property:"validation-inline",unWrap:!0})),d().createElement("div",{style:{marginTop:"30px"}},d().createElement(ap,wf({},this.props,{property:"submission-indicator",settingsLabel:Nr("Submission Indicator"),default:"",description:Nr("Shows a loader on your form while it's being submitted. Recommended for long forms or forms with a payment field, as these can take a few seconds to submit.")}),d().createElement(op,{value:"show",boxClass:"sui-tab-boxed",label:Nr("Show Loader")},d().createElement(fl,wf({},this.props,{property:"indicator-label",placeholder:Nr("E.g. Submitting…"),defaultValue:"Submitting...",ariaLabel:Nr("Text to show on the right of loading icon"),description:Nr("Choose the text to show on the right of loading icon")}))),d().createElement(np,{label:Nr("None"),value:""})))))}}function Nf(){return Nf=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const t=function(e){let t=[],s=forminatorData.fields.filter(t=>t.type===e);return s.length<1?[]:(s=s[0],_.isUndefined(s.autofill_settings)||(t=s.autofill_settings),t)}(e.field_type),s=e.field_slug;if(!_.isUndefined(t[s])&&!_.isUndefined(t[s].values)&&!_.isEmpty(t[s].values)){let r={element_id:"",provider:"",is_editable:"no"},a=this.savedFieldsAutofill.filter(t=>t.element_id===e.element_id),i=!1;_.isUndefined(a)||_.isEmpty(a)||(a=a[0],r={element_id:a.element_id,provider:a.provider,is_editable:a.is_editable},i=!0),e.selectedProvider=r,e.isActive=i,e.autofillProviders=t[s].values,this.fieldsWithAutoFill.push(e)}})}maybeGetNoFieldsMarkup(){return _.isEmpty(this.fieldsWithAutoFill)?d().createElement("div",{role:"alert",className:"sui-notice sui-notice-red sui-active",style:{display:"block"},"aria-live":"assertive"},d().createElement("div",{className:"sui-notice-content"},d().createElement("div",{className:"sui-notice-message"},d().createElement("span",{className:"sui-notice-icon sui-icon-info","aria-hidden":"true"}),d().createElement("p",null,Nr("Form does not have fields that can be autofilled."))))):""}updateProvider(e,t,s){let r=this.savedFieldsAutofill.filter(e=>e.element_id===s);_.isEmpty(r)?(r={element_id:s,provider:t,is_editable:"no"},this.savedFieldsAutofill.push(r)):(r=r[0],r.provider=t,this.savedFieldsAutofill=this.savedFieldsAutofill.map(e=>e.element_id===s?r:e)),this.props.actions.settingsActions.updateSetting("fields-autofill",this.savedFieldsAutofill)}updateEditable(e,t,s){let r=this.savedFieldsAutofill.filter(e=>e.element_id===s);_.isEmpty(r)?(r={element_id:s,provider:"",is_editable:t},this.savedFieldsAutofill.push(r)):(r=r[0],r.is_editable=t,this.savedFieldsAutofill=this.savedFieldsAutofill.map(e=>e.element_id===s?r:e)),this.props.actions.settingsActions.updateSetting("fields-autofill",this.savedFieldsAutofill)}renderProviderOptions(e){const t=[];return Object.entries(e).forEach(e=>{let[s,r]=e;const a=[];Object.entries(r.attributes).forEach(e=>{let[t,s]=e;a.push(d().createElement("option",{value:t,key:t},s.name))}),t.push(d().createElement("optgroup",{label:r.name,key:s},a))}),t}render(){this.getFieldsWithAutofill();const e=_.isUndefined(this.props.settings["use-autofill"])?"":this.props.settings["use-autofill"];let t="sui-hidden";e&&"false"!==e&&(t="sui-toggle-content");return!(!_.isUndefined(this.props.settings["form-type"])&&_.includes(["registration","login"],this.props.settings["form-type"]))&&d().createElement("div",{id:"forminator-section-behavior-autofill",className:"sui-box-settings-row"},d().createElement("div",{className:"sui-box-settings-col-1"},d().createElement("span",{className:"sui-settings-label"},Nr("Autofill")),d().createElement("span",{className:"sui-description"},Nr("If the user filling out the form is logged in, we can auto-fill fields with any available data."))),d().createElement("div",{className:"sui-box-settings-col-2"},d().createElement(Ip,Nf({},this.props,{label:Nr("Enable Autofill"),property:"use-autofill",unWrap:!0})),d().createElement("div",{className:t,style:{marginTop:"10px"}},this.maybeGetNoFieldsMarkup(),d().createElement("div",{className:"sui-accordion"},this.fieldsWithAutoFill.map(e=>d().createElement(hp,Nf({},this.props,{label:e.label,key:e.element_id}),d().createElement(dl,null,d().createElement(ml,{cols:"6"},d().createElement(jl,{property:"provider",updateProperty:(t,s)=>{this.updateProvider(t,s,e.element_id)},defaultValue:"",label:Nr("Autofill source"),settings:e.selectedProvider,hasSearch:!0,elementId:e.element_id},d().createElement("option",{value:""},Nr("Disable Autofill")),this.renderProviderOptions(e.autofillProviders))),d().createElement(ml,{cols:"6"},d().createElement(jl,{property:"is_editable",updateProperty:(t,s)=>{this.updateEditable(t,s,e.element_id)},defaultValue:"no",label:Nr("Editable"),settings:e.selectedProvider,elementId:e.element_id+"_editable"},d().createElement("option",{value:"no"},Nr("No")),d().createElement("option",{value:"yes"},Nr("Yes")))))))))))}}function kf(){return kf=Object.assign?Object.assign.bind():function(e){for(var t=1;t