${lt("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. ${lt("Add an option to your form using a Radio (or Select) field that allows visitors to choose the payment method.")}

2. ${lt("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=tt("password",this.props.wrappers),n=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})),n&&(e=_.filter(e,function(e){return!_.includes(["page-break","paypal","stripe","stripe-ocs","signature","captcha","postdata","group"],e.slug)}));const i=_.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=lt("PDF file"),p="blue"):(l=lt("form"),p="red"),d().createElement(Be.Fragment,null,d().createElement(fo,{closeType:"icon",closeModal:this.closeModal},d().createElement(yo,{id:this.props.modal.modalProps.id,label:lt("Insert Fields")})),d().createElement("div",{className:"sui-box-body"},d().createElement("p",null,lt("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,lt("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,lt("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,lt("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,lt("{{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`},i.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(n))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(n)&&!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"}),lt("E-Signature"),d().createElement("span",{className:"sui-tag sui-tag-pro"},"Pro")))),"pdf-form"===o&&d().createElement(Be.Fragment,null,d().createElement("li",{className:"pdf-field-coming-soon sui-tooltip","data-tooltip":lt("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"}),lt("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(n)&&!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,lt("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(xo,{icon:"check",iconSize:"sm",label:lt("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,lt("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(bo,{alignment:"separated"},d().createElement(uo,{label:lt("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"},lt("Insert Fields")),d().createElement("span",{className:"sui-icon-loader sui-loading","aria-hidden":"true"}))))}}var ko,So=a(961),Co=a.t(So,2);function Po(){return Po=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0&&(t.hash=e.substr(s),e=e.substr(0,s));let r=e.indexOf("?");r>=0&&(t.search=e.substr(r),e=e.substr(0,r)),e&&(t.pathname=e)}return t}var To;!function(e){e.data="data",e.deferred="deferred",e.redirect="redirect",e.error="error"}(To||(To={}));new Set(["lazy","caseSensitive","path","id","index","children"]);function jo(e,t,s){return void 0===s&&(s="/"),Uo(e,t,s,!1)}function Uo(e,t,s,r){let a=Ko(("string"==typeof t?Ao(t):t).pathname||"/",s);if(null==a)return null;let n=Vo(e);!function(e){e.sort((e,t)=>e.score!==t.score?t.score-e.score:function(e,t){let s=e.length===t.length&&e.slice(0,-1).every((e,s)=>e===t[s]);return s?e[e.length-1]-t[t.length-1]:0}(e.routesMeta.map(e=>e.childrenIndex),t.routesMeta.map(e=>e.childrenIndex)))}(n);let i=null;for(let e=0;null==i&&e{let i={relativePath:void 0===n?e.path||"":n,caseSensitive:!0===e.caseSensitive,childrenIndex:a,route:e};i.relativePath.startsWith("/")&&(Oo(i.relativePath.startsWith(r),'Absolute route path "'+i.relativePath+'" nested under path "'+r+'" is not valid. An absolute child route path must start with the combined path of all its parent routes.'),i.relativePath=i.relativePath.slice(r.length));let o=rl([r,i.relativePath]),l=s.concat(i);e.children&&e.children.length>0&&(Oo(!0!==e.index,'Index routes must not have child routes. Please remove all child routes from route path "'+o+'".'),Vo(e.children,t,l,o)),(null!=e.path||e.index)&&t.push({path:o,score:qo(o,e.index),routesMeta:l})};return e.forEach((e,t)=>{var s;if(""!==e.path&&null!=(s=e.path)&&s.includes("?"))for(let s of $o(e.path))a(e,t,s);else a(e,t)}),t}function $o(e){let t=e.split("/");if(0===t.length)return[];let[s,...r]=t,a=s.endsWith("?"),n=s.replace(/\?$/,"");if(0===r.length)return a?[n,""]:[n];let i=$o(r.join("/")),o=[];return o.push(...i.map(e=>""===e?n:[n,e].join("/"))),a&&o.push(...i),o.map(t=>e.startsWith("/")&&""===t?"/":t)}const Ro=/^:[\w-]+$/,Mo=3,Io=2,Lo=1,Bo=10,zo=-2,Wo=e=>"*"===e;function qo(e,t){let s=e.split("/"),r=s.length;return s.some(Wo)&&(r+=zo),t&&(r+=Io),s.filter(e=>!Wo(e)).reduce((e,t)=>e+(Ro.test(t)?Mo:""===t?Lo:Bo),r)}function Ho(e,t,s){void 0===s&&(s=!1);let{routesMeta:r}=e,a={},n="/",i=[];for(let e=0;e(r.push({paramName:t,isOptional:null!=s}),s?"/?([^\\/]+)?":"/([^\\/]+)"));e.endsWith("*")?(r.push({paramName:"*"}),a+="*"===e||"/*"===e?"(.*)$":"(?:\\/(.+)|\\/*)$"):s?a+="\\/*$":""!==e&&"/"!==e&&(a+="(?:(?=\\/|$))");let n=new RegExp(a,t?void 0:"i");return[n,r]}(e.path,e.caseSensitive,e.end),a=t.match(s);if(!a)return null;let n=a[0],i=n.replace(/(.)\/+$/,"$1"),o=a.slice(1);return{params:r.reduce((e,t,s)=>{let{paramName:r,isOptional:a}=t;if("*"===r){let e=o[s]||"";i=n.slice(0,n.length-e.length).replace(/(.)\/+$/,"$1")}const l=o[s];return e[r]=a&&!l?void 0:(l||"").replace(/%2F/g,"/"),e},{}),pathname:n,pathnameBase:i,pattern:e}}function Yo(e){try{return e.split("/").map(e=>decodeURIComponent(e).replace(/\//g,"%2F")).join("/")}catch(t){return Do(!1,'The URL path "'+e+'" could not be decoded because it is is a malformed URL segment. This is probably due to a bad percent encoding ('+t+")."),e}}function Ko(e,t){if("/"===t)return e;if(!e.toLowerCase().startsWith(t.toLowerCase()))return null;let s=t.endsWith("/")?t.length-1:t.length,r=e.charAt(s);return r&&"/"!==r?null:e.slice(s)||"/"}const Go=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;function Jo(e,t){void 0===t&&(t="/");let s,{pathname:r,search:a="",hash:n=""}="string"==typeof e?Ao(e):e;if(r)if(i=r,Go.test(i))s=r;else{if(r.includes("//")){let e=r;r=r.replace(/\/\/+/g,"/"),Do(!1,"Pathnames cannot have embedded double slashes - normalizing "+e+" -> "+r)}s=r.startsWith("/")?Xo(r.substring(1),"/"):Xo(r,t)}else s=t;var i;return{pathname:s,search:nl(a),hash:il(n)}}function Xo(e,t){let s=t.replace(/\/+$/,"").split("/");return e.split("/").forEach(e=>{".."===e?s.length>1&&s.pop():"."!==e&&s.push(e)}),s.length>1?s.join("/"):"/"}function Zo(e,t,s,r){return"Cannot include a '"+e+"' character in a manually specified `to."+t+"` field ["+JSON.stringify(r)+"]. Please separate it out to the `to."+s+'` field. Alternatively you may provide the full path as a string in and the router will parse it for you.'}function el(e){return e.filter((e,t)=>0===t||e.route.path&&e.route.path.length>0)}function tl(e,t){let s=el(e);return t?s.map((e,t)=>t===s.length-1?e.pathname:e.pathnameBase):s.map(e=>e.pathnameBase)}function sl(e,t,s,r){let a;void 0===r&&(r=!1),"string"==typeof e?a=Ao(e):(a=Po({},e),Oo(!a.pathname||!a.pathname.includes("?"),Zo("?","pathname","search",a)),Oo(!a.pathname||!a.pathname.includes("#"),Zo("#","pathname","hash",a)),Oo(!a.search||!a.search.includes("#"),Zo("#","search","hash",a)));let n,i=""===e||""===a.pathname,o=i?"/":a.pathname;if(null==o)n=s;else{let e=t.length-1;if(!r&&o.startsWith("..")){let t=o.split("/");for(;".."===t[0];)t.shift(),e-=1;a.pathname=t.join("/")}n=e>=0?t[e]:"/"}let l=Jo(a,n),p=o&&"/"!==o&&o.endsWith("/"),c=(i||"."===o)&&s.endsWith("/");return l.pathname.endsWith("/")||!p&&!c||(l.pathname+="/"),l}const rl=e=>e.join("/").replace(/\/\/+/g,"/"),al=e=>e.replace(/\/+$/,"").replace(/^\/*/,"/"),nl=e=>e&&"?"!==e?e.startsWith("?")?e:"?"+e:"",il=e=>e&&"#"!==e?e.startsWith("#")?e:"#"+e:"";Error;function ol(e){return null!=e&&"number"==typeof e.status&&"string"==typeof e.statusText&&"boolean"==typeof e.internal&&"data"in e}const ll=["post","put","patch","delete"],pl=(new Set(ll),["get",...ll]);new Set(pl),new Set([301,302,303,307,308]),new Set([307,308]);Symbol("deferred");function cl(){return cl=Object.assign?Object.assign.bind():function(e){for(var t=1;t{s.current=!0}),u.useCallback(function(r,a){void 0===a&&(a={}),s.current&&("number"==typeof r?e.navigate(r):e.navigate(r,cl({fromRouteId:t},a)))},[e,t])}():function(){gl()||Oo(!1);let e=u.useContext(ul),{basename:t,future:s,navigator:r}=u.useContext(ml),{matches:a}=u.useContext(fl),{pathname:n}=yl(),i=JSON.stringify(tl(a,s.v7_relativeSplatPath)),o=u.useRef(!1);return El(()=>{o.current=!0}),u.useCallback(function(s,a){if(void 0===a&&(a={}),!o.current)return;if("number"==typeof s)return void r.go(s);let l=sl(s,JSON.parse(i),n,"path"===a.relative);null==e&&"/"!==t&&(l.pathname="/"===l.pathname?t:rl([t,l.pathname])),(a.replace?r.replace:r.push)(l,a.state,a)},[t,r,i,n,e])}()}function _l(e,t){let{relative:s}=void 0===t?{}:t,{future:r}=u.useContext(ml),{matches:a}=u.useContext(fl),{pathname:n}=yl(),i=JSON.stringify(tl(a,r.v7_relativeSplatPath));return u.useMemo(()=>sl(e,JSON.parse(i),n,"path"===s),[e,i,n,s])}function wl(e,t,s,r){gl()||Oo(!1);let{navigator:a}=u.useContext(ml),{matches:n}=u.useContext(fl),i=n[n.length-1],o=i?i.params:{},l=(i&&i.pathname,i?i.pathnameBase:"/");i&&i.route;let p,c=yl();if(t){var d;let e="string"==typeof t?Ao(t):t;"/"===l||(null==(d=e.pathname)?void 0:d.startsWith(l))||Oo(!1),p=e}else p=c;let m=p.pathname||"/",h=m;if("/"!==l){let e=l.replace(/^\//,"").split("/");h="/"+m.replace(/^\//,"").split("/").slice(e.length).join("/")}let f=jo(e,{pathname:h});let b=Cl(f&&f.map(e=>Object.assign({},e,{params:Object.assign({},o,e.params),pathname:rl([l,a.encodeLocation?a.encodeLocation(e.pathname).pathname:e.pathname]),pathnameBase:"/"===e.pathnameBase?l:rl([l,a.encodeLocation?a.encodeLocation(e.pathnameBase).pathname:e.pathnameBase])})),n,s,r);return t&&b?u.createElement(hl.Provider,{value:{location:cl({pathname:"/",search:"",hash:"",state:null,key:"default"},p),navigationType:ko.Pop}},b):b}function xl(){let e=function(){var e;let t=u.useContext(bl),s=Fl(Ol.UseRouteError),r=Al(Ol.UseRouteError);if(void 0!==t)return t;return null==(e=s.errors)?void 0:e[r]}(),t=ol(e)?e.status+" "+e.statusText:e instanceof Error?e.message:JSON.stringify(e),s=e instanceof Error?e.stack:null,r="rgba(200,200,200, 0.5)",a={padding:"0.5rem",backgroundColor:r};return u.createElement(u.Fragment,null,u.createElement("h2",null,"Unexpected Application Error!"),u.createElement("h3",{style:{fontStyle:"italic"}},t),s?u.createElement("pre",{style:a},s):null,null)}const Nl=u.createElement(xl,null);class kl extends u.Component{constructor(e){super(e),this.state={location:e.location,revalidation:e.revalidation,error:e.error}}static getDerivedStateFromError(e){return{error:e}}static getDerivedStateFromProps(e,t){return t.location!==e.location||"idle"!==t.revalidation&&"idle"===e.revalidation?{error:e.error,location:e.location,revalidation:e.revalidation}:{error:void 0!==e.error?e.error:t.error,location:t.location,revalidation:e.revalidation||t.revalidation}}componentDidCatch(e,t){console.error("React Router caught the following error during render",e,t)}render(){return void 0!==this.state.error?u.createElement(fl.Provider,{value:this.props.routeContext},u.createElement(bl.Provider,{value:this.state.error,children:this.props.component})):this.props.children}}function Sl(e){let{routeContext:t,match:s,children:r}=e,a=u.useContext(ul);return a&&a.static&&a.staticContext&&(s.route.errorElement||s.route.ErrorBoundary)&&(a.staticContext._deepestRenderedBoundaryId=s.route.id),u.createElement(fl.Provider,{value:t},r)}function Cl(e,t,s,r){var a;if(void 0===t&&(t=[]),void 0===s&&(s=null),void 0===r&&(r=null),null==e){var n;if(!s)return null;if(s.errors)e=s.matches;else{if(!(null!=(n=r)&&n.v7_partialHydration&&0===t.length&&!s.initialized&&s.matches.length>0))return null;e=s.matches}}let i=e,o=null==(a=s)?void 0:a.errors;if(null!=o){let e=i.findIndex(e=>e.route.id&&void 0!==(null==o?void 0:o[e.route.id]));e>=0||Oo(!1),i=i.slice(0,Math.min(i.length,e+1))}let l=!1,p=-1;if(s&&r&&r.v7_partialHydration)for(let e=0;e=0?i.slice(0,p+1):[i[0]];break}}}return i.reduceRight((e,r,a)=>{let n,c=!1,d=null,m=null;var h;s&&(n=o&&r.route.id?o[r.route.id]:void 0,d=r.route.errorElement||Nl,l&&(p<0&&0===a?(h="route-fallback",!1||Tl[h]||(Tl[h]=!0),c=!0,m=null):p===a&&(c=!0,m=r.route.hydrateFallbackElement||null)));let f=t.concat(i.slice(0,a+1)),b=()=>{let t;return t=n?d:c?m:r.route.Component?u.createElement(r.route.Component,null):r.route.element?r.route.element:e,u.createElement(Sl,{match:r,routeContext:{outlet:e,matches:f,isDataRoute:null!=s},children:t})};return s&&(r.route.ErrorBoundary||r.route.errorElement||0===a)?u.createElement(kl,{location:s.location,revalidation:s.revalidation,component:d,error:n,children:b(),routeContext:{outlet:null,matches:f,isDataRoute:!0}}):b()},null)}var Pl=function(e){return e.UseBlocker="useBlocker",e.UseRevalidator="useRevalidator",e.UseNavigateStable="useNavigate",e}(Pl||{}),Ol=function(e){return e.UseBlocker="useBlocker",e.UseLoaderData="useLoaderData",e.UseActionData="useActionData",e.UseRouteError="useRouteError",e.UseNavigation="useNavigation",e.UseRouteLoaderData="useRouteLoaderData",e.UseMatches="useMatches",e.UseRevalidator="useRevalidator",e.UseNavigateStable="useNavigate",e.UseRouteId="useRouteId",e}(Ol||{});function Dl(e){let t=u.useContext(ul);return t||Oo(!1),t}function Fl(e){let t=u.useContext(dl);return t||Oo(!1),t}function Al(e){let t=function(){let e=u.useContext(fl);return e||Oo(!1),e}(),s=t.matches[t.matches.length-1];return s.route.id||Oo(!1),s.route.id}const Tl={};u.startTransition;function jl(e){let{to:t,replace:s,state:r,relative:a}=e;gl()||Oo(!1);let{future:n,static:i}=u.useContext(ml),{matches:o}=u.useContext(fl),{pathname:l}=yl(),p=vl(),c=sl(t,tl(o,n.v7_relativeSplatPath),l,"path"===a),d=JSON.stringify(c);return u.useEffect(()=>p(JSON.parse(d),{replace:s,state:r,relative:a}),[p,d,a,s,r]),null}function Ul(e){Oo(!1)}function Vl(e){let{children:t,location:s}=e;return wl($l(t),s)}new Promise(()=>{});u.Component;function $l(e,t){void 0===t&&(t=[]);let s=[];return u.Children.forEach(e,(e,r)=>{if(!u.isValidElement(e))return;let a=[...t,r];if(e.type===u.Fragment)return void s.push.apply(s,$l(e.props.children,a));e.type!==Ul&&Oo(!1),e.props.index&&e.props.children&&Oo(!1);let n={id:e.props.id||a.join("-"),caseSensitive:e.props.caseSensitive,element:e.props.element,Component:e.props.Component,index:e.props.index,path:e.props.path,loader:e.props.loader,action:e.props.action,errorElement:e.props.errorElement,ErrorBoundary:e.props.ErrorBoundary,hasErrorBoundary:null!=e.props.ErrorBoundary||null!=e.props.errorElement,shouldRevalidate:e.props.shouldRevalidate,handle:e.props.handle,lazy:e.props.lazy};e.props.children&&(n.children=$l(e.props.children,a)),s.push(n)}),s}function Rl(){return Rl=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[s]=e[s]);return a}new Set(["application/x-www-form-urlencoded","multipart/form-data","text/plain"]);const Il=["onClick","relative","reloadDocument","replace","state","target","to","preventScrollReset","viewTransition"],Ll=["aria-current","caseSensitive","className","end","style","to","viewTransition","children"];try{window.__reactRouterVersion="6"}catch(e){}const Bl=u.createContext({isTransitioning:!1});new Map;u.startTransition,Co.flushSync,u.useId;const zl="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement,Wl=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i,ql=u.forwardRef(function(e,t){let s,{onClick:r,relative:a,reloadDocument:n,replace:i,state:o,target:l,to:p,preventScrollReset:c,viewTransition:d}=e,m=Ml(e,Il),{basename:h}=u.useContext(ml),f=!1;if("string"==typeof p&&Wl.test(p)&&(s=p,zl))try{let e=new URL(window.location.href),t=p.startsWith("//")?new URL(e.protocol+p):new URL(p),s=Ko(t.pathname,h);t.origin===e.origin&&null!=s?p=s+t.search+t.hash:f=!0}catch(e){}let b=function(e,t){let{relative:s}=void 0===t?{}:t;gl()||Oo(!1);let{basename:r,navigator:a}=u.useContext(ml),{hash:n,pathname:i,search:o}=_l(e,{relative:s}),l=i;return"/"!==r&&(l="/"===i?r:rl([r,i])),a.createHref({pathname:l,search:o,hash:n})}(p,{relative:a}),g=function(e,t){let{target:s,replace:r,state:a,preventScrollReset:n,relative:i,viewTransition:o}=void 0===t?{}:t,l=vl(),p=yl(),c=_l(e,{relative:i});return u.useCallback(t=>{if(function(e,t){return!(0!==e.button||t&&"_self"!==t||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e))}(t,s)){t.preventDefault();let s=void 0!==r?r:Fo(p)===Fo(c);l(e,{replace:s,state:a,preventScrollReset:n,relative:i,viewTransition:o})}},[p,l,c,r,a,s,e,n,i,o])}(p,{replace:i,state:o,target:l,preventScrollReset:c,relative:a,viewTransition:d});return u.createElement("a",Rl({},m,{href:s||b,onClick:f||n?r:function(e){r&&r(e),e.defaultPrevented||g(e)},ref:t,target:l}))});const Hl=u.forwardRef(function(e,t){let{"aria-current":s="page",caseSensitive:r=!1,className:a="",end:n=!1,style:i,to:o,viewTransition:l,children:p}=e,c=Ml(e,Ll),d=_l(o,{relative:c.relative}),m=yl(),h=u.useContext(dl),{navigator:f,basename:b}=u.useContext(ml),g=null!=h&&function(e,t){void 0===t&&(t={});let s=u.useContext(Bl);null==s&&Oo(!1);let{basename:r}=Kl(Ql.useViewTransitionState),a=_l(e,{relative:t.relative});if(!s.isTransitioning)return!1;let n=Ko(s.currentLocation.pathname,r)||s.currentLocation.pathname,i=Ko(s.nextLocation.pathname,r)||s.nextLocation.pathname;return null!=Qo(a.pathname,i)||null!=Qo(a.pathname,n)}(d)&&!0===l,y=f.encodeLocation?f.encodeLocation(d).pathname:d.pathname,E=m.pathname,v=h&&h.navigation&&h.navigation.location?h.navigation.location.pathname:null;r||(E=E.toLowerCase(),v=v?v.toLowerCase():null,y=y.toLowerCase()),v&&b&&(v=Ko(v,b)||v);const _="/"!==y&&y.endsWith("/")?y.length-1:y.length;let w,x=E===y||!n&&E.startsWith(y)&&"/"===E.charAt(_),N=null!=v&&(v===y||!n&&v.startsWith(y)&&"/"===v.charAt(y.length)),k={isActive:x,isPending:N,isTransitioning:g},S=x?s:void 0;w="function"==typeof a?a(k):[a,x?"active":null,N?"pending":null,g?"transitioning":null].filter(Boolean).join(" ");let C="function"==typeof i?i(k):i;return u.createElement(ql,Rl({},c,{"aria-current":S,className:w,ref:t,style:C,to:o,viewTransition:l}),"function"==typeof p?p(k):p)});var Ql,Yl;function Kl(e){let t=u.useContext(ul);return t||Oo(!1),t}(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(Ql||(Ql={})),function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"}(Yl||(Yl={}));var Gl=a(8055),Jl=a.n(Gl);class Xl extends Be.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 n=s&&a;return this.props.noBoxBody||(n=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?lt("Open item"):lt("Close item"),onClick:()=>this.toggleState()},d().createElement("i",{className:"sui-icon-chevron-down","aria-hidden":"true"})))),d().createElement("div",{className:"sui-accordion-item-body"},n))}}function Zl(){return Zl=Object.assign?Object.assign.bind():function(e){for(var t=1;tthis.el=e,style:{maxWidth:"none"}}),this.props.children);let i=n;"md"===this.props.fieldsize||"medium"===this.props.fieldsize?i=d().createElement("div",{className:"sui-form-field sui-input-md"},n):"sm"===this.props.fieldsize||"small"===this.props.fieldsize?i=d().createElement("div",{className:"sui-form-field sui-input-sm"},n):""!==this.props.fieldsize&&(i=d().createElement("div",{style:{width:"100%",maxWidth:this.props.fieldsize+"px"}},n));let o=i;return this.props.simple||(o=d().createElement("div",{className:t},a,i,this.props.description&&d().createElement("span",{className:"sui-description",style:{marginTop:"10px"}},this.props.description))),o}}function ip(){return ip=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 n=s;this.hasWordFormat&&!_.isUndefined(s)&&isNaN(s)&&(n=new Date(s).getTime()),(_.isUndefined(a)||n.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:n,className:e,placeholder:this.props.placeholder,type:"text",autoComplete:"off"},this.props.onlyRead&&{'readonly="readonly"':""})),this.hasWordFormat&&d().createElement("input",{id:n+"-altfield",style:{display:"none"}}));let o=d().createElement("div",{className:a},s,this.props.noCalendar?i:d().createElement("div",{className:"sui-date"},"left"===t&&d().createElement("i",{className:"sui-icon-calendar","aria-hidden":"true"}),i,"right"===t&&d().createElement("i",{className:"sui-icon-calendar","aria-hidden":"true"})),d().createElement("div",{id:n+"-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?i:d().createElement("div",{className:"sui-date"},i,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 lp(){return lp=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,rp(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(Be.Fragment,null,vt(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(Be.Fragment,null,vt(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(np,lp({},this.props,{elementId:e+"-field",property:"element_id",updateProperty:this.updateField,settings:this.props.rule,label:lt("Field")}),_.map(this.fields,(e,t)=>d().createElement("option",{value:e.element_id,key:t},rp(e.label)," | ",e.element_id))),d().createElement(Ti,null,d().createElement(ji,{cols:"6"},d().createElement(np,lp({key:"visibility-condition-"+Qe()},this.props,{elementId:e+"-condrule",settings:this.props.rule,property:"rule",updateProperty:this.updateRule,label:lt("Condition (required)"),options:this.disableSearch()}),d().createElement("option",{value:""},lt("Select rule")),"signature"===t.field_type&&!s&&d().createElement(Be.Fragment,null,d().createElement("option",{value:"is"},lt("Is null")),d().createElement("option",{value:"is_not"},lt("Is not null"))),"signature"!==t.field_type&&d().createElement(Be.Fragment,null,d().createElement("option",{value:"is"},lt("Is")),d().createElement("option",{value:"is_not"},lt("Is not"))),(t.isNumber||"rating"===t.field_type)&&!s&&d().createElement(Be.Fragment,null,d().createElement("option",{value:"is_great"},lt("Is greater than")),d().createElement("option",{value:"is_less"},lt("Is less than"))),!t.isNumber&&!t.hasOptions&&!s&&"signature"!==t.field_type&&"rating"!==t.field_type&&d().createElement(Be.Fragment,null,d().createElement("option",{value:"contains"},lt("Contains")),d().createElement("option",{value:"does_not_contain"},lt("Does not contain")),d().createElement("option",{value:"starts"},lt("Starts with")),d().createElement("option",{value:"ends"},lt("Ends with"))),"date"===t.field_type&&("date-day"===t.field_slug||"date"===t.field_slug)&&!s&&d().createElement(Be.Fragment,null,d().createElement("option",{value:"day_is"},lt("Day is")),d().createElement("option",{value:"day_is_not"},lt("Day is not"))),"date"===t.field_type&&("date-month"===t.field_slug||"date"===t.field_slug)&&!s&&d().createElement(Be.Fragment,null,d().createElement("option",{value:"month_is"},lt("Month is")),d().createElement("option",{value:"month_is_not"},lt("Month is not"))),"date"===t.field_type&&"date"===t.field_slug&&!s&&d().createElement(Be.Fragment,null,d().createElement("option",{value:"is_before"},lt("Is before")),d().createElement("option",{value:"is_after"},lt("Is after")),d().createElement("option",{value:"is_before_n_or_more_days"},lt("Is before n or more days")),d().createElement("option",{value:"is_before_less_than_n_days"},lt("Is before less than n days")),d().createElement("option",{value:"is_after_n_or_more_days"},lt("Is after n or more days")),d().createElement("option",{value:"is_after_less_than_n_days"},lt("Is after less than n days"))))),d().createElement(ji,{cols:"6"},d().createElement(Be.Fragment,null,t.hasOptions&&d().createElement(Be.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:""},lt("Select option")),_.map(t.values,(e,t)=>d().createElement("option",{value:e.value,key:t},rp(e.label))))),!t.hasOptions&&s&&d().createElement(Vi,lp({},this.props,{settings:this.props.rule,inputId:e+"-value",property:"value",updateProperty:this.updateInputValue,label:lt("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(Vi,lp({},this.props,{settings:this.props.rule,inputId:e+"-value",property:"value",updateProperty:this.updateInputValue,label:lt("Value")})),!t.hasOptions&&"date"===t.field_type&&("month_is"===this.props.rule.rule||"month_is_not"===this.props.rule.rule)&&d().createElement(Be.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:""},lt("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(Be.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:""},lt("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(Be.Fragment,null,d().createElement("label",{className:"sui-label"},lt("Select date")),d().createElement(op,lp({},this.props,{settings:this.props.rule,property:"value",hasWordFormat:!0,id:e+"-value",placeholder:lt("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(Vi,lp({},this.props,{settings:this.props.rule,inputId:e+"-value",property:"value",updateProperty:this.updateInputValue,label:lt("Number of days"),placeholder:lt("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"}),lt("Delete")),d().createElement("button",{className:"sui-button sui-button-ghost",onClick:()=>this.toggleState()},lt("Done")))))}}function cp(){return cp=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",cp({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 n="";!this.props.label&&this.props.settingsDesc&&(n=d().createElement("span",{className:"sui-description",style:{marginBottom:"10px"}},this.props.settingsDesc));const i=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(Be.Fragment,null,s,i);return this.props.noWrapper||(o=d().createElement("div",{className:"sui-form-field"},s,a,n,i,r)),o}}function dp(){return dp=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(up,dp({},this.props,{settings:this.props.state,property:"condition_action",defaultValue:"show",noWrapper:!0}),d().createElement("span",{value:"show"},lt("Show")),d().createElement("span",{value:"hide"},lt("Hide"))),d().createElement("span",{className:"sui-description"},this.isPageBreak?lt("this page when"):lt("this field if"))),!this.isPageBreak&&d().createElement("div",{className:"fui-visibility-option"},d().createElement(up,dp({},this.props,{settings:this.props.state,property:"condition_rule",defaultValue:"all",noWrapper:!0}),d().createElement("span",{value:"all"},lt("All")),d().createElement("span",{value:"any"},lt("Any"))),d().createElement("span",{className:"sui-description"},lt("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"},lt("Process this plan if"))),d().createElement("div",{className:"fui-visibility-option"},d().createElement(up,dp({},this.props,{settings:this.props.state,property:"condition_rule",defaultValue:"all",noWrapper:!0}),d().createElement("span",{value:"all"},lt("All")),d().createElement("span",{value:"any"},lt("Any"))),d().createElement("span",{className:"sui-description"},lt("of the following conditions match:")))));let s=!1;if(this.isPageBreak){if(s="last"===Ft(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,lt("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,lt("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?lt("Conditions"):lt("Rules")),a=d().createElement("p",null,this.isPageBreak?lt("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."):lt("Set conditions to display this field only when specific criteria are met—like selecting a checkbox or entering a certain value.")," ",forminatorData.showDocLink&<("{{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 n="";n=this.isPageBreak?lt("By default, this page is always visible.")+"
"+lt("Add a rule to control when it should be hidden or shown."):this.props.isPayment?lt("Add conditions for how this plan will be processed based on your form field data."):lt("By default, this field is always visible.")+"
"+lt("Add rules to control when it should appear based on user input.");const i=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,lt("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",dp({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:n}}),(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?lt("Add conditions"):lt("Add Rule")))));return(_.isUndefined(this.props.state.conditions)||0===this.props.state.conditions.length)&&Be.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",dp({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(pp,dp({},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?lt("Add conditions"):lt("Add Rule"))):d().createElement(Be.Fragment,null,i)}}function hp(){return hp=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"},lt("Add one or more class names, separated by spaces. These apply to the field container.")))),Dt(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"},lt("Field Description Placement")),d().createElement("span",{className:"sui-description"},lt("Select where the description of this field should appear."))),d().createElement("div",{className:"sui-box-settings-col-2"},d().createElement(fp,this.props))))}}function gp(){return gp=Object.assign?Object.assign.bind():function(e){for(var t=1;t{this.props.updateProperty(this.requiredValProp,e.target.value)}})),i&&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"},lt("‘Other’ Field validation message")),d().createElement("input",{type:"text",value:o,placeholder:lt("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)}}))),n&&d().createElement("div",{className:"sui-form-field",style:{marginBottom:0}},d().createElement("label",{htmlFor:"forminator-confirm-error-msg",className:"sui-label"},lt("Confirm Password error message")),d().createElement("input",{type:"text",value:s,placeholder:lt("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",gp({role:"alert",className:"sui-notice sui-notice-warning "+(e&&"select"===r?" sui-active":""),"aria-live":"assertive"},e&&"select"===r&&{style:{display:"block"}}))))))}}class Ep extends Be.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"},lt("Validate")),d().createElement("span",{className:"sui-description"},lt("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)},lt("None")),d().createElement("div",{className:"sui-tab-item"+(e?" active":""),onClick:this.toggleValue.bind(this,!0)},lt("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"},lt("Validation message")),d().createElement("input",{type:"text",id:"forminator-field-validation-error-msg",className:"sui-form-control",placeholder:lt("Enter validation message"),value:t,onChange:e=>{this.props.updateProperty(this.validTextProp,e.target.value)}})))))))}}function vp(){return vp=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",xp({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"},lt("{{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 kp(){return kp=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(Vi,kp({},this.props,{settings:this.props.state,label:lt("Error message"),property:"filter-error",placeholder:lt("Enter error message"),defaultValue:lt("This email is not allowed. Please use a different one.")}))),s=d().createElement(d().Fragment,null,lt("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&<("{{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,lt("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&<("{{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"},lt("Filter email providers")),d().createElement("span",{className:"sui-description"},lt("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")},lt("None")),d().createElement("div",{className:"sui-tab-item"+("deny"===e?" active":""),onClick:this.toggleValue.bind(this,"deny")},lt("Deny-list")),d().createElement("div",{className:"sui-tab-item"+("allow"===e?" active":""),onClick:this.toggleValue.bind(this,"allow")},lt("Allow-list"))),d().createElement("div",{className:"sui-tabs-content"},d().createElement("div",{className:"sui-tab-content sui-tab-boxed"+("deny"===e?" active":"")},d().createElement(Np,kp({},this.props,{settings:this.props.state,placeholder:lt("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(Np,kp({},this.props,{settings:this.props.state,placeholder:lt("E.g., user@example.com"),property:"allowlist",height:100,topDescription:r,onBlur:e=>{this.validateEmails(e,"allowlist")}})),"allow"===e&&t)))))}}function Cp(){return Cp=Object.assign?Object.assign.bind():function(e){for(var t=1;t!_.isUndefined(e));return!_.isEmpty(t)}render(){const{type:e}=this.props;lt("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(Xl,Ap({},this.props,{label:e.label,property:e.slug,settings:this.props.state,required:this.props.state[e.slug+"_required"],key:t}),d().createElement(Be.Fragment,null,d().createElement(Ti,null,d().createElement(ji,{cols:"6"},d().createElement(Vi,Ap({},this.props,{settings:this.props.state,label:lt("Label"),placeholder:lt("Enter label"),property:e.slug+"_label"}))),d().createElement(ji,{cols:"6"},d().createElement(np,Ap({},this.props,{settings:this.props.state,label:lt("Default Value (optional)"),"data-placeholder":lt("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(Ti,null,d().createElement(ji,{cols:"12"},d().createElement(Vi,Ap({},this.props,{settings:this.props.state,label:lt("Description (optional)"),placeholder:lt("Enter description"),property:e.slug+"_description"})))))):"address_country"!==e.slug?d().createElement(Xl,Ap({},this.props,{label:e.label,property:e.slug,settings:this.props.state,required:this.props.state[e.slug+"_required"],key:t}),d().createElement(Be.Fragment,null,d().createElement(Ti,null,d().createElement(ji,{cols:"6"},d().createElement(Vi,Ap({},this.props,{settings:this.props.state,label:lt("Label"),placeholder:lt("Enter label"),property:e.slug+"_label"}))),d().createElement(ji,{cols:"6"},d().createElement(Vi,Ap({},this.props,{settings:this.props.state,label:lt("Placeholder (optional)"),placeholder:lt("Enter placeholder"),property:e.slug+"_placeholder"})))),d().createElement(Ti,null,d().createElement(ji,{cols:"12"},d().createElement(Vi,Ap({},this.props,{settings:this.props.state,label:lt("Description (optional)"),placeholder:lt("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(ji,{cols:"12",label:rp(t.label),settings:this.props.state,value:t.slug,required:this.props.state[t.slug+"_required"],boxClass:"sui-tab-boxed",key:s},d().createElement(yp,Ap({},this.props,{prefix:t.slug})),d().createElement(Pp,Ap({},this.props,{prefix:t.slug})),d().createElement(Op,Ap({},this.props,{prefix:t.slug})))});return this.hasChildrens(t)?d().createElement(On,{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,lt("At least one field must be enabled")))));case"geolocation":return d().createElement(Fp,Ap({},this.props,{text:forminatorData.isPro?lt("The Autocomplete feature simplifies entering addresses by offering real-time suggestions as you type. This feature requires the Forminator Geolocation Add-on."):lt("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(mp,this.props);case"styling":return d().createElement(bp,this.props);default:return d().createElement("div",null)}}}class jp extends Be.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(Be.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 n="";this.props.description&&""!==this.props.description&&(n=d().createElement("span",{className:"sui-description",style:{marginBottom:"10px"}},this.props.description));let i="";this.props.settingsLabel&&""!==this.props.settingsLabel&&(i=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(Be.Fragment,null,d().createElement("div",{role:"radiogroup",className:"sui-form-field"},a,i,n,o,s,r))}}function Up(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 Vp(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=Vp(Vp({},t),{ADD_TAGS:["iframe"]})),"function"==typeof this.props.updateProperty?this.props.updateProperty(this.props.property,Le.sanitize(e,t)):this.props.actions.settingsActions.updateSetting(this.props.property,Le.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),ht(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)},rp(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)},rp(e.label)))});return d().createElement(Be.Fragment,null,s&&s.some(function(e){return void 0!==e})&&d().createElement(Be.Fragment,null,d().createElement("li",{className:"wpmudev-dropdown--option"},d().createElement("strong",null,lt("Required Fields"))),d().createElement(Be.Fragment,null,s)),a&&a.some(function(e){return void 0!==e})&&d().createElement(Be.Fragment,null,d().createElement("li",{className:"wpmudev-dropdown--option"},d().createElement("strong",null,lt("Optional Fields"))),d().createElement(Be.Fragment,null,a)))}getMiscData(){const e=_.isEmpty(this.props.editorOptions)?[]:this.props.editorOptions;return d().createElement(Be.Fragment,null,d().createElement("li",{className:"wpmudev-dropdown--option"},d().createElement("strong",null,lt("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=st("paypal",e),s=st("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(Be.Fragment,null,this.props.paymentOptions&&d().createElement("li",{className:"wpmudev-dropdown--option"},d().createElement("strong",null,lt("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:lt("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")},lt("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")},lt("All Non Empty Fields"))),s,d().createElement(Be.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)?lt("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)?lt("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)?lt("Insert form fields"):this.props.selectLabel),t));let n="";this.props.label?n=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&&(n=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 i=`forminator-field-${this.props.property+(_.isUndefined(this.props.extraId)?"":this.props.extraId)}-description`;return d().createElement("div",{className:`sui-form-field ${r}`},n,this.props.descriptionTop&&d().createElement("span",{id:i,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:i,className:"sui-description"},this.props.description))}}function Mp(){return Mp=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(Hn,{label:lt("Theme"),labelDark:!0,description:lt("Select the theme for the captcha."),sidebar:!1},d().createElement(Mi,Mp({},this.props,{settings:this.props.state,label:lt("Theme"),property:"captcha_theme",fieldClass:"sui-input-md"}),d().createElement("option",{value:"light"},lt("Light")),d().createElement("option",{value:"dark"},lt("Dark")))),"recaptcha"===t&&("v2_invisible"===this.props.state.captcha_type&&forminatorData.hasV2InvisibleCaptcha||"v3_recaptcha"===this.props.state.captcha_type&&forminatorData.hasV3Captcha)&&d().createElement(Hn,{label:lt("Badge Position"),labelDark:!0,description:lt("Select where the reCAPTCHA badge will be displayed on your page."),sidebar:!1},d().createElement(jp,Mp({},this.props,{settings:this.props.state,property:"captcha_badge",defaultValue:"inline",radioClass:"sui-radio-sm"}),d().createElement(fi,{value:"bottomright",hasImage:!0,image1x:"recaptcha-bottomright.png",image2x:"recaptcha-bottomright@2x.png",label:lt("Bottom Right")}),d().createElement(fi,{value:"bottomleft",hasImage:!0,image1x:"recaptcha-bottomleft.png",image2x:"recaptcha-bottomleft@2x.png",label:lt("Bottom Left")}),d().createElement(fi,{value:"inline",hasImage:!0,image1x:"recaptcha-inline.png",image2x:"recaptcha-inline@2x.png",label:lt("Inline in Form")}))),d().createElement(Hn,{label:lt("Error Message"),labelDark:!0,sidebar:!1},"recaptcha"===t&&d().createElement(Be.Fragment,null,d().createElement("span",{className:"sui-description",style:{marginBottom:"10px"}},lt("Choose the error message you want to display on your form when reCAPTCHA verification fails.")),d().createElement(Vi,Mp({},this.props,{type:"text",property:"recaptcha_error_message",settings:this.props.state,ariaLabel:lt("reCAPTCHA error message")}))),"hcaptcha"===t&&d().createElement(Be.Fragment,null,d().createElement("span",{className:"sui-description",style:{marginBottom:"10px"}},lt("Choose the error message you want to display on your form when hCaptcha verification fails.")),d().createElement(Vi,Mp({},this.props,{type:"text",property:"hcaptcha_error_message",settings:this.props.state,defaultValue:s,ariaLabel:lt("hCaptcha error message")}))),"turnstile"===t&&d().createElement(Be.Fragment,null,d().createElement("span",{className:"sui-description",style:{marginBottom:"10px"}},lt("Choose the error message you want to display on your form when Turnstile verification fails.")),d().createElement(Vi,Mp({},this.props,{type:"text",property:"turnstile_error_message",settings:this.props.state,defaultValue:r,ariaLabel:lt("Cloudflare Turnstile error message")})))));case"styling":return d().createElement(bp,this.props)}}}class Lp extends Be.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 Be.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:lt("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 zp extends Be.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:lt("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 Wp(){return Wp=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(Be.Fragment,null,d().createElement(Hn,null,d().createElement("label",{className:"sui-settings-label sui-dark"},lt("Start & End date")),d().createElement("span",{className:"sui-description"},lt("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(Mi,Wp({},this.props,{label:lt("Start Date"),settings:this.props.state,property:"start-date",options:this.disableSearch()}),d().createElement("option",{value:""},lt("No limit")),d().createElement("option",{value:"specific"},lt("Specific date")),d().createElement("option",{value:"today"},lt("Today")),this.getDateFields().length>0&&d().createElement("optgroup",{label:lt("Date fields")},_.map(this.getDateFields(),(e,t)=>d().createElement("option",{value:e.value,key:t},rp(e.label)))))),"specific"===e&&d().createElement("div",{className:"fui-form-field--col"},d().createElement(op,Wp({},this.props,{label:" ",settings:this.props.state,property:"start-specific-date",dateFormat:"mm/dd/yy",placeholder:lt("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"},lt("Offset (optional)")),d().createElement("div",{className:"sui-form-field-inline"},d().createElement(Mi,Wp({},this.props,{settings:this.props.state,property:"start-offset-operator",fieldClass:"sui-input-sm",defaultValue:"+",options:this.disableSearch()}),d().createElement("option",{value:"+"},lt("+")),d().createElement("option",{value:"-"},lt("-"))),d().createElement(Vi,Wp({},this.props,{settings:this.props.state,placeholder:lt("0"),property:"start-offset-value",fieldClass:"sui-input-sm",defaultValue:"0"})),d().createElement(Mi,Wp({},this.props,{settings:this.props.state,property:"start-offset-duration",fieldClass:"fui-field-full",defaultValue:"days",options:this.disableSearch()}),d().createElement("option",{value:"days"},lt("days")),d().createElement("option",{value:"weeks"},lt("weeks")),d().createElement("option",{value:"months"},lt("months")),d().createElement("option",{value:"years"},lt("years"))))))),d().createElement("div",{className:"fui-form-field--row"},d().createElement("div",{className:"fui-form-field--col",style:{maxWidth:240}},d().createElement(Mi,Wp({},this.props,{label:lt("End Date"),settings:this.props.state,property:"end-date",options:this.disableSearch()}),d().createElement("option",{value:""},lt("No limit")),d().createElement("option",{value:"specific"},lt("Specific date")),d().createElement("option",{value:"today"},lt("Today")),this.getDateFields().length>0&&d().createElement("optgroup",{label:lt("Date fields")},_.map(this.getDateFields(),(e,t)=>d().createElement("option",{value:e.value,key:t},rp(e.label)))))),"specific"===t&&d().createElement("div",{className:"fui-form-field--col"},d().createElement(op,Wp({},this.props,{settings:this.props.state,property:"end-specific-date",dateFormat:"mm/dd/yy",placeholder:lt("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"},lt("Offset (optional)")),d().createElement("div",{className:"sui-form-field-inline"},d().createElement(Mi,Wp({},this.props,{settings:this.props.state,property:"end-offset-operator",fieldClass:"sui-input-sm",defaultValue:"+",options:this.disableSearch()}),d().createElement("option",{value:"+"},lt("+")),d().createElement("option",{value:"-"},lt("-"))),d().createElement(Vi,Wp({},this.props,{settings:this.props.state,placeholder:lt("0"),property:"end-offset-value",fieldClass:"sui-input-sm",defaultValue:"0"})),d().createElement(Mi,Wp({},this.props,{settings:this.props.state,property:"end-offset-duration",fieldClass:"fui-field-full",defaultValue:"days",options:this.disableSearch()}),d().createElement("option",{value:"days"},lt("days")),d().createElement("option",{value:"weeks"},lt("weeks")),d().createElement("option",{value:"months"},lt("months")),d().createElement("option",{value:"years"},lt("years")))))))),d().createElement(Hn,null,d().createElement("label",{className:"sui-settings-label sui-dark"},lt("Days of the week")),d().createElement("span",{className:"sui-description"},lt("Choose which days of the week should be available on the calendar.")),d().createElement(dn,Wp({},this.props,{property:"howto-restrict",settings:this.props.state,default:"all"}),d().createElement(fi,{value:"all"},lt("All days")),d().createElement(Dn,Wp({},this.props,{settings:this.props.state,value:"week",label:lt("Selected days"),boxClass:"sui-tab-boxed"}),d().createElement(Ti,null,d().createElement(ji,{cols:"4"},d().createElement(Lp,Wp({},this.props,{settings:this.props.state,property:"sunday",label:lt("Sunday"),itemClass:"sui-checkbox-stacked sui-checkbox-sm"})),d().createElement(Lp,Wp({},this.props,{settings:this.props.state,property:"wednesday",label:lt("Wednesday"),itemClass:"sui-checkbox-stacked sui-checkbox-sm"})),d().createElement(Lp,Wp({},this.props,{settings:this.props.state,property:"saturday",label:lt("Saturday"),itemClass:"sui-checkbox-stacked sui-checkbox-sm"}))),d().createElement(ji,{cols:"4"},d().createElement(Lp,Wp({},this.props,{settings:this.props.state,property:"monday",label:lt("Monday"),itemClass:"sui-checkbox-stacked sui-checkbox-sm"})),d().createElement(Lp,Wp({},this.props,{settings:this.props.state,property:"thursday",label:lt("Thursday"),itemClass:"sui-checkbox-stacked sui-checkbox-sm"}))),d().createElement(ji,{cols:"4"},d().createElement(Lp,Wp({},this.props,{settings:this.props.state,property:"tuesday",label:lt("Tuesday"),itemClass:"sui-checkbox-stacked sui-checkbox-sm"})),d().createElement(Lp,Wp({},this.props,{settings:this.props.state,property:"friday",label:lt("Friday"),itemClass:"sui-checkbox-stacked sui-checkbox-sm"}))))))),d().createElement(Hn,null,d().createElement(Bp,Wp({},this.props,{label:lt("Disable dates"),hasSettingsLabel:"dark",description:lt("Use this setting to disable specific dates on the calendar."),settings:this.props.state,property:"disabled-dates",dateFormat:"mm/dd/yy",placeholder:lt("Pick a date")}))),d().createElement(Hn,null,d().createElement(zp,Wp({},this.props,{label:lt("Disable date ranges"),hasSettingsLabel:"dark",description:lt("Use this setting to disable specific dates ranges on the calendar."),settings:this.props.state,property:"disable-date-range",dateFormat:"MM/DD/YYYY",placeholder:lt("Pick a date")}))),d().createElement(Hn,null,d().createElement("label",{id:"forminator-settings-field-restrict_message-label",className:"sui-settings-label sui-dark"},lt("Error Message")),d().createElement("span",{className:"sui-description"},lt("Choose an error message to be used when visitor enters a date that is disabled.")),d().createElement(Vi,Wp({},this.props,{settings:this.props.state,property:"restrict_message",labelledBy:"forminator-settings-field-restrict_message-label"}))))}}function Hp(){return Hp=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(Ti,null,d().createElement(ji,{cols:"12"},d().createElement(Vi,Xp({},this.props,{settings:this.props.state,label:lt("Custom Value"),placeholder:lt("Enter custom value"),property:"custom_value"})))),"query"===this.props.state.default_value&&d().createElement(Ti,null,d().createElement(ji,{cols:"12"},d().createElement(Vi,Xp({},this.props,{settings:this.props.state,label:lt("Query parameter"),placeholder:lt("E.g. query_parameter_key"),property:"prefill"})))));case"settings":case"visibility":default:return d().createElement("div",null);case"styling":return d().createElement(bp,this.props)}}}function ec(){return ec=Object.assign?Object.assign.bind():function(e){for(var t=1;td().createElement("option",{value:e.element_id,key:t},rp(e.label+" {"+e.element_id+"}")))))),d().createElement(dn,ac({},this.props,{property:"max_limit_type",settings:this.props.state,default:"custom",label:lt("Maximum repeater limit"),wrapperClass:"forminator-float",description:lt("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(Dn,ac({},this.props,{settings:this.props.state,value:"custom",label:lt("Custom"),boxClass:""}),d().createElement(Vi,ac({},this.props,{settings:this.props.state,defaultValue:"",minValue:"1",property:"max_limit",placeholder:lt("Enter maximum limit"),type:"number"}))),d().createElement(Dn,ac({},this.props,{settings:this.props.state,value:"variable",label:lt("Variable"),boxClass:""}),d().createElement(Mi,ac({},this.props,{settings:this.props.state,property:"max_limit_field",noWrapper:!0}),d().createElement("option",{value:""},lt("Choose form field")),_.map(e,(e,t)=>d().createElement("option",{value:e.element_id,key:t},rp(e.label+" {"+e.element_id+"}")))))),d().createElement(dn,ac({},this.props,{property:"action_element_type",settings:this.props.state,default:"button",label:lt("Repeater Element Type"),description:lt("Choose the element type and label text for your repeater actions.")}),d().createElement(Dn,ac({},this.props,{settings:this.props.state,value:"button",label:lt("Buttons"),boxClass:"sui-tab-boxed"}),d().createElement(Ti,null,d().createElement(ji,{cols:"6"},d().createElement(Vi,ac({},this.props,{settings:this.props.state,label:lt("Add Button Text (optional)"),placeholder:lt("Add item"),defaultValue:lt("Add item"),property:"add_action_text"}))),d().createElement(ji,{cols:"6"},d().createElement(Vi,ac({},this.props,{settings:this.props.state,label:lt("Remove Button Text (optional)"),placeholder:lt("Remove item"),defaultValue:lt("Remove item"),property:"remove_action_text"}))))),d().createElement(fi,ac({},this.props,{settings:this.props.state,value:"icon",label:lt("Icons")})),d().createElement(Dn,ac({},this.props,{settings:this.props.state,value:"link",label:lt("Text links"),boxClass:"sui-tab-boxed"}),d().createElement(Ti,null,d().createElement(ji,{cols:"6"},d().createElement(Vi,ac({},this.props,{settings:this.props.state,label:lt("Add Link Text (optional)"),placeholder:lt("Add item"),defaultValue:lt("Add item"),property:"add_action_text"}))),d().createElement(ji,{cols:"6"},d().createElement(Vi,ac({},this.props,{settings:this.props.state,label:lt("Add Link Text (optional)"),placeholder:lt("Remove item"),defaultValue:lt("Remove item"),property:"remove_action_text"}))))))),d().createElement(fi,ac({},this.props,{settings:this.props.state,value:"false",label:lt("Disable")})))}}function ic(){return ic=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(Be.Fragment,null,d().createElement(Ti,null,d().createElement(ji,{cols:"12"},d().createElement(up,uc({},this.props,{settings:this.props.state,property:"slider_width",defaultValue:"full",settingsLabel:lt("Slider width"),settingsDesc:lt("The Slider takes the full-width of its container by default, but you can select a different size below.")}),d().createElement("div",{value:"small"},lt("Small")),d().createElement("div",{value:"medium"},lt("Medium")),d().createElement("div",{value:"large"},lt("Large")),d().createElement("div",{value:"full"},lt("Full width"))))),!o&&d().createElement(d().Fragment,null,d().createElement(Ti,null,d().createElement(ji,{cols:"12"},d().createElement(up,uc({},this.props,{settings:this.props.state,property:"slider_scale",defaultValue:"small",settingsLabel:lt("Slider scale"),settingsDesc:lt("Adjust the slider base and the height of the draggable thumb/handle.")}),d().createElement("div",{value:"small"},lt("Small")),d().createElement("div",{value:"large"},lt("Large"))))),d().createElement(Ti,null,d().createElement(ji,{cols:"12"},d().createElement(up,uc({},this.props,{settings:this.props.state,property:"show_slider_handle",defaultValue:"true",settingsLabel:lt("Slider Handle icon"),settingsDesc:lt("Choose whether to show an icon on the slider handle.")}),d().createElement("div",{value:"true"},lt("Show")),d().createElement("div",{value:"false"},lt("Hide"))))))),p=d().createElement(Be.Fragment,null,d().createElement(Ti,null,d().createElement(ji,null,d().createElement(Pi,uc({},this.props,{settings:this.props.state,label:lt("Display selected value"),property:"display_selected_value",unWrap:!0}),d().createElement(Ti,{boxClass:"sui-tab-boxed"},d().createElement(ji,null,d().createElement(Mi,uc({},this.props,{settings:this.props.state,label:lt("Selected value position"),property:"value_position",defaultValue:"bottom"}),d().createElement(Be.Fragment,null,d().createElement("option",{value:"top"},lt("Above slider track")),d().createElement("option",{value:"bottom"},lt("Below slider track"))))))))),d().createElement(Ti,null,d().createElement(ji,null,d().createElement(Pi,uc({},this.props,{settings:this.props.state,label:lt("Display step values"),property:"display_step_value",unWrap:!0}),d().createElement(Ti,{boxClass:"sui-tab-boxed"},d().createElement(ji,null,d().createElement(Mi,uc({},this.props,{settings:this.props.state,label:lt("Display type"),property:"display_step_type",defaultValue:"min_max"}),d().createElement(Be.Fragment,null,d().createElement("option",{value:"min_max"},lt("Min & Max values only")),d().createElement("option",{value:"all"},lt("All values")))),d().createElement(Lp,uc({},this.props,{settings:this.props.state,label:lt("Use custom labels"),tooltip:lt("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(Be.Fragment,null,d().createElement(Ti,{class:"sui-spacing-10"},d().createElement(ji,{cols:"3",customClass:"sui-padding-right-5"},d().createElement(Vi,uc({},this.props,{settings:this.props.state,type:"text",disabled:!0,property:"slider_min",defaultValue:e,inputStyles:{backgroundColor:"#fafafa",color:"#666666"}}))),d().createElement(ji,{cols:"9",customClass:"sui-padding-left-5"},d().createElement(Vi,uc({},this.props,{settings:this.props.state,type:"text",property:"slider_min_label",defaultValue:n,placeholder:lt("e.g., Poor")})))),d().createElement(Ti,{class:"sui-spacing-10"},d().createElement(ji,{cols:"3",customClass:"sui-padding-right-5"},d().createElement(Vi,uc({},this.props,{settings:this.props.state,type:"text",disabled:!0,property:"slider_max",defaultValue:t,inputStyles:{backgroundColor:"#fafafa",color:"#666666"}}))),d().createElement(ji,{cols:"9",customClass:"sui-padding-left-5"},d().createElement(Vi,uc({},this.props,{settings:this.props.state,type:"text",property:"slider_max_label",defaultValue:i,placeholder:lt("e.g., Great")})))))))))),d().createElement(Hn,{label:lt("Prefix and Suffix"),labelDark:!1,description:lt("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(Ti,null,d().createElement(ji,{cols:"6"},d().createElement(Vi,uc({},this.props,{settings:this.props.state,label:lt("Prefix"),placeholder:lt('E.g. "$"'),property:"prefix"}))),d().createElement(ji,{cols:"6"},d().createElement(Vi,uc({},this.props,{settings:this.props.state,label:lt("Suffix"),placeholder:lt('E.g. "%"'),property:"suffix"})))))),c=d().createElement("div",{className:"sui-accordion sui-accordion-flushed",style:{marginBottom:"-30px"}},d().createElement(fn,uc({},this.props,{label:lt("Advanced settings")}),d().createElement("div",{className:"sui-tabs sui-tabs-flushed"},d().createElement("div",{role:"tablist",className:"sui-tabs-menu"},d().createElement(Hl,{to:"/builder/settings/slider/labels",className:e=>{let{isActive:t}=e;return(t?"active ":"")+"sui-tab-item"},role:"tab"},lt("Display and Labels")),d().createElement(Hl,{to:"/builder/settings/slider/appearance",className:e=>{let{isActive:t}=e;return(t?"active ":"")+"sui-tab-item"},role:"tab"},lt("Appearance"))),d().createElement(Vl,null,d().createElement(Ul,{path:"/",element:d().createElement(jl,{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(Vl,null,d().createElement(Ul,{path:"/slider/labels",element:p}),d().createElement(Ul,{path:"/slider/appearance",element:l}))))))),u=d().createElement(Hn,{label:lt("Values"),labelDark:!0,sidebar:!1,lastChild:!0},d().createElement(Ti,null,d().createElement(ji,{cols:"6"},d().createElement(Vi,uc({},this.props,{settings:this.props.state,type:"number",maxValue:t,step:r,label:lt("Minimum value"),placeholder:lt("Enter value"),property:"slider_min",defaultValue:e}))),d().createElement(ji,{cols:"6"},d().createElement(Vi,uc({},this.props,{settings:this.props.state,type:"number",minValue:e,value:t,step:r,label:lt("Maximum value"),placeholder:lt("Enter value"),property:"slider_max"})))),d().createElement(Ti,null,d().createElement(ji,{cols:"6"},d().createElement(Vi,uc({},this.props,{settings:this.props.state,type:"number",label:lt("Step (Increment between values)"),minValue:"0",placeholder:lt("Enter value"),property:"slider_step",defaultValue:r}))),d().createElement(ji,{cols:"6"},d().createElement(Ti,null,d().createElement(ji,a&&{cols:"6"},d().createElement(Vi,uc({},this.props,{settings:this.props.state,type:"number",minValue:e,maxValue:_.min([t,this.props.state.slider_default_2]),step:r,label:lt(a?"Start value":"Default selected value"),placeholder:lt("Enter value"),property:"slider_default",defaultValue:e}))),a&&d().createElement(ji,{cols:"6"},d().createElement(Vi,uc({},this.props,{settings:this.props.state,type:"number",minValue:_.max([e,this.props.state.slider_default]),maxValue:t,step:r,label:lt("End value"),placeholder:lt("Enter value"),property:"slider_default_2",defaultValue:t})))))));return d().createElement(Be.Fragment,null,d().createElement(yp,this.props),u,c)}}function mc(){return mc=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"},rp(e.label)),d().createElement("input",{type:"number",placeholder:lt("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"},lt("Calculation value is required!")))}),d().createElement(hc,this.props))}}function bc(){return bc=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=`${lt("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"},lt("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"},lt("Calculations")),a,e.length>0&&d().createElement(dn,bc({},this.props,{settings:this.props.state,disabled:s,property:"calculations",description:"",default:"false",noWrapper:!0,tooltip:r}),d().createElement(fc,bc({},this.props,{value:"true",boxClass:t,label:lt("Enable")})),d().createElement(fi,{value:"false",label:lt("Disable")})),0===e.length&&d().createElement(dn,bc({},this.props,{settings:this.props.state,disabled:s,property:"calculations",default:"false",noWrapper:!0,tooltip:r}),d().createElement(Dn,bc({},this.props,{value:"true",label:lt("Enable"),settings:this.props.state,boxClass:"sui-tab-boxed"}),d().createElement(hc,this.props)),d().createElement(fi,{value:"false",label:lt("Disable")}))))}}class yc extends Be.Component{constructor(e){super(e)}render(){const{type:e}=this.props;switch(e){case"labels":return d().createElement(cc,this.props);case"settings":return d().createElement(dc,this.props);case"calculations":return d().createElement(gc,this.props);case"visibility":return d().createElement(mp,this.props);case"styling":return d().createElement(bp,this.props);default:return d().createElement("div",null)}}}class Ec extends Be.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:lt("Select image"),button:{text:lt("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 n="";if("image"===this.props.type){let t="";e&&(t="url("+e+")"),n=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 i=this.props.fieldClass?" "+this.props.fieldClass:"",o="image"===this.props.type?`${lt("Upload image")}`:`${lt("Upload file")}`;return d().createElement("div",{className:`sui-form-field${i}`},r,d().createElement("div",{className:`sui-upload ${t}`},d().createElement("input",{type:"file",title:o,value:"",readOnly:"readonly"}),n,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?`${lt("Remove uploaded image")}`:`${lt("Remove uploaded file")}`)))),a)}}function vc(){return vc=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:lt("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:lt("Label")}))}renderAccordionIndicator(){return d().createElement("button",{className:"sui-button-icon sui-accordion-open-indicator",title:lt("Toggle"),"aria-label":lt("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(Ec,vc({},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:lt("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:lt("Delete option"),"aria-label":lt("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:lt("Value"),placeholder:lt("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:lt("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"},lt("Selected")))),this.renderImageUploadField()))))}}class wc extends Be.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(lt("+ 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)?lt("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,n=lt("My Label; my-value; 0; https://mysite.com/my-image-url.jpg"),i=lt("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:i},lt("New option")),a&&d().createElement("option",{value:n},lt("New option with image")),d().createElement("option",{value:lt("Under 1 year\n1-17\n18-24\n25-34\n35-44\n45-54\n55-64\n65 and Above")},lt("Age")),d().createElement("option",{value:lt("Male\nFemale\nNon-binary\nOther")},lt("Gender")),d().createElement("option",{value:lt("Primary School\nHigh School\nSome College\nAssociate's Degree\nBachelor's Degree\nMaster's degree\nProfessional degree\nDoctoral degree\nOther")},lt("Educational Attainment")),d().createElement("option",{value:lt("Full-time employed\nPart-time employed\nSelf-employed\nContract Worker\nHomemaker\nRetired\nStudent\nUnemployed")},lt("Employment Status")),d().createElement("option",{value:lt("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")},lt("Occupation")),d().createElement("option",{value:lt("Single\nMarried\nDivorced\nSeparated\nWidowed")},lt("Marital Status")),d().createElement("option",{value:lt("Africa\nAntarctica\nAsia\nAustralia\nEurope\nNorth America\nSouth America")},lt("Continents")),d().createElement("option",{value:Object.values(forminatorData.countries).join("\n")},lt("Countries")),d().createElement("option",{value:lt("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")},lt("American States")),d().createElement("option",{value:lt("Alberta\nBritish Columbia\nManitoba\nNew Brunswick\nNewfoundland and Labrador\nNorthwest Territories\nNova Scotia\nNunavut\nOntario\nPrince Edward Island\nQuebec\nSaskatchewan\nYukon")},lt("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 xc extends _c{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=Ze(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:lt("Other option placeholder"),placeholder:lt("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 Nc(){return Nc=Object.assign?Object.assign.bind():function(e){for(var t=1;t span").on("click",function(){n.trigger("click"),e.hideError()}),a.on("click",function(){n.val("").trigger("change")}),n.on("change",function(){const i=n.val();if(i.length>0){e.setState({csv_file:n.get(0).files[0]});"csv"!==i.slice((i.lastIndexOf(".")-1>>>0)+2)?(a.trigger("click"),e.showError(lt("Whoops, only .csv filetype is allowed."))):(s.prop("disabled",!1),t.hide(),r.show(),r.find("> span").html(i.replace(/^.*[\\\/]/,"")),0!==e.props.state.options_bulk_editor.length&&e.showError(lt("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(lt("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=Qe()+"-"+Qe();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 Qe()+"-"+Qe()}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,n)=>{if("custom_option"===e.key)return;n>0&&(r+="\n");const i=e.label,o=e.value;r+=i,r+=";",_.isUndefined(o)?_.isUndefined(i)?r+="":r+=i: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,n=!1;r=r.split(/\r\n|\r|\n/),_.map(r,(r,i)=>{if(Boolean(r)){const i=r.split(";"),o=!_.isUndefined(i[2])&&1==i[2],l=_.isEmpty(i[0])?lt("Option ")+(a+1):i[0];let p=_.isUndefined(i[1])?"":i[1];if(_.isEmpty(p)&&(p=l),s[a]={key:this.generateUniqId(),label:l,value:p},s[a].default=("radio"!==e&&("select"!==e||"single"!==t)||!n)&&o,o&&(n=!0),_.isEmpty(i[3])||("select"===e?"enable"===this.props.state.limit_status&&(s[a].limit=i[3]):(s[a].image=i[3],s[a].image_filename=i[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?lt("Expand All"):lt("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,n]=this.findDuplicateOptions(this.state.options),i=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=lt("Select");break;case"radio":u=lt("Radio");break;case"checkbox":u=lt("Checkbox")}let m=lt("Label; value; selection (0 or 1); image-url");"select"===s&&(m="enable"===this.props.state.limit_status?lt("Label; value; selection (0 or 1); submission limit"):lt("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||n&&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,lt(n||"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(Ti,null,d().createElement(ji,{cols:"4"},d().createElement("div",{style:{"padding-top":"5px"}},d().createElement(Pi,Nc({},this.props,{settings:this.props.state,property:"enable_custom_option",label:lt("Other option"),unWrap:!0,updateProperty:this.updateEnableCustomOption})))),d().createElement(ji,{cols:"8"},d().createElement("div",{className:"switch-box"},!t&&d().createElement(Lp,Nc({},this.props,{settings:this.props.state,label:e,property:"options_expanded",itemClass:"sui-checkbox sui-checkbox-sm collapse-options"})),"select"!==s&&d().createElement(Lp,Nc({},this.props,{settings:this.props.state,label:lt("Enable Images"),property:"enable_images",itemClass:"sui-checkbox-sm "})),d().createElement("span",{className:"bulk-edit-toggle "},d().createElement(Pi,Nc({},this.props,{settings:this.props.state,property:"bulk_edit",label:lt("Bulk Edit"),unWrap:!0})))))),o&&d().createElement("div",{className:"multi-opts-preloader"},d().createElement("span",{className:"sui-icon-loader sui-loading","aria-hidden":"true"}," ",lt("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(_c,Nc({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(xc,Nc({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"}),lt("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(wc,Nc({},this.props,{settings:this.props.state,property:"options_bulk_editor",defaultValue:i,value:i,updateValue:this.updateBulkValue,label:lt("Enter field options (one per line)"),description:lt('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"},lt("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"}),lt("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"}),lt("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"},lt("Choose a CSV (.csv) file to import field options and values.")+" ",h&&d().createElement("a",{className:"blue",href:h,target:"_blank",download:r},lt("Download csv template")))))))}}function Sc(){return Sc=Object.assign?Object.assign.bind():function(e){for(var t=1;td().createElement(Xl,Ac({},this.props,{label:e.label,property:e.slug,settings:this.props.state,required:this.props.state[e.slug+"_required"],key:t}),d().createElement(Be.Fragment,null,d().createElement(Ti,null,d().createElement(ji,{cols:"6"},d().createElement(Vi,Ac({},this.props,{settings:this.props.state,label:lt("Label"),placeholder:lt("Enter label"),property:e.slug+"_label"}))),d().createElement(ji,{cols:"6"},d().createElement(Vi,Ac({},this.props,{settings:this.props.state,label:lt("Placeholder (optional)"),placeholder:lt("Enter placeholder"),property:e.slug+"_placeholder"})))),d().createElement(Ti,null,d().createElement(ji,{cols:"12"},d().createElement(Vi,Ac({},this.props,{settings:this.props.state,label:lt("Description (optional)"),placeholder:lt("Enter description"),property:e.slug+"_description"}))))))))}}function jc(){return jc=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(dn,jc({},this.props,{property:"multiple_name",settings:this.props.state,default:"false",divClass:"sui-tabs-content-lg"}),d().createElement(ep,jc({settings:this.props.state},this.props,{value:"false"}),lt("Single")),d().createElement(Tc,jc({settings:this.props.state},this.props,{value:"true"}),lt("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(ji,{cols:"12",label:rp(t.label),value:t.slug,settings:this.props.state,boxClass:"sui-tab-boxed",key:s},d().createElement(Pp,jc({},this.props,{prefix:t.slug})),d().createElement(Op,jc({},this.props,{prefix:t.slug})));if("prefix"!==t.slug)return d().createElement(ji,{cols:"12",label:rp(t.label),settings:this.props.state,value:t.slug,required:this.props.state[t.slug+"_required"],boxClass:"sui-tab-boxed",key:s},d().createElement(yp,jc({},this.props,{prefix:t.slug})),d().createElement(Pp,jc({},this.props,{prefix:t.slug})),d().createElement(Op,jc({},this.props,{prefix:t.slug})))}});return this.hasChildrens(t)?d().createElement("div",null,d().createElement(On,{default:e},t),d().createElement(Hn,{label:lt("Layout"),labelDark:!0,description:lt('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(dn,jc({},this.props,{property:"default_layout",settings:this.props.state,default:"default",label:""}),d().createElement(fi,{value:"default"},lt("Default")),d().createElement(Dn,jc({},this.props,{settings:this.props.state,value:"custom",label:lt("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(Mi,jc({},this.props,{settings:this.props.state,label:lt("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,lt("At least one field must be enabled")))))}if("true"!==this.props.state.multiple_name)return d().createElement("div",null,d().createElement(yp,this.props),d().createElement(Pp,this.props),d().createElement(Op,this.props));case"visibility":return d().createElement(mp,this.props);case"styling":return d().createElement(bp,this.props);default:return d().createElement("div",null)}}}function Vc(){return Vc=Object.assign?Object.assign.bind():function(e){for(var t=1;td().createElement("option",{value:t,key:t},e))),d().createElement(Vi,Ic({},this.props,{settings:this.props.state,label:lt("Validation message"),type:"text",placeholder:lt("Enter validation message"),property:"validation_message"}))),d().createElement(Dn,{value:"international",label:lt("International"),boxClass:"sui-tab-boxed"},d().createElement(np,Ic({},this.props,{settings:this.props.state,label:lt("Default country"),property:"phone_international_country",defaultValue:"US"}),_.map(s,(e,t)=>d().createElement("option",{value:t,key:t},e))),d().createElement(Vi,Ic({},this.props,{settings:this.props.state,label:lt("Validation message"),type:"text",placeholder:lt("Enter validation message"),property:"validation_message"}))),d().createElement(Dn,{value:"character_limit",label:lt("Character Limit"),boxClass:"sui-tab-boxed"},d().createElement(Vi,Ic({},this.props,{settings:this.props.state,label:lt("Limit field to"),type:"text",placeholder:lt("10"),property:"limit",suffix:lt("Characters"),inputClass:"sui-field-has-suffix"})),d().createElement(Vi,Ic({},this.props,{settings:this.props.state,label:lt("Validation message"),type:"text",placeholder:lt("Enter validation message"),property:"validation_message"})))))),d().createElement(Pp,this.props),d().createElement(Op,Ic({},this.props,{default:"disabled"})));case"visibility":return d().createElement(mp,this.props);case"styling":return d().createElement(bp,this.props);default:return d().createElement("div",null)}}}class Bc extends Be.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(lt("+ 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)?lt("This field is required!"):this.props.requiredError,r=this.isValid(t)?"":" sui-form-field-error",a=_.isUndefined(this.props.customClass)?"":" "+this.props.customClass;let n="",i="input",o="";"textarea"===this.props.type&&(i="textarea",o="textarea-type"),this.props.label&&(n=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(Be.Fragment,null,"input"===i&&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"===i&&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}`},n,d().createElement("div",{className:`sui-insert-variables ${o}`},l,d().createElement("select",{"aria-label":lt("Insert form data"),className:"sui-variables",ref:e=>this.el=e},this.props.children.length<=0&&d().createElement("optgroup",{label:lt("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 zc(){return zc=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:lt("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(Bc,zc({},this.props,{settings:this.props.option,property:"value",placeholder:lt("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},rp(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"},lt("Delete meta")))))}}function qc(){return qc=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(Wc,qc({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"}),lt("Add Custom User Meta")),this.props.metaDescription&&e.length<=0&&d().createElement("span",{className:"sui-description",style:{marginTop:"30px"}},this.props.metaDescription)))}}function Qc(){return Qc=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:lt("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(Be.Fragment,null,d().createElement("p",{className:"sui-description"},lt("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(Hl,{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(Xl,Qc({},this.props,{label:e.label,property:e.slug,settings:this.props.state,required:this.props.state[e.slug+"_required"],key:t}),d().createElement(Be.Fragment,null,d().createElement(Ti,null,d().createElement(ji,{cols:"6"},d().createElement(Vi,Qc({},this.props,{settings:this.props.state,label:lt("Label"),placeholder:lt("Enter label"),property:e.slug+"_label"}))),d().createElement(ji,{cols:"6"},d().createElement(Vi,Qc({},this.props,{settings:this.props.state,label:lt("Placeholder (optional)"),placeholder:lt("Enter placeholder"),property:e.slug+"_placeholder"})))),d().createElement(Ti,null,d().createElement(ji,{cols:"12"},d().createElement(Vi,Qc({},this.props,{settings:this.props.state,label:lt("Description (optional)"),placeholder:lt("Enter description"),property:e.slug+"_description"})))))):!0===e.placeholder&&"post_custom_fields"!==e.slug?d().createElement(Xl,Qc({},this.props,{label:e.label,property:e.slug,settings:this.props.state,required:this.props.state[e.slug+"_required"],key:t}),d().createElement(Be.Fragment,null,d().createElement(Ti,null,d().createElement(ji,{cols:"12"},d().createElement(Vi,Qc({},this.props,{settings:this.props.state,label:lt("Label"),placeholder:lt("Enter label"),property:e.slug+"_label"})))),d().createElement(Ti,null,d().createElement(ji,{cols:"12"},d().createElement(Vi,Qc({},this.props,{settings:this.props.state,label:lt("Description (optional)"),placeholder:lt("Enter description"),property:e.slug+"_description"})))))):"post_custom_fields"===e.slug?d().createElement(Xl,Qc({},this.props,{label:e.label,property:e.slug,settings:this.props.state,key:t,noBoxBody:!0}),d().createElement(Be.Fragment,null,d().createElement(Hc,Qc({wrappers:this.props.wrappers},this.props)))):void 0)));case"settings":return d().createElement(Be.Fragment,null,d().createElement(yp,this.props),this.props.state.post_content&&d().createElement(Hn,null,d().createElement("p",{className:"sui-settings-label sui-dark"},lt("Media button")),d().createElement("p",{className:"sui-description"},lt("Allow media insertion in content editor")),d().createElement(up,Qc({},this.props,{settings:this.props.state,property:"post_content_media",defaultValue:"0"}),d().createElement("div",{value:"1"},lt("Enable")),d().createElement("div",{value:"0"},lt("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,lt("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(Hn,null,d().createElement("p",{className:"sui-settings-label sui-dark"},lt("Post type")),d().createElement("p",{className:"sui-description"},lt("Choose the post type associated with this field.")),d().createElement(np,Qc({},this.props,{settings:this.props.state,label:lt("Assigned post type"),placeholder:lt("post"),property:"post_type",fieldClass:"sui-input-md"}),_.map(forminatorData.postTypeList,(e,t)=>d().createElement("option",{value:e.value,key:t},rp(e.label))))),d().createElement(Hn,null,d().createElement("p",{className:"sui-settings-label sui-dark"},lt("Default status")),d().createElement("p",{className:"sui-description"},lt("When a user submits this form, choose what status this post data is.")),d().createElement(np,Qc({},this.props,{settings:this.props.state,label:lt("Status"),placeholder:lt("pending"),property:"data_status",fieldClass:"sui-input-md"}),d().createElement("option",{value:"draft"},lt("Draft")),d().createElement("option",{value:"pending"},lt("Pending Review")),d().createElement("option",{value:"publish"},lt("Published")))),d().createElement(Hn,null,d().createElement("p",{className:"sui-settings-label sui-dark"},lt("Default author")),d().createElement("p",{className:"sui-description"},lt("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(np,Qc({},this.props,{settings:this.props.state,label:lt("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},rp(e.label)))),d().createElement(Lp,Qc({},this.props,{settings:this.props.state,property:"default_author",label:lt("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"},lt("Taxonomies limits")),d().createElement("span",{className:"sui-description"},lt("Choose whether to allow single or multiple categories or tags on this post.")),d().createElement("div",{className:"sui-form-field"},d().createElement(Ti,null,_.map(t,(e,t)=>d().createElement(ji,{cols:"6",key:t},d().createElement(up,Qc({},this.props,{settings:this.props.state,property:e.value+"_multiple",defaultValue:"0",label:e.label}),d().createElement("div",{value:"0"},lt("Single")),d().createElement("div",{value:"1"},lt("Multiple"))))))))));case"visibility":return d().createElement(mp,this.props);case"styling":return d().createElement(bp,this.props);default:return d().createElement("div",null)}}}function Kc(){return Kc=Object.assign?Object.assign.bind():function(e){for(var t=1;t12?(r-=12,a="pm"):a="am",n>12?(n-=12,i="pm"):i="am",this.updateProperty("restrict_start_hour",r),this.updateProperty("restrict_start_minute",t),this.updateProperty("restrict_start_ampm",a),this.updateProperty("restrict_end_hour",n),this.updateProperty("restrict_end_minute",s),this.updateProperty("restrict_end_ampm",i))}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=lt("{{strong}}Note:{{/strong}} The query parameter's value passed in URL should match with the selected time format.",{components:{strong:d().createElement("strong",null)}}),n=this.isTimeValid(t),i="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,i).format(i),b=moment(u+":"+m+h,i).format(i);switch(e){case"labels":return d().createElement(Be.Fragment,null,d().createElement(Ti,null,d().createElement(ji,{cols:"6"},d().createElement(up,ru({},this.props,{settings:this.props.state,property:"field_type",label:lt("Type")}),d().createElement("span",{value:"select"},lt("Dropdowns")),d().createElement("span",{value:"input"},lt("Number inputs")))),d().createElement(ji,{cols:"6"},d().createElement(up,ru({},this.props,{settings:this.props.state,property:"time_type",label:lt("Format"),timeType:this.checkTimeTypeChange}),d().createElement("span",{value:"twelve"},lt("12 hour")),d().createElement("span",{value:"twentyfour"},lt("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,lt(`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(Vi,ru({},this.props,{settings:this.props.state,label:lt("Label"),placeholder:lt("Enter label"),property:"field_label"})),d().createElement(Vi,ru({},this.props,{settings:this.props.state,label:lt("Description (optional)"),placeholder:lt("Enter description"),property:"description"})),d().createElement("label",{className:"sui-label"},lt("Fields")),d().createElement("div",{className:"sui-accordion sui-accordion-flushed",style:{marginTop:"10px"}},d().createElement(fn,ru({},this.props,{label:lt("Hours")}),d().createElement(Ti,null,d().createElement(ji,{cols:"6"},d().createElement(Vi,ru({},this.props,{settings:this.props.state,label:lt("Label (optional)"),placeholder:lt("Enter label"),property:"hh_label"}))),"select"!==s&&d().createElement(ji,{cols:"6"},d().createElement(Vi,ru({},this.props,{settings:this.props.state,label:lt("Placeholder (optional)"),placeholder:lt("Enter placeholder"),property:"hh_placeholder"}))))),d().createElement(fn,ru({},this.props,{label:lt("Minutes")}),d().createElement(Ti,null,d().createElement(ji,{cols:"6"},d().createElement(Vi,ru({},this.props,{settings:this.props.state,label:lt("Label (optional)"),placeholder:lt("Enter label"),property:"mm_label"}))),"select"!==s&&d().createElement(ji,{cols:"6"},d().createElement(Vi,ru({},this.props,{settings:this.props.state,label:lt("Placeholder (optional)"),placeholder:lt("Enter placeholder"),property:"mm_placeholder"}))))),"twelve"===t&&d().createElement(fn,ru({},this.props,{label:lt("AM/PM")}),d().createElement(Ti,null,d().createElement(ji,{cols:"6"},d().createElement(Vi,ru({},this.props,{settings:this.props.state,label:lt("Label (optional)"),placeholder:lt("Enter label"),property:"am_pm_label"})))))));case"settings":return d().createElement(Be.Fragment,null,d().createElement(yp,this.props),d().createElement(Hn,{label:lt("Increments"),labelDark:!0,description:lt("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(Mi,ru({},this.props,{settings:this.props.state,label:lt("Hour"),property:"increment_hour","data-width":"86"}),[...Array(r)].map((e,t)=>d().createElement("option",{value:t,key:t},t))),d().createElement(Mi,ru({},this.props,{settings:this.props.state,label:lt("Minute"),property:"increment_minute","data-width":"86"}),[...Array(60)].map((e,t)=>d().createElement("option",{value:t,key:t},t))))),d().createElement(Hn,{label:lt("Limits"),labelDark:!0,description:lt("Choose a time limit for the time picker field to restrict the time selection between specific hours."),descriptionSpacing:20,sidebar:!1},d().createElement(dn,ru({},this.props,{property:"restrict_time",settings:this.props.state,default:"none",simple:!0}),d().createElement(Dn,ru({settings:this.props.state},this.props,{value:"specific",label:lt("Specific Hours"),boxClass:"sui-tab-boxed"}),d().createElement("label",{className:"sui-label"},lt("Start Time")),d().createElement(Ti,null,d().createElement(ji,{cols:"3"},d().createElement(Mi,ru({},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(ji,{cols:"3"},d().createElement(Mi,ru({},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(ji,{cols:"3"},d().createElement(Mi,ru({},this.props,{settings:this.props.state,property:"restrict_start_ampm"}),d().createElement("option",{value:"am"},lt("AM")),d().createElement("option",{value:"pm"},lt("PM"))))),d().createElement("label",{className:"sui-label"},lt("End Time")),d().createElement(Ti,null,d().createElement(ji,{cols:"3"},d().createElement(Mi,ru({},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(ji,{cols:"3"},d().createElement(Mi,ru({},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(ji,{cols:"3"},d().createElement(Mi,ru({},this.props,{settings:this.props.state,property:"restrict_end_ampm"}),d().createElement("option",{value:"am"},lt("AM")),d().createElement("option",{value:"pm"},lt("PM"))))),d().createElement(Ti,null,d().createElement(ji,{cols:"12"},d().createElement(Vi,ru({},this.props,{settings:this.props.state,label:lt("Error Message"),property:"restrict_message",description:lt("This error message will be used when time entered is out of the set limits.")}))))),d().createElement(fi,{value:"none"},lt("None")))),d().createElement(Hn,{label:lt("Default Time"),labelDark:!0,description:lt("Use this feature to specify a default selected time."),descriptionSpacing:20,sidebar:!1},d().createElement(dn,ru({},this.props,{property:"default_time",settings:this.props.state,default:"none",simple:!0}),d().createElement(Dn,ru({},this.props,{label:lt("Default"),settings:this.props.state,value:"default",boxClass:"sui-tab-boxed"}),d().createElement(Ti,null,d().createElement(ji,{cols:"3"},d().createElement(Mi,ru({},this.props,{settings:this.props.state,label:lt("Hour"),placeholder:"1",property:"default_time_hour"}),[...Array(r)].map((e,t)=>d().createElement("option",{value:t,key:t},t)))),d().createElement(ji,{cols:"3"},d().createElement(Mi,ru({},this.props,{settings:this.props.state,label:lt("Minute"),placeholder:"0",property:"default_time_minute"}),[...Array(60)].map((e,t)=>d().createElement("option",{value:t,key:t},t)))),"twelve"===t&&d().createElement(ji,{cols:"3"},d().createElement(Mi,ru({},this.props,{settings:this.props.state,label:" ",property:"default_time_ampm"}),d().createElement("option",{value:"am"},lt("AM")),d().createElement("option",{value:"pm"},lt("PM"))))),!n&&d().createElement("span",{className:"sui-error-message"},lt("Default time can't be outside the allowed time limit."))),d().createElement(fi,{value:"none"},lt("None")))),d().createElement(Pp,ru({},this.props,{notice:a})));case"visibility":return d().createElement(mp,this.props);case"styling":return d().createElement(bp,this.props);default:return d().createElement("div",null)}}}class nu extends Be.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(Be.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,lt("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,rp(s.label)))))}}function iu(){return iu=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=>{n.push({value:e,label:"."+e,itemClass:"sui-checkbox-stacked sui-checkbox-sm sui-checkbox-pre"})}),_.isUndefined(forminatorData.fileExts.text)||forminatorData.fileExts.text.map(e=>{i.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,lt("Add a comma-separated list of additional file types along with their MIME types separated by “ | ”.")," ",forminatorData.showDocLink&<("{{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"},lt("Allowed filetypes")),d().createElement("span",{className:"sui-description"},lt("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)},lt("Default")),d().createElement("div",{className:"sui-tab-item "+(e?"active":""),onClick:this.toggleValue.bind(this,!0)},lt("Specific filetypes"))),d().createElement("div",{className:"sui-tabs-content"},d().createElement("div",{className:"sui-tab-boxed "+(e?"active":"")},d().createElement(Ti,null,d().createElement(ji,{cols:"3"},d().createElement(nu,iu({},this.props,{label:lt("Images"),settings:this.props.state,fileType:"all-image",property:"filetypes",checkboxes:r}))),d().createElement(ji,{cols:"3"},d().createElement(nu,iu({},this.props,{label:lt("Documents"),settings:this.props.state,fileType:"all-document",property:"filetypes",checkboxes:s}))),d().createElement(ji,{cols:"3"},d().createElement(nu,iu({},this.props,{label:lt("Audio"),settings:this.props.state,fileType:"all-audio",property:"filetypes",checkboxes:t}))),d().createElement(ji,{cols:"3"},d().createElement(nu,iu({},this.props,{label:lt("Video"),settings:this.props.state,fileType:"all-video",property:"filetypes",checkboxes:a})))),d().createElement(Ti,null,d().createElement(ji,{cols:"3"},d().createElement(nu,iu({},this.props,{label:lt("Archive"),settings:this.props.state,fileType:"all-archive",property:"filetypes",checkboxes:n}))),d().createElement(ji,{cols:"3"},d().createElement(nu,iu({},this.props,{label:lt("Text"),settings:this.props.state,fileType:"all-text",property:"filetypes",checkboxes:i}))),d().createElement(ji,{cols:"3"},d().createElement(nu,iu({},this.props,{label:lt("Spreadsheet"),settings:this.props.state,fileType:"all-spreadsheet",property:"filetypes",checkboxes:o}))),d().createElement(ji,{cols:"3"},d().createElement(nu,iu({},this.props,{label:lt("Interactive"),settings:this.props.state,fileType:"all-interactive",property:"filetypes",checkboxes:l})))),d().createElement(Ti,null,d().createElement(ji,{cols:"12"},d().createElement(Np,iu({},this.props,{settings:this.props.state,label:lt("Additional filetypes"),placeholder:lt("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,lt("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,lt("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 lu(){return lu=Object.assign?Object.assign.bind():function(e){for(var t=1;tr?" sui-form-field-error":"")})),d().createElement(np,lu({},this.props,{property:"filesize",settings:this.props.state,defaultValue:"MB",elementClass:"sui-select-inline",simple:!0,ariaLabel:lt("Select upload size unit (KB or MB)")}),d().createElement("option",{value:"MB"},lt("MB")),d().createElement("option",{value:"KB"},lt("KB")),d().createElement("option",{value:"B"},lt("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,lt("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(Hn,null,d().createElement("label",{className:"sui-settings-label sui-dark"},lt("Upload method")),d().createElement("span",{className:"sui-description"},lt("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(up,lu({},this.props,{settings:this.props.state,property:"upload-method",defaultValue:"ajax"}),d().createElement("div",{value:"ajax"},lt("AJAX")),d().createElement("div",{value:"submission"},lt("On form submission"))))),d().createElement(Hn,null,d().createElement("label",{className:"sui-settings-label sui-dark"},lt("Show files in media library")),d().createElement("span",{className:"sui-description"},lt("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(up,lu({},this.props,{settings:this.props.state,property:"use_library",defaultValue:""}),d().createElement("div",{value:"true"},lt("Enable")),d().createElement("div",{value:""},lt("Disable"))))));case"visibility":return d().createElement(mp,this.props);case"styling":return d().createElement(bp,this.props);default:return d().createElement("div",null)}}}function cu(){return cu=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0;)a-=1;const i=r.slice(0,a-1)+r.slice(n,r.length);this.updateValue(i),t.val(i),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 ht(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 n=rp(e);for(;t=a.exec(e);){const e=t[0];if(_.isUndefined(e))continue;if(!this.isCalculationEnabled(t[1]))return{error:lt("%s is disabled for calculations. Please insert a valid field from the merged tags option.",{args:[e]}),result:!1};if(!at(t[1],this.props.wrappers))return{error:lt("%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=rt(t[1],this.props.wrappers),r=t[3]||"";n=n.replace(e,''+rp(s)+rp(r)+"")}else n=rp(n.replace(e,"(1)"))}return n}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=lt("Calculation formula is required!"),t;const s=window.forminatorCalculator(t),r={};let a;try{if(a=s.calculate(),!isFinite(a))return r.error=lt("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(Be.Fragment,null,d().createElement("li",{className:"wpmudev-dropdown--option",key:s},d().createElement("button",{onClick:t=>this.insert(t,"{"+e.element_id+"}")},rp(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+lt(" (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],n=this.validateFormula(a),i=this.previewFormula(a),o=!1===n.result?" fui-error":"";return d().createElement(Be.Fragment,null,d().createElement("div",{className:"sui-form-field"},d().createElement("label",{className:"sui-label"},lt("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":lt("Add Form Fields")},d().createElement("i",{className:"sui-icon-layout","aria-hidden":"true"}),d().createElement("span",{className:"sui-screen-reader-text"},lt("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"},lt("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"},lt("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"},lt("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"},lt("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"},lt("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"},lt("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"},lt("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"},lt("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"},lt("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"},lt("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":lt("Add Function")},d().createElement("i",{className:"sui-icon-more","aria-hidden":"true"}),d().createElement("span",{className:"sui-screen-reader-text"},lt("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===n.result&&d().createElement("span",{className:"sui-error-message"},n.error),d().createElement("span",{className:"sui-description"},lt("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"},lt("Formula Preview")),d().createElement("div",{className:"fui-calculations-preview",dangerouslySetInnerHTML:{__html:i}})),d().createElement(hc,this.props))}}function fu(){return fu=Object.assign?Object.assign.bind():function(e){for(var t=1;t